fraim-hub 2.0.260 → 2.0.262

package/dist/src/cli/utils/pack-home.js

@@ -7,6 +7,7 @@ exports.packsDir = packsDir;
 exports.defaultCloneDir = defaultCloneDir;
 exports.resolvePackHome = resolvePackHome;
 exports.packReadRoots = packReadRoots;
+exports.migrateStrandedContent = migrateStrandedContent;
 exports.findStrandedLegacyContent = findStrandedLegacyContent;
 exports.gitUrlHasUserinfo = gitUrlHasUserinfo;
 exports.ensurePackClone = ensurePackClone;
@@ -172,6 +173,78 @@ function resolvePackHome(layer) {
 function packReadRoots(layer) {
     return [resolvePackHome(layer).contentRoot];
 }
+/**
+ * Auto-migrate content stranded at the legacy standard path to the configured
+ * contentRoot. Runs at most once per process per (layer + contentRoot) pair.
+ * Never throws: migration failures are silently skipped.
+ *
+ * Applies when a synced backend (local-folder, git, fraim-cloud) is configured
+ * and the legacy standard path differs from contentRoot. Each file is moved
+ * with renameSync; on a cross-device rename (e.g. ~/.fraim → OneDrive) it
+ * falls back to copyFileSync + unlinkSync. Files already present in contentRoot
+ * are never overwritten — contentRoot is always authoritative.
+ */
+const _migratedStrandedLayers = new Set();
+function migrateStrandedContent(layer) {
+    const home = resolvePackHome(layer);
+    const key = `${layer}:${home.contentRoot}`;
+    if (_migratedStrandedLayers.has(key))
+        return;
+    _migratedStrandedLayers.add(key);
+    const legacyContentRoot = home.legacyRoot ? path_1.default.join(home.legacyRoot, 'personalized-employee') : null;
+    if (!legacyContentRoot || legacyContentRoot === home.contentRoot)
+        return;
+    if (!fs_1.default.existsSync(legacyContentRoot))
+        return;
+    try {
+        const walk = (absDir, relDir) => {
+            let entries;
+            try {
+                entries = fs_1.default.readdirSync(absDir, { withFileTypes: true });
+            }
+            catch {
+                return;
+            }
+            for (const entry of entries) {
+                const rel = relDir ? `${relDir}/${entry.name}` : entry.name;
+                const src = path_1.default.join(absDir, entry.name);
+                const dst = path_1.default.join(home.contentRoot, rel);
+                if (entry.isDirectory()) {
+                    walk(src, rel);
+                    continue;
+                }
+                if (!entry.isFile())
+                    continue;
+                if (fs_1.default.existsSync(dst))
+                    continue;
+                try {
+                    fs_1.default.mkdirSync(path_1.default.dirname(dst), { recursive: true });
+                    fs_1.default.renameSync(src, dst);
+                }
+                catch {
+                    try {
+                        fs_1.default.copyFileSync(src, dst);
+                        fs_1.default.unlinkSync(src);
+                    }
+                    catch { /* leave source intact */ }
+                }
+            }
+        };
+        walk(legacyContentRoot, '');
+        // Clean up empty dirs left behind (best-effort).
+        for (const dir of ORG_CONTENT_DIRS) {
+            try {
+                fs_1.default.rmdirSync(path_1.default.join(legacyContentRoot, dir));
+            }
+            catch { /* not empty — fine */ }
+        }
+        try {
+            fs_1.default.rmdirSync(legacyContentRoot);
+        }
+        catch { /* not empty — fine */ }
+    }
+    catch { /* migration is best-effort; never fail a sync over it */ }
+}
 /**
  * Content sitting at the standard local path that the configured home does not
  * hold. Since the home is the single read location, this content is stranded:

package/dist/src/local-mcp-server/learning-context-builder.js

@@ -72,11 +72,18 @@ function managerSecondaryLearningsBase() {
 function getLearningRoots(workspaceRoot) {
     const managerHome = (0, pack_home_1.resolvePackHome)('manager');
     const managerHomeBase = (0, path_1.join)(managerHome.contentRoot, 'learnings');
+    const managerCacheBase = managerSecondaryLearningsBase();
+    // Derive the display base from the actual cache path relative to ~/.fraim so
+    // the display string always matches the filesystem path (fixed by #1043r2).
+    const fraimDir = (0, project_fraim_paths_1.getUserFraimDirPath)();
+    const managerCacheDisplayBase = managerCacheBase.startsWith(fraimDir)
+        ? (0, project_fraim_paths_1.getUserFraimDisplayPath)(managerCacheBase.slice(fraimDir.length).replace(/\\/g, '/').replace(/^\//, ''))
+        : managerCacheBase.replace(/\\/g, '/');
     return {
         globalPersonalBase: (0, project_fraim_paths_1.getConfiguredPortableLearningsDir)(workspaceRoot),
         globalPersonalDisplayBase: (0, project_fraim_paths_1.getConfiguredPortableLearningsDisplayPath)(workspaceRoot),
-        managerCacheBase: managerSecondaryLearningsBase(),
-        managerCacheDisplayBase: (0, project_fraim_paths_1.getUserFraimDisplayPath)('manager/learnings'),
+        managerCacheBase,
+        managerCacheDisplayBase,
         managerHomeBase,
         managerHomeDisplayBase: managerHomeBase.replace(/\\/g, '/'),
         repoLearningsBase: (0, project_fraim_paths_1.getWorkspaceLearningsDir)(workspaceRoot)
@@ -637,11 +644,20 @@ function resolveOrgContextFile(workspaceRoot, relativePath, orgCacheEligible = t
             }
         }
         if (!orgCacheEligible) {
-            const managerCachePath = (0, path_1.join)((0, pack_home_1.resolvePackHome)('manager').contentRoot, relativePath);
+            const managerHome = (0, pack_home_1.resolvePackHome)('manager');
+            const managerCachePath = (0, path_1.join)(managerHome.contentRoot, relativePath);
             if ((0, fs_1.existsSync)(managerCachePath)) {
+                // Derive the display path relative to ~/.fraim. For the standard
+                // single-machine backend contentRoot is ~/.fraim/personalized-employee
+                // so the display path is ~/.fraim/personalized-employee/... For a
+                // synced backend it may be elsewhere (e.g. ~/.fraim/packs/manager-repo).
+                const fraimDir = (0, project_fraim_paths_1.getUserFraimDirPath)();
+                const relToFraim = managerCachePath.startsWith(fraimDir)
+                    ? managerCachePath.slice(fraimDir.length).replace(/\\/g, '/').replace(/^\//, '')
+                    : `personalized-employee/${relativePath}`;
                 return {
                     present: true,
-                    displayPath: (0, project_fraim_paths_1.getUserFraimDisplayPath)(`manager/${relativePath}`)
+                    displayPath: (0, project_fraim_paths_1.getUserFraimDisplayPath)(relToFraim)
                 };
             }
         }
@@ -812,13 +828,18 @@ function resolveTeamContextFile(workspaceRoot, key) {
         }
     }
     if (key === 'manager' || key === 'managerRules') {
-        const managerCachePath = (0, path_1.join)((0, pack_home_1.resolvePackHome)('manager').contentRoot, relativePath);
+        const managerHome = (0, pack_home_1.resolvePackHome)('manager');
+        const managerCachePath = (0, path_1.join)(managerHome.contentRoot, relativePath);
         if ((0, fs_1.existsSync)(managerCachePath)) {
+            const fraimDir = (0, project_fraim_paths_1.getUserFraimDirPath)();
+            const relToFraim = managerCachePath.startsWith(fraimDir)
+                ? managerCachePath.slice(fraimDir.length).replace(/\\/g, '/').replace(/^\//, '')
+                : `personalized-employee/${relativePath}`;
             return {
                 present: true,
                 readPath: managerCachePath,
                 writePath: '',
-                displayPath: (0, project_fraim_paths_1.getUserFraimDisplayPath)(`manager/${relativePath}`),
+                displayPath: (0, project_fraim_paths_1.getUserFraimDisplayPath)(relToFraim),
                 scope,
                 managedByManagerSync: true
             };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fraim-hub",
-  "version": "2.0.260",
+  "version": "2.0.262",
   "description": "FRAIM Hub local companion package.",
   "bin": {
     "fraim-hub": "bin/fraim-hub.js",
@@ -163,7 +163,7 @@
     "electron": "^41.2.2",
     "electron-updater": "^6.8.9",
     "express": "^5.2.1",
-    "fraim": "2.0.260",
+    "fraim": "2.0.262",
     "mongodb": "^7.0.0",
     "node-cron": "4.2.1",
     "node-edge-tts": "^1.2.10",

package/public/ai-hub/review.css

@@ -638,3 +638,41 @@
   display: flex;
   gap: 8px;
 }
+/* Destination row: Company / This project toggle buttons. */
+.lp-pp-dest-row {
+  display: flex;
+  gap: 8px;
+}
+.lp-pp-dest-btn {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 2px;
+  padding: 8px 12px;
+  border-radius: 8px;
+  border: 1.5px solid var(--line);
+  background: var(--bg);
+  cursor: pointer;
+  text-align: left;
+  transition: border-color 0.12s, background 0.12s;
+}
+.lp-pp-dest-btn:hover { border-color: var(--accent, #0055cc); }
+.lp-pp-dest-btn.lp-pp-dest-selected {
+  border-color: var(--accent, #0055cc);
+  background: color-mix(in srgb, var(--accent, #0055cc) 8%, var(--bg));
+}
+.lp-pp-dest-name {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text);
+}
+.lp-pp-dest-sub {
+  font-size: 11px;
+  color: var(--muted);
+}
+.lp-pp-project-section {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}

package/public/ai-hub/script.js

@@ -658,6 +658,7 @@ function taskPaneProjectEntries() {
 
 function taskPaneJobEntries() {
   const jobs = [
+    { id: '__freeform__', title: 'Ad-hoc instructions', intent: 'Start from the instructions below.' },
     ...((state.bootstrap && state.bootstrap.jobs) || []),
     ...((state.bootstrap && state.bootstrap.managerTemplates) || []),
   ];
@@ -727,7 +728,7 @@ function ensureTaskPaneLauncher() {
     input.id = id;
     if (tag === 'textarea') {
       input.rows = 4;
-      input.placeholder = 'Add the outcome you want from this Word context.';
+      input.placeholder = 'Tell the employee what to do with this Office context.';
       input.addEventListener('input', () => { input.dataset.userTouched = '1'; });
     }
     label.appendChild(span);
@@ -783,10 +784,11 @@ function renderTaskPaneLauncher() {
   const current = document.getElementById('task-pane-current-job');
   const context = document.getElementById('task-pane-context-summary');
   const conv = typeof activeConversation === 'function' ? activeConversation() : null;
+  const priorJobId = jobSelect && jobSelect.value;
 
   taskPaneSetOptions(projectSelect, projects, (project) => project.folderPath, (project) => project.name || friendlyProjectShortName(project.folderPath), state.projectPath);
   taskPaneSetOptions(employeeSelect, agents, (agent) => agent.id, (agent) => agent.label || agent.id, state.selectedEmployeeId);
-  taskPaneSetOptions(jobSelect, jobs, (job) => job.id, (job) => job.title || job.id, null);
+  taskPaneSetOptions(jobSelect, jobs, (job) => job.id, (job) => job.title || job.id, priorJobId || '__freeform__');
 
   if (instructions && instructions.dataset.userTouched !== '1') {
     instructions.value = taskPaneInstructionSeed();
@@ -835,13 +837,16 @@ async function taskPaneStartSelectedJob() {
   const statusEl = document.getElementById('task-pane-start-status');
   const selectedProject = projectSelect && projectSelect.value;
   const requestedEmployeeId = employeeSelect && employeeSelect.value;
+  const requestedJobId = jobSelect && jobSelect.value;
   if (selectedProject && tfCanonicalProjectPath(selectedProject) !== tfCanonicalProjectPath(state.projectPath)) {
     await taskPaneSwitchProject(selectedProject);
     const updatedEmployeeSelect = document.getElementById('task-pane-employee-select');
     if (updatedEmployeeSelect && requestedEmployeeId) updatedEmployeeSelect.value = requestedEmployeeId;
+    const updatedJobSelect = document.getElementById('task-pane-job-select');
+    if (updatedJobSelect && requestedJobId) updatedJobSelect.value = requestedJobId;
   }
   const jobs = taskPaneJobEntries();
-  const job = jobs.find((entry) => entry.id === (jobSelect && jobSelect.value));
+  const job = jobs.find((entry) => entry.id === requestedJobId);
   const employeeId = requestedEmployeeId || (employeeSelect && employeeSelect.value);
   if (!job || !employeeId) return;
   if (start) start.disabled = true;
@@ -10889,7 +10894,13 @@ function tfRenderProjectContextTop() {
     { ico: '🧠', label: 'Sleep on learnings', onClick: () => tfRunShareLearnings('project') },
     { ico: '↑', label: 'Share with others', onClick: () => {
       const h = document.getElementById('project-learnings');
-      if (h) { h.dataset.lpShareMode = h.dataset.lpShareMode === 'true' ? 'false' : 'true'; tfReRenderScope('manager', 'project'); }
+      if (!h) return;
+      const entering = h.dataset.lpShareMode !== 'true';
+      h.dataset.lpShareMode = entering ? 'true' : 'false';
+      const acc = document.getElementById('proj-learnings-acc');
+      const actionRow = acc && acc.querySelector('.ctx-acc-action-row');
+      if (actionRow) actionRow.hidden = entering;
+      tfReRenderScope('manager', 'project');
     }},
   ]);
 }
@@ -12457,7 +12468,15 @@ function tfRenderManager() {
   // promotion); only the share action.
   tfEnsureAccAction('manager-learn-acc', '↑', 'Share with others', () => {
     const h = document.getElementById('manager-learnings');
-    if (h) { h.dataset.lpShareMode = h.dataset.lpShareMode === 'true' ? 'false' : 'true'; tfReRenderScope('manager', 'machine'); }
+    if (!h) return;
+    const entering = h.dataset.lpShareMode !== 'true';
+    h.dataset.lpShareMode = entering ? 'true' : 'false';
+    // Hide the accordion action row while in share mode so the top button
+    // doesn't duplicate the bottom share bar.
+    const acc = document.getElementById('manager-learn-acc');
+    const actionRow = acc && acc.querySelector('.ctx-acc-action-row');
+    if (actionRow) actionRow.hidden = entering;
+    tfReRenderScope('manager', 'machine');
   });
   // Issue #540 R4-R7: render manager team pool on every manager-tab activation.
   renderManagerTeamPool();
@@ -13114,6 +13133,15 @@ function tfUpdateShareBar(host, scope, level) {
   cancelBtn.addEventListener('click', () => {
     sel.clear();
     host.dataset.lpShareMode = 'false';
+    // Restore the accordion action row that was hidden when share mode started.
+    const accId = scope === 'manager' && level === 'machine' ? 'manager-learn-acc'
+      : scope === 'manager' && level === 'project' ? 'proj-learnings-acc'
+      : null;
+    if (accId) {
+      const acc = document.getElementById(accId);
+      const actionRow = acc && acc.querySelector('.ctx-acc-action-row');
+      if (actionRow) actionRow.hidden = false;
+    }
     tfReRenderScope(scope, level);
   });
   bar.appendChild(cancelBtn);
@@ -13133,64 +13161,120 @@ async function tfRunShareWithOthers(scope, level, selectedTitles) {
     if (typeof showStatus === 'function') showStatus('Pick a project folder first, then share learnings.', true);
     return;
   }
-  // When called from the Manager tab, tf.activeProjectId is whatever was last
-  // open in the Projects tab — not necessarily the project the manager has in
-  // mind. With multiple projects loaded, ask first so the run lands in the
-  // right place. With one project there is no ambiguity.
-  const projects = (typeof tf !== 'undefined' && tf.projects) || [];
-  if (projects.length > 1 && tf.area === 'manager') {
-    tfShareWithOthersPicker(scope, level, selectedTitles, job);
-    return;
-  }
-  await tfLaunchShareWithOthers(scope, level, selectedTitles, job, tf.activeProjectId);
+  // Always show the destination picker when sharing from the Manager tab —
+  // the manager must choose Company vs. This project regardless of how many
+  // projects are loaded.
+  const hostId = scope === 'manager' && level === 'machine' ? 'manager-learnings' : 'project-learnings';
+  tfShareDestinationPicker(hostId, scope, level, selectedTitles, job);
 }
 
-// Project picker shown when the manager clicks "Share" from the Manager tab
-// and more than one project is loaded.
-function tfShareWithOthersPicker(scope, level, selectedTitles, job) {
-  const host = document.getElementById('manager-learnings');
+// Destination picker: first ask Company vs. This project, then (for project)
+// optionally ask which project when more than one is loaded.
+function tfShareDestinationPicker(hostId, scope, level, selectedTitles, job) {
+  const host = document.getElementById(hostId);
   if (!host) return;
-  // Reuse the existing share bar slot if present; otherwise append a picker card.
-  let picker = host.querySelector('.lp-project-picker');
-  if (picker) return; // already shown
-  picker = document.createElement('div');
+  // Remove any existing picker before showing a fresh one.
+  host.querySelectorAll('.lp-project-picker').forEach((el) => el.remove());
+
+  const picker = document.createElement('div');
   picker.className = 'lp-project-picker';
-  const labelId = 'lp-pp-label-' + Math.random().toString(36).slice(2, 8);
-  const label = document.createElement('label');
-  label.className = 'lp-pp-label';
-  label.id = labelId;
-  label.textContent = 'Which project should this run live under?';
-  picker.appendChild(label);
-  const sel = document.createElement('select');
-  sel.className = 'lp-pp-sel';
-  sel.setAttribute('aria-labelledby', labelId);
-  for (const p of tf.projects) {
-    const o = document.createElement('option'); o.value = p.id;
-    o.textContent = p.name || p.id;
-    if (p.id === tf.activeProjectId) o.selected = true;
-    sel.appendChild(o);
-  }
-  picker.appendChild(sel);
+
+  // ── Step 1: destination scope ──────────────────────────────────────────
+  const destLabel = document.createElement('div');
+  destLabel.className = 'lp-pp-label';
+  destLabel.textContent = 'Share to:';
+  picker.appendChild(destLabel);
+
+  const destRow = document.createElement('div');
+  destRow.className = 'lp-pp-dest-row';
+
+  const makeDestBtn = (value, text, desc) => {
+    const btn = document.createElement('button');
+    btn.type = 'button';
+    btn.className = 'lp-pp-dest-btn';
+    btn.dataset.dest = value;
+    const name = document.createElement('span'); name.className = 'lp-pp-dest-name'; name.textContent = text;
+    const sub = document.createElement('span'); sub.className = 'lp-pp-dest-sub'; sub.textContent = desc;
+    btn.appendChild(name); btn.appendChild(sub);
+    return btn;
+  };
+
+  const companyBtn = makeDestBtn('org', 'Company', 'Everyone in the organization');
+  const projectBtn = makeDestBtn('project', 'This project', 'Visible on a specific project');
+  destRow.appendChild(companyBtn);
+  destRow.appendChild(projectBtn);
+  picker.appendChild(destRow);
+
+  // ── Step 2: project picker (hidden until "This project" chosen) ────────
+  const projectSection = document.createElement('div');
+  projectSection.className = 'lp-pp-project-section';
+  projectSection.hidden = true;
+
+  const projects = (typeof tf !== 'undefined' && tf.projects) || [];
+  if (projects.length > 1) {
+    const projLabel = document.createElement('label');
+    projLabel.className = 'lp-pp-label';
+    const projLabelId = 'lp-pp-proj-' + Math.random().toString(36).slice(2, 8);
+    projLabel.id = projLabelId;
+    projLabel.textContent = 'Which project?';
+    const projSel = document.createElement('select');
+    projSel.className = 'lp-pp-sel';
+    projSel.setAttribute('aria-labelledby', projLabelId);
+    for (const p of projects) {
+      const o = document.createElement('option'); o.value = p.id;
+      o.textContent = p.name || p.id;
+      if (p.id === tf.activeProjectId) o.selected = true;
+      projSel.appendChild(o);
+    }
+    projectSection.appendChild(projLabel);
+    projectSection.appendChild(projSel);
+    projectSection._projSel = projSel;
+  }
+  picker.appendChild(projectSection);
+
+  // ── Action row ─────────────────────────────────────────────────────────
   const bar = document.createElement('div'); bar.className = 'lp-pp-bar';
-  const go = document.createElement('button'); go.type = 'button'; go.className = 'rb-approve'; go.textContent = 'Start';
-  const cancel = document.createElement('button'); cancel.type = 'button'; cancel.className = 'rb-secondary'; cancel.textContent = 'Cancel';
+  const go = document.createElement('button');
+  go.type = 'button'; go.className = 'rb-approve'; go.textContent = 'Start'; go.disabled = true;
+  const cancel = document.createElement('button');
+  cancel.type = 'button'; cancel.className = 'rb-secondary'; cancel.textContent = 'Cancel';
   bar.appendChild(go); bar.appendChild(cancel);
   picker.appendChild(bar);
   host.appendChild(picker);
+
+  let chosenDest = null;
+
+  const selectDest = (btn) => {
+    destRow.querySelectorAll('.lp-pp-dest-btn').forEach((b) => b.classList.remove('lp-pp-dest-selected'));
+    btn.classList.add('lp-pp-dest-selected');
+    chosenDest = btn.dataset.dest;
+    projectSection.hidden = chosenDest !== 'project';
+    go.disabled = false;
+  };
+
+  companyBtn.addEventListener('click', () => selectDest(companyBtn));
+  projectBtn.addEventListener('click', () => selectDest(projectBtn));
+
   cancel.addEventListener('click', () => picker.remove());
+
   go.addEventListener('click', async () => {
     go.disabled = true;
     picker.remove();
-    await tfLaunchShareWithOthers(scope, level, selectedTitles, job, sel.value);
+    const projectId = chosenDest === 'project'
+      ? (projectSection._projSel ? projectSection._projSel.value : (tf.activeProjectId || state.projectPath))
+      : (tf.activeProjectId || state.projectPath);
+    await tfLaunchShareWithOthers(scope, level, selectedTitles, job, projectId, chosenDest);
   });
 }
 
-async function tfLaunchShareWithOthers(scope, level, selectedTitles, job, projectId) {
+async function tfLaunchShareWithOthers(scope, level, selectedTitles, job, projectId, destination) {
+  const dest = destination || 'project';
   let msg;
   if (selectedTitles && selectedTitles.length > 0) {
     const levelWord = level === 'project' ? 'project' : level === 'org' ? 'company' : 'manager';
+    const destWord = dest === 'org' ? 'company (org) level' : 'project level';
     const list = selectedTitles.map((t) => `- "${t}"`).join('\n');
-    msg = `Run share-with-others. I want to share these ${levelWord}-level learnings:\n${list}\nShow me the destination options and de-personalisation plan for each.`;
+    msg = `Run share-with-others. I want to share these ${levelWord}-level learnings to the ${destWord}:\n${list}\nShow me the de-personalisation plan for each, then apply it.`;
   } else {
     msg = 'Run share-with-others. Show me everything I own at each level, grouped by type, so I can decide what to move.';
   }

package/public/ai-hub/styles.css

@@ -2866,24 +2866,27 @@ button.small { padding: 4px 10px; font-size: 12px; }
    body:is([data-surface="task-pane"],[data-surface="extension"]). No media queries — this is a surface
    flag, not a viewport breakpoint. */
 
-body:is([data-surface="task-pane"],[data-surface="extension"]) {
-  font-size: 13px;
-  overflow: auto;
-}
+body:is([data-surface="task-pane"],[data-surface="extension"]) {
+  font-size: 13px;
+  overflow: auto;
+  background: var(--bg);
+  color: var(--text);
+}
 body:is([data-surface="task-pane"],[data-surface="extension"]) .hub-tabs,
 body:is([data-surface="task-pane"],[data-surface="extension"]):not(.task-pane-run-active) .hub-area,
 body:is([data-surface="task-pane"],[data-surface="extension"]) .proj-tabs {
   display: none !important;
 }
 .task-pane-launcher { display: none; }
-body:is([data-surface="task-pane"],[data-surface="extension"]):not(.task-pane-run-active) .task-pane-launcher {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  padding: 12px;
-  border-bottom: 1px solid var(--border, rgba(0,0,0,0.07));
-  background: var(--surface, #fff);
-}
+body:is([data-surface="task-pane"],[data-surface="extension"]):not(.task-pane-run-active) .task-pane-launcher {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 12px;
+  border-bottom: 1px solid var(--line, rgba(0,0,0,0.07));
+  background: var(--surface, #fff);
+  color: var(--text, #171717);
+}
 body:is([data-surface="task-pane"],[data-surface="extension"]).task-pane-run-active #area-projects {
   display: flex !important;
   min-height: 100vh;
@@ -2940,17 +2943,27 @@ body:is([data-surface="task-pane"],[data-surface="extension"]).task-pane-run-act
   font-weight: 600;
   color: var(--muted);
 }
-.tp-launcher-field select,
-.tp-launcher-field textarea {
-  width: 100%;
-  min-width: 0;
-  border: 1px solid var(--border, rgba(0,0,0,0.12));
-  border-radius: 8px;
-  background: var(--panel, #fff);
-  color: var(--text, #171717);
-  font: inherit;
-  font-size: 12px;
-}
+.tp-launcher-field select,
+.tp-launcher-field textarea {
+  width: 100%;
+  min-width: 0;
+  border: 1px solid var(--line, rgba(0,0,0,0.12));
+  border-radius: 8px;
+  background: var(--surface, #fff);
+  color: var(--text, #171717);
+  font: inherit;
+  font-size: 12px;
+}
+.tp-launcher-field select:focus,
+.tp-launcher-field textarea:focus {
+  outline: 2px solid var(--accent, #0071e3);
+  outline-offset: 1px;
+  border-color: var(--accent, #0071e3);
+}
+.tp-launcher-field textarea::placeholder {
+  color: var(--muted);
+  opacity: 1;
+}
 .tp-launcher-field select {
   height: 34px;
   padding: 0 8px;
@@ -2987,8 +3000,9 @@ body:is([data-surface="task-pane"],[data-surface="extension"]).task-pane-run-act
   gap: 10px;
   min-width: 0;
   padding: 10px 12px;
-  border-bottom: 1px solid var(--border, rgba(0,0,0,0.07));
+  border-bottom: 1px solid var(--line, rgba(0,0,0,0.07));
   background: var(--surface, #fff);
+  color: var(--text, #171717);
 }
 .tp-run-copy {
   min-width: 0;
@@ -3022,6 +3036,31 @@ body:is([data-surface="task-pane"],[data-surface="extension"]) #task-pane-new-jo
   font-size: 12px;
   white-space: nowrap;
 }
+:root[data-theme="dark"] body:is([data-surface="task-pane"],[data-surface="extension"]) {
+  background: var(--bg);
+}
+:root[data-theme="dark"] body:is([data-surface="task-pane"],[data-surface="extension"]):not(.task-pane-run-active) .task-pane-launcher,
+:root[data-theme="dark"] body:is([data-surface="task-pane"],[data-surface="extension"]).task-pane-run-active .task-pane-run-nav {
+  background: #242424;
+  border-color: rgba(255, 255, 255, 0.16);
+}
+:root[data-theme="dark"] body:is([data-surface="task-pane"],[data-surface="extension"]) .tp-launcher-field select,
+:root[data-theme="dark"] body:is([data-surface="task-pane"],[data-surface="extension"]) .tp-launcher-field textarea {
+  background: #171717;
+  color: #f2f2f2;
+  border-color: rgba(255, 255, 255, 0.22);
+}
+:root[data-theme="dark"] body:is([data-surface="task-pane"],[data-surface="extension"]) .tp-launcher-field select option {
+  background: #171717;
+  color: #f2f2f2;
+}
+:root[data-theme="dark"] body:is([data-surface="task-pane"],[data-surface="extension"]) .tp-launcher-context,
+:root[data-theme="dark"] body:is([data-surface="task-pane"],[data-surface="extension"]) .tp-launcher-status,
+:root[data-theme="dark"] body:is([data-surface="task-pane"],[data-surface="extension"]) .tp-launcher-field,
+:root[data-theme="dark"] body:is([data-surface="task-pane"],[data-surface="extension"]) .tp-run-eyebrow,
+:root[data-theme="dark"] body:is([data-surface="task-pane"],[data-surface="extension"]) .tp-run-meta {
+  color: #c7c7c7;
+}
 body:is([data-surface="task-pane"],[data-surface="extension"]) .page {
   padding: 10px 12px 8px;
   gap: 10px;
@@ -4166,14 +4205,18 @@ body.hub-shell { display: flex; flex-direction: column; height: 100vh; overflow:
 .modal-hdr { padding: 18px 22px; border-bottom: 1px solid var(--line); }
 .modal-hdr h2 { font-size: 18px; font-weight: 700; margin: 0 0 4px; }
 .modal-hdr p { font-size: 13px; color: var(--muted); margin: 0; line-height: 1.5; }
-.modal-body { padding: 18px 22px; display: flex; flex-direction: column; gap: 14px; }
-.modal-close { float: right; background: var(--bg); border: none; width: 28px; height: 28px; border-radius: 50%; font-size: 16px; cursor: pointer; color: var(--muted); line-height: 1; }
-.modal-close:hover { color: var(--text); }
-.aom-cancel-btn { background: none; border: 1px solid var(--line); border-radius: 20px; padding: 9px 20px; font-size: 14px; cursor: pointer; color: var(--muted); }
-.aom-cancel-btn:hover { color: var(--text); }
-.modal-footer { padding: 12px 22px 20px; display: flex; align-items: center; justify-content: space-between; }
-.modal-next { padding: 9px 22px; background: var(--text); color: #fff; border: none; border-radius: 20px; font-size: 14px; font-weight: 600; cursor: pointer; }
-.modal-back { font-size: 13px; color: var(--muted); background: none; border: none; cursor: pointer; }
+.modal-body { padding: 18px 22px; display: flex; flex-direction: column; gap: 14px; }
+.modal-close { float: right; background: var(--bg); border: none; width: 28px; height: 28px; border-radius: 50%; font-size: 16px; cursor: pointer; color: var(--muted); line-height: 1; }
+.modal-close:hover { color: var(--text); }
+.modal-close:focus, .modal-close:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 2px; }
+.aom-cancel-btn { background: var(--surface); border: 1px solid color-mix(in srgb, var(--accent-strong) 52%, var(--line)); border-radius: 20px; padding: 9px 20px; font-size: 14px; cursor: pointer; color: var(--accent-strong); }
+.aom-cancel-btn:hover { border-color: var(--accent-strong); color: var(--accent-strong); }
+.aom-cancel-btn:focus, .aom-cancel-btn:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 2px; }
+.modal-footer { padding: 12px 22px 20px; display: flex; align-items: center; justify-content: space-between; }
+.modal-next { padding: 9px 22px; background: var(--accent-strong); color: var(--bg); border: none; border-radius: 20px; font-size: 14px; font-weight: 600; cursor: pointer; }
+.modal-next:hover { opacity: .9; }
+.modal-next:focus, .modal-next:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 2px; }
+.modal-back { font-size: 13px; color: var(--muted); background: none; border: none; cursor: pointer; }
 .modal-step-dots { display: flex; gap: 6px; justify-content: center; margin-bottom: 18px; }
 .modal-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--line); }
 .modal-dot.on { background: var(--text); }
@@ -4630,7 +4673,8 @@ body.hub-shell { display: flex; flex-direction: column; height: 100vh; overflow:
   align-items: center;
   justify-content: center;
 }
-.np-close:hover { color: var(--text); }
+.np-close:hover { color: var(--text); }
+.np-close:focus, .np-close:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 2px; }
 
 .np-step-dots {
   display: flex;
@@ -4692,26 +4736,29 @@ body.hub-shell { display: flex; flex-direction: column; height: 100vh; overflow:
   justify-content: space-between;
 }
 
-.np-next {
-  padding: 9px 22px;
-  background: var(--text);
-  color: #fff;
-  border: none;
-  border-radius: 20px;
-  font-size: 14px;
-  font-weight: 600;
-  cursor: pointer;
-}
-.np-next:hover { opacity: .88; }
-
-.np-back {
-  font-size: 13px;
-  color: var(--muted);
-  background: none;
-  border: none;
-  cursor: pointer;
-}
-.np-back:hover { color: var(--text); }
+.np-next {
+  padding: 9px 22px;
+  background: var(--accent-strong);
+  color: var(--bg);
+  border: none;
+  border-radius: 20px;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+}
+.np-next:hover { opacity: .88; }
+.np-next:focus, .np-next:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 2px; }
+.np-next:disabled { opacity: .55; cursor: not-allowed; }
+
+.np-back {
+  font-size: 13px;
+  color: var(--accent-strong);
+  background: none;
+  border: none;
+  cursor: pointer;
+}
+.np-back:hover { color: var(--accent-strong); text-decoration: underline; }
+.np-back:focus, .np-back:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 2px; }
 
 /* ── Discard-guard confirm (shown when a dirty wizard is dismissed) ── */
 .np-discard {
@@ -4736,10 +4783,11 @@ body.hub-shell { display: flex; flex-direction: column; height: 100vh; overflow:
 .np-discard-msg { font-size: 13px; color: var(--muted); margin: 0 0 18px; line-height: 1.5; }
 .np-discard-row { display: flex; gap: 8px; justify-content: flex-end; }
 .np-discard-row button { font: inherit; font-size: 13px; font-weight: 600; border-radius: 9px; padding: 8px 16px; cursor: pointer; }
-.np-discard-keep { background: var(--surface); border: 1px solid var(--line); color: var(--text); }
-.np-discard-keep:hover { border-color: var(--muted); }
-.np-discard-yes { background: var(--danger, #d2261f); color: #fff; border: none; }
-.np-discard-yes:hover { opacity: .9; }
+.np-discard-keep { background: var(--surface); border: 1px solid var(--line); color: var(--text); }
+.np-discard-keep:hover { border-color: var(--muted); }
+.np-discard-yes { background: var(--danger, #d2261f); color: #fff; border: none; }
+.np-discard-yes:hover { opacity: .9; }
+.np-discard-row button:focus, .np-discard-row button:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 2px; }
 
 /* ── D11: Source attachment row (step 2) ── */
 .np-source {
@@ -5226,8 +5274,9 @@ body.hub-shell { display: flex; flex-direction: column; height: 100vh; overflow:
 /* ── New-project: folder picker row ── */
 .np-folder-row { display:flex; gap:8px; }
 .np-folder-row input { flex:1; }
-.np-browse-btn { padding:9px 16px; background:var(--text); color:#fff; border:none; border-radius:9px; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; flex-shrink:0; }
-.np-browse-btn:hover { opacity:.85; }
+.np-browse-btn { padding:9px 16px; background:var(--accent-strong); color:var(--bg); border:none; border-radius:9px; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; flex-shrink:0; }
+.np-browse-btn:hover { opacity:.85; }
+.np-browse-btn:focus, .np-browse-btn:focus-visible { outline:2px solid var(--accent-strong); outline-offset:2px; }
 .np-field-hint { font-size:11px; color:var(--muted); margin-top:5px; line-height:1.5; }
 
 @media (max-width: 520px) {