fraim-hub 2.0.251 → 2.0.252

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fraim-hub",
-  "version": "2.0.251",
+  "version": "2.0.252",
   "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.251",
+    "fraim": "2.0.252",
     "mongodb": "^7.0.0",
     "node-cron": "4.2.1",
     "node-edge-tts": "^1.2.10",

package/public/ai-hub/index.html

@@ -500,7 +500,7 @@
                     </div>
                   </div>
                   <div class="coach-input">
-                    <textarea id="coach-text" placeholder="Tell the employee what to do next..."></textarea>
+                    <textarea id="coach-text" aria-label="Coach the employee" placeholder="Tell the employee what to do next..."></textarea>
                     <button class="send-button" type="button" id="send" disabled>↑</button>
                   </div>
                   <div class="coach-note" id="coach-note"></div>

package/public/ai-hub/script.js

@@ -529,12 +529,40 @@ function renderWordContextInModal() {
   body.textContent = buildWordContextBlock(wc);
 }
 
-function isTaskPaneSurface() {
-  return document.body.dataset.surface === 'task-pane' || document.body.dataset.surface === 'extension';
-}
-
-function taskPaneProjectEntries() {
-  const byPath = new Map();
+function isTaskPaneSurface() {
+  return document.body.dataset.surface === 'task-pane' || document.body.dataset.surface === 'extension';
+}
+
+function syncTaskPaneSurfaceMode() {
+  if (!isTaskPaneSurface()) return;
+  const conv = typeof activeConversation === 'function' ? activeConversation() : null;
+  const hasActiveConversation = !!conv;
+  document.body.classList.toggle('task-pane-run-active', hasActiveConversation);
+  if (!hasActiveConversation || typeof tf === 'undefined' || typeof tfSelectProjectView !== 'function') return;
+  const projectPath = (conv && conv.projectPath) || state.projectPath;
+  let project = typeof tfProjectForPath === 'function' ? tfProjectForPath(projectPath) : null;
+  if (!project && projectPath && typeof tfNormalizeProject === 'function' && typeof tfApplyUniqueProjectIds === 'function') {
+    tf.projects = tfApplyUniqueProjectIds([...(tf.projects || []), tfNormalizeProject({
+      name: friendlyProjectShortName(projectPath),
+      folderPath: projectPath,
+    }, projectPath)]);
+    project = typeof tfProjectForPath === 'function' ? tfProjectForPath(projectPath) : null;
+  }
+  const projectId = (project && project.id) || tf.activeProjectId;
+  if (!projectId) return;
+  if (tf.projectView === 'workspace' && tf.activeProjectId === projectId) {
+    const overview = document.getElementById('proj-overview');
+    const workspace = document.getElementById('proj-workspace');
+    if (overview) overview.hidden = true;
+    if (workspace) workspace.hidden = false;
+    return;
+  }
+  tfSelectProjectView('workspace', projectId).catch((error) =>
+    console.warn('[ai-hub] could not show task-pane run workspace:', error));
+}
+
+function taskPaneProjectEntries() {
+  const byPath = new Map();
   const add = (project) => {
     if (!project) return;
     const folderPath = project.folderPath || project.path || project.folder || '';
@@ -654,10 +682,11 @@ function ensureTaskPaneLauncher() {
   return root;
 }
 
-function renderTaskPaneLauncher() {
-  if (!isTaskPaneSurface() || !state.bootstrap) return;
-  ensureTaskPaneLauncher();
-  const projects = taskPaneProjectEntries();
+function renderTaskPaneLauncher() {
+  if (!isTaskPaneSurface() || !state.bootstrap) return;
+  syncTaskPaneSurfaceMode();
+  ensureTaskPaneLauncher();
+  const projects = taskPaneProjectEntries();
   const jobs = taskPaneJobEntries();
   const agents = hubConfiguredAgents().filter((agent) => agent.available !== false && agent.enabled !== false);
   const projectSelect = document.getElementById('task-pane-project-select');
@@ -3152,9 +3181,10 @@ function handleConversationFocusEscape(e) {
   closeConversationFocus();
 }
 
-function renderActive() {
-  const conv = activeConversation();
-  if (typeof tfApplyWorkspaceMode === 'function') tfApplyWorkspaceMode();
+function renderActive() {
+  const conv = activeConversation();
+  if (typeof syncTaskPaneSurfaceMode === 'function') syncTaskPaneSurfaceMode();
+  if (typeof tfApplyWorkspaceMode === 'function') tfApplyWorkspaceMode();
   if (!conv) {
     closeConversationFocus();
     els['empty'].hidden = false;

package/public/ai-hub/styles.css

@@ -2866,24 +2866,52 @@ 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"]) .hub-tabs,
-body:is([data-surface="task-pane"],[data-surface="extension"]) .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"]) .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"]) {
+  font-size: 13px;
+  overflow: auto;
+}
+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"]).task-pane-run-active #area-projects {
+  display: flex !important;
+  min-height: 100vh;
+}
+body:is([data-surface="task-pane"],[data-surface="extension"]).task-pane-run-active #proj-workspace {
+  display: flex;
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: visible;
+}
+body:is([data-surface="task-pane"],[data-surface="extension"]).task-pane-run-active .tree-sidebar,
+body:is([data-surface="task-pane"],[data-surface="extension"]).task-pane-run-active .tree-collapse-btn,
+body:is([data-surface="task-pane"],[data-surface="extension"]).task-pane-run-active .tree-resizer {
+  display: none !important;
+}
+body:is([data-surface="task-pane"],[data-surface="extension"]).task-pane-run-active .workspace-conv {
+  width: 100%;
+  min-width: 0;
+}
+body:is([data-surface="task-pane"],[data-surface="extension"]).task-pane-run-active .workspace-conv .layout {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  overflow: visible;
+}
+body:is([data-surface="task-pane"],[data-surface="extension"]).task-pane-run-active .word-context-bar {
+  flex: 0 0 auto;
+}
 .tp-launcher-header {
   display: flex;
   flex-direction: column;