fraim-framework 2.0.146 → 2.0.147

package/dist/src/ai-hub/hosts.js

@@ -253,22 +253,40 @@ function detectEmployees() {
         };
     });
 }
-// Rewrite a /fraim or $fraim job invocation to a direct MCP tool call instruction.
-// Gemini CLI has a /fraim command but it conflicts when both workspace-level and
-// user-level fraim.toml commands exist (Gemini renames both), making /fraim
-// unrecognised. Sending an explicit get_fraim_job instruction bypasses the slash
-// command entirely and works regardless of whether the command exists.
-function transformGeminiMessage(message) {
-    const match = message.match(/^[/$]fraim\s+(\S+)\n?([\s\S]*)$/);
+function parseFraimInvocation(message) {
+    const trimmed = message.trim();
+    if (!trimmed)
+        return null;
+    const match = trimmed.match(/^[/$]fraim(?:\s+(\S+))?\s*([\s\S]*)$/);
     if (!match)
+        return null;
+    return {
+        jobId: match[1] || null,
+        remainder: (match[2] || '').trim(),
+    };
+}
+// Rewrite UI-facing /fraim or $fraim invocations into direct MCP tool
+// instructions for headless hosts. The Hub still shows the familiar
+// invocation in the manager timeline, but the actual CLI child process
+// receives an explicit instruction that works in non-interactive mode.
+function transformHeadlessFraimMessage(message, kind) {
+    const parsed = parseFraimInvocation(message);
+    if (!parsed)
+        return message;
+    if (kind === 'continue') {
+        if (parsed.remainder) {
+            return `Continue the active FRAIM job with this manager coaching:\n\n${parsed.remainder}`;
+        }
+        return 'Continue the active FRAIM job using the current session context.';
+    }
+    if (!parsed.jobId)
         return message;
-    const jobId = match[1];
-    const instructions = match[2].trim();
     const parts = [
-        `Call the get_fraim_job MCP tool with job "${jobId}" to get the full job instructions, then follow them exactly.`,
+        `Call the get_fraim_job MCP tool with job "${parsed.jobId}" to get the full job instructions, then follow them exactly.`,
     ];
-    if (instructions)
-        parts.push(`\n\nUser instructions: ${instructions}`);
+    if (parsed.remainder) {
+        parts.push(`\n\nUser instructions: ${parsed.remainder}`);
+    }
     return parts.join('');
 }
 // If ~/.gemini/settings.json has a wrong/test FRAIM_API_KEY, patch it with the
@@ -301,7 +319,7 @@ function buildStartPlan(hostId, message) {
         return {
             command: executableName('codex'),
             args: ['exec', '--json', '--skip-git-repo-check', '--dangerously-bypass-approvals-and-sandbox'],
-            stdin: message,
+            stdin: transformHeadlessFraimMessage(message, 'start'),
         };
     }
     if (hostId === 'gemini') {
@@ -309,13 +327,13 @@ function buildStartPlan(hostId, message) {
         return {
             command: executableName('gemini'),
             args: ['--yolo', '--skip-trust'],
-            stdin: transformGeminiMessage(message),
+            stdin: transformHeadlessFraimMessage(message, 'start'),
         };
     }
     return {
         command: executableName('claude'),
         args: ['-p', '--verbose', '--output-format', 'stream-json', '--dangerously-skip-permissions'],
-        stdin: message,
+        stdin: transformHeadlessFraimMessage(message, 'start'),
     };
 }
 function buildContinuePlan(hostId, sessionId, message) {
@@ -323,7 +341,7 @@ function buildContinuePlan(hostId, sessionId, message) {
         return {
             command: executableName('codex'),
             args: ['exec', 'resume', '--json', '--skip-git-repo-check', '--dangerously-bypass-approvals-and-sandbox', sessionId],
-            stdin: message,
+            stdin: transformHeadlessFraimMessage(message, 'continue'),
         };
     }
     if (hostId === 'gemini') {
@@ -332,13 +350,13 @@ function buildContinuePlan(hostId, sessionId, message) {
         return {
             command: executableName('gemini'),
             args: ['--yolo', '--skip-trust'],
-            stdin: message,
+            stdin: transformHeadlessFraimMessage(message, 'continue'),
         };
     }
     return {
         command: executableName('claude'),
         args: ['-p', '--verbose', '--output-format', 'stream-json', '--dangerously-skip-permissions', '-r', sessionId],
-        stdin: message,
+        stdin: transformHeadlessFraimMessage(message, 'continue'),
     };
 }
 function parseHostLine(hostId, line) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fraim-framework",
-  "version": "2.0.146",
+  "version": "2.0.147",
   "description": "FRAIM: AI Workforce Infrastructure — the organizational capability that turns AI agents into an accountable workforce, their operators into capable AI managers, and executives into leaders with clear optics on AI proficiency.",
   "main": "index.js",
   "bin": {

package/public/ai-hub/index.html

@@ -11,13 +11,16 @@
 
   <div class="page">
 
-    <header class="header">
-      <h1>AI Hub</h1>
-      <button class="project-button" type="button" id="project-button">
-        <span class="folder">Project</span>
-        <strong id="project-name">Choose a folder</strong>
-      </button>
-    </header>
+    <header class="header">
+      <div class="header-copy">
+        <span class="header-eyebrow">FRAIM Hub</span>
+        <h1>AI Hub</h1>
+      </div>
+      <button class="project-button" type="button" id="project-button">
+        <span class="folder">Project</span>
+        <strong id="project-name">Choose a folder</strong>
+      </button>
+    </header>
 
     <section class="welcome">
       Hi <strong class="you">there</strong>, remember, you are the
@@ -63,13 +66,20 @@
     </section>
 
     <div class="layout">
-      <aside class="rail">
-        <button class="new-conv" type="button" id="new-conv-btn">+ New job</button>
-        <!-- R2.4: team roster — horizontal row of avatar chips per hired persona -->
-        <div class="team-roster" id="team-roster" hidden></div>
-
-        <div class="conv-list" id="conv-list"></div>
-      </aside>
+      <aside class="rail">
+        <button class="new-conv" type="button" id="new-conv-btn">+ New job</button>
+        <div class="rail-note">Alpha: browser shell for directing employees across your project.</div>
+        <!-- R2.4: team roster — horizontal row of avatar chips per hired persona -->
+        <section class="rail-section rail-section--employees">
+          <div class="rail-section-label">Hired employees</div>
+          <div class="team-roster" id="team-roster" hidden></div>
+        </section>
+
+        <section class="rail-section rail-section--runs">
+          <div class="rail-section-label">Runs</div>
+          <div class="conv-list" id="conv-list"></div>
+        </section>
+      </aside>
 
       <main class="conversation" id="conversation">
         <div class="empty-state" id="empty">
@@ -77,16 +87,25 @@
           <p>Pick an existing job from the left, or click <strong>+ New job</strong> to give your employee something to work on.</p>
         </div>
 
-        <div id="active-conv" hidden>
-          <div class="conv-header">
-            <h2 id="active-title"></h2>
-            <div class="conv-job" id="active-job"></div>
-            <div id="artifact-slot"></div>
-          </div>
-
-          <!-- Issue #347 R1: pizza tracker. Hidden when the active job
-               declares no phases. Populated by renderTracker() in script.js. -->
-          <div class="tracker" id="tracker" aria-label="Job progress" hidden>
+        <div id="active-conv" hidden>
+          <div class="conv-topline">
+            <div class="employee-identity" id="active-identity"></div>
+            <div class="run-state-pill" id="run-state-pill"></div>
+          </div>
+
+          <div class="conv-header">
+            <div class="title-block">
+              <h2 id="active-title"></h2>
+              <div class="conv-job" id="active-job"></div>
+            </div>
+            <div id="artifact-slot"></div>
+          </div>
+
+          <div class="summary-strip" id="summary-strip"></div>
+
+          <!-- Issue #347 R1: pizza tracker. Hidden when the active job
+               declares no phases. Populated by renderTracker() in script.js. -->
+          <div class="tracker" id="tracker" aria-label="Job progress" hidden>
             <div class="tracker-rows" id="tracker-rows"></div>
             <div class="tracker-note" id="tracker-note" hidden></div>
           </div>
@@ -96,28 +115,32 @@
             <span class="latest" id="latest"></span>
           </div>
 
-          <div class="messages" id="messages"></div>
+          <section class="thread-surface" aria-label="Manager and employee thread">
+            <div class="thread-surface-label">Manager and employee thread</div>
+            <div class="messages" id="messages"></div>
+          </section>
 
           <div class="coach">
-            <div class="coach-title-row">
-              <span class="section-title">Coach the employee</span>
-              <span class="active-employee-row">
-                <label for="active-employee-select" class="active-employee-label">via</label>
-                <select id="active-employee-select" class="employee-select inline"></select>
-              </span>
-            </div>
-            <textarea id="coach-text" placeholder="Tell the employee what to do next…"></textarea>
-            <div class="coach-actions">
-              <!-- Issue #347 R2: template picker. Hidden when the project
-                   has no manager-job templates. -->
-              <button class="ghost" type="button" id="template-picker-btn" aria-haspopup="menu" aria-expanded="false" hidden>Use a template ▾</button>
-              <button class="send-button" type="button" id="send" disabled>Send</button>
-              <div class="template-popover" id="template-popover" role="menu" hidden></div>
-            </div>
-            <!-- Issue #347 R4: run-level totals. Discoverable, not dominating.
-                 Populated by renderTotals() each poll tick. -->
-            <div class="totals" id="totals" aria-label="Run totals" hidden></div>
-          </div>
+            <div class="coach-title-row">
+              <span class="section-title">Coach the employee</span>
+              <span class="active-employee-row">
+                <label for="active-employee-select" class="active-employee-label">tool</label>
+                <select id="active-employee-select" class="employee-select inline"></select>
+              </span>
+            </div>
+            <textarea id="coach-text" placeholder="Tell the employee what to do next…"></textarea>
+            <div class="coach-actions">
+              <!-- Issue #347 R2: template picker. Hidden when the project
+                   has no manager-job templates. -->
+              <button class="ghost" type="button" id="template-picker-btn" aria-haspopup="menu" aria-expanded="false" hidden>Use a template ▾</button>
+              <button class="send-button" type="button" id="send" disabled>Send</button>
+              <div class="template-popover" id="template-popover" role="menu" hidden></div>
+            </div>
+            <div class="coach-note" id="coach-note"></div>
+            <!-- Issue #347 R4: run-level totals. Discoverable, not dominating.
+                 Populated by renderTotals() each poll tick. -->
+            <div class="totals" id="totals" aria-label="Run totals" hidden></div>
+          </div>
 
           <details class="micro" id="micro-manage">
             <summary>Micro-manage — raw host details</summary>