fraim-hub 2.0.261 → 2.0.263

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.261",
+  "version": "2.0.263",
   "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.261",
+    "fraim": "2.0.263",
     "mongodb": "^7.0.0",
     "node-cron": "4.2.1",
     "node-edge-tts": "^1.2.10",

package/public/ai-hub/index.html

@@ -1132,6 +1132,39 @@
   </div>
 
   <!-- Issue #834: Sharing-backend chooser modal -->
+  <!-- Share destination modal: shown when the user clicks "Share with others" -->
+  <div class="modal-backdrop" id="share-dest-modal" role="dialog" aria-modal="true" aria-labelledby="share-dest-title" hidden>
+    <div class="modal">
+      <div class="modal-header">
+        <h2 id="share-dest-title">Share learnings</h2>
+        <p id="share-dest-sub">Choose where to share these learnings.</p>
+      </div>
+      <div class="modal-body">
+        <div class="lp-pp-dest-row" id="share-dest-row">
+          <button class="lp-pp-dest-btn" type="button" data-dest="org" id="share-dest-org">
+            <span class="lp-pp-dest-name">Company</span>
+            <span class="lp-pp-dest-sub">Everyone in the organization</span>
+          </button>
+          <button class="lp-pp-dest-btn" type="button" data-dest="project" id="share-dest-proj">
+            <span class="lp-pp-dest-name">This project</span>
+            <span class="lp-pp-dest-sub">Visible on a specific project</span>
+          </button>
+        </div>
+        <div class="lp-pp-project-section" id="share-dest-proj-section" hidden>
+          <label class="lp-pp-label" for="share-dest-proj-sel">Which project?</label>
+          <select class="lp-pp-sel" id="share-dest-proj-sel"></select>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <span class="left" id="share-dest-hint"></span>
+        <div class="right">
+          <button class="ghost" type="button" id="share-dest-cancel">Cancel</button>
+          <button class="send-button" type="button" id="share-dest-go" disabled>Start</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <div class="modal-backdrop" id="sharing-chooser-modal" role="dialog" aria-modal="true" aria-labelledby="sharing-chooser-title" hidden>
     <div class="modal">
       <div class="modal-header">

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

@@ -656,12 +656,12 @@ function taskPaneProjectEntries() {
   return Array.from(byPath.values());
 }
 
-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) || []),
-  ];
+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) || []),
+  ];
   const seen = new Set();
   return jobs
     .filter((job) => job && job.id && !PAGE_SCOPED_JOBS.has(job.id))
@@ -715,7 +715,7 @@ function ensureTaskPaneLauncher() {
   const fields = [
     ['Project', 'task-pane-project-select', 'select'],
     ['Agent tool', 'task-pane-employee-select', 'select'],
-    ['Job', 'task-pane-job-select', 'select'],
+    ['Job', 'task-pane-job-select', 'select'],
     ['Instructions', 'task-pane-instructions', 'textarea'],
   ];
   fields.forEach(([labelText, id, tag]) => {
@@ -726,11 +726,11 @@ function ensureTaskPaneLauncher() {
     span.textContent = labelText;
     const input = document.createElement(tag);
     input.id = id;
-    if (tag === 'textarea') {
-      input.rows = 4;
-      input.placeholder = 'Tell the employee what to do with this Office context.';
-      input.addEventListener('input', () => { input.dataset.userTouched = '1'; });
-    }
+    if (tag === 'textarea') {
+      input.rows = 4;
+      input.placeholder = 'Tell the employee what to do with this Office context.';
+      input.addEventListener('input', () => { input.dataset.userTouched = '1'; });
+    }
     label.appendChild(span);
     label.appendChild(input);
     root.appendChild(label);
@@ -780,15 +780,15 @@ function renderTaskPaneLauncher() {
   const employeeSelect = document.getElementById('task-pane-employee-select');
   const jobSelect = document.getElementById('task-pane-job-select');
   const instructions = document.getElementById('task-pane-instructions');
-  const start = document.getElementById('task-pane-start-job');
-  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, priorJobId || '__freeform__');
+  const start = document.getElementById('task-pane-start-job');
+  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, priorJobId || '__freeform__');
 
   if (instructions && instructions.dataset.userTouched !== '1') {
     instructions.value = taskPaneInstructionSeed();
@@ -834,19 +834,19 @@ async function taskPaneStartSelectedJob() {
   const jobSelect = document.getElementById('task-pane-job-select');
   const instructions = document.getElementById('task-pane-instructions');
   const start = document.getElementById('task-pane-start-job');
-  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 === requestedJobId);
+  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 === requestedJobId);
   const employeeId = requestedEmployeeId || (employeeSelect && employeeSelect.value);
   if (!job || !employeeId) return;
   if (start) start.disabled = true;
@@ -10894,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');
     }},
   ]);
 }
@@ -12462,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();
@@ -13119,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);
@@ -13134,68 +13157,103 @@ async function tfRunShareWithOthers(scope, level, selectedTitles) {
   const job = templates.find((t) => t.id === slug)
     || jobs.find((j) => j.id === slug)
     || { id: slug, title: 'Share with others', intent: 'Move artifacts to the right scope level.' };
-  if (!state.projectPath) {
-    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);
+  tfShareDestinationPicker(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');
-  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');
-  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);
-  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';
-  bar.appendChild(go); bar.appendChild(cancel);
-  picker.appendChild(bar);
-  host.appendChild(picker);
-  cancel.addEventListener('click', () => picker.remove());
-  go.addEventListener('click', async () => {
-    go.disabled = true;
-    picker.remove();
-    await tfLaunchShareWithOthers(scope, level, selectedTitles, job, sel.value);
-  });
+// Destination picker: modal overlay. Company vs. This project, then (for project)
+// optionally which project when more than one is loaded.
+function tfShareDestinationPicker(scope, level, selectedTitles, job) {
+  const modal = document.getElementById('share-dest-modal');
+  if (!modal) return;
+
+  const orgBtn = document.getElementById('share-dest-org');
+  const projBtn = document.getElementById('share-dest-proj');
+  const projSection = document.getElementById('share-dest-proj-section');
+  const projSel = document.getElementById('share-dest-proj-sel');
+  const goBtn = document.getElementById('share-dest-go');
+  const cancelBtn = document.getElementById('share-dest-cancel');
+  const hintEl = document.getElementById('share-dest-hint');
+
+  if (!orgBtn || !projBtn || !projSection || !projSel || !goBtn || !cancelBtn) return;
+
+  // Reset visual state.
+  orgBtn.classList.remove('lp-pp-dest-selected');
+  projBtn.classList.remove('lp-pp-dest-selected');
+  projSection.hidden = true;
+  goBtn.disabled = true;
+  if (hintEl) hintEl.textContent = selectedTitles && selectedTitles.length > 0
+    ? `${selectedTitles.length} learning${selectedTitles.length === 1 ? '' : 's'} selected`
+    : 'All learnings will be shared';
+
+  // Populate project dropdown.
+  projSel.innerHTML = '';
+  const projects = (typeof tf !== 'undefined' && tf.projects) || [];
+  if (projects.length > 0) {
+    for (const p of projects) {
+      const o = document.createElement('option');
+      o.value = p.id;
+      o.textContent = p.name || p.id;
+      if (p.id === (typeof tf !== 'undefined' && tf.activeProjectId)) o.selected = true;
+      projSel.appendChild(o);
+    }
+  } else if (state.projectPath) {
+    const o = document.createElement('option');
+    o.value = state.projectPath;
+    o.textContent = state.projectPath.split(/[\\/]/).pop() || state.projectPath;
+    projSel.appendChild(o);
+  }
+
+  let chosenDest = null;
+
+  // Use AbortController so listeners are torn down atomically when the modal closes.
+  const ac = new AbortController();
+  const sig = { signal: ac.signal };
+
+  const selectDest = (dest) => {
+    orgBtn.classList.toggle('lp-pp-dest-selected', dest === 'org');
+    projBtn.classList.toggle('lp-pp-dest-selected', dest === 'project');
+    chosenDest = dest;
+    projSection.hidden = dest !== 'project';
+    goBtn.disabled = false;
+  };
+
+  orgBtn.addEventListener('click', () => selectDest('org'), sig);
+  projBtn.addEventListener('click', () => selectDest('project'), sig);
+
+  const close = () => {
+    ac.abort();
+    modal.hidden = true;
+    modal.classList.remove('open');
+  };
+
+  cancelBtn.addEventListener('click', close, sig);
+
+  goBtn.addEventListener('click', async () => {
+    const dest = chosenDest || 'project';
+    close();
+    const projectId = dest === 'project'
+      ? (projSel.value || ((typeof tf !== 'undefined' && tf.activeProjectId) || state.projectPath))
+      : ((typeof tf !== 'undefined' && tf.activeProjectId) || state.projectPath);
+    await tfLaunchShareWithOthers(scope, level, selectedTitles, job, projectId, dest);
+  }, sig);
+
+  // Dismiss on backdrop click.
+  modal.addEventListener('click', (e) => { if (e.target === modal) close(); }, sig);
+
+  // Open.
+  modal.hidden = false;
+  modal.classList.add('open');
+  orgBtn.focus();
 }
 
-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

@@ -4205,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); }
@@ -4669,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;
@@ -4731,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 {
@@ -4775,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 {
@@ -5265,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) {