From e1431009af35840f51a4aecb0dbd09a62705187a Mon Sep 17 00:00:00 2001
From: Interittus13 <arpit.gupta.0121@gmail.com>
Date: Mon, 19 Oct 2026 15:42:45 +0530
Subject: [PATCH 1/2] feat: update extension metadata, permissions, and
 redesign UI script architecture

---
 extension/icons/icon128.png | Bin 0 -> 19652 bytes
 extension/icons/icon16.png  | Bin 0 -> 1076 bytes
 extension/icons/icon32.png  | Bin 0 -> 2173 bytes
 extension/icons/icon48.png  | Bin 0 -> 4132 bytes
 extension/index.html        | 343 ++++++-------
 extension/manifest.json     |  27 +-
 extension/script.js         | 985 +++++++++++++++++++++---------------
 extension/styles.css        | 675 +++++++++++++++---------
 8 files changed, 1195 insertions(+), 835 deletions(-)
 create mode 100644 extension/icons/icon128.png
 create mode 100644 extension/icons/icon16.png
 create mode 100644 extension/icons/icon32.png
 create mode 100644 extension/icons/icon48.png

diff --git a/extension/icons/icon128.png b/extension/icons/icon128.png
new file mode 100644
index 0000000000000000000000000000000000000000..c251d5bf159f576a7424f49bb576463d52fbab94
GIT binary patch
literal 19652
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
LNkvXXu0mjf9GhaF

literal 0
HcmV?d00001

diff --git a/extension/icons/icon16.png b/extension/icons/icon16.png
new file mode 100644
index 0000000000000000000000000000000000000000..1810c14bd4f50b0de237eee0d27d873df14fdf20
GIT binary patch
literal 1076
zcmWksdr(w$6h6Ply>}n5i?Fb;clWYS7C~SUFkWKpE>8t{B_R?dV2Z>d3Mq;LQKFSl
z5s{f9MFfhFA*q3neB^`3BzsK#QT?U<Q`0yTL+b4^bI$qZob$~&Gv|B<@^Ul06*>g~
zcxPq03ncVebQzIiXoR{@0%K)nK@LE32taEGz=Bk2y${gn0C-pdkk|*Htv_-;KN$db
z=B+7813-k)Qkjj)tdz4-nT0B?m^A|Cslvi4ZH&x{7YQMRH4{!U6PB9*1<G~d{*Gj-
zGyv98rHRUnlr<5~LZm1&V}%(wK~`F(`u&3A@vr%p#{_3OAPtu32`3QNNTpFS3&?HQ
zH=3*6Mdqg9!9|$A6)FB%`_Ikzwi@cIM=~8@4Zv7gQ?~8EFzFhFqeJNGB%U2n479+N
z`fzd5QB?{cCvrVu1jLwdfGh0wZ;=DDkkg0TPNKRdWU@i-3K;j$OO1-UH1N_Otii0F
z$j#EZ0zHQ<PenuT&k%bEY;N!hgxDC=T!6NwLbDT(6r-3h@Y7=&L>Kw?(9Uz#8BseZ
zdbzp*RLGHuHdjMq85(FnJ(W-x0mrMLWgS}lOo+Z_B4$Di+Pk2v7CHMt@JoOM4^(bN
zy*+qu6N<A#!g4T}FxCPHUan)>ZDQD#e@$y2^DD(5>loH#(bNuHyc>!=Q0f6c0jM8l
zf)Exs-!<y=`|5-zD_xJW;}={JVp8x~qh%=1cFpNH3c1@6<By02GdyO3Sye8-^cSn;
zX<5vprsxGv#FHK2f47D&+;NJ9fg1ogD$%F`OV^_UpkS6siO^k75yTe9{BZpInIv(>
z{oj7apuaK-u!c~cFu{b86e19^EJ1ss+${FQiM>%X@xDa>YD}f2222A8D=9}nghxbg
z_Ab%M%K?^9#y})vEtvWP@u#f7utrf7xd;0sy#m^}I>Y@__v!Vkq=eg%m6OIjRQSo`
z+4jV|ds3Uva;Fvr&LJQ4*HbCQgfc8AlPegd5&?L5tJFSAeEl^30ouSIj6lcpdV>&b
zG?^_{TZlarRQ%Gg@MRH^QI6>4F|lzx@ah%M#3v*sC9h0b^=zus1-v^gJtH$Kd-a-}
z+_ic61yES@+`8iDOV*ceD0`v2;>C?nSyjF1rOjJvw${E}=c(V;0L=CsjZLrY+||5$
zPs`qYt!<!df3@Sa*Y|fGIQYh!ZyoCD2K(FZyxa3$@B4ip9RBdgM@NrAe}B>Ofsa2K
z{B-EE;gJ(3N8!|1|M=&pznC~P`Q_Pj=f9c))%57tg^QOie|_cZwfyVf*x|;_>06_>
yXTF^s|L)HBuDf#pH}0yYr>B1Cy7%K0&(A^k&P{)mH0+UN3XqkS>ptbIX#XF;?;(Hy

literal 0
HcmV?d00001

diff --git a/extension/icons/icon32.png b/extension/icons/icon32.png
new file mode 100644
index 0000000000000000000000000000000000000000..0fa30c3212b5c2cb04df3a1014bbfaa91acc5c38
GIT binary patch
literal 2173
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

literal 0
HcmV?d00001

diff --git a/extension/icons/icon48.png b/extension/icons/icon48.png
new file mode 100644
index 0000000000000000000000000000000000000000..f6908960c0e5f306342cf67e06f409211ed31f45
GIT binary patch
literal 4132
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

literal 0
HcmV?d00001

diff --git a/extension/index.html b/extension/index.html
index 56c26e0..72c71ce 100644
--- a/extension/index.html
+++ b/extension/index.html
@@ -3,221 +3,184 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Dashboard | ContraGit</title>
-    <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;800&family=Press+Start+2P&display=swap" rel="stylesheet" />
-    <link rel="stylesheet" href="/extension/styles.css?v=5" />
+    <title>ContraGit Studio</title>
+    <link rel="stylesheet" href="styles.css" />
   </head>
   <body>
-    <div class="grid-overlay"></div>
-    <div class="github-icons-bg" id="githubBg"></div>
-    
-    <div class="page-shell">
-      <header class="topbar">
-        <div class="brand-wrap">
-          <h1 class="brand-name"><span class="chrome">Contra</span>Git</h1>
-        </div>
-        <div class="user-info">
-          <span id="userSummary">Loading...</span>
-          <button class="ghost-button" id="signOutBtn" type="button">LOGOUT</button>
+    <div class="ext-container">
+      <!-- Header -->
+      <header class="ext-header">
+        <a href="https://github.com/Interittus13/gitcontra" target="_blank" class="brand-group" aria-label="ContraGit">
+          <img src="icons/icon32.png" alt="ContraGit Logo" class="brand-icon" />
+          <div class="brand-title">Contra<span>Git</span></div>
+        </a>
+        <div class="header-actions">
+          <a href="http://localhost:3000/dashboard" target="_blank" id="launchStudioLink" class="icon-btn" title="Open Full 52-Week Visual Canvas Studio">
+            Studio ↗
+          </a>
         </div>
       </header>
 
-      <main class="app-grid">
-        <!-- Scheduler Section -->
-        <section class="panel scheduler-panel" id="schedulerPanel">
-          <div class="panel-header">
-            <h2>SCHEDULE COMMITS</h2>
-            <span class="status-pill" id="connectionStatus">
-              <span class="pulse-dot"></span> Ready
+      <!-- Active User Card -->
+      <div class="user-status-card" id="userCard">
+        <div class="user-profile-info">
+          <img src="icons/icon32.png" alt="User Avatar" class="user-avatar" id="userAvatar" />
+          <div class="user-names">
+            <span class="user-login" id="userLogin">Not Connected</span>
+            <span class="user-badge" id="userBadge">
+              <span class="pulse-dot" style="background: var(--text-muted);"></span> Setup Token
             </span>
           </div>
+        </div>
+        <button type="button" class="icon-btn" id="toggleAuthBtn">⚙️ Config</button>
+      </div>
 
-          <form id="commitForm">
-            <!-- Date Inputs -->
-            <div class="field-grid two-col">
-              <label>
-                START DATE
-                <div class="input-wrap">
-                  <svg class="calendar-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
-                    <line x1="16" y1="2" x2="16" y2="6"></line>
-                    <line x1="8" y1="2" x2="8" y2="6"></line>
-                    <line x1="3" y1="10" x2="21" y2="10"></line>
-                  </svg>
-                  <input type="date" id="startDate" required />
-                </div>
-              </label>
-              <label>
-                END DATE
-                <div class="input-wrap">
-                  <svg class="calendar-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
-                    <line x1="16" y1="2" x2="16" y2="6"></line>
-                    <line x1="8" y1="2" x2="8" y2="6"></line>
-                    <line x1="3" y1="10" x2="21" y2="10"></line>
-                  </svg>
-                  <input type="date" id="endDate" required />
-                </div>
-              </label>
-            </div>
+      <!-- Navigation Tabs -->
+      <div class="nav-tabs">
+        <button type="button" class="tab-btn active" id="tabBtnSchedule" data-tab="schedule">⚡ Schedule Studio</button>
+        <button type="button" class="tab-btn" id="tabBtnSettings" data-tab="settings">⚙️ Settings & Token</button>
+      </div>
 
-            <!-- Repository Inputs -->
-            <div class="field-grid two-col">
-              <label>
-                REPOSITORY OWNER
-                <div class="input-wrap">
-                  <input type="text" id="repoOwner" placeholder="username" required />
-                </div>
-              </label>
-              <label>
-                REPOSITORY
-                <div class="input-wrap">
-                  <select id="repoName" required>
-                    <option value="" disabled selected>Loading...</option>
-                  </select>
-                </div>
-              </label>
+      <!-- TAB 1: SCHEDULE STUDIO -->
+      <div id="tabContentSchedule" class="tab-content">
+        <form id="scheduleForm" class="card">
+          <!-- Target Repository Selection -->
+          <div class="two-col">
+            <div class="form-group">
+              <label class="form-label" for="repoSelect">REPOSITORY</label>
+              <select id="repoSelect" class="select" required>
+                <option value="" disabled selected>Select Repository...</option>
+              </select>
             </div>
-
-            <!-- Branch Input -->
-            <label class="field-grid full">
-              TARGET BRANCH
-              <div class="input-wrap">
-                <input type="text" id="branch" value="main" required />
-              </div>
-            </label>
-
-            <!-- Filter Section -->
-            <!-- Weekday Table - Always Visible -->
-            <div class="weekday-table-section">
-              <label>COMMITS PER WEEKDAY</label>
-              <div class="day-grid">
-                <div class="mini-input"><span>MON</span><input type="number" min="0" max="5" value="5" data-weekday="monday" /></div>
-                <div class="mini-input"><span>TUE</span><input type="number" min="0" max="5" value="5" data-weekday="tuesday" /></div>
-                <div class="mini-input"><span>WED</span><input type="number" min="0" max="5" value="5" data-weekday="wednesday" /></div>
-                <div class="mini-input"><span>THU</span><input type="number" min="0" max="5" value="5" data-weekday="thursday" /></div>
-                <div class="mini-input"><span>FRI</span><input type="number" min="0" max="5" value="5" data-weekday="friday" /></div>
-                <div class="mini-input"><span>SAT</span><input type="number" min="0" max="5" value="0" data-weekday="saturday" /></div>
-                <div class="mini-input"><span>SUN</span><input type="number" min="0" max="5" value="0" data-weekday="sunday" /></div>
-              </div>
+            <div class="form-group">
+              <label class="form-label" for="branchInput">TARGET BRANCH</label>
+              <input type="text" id="branchInput" class="input" value="main" required />
             </div>
+          </div>
 
-            <!-- Filter Section -->
-            <div class="filter-section">
-              <label>QUICK FILTERS</label>
-              <div class="filter-buttons">
-                <button type="button" class="filter-btn active" data-filter="all">ALL DAYS</button>
-                <button type="button" class="filter-btn" data-filter="even">EVEN DAYS</button>
-                <button type="button" class="filter-btn" data-filter="odd">ODD DAYS</button>
-                <button type="button" class="filter-btn" data-filter="custom">RANDOM</button>
-              </div>
+          <!-- Quick Presets -->
+          <div class="form-group">
+            <label class="form-label">DATE SPAN PRESETS</label>
+            <div class="preset-chips">
+              <button type="button" class="preset-chip active" data-span="30">Last 30 Days</button>
+              <button type="button" class="preset-chip" data-span="90">Last 90 Days</button>
+              <button type="button" class="preset-chip" data-span="year">Full Year</button>
+              <button type="button" class="preset-chip" data-span="custom">Custom</button>
+            </div>
+          </div>
 
-              <!-- Min/Max Options -->
-              <div id="filterOptions" class="filter-buttons" style="margin-top: 12px;">
-                <button type="button" class="filter-btn active" data-option="min">MIN (1)</button>
-                <button type="button" class="filter-btn" data-option="max">MAX (5)</button>
-              </div>
+          <!-- Date Range Inputs -->
+          <div class="two-col">
+            <div class="form-group">
+              <label class="form-label" for="startDate">START DATE</label>
+              <input type="date" id="startDate" class="input" required />
+            </div>
+            <div class="form-group">
+              <label class="form-label" for="endDate">END DATE</label>
+              <input type="date" id="endDate" class="input" required />
             </div>
+          </div>
 
-            <!-- Push Toggle -->
-            <div class="toggles">
-              <label class="toggle-switch-label">
-                <div class="toggle-switch">
-                  <input type="checkbox" id="pushToRemote" checked />
-                  <span class="slider"></span>
-                </div>
-                <span>PUSH TO REMOTE</span>
-              </label>
+          <!-- Commits Per Weekday -->
+          <div class="form-group">
+            <label class="form-label">COMMITS PER WEEKDAY (0 - 5)</label>
+            <div class="weekday-grid">
+              <div class="weekday-item"><span class="weekday-label">MON</span><input type="number" min="0" max="5" value="3" class="weekday-input" data-weekday="monday" /></div>
+              <div class="weekday-item"><span class="weekday-label">TUE</span><input type="number" min="0" max="5" value="3" class="weekday-input" data-weekday="tuesday" /></div>
+              <div class="weekday-item"><span class="weekday-label">WED</span><input type="number" min="0" max="5" value="3" class="weekday-input" data-weekday="wednesday" /></div>
+              <div class="weekday-item"><span class="weekday-label">THU</span><input type="number" min="0" max="5" value="3" class="weekday-input" data-weekday="thursday" /></div>
+              <div class="weekday-item"><span class="weekday-label">FRI</span><input type="number" min="0" max="5" value="3" class="weekday-input" data-weekday="friday" /></div>
+              <div class="weekday-item"><span class="weekday-label">SAT</span><input type="number" min="0" max="5" value="0" class="weekday-input" data-weekday="saturday" /></div>
+              <div class="weekday-item"><span class="weekday-label">SUN</span><input type="number" min="0" max="5" value="0" class="weekday-input" data-weekday="sunday" /></div>
             </div>
+          </div>
 
-            <!-- Generate Button -->
-            <button type="submit" class="primary-button" id="submitBtn">
-              GENERATE SCHEDULE
-            </button>
-          </form>
+          <!-- Language Masquerade -->
+          <div class="two-col">
+            <div class="form-group">
+              <label class="form-label" for="langSelect">LINGUIST MASQUERADE</label>
+              <select id="langSelect" class="select">
+                <option value="typescript" selected>TypeScript (.ts)</option>
+                <option value="python">Python (.py)</option>
+                <option value="go">Go (.go)</option>
+                <option value="rust">Rust (.rs)</option>
+                <option value="devops">DevOps (Terraform HCL)</option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label class="form-label" for="randomizeToggle">VARIATION</label>
+              <select id="randomizeToggle" class="select">
+                <option value="natural" selected>Natural (±1 variation)</option>
+                <option value="exact">Exact fixed tallies</option>
+              </select>
+            </div>
+          </div>
 
-          <!-- Result Panel -->
-          <div id="result" class="result hidden"></div>
-        </section>
-      </main>
-    </div>
+          <!-- Deploy Trigger -->
+          <button type="submit" id="deployBtn" class="btn-primary">
+            🚀 Review & Deploy Commits
+          </button>
+        </form>
 
-    <!-- Modals -->
-    <div class="modal-overlay" id="summaryModal">
-      <div class="modal-content">
-        <h3 class="modal-title">SCHEDULE SUMMARY</h3>
-        <div id="summaryContent"></div>
-        <div class="modal-actions">
-          <button type="button" class="ghost-button" id="editBtn">Back / Edit</button>
-          <button type="button" class="primary-button" id="confirmBtn" style="margin-top:0;">Confirm & Start</button>
+        <!-- Inline Live Execution Progress Hub -->
+        <div id="progressHub" class="progress-hub hidden">
+          <div class="progress-header">
+            <strong id="progressTitle">Deploying Schedule...</strong>
+            <span id="progressPercent" style="font-family: var(--font-mono); color: var(--emerald-400);">0%</span>
+          </div>
+          <div class="progress-track">
+            <div class="progress-fill" id="progressFill"></div>
+          </div>
+          <div style="display: flex; justify-content: space-between; font-size: 11px; color: var(--text-secondary);">
+            <span id="progressCounts">0 / 0 commits</span>
+            <span id="progressBatchText">Batch 0 of 0</span>
+          </div>
+          <div class="progress-controls" id="progressControls">
+            <button type="button" class="mini-btn" id="pauseResumeBtn">⏸ Pause</button>
+            <button type="button" class="mini-btn" id="stopBatchBtn" style="color: var(--danger-400);">⏹ Stop & Keep</button>
+          </div>
+          <div id="completionActions" class="hidden" style="margin-top: 0.25rem;">
+            <a href="#" target="_blank" id="viewOnGitHubBtn" class="btn-primary" style="text-decoration:none; margin-bottom: 0.4rem;">
+              View on GitHub ↗
+            </a>
+            <button type="button" class="btn-secondary" id="resetHubBtn">Author New Schedule</button>
+          </div>
         </div>
       </div>
-    </div>
 
-    <div class="modal-overlay" id="progressModal">
-      <div class="modal-content">
-        <h3 class="modal-title" id="progressTitle">SCHEDULE IN PROGRESS</h3>
-        <div class="summary-block">
-          <span id="progressRepo">Repository</span>
-        </div>
-        <div class="progress-bar-container">
-          <div class="progress-bar-fill" id="progressBarFill"></div>
-          <div class="progress-text" id="progressText">0 / 0 (0%)</div>
-        </div>
-        <div class="summary-grid">
-          <div class="summary-block"><span>Status</span><div id="progressStatusText">Running...</div></div>
-          <div class="summary-block"><span>Time Remaining</span><div id="progressEtaText">Calculating...</div></div>
-        </div>
-        <div class="modal-actions hidden" id="progressActions">
-          <button type="button" class="ghost-button" onclick="window.location.href='/extension/index.html'">Dashboard</button>
-          <a class="ghost-button" id="viewRepoBtn" target="_blank" style="text-decoration:none; display:flex; align-items:center; justify-content:center;">Repository</a>
+      <!-- TAB 2: SETTINGS & TOKEN CONFIG -->
+      <div id="tabContentSettings" class="tab-content hidden">
+        <div class="card">
+          <div class="card-title">Authentication & Access</div>
+          
+          <div class="form-group">
+            <label class="form-label" for="patTokenInput">GITHUB PERSONAL ACCESS TOKEN (PAT)</label>
+            <input type="password" id="patTokenInput" class="input" placeholder="ghp_xxxxxxxxxxxx" autocomplete="off" />
+            <span style="font-size: 10px; color: var(--text-muted);">
+              Requires classic token with <code>repo</code> scope to author Git Data commits.
+              <a href="https://github.com/settings/tokens/new?scopes=repo&description=ContraGit%20Extension" target="_blank" style="color: var(--cyan-400);">Generate Token on GitHub ↗</a>
+            </span>
+          </div>
+
+          <div class="form-group">
+            <label class="form-label" for="studioUrlInput">WEB STUDIO BRIDGE URL</label>
+            <input type="text" id="studioUrlInput" class="input" value="http://localhost:3000" placeholder="http://localhost:3000" />
+            <span style="font-size: 10px; color: var(--text-muted);">
+              Used for the "Open Studio" button and OAuth session synchronization.
+            </span>
+          </div>
+
+          <button type="button" id="saveSettingsBtn" class="btn-primary">
+            Save & Connect to GitHub
+          </button>
+          <div id="settingsFeedback" class="banner hidden"></div>
         </div>
       </div>
+
+      <!-- Error / Notice Banner -->
+      <div id="globalBanner" class="banner hidden"></div>
     </div>
 
-    <script src="/extension/script.js?v=6"></script>
-    <script>
-      function createFallingIcons() {
-        const bg = document.getElementById('githubBg');
-        const iconCount = 12;
-        const positions = [];
-        
-        for (let i = 0; i < iconCount; i++) {
-          let xPos;
-          let attempts = 0;
-          let validPosition = false;
-          
-          while (!validPosition && attempts < 10) {
-            xPos = Math.random() * 100;
-            validPosition = true;
-            for (let pos of positions) {
-              if (Math.abs(xPos - pos) < 15) {
-                validPosition = false;
-                break;
-              }
-            }
-            attempts++;
-          }
-          
-          if (validPosition) {
-            positions.push(xPos);
-            const icon = document.createElement('div');
-            icon.className = 'github-logo-fall';
-            icon.innerHTML = `<svg viewBox="0 0 16 16" width="40" height="40" fill="currentColor">
-              <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
-            </svg>`;
-            const duration = 1.5 + Math.random() * 2;
-            const delay = -(Math.random() * duration);
-            icon.style.left = xPos + '%';
-            icon.style.animationDuration = duration + 's';
-            icon.style.animationDelay = delay + 's';
-            bg.appendChild(icon);
-          }
-        }
-      }
-      createFallingIcons();
-    </script>
+    <script src="script.js"></script>
   </body>
 </html>
diff --git a/extension/manifest.json b/extension/manifest.json
index cbfda11..a9f1685 100644
--- a/extension/manifest.json
+++ b/extension/manifest.json
@@ -1,13 +1,30 @@
 {
   "manifest_version": 3,
-  "name": "ContraGit",
-  "version": "1.0.0",
-  "description": "GitHub contribution scheduler and activity automation engine.",
+  "name": "ContraGit — Precision GitHub Studio",
+  "version": "2.0.0",
+  "description": "Architect your GitHub profile. Precision contribution graph scheduler, streak maintenance, and Git activity studio.",
+  "icons": {
+    "16": "icons/icon16.png",
+    "32": "icons/icon32.png",
+    "48": "icons/icon48.png",
+    "128": "icons/icon128.png"
+  },
   "action": {
     "default_popup": "index.html",
-    "default_title": "Open ContraGit"
+    "default_title": "ContraGit Studio",
+    "default_icon": {
+      "16": "icons/icon16.png",
+      "32": "icons/icon32.png",
+      "48": "icons/icon48.png",
+      "128": "icons/icon128.png"
+    }
   },
+  "permissions": [
+    "storage"
+  ],
   "host_permissions": [
-    "https://api.github.com/*"
+    "https://api.github.com/*",
+    "http://localhost:3000/*",
+    "https://*.vercel.app/*"
   ]
 }
diff --git a/extension/script.js b/extension/script.js
index a08498a..ba42b37 100644
--- a/extension/script.js
+++ b/extension/script.js
@@ -1,444 +1,637 @@
-const REMOTE_BASE_URL = ''; // Set your production URL here when packing as standalone extension
-const BASE_URL = (window.location.protocol === 'file:' || window.location.origin.startsWith('chrome-extension:')) && REMOTE_BASE_URL
-  ? REMOTE_BASE_URL
-  : window.location.origin;
-
-const originalFetch = window.fetch;
-window.fetch = async function() {
-  let [resource, config] = arguments;
-  if (typeof resource === 'string' && resource.startsWith('/api')) {
-    resource = BASE_URL + resource;
-    config = config || {};
-    config.credentials = 'include';
-  }
-  return originalFetch(resource, config);
-};
-
-// ===== DOM Elements =====
-const userSummary = document.getElementById("userSummary");
-const signOutBtn = document.getElementById("signOutBtn");
-const form = document.getElementById("commitForm");
-const resultBox = document.getElementById("result");
-const repoOwnerInput = document.getElementById("repoOwner");
-const repoNameInput = document.getElementById("repoName");
-const submitBtn = document.getElementById("submitBtn");
-const startDateInput = document.getElementById("startDate");
-const endDateInput = document.getElementById("endDate");
-const branchInput = document.getElementById("branch");
-const pushToRemoteCheckbox = document.getElementById("pushToRemote");
-const weekdayInputs = document.querySelectorAll("[data-weekday]");
-const calendarIcons = document.querySelectorAll('.calendar-icon');
-
-// Modals
-const summaryModal = document.getElementById("summaryModal");
-const summaryContent = document.getElementById("summaryContent");
-const editBtn = document.getElementById("editBtn");
-const confirmBtn = document.getElementById("confirmBtn");
-
-const progressModal = document.getElementById("progressModal");
-const progressTitle = document.getElementById("progressTitle");
-const progressRepo = document.getElementById("progressRepo");
-const progressBarFill = document.getElementById("progressBarFill");
-const progressText = document.getElementById("progressText");
-const progressStatusText = document.getElementById("progressStatusText");
-const progressEtaText = document.getElementById("progressEtaText");
-const progressActions = document.getElementById("progressActions");
-const viewRepoBtn = document.getElementById("viewRepoBtn");
-
-let currentPayload = null;
-let activePollInterval = null;
-
-// Filter elements
-const filterButtons = document.querySelectorAll('[data-filter]');
-const filterOptionButtons = document.querySelectorAll('[data-option]');
-
-let currentUser = null;
-let userRepos = [];
-let activeFilter = 'all';
-let activeOption = 'min';
-
-// ===== Weekday Mapping =====
-const dayMap = { 
-  monday: 1, 
-  tuesday: 2, 
-  wednesday: 3, 
-  thursday: 4, 
-  friday: 5, 
-  saturday: 6, 
-  sunday: 0 
-};
-
-// ===== Filter Logic =====
-filterButtons.forEach(btn => {
-  btn.addEventListener('click', (e) => {
-    e.preventDefault();
-    filterButtons.forEach(b => b.classList.remove('active'));
-    btn.classList.add('active');
-    activeFilter = btn.dataset.filter;
-    applyFilterMode();
-  });
-});
-
-filterOptionButtons.forEach(btn => {
-  btn.addEventListener('click', (e) => {
-    e.preventDefault();
-    filterOptionButtons.forEach(b => b.classList.remove('active'));
-    btn.classList.add('active');
-    activeOption = btn.dataset.option;
-    applyFilterMode();
-  });
-});
-
-function applyFilterMode() {
-  const isRandom = activeFilter === 'custom';
-  const value = activeOption === 'min' ? 1 : 5;
-
-  weekdayInputs.forEach(input => {
-    const day = dayMap[input.dataset.weekday];
-    const isSelected = activeFilter === 'all'
-      || (activeFilter === 'even' && day !== 0 && day % 2 === 0)
-      || (activeFilter === 'odd' && (day === 0 || day % 2 === 1))
-      || isRandom;
-
-    input.disabled = !isSelected;
-    input.max = isRandom ? '10' : '5';
+/**
+ * ContraGit Extension v2.0
+ * Architecture: Object-Oriented & DRY Domain Services
+ * Compliant with Manifest V3 and zero server-side dependency requirement.
+ */
+
+// ==========================================
+// 1. StorageService (Chrome Storage & Local Storage Abstraction)
+// ==========================================
+class StorageService {
+  static async get(key, defaultValue = null) {
+    if (typeof chrome !== 'undefined' && chrome.storage && chrome.storage.local) {
+      return new Promise((resolve) => {
+        chrome.storage.local.get([key], (result) => {
+          resolve(result[key] !== undefined ? result[key] : defaultValue);
+        });
+      });
+    }
+    const val = localStorage.getItem(key);
+    try {
+      return val !== null ? JSON.parse(val) : defaultValue;
+    } catch {
+      return val ?? defaultValue;
+    }
+  }
 
-    if (!isSelected) {
-      input.value = '0';
-    } else if (isRandom) {
-      input.value = String(Math.floor(Math.random() * 11));
-    } else {
-      input.value = String(value);
+  static async set(key, value) {
+    if (typeof chrome !== 'undefined' && chrome.storage && chrome.storage.local) {
+      return new Promise((resolve) => {
+        chrome.storage.local.set({ [key]: value }, resolve);
+      });
     }
-  });
+    localStorage.setItem(key, typeof value === 'string' ? value : JSON.stringify(value));
+  }
 }
 
-// ===== Authentication & Setup =====
-function setSignedOutState(message) {
-  currentUser = null;
-  userRepos = [];
-  window.location.replace('/auth.html');
-}
+// ==========================================
+// 2. GitHubExtensionClient (Direct Git Data API)
+// ==========================================
+class GitHubExtensionClient {
+  constructor(token) {
+    this.token = token;
+    this.baseUrl = 'https://api.github.com';
+  }
 
-async function setSignedInState(user) {
-  currentUser = user;
-  // Auto-populate repo owner from signed-in user
-  if (repoOwnerInput) {
-    repoOwnerInput.value = user.login || '';
-    repoOwnerInput.readOnly = true; // Make it read-only since it's auto-fetched
+  get headers() {
+    return {
+      'Accept': 'application/vnd.github.v3+json',
+      'Authorization': `Bearer ${this.token}`,
+      'Content-Type': 'application/json',
+      'X-GitHub-Api-Version': '2022-11-28',
+    };
   }
-  userSummary.textContent = user.login || 'GitHub account';
-  await fetchRepos();
-}
 
-async function fetchRepos() {
-  if (!repoNameInput) return;
-  repoNameInput.innerHTML = '<option value="" disabled selected>Loading...</option>';
-  try {
-    const response = await fetch('/api/repos');
-    const data = await response.json();
-    if (data.success && data.repos && Array.isArray(data.repos)) {
-      userRepos = data.repos;
-      repoNameInput.innerHTML = '<option value="" disabled selected>Select repository</option>';
-      userRepos.forEach(repo => {
-        const option = document.createElement('option');
-        option.value = repo.name;
-        option.textContent = repo.name + (repo.private ? ' [Private]' : '');
-        repoNameInput.appendChild(option);
-      });
-    } else {
-      repoNameInput.innerHTML = '<option value="" disabled selected>No repositories found</option>';
+  async getUser() {
+    const res = await fetch(`${this.baseUrl}/user`, { headers: this.headers });
+    if (!res.ok) {
+      const err = await res.json().catch(() => ({}));
+      throw new Error(err.message || 'Failed to authenticate with GitHub.');
     }
-  } catch (err) {
-    console.error('Error fetching repos:', err);
-    repoNameInput.innerHTML = '<option value="" disabled selected>Error loading repositories</option>';
+    return res.json();
   }
-}
 
-if (repoNameInput) {
-  repoNameInput.addEventListener('change', () => {
-    const selected = userRepos.find(r => r.name === repoNameInput.value);
-    if (selected && selected.defaultBranch && branchInput) {
-      branchInput.value = selected.defaultBranch;
+  async getRepositories() {
+    const res = await fetch(`${this.baseUrl}/user/repos?sort=updated&per_page=100&affiliation=owner,collaborator`, {
+      headers: this.headers,
+    });
+    if (!res.ok) {
+      const err = await res.json().catch(() => ({}));
+      throw new Error(err.message || 'Failed to fetch repositories.');
     }
-  });
-}
-
-async function checkGitHubConfig() {
-  try {
-    const response = await fetch('/api/auth/configured');
-    const data = await response.json();
-    return { configured: data.success && data.configured, missing: data.missing || [] };
-  } catch {
-    return { configured: false, missing: [] };
+    return res.json();
   }
-}
 
-async function checkGitHubAuth() {
-  try {
-    const response = await fetch('/api/auth/status');
-    const data = await response.json();
-    if (!response.ok || !data.success) {
-      throw new Error(data.message || 'GitHub sign-in is required.');
+  async getBranchHead(owner, repo, branch = 'main') {
+    const res = await fetch(`${this.baseUrl}/repos/${owner}/${repo}/git/ref/heads/${branch}`, {
+      headers: this.headers,
+    });
+    if (!res.ok) {
+      const err = await res.json().catch(() => ({}));
+      throw new Error(err.message || `Branch "${branch}" not found in ${owner}/${repo}`);
     }
-    await setSignedInState(data.user);
-  } catch (error) {
-    setSignedOutState(error.message);
+    const data = await res.json();
+    return data.object.sha;
   }
-}
 
-async function initializeApp() {
-  const config = await checkGitHubConfig();
-  if (!config.configured) {
-    setSignedOutState('GitHub OAuth is not configured.');
-    return;
+  async getCommit(owner, repo, commitSha) {
+    const res = await fetch(`${this.baseUrl}/repos/${owner}/${repo}/git/commits/${commitSha}`, {
+      headers: this.headers,
+    });
+    if (!res.ok) throw new Error(`Failed to read commit ${commitSha}`);
+    return res.json();
   }
-  await checkGitHubAuth();
 
-  const savedJobId = localStorage.getItem('activeJobId');
-  if (savedJobId) {
-    resumeJob(savedJobId);
+  async createBlob(owner, repo, content) {
+    const res = await fetch(`${this.baseUrl}/repos/${owner}/${repo}/git/blobs`, {
+      method: 'POST',
+      headers: this.headers,
+      body: JSON.stringify({ content, encoding: 'utf-8' }),
+    });
+    if (!res.ok) throw new Error('Failed to create Git blob.');
+    return res.json();
   }
-}
 
-// ===== Sign Out =====
-signOutBtn?.addEventListener('click', async () => {
-  try {
-    await fetch('/api/auth/logout');
-    setSignedOutState('Signed out.');
-  } catch {}
-});
+  async createTree(owner, repo, baseTreeSha, path, blobSha) {
+    const res = await fetch(`${this.baseUrl}/repos/${owner}/${repo}/git/trees`, {
+      method: 'POST',
+      headers: this.headers,
+      body: JSON.stringify({
+        base_tree: baseTreeSha,
+        tree: [
+          {
+            path,
+            mode: '100644',
+            type: 'blob',
+            sha: blobSha,
+          },
+        ],
+      }),
+    });
+    if (!res.ok) throw new Error('Failed to create Git tree.');
+    return res.json();
+  }
+
+  async createCommit(owner, repo, message, treeSha, parentSha, isoDate) {
+    const res = await fetch(`${this.baseUrl}/repos/${owner}/${repo}/git/commits`, {
+      method: 'POST',
+      headers: this.headers,
+      body: JSON.stringify({
+        message,
+        tree: treeSha,
+        parents: [parentSha],
+        author: {
+          name: 'ContraGit Engine',
+          email: 'agent@contragit.dev',
+          date: isoDate,
+        },
+        committer: {
+          name: 'ContraGit Engine',
+          email: 'agent@contragit.dev',
+          date: isoDate,
+        },
+      }),
+    });
+    if (!res.ok) throw new Error('Failed to create Git commit object.');
+    return res.json();
+  }
 
-// ===== Result Rendering =====
-function renderError(message, box = resultBox) {
-  box.className = 'result result-error';
-  box.innerHTML = `<strong>ERROR:</strong> ${message}`;
+  async updateBranchRef(owner, repo, branch, commitSha) {
+    const res = await fetch(`${this.baseUrl}/repos/${owner}/${repo}/git/refs/heads/${branch}`, {
+      method: 'PATCH',
+      headers: this.headers,
+      body: JSON.stringify({
+        sha: commitSha,
+        force: false,
+      }),
+    });
+    if (!res.ok) throw new Error(`Failed to update branch ref heads/${branch}`);
+    return res.json();
+  }
 }
 
-function renderProgress(totalCommits) {
-  const estimatedSeconds = Math.max(5, totalCommits * 3);
-  const startedAt = Date.now();
-  resultBox.className = 'result result-progress';
-  resultBox.innerHTML = `<strong>GENERATING SCHEDULE</strong><span id="progressStatus">Preparing ${totalCommits} commit${totalCommits === 1 ? '' : 's'}...</span><small id="progressTime">Estimated time remaining: ${formatDuration(estimatedSeconds)}</small>`;
-
-  const timer = window.setInterval(() => {
-    const elapsed = Math.floor((Date.now() - startedAt) / 1000);
-    const remaining = Math.max(0, estimatedSeconds - elapsed);
-    const timeNode = document.getElementById('progressTime');
-    if (timeNode) {
-      timeNode.textContent = `Estimated time remaining: ${formatDuration(remaining)}`;
+// ==========================================
+// 3. LanguageMasqueradeHelper (Organic Code Scaffolds)
+// ==========================================
+class LanguageMasqueradeHelper {
+  static getPayload(language, commitIndex) {
+    const ts = new Date().toISOString();
+    switch (language) {
+      case 'python':
+        return {
+          path: 'src/pipeline/analytics.py',
+          content: `"""\nData Processing Pipeline\nUpdated: ${ts}\nCommit: #${commitIndex}\n"""\n\ndef calculate_metrics(data):\n    return sum(data) / len(data) if data else 0\n`,
+        };
+      case 'go':
+        return {
+          path: 'pkg/router/gateway.go',
+          content: `package gateway\n\n// Gateway service router\n// Updated: ${ts}\n\ntype Config struct {\n\tPort int\n\tTimeoutMs int\n}\n`,
+        };
+      case 'rust':
+        return {
+          path: 'crates/core/src/cache.rs',
+          content: `//! In-memory state cache\n//! Updated: ${ts}\n\npub struct CacheEngine {\n    pub capacity: usize,\n}\n`,
+        };
+      case 'devops':
+        return {
+          path: 'infra/terraform/main.tf',
+          content: `# Infrastructure as Code\n# Updated: ${ts}\n\nterraform {\n  required_version = ">= 1.5.0"\n}\n`,
+        };
+      case 'typescript':
+      default:
+        return {
+          path: 'src/algorithms/cache.ts',
+          content: `/**\n * LRU Cache Engine\n * Updated: ${ts}\n * Commit: #${commitIndex}\n */\nexport class LRUCache {\n  private capacity: number;\n  constructor(cap: number = 100) {\n    this.capacity = cap;\n  }\n}\n`,
+        };
     }
-  }, 1000);
+  }
 
-  return () => window.clearInterval(timer);
+  static getCommitMessage(index) {
+    const types = ['feat', 'fix', 'refactor', 'perf', 'docs', 'chore'];
+    const scopes = ['core', 'engine', 'pipeline', 'router', 'cache', 'infra'];
+    const verbs = [
+      'optimize batch processing loop',
+      'refactor state serialization',
+      'improve throughput metrics',
+      'update data interfaces',
+      'resolve edge condition',
+      'streamline telemetry hooks'
+    ];
+    const t = types[index % types.length];
+    const s = scopes[index % scopes.length];
+    const v = verbs[index % verbs.length];
+    return `${t}(${s}): ${v} [contra-#${index + 1}]`;
+  }
 }
 
-function formatDuration(seconds) {
-  const minutes = Math.floor(seconds / 60);
-  const remainder = seconds % 60;
-  return minutes ? `${minutes}m ${remainder}s` : `${remainder}s`;
-}
+// ==========================================
+// 4. ExtensionApp (UI Orchestration & Batch Engine)
+// ==========================================
+class ExtensionApp {
+  constructor() {
+    this.client = null;
+    this.currentUser = null;
+    this.userRepos = [];
+    this.activeBatch = null;
+    this.isPaused = false;
+    this.isStopped = false;
+
+    this.cacheDom();
+    this.bindEvents();
+    this.init();
+  }
 
-function renderSuccess(data, box = resultBox) {
-  box.classList.remove('hidden', 'result-error');
-  box.className = 'result result-success';
-  const msg = data.pushResult?.message || data.message || 'Schedule generated successfully!';
-  const commitCount = data.commitCount || 0;
-  const repository = data.repository || `${repoOwnerInput.value}/${repoNameInput.value}`;
-  const owner = repository.split('/')[0];
-  box.innerHTML = `<strong>TASK COMPLETE SUCCESSFULLY</strong><span>${msg}</span><small>${commitCount} commits scheduled</small><nav class="result-links"><a href="https://github.com/${owner}" target="_blank" rel="noopener">VIEW GITHUB PROFILE</a><a href="https://github.com/${repository}" target="_blank" rel="noopener">VIEW REPOSITORY</a></nav>`;
-}
+  cacheDom() {
+    this.dom = {
+      userAvatar: document.getElementById('userAvatar'),
+      userLogin: document.getElementById('userLogin'),
+      userBadge: document.getElementById('userBadge'),
+      toggleAuthBtn: document.getElementById('toggleAuthBtn'),
+      tabBtnSchedule: document.getElementById('tabBtnSchedule'),
+      tabBtnSettings: document.getElementById('tabBtnSettings'),
+      tabContentSchedule: document.getElementById('tabContentSchedule'),
+      tabContentSettings: document.getElementById('tabContentSettings'),
+      launchStudioLink: document.getElementById('launchStudioLink'),
+      repoSelect: document.getElementById('repoSelect'),
+      branchInput: document.getElementById('branchInput'),
+      startDate: document.getElementById('startDate'),
+      endDate: document.getElementById('endDate'),
+      weekdayInputs: document.querySelectorAll('[data-weekday]'),
+      langSelect: document.getElementById('langSelect'),
+      randomizeToggle: document.getElementById('randomizeToggle'),
+      presetChips: document.querySelectorAll('.preset-chip'),
+      scheduleForm: document.getElementById('scheduleForm'),
+      deployBtn: document.getElementById('deployBtn'),
+      progressHub: document.getElementById('progressHub'),
+      progressTitle: document.getElementById('progressTitle'),
+      progressPercent: document.getElementById('progressPercent'),
+      progressFill: document.getElementById('progressFill'),
+      progressCounts: document.getElementById('progressCounts'),
+      progressBatchText: document.getElementById('progressBatchText'),
+      progressControls: document.getElementById('progressControls'),
+      pauseResumeBtn: document.getElementById('pauseResumeBtn'),
+      stopBatchBtn: document.getElementById('stopBatchBtn'),
+      completionActions: document.getElementById('completionActions'),
+      viewOnGitHubBtn: document.getElementById('viewOnGitHubBtn'),
+      resetHubBtn: document.getElementById('resetHubBtn'),
+      patTokenInput: document.getElementById('patTokenInput'),
+      studioUrlInput: document.getElementById('studioUrlInput'),
+      saveSettingsBtn: document.getElementById('saveSettingsBtn'),
+      settingsFeedback: document.getElementById('settingsFeedback'),
+      globalBanner: document.getElementById('globalBanner'),
+    };
+  }
 
-calendarIcons.forEach(icon => {
-  icon.addEventListener('click', () => {
-    const input = icon.parentElement.querySelector('input[type="date"]');
-    if (input?.showPicker) input.showPicker();
-    else input?.focus();
-  });
-});
+  bindEvents() {
+    // Tab switching
+    this.dom.tabBtnSchedule.addEventListener('click', () => this.switchTab('schedule'));
+    this.dom.tabBtnSettings.addEventListener('click', () => this.switchTab('settings'));
+    this.dom.toggleAuthBtn.addEventListener('click', () => this.switchTab('settings'));
 
-applyFilterMode();
-
-// ===== Form Submission =====
-form?.addEventListener('submit', async (event) => {
-  event.preventDefault();
-
-  // Collect weekday commit counts
-  const weekdayInputs = document.querySelectorAll("[data-weekday]");
-  const weekdayCounts = {};
-  const maximum = activeFilter === 'custom' ? 10 : 5;
-  weekdayInputs.forEach((input) => {
-    const count = Math.min(maximum, Math.max(0, Number(input.value) || 0));
-    input.value = String(count);
-    weekdayCounts[input.dataset.weekday] = count;
-  });
-
-  const repoOwner = repoOwnerInput.value.trim() || (currentUser ? currentUser.login : '');
-  const repoName = repoNameInput.value.trim();
-  const pushToRemote = pushToRemoteCheckbox.checked;
-  const branch = branchInput.value.trim() || 'main';
-
-  const payload = {
-    startDate: startDateInput.value,
-    endDate: endDateInput.value,
-    weekdayCounts,
-    branch,
-    pushToRemote,
-    repoOwner,
-    repoName,
-  };
-
-  // ===== Validation =====
-  if (!payload.startDate || !payload.endDate) {
-    renderError('Please select both start and end dates.');
-    return;
-  }
-  if (!repoName) {
-    renderError('Please select a repository.');
-    return;
-  }
-  
-  // Validate date range
-  const startDate = new Date(payload.startDate);
-  const endDate = new Date(payload.endDate);
-  if (startDate > endDate) {
-    renderError('Start date must be before or equal to end date.');
-    return;
-  }
-
-  submitBtn.disabled = true;
-  submitBtn.innerHTML = 'CALCULATING...';
-
-  try {
-    const response = await fetch("/api/calculate", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(payload),
+    // Date Presets
+    this.dom.presetChips.forEach((chip) => {
+      chip.addEventListener('click', () => this.applyDatePreset(chip.dataset.span, chip));
     });
-    const data = await response.json();
-    if (!response.ok || !data.success) throw new Error(data.message || "Failed to calculate schedule.");
+
+    // Settings save
+    this.dom.saveSettingsBtn.addEventListener('click', () => this.saveSettings());
+
+    // Schedule submission
+    this.dom.scheduleForm.addEventListener('submit', (e) => this.handleScheduleSubmit(e));
+
+    // Execution controls
+    this.dom.pauseResumeBtn.addEventListener('click', () => this.togglePauseResume());
+    this.dom.stopBatchBtn.addEventListener('click', () => this.stopExecution());
+    this.dom.resetHubBtn.addEventListener('click', () => this.resetHub());
+  }
+
+  async init() {
+    // Default dates: last 30 days
+    this.applyDatePreset('30');
+
+    // Load stored settings
+    const token = await StorageService.get('contragit_pat', '');
+    const studioUrl = await StorageService.get('contragit_studio_url', 'http://localhost:3000');
     
-    currentPayload = payload;
-    let breakdownHtml = '';
-    for (const [day, count] of Object.entries(data.dailyBreakdown)) {
-      if (count > 0) breakdownHtml += `<span>${day.charAt(0).toUpperCase() + day.slice(1)}: ${count} days</span>`;
+    this.dom.patTokenInput.value = token;
+    this.dom.studioUrlInput.value = studioUrl;
+    this.dom.launchStudioLink.href = `${studioUrl.replace(/\/$/, '')}/dashboard`;
+
+    if (token) {
+      await this.authenticateWithToken(token);
+    } else {
+      this.showNotice('Please enter a GitHub Personal Access Token in Settings to get started.', 'warning');
+      this.switchTab('settings');
     }
+  }
 
-    let warningHtml = '';
-    if (data.totalCommits > 30) {
-      warningHtml = `<div class="warning-box"><strong>Large Schedule:</strong> You have scheduled more than 30 operations (${data.totalCommits}). This may take approximately an hour or longer to complete depending on GitHub API availability. Please keep this page open.</div>`;
+  switchTab(tab) {
+    if (tab === 'schedule') {
+      this.dom.tabBtnSchedule.classList.add('active');
+      this.dom.tabBtnSettings.classList.remove('active');
+      this.dom.tabContentSchedule.classList.remove('hidden');
+      this.dom.tabContentSettings.classList.add('hidden');
     } else {
-      warningHtml = `<div style="font-size:11px; margin-top:1rem; color:var(--green);">Your schedule contains 30 or fewer operations and can proceed normally.</div>`;
+      this.dom.tabBtnSettings.classList.add('active');
+      this.dom.tabBtnSchedule.classList.remove('active');
+      this.dom.tabContentSettings.classList.remove('hidden');
+      this.dom.tabContentSchedule.classList.add('hidden');
+    }
+  }
+
+  applyDatePreset(span, activeChip) {
+    if (activeChip) {
+      this.dom.presetChips.forEach((c) => c.classList.remove('active'));
+      activeChip.classList.add('active');
     }
 
-    summaryContent.innerHTML = `
-      <div class="summary-grid">
-        <div class="summary-block"><span>Repository</span>${data.repository}</div>
-        <div class="summary-block"><span>Date Range</span>${data.dateRange}</div>
-        <div class="summary-block"><span>Eligible Days</span>${data.eligibleDays} days</div>
-        <div class="summary-block"><span>Total Commits</span>${data.totalCommits} operations</div>
-      </div>
-      <div class="summary-block">
-        <span>Daily Breakdown</span>
-        ${breakdownHtml}
-      </div>
-      ${warningHtml}
-    `;
-
-    summaryModal.classList.add('active');
-  } catch (error) {
-    renderError(error.message, resultBox);
-    resultBox.classList.remove('hidden');
-  } finally {
-    submitBtn.disabled = false;
-    submitBtn.innerHTML = 'GENERATE SCHEDULE';
+    const today = new Date();
+    const toDateString = (d) => d.toISOString().split('T')[0];
+    this.dom.endDate.value = toDateString(today);
+
+    if (span === '30') {
+      const start = new Date(today);
+      start.setDate(today.getDate() - 30);
+      this.dom.startDate.value = toDateString(start);
+    } else if (span === '90') {
+      const start = new Date(today);
+      start.setDate(today.getDate() - 90);
+      this.dom.startDate.value = toDateString(start);
+    } else if (span === 'year') {
+      const start = new Date(today);
+      start.setDate(today.getDate() - 364);
+      this.dom.startDate.value = toDateString(start);
+    }
   }
-});
 
-editBtn?.addEventListener('click', () => {
-  summaryModal.classList.remove('active');
-});
+  async saveSettings() {
+    const token = this.dom.patTokenInput.value.trim();
+    const studioUrl = this.dom.studioUrlInput.value.trim() || 'http://localhost:3000';
+
+    this.dom.saveSettingsBtn.disabled = true;
+    this.dom.saveSettingsBtn.textContent = 'Verifying Token...';
 
-confirmBtn?.addEventListener('click', async () => {
-  if (!currentPayload) return;
-  confirmBtn.disabled = true;
-  confirmBtn.textContent = 'STARTING...';
-  
-  try {
-    const response = await fetch("/api/generate", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(currentPayload),
+    try {
+      if (!token) throw new Error('Personal Access Token cannot be blank.');
+      
+      const client = new GitHubExtensionClient(token);
+      const user = await client.getUser();
+
+      await StorageService.set('contragit_pat', token);
+      await StorageService.set('contragit_studio_url', studioUrl);
+
+      this.client = client;
+      this.currentUser = user;
+      this.dom.launchStudioLink.href = `${studioUrl.replace(/\/$/, '')}/dashboard`;
+
+      this.updateUserCard(user);
+      await this.loadRepositories();
+
+      this.showFeedback('Connected successfully to GitHub!', 'success');
+      setTimeout(() => this.switchTab('schedule'), 800);
+    } catch (err) {
+      this.showFeedback(err.message, 'danger');
+    } finally {
+      this.dom.saveSettingsBtn.disabled = false;
+      this.dom.saveSettingsBtn.textContent = 'Save & Connect to GitHub';
+    }
+  }
+
+  async authenticateWithToken(token) {
+    try {
+      this.client = new GitHubExtensionClient(token);
+      const user = await this.client.getUser();
+      this.currentUser = user;
+      this.updateUserCard(user);
+      await this.loadRepositories();
+      this.hideNotice();
+    } catch (err) {
+      this.showNotice(`Authentication failed: ${err.message}`, 'danger');
+      this.switchTab('settings');
+    }
+  }
+
+  updateUserCard(user) {
+    this.dom.userAvatar.src = user.avatar_url;
+    this.dom.userLogin.textContent = user.login;
+    this.dom.userBadge.innerHTML = `<span class="pulse-dot"></span> Active (${user.public_repos + (user.total_private_repos || 0)} repos)`;
+  }
+
+  async loadRepositories() {
+    if (!this.client) return;
+    try {
+      const repos = await this.client.getRepositories();
+      this.userRepos = repos;
+      this.dom.repoSelect.innerHTML = '';
+
+      if (repos.length === 0) {
+        this.dom.repoSelect.innerHTML = '<option value="" disabled>No repositories found</option>';
+        return;
+      }
+
+      const defaultRepo = await StorageService.get('contragit_last_repo', '');
+      repos.forEach((r) => {
+        const opt = document.createElement('option');
+        opt.value = r.full_name;
+        opt.textContent = `${r.name}${r.private ? ' 🔒' : ''}`;
+        if (r.full_name === defaultRepo || r.name === 'gitcontra') {
+          opt.selected = true;
+        }
+        this.dom.repoSelect.appendChild(opt);
+      });
+
+      if (!this.dom.repoSelect.value && repos[0]) {
+        this.dom.repoSelect.value = repos[0].full_name;
+      }
+    } catch (err) {
+      this.showNotice(`Failed to load repositories: ${err.message}`, 'warning');
+    }
+  }
+
+  // Generate date queue
+  generateScheduleQueue() {
+    const start = new Date(this.dom.startDate.value);
+    const end = new Date(this.dom.endDate.value);
+    const isNatural = this.dom.randomizeToggle.value === 'natural';
+
+    const weekdayMap = {};
+    this.dom.weekdayInputs.forEach((input) => {
+      weekdayMap[input.dataset.weekday] = Number(input.value) || 0;
     });
-    const data = await response.json();
-    if (!response.ok || !data.success) throw new Error(data.message || "Failed to start schedule.");
-    
-    summaryModal.classList.remove('active');
-    confirmBtn.disabled = false;
-    confirmBtn.textContent = 'Confirm & Start';
-    
-    localStorage.setItem('activeJobId', data.jobId);
-    resumeJob(data.jobId);
-  } catch (error) {
-    confirmBtn.disabled = false;
-    confirmBtn.textContent = 'Confirm & Start';
-    alert(error.message);
+
+    const dayNames = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
+    const queue = [];
+
+    const current = new Date(start);
+    while (current <= end) {
+      const dayName = dayNames[current.getDay()];
+      const targetCount = weekdayMap[dayName] || 0;
+
+      if (targetCount > 0) {
+        let count = targetCount;
+        if (isNatural) {
+          const delta = Math.floor(Math.random() * 3) - 1; // -1, 0, +1
+          count = Math.max(1, targetCount + delta);
+        }
+
+        for (let i = 0; i < count; i++) {
+          const commitTime = new Date(current);
+          commitTime.setHours(10 + Math.floor(i * 2), Math.floor(Math.random() * 59), Math.floor(Math.random() * 59));
+          queue.push({
+            date: commitTime.toISOString(),
+            commitIndex: queue.length,
+          });
+        }
+      }
+
+      current.setDate(current.getDate() + 1);
+    }
+
+    return queue;
   }
-});
 
-function resumeJob(jobId) {
-  progressModal.classList.add('active');
-  progressActions.classList.add('hidden');
-  progressTitle.textContent = 'SCHEDULE IN PROGRESS';
-  progressStatusText.textContent = 'Running...';
-  
-  if (activePollInterval) clearInterval(activePollInterval);
-  activePollInterval = setInterval(async () => {
+  async handleScheduleSubmit(e) {
+    e.preventDefault();
+    if (!this.client || !this.currentUser) {
+      this.showNotice('Please configure your GitHub token first.', 'danger');
+      this.switchTab('settings');
+      return;
+    }
+
+    const selectedFullName = this.dom.repoSelect.value;
+    if (!selectedFullName) {
+      this.showNotice('Please select a target repository.', 'warning');
+      return;
+    }
+
+    const [owner, repo] = selectedFullName.split('/');
+    const branch = this.dom.branchInput.value.trim() || 'main';
+    const queue = this.generateScheduleQueue();
+
+    if (queue.length === 0) {
+      this.showNotice('No commits generated with current weekday values. Set at least one weekday > 0.', 'warning');
+      return;
+    }
+
+    // Save defaults
+    await StorageService.set('contragit_last_repo', selectedFullName);
+    await StorageService.set('contragit_last_branch', branch);
+
+    // Switch to live execution hub
+    this.startDeployment(owner, repo, branch, queue);
+  }
+
+  async startDeployment(owner, repo, branch, queue) {
+    this.isPaused = false;
+    this.isStopped = false;
+    this.dom.scheduleForm.classList.add('hidden');
+    this.dom.progressHub.classList.remove('hidden');
+    this.dom.completionActions.classList.add('hidden');
+    this.dom.progressControls.classList.remove('hidden');
+
+    this.dom.progressTitle.textContent = `Deploying to ${owner}/${repo}...`;
+    this.dom.pauseResumeBtn.textContent = '⏸ Pause';
+
+    const lang = this.dom.langSelect.value;
+    const totalCommits = queue.length;
+    let completed = 0;
+
     try {
-      const res = await fetch(`/api/status?jobId=${jobId}`);
-      if (!res.ok) return;
-      const data = await res.json();
-      if (!data.success || !data.job) return;
-      
-      const job = data.job;
-      progressRepo.textContent = job.repository;
-      
-      const percent = job.total > 0 ? Math.floor((job.completed / job.total) * 100) : 100;
-      progressBarFill.style.width = `${percent}%`;
-      progressText.textContent = `${job.completed} / ${job.total} (${percent}%)`;
-      
-      if (job.status === 'running') {
-        const elapsed = Math.floor((Date.now() - job.startTime) / 1000);
-        const avg = job.completed > 0 ? (elapsed / job.completed) : 2;
-        const remaining = Math.floor((job.total - job.completed) * avg);
-        progressEtaText.textContent = `~ ${formatDuration(remaining)}`;
-        progressStatusText.textContent = 'Processing scheduled operations...';
-      } else if (job.status === 'completed') {
-        clearInterval(activePollInterval);
-        localStorage.removeItem('activeJobId');
-        progressTitle.textContent = '✓ SCHEDULE COMPLETED';
-        progressStatusText.textContent = 'Successful';
-        progressStatusText.style.color = 'var(--green)';
-        progressEtaText.textContent = 'Completed';
-        
-        viewRepoBtn.href = `https://github.com/${job.repository}`;
-        progressActions.classList.remove('hidden');
-        // Simulate refreshing dashboard data
-        fetchRepos();
-      } else if (job.status === 'failed') {
-        clearInterval(activePollInterval);
-        localStorage.removeItem('activeJobId');
-        progressTitle.textContent = 'SCHEDULE FAILED';
-        progressStatusText.textContent = job.error || 'Execution paused/failed.';
-        progressStatusText.style.color = 'var(--error)';
-        progressEtaText.textContent = 'Halted';
-        progressActions.classList.remove('hidden');
+      // 1. Get initial branch HEAD commit & tree SHA
+      const headCommitSha = await this.client.getBranchHead(owner, repo, branch);
+      const headCommit = await this.client.getCommit(owner, repo, headCommitSha);
+      let currentParentSha = headCommitSha;
+      let currentTreeSha = headCommit.tree.sha;
+
+      // 2. Author commits sequentially in micro-batches
+      for (let i = 0; i < totalCommits; i++) {
+        // Handle Pause state
+        while (this.isPaused && !this.isStopped) {
+          this.dom.progressTitle.textContent = 'Generation Paused';
+          await new Promise((r) => setTimeout(r, 400));
+        }
+
+        // Handle Stop state
+        if (this.isStopped) {
+          this.dom.progressTitle.textContent = 'Stopped (Commits Preserved)';
+          this.finishDeployment(owner, repo, branch, completed, totalCommits, true);
+          return;
+        }
+
+        const item = queue[i];
+        const filePayload = LanguageMasqueradeHelper.getPayload(lang, i);
+        const msg = LanguageMasqueradeHelper.getCommitMessage(i);
+
+        // Git Data API pipeline: blob -> tree -> commit
+        const blob = await this.client.createBlob(owner, repo, filePayload.content);
+        const tree = await this.client.createTree(owner, repo, currentTreeSha, filePayload.path, blob.sha);
+        const newCommit = await this.client.createCommit(owner, repo, msg, tree.sha, currentParentSha, item.date);
+
+        // Update branch pointer & state
+        await this.client.updateBranchRef(owner, repo, branch, newCommit.sha);
+        currentParentSha = newCommit.sha;
+        currentTreeSha = tree.sha;
+        completed++;
+
+        // Update UI
+        const pct = Math.round((completed / totalCommits) * 100);
+        this.dom.progressFill.style.width = `${pct}%`;
+        this.dom.progressPercent.textContent = `${pct}%`;
+        this.dom.progressCounts.textContent = `${completed} / ${totalCommits} commits`;
+        this.dom.progressBatchText.textContent = `Batch ${Math.ceil(completed / 5)} of ${Math.ceil(totalCommits / 5)}`;
+
+        // Subtle pacing to prevent GitHub secondary rate limits
+        await new Promise((r) => setTimeout(r, 200));
       }
-    } catch(e) {
-      console.warn("Polling error", e);
+
+      this.dom.progressTitle.textContent = '✓ Schedule Completed!';
+      this.finishDeployment(owner, repo, branch, completed, totalCommits, false);
+    } catch (err) {
+      this.dom.progressTitle.textContent = 'Deployment Error';
+      this.showNotice(err.message, 'danger');
+      this.dom.progressControls.classList.add('hidden');
+      this.dom.completionActions.classList.remove('hidden');
+      this.dom.viewOnGitHubBtn.href = `https://github.com/${owner}/${repo}/commits/${branch}`;
     }
-  }, 1000);
+  }
+
+  togglePauseResume() {
+    this.isPaused = !this.isPaused;
+    this.dom.pauseResumeBtn.textContent = this.isPaused ? '▶ Resume' : '⏸ Pause';
+  }
+
+  stopExecution() {
+    this.isStopped = true;
+    this.isPaused = false;
+  }
+
+  finishDeployment(owner, repo, branch, completed, total, wasStopped) {
+    this.dom.progressControls.classList.add('hidden');
+    this.dom.completionActions.classList.remove('hidden');
+    this.dom.viewOnGitHubBtn.href = `https://github.com/${owner}/${repo}/commits/${branch}`;
+    if (!wasStopped) {
+      this.dom.progressFill.style.width = '100%';
+      this.dom.progressPercent.textContent = '100%';
+    }
+  }
+
+  resetHub() {
+    this.dom.progressHub.classList.add('hidden');
+    this.dom.scheduleForm.classList.remove('hidden');
+    this.dom.progressFill.style.width = '0%';
+    this.dom.progressPercent.textContent = '0%';
+    this.dom.progressCounts.textContent = '0 / 0 commits';
+    this.hideNotice();
+  }
+
+  showNotice(msg, type = 'warning') {
+    this.dom.globalBanner.className = `banner banner-${type}`;
+    this.dom.globalBanner.textContent = msg;
+    this.dom.globalBanner.classList.remove('hidden');
+  }
+
+  hideNotice() {
+    this.dom.globalBanner.classList.add('hidden');
+  }
+
+  showFeedback(msg, type = 'success') {
+    this.dom.settingsFeedback.className = `banner banner-${type}`;
+    this.dom.settingsFeedback.textContent = msg;
+    this.dom.settingsFeedback.classList.remove('hidden');
+  }
 }
 
-// ===== Initialize App =====
-initializeApp();
+// Initialize when DOM is ready
+document.addEventListener('DOMContentLoaded', () => {
+  new ExtensionApp();
+});
diff --git a/extension/styles.css b/extension/styles.css
index 3a3a8f4..01af22a 100644
--- a/extension/styles.css
+++ b/extension/styles.css
@@ -1,288 +1,475 @@
-@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
-
+/* ContraGit Extension v2.0 — Dark Glassmorphic Design System */
 :root {
-  --black: #050505;
-  --white: #f1f4f8;
-  --green: #00ff88;
-  --green-glow: rgba(0, 255, 136, 0.4);
-  --chrome: #4f8fd9;
-  --muted: #a0aabf;
-  --error: #ff3366;
-  --font-pixel: 'Press Start 2P', cursive;
-  --font-ui: 'Inter', 'Helvetica Neue', Arial, sans-serif;
-  --glass-bg: rgba(15, 15, 20, 0.6);
-  --glass-border: rgba(255, 255, 255, 0.08);
+  --bg-primary: #07090e;
+  --bg-secondary: #0d121c;
+  --bg-tertiary: #141b29;
+  --bg-card: rgba(16, 23, 38, 0.7);
+  --border-subtle: rgba(255, 255, 255, 0.08);
+  --border-active: rgba(16, 185, 129, 0.4);
+  --text-primary: #f8fafc;
+  --text-secondary: #94a3b8;
+  --text-muted: #64748b;
+  --emerald-400: #34d399;
+  --emerald-500: #10b981;
+  --emerald-glow: rgba(16, 185, 129, 0.25);
+  --cyan-400: #22d3ee;
+  --cyan-glow: rgba(34, 211, 238, 0.2);
+  --danger-400: #f87171;
+  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  --radius-sm: 6px;
+  --radius-md: 10px;
+  --radius-lg: 14px;
+  --radius-full: 9999px;
 }
 
-* { box-sizing: border-box; margin: 0; padding: 0; }
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
 
 body {
-  background: radial-gradient(circle at 50% 0%, #151520 0%, var(--black) 60%);
-  color: var(--white);
-  font-family: var(--font-ui);
-  min-height: 100vh;
+  width: 410px;
+  max-height: 590px;
+  overflow-y: auto;
   overflow-x: hidden;
-  position: relative;
-  z-index: 1;
+  background-color: var(--bg-primary);
+  background-image: 
+    radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.08) 0%, transparent 70%),
+    linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
+  background-size: 100% 100%, 20px 20px, 20px 20px;
+  color: var(--text-primary);
+  font-family: var(--font-family);
+  font-size: 13px;
+  line-height: 1.4;
+  -webkit-font-smoothing: antialiased;
 }
 
-/* Background Animation */
-@keyframes fall {
-  from { transform: translateY(-100px) rotate(0deg); opacity: 0.15; }
-  to { transform: translateY(100vh) rotate(360deg); opacity: 0; }
+/* Custom Sleek Scrollbar */
+body::-webkit-scrollbar {
+  width: 6px;
+}
+body::-webkit-scrollbar-track {
+  background: transparent;
+}
+body::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: var(--radius-full);
+}
+body::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.3);
 }
 
-.github-icons-bg {
-  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
-  pointer-events: none; z-index: 0; overflow: hidden;
+.ext-container {
+  padding: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.85rem;
 }
 
-.github-logo-fall {
-  position: absolute; width: 50px; height: 50px;
-  color: var(--green); opacity: 0.1;
-  animation: fall linear infinite;
-  filter: drop-shadow(0 0 8px var(--green-glow));
+/* Header */
+.ext-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 0.75rem;
+  border-bottom: 1px solid var(--border-subtle);
 }
-.github-logo-fall svg { width: 100%; height: 100%; fill: currentColor; }
 
-.grid-overlay {
-  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
-  background-image: 
-    linear-gradient(rgba(0, 255, 136, 0.03) 1px, transparent 1px),
-    linear-gradient(90deg, rgba(0, 255, 136, 0.03) 1px, transparent 1px);
-  background-size: 40px 40px;
-  pointer-events: none; z-index: 0;
+.brand-group {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  text-decoration: none;
+  color: inherit;
 }
 
-.page-shell {
-  position: relative; z-index: 1;
-  max-width: 1000px; margin: 0 auto;
-  padding: 2rem 1.5rem; min-height: 100vh;
-  display: flex; flex-direction: column;
+.brand-icon {
+  width: 28px;
+  height: 28px;
+  border-radius: var(--radius-sm);
+  box-shadow: 0 0 12px var(--emerald-glow);
 }
 
-/* Topbar */
-.topbar {
-  display: flex; justify-content: space-between; align-items: center;
-  padding: 1.2rem 2rem; margin-bottom: 2rem;
-  border-radius: 12px;
-  border: 1px solid var(--glass-border);
-  background: var(--glass-bg);
-  backdrop-filter: blur(12px);
-  box-shadow: 0 8px 32px rgba(0,0,0,0.4);
+.brand-title {
+  font-size: 1rem;
+  font-weight: 700;
+  letter-spacing: -0.02em;
 }
 
-.brand-wrap { display: flex; align-items: center; gap: 0.5rem; }
-.brand-name {
-  font-family: var(--font-pixel); font-size: 14px; letter-spacing: 1px; color: var(--white);
-  text-shadow: 0 0 10px rgba(0,0,0,0.5);
+.brand-title span {
+  color: var(--emerald-400);
 }
-.brand-name .chrome { color: var(--chrome); }
-.brand-name .green { color: var(--green); text-shadow: 0 0 10px var(--green-glow); }
 
-.user-info {
-  display: flex; align-items: center; gap: 1.5rem;
-  font-family: var(--font-pixel); font-size: 10px;
+.header-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
 }
-#userSummary { color: var(--muted); }
 
-.ghost-button {
-  background: transparent; border: 1px solid var(--green); color: var(--green);
-  cursor: pointer; font-size: 10px; padding: 0.6rem 1rem; border-radius: 6px;
-  transition: all 0.3s; font-family: var(--font-pixel);
+.icon-btn {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-subtle);
+  color: var(--text-secondary);
+  border-radius: var(--radius-sm);
+  padding: 0.35rem 0.55rem;
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  transition: all 0.15s ease;
+  text-decoration: none;
 }
-.ghost-button:hover {
-  background: rgba(0,255,136,0.1); box-shadow: 0 0 15px var(--green-glow); transform: translateY(-1px);
+
+.icon-btn:hover {
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+  border-color: rgba(255, 255, 255, 0.18);
 }
 
-/* Panels */
-.app-grid { display: flex; flex-direction: column; gap: 2rem; }
+/* User Status Pill */
+.user-status-card {
+  background: var(--bg-card);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-md);
+  padding: 0.65rem 0.85rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  backdrop-filter: blur(8px);
+}
 
-.panel {
-  padding: 2rem; border-radius: 16px;
-  border: 1px solid var(--glass-border);
-  background: var(--glass-bg); backdrop-filter: blur(12px);
-  box-shadow: 0 16px 40px rgba(0,0,0,0.3);
+.user-profile-info {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
 }
 
-.panel-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; }
-.panel-header h2 {
-  font-family: var(--font-pixel); font-size: 14px; letter-spacing: 1px;
+.user-avatar {
+  width: 26px;
+  height: 26px;
+  border-radius: var(--radius-full);
+  border: 1px solid var(--border-subtle);
 }
 
-.status-pill {
-  display: flex; align-items: center; gap: 0.5rem;
-  font-size: 10px; color: var(--green); font-family: var(--font-pixel);
-  padding: 0.5rem 1rem; border: 1px solid rgba(0,255,136,0.3);
-  border-radius: 20px; background: rgba(0,255,136,0.05);
-  box-shadow: 0 0 10px rgba(0,255,136,0.1);
+.user-names {
+  display: flex;
+  flex-direction: column;
 }
+
+.user-login {
+  font-weight: 600;
+  font-size: 0.85rem;
+  color: var(--text-primary);
+}
+
+.user-badge {
+  font-size: 10px;
+  font-family: var(--font-mono);
+  color: var(--emerald-400);
+  display: flex;
+  align-items: center;
+  gap: 0.3rem;
+}
+
 .pulse-dot {
-  width: 8px; height: 8px; border-radius: 50%; background: var(--green);
-  box-shadow: 0 0 8px var(--green); animation: pulse 2s infinite;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--emerald-400);
+  box-shadow: 0 0 8px var(--emerald-400);
+}
+
+/* Nav Tabs */
+.nav-tabs {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-md);
+  padding: 3px;
+  gap: 3px;
+}
+
+.tab-btn {
+  background: transparent;
+  border: none;
+  border-radius: var(--radius-sm);
+  padding: 0.4rem 0.5rem;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--text-muted);
+  cursor: pointer;
+  transition: all 0.15s ease;
+  text-align: center;
+}
+
+.tab-btn.active {
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+/* Card Container */
+.card {
+  background: var(--bg-card);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-md);
+  padding: 0.85rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  backdrop-filter: blur(10px);
+}
+
+.card-title {
+  font-size: 0.75rem;
+  font-weight: 700;
+  letter-spacing: 0.05em;
+  color: var(--text-muted);
+  text-transform: uppercase;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+/* Form Controls */
+.form-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
+}
+
+.form-label {
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--text-secondary);
+}
+
+.input, .select {
+  width: 100%;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-sm);
+  color: var(--text-primary);
+  padding: 0.45rem 0.65rem;
+  font-size: 12px;
+  font-family: inherit;
+  outline: none;
+  transition: border-color 0.15s ease;
+}
+
+.input:focus, .select:focus {
+  border-color: var(--emerald-400);
+  box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.25);
+}
+
+.two-col {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.5rem;
+}
+
+/* Quick Preset Chips */
+.preset-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem;
+}
+
+.preset-chip {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-subtle);
+  color: var(--text-secondary);
+  border-radius: var(--radius-sm);
+  padding: 0.3rem 0.55rem;
+  font-size: 11px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.15s ease;
 }
-@keyframes pulse {
-  0% { opacity: 1; transform: scale(1); }
-  50% { opacity: 0.5; transform: scale(1.2); }
-  100% { opacity: 1; transform: scale(1); }
+
+.preset-chip:hover {
+  border-color: rgba(255, 255, 255, 0.2);
+  color: var(--text-primary);
+}
+
+.preset-chip.active {
+  background: rgba(16, 185, 129, 0.12);
+  border-color: var(--emerald-400);
+  color: var(--emerald-400);
+  font-weight: 600;
+}
+
+/* Weekday Grid */
+.weekday-grid {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 4px;
+}
+
+.weekday-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-sm);
+  padding: 0.25rem 0.15rem;
+  gap: 0.2rem;
+}
+
+.weekday-label {
+  font-size: 9px;
+  font-weight: 700;
+  color: var(--text-muted);
+}
+
+.weekday-input {
+  width: 100%;
+  background: transparent;
+  border: none;
+  color: var(--emerald-400);
+  font-family: var(--font-mono);
+  font-weight: 700;
+  font-size: 12px;
+  text-align: center;
+  outline: none;
+}
+
+/* Primary Action Buttons */
+.btn-primary {
+  width: 100%;
+  background: linear-gradient(135deg, var(--emerald-500) 0%, #059669 100%);
+  color: #022013;
+  border: none;
+  border-radius: var(--radius-md);
+  padding: 0.65rem 1rem;
+  font-size: 13px;
+  font-weight: 700;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  transition: all 0.15s ease;
+  box-shadow: 0 0 16px var(--emerald-glow);
+}
+
+.btn-primary:hover:not(:disabled) {
+  filter: brightness(1.1);
+  box-shadow: 0 0 20px rgba(16, 185, 129, 0.4);
+}
+
+.btn-primary:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  box-shadow: none;
+}
+
+.btn-secondary {
+  width: 100%;
+  background: var(--bg-tertiary);
+  color: var(--text-secondary);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-md);
+  padding: 0.5rem 0.85rem;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.15s ease;
 }
 
-/* Forms */
-form { display: flex; flex-direction: column; gap: 1.5rem; }
-.field-grid { display: grid; gap: 1.5rem; }
-.field-grid.two-col { grid-template-columns: 1fr 1fr; }
+.btn-secondary:hover {
+  color: var(--text-primary);
+  border-color: rgba(255, 255, 255, 0.2);
+}
+
+/* Inline Progress Hub */
+.progress-hub {
+  background: rgba(16, 185, 129, 0.05);
+  border: 1px solid var(--border-active);
+  border-radius: var(--radius-md);
+  padding: 0.85rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.65rem;
+}
+
+.progress-header {
+  display: flex;
+  justify-content: space-between;
+  font-size: 11px;
+}
 
-label {
-  display: flex; flex-direction: column; gap: 0.6rem;
-  font-size: 10px; font-weight: 700; letter-spacing: 1px;
-  font-family: var(--font-pixel); color: var(--muted);
-}
-
-.input-wrap { position: relative; display: flex; align-items: center; }
-.input-wrap input, .input-wrap select {
-  width: 100%; padding: 0.8rem 1rem; border-radius: 8px;
-  border: 1px solid rgba(255,255,255,0.1); background: rgba(0,0,0,0.4);
-  color: var(--white); font-size: 14px; font-family: var(--font-ui); font-weight: 500;
-  transition: all 0.3s ease;
-}
-.input-wrap input[type="date"] { padding-left: 1rem; padding-right: 3rem; }
-.input-wrap input[type="date"]::-webkit-calendar-picker-indicator {
-  position: absolute; right: 1rem; width: 24px; height: 24px;
-  opacity: 0; cursor: pointer; z-index: 2;
-}
-
-.input-wrap input:focus, .input-wrap select:focus {
-  outline: none; border-color: var(--green); background: rgba(0,0,0,0.6);
-  box-shadow: 0 0 15px rgba(0,255,136,0.2);
-}
-
-.calendar-icon {
-  position: absolute; left: auto; right: 1rem; width: 18px; height: 18px;
-  color: var(--green); pointer-events: none; z-index: 1;
-}
-
-/* Weekday Table */
-.weekday-table-section > label { margin-bottom: 0.5rem; }
-.day-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0.5rem; }
-.mini-input { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; }
-.mini-input > span { font-size: 9px; font-family: var(--font-pixel); color: var(--muted); }
-.mini-input input {
-  width: 100%; padding: 0.6rem; border-radius: 6px;
-  border: 1px solid rgba(255,255,255,0.1); background: rgba(0,0,0,0.4);
-  color: var(--white); font-size: 13px; font-family: var(--font-ui); font-weight: 600;
-  text-align: center; transition: all 0.3s;
-}
-.mini-input input:focus {
-  border-color: var(--green); box-shadow: 0 0 10px rgba(0,255,136,0.2); outline:none;
-}
-.mini-input input:disabled { opacity: 0.3; cursor: not-allowed; }
-
-/* Filter Section */
-.filter-section {
-  display: flex; flex-direction: column; gap: 1rem;
-  padding: 1.5rem; border-radius: 12px;
-  border: 1px solid rgba(255,255,255,0.05); background: rgba(0,0,0,0.3);
-}
-.filter-buttons { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 0.75rem; }
-.filter-btn {
-  padding: 0.75rem; border-radius: 6px; border: 1px solid rgba(255,255,255,0.1);
-  background: rgba(0,0,0,0.4); color: var(--muted); font-size: 9px; font-family: var(--font-pixel);
-  cursor: pointer; transition: all 0.3s;
-}
-.filter-btn:hover { border-color: var(--green); color: var(--green); transform: translateY(-1px); }
-.filter-btn.active {
-  border-color: var(--green); background: rgba(0,255,136,0.1); color: var(--green);
-  box-shadow: 0 0 10px rgba(0,255,136,0.15);
-}
-
-/* Toggles */
-.toggle-switch-label { display: flex; align-items: center; gap: 1rem; cursor: pointer; }
-.toggle-switch {
-  position: relative; width: 44px; height: 24px;
-  background: rgba(0,0,0,0.5); border-radius: 12px; border: 1px solid rgba(255,255,255,0.2);
-  transition: all 0.3s;
-}
-.toggle-switch input { display: none; }
-.toggle-switch .slider {
-  position: absolute; top: 2px; left: 2px; width: 18px; height: 18px;
-  background: var(--muted); border-radius: 50%; transition: all 0.3s;
-}
-.toggle-switch input:checked + .slider { background: var(--green); left: 22px; box-shadow: 0 0 8px var(--green); }
-.toggle-switch:has(input:checked) { border-color: var(--green); }
-
-/* Buttons */
-.primary-button {
-  padding: 1.2rem; border-radius: 8px; border: none;
-  background: linear-gradient(135deg, var(--green), #00cc66);
-  color: #000; font-size: 11px; font-weight: 700; letter-spacing: 2px;
-  font-family: var(--font-pixel); cursor: pointer; transition: all 0.3s;
-  box-shadow: 0 6px 20px var(--green-glow); margin-top: 1rem;
-}
-.primary-button:hover:not(:disabled) {
-  transform: translateY(-2px); box-shadow: 0 10px 25px rgba(0,255,136,0.6);
-}
-.primary-button:disabled {
-  opacity: 0.5; cursor: not-allowed; filter: grayscale(1); box-shadow: none;
-}
-
-/* Results */
-.result {
-  padding: 1.5rem; border-radius: 12px; border: 1px solid var(--glass-border);
-  font-size: 13px; line-height: 1.6; font-family: var(--font-ui); margin-top: 1.5rem;
-}
-.result.hidden { display: none; }
-.result-success { border-color: var(--green); background: rgba(0,255,136,0.05); color: var(--green); }
-.result-error { border-color: var(--error); background: rgba(255,51,102,0.05); color: var(--error); }
-.result-progress { border-color: var(--chrome); background: rgba(79,143,217,0.05); color: var(--chrome); }
-.result strong { font-weight: 700; display: block; margin-bottom: 0.5rem; font-family: var(--font-pixel); font-size: 10px; }
-.result small { display: block; margin-top: 0.5rem; opacity: 0.8; }
-.result-links { display: flex; gap: 1rem; margin-top: 1rem; }
-.result-links a { color: var(--chrome); font-family: var(--font-pixel); font-size: 9px; text-decoration: none; }
-.result-links a:hover { color: var(--white); text-shadow: 0 0 5px var(--chrome); }
-
-/* Review & Progress Modals */
-.modal-overlay {
-  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
-  background: rgba(0,0,0,0.8); backdrop-filter: blur(8px);
-  display: flex; justify-content: center; align-items: center;
-  z-index: 100; opacity: 0; pointer-events: none; transition: opacity 0.3s;
-}
-.modal-overlay.active { opacity: 1; pointer-events: auto; }
-.modal-content {
-  background: var(--glass-bg); border: 1px solid var(--glass-border);
-  border-radius: 16px; padding: 2rem; max-width: 600px; width: 90%;
-  box-shadow: 0 16px 40px rgba(0,0,0,0.5);
-  max-height: 90vh; overflow-y: auto;
-}
-.modal-title { font-family: var(--font-pixel); font-size: 14px; margin-bottom: 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 1rem; }
-.summary-block { margin-bottom: 1rem; font-size: 13px; color: var(--muted); }
-.summary-block span { display: block; font-weight: bold; color: var(--white); margin-bottom: 0.2rem; }
-.summary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem; }
-.warning-box { border: 1px solid var(--error); background: rgba(255,51,102,0.1); padding: 1rem; border-radius: 8px; margin-top: 1rem; color: var(--white); font-size: 12px; }
-.modal-actions { display: flex; gap: 1rem; margin-top: 2rem; }
-.modal-actions button { flex: 1; }
-
-.progress-bar-container {
-  width: 100%; height: 24px; background: rgba(0,0,0,0.5);
-  border: 1px solid rgba(255,255,255,0.2); border-radius: 12px;
-  margin: 1.5rem 0; overflow: hidden; position: relative;
-}
-.progress-bar-fill {
-  height: 100%; background: var(--green); width: 0%;
+.progress-track {
+  width: 100%;
+  height: 7px;
+  background: var(--bg-secondary);
+  border-radius: var(--radius-full);
+  overflow: hidden;
+  border: 1px solid var(--border-subtle);
+}
+
+.progress-fill {
+  height: 100%;
+  background: linear-gradient(90deg, var(--emerald-400), var(--cyan-400));
+  width: 0%;
   transition: width 0.3s ease;
+  box-shadow: 0 0 10px var(--emerald-glow);
 }
-.progress-text {
-  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
-  display: flex; align-items: center; justify-content: center;
-  font-family: var(--font-pixel); font-size: 9px; color: #fff;
-  text-shadow: 1px 1px 0 #000;
+
+.progress-controls {
+  display: flex;
+  gap: 0.4rem;
+}
+
+.mini-btn {
+  flex: 1;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-subtle);
+  color: var(--text-primary);
+  border-radius: var(--radius-sm);
+  padding: 0.35rem 0.5rem;
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
 }
 
+.mini-btn:hover {
+  background: var(--bg-tertiary);
+}
+
+/* Alert Banners */
+.banner {
+  padding: 0.5rem 0.75rem;
+  border-radius: var(--radius-sm);
+  font-size: 11px;
+  line-height: 1.4;
+}
+
+.banner-warning {
+  background: rgba(245, 158, 11, 0.1);
+  border: 1px solid rgba(245, 158, 11, 0.3);
+  color: #fbbf24;
+}
+
+.banner-danger {
+  background: rgba(239, 68, 68, 0.1);
+  border: 1px solid rgba(239, 68, 68, 0.3);
+  color: var(--danger-400);
+}
+
+.banner-success {
+  background: rgba(16, 185, 129, 0.1);
+  border: 1px solid rgba(16, 185, 129, 0.3);
+  color: var(--emerald-400);
+}
 
-@media (max-width: 768px) {
-  .field-grid.two-col { grid-template-columns: 1fr; }
-  .day-grid { grid-template-columns: repeat(4, 1fr); }
-  .filter-buttons { grid-template-columns: 1fr 1fr; }
-  .topbar { flex-direction: column; gap: 1rem; }
-  .user-info { width: 100%; justify-content: space-between; }
+.hidden {
+  display: none !important;
 }

From 00aa0b1395ee60b34a5025926d17d244f337c4d9 Mon Sep 17 00:00:00 2001
From: Interittus13 <arpit.gupta.0121@gmail.com>
Date: Mon, 19 Oct 2026 16:19:01 +0530
Subject: [PATCH 2/2] feat: add extension background worker and content scripts
 for GitHub profile integration

---
 extension/background.js |  53 +++++++++
 extension/content.css   | 199 +++++++++++++++++++++++++++++++++
 extension/content.js    | 236 ++++++++++++++++++++++++++++++++++++++++
 extension/manifest.json |  22 +++-
 4 files changed, 508 insertions(+), 2 deletions(-)
 create mode 100644 extension/background.js
 create mode 100644 extension/content.css
 create mode 100644 extension/content.js

diff --git a/extension/background.js b/extension/background.js
new file mode 100644
index 0000000..d285d7b
--- /dev/null
+++ b/extension/background.js
@@ -0,0 +1,53 @@
+/**
+ * ContraGit Extension v2.1 — Background Service Worker
+ * Coordinates cross-tab communication and studio deep-linking.
+ */
+
+chrome.runtime.onInstalled.addListener(async (details) => {
+  if (details.reason === 'install') {
+    const existingUrl = await chrome.storage.local.get(['contragit_studio_url']);
+    if (!existingUrl.contragit_studio_url) {
+      await chrome.storage.local.set({
+        contragit_studio_url: 'http://localhost:3000',
+      });
+    }
+  }
+});
+
+chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
+  if (request.action === 'OPEN_STUDIO') {
+    handleOpenStudio(request.payload).then(sendResponse);
+    return true; // Keep message channel open for async response
+  }
+
+  if (request.action === 'GET_CONFIG') {
+    chrome.storage.local.get(['contragit_pat', 'contragit_studio_url'], (items) => {
+      sendResponse({
+        success: true,
+        pat: items.contragit_pat || '',
+        studioUrl: items.contragit_studio_url || 'http://localhost:3000',
+      });
+    });
+    return true;
+  }
+});
+
+async function handleOpenStudio(payload = {}) {
+  try {
+    const data = await chrome.storage.local.get(['contragit_studio_url']);
+    const baseUrl = (data.contragit_studio_url || 'http://localhost:3000').replace(/\/$/, '');
+    
+    const params = new URLSearchParams();
+    if (payload.targetUser) params.set('targetUser', payload.targetUser);
+    if (payload.gapCount) params.set('gapCount', payload.gapCount);
+    if (payload.source) params.set('source', payload.source);
+
+    const queryString = params.toString() ? `?${params.toString()}` : '';
+    const targetUrl = `${baseUrl}/dashboard${queryString}`;
+
+    const tab = await chrome.tabs.create({ url: targetUrl });
+    return { success: true, tabId: tab.id };
+  } catch (error) {
+    return { success: false, error: error.message };
+  }
+}
diff --git a/extension/content.css b/extension/content.css
new file mode 100644
index 0000000..8c75920
--- /dev/null
+++ b/extension/content.css
@@ -0,0 +1,199 @@
+/* ContraGit In-Page Profile Integration Styles */
+/* Strict scoping with .contragit-injected-* to prevent global CSS bleed */
+
+.contragit-injected-wrap {
+  display: inline-flex;
+  position: relative;
+  vertical-align: middle;
+  margin-left: 8px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  z-index: 99;
+}
+
+.contragit-injected-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  background: linear-gradient(135deg, rgba(16, 185, 129, 0.14) 0%, rgba(6, 182, 212, 0.08) 100%);
+  color: #34d399 !important;
+  border: 1px solid rgba(16, 185, 129, 0.35);
+  border-radius: 6px;
+  padding: 3px 10px;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 20px;
+  cursor: pointer;
+  text-decoration: none !important;
+  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 12px rgba(16, 185, 129, 0.15);
+  user-select: none;
+}
+
+.contragit-injected-btn:hover {
+  background: linear-gradient(135deg, rgba(16, 185, 129, 0.25) 0%, rgba(6, 182, 212, 0.15) 100%);
+  border-color: #10b981;
+  color: #6ee7b7 !important;
+  box-shadow: 0 0 16px rgba(16, 185, 129, 0.35);
+  transform: translateY(-1px);
+}
+
+.contragit-injected-btn:active {
+  transform: translateY(0);
+}
+
+.contragit-injected-icon {
+  width: 14px;
+  height: 14px;
+  border-radius: 3px;
+  flex-shrink: 0;
+}
+
+.contragit-injected-badge {
+  background: rgba(16, 185, 129, 0.2);
+  color: #34d399;
+  border-radius: 10px;
+  padding: 0 6px;
+  font-size: 10px;
+  font-family: ui-monospace, SFMono-Regular, monospace;
+}
+
+/* Flyout Dock Panel */
+.contragit-injected-flyout {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  width: 320px;
+  background: #0b0f19;
+  border: 1px solid rgba(255, 255, 255, 0.14);
+  border-radius: 12px;
+  padding: 14px;
+  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65), 0 0 20px rgba(16, 185, 129, 0.12);
+  color: #f1f5f9;
+  font-size: 12px;
+  line-height: 1.5;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  backdrop-filter: blur(16px);
+  z-index: 1000;
+  animation: contragit-flyout-in 0.18s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+@keyframes contragit-flyout-in {
+  from {
+    opacity: 0;
+    transform: translateY(-6px) scale(0.97);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+.contragit-flyout-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  padding-bottom: 8px;
+}
+
+.contragit-flyout-brand {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 700;
+  font-size: 13px;
+  color: #f8fafc;
+}
+
+.contragit-flyout-brand span {
+  color: #34d399;
+}
+
+.contragit-flyout-close {
+  background: transparent;
+  border: none;
+  color: #94a3b8;
+  cursor: pointer;
+  font-size: 16px;
+  line-height: 1;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.contragit-flyout-close:hover {
+  color: #f8fafc;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+/* Telemetry Metrics */
+.contragit-telemetry-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+}
+
+.contragit-telemetry-card {
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid rgba(255, 255, 255, 0.06);
+  border-radius: 8px;
+  padding: 8px 10px;
+  display: flex;
+  flex-direction: column;
+}
+
+.contragit-telemetry-label {
+  font-size: 10px;
+  color: #94a3b8;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  font-weight: 600;
+}
+
+.contragit-telemetry-val {
+  font-size: 15px;
+  font-weight: 700;
+  font-family: ui-monospace, SFMono-Regular, monospace;
+  margin-top: 2px;
+}
+
+/* Action Buttons */
+.contragit-flyout-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.contragit-action-btn-primary {
+  width: 100%;
+  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
+  color: #022013 !important;
+  border: none;
+  border-radius: 8px;
+  padding: 8px 12px;
+  font-size: 12px;
+  font-weight: 700;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  text-decoration: none !important;
+  box-shadow: 0 0 12px rgba(16, 185, 129, 0.3);
+  transition: all 0.15s ease;
+}
+
+.contragit-action-btn-primary:hover {
+  filter: brightness(1.1);
+  box-shadow: 0 0 16px rgba(16, 185, 129, 0.45);
+}
+
+.contragit-gap-alert {
+  background: rgba(245, 158, 11, 0.08);
+  border: 1px solid rgba(245, 158, 11, 0.25);
+  color: #fbbf24;
+  border-radius: 6px;
+  padding: 6px 8px;
+  font-size: 11px;
+}
diff --git a/extension/content.js b/extension/content.js
new file mode 100644
index 0000000..744236a
--- /dev/null
+++ b/extension/content.js
@@ -0,0 +1,236 @@
+/**
+ * ContraGit Extension — In-Page GitHub Profile Injector
+ * Object-Oriented DOM Injector & Real-time Graph Scanner
+ */
+
+class GitHubProfileInjector {
+  constructor() {
+    this.injectedWrapId = 'contragit-profile-wrap';
+    this.flyoutId = 'contragit-profile-flyout';
+    this.flyoutOpen = false;
+    this.debounceTimer = null;
+
+    this.init();
+  }
+
+  init() {
+    // Initial evaluation
+    this.checkAndInject();
+
+    // Listen to GitHub SPA navigation events (Turbo & PJAX)
+    document.addEventListener('turbo:load', () => this.checkAndInject());
+    document.addEventListener('pjax:end', () => this.checkAndInject());
+    document.addEventListener('DOMContentLoaded', () => this.checkAndInject());
+
+    // Fallback MutationObserver to survive dynamic graph updates
+    const observer = new MutationObserver(() => {
+      clearTimeout(this.debounceTimer);
+      this.debounceTimer = setTimeout(() => this.checkAndInject(), 350);
+    });
+
+    observer.observe(document.body, { childList: true, subtree: true });
+
+    // Close flyout on click outside or Escape
+    document.addEventListener('click', (e) => {
+      if (this.flyoutOpen && !e.target.closest(`#${this.injectedWrapId}`)) {
+        this.closeFlyout();
+      }
+    });
+
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape' && this.flyoutOpen) {
+        this.closeFlyout();
+      }
+    });
+  }
+
+  getTargetUsername() {
+    const pathParts = window.location.pathname.split('/').filter(Boolean);
+    if (pathParts.length === 1 && !['settings', 'marketplace', 'explore', 'topics', 'trending', 'notifications'].includes(pathParts[0])) {
+      return pathParts[0];
+    }
+    const calendarUserEl = document.querySelector('[data-calendar-user]');
+    return calendarUserEl?.getAttribute('data-calendar-user') || pathParts[0] || '';
+  }
+
+  isProfilePage() {
+    return Boolean(
+      document.querySelector('.js-yearly-contributions') ||
+      document.querySelector('.js-calendar-graph') ||
+      document.querySelector('[data-calendar-user]')
+    );
+  }
+
+  scanGraph() {
+    const dayCells = Array.from(document.querySelectorAll('.ContributionCalendar-day'));
+    if (dayCells.length === 0) {
+      return { totalActive: 0, currentStreak: 0, recentGaps: 0 };
+    }
+
+    // Sort cells by date attribute
+    const parsedDays = dayCells
+      .map((cell) => {
+        const dateStr = cell.getAttribute('data-date');
+        const level = Number(cell.getAttribute('data-level') || 0);
+        return { dateStr, level };
+      })
+      .filter((d) => Boolean(d.dateStr))
+      .sort((a, b) => new Date(a.dateStr).getTime() - new Date(b.dateStr).getTime());
+
+    let totalActive = 0;
+    parsedDays.forEach((d) => {
+      if (d.level > 0) totalActive++;
+    });
+
+    // Compute streak scanning backwards from most recent
+    let currentStreak = 0;
+    for (let i = parsedDays.length - 1; i >= 0; i--) {
+      if (parsedDays[i].level > 0) {
+        currentStreak++;
+      } else {
+        // Stop streak if gap encountered (allow 1 day grace for today if early morning)
+        if (i < parsedDays.length - 1) break;
+      }
+    }
+
+    // Gaps in last 30 days
+    const last30 = parsedDays.slice(-30);
+    let recentGaps = 0;
+    last30.forEach((d) => {
+      if (d.level === 0) recentGaps++;
+    });
+
+    return {
+      totalActive,
+      currentStreak,
+      recentGaps,
+    };
+  }
+
+  checkAndInject() {
+    if (!this.isProfilePage()) return;
+    if (document.getElementById(this.injectedWrapId)) return; // Already injected
+
+    // Locate mounting anchor in GitHub's contribution header
+    const anchor =
+      document.querySelector('#contribution-settings-menu')?.closest('.float-right') ||
+      document.querySelector('.js-yearly-contributions .float-right') ||
+      document.querySelector('.js-yearly-contributions h2') ||
+      document.querySelector('.js-calendar-graph');
+
+    if (!anchor) return;
+
+    this.mount(anchor);
+  }
+
+  mount(anchor) {
+    const username = this.getTargetUsername();
+    const stats = this.scanGraph();
+
+    const wrap = document.createElement('div');
+    wrap.id = this.injectedWrapId;
+    wrap.className = 'contragit-injected-wrap';
+
+    const btn = document.createElement('button');
+    btn.type = 'button';
+    btn.className = 'contragit-injected-btn';
+    btn.title = 'Open ContraGit Studio Inspection';
+    btn.innerHTML = `
+      <img src="${chrome.runtime.getURL('icons/icon16.png')}" alt="" class="contragit-injected-icon" />
+      <span>⚡ ContraGit Studio</span>
+      ${stats.recentGaps > 0 ? `<span class="contragit-injected-badge">${stats.recentGaps} gaps</span>` : ''}
+    `;
+
+    btn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      this.toggleFlyout(wrap, username, stats);
+    });
+
+    wrap.appendChild(btn);
+
+    // Insert smoothly beside anchor
+    if (anchor.tagName === 'H2') {
+      anchor.style.display = 'inline-flex';
+      anchor.style.alignItems = 'center';
+      anchor.appendChild(wrap);
+    } else {
+      anchor.parentElement.insertBefore(wrap, anchor.nextSibling);
+    }
+  }
+
+  toggleFlyout(wrap, username, stats) {
+    const existing = document.getElementById(this.flyoutId);
+    if (existing) {
+      this.closeFlyout();
+      return;
+    }
+
+    this.flyoutOpen = true;
+    const flyout = document.createElement('div');
+    flyout.id = this.flyoutId;
+    flyout.className = 'contragit-injected-flyout';
+
+    flyout.innerHTML = `
+      <div class="contragit-flyout-header">
+        <div class="contragit-flyout-brand">
+          <img src="${chrome.runtime.getURL('icons/icon16.png')}" alt="" class="contragit-injected-icon" />
+          <div>Contra<span>Git</span> Telemetry</div>
+        </div>
+        <button type="button" class="contragit-flyout-close" aria-label="Close">✕</button>
+      </div>
+
+      <div class="contragit-telemetry-grid">
+        <div class="contragit-telemetry-card">
+          <span class="contragit-telemetry-label">Active Days</span>
+          <span class="contragit-telemetry-val" style="color: #34d399;">${stats.totalActive}</span>
+        </div>
+        <div class="contragit-telemetry-card">
+          <span class="contragit-telemetry-label">Current Streak</span>
+          <span class="contragit-telemetry-val" style="color: #22d3ee;">${stats.currentStreak} d</span>
+        </div>
+      </div>
+
+      ${stats.recentGaps > 0 ? `
+        <div class="contragit-gap-alert">
+          ⚠️ <strong>${stats.recentGaps} inactive days</strong> detected in trailing 30 days.
+        </div>
+      ` : `
+        <div style="color: #34d399; font-size: 11px;">
+          ✓ Rhythm steady. No recent gaps detected.
+        </div>
+      `}
+
+      <div class="contragit-flyout-actions">
+        <button type="button" class="contragit-action-btn-primary" id="launchStudioBtn">
+          ⚡ Launch 52-Week Studio ↗
+        </button>
+      </div>
+    `;
+
+    flyout.querySelector('.contragit-flyout-close')?.addEventListener('click', () => {
+      this.closeFlyout();
+    });
+
+    flyout.querySelector('#launchStudioBtn')?.addEventListener('click', () => {
+      chrome.runtime.sendMessage({
+        action: 'OPEN_STUDIO',
+        payload: {
+          targetUser: username,
+          gapCount: stats.recentGaps,
+          source: 'github-profile-button',
+        },
+      });
+      this.closeFlyout();
+    });
+
+    wrap.appendChild(flyout);
+  }
+
+  closeFlyout() {
+    this.flyoutOpen = false;
+    document.getElementById(this.flyoutId)?.remove();
+  }
+}
+
+// Instantiate injector
+new GitHubProfileInjector();
diff --git a/extension/manifest.json b/extension/manifest.json
index a9f1685..1abf835 100644
--- a/extension/manifest.json
+++ b/extension/manifest.json
@@ -19,12 +19,30 @@
       "128": "icons/icon128.png"
     }
   },
+  "background": {
+    "service_worker": "background.js"
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "https://github.com/*"
+      ],
+      "js": [
+        "content.js"
+      ],
+      "css": [
+        "content.css"
+      ],
+      "run_at": "document_idle"
+    }
+  ],
   "permissions": [
-    "storage"
+    "storage",
+    "tabs"
   ],
   "host_permissions": [
     "https://api.github.com/*",
     "http://localhost:3000/*",
     "https://*.vercel.app/*"
   ]
-}
+}
\ No newline at end of file