Update sdr-feature skill with browser push workflow

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

BRAND_GUIDELINES.md

@@ -0,0 +1,295 @@
+# ScaleupXQ Brand Guidelines
+
+A comprehensive guide to our visual identity, tone of voice, and core values. This guide ensures consistency and cohesiveness in every communication, helping amplify the ScaleupXQ brand with clarity and impact.
+
+---
+
+## 1. Colors
+
+### Primary Colors
+
+The revised color palette for ScaleupXQ reflects the company's dynamic and authoritative stance in the sales consulting industry. Bold and expressive, designed to make a strong statement.
+
+| Name | Hex Code | Usage |
+|------|----------|-------|
+| **Primary 100** | `#6D3EF3` | Primary brand color, headers, key highlights |
+| **Primary 200** | `#602DF2` | Darker primary variant, hover states |
+
+### Secondary Colors
+
+These colors reinforce ScaleupXQ's identity and enhance visual communication with potential clients.
+
+| Family | 100 (Lightest) | 200 | 300 | 400 (Darkest) |
+|--------|----------------|-----|-----|---------------|
+| **Lilac** | `#F4F0FF` | `#E8E0FF` | `#B89EFF` | `#1E0C32` |
+| **Tangerine** | `#FFEBE9` | `#FFD8D3` | `#FF8474` | `#391418` |
+| **Emerald** | `#E8FAF3` | `#D1F5E6` | `#70E0B1` | `#00302A` |
+| **Marigold** | `#FFFDEF` | `#FFFADF` | `#FFF09B` | `#2E2A22` |
+| **Zodiac** | `#F2FCFE` | `#E4F9FD` | `#ABECFA` | `#001630` |
+| **Sierra** | `#FEF4EC` | `#FDE9D9` | `#FAB987` | `#2D1622` |
+
+### Base Colors
+
+| Name | Hex Code | Usage |
+|------|----------|-------|
+| **Base 100** | `#FFFFFF` | White backgrounds |
+| **Base 200** | `#F5F5F6` | Light gray backgrounds |
+| **Base 300** | `#D8D8D9` | Borders, dividers |
+| **Base 400** | `#B2B1B3` | Muted text |
+| **Base 500** | `#6E6D71` | Secondary text |
+| **Base 600** | `#0D0B13` | Dark backgrounds, primary text |
+
+### Color Level Usage (Important!)
+
+ScaleupXQ uses colors at different "levels" for different purposes:
+
+| Level | Purpose | Example |
+|-------|---------|---------|
+| **100** | Light backgrounds, subtle fills | `#F4F0FF` (Lilac 100) for card backgrounds |
+| **200** | Slightly darker backgrounds, borders | `#E8E0FF` (Lilac 200) for hover states |
+| **300** | Vibrant accents, charts, progress bars | `#B89EFF` (Lilac 300) for highlights |
+| **400** | Dark text, strong contrast | `#1E0C32` (Lilac 400) for headings on light bg |
+
+### Dashboard Color Mapping
+
+```css
+:root {
+    /* Primary brand */
+    --primary: #6D3EF3;        /* Primary - main accent, buttons, links */
+    --primary-dark: #602DF2;   /* Primary dark - hover states */
+
+    /* Status colors - ALWAYS use 300-level (vibrant) for both themes */
+    --success: #70E0B1;        /* Emerald 300 - positive metrics */
+    --warning: #FFF09B;        /* Marigold 300 - caution, pending */
+    --danger: #FF8474;         /* Tangerine 300 - negative, errors */
+    --info: #ABECFA;           /* Zodiac 300 - informational */
+
+    /* Card backgrounds - use 100-level colors */
+    --bg-lilac: #F4F0FF;       /* Lilac 100 */
+    --bg-emerald: #E8FAF3;     /* Emerald 100 */
+    --bg-zodiac: #F2FCFE;      /* Zodiac 100 */
+
+    /* Base colors */
+    --bg-white: #FFFFFF;       /* Base 100 - main background */
+    --bg-light: #F5F5F6;       /* Base 200 - subtle background */
+    --border: #D8D8D9;         /* Base 300 - borders, dividers */
+    --text-muted: #6E6D71;     /* Base 500 - secondary text */
+    --text-dark: #0D0B13;      /* Base 600 - primary text */
+}
+```
+
+---
+
+## 2. Typography
+
+### Font: Inter
+
+ScaleupXQ uses **Inter** as its typographic standard. This modern and bold font offers a range of weights, providing exceptional flexibility for various design needs.
+
+**Download:** [Inter Font](https://fonts.google.com/specimen/Inter)
+
+### Font Weights
+
+| Weight | CSS Value | Usage |
+|--------|-----------|-------|
+| **Black** | `900` | Hero headlines, impact statements |
+| **Bold** | `700` | Section headers, emphasis |
+| **Semibold** | `600` | Subheadings, labels |
+| **Medium** | `500` | Body text emphasis, buttons |
+| **Regular** | `400` | Body text, paragraphs |
+
+### Implementation
+
+```html
+<!-- Google Fonts CDN -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap" rel="stylesheet">
+```
+
+```css
+body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+h1 { font-weight: 900; }
+h2, h3 { font-weight: 700; }
+h4, .label { font-weight: 600; }
+.button { font-weight: 500; }
+body { font-weight: 400; }
+```
+
+---
+
+## 3. Iconography
+
+### Style Guidelines
+
+Our iconography features **clean and minimalistic line icons**, providing a perfect counterbalance to our bold fonts and vibrant color palette.
+
+**Characteristics:**
+- Simple, understated design
+- Line-based (not filled)
+- Consistent stroke width
+- Enhances clarity and readability
+
+**Recommended Icon Sets:**
+- [Lucide Icons](https://lucide.dev/)
+- [Heroicons](https://heroicons.com/) (outline style)
+- [Phosphor Icons](https://phosphoricons.com/) (light weight)
+
+---
+
+## 4. Assets
+
+### Logo Usage
+
+| Variant | Use Case |
+|---------|----------|
+| **Color Light** | Dark backgrounds |
+| **Color Dark** | Light backgrounds |
+| **Mono Light** | Single-color on dark |
+| **Mono Dark** | Single-color on light |
+
+### Logomark
+
+The logomark integrates building blocks and an upward-pointing arrow, symbolising:
+- Foundational strength
+- Growth trajectory
+- Building and elevating B2B sales organizations
+
+### Brand Element
+
+The graphical brand element features a dynamic composition of squares forming an arrow and stairs, symbolising growth and forward momentum.
+
+---
+
+## 5. Tone of Voice
+
+### Bold, Engaging, and Playfully Authentic
+
+We communicate with:
+
+| Quality | Description |
+|---------|-------------|
+| **Clarity** | Assertive messaging that's impactful and memorable |
+| **Engagement** | Connect with audience on a deeper level |
+| **Playfulness** | Touch of humor adds unique charm |
+| **Authenticity** | Genuine commitment to excellence shines through |
+
+### Writing Guidelines
+
+**Do:**
+- Use active voice
+- Be direct and confident
+- Keep messaging concise
+- Add personality where appropriate
+- Focus on value and outcomes
+
+**Don't:**
+- Use jargon unnecessarily
+- Be overly formal or stiff
+- Make vague claims
+- Use passive constructions
+- Overuse superlatives
+
+### Example Phrases
+
+| Instead of... | Write... |
+|---------------|----------|
+| "We provide solutions" | "We build sales machines" |
+| "Our services include" | "We deliver" |
+| "It is possible that" | "You can" |
+| "In order to" | "To" |
+
+---
+
+## 6. Dashboard-Specific Guidelines
+
+### Card Design
+
+```css
+.card {
+    background: rgba(109, 62, 243, 0.05);
+    border: 1px solid rgba(109, 62, 243, 0.2);
+    border-radius: 12px;
+}
+```
+
+### Progress Indicators
+
+Use 300-level colors (vibrant) for progress bars - consistent across light and dark themes:
+- 0-25%: Tangerine 300 (`#FF8474`) - Danger/low
+- 25-50%: Sierra 300 (`#FAB987`) - Caution
+- 50-75%: Marigold 300 (`#FFF09B`) - Warning/medium
+- 75-99%: Zodiac 300 (`#ABECFA`) - Good
+- 100%+: Emerald 300 (`#70E0B1`) - Excellent/complete
+
+### Charts
+
+Primary chart colors (in order):
+1. `#6D3EF3` - Primary
+2. `#70E0B1` - Emerald
+3. `#ABECFA` - Zodiac
+4. `#FFF09B` - Marigold
+5. `#B89EFF` - Lilac
+6. `#FAB987` - Sierra
+7. `#FF8474` - Tangerine
+
+### Leaderboard Rankings
+
+| Rank | Style |
+|------|-------|
+| 1st | Gold gradient (`#FFF09B` to `#FAB987`) |
+| 2nd | Silver (`#D8D8D9`) |
+| 3rd | Bronze (`#FAB987`) |
+| Others | Subtle border |
+
+---
+
+## Quick Reference
+
+```css
+/* Copy-paste ready CSS variables */
+:root {
+    --scaleup-primary-100: #6D3EF3;
+    --scaleup-primary-200: #602DF2;
+
+    --scaleup-lilac-100: #F4F0FF;
+    --scaleup-lilac-200: #E8E0FF;
+    --scaleup-lilac-300: #B89EFF;
+    --scaleup-lilac-400: #1E0C32;
+
+    --scaleup-tangerine-100: #FFEBE9;
+    --scaleup-tangerine-200: #FFD8D3;
+    --scaleup-tangerine-300: #FF8474;
+    --scaleup-tangerine-400: #391418;
+
+    --scaleup-emerald-100: #E8FAF3;
+    --scaleup-emerald-200: #D1F5E6;
+    --scaleup-emerald-300: #70E0B1;
+    --scaleup-emerald-400: #00302A;
+
+    --scaleup-marigold-100: #FFFDEF;
+    --scaleup-marigold-200: #FFFADF;
+    --scaleup-marigold-300: #FFF09B;
+    --scaleup-marigold-400: #2E2A22;
+
+    --scaleup-zodiac-100: #F2FCFE;
+    --scaleup-zodiac-200: #E4F9FD;
+    --scaleup-zodiac-300: #ABECFA;
+    --scaleup-zodiac-400: #001630;
+
+    --scaleup-sierra-100: #FEF4EC;
+    --scaleup-sierra-200: #FDE9D9;
+    --scaleup-sierra-300: #FAB987;
+    --scaleup-sierra-400: #2D1622;
+
+    --scaleup-base-100: #FFFFFF;
+    --scaleup-base-200: #F5F5F6;
+    --scaleup-base-300: #D8D8D9;
+    --scaleup-base-400: #B2B1B3;
+    --scaleup-base-500: #6E6D71;
+    --scaleup-base-600: #0D0B13;
+}
+```

CLAUDE.md

@@ -0,0 +1,100 @@
+# Sales Dashboard Project
+
+## Overview
+Interactive sales case status tracker dashboard built as a single HTML file with embedded JavaScript and CSS. Displays sales team performance data from Excel files with charts and leaderboards. Built for **ScaleupXQ** - a B2B sales consulting company.
+
+## Project Structure
+```
+sales-dashboard-project/
+├── index.html                    # Main dashboard (single file, self-contained)
+├── Case status_ October 2025.xlsx # Source data file
+├── README.md                     # HuggingFace Space config + description
+├── CLAUDE.md                     # This file - development context
+├── DEVELOPMENT.md                # Technical details and customization guide
+└── BRAND_GUIDELINES.md           # ScaleupXQ brand identity guide
+```
+
+## Brand Guidelines
+**IMPORTANT:** All UI changes must follow the ScaleupXQ brand guidelines in `BRAND_GUIDELINES.md`.
+
+Key brand elements:
+- **Primary Color**: `#6D3EF3` (purple)
+- **Font**: Inter (Google Fonts)
+- **Tone**: Bold, engaging, playfully authentic
+
+## Deployment
+- **Live URL**: https://huggingface.co/spaces/MathiasAESandnes/case-status-tracker
+- **Platform**: Hugging Face Spaces (static SDK)
+- **Deploy command**: `git push origin main` (from this directory)
+
+## Tech Stack
+- **Frontend**: Vanilla HTML/CSS/JavaScript (no build step)
+- **Charts**: Chart.js via CDN
+- **Excel Parsing**: SheetJS (xlsx.js) via CDN
+- **Styling**: CSS custom properties, gradients, glassmorphism
+
+## Key Features
+1. **Summary Cards**: Total cases, win rate, active cases, avg value
+2. **Case Table**: Sortable, shows all cases with status badges
+3. **Leaderboard**: Ranked salespeople by points (wins, offers, meetings)
+4. **Charts**:
+   - Status distribution (doughnut)
+   - Category breakdown (bar)
+   - Monthly trend (line)
+   - Team comparison (horizontal bar)
+5. **File Upload**: Drag & drop Excel files to update data
+
+## Data Structure
+The dashboard expects Excel files with these columns:
+- `Bedrift` - Company name
+- `Løsning` - Solution/product category
+- `Forventet størrelse` - Expected deal size (NOK)
+- `Status` - Case status (Vunnet, Tilbud sendt, Møte booket, etc.)
+- `Salgsansvarlig` - Sales person name
+- `Dato opprettet` - Date created
+- `Siste aktivitet` - Last activity date
+
+## Scoring System (Leaderboard)
+- **Won (Vunnet)**: 3 points
+- **Offer Sent (Tilbud sendt)**: 2 points
+- **Meeting Booked (Møte booket)**: 1 point
+
+## Color Scheme (ScaleupXQ Brand)
+```css
+/* Primary */
+--primary: #6D3EF3;        /* ScaleupXQ Purple - headers, highlights */
+--primary-dark: #602DF2;   /* Darker variant - hover states */
+
+/* Status colors from brand palette */
+--success: #70E0B1;        /* Emerald 300 - won deals, positive */
+--warning: #FFF09B;        /* Marigold 300 - pending/offers */
+--danger: #FF8474;         /* Tangerine 300 - lost deals */
+--info: #ABECFA;           /* Zodiac 300 - informational */
+--purple: #B89EFF;         /* Lilac 300 - accents */
+
+/* Backgrounds */
+--bg-dark: #0D0B13;        /* Base 600 - dark background */
+```
+
+See `BRAND_GUIDELINES.md` for complete color palette and usage rules.
+
+## Common Tasks
+
+### Update data
+Replace the Excel file and redeploy, or use the file upload feature in the UI.
+
+### Add new status type
+1. Add to the `getStatusColor()` function
+2. Add to the `getStatusBadgeStyle()` function
+3. Update scoring in `calculateLeaderboard()` if needed
+
+### Modify chart colors
+Find the chart initialization in `initCharts()` and update the `backgroundColor` arrays.
+
+### Change leaderboard scoring
+Edit the `calculateLeaderboard()` function - points are assigned based on case status.
+
+## Git Remote
+```
+origin: https://huggingface.co/spaces/MathiasAESandnes/case-status-tracker
+```

DEVELOPMENT.md

@@ -0,0 +1,148 @@
+# Development Guide
+
+## Quick Start
+1. Open `index.html` in a browser for local development
+2. Make changes to the single HTML file
+3. Deploy: `git add -A && git commit -m "message" && git push origin main`
+
+## Brand Guidelines
+**All UI changes must follow the ScaleupXQ brand guidelines.** See `BRAND_GUIDELINES.md` for:
+- Color palette (Primary: `#6D3EF3`)
+- Typography (Inter font)
+- Iconography style
+- Tone of voice
+
+## Architecture
+
+### Single File Design
+The entire dashboard is contained in one `index.html` file:
+- `<style>` block: All CSS (~300 lines)
+- `<body>`: HTML structure
+- `<script>` block: All JavaScript (~600 lines)
+
+### Data Flow
+```
+Excel File → SheetJS Parser → JavaScript Arrays → Charts + Tables
+```
+
+### Key Functions
+
+#### Data Processing
+- `parseExcelData(workbook)` - Converts Excel to JS objects
+- `processData()` - Calculates totals, categories, monthly data
+- `calculateLeaderboard()` - Scores and ranks salespeople
+
+#### Rendering
+- `renderTable()` - Builds the case table HTML
+- `initCharts()` - Creates all Chart.js instances
+- `updateCharts()` - Refreshes chart data
+
+#### Utilities
+- `getStatusColor(status)` - Returns color for status
+- `getStatusBadgeStyle(status)` - Returns full badge CSS
+- `formatCurrency(value)` - Formats NOK amounts
+
+## Customization
+
+### Modifying Colors (Brand Compliance)
+All colors should follow the ScaleupXQ brand palette. See `BRAND_GUIDELINES.md` for the full palette.
+
+**Chart color order (use in this sequence):**
+```javascript
+['#6D3EF3', '#70E0B1', '#ABECFA', '#FFF09B', '#B89EFF', '#FAB987', '#FF8474', '#E8E0FF', '#D1F5E6', '#602DF2']
+```
+
+**Progress bar colors by percentage:**
+- 100%+: `#70E0B1` (Emerald - success)
+- 75-99%: `#ABECFA` (Zodiac - good)
+- 50-74%: `#FFF09B` (Marigold - warning)
+- 25-49%: `#FAB987` (Sierra - caution)
+- 0-24%: `#FF8474` (Tangerine - danger)
+
+### Adding a New Chart
+```javascript
+// 1. Add canvas in HTML
+<div class="chart-card">
+    <h3>My New Chart</h3>
+    <canvas id="myNewChart"></canvas>
+</div>
+
+// 2. Initialize in initCharts()
+myNewChart = new Chart(document.getElementById('myNewChart'), {
+    type: 'bar', // or 'line', 'doughnut', etc.
+    data: {
+        labels: [...],
+        datasets: [{
+            data: [...],
+            backgroundColor: [...]
+        }]
+    },
+    options: { ... }
+});
+
+// 3. Update in updateCharts()
+myNewChart.data.datasets[0].data = newData;
+myNewChart.update();
+```
+
+### Adding a New Summary Card
+```html
+<div class="summary-card">
+    <h4>New Metric</h4>
+    <div class="value" id="newMetric" style="color: var(--primary);">0</div>
+</div>
+```
+Then update in `processData()`:
+```javascript
+document.getElementById('newMetric').textContent = calculatedValue;
+```
+
+### Modifying Status Types
+Current statuses and their meanings:
+- `Vunnet` - Won/Closed deal
+- `Tilbud sendt` - Offer sent, awaiting response
+- `Møte booket` - Meeting scheduled
+- `Dialog` - In discussion
+- `Tapt` - Lost deal
+- `Avsluttet` - Closed/Ended
+
+To add a new status:
+```javascript
+// In getStatusColor()
+case 'New Status': return 'var(--new-color)';
+
+// In getStatusBadgeStyle()
+case 'New Status': return 'background: rgba(r,g,b,0.2); color: #hex; border-color: #hex;';
+
+// In calculateLeaderboard() if it should give points
+if (status === 'New Status') points += X;
+```
+
+## Performance Notes
+- Chart.js is loaded from CDN (~200KB)
+- SheetJS is loaded from CDN (~500KB)
+- All data processing happens client-side
+- No server required - fully static
+
+## Browser Support
+Tested in:
+- Chrome 90+
+- Firefox 88+
+- Safari 14+
+- Edge 90+
+
+## Troubleshooting
+
+### Charts not showing
+- Check browser console for Chart.js errors
+- Ensure canvas elements have unique IDs
+- Verify data arrays aren't empty
+
+### Excel not loading
+- Check file format (.xlsx required)
+- Verify column names match expected headers
+- Check console for SheetJS parsing errors
+
+### Leaderboard empty
+- Ensure `Salgsansvarlig` column exists
+- Check that statuses match scoring conditions

_Case status_ January 2026 - DAILY - for SDR to add data🌟.csv

@@ -0,0 +1,133 @@
+$65.00,,,WEEK 2,,,,,,,WEEK 3,,,,,,,WEEK 4,,,,,,,WEEK 5,,,,,,,,,,
+Case,GS,Activity,Column 4,Column 5,Column 6,Column 7,Column 9,Column 10,Column 11,Column 12,Column 13,Column 14,Column 16,Column 17,Column 18,Column 19,Column 20,Column 21,Column 23,Column 24,Column 25,Column 26,Column 32,Column 34,Column 41,Column 40,Column 34,Column 35,Column 36,Column 33,Column 34,T,A,%
+,,,M,T,W,T,F,,,M,T,W,T,F,,,M,T,W,T,F,,,M,T,W,T,F,,,,Total,Total,
+,,,5,6,7,8,9,,,12,13,14,15,16,,,19,20,21,22,23,,,26,27,28,29,30,,,,TARGET,ACTUAL,
+,,Calls,0,26,43,9,26,75,139%,34,21,22,5,0,75,109%,6,,,,,75,8%,,,,,,,75,0%,300,192,64%
+Barde AI,William A,Emails,0,1,31,8,0,15,267%,0,7,0,0,0,15,47%,0,,,,,15,0%,,,,,,,15,0%,60,47,78%
+,,Prospects,0,1,36,8,2,0,,4,0,0,0,0,0,,0,,,,,0,,,,,,,,0,,0,51,
+,,SQL,0,3,2,0,0,2,250%,1,2,0,0,0,3,100%,0,,,,,3,0%,,,,,,,2,0%,10,8,80%
+,,Calls,1,29,19,11,25,60,142%,20,12,0,28,0,60,100%,1,,,,,60,2%,,,,,,,60,0%,240,146,61%
+Once,William A,Emails,0,11,8,4,0,10,230%,3,10,0,0,0,10,130%,0,,,,,10,0%,,,,,,,10,0%,40,36,90%
+,,Prospects,0,3,0,0,0,10,30%,0,0,0,0,0,10,0%,1,,,,,10,10%,,,,,,,10,0%,40,4,10%
+,,SQL,1,1,1,0,0,1,300%,0,0,0,0,0,1,0%,1,,,,,1,100%,,,,,,,2,0%,5,4,80%
+,,Calls,0,0,6,14,68,100,88%,0,43,44,11,25,100,123%,0,0,70,,,100,70%,,,,,,,100,0%,400,281,70%
+Noteless,Erlend,Emails,0,0,0,2,4,,,4,3,3,1,1,,,1,,19,,,,,,,,,,,,,0,38,
+,,Prospects (activated),0,0,0,0,0,,,0,0,0,0,0,,,0,0,0,,,,,,,,,,,,,0,0,
+,,SQL,2,0,0,0,4,3,200%,2,0,0,0,2,3,133%,0,0,1,,,3,33%,,,,,,,3,0%,12,11,92%
+,,Calls,0,0,18,65,21,150,69%,35,27,32,37,22,150,102%,35,29,51,,,150,77%,,,,,,,150,0%,600,372,62%
+Manymore,Erlend,Emails,0,0,0,2,0,40,5%,4,28,23,1,0,40,140%,10,8,16,,,40,85%,,,,,,,40,0%,160,92,58%
+,,Prospects,0,0,97,0,0,50,194%,0,0,41,0,0,50,82%,0,0,0,,,50,0%,,,,,,,50,0%,200,138,69%
+,,SQL,0,0,1,1,0,2,100%,0,1,1,3,0,2,250%,0,1,0,,,1,100%,,,,,,,1,0%,6,8,133%
+,,Calls,0,68,49,19,17,150,102%,63,45,31,21,0,150,107%,28,20,65,45,,150,105%,,,,,,,150,0%,600,471,79%
+Computas,William W,Emails,13,3,2,0,19,25,148%,2,12,12,1,0,25,108%,19,1,8,0,,25,112%,,,,,,,25,0%,100,92,92%
+,,LinkedIn,0,0,0,0,0,0,,0,0,0,0,0,0,,0,0,0,0,,0,,,,,,,,0,,0,0,
+,,Prospects,3,10,1,18,3,25,140%,28,0,3,1,0,25,128%,25,0,0,4,,25,,,,,,,,25,0%,100,96,96%
+,,SQL,0,1,2,0,0,2,150%,2,0,0,0,0,2,100%,2,0,0,0,,2,100%,,,,,,,1,0%,7,7,100%
+,,Calls,17,2,27,29,40,100,115%,18,23,52,12,14,100,119%,22,56,0,36,,100,114%,,,,,,,100,0%,400,348,87%
+TidyPay,William W,Emails,22,2,2,2,0,25,112%,2,16,6,3,3,25,120%,28,1,0,2,,25,124%,,,,,,,25,0%,100,89,89%
+,,LinkedIn,4,0,7,6,2,15,127%,4,8,4,2,2,15,133%,8,9,0,4,,15,140%,,,,,,,15,0%,60,60,100%
+,,Prospects,1,0,1,1,12,15,100%,0,1,2,0,14,15,113%,0,1,0,14,,15,100%,,,,,,,15,0%,60,47,78%
+,,SQL,2,0,1,0,1,1,400%,0,1,0,0,1,2,100%,0,0,0,1,,2,50%,,,,,,,2,0%,7,7,100%
+,,Calls,0,57,37,29,59,150,121%,0,52,78,15,5,150,100%,10,72,19,42,,150,95%,,,,,,,150,0%,600,475,79%
+Rayvn,William W,Emails,25,7,3,7,3,30,150%,0,1,24,8,0,30,110%,1,3,17,15,,30,120%,,,,,,,30,0%,120,114,95%
+,,LinkedIn,3,8,6,11,3,30,103%,0,10,9,6,5,30,100%,4,9,7,13,,30,110%,,,,,,,30,0%,120,94,78%
+,,Prospects,0,1,1,2,28,30,107%,0,25,0,0,5,30,100%,0,1,0,24,,30,83%,,,,,,,30,0%,120,87,73%
+,,SQL,0,1,0,1,0,1,200%,0,1,0,0,0,1,100%,0,1,1,,,1,200%,,,,,,,1,0%,4,5,125%
+,,Calls,0,0,22,21,40,120,69%,23,18,17,35,11,120,87%,0,20,42,0,0,120,52%,,,,,,,120,0%,480,249,52%
+,,Emails,0,8,15,2,0,30,83%,0,0,0,32,2,30,113%,0,1,1,0,0,30,7%,,,,,,,30,0%,120,61,51%
+Rayvn,Christian,LinkedIn,0,0,0,0,0,30,0%,0,0,0,34,0,30,113%,0,0,0,0,0,30,0%,,,,,,,30,0%,120,34,28%
+,,Prospects,0,0,0,0,0,30,0%,0,0,0,34,0,30,113%,0,0,43,0,0,30,143%,,,,,,,30,0%,120,77,64%
+,,SQL,0,0,0,0,0,1,0%,0,0,0,2,1,1,300%,0,0,0,1,0,1,100%,,,,,,,1,0%,4,4,100%
+,,Calls,0,0,22,0,22,100,44%,0,39,30,27,54,100,150%,0,27,27,0,0,100,54%,,,,,,,100,0%,400,248,62%
+3LC,Christian,Emails,1,2,1,0,0,0,,0,0,0,5,0,0,,1,4,2,0,0,0,,,,,,,,0,,0,16,
+,,LinkedIn,0,40,0,0,0,25,160%,29,0,0,0,0,25,116%,0,0,0,0,0,25,0%,,,,,,,25,0%,100,69,69%
+,,Prospects,0,40,0,0,0,25,160%,29,0,0,0,0,25,116%,0,0,0,0,0,25,0%,,,,,,,25,0%,100,69,69%
+,,SQL,1,0,0,0,0,1,100%,0,1,0,0,1,2,100%,0,1,0,0,0,2,50%,,,,,,,2,0%,7,4,57%
+,,Calls,0,31,17,42,60,150,100%,0,34,34,26,47,150,94%,0,0,67,57,,150,83%,,,,,,,150,0%,600,415,69%
+Rayvn,Hans,Emails,2,2,7,15,10,30,120%,0,5,0,32,9,30,153%,0,0,10,,,30,33%,,,,,,,30,0%,120,92,77%
+,,LinkedIn,8,24,35,0,0,30,223%,30,2,15,2,7,30,187%,34,0,16,,,30,167%,,,,,,,30,0%,120,173,144%
+,,Prospects,0,0,0,0,0,30,0%,0,0,0,0,30,30,100%,34,0,,,,30,113%,,,,,,0,30,0%,120,64,53%
+,,SQL,0,1,0,0,0,1,100%,0,1,0,0,0,1,100%,0,0,,,,1,0%,,,,,,,1,0%,4,2,50%
+,,Calls,0,1,0,0,46,60,78%,0,1,19,20,6,60,77%,1,0,,,,60,2%,,,,,,,60,0%,240,94,39%
+Tenix,Hans,Emails,0,1,0,3,15,75,25%,25,16,13,19,8,75,108%,25,0,,,,75,33%,,,,,,,75,0%,300,125,42%
+,,LinkedIn,0,51,20,14,40,75,167%,4,33,3,4,41,75,113%,0,0,,,,75,0%,,,,,,,75,0%,300,210,70%
+,,Prospects,0,0,0,0,40,40,100%,33,0,0,0,0,40,83%,0,0,,,,40,0%,,,,,,,40,0%,160,73,46%
+,,SQL,0,0,0,0,0,1,0%,1,0,0,0,0,1,100%,0,0,,,,1,0%,,,,,,,2,0%,5,1,20%
+,,Calls,6,44,26,20,26,120,102%,30,31,41,7,22,120,109%,28,18,25,,,120,59%,,,,,,,120,0%,480,324,68%
+3LC (DACH),Goenke,Emails,3,0,7,2,1,0,,3,0,1,1,2,0,,0,3,1,,,0,,,,,,,,0,,0,24,
+,,LinkedIn,48,1,5,2,1,40,143%,6,39,6,1,6,40,145%,0,30,0,,,40,75%,,,,,,,40,0%,160,145,91%
+,,Prospects,39,1,0,0,0,30,133%,0,32,0,0,0,30,107%,0,30,0,,,30,100%,,,,,,,30,0%,120,102,85%
+,,SQL,1,0,0,1,0,1,200%,1,0,0,0,0,1,100%,0,0,0,,,2,0%,,,,,,,2,0%,6,3,50%
+,,Calls,0,50,48,28,24,150,100%,0,50,44,84,5,150,122%,32,30,31,31,,150,83%,,,,,,,150,0%,600,457,76%
+,,Emails,10,28,12,14,36,0,,4,18,14,10,3,0,,44,30,18,10,,0,,,,,,,,,,0,251,
+Bannerflow,Goenke,LinkedIn,22,3,4,21,24,0,,1,25,1,2,4,0,,12,34,0,0,,0,,,,,,,,,,0,153,
+,,Prospects,40,4,13,18,0,30,250%,0,31,2,7,0,30,133%,33,27,10,2,,30,240%,,,,,,,30,0%,120,187,156%
+,,Discovery,0,1,0,0,1,1,200%,0,0,0,0,0,2,0%,1,0,1,0,,2,100%,,,,,,,1,0%,6,4,67%
+,,SQL,1,0,0,0,0,0,,0,0,0,0,0,1,0%,1,0,0,0,,1,100%,,,,,,,1,0%,3,2,67%
+,,Calls,0,32,26,22,24,150,69%,33,61,0,70,4,150,112%,25,60,15,,,150,67%,,,,,,,150,0%,600,372,62%
+,,Emails,0,3,15,2,5,0,,2,2,0,2,2,0,,2,6,4,,,0,,,,,,,,,,0,45,
+Bannerflow,Viv,LinkedIn,52,15,22,12,38,0,,10,10,0,0,5,0,,20,2,15,,,0,,,,,,,,,,0,201,
+,,Prospects,15,0,0,0,0,30,50%,20,0,0,58,0,30,260%,0,12,45,,,30,190%,,,,,,,30,0%,120,150,125%
+,,Discovery,0,0,0,0,1,1,100%,0,0,0,0,0,2,0%,0,0,0,,,2,0%,,,,,,,1,0%,6,1,17%
+,,SQL,0,0,0,0,0,0,,0,0,0,0,0,1,0%,0,0,0,,,1,0%,,,,,,,1,0%,3,0,0%
+,,Discovery,,,1,,,,,,,,,,,,,,,,,,,,,,,,,,,0,1,
+Bannerflow,Alex,SQL,,,,,,,,,,,,1,,,,,,,,,,,,,,,,,,0,1,
+,,Calls,,51,19,51,26,200,74%,61,1,58,50,2,200,86%,70,,,,,,,,,,,,,,,400,389,97%
+Elbilforeningen,David,Emails,,,,,,0,,0,0,0,4,0,0,,40,,,,,,,,,,,,,,,0,44,
+,,Prospects,,,,,,121,0%,0,0,0,0,0,0,,0,,,,,,,,,,,,,,,121,0,0%
+,,SQL (offer sent),,3,1,3,1,7,114%,7,1,0,4,0,8,150%,,,,,,,,,,,,,,,,15,20,133%
+,,Calls,0,46,32,19,32,120,108%,62,55,33,0,0,150,100%,,,,,,150,0%,,,,,,,150,0%,570,279,49%
+Vrex (Norway),David,Emails,0,0,60,0,0,20,300%,5,88,2,55,0,20,750%,,,,,,20,0%,,,,,,,20,0%,80,210,263%
+,,Prospects,0,0,0,0,0,20,0%,1,2,0,39,0,20,210%,,,,,,20,0%,,,,,,,20,0%,80,42,53%
+,,SQL,0,2,0,0,0,1,200%,0,1,1,0,0,1,200%,,,1,,,1,100%,,,,,,,2,0%,5,5,100%
+,,Calls,0,0,86,28,37,150,101%,0,68,82,0,0,150,100%,,,,,,150,0%,,,,,,,150,0%,600,301,50%
+Dekode,David,Emails,0,4,40,0,2,37,124%,0,1,1,0,0,37,5%,,,,,,38,0%,,,,,,,38,0%,150,48,32%
+,,Prospects,0,0,8,0,0,37,22%,0,0,1,0,0,37,3%,,,,,,38,0%,,,,,,,38,0%,150,9,6%
+,,SQL,0,0,1,0,1,2,100%,0,1,1,0,0,2,100%,,,,1,,2,50%,,,,,,,3,0%,9,5,56%
+,,Calls,22,1,19,50,34,125,101%,29,8,26,42,23,125,102%,31,37,29,17,,125,91%,,,,,,,125,0%,500,368,74%
+,,Emails,10,1,21,1,17,25,200%,9,9,6,15,4,25,172%,10,5,4,,,25,76%,,,,,,,25,0%,100,112,112%
+SCG,Kai,LinkedIn,0,0,0,0,0,,,0,0,7,0,3,,,0,0,4,,,,,,,,,,,,,0,14,
+,,Prospects,10,0,21,0,4,25,140%,1,3,2,1,3,25,40%,1,5,2,,,25,32%,,,,,,,25,0%,100,53,53%
+,,SQL,0,0,0,0,0,1,0%,0,1,0,0,1,1,200%,0,0,1,,,1,100%,,,,,,,1,0%,4,3,75%
+,,Calls,0,27,22,38,14,100,101%,40,22,29,11,17,100,119%,16,30,25,12,,100,83%,,,,,,,100,0%,400,303,76%
+,,Emails,0,0,0,0,0,25,0%,9,3,7,0,0,25,76%,2,8,0,,,25,40%,,,,,,,25,0%,100,29,29%
+AFI,Kai,LinkedIn,0,0,0,0,0,0,,0,0,0,0,0,0,,0,0,0,,,0,,,,,,,,0,,0,0,
+,,Prospects,0,0,2,1,1,25,16%,5,1,1,0,1,25,32%,2,3,2,,,25,28%,,,,,,,25,0%,100,19,19%
+,,SQL,0,0,0,0,0,1,0%,0,0,1,2,0,1,300%,0,0,0,1,,1,100%,,,,,,,1,0%,4,4,100%
+,,Calls,25,20,82,23,0,150,100%,41,0,100,36,27,150,136%,14,0,37,54,,150,70%,,,,,,,150,0%,600,459,77%
+Designmaskinen,Johannes,Emails,5,1,9,11,0,30,87%,8,0,14,4,6,30,107%,11,2,0,5,,30,60%,,,,,,,30,0%,120,76,63%
+,,Prospects,2,0,5,3,0,30,33%,0,0,11,6,1,30,60%,17,2,3,6,,30,93%,,,,,,,30,0%,120,56,47%
+,,SQL,1,0,1,0,0,2,100%,0,0,0,1,0,3,33%,1,0,1,1,,3,100%,,,,,,,2,0%,10,6,60%
+,,Calls,66,81,7,50,58,400,66%,71,63,77,102,90,400,101%,20,40,,,,400,15%,,,,,,,400,0%,"1,600",725,45%
+Lawai,Tiril,Emails,0,0,0,0,0,0,,0,0,0,0,0,0,,,,,,,0,,,,,,,,0,,0,0,
+,,Prospects,0,0,0,0,0,100,0%,0,0,0,0,0,100,0%,,,,,,100,0%,,,,,,,100,0%,400,0,0%
+,,SQL,0,0,1,3,5,6,150%,1,,,3,1,6,83%,4,,,,,6,67%,,,,,,,6,0%,24,18,75%
+,,Calls,0,15,63,57,25,100,160%,28,43,31,44,34,100,180%,1,69,27,,,100,97%,,,,,,,100,0%,400,437,109%
+,,Emails,14,6,12,15,30,40,193%,17,31,16,8,7,40,198%,23,1,12,19,,40,138%,,,,,,,40,0%,160,211,132%
+Tenix,Lucy,LinkedIn,10,14,7,23,20,40,185%,5,7,14,26,10,40,155%,6,19,21,,,40,115%,,,,,,,40,0%,160,182,114%
+,,Prospects,37,38,0,1,4,40,200%,25,15,0,0,0,40,100%,42,0,0,0,0,40,105%,,,,,,,40,0%,160,162,101%
+,,SQL,0,0,0,0,0,1,0%,1,0,0,1,0,1,200%,0,0,0,,,1,0%,,,,,,,1,0%,4,2,50%
+,,Calls,0,0,0,0,0,0,#DIV/0!,0,7,4,21,10,200,21%,18,23,20,,,200,31%,,,,,,,200,0%,600,103,17%
+,,Emails,10,15,25,31,27,,,30,55,12,33,58,,,56,38,43,,,,,,,,,,,,,0,433,
+Bannerflow,Ermal,LinkedIn,3,3,6,5,7,,,3,2,5,1,6,,,1,2,2,,,,,,,,,,,,,0,46,
+,,Prospects,4,6,0,0,0,30,33%,18,0,14,14,7,30,177%,10,2,9,,,30,70%,,,,,,,30,0%,120,84,70%
+,,Discovery,0,0,0,1,0,2,50%,0,0,0,1,0,2,50%,0,0,0,1,,2,50%,,,,,,,2,0%,8,3,38%
+,,SQL,0,0,0,0,0,1,0%,0,0,0,0,0,1,0%,0,0,0,,,1,0%,,,,,,,1,0%,4,0,0%
+,,Calls,,,,,,0,#DIV/0!,15,35,40,41,40,200,86%,,,,,,200,0%,,,,,,,200,0%,600,171,29%
+,,Emails,,,,,,,,66,5,21,39,,,,,,,,,,,,,,,,,,,0,131,
+Bannerflow,Ardit,LinkedIn,,,,,,,,30,0,27,0,34,,,,,,,,,,,,,,,,,,0,91,
+,,Prospects,,,,,,30,0%,7,4,8,6,5,30,100%,,,,,,30,0%,,,,,,,30,0%,120,30,25%
+,,Discovery,0,0,0,0,0,2,0%,0,0,1,2,0,2,150%,,,,,,2,0%,,,,,,,2,0%,8,3,38%
+,,SQL,0,0,0,0,0,1,0%,0,0,0,0,0,1,0%,,,,,,1,0%,,,,,,,1,0%,4,0,0%
+,,Calls,x,x,x,x,x,,,,,,,7,,,,16,26,,,200,21%,,,,,,,200,0%,400,49,12%
+Zacco,Johannes,Emails,x,x,x,x,x,,,,,,,0,,,,0,0,,,,,,,,,,,,,0,0,#DIV/0!
+,,Prospects,x,x,x,x,x,,,,,,,0,,,,13,10,,,,,,,,,,,,,0,23,#DIV/0!
+,,SQL,x,x,x,x,x,,,,,,,0,,,,,,,,,,,,,,,,,,0,0,#DIV/0!
+,,Calls,,,,,,,,,,69,39,90,,,11,0,46,,,200,,,,,,,,200,,400,255,64%
+Lawai,Sigmund,Emails,,,,,,,,,,1,0,1,,,0,0,0,,,,,,,,,,,,,0,2,#DIV/0!
+,,Prospects,,,,,,,,,,65,9,48,,,0,0,0,,,,,,,,,,,,,0,122,#DIV/0!
+,,SQL,,,,,2,,,,,0,1,0,,,1,0,0,,,,,,,,,,,,,0,4,#DIV/0!
+,,Calls,,,,,,,,,,,,,,,73,43,72,,,,,,,,,,,,,,188,
+Elbilforeningen,Sigmund,Emails,,,,,,,,,,,,,,,40,48,6,,,,,,,,,,,,,,94,
+,,Prospects,,,,,,,,,,,,,,,0,2,0,,,,,,,,,,,,,,2,
+,,SQL,,,,,,,,,,,,,,,3,4,2,,,,,,,,,,,,,,9,

sdr-feature/SKILL.md

@@ -18,42 +18,61 @@ Implements features for the SDR Status Tracker dashboard and deploys to Hugging
 
 - **Location**: This folder (sdr-status-tracker)
 - **Main file**: `index.html` (single-file dashboard with embedded JS/CSS)
-- **Remote**: `hf` → `https://huggingface.co/spaces/MathiasAESandnes/sdr-status-tracker`
+- **HF Space**: `https://huggingface.co/spaces/MathiasAESandnes/sdr-status-tracker`
 - **Brand**: ScaleupXQ (see `BRAND_GUIDELINES.md`)
 
-## Implementation Workflow
+## Complete Workflow
 
-### 1. Understand the Request
+### 1. List Requested Changes
 
-Read relevant files to understand context:
+Before implementing, clearly list all changes the user requested so nothing is missed.
+
+### 2. Understand Context
+
+Read relevant files:
 - `index.html` - Main dashboard code
 - `BRAND_GUIDELINES.md` - Color palette, fonts, styling rules
 - `CLAUDE.md` - Project overview and data structure
 
-### 2. Implement the Feature
+### 3. Implement Features
 
 Make changes to `index.html`. Key sections:
 - **Lines 1-300**: CSS styles (`:root` variables, themes, components)
 - **Lines 300-450**: HTML structure (theme toggle, table, leaderboards, modals)
 - **Lines 450+**: JavaScript (data, rendering, calculations)
 
-### 3. Commit and Push to HF
-
-After implementing:
+### 4. Commit Changes
 
 ```bash
-cd <project-folder>
 git add .
-git status
 git commit -m "$(cat <<'EOF'
 <descriptive commit message>
 
 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
 EOF
 )"
-git push hf main
 ```
 
+### 5. Push to HuggingFace via Browser
+
+Since the sandbox cannot directly reach huggingface.co, use Claude in Chrome browser tools:
+
+1. Navigate to: `https://huggingface.co/spaces/MathiasAESandnes/sdr-status-tracker/tree/main`
+2. Login if needed (user may need to authenticate)
+3. For each changed file:
+   - Click on the file (e.g., `index.html`)
+   - Click "Edit" button
+   - Select all and replace with the new content
+   - Add commit message and click "Commit changes to main"
+
+**Alternative**: Ask user to run `git push hf main` from their terminal if browser method is impractical.
+
+### 6. Verify Deployment
+
+Check the live site: `https://huggingface.co/spaces/MathiasAESandnes/sdr-status-tracker`
+
+Build typically takes 1-2 minutes after commit.
+
 ## Key Code Patterns
 
 ### CSS Variables (Themes)
@@ -82,10 +101,3 @@ function getProgressClass(progress) {
 | Marigold 300 | `#FFF09B` | Warning/good states |
 | Tangerine 300 | `#FF8474` | Danger/caution |
 | Base 600 | `#0D0B13` | Dark text/backgrounds |
-
-## Verification
-
-After pushing, verify deployment at:
-`https://huggingface.co/spaces/MathiasAESandnes/sdr-status-tracker`
-
-Build typically takes 1-2 minutes after push.