fraim-hub 2.0.260 → 2.0.261

package/package.json

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

package/public/ai-hub/script.js

@@ -656,11 +656,12 @@ function taskPaneProjectEntries() {
   return Array.from(byPath.values());
 }
 
-function taskPaneJobEntries() {
-  const jobs = [
-    ...((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))
@@ -714,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]) => {
@@ -725,11 +726,11 @@ function ensureTaskPaneLauncher() {
     span.textContent = labelText;
     const input = document.createElement(tag);
     input.id = id;
-    if (tag === 'textarea') {
-      input.rows = 4;
-      input.placeholder = 'Add the outcome you want from this Word 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);
@@ -779,14 +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;
-
-  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);
+  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();
@@ -832,16 +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;
-  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 jobs = taskPaneJobEntries();
-  const job = jobs.find((entry) => entry.id === (jobSelect && jobSelect.value));
+  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;

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;