Feat v0.6.12 extension css isolation

Prefix enforcement prevents extension CSS from leaking into the kernel
or sibling extensions. All 12 in-tree packages migrated to .ext-{slug}-*
naming convention.

- Add data-ext attribute to extension mount container
- Add CSS linter (scripts/lint-package-css.sh) enforcing .ext-{slug} prefix
- Add kernel CSS contract doc (docs/EXTENSION-CSS.md)
- Migrate 12 packages: chat, dashboard, editor, git-board, hello-dashboard,
  icd-test-runner, notes, schedules, sdk-test-runner, tasks,
  team-activity-log, workflow-demo (CSS + JS in lockstep)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

packages/sdk-test-runner/js/ui.js

@@ -58,25 +58,25 @@
     mount.innerHTML = '';
 
     // Header
-    var header = el('div', { className: 'sdkr-header' }, [
+    var header = el('div', { className: 'ext-sdk-test-runner-header' }, [
       el('h1', {}, 'SDK Test Runner'),
-      el('span', { className: 'sdkr-version' }, 'v' + (T.manifest.version || '?'))
+      el('span', { className: 'ext-sdk-test-runner-version' }, 'v' + (T.manifest.version || '?'))
     ]);
     mount.appendChild(header);
 
     // Description
-    mount.appendChild(el('p', { className: 'sdkr-desc' },
+    mount.appendChild(el('p', { className: 'ext-sdk-test-runner-desc' },
       'Dual-path validation: SDK call → raw ICD fetch. ' +
       'SDK fail + ICD pass = SDK bug. Both fail = ICD bug.'));
 
     // ── Fixtures Panel ──
-    var fixturePanel = el('div', { className: 'sdkr-fixtures' });
+    var fixturePanel = el('div', { className: 'ext-sdk-test-runner-fixtures' });
 
-    var fixRow = el('div', { className: 'sdkr-fixture-row' });
-    fixRow.appendChild(el('span', { className: 'sdkr-fixture-label' }, 'FIXTURES:'));
+    var fixRow = el('div', { className: 'ext-sdk-test-runner-fixture-row' });
+    fixRow.appendChild(el('span', { className: 'ext-sdk-test-runner-fixture-label' }, 'FIXTURES:'));
 
     // Provider dropdown
-    var provSelect = el('select', { className: 'sdkr-select' });
+    var provSelect = el('select', { className: 'ext-sdk-test-runner-select' });
     provSelect.appendChild(el('option', { value: '' }, '— provider —'));
     ['openrouter', 'openai', 'anthropic', 'venice'].forEach(function (p) {
       provSelect.appendChild(el('option', { value: p }, p));
@@ -85,18 +85,18 @@
 
     // API key input
     var keyInput = el('input', {
-      type: 'password', className: 'sdkr-input',
+      type: 'password', className: 'ext-sdk-test-runner-input',
       placeholder: 'API key (optional — enables model tests)'
     });
     fixRow.appendChild(keyInput);
 
     // Fixture status
-    var fixStatus = el('span', { className: 'sdkr-fixture-status' }, '');
+    var fixStatus = el('span', { className: 'ext-sdk-test-runner-fixture-status' }, '');
 
     fixRow.appendChild(fixStatus);
     fixturePanel.appendChild(fixRow);
 
-    var fixNote = el('div', { className: 'sdkr-fixture-note' },
+    var fixNote = el('div', { className: 'ext-sdk-test-runner-fixture-note' },
       'Provide a provider + API key to unlock embedding/model tests. ' +
       'Without a key, those tests are skipped. Key is never stored.');
     fixturePanel.appendChild(fixNote);
@@ -107,16 +107,16 @@
     T._fixtureInput = { provSelect: provSelect, keyInput: keyInput, statusEl: fixStatus };
 
     // Controls row
-    var controlRow = el('div', { className: 'sdkr-controls' });
+    var controlRow = el('div', { className: 'ext-sdk-test-runner-controls' });
 
     // Domain filter checkboxes
-    var filterBox = el('div', { className: 'sdkr-filters' });
-    filterBox.appendChild(el('span', { className: 'sdkr-filter-label' }, 'Domains: '));
+    var filterBox = el('div', { className: 'ext-sdk-test-runner-filters' });
+    filterBox.appendChild(el('span', { className: 'ext-sdk-test-runner-filter-label' }, 'Domains: '));
     var domainNames = Object.keys(T.domains).sort();
     var domainChecks = {};
 
     domainNames.forEach(function (name) {
-      var label = el('label', { className: 'sdkr-check' });
+      var label = el('label', { className: 'ext-sdk-test-runner-check' });
       var cb = el('input', { type: 'checkbox', checked: 'checked' });
       domainChecks[name] = cb;
       label.appendChild(cb);
@@ -126,11 +126,11 @@
     controlRow.appendChild(filterBox);
 
     // Buttons
-    var btnRow = el('div', { className: 'sdkr-btn-row' });
-    var runBtn = el('button', { className: 'sdkr-btn sdkr-btn-primary', onClick: onRun }, 'Run All');
-    var abortBtn = el('button', { className: 'sdkr-btn sdkr-btn-danger', onClick: function () { T.abort(); } }, 'Abort');
+    var btnRow = el('div', { className: 'ext-sdk-test-runner-btn-row' });
+    var runBtn = el('button', { className: 'ext-sdk-test-runner-btn ext-sdk-test-runner-btn-primary', onClick: onRun }, 'Run All');
+    var abortBtn = el('button', { className: 'ext-sdk-test-runner-btn ext-sdk-test-runner-btn-danger', onClick: function () { T.abort(); } }, 'Abort');
     abortBtn.style.display = 'none';
-    var exportBtn = el('button', { className: 'sdkr-btn', onClick: onExport }, 'Export JSON');
+    var exportBtn = el('button', { className: 'ext-sdk-test-runner-btn', onClick: onExport }, 'Export JSON');
     btnRow.appendChild(runBtn);
     btnRow.appendChild(abortBtn);
     btnRow.appendChild(exportBtn);
@@ -138,12 +138,12 @@
     mount.appendChild(controlRow);
 
     // Summary bar
-    var summaryBar = el('div', { className: 'sdkr-summary' });
+    var summaryBar = el('div', { className: 'ext-sdk-test-runner-summary' });
     mount.appendChild(summaryBar);
 
     // Results table
-    var tableWrap = el('div', { className: 'sdkr-table-wrap' });
-    var table = el('table', { className: 'sdkr-table' });
+    var tableWrap = el('div', { className: 'ext-sdk-test-runner-table-wrap' });
+    var table = el('table', { className: 'ext-sdk-test-runner-table' });
     var thead = el('thead', {}, [
       el('tr', {}, [
         el('th', {}, '#'),
@@ -176,7 +176,7 @@
       ];
       items.forEach(function (item) {
         var badge = el('span', {
-          className: 'sdkr-badge',
+          className: 'ext-sdk-test-runner-badge',
           style: {
             background: item[1] > 0 ? COLORS[item[0]] : 'var(--bg2, #333)',
             color: item[1] > 0 ? '#fff' : 'var(--text3, #888)'
@@ -184,7 +184,7 @@
         }, LABELS[item[0]] + ': ' + item[1]);
         summaryBar.appendChild(badge);
       });
-      summaryBar.appendChild(el('span', { className: 'sdkr-badge',
+      summaryBar.appendChild(el('span', { className: 'ext-sdk-test-runner-badge',
         style: { background: 'var(--bg2, #333)' }
       }, 'Total: ' + total));
     }
@@ -197,19 +197,19 @@
       if (entry.rawErr) detail += (detail ? ' | ' : '') + 'ICD: ' + esc(entry.rawErr);
       if (entry.note) detail += (detail ? ' | ' : '') + esc(entry.note);
 
-      var row = el('tr', { className: 'sdkr-row sdkr-row-' + v.toLowerCase() }, [
+      var row = el('tr', { className: 'ext-sdk-test-runner-row ext-sdk-test-runner-row-' + v.toLowerCase() }, [
         el('td', {}, String(idx)),
         el('td', {}, esc(entry.domain)),
         el('td', {}, esc(entry.group)),
-        el('td', { className: 'sdkr-test-name' }, esc(entry.name)),
+        el('td', { className: 'ext-sdk-test-runner-test-name' }, esc(entry.name)),
         el('td', {}, [
           el('span', {
-            className: 'sdkr-verdict',
+            className: 'ext-sdk-test-runner-verdict',
             style: { color: COLORS[v] || '#fff' }
           }, LABELS[v] || v)
         ]),
-        el('td', { className: 'sdkr-ms' }, String(entry.durationMs)),
-        el('td', { className: 'sdkr-detail' }, detail)
+        el('td', { className: 'ext-sdk-test-runner-ms' }, String(entry.durationMs)),
+        el('td', { className: 'ext-sdk-test-runner-detail' }, detail)
       ]);
       tbody.appendChild(row);
       updateSummary();