fraim-framework 2.0.184 → 2.0.186

package/dist/src/api/ai-hub/manager-team.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getManagerTeamFor = getManagerTeamFor;
+exports.assignManagerSeatFor = assignManagerSeatFor;
+exports.removeManagerSeatFor = removeManagerSeatFor;
+exports.listManagerTeam = listManagerTeam;
+exports.assignManagerTeam = assignManagerTeam;
+exports.removeManagerTeam = removeManagerTeam;
+const persona_entitlement_service_1 = require("../../services/persona-entitlement-service");
+async function loadTeam(dbService, workspaceId, userKey) {
+    const rows = await dbService.getHubManagerAssignments(workspaceId, userKey);
+    return rows.map((r) => ({ personaKey: r.personaKey, assignedAt: r.assignedAt.toISOString() }));
+}
+/** Seats purchased for a persona in this workspace. Mirrors computePersonas' seatCountByKey:
+ *  legacy (unsubscribed) workspaces have no assignable seats. */
+function seatCountForPersona(state, personaKey) {
+    if (!state.subscriptionActive)
+        return 0;
+    return state.entitlements
+        .filter((e) => e.personaKey === personaKey && e.status === 'active')
+        .reduce((sum, e) => sum + (e.jobCreditsRemaining ?? 1), 0);
+}
+// ── Core operations (shared by hosted handlers and the Hub's local-DB gateway) ──────
+async function getManagerTeamFor(dbService, userId, apiKey) {
+    const state = await (0, persona_entitlement_service_1.getWorkspacePersonaState)(dbService, userId, apiKey);
+    return loadTeam(dbService, state.workspaceId, state.userId);
+}
+async function assignManagerSeatFor(dbService, userId, apiKey, personaKey) {
+    const state = await (0, persona_entitlement_service_1.getWorkspacePersonaState)(dbService, userId, apiKey);
+    const seatCount = seatCountForPersona(state, personaKey);
+    if (seatCount === 0)
+        return { status: 404, body: { error: 'no_company_seat', personaKey } };
+    const seatsInUse = await dbService.countHubManagerAssignments(state.workspaceId, personaKey);
+    if (seatsInUse >= seatCount)
+        return { status: 409, body: { error: 'out_of_stock', personaKey, seatCount } };
+    await dbService.addHubManagerAssignment(state.workspaceId, state.userId, personaKey);
+    return { status: 200, body: { managerTeam: await loadTeam(dbService, state.workspaceId, state.userId) } };
+}
+async function removeManagerSeatFor(dbService, userId, apiKey, personaKey) {
+    const state = await (0, persona_entitlement_service_1.getWorkspacePersonaState)(dbService, userId, apiKey);
+    await dbService.removeHubManagerAssignment(state.workspaceId, state.userId, personaKey);
+}
+// ── Hosted HTTP handlers (thin wrappers over the core, authed via req.apiKeyData) ───
+async function listManagerTeam(req, res, dbService) {
+    const apiKeyData = req.apiKeyData;
+    if (!apiKeyData?.userId) {
+        res.status(401).json({ error: 'Authentication required' });
+        return;
+    }
+    try {
+        res.json({ team: await getManagerTeamFor(dbService, apiKeyData.userId, apiKeyData.key) });
+    }
+    catch (error) {
+        console.error('[api] listManagerTeam failed:', error);
+        res.status(500).json({ error: 'internal_error', details: error?.message || String(error) });
+    }
+}
+async function assignManagerTeam(req, res, dbService) {
+    const apiKeyData = req.apiKeyData;
+    if (!apiKeyData?.userId) {
+        res.status(401).json({ error: 'Authentication required' });
+        return;
+    }
+    const { personaKey } = (req.body ?? {});
+    if (!personaKey) {
+        res.status(400).json({ error: 'personaKey required' });
+        return;
+    }
+    try {
+        const result = await assignManagerSeatFor(dbService, apiKeyData.userId, apiKeyData.key, personaKey);
+        res.status(result.status).json(result.body);
+    }
+    catch (error) {
+        console.error('[api] assignManagerTeam failed:', error);
+        res.status(500).json({ error: 'internal_error', details: error?.message || String(error) });
+    }
+}
+async function removeManagerTeam(req, res, dbService) {
+    const apiKeyData = req.apiKeyData;
+    if (!apiKeyData?.userId) {
+        res.status(401).json({ error: 'Authentication required' });
+        return;
+    }
+    const personaKey = String(req.params.personaKey ?? '');
+    try {
+        await removeManagerSeatFor(dbService, apiKeyData.userId, apiKeyData.key, personaKey);
+        res.status(204).end();
+    }
+    catch (error) {
+        console.error('[api] removeManagerTeam failed:', error);
+        res.status(500).json({ error: 'internal_error', details: error?.message || String(error) });
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fraim-framework",
-  "version": "2.0.184",
+  "version": "2.0.186",
   "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

@@ -8,7 +8,11 @@
   <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' rx='10' fill='%233d8a6e'/%3E%3Ctext x='24' y='32' text-anchor='middle' font-family='Helvetica,Arial,sans-serif' font-size='22' font-weight='700' fill='white'%3EH%3C/text%3E%3C/svg%3E">
   <!-- Detect Electron + host platform before CSS paints so html.electron / html.mac /
        html.win / html.linux rules apply on first render (no flash, correct native chrome). -->
-  <script>(function(){var h=document.documentElement,ua=navigator.userAgent;if(/Electron/.test(ua))h.classList.add('electron');var p=(navigator.userAgentData&&navigator.userAgentData.platform)||navigator.platform||'';if(/mac/i.test(p)||/Mac|iPhone|iPad|iPod/.test(ua))h.classList.add('mac');else if(/win/i.test(p)||/Windows/.test(ua))h.classList.add('win');else if(/linux/i.test(p)||/Linux|X11/.test(ua))h.classList.add('linux');})();</script>
+  <script>(function(){var h=document.documentElement,ua=navigator.userAgent;if(/Electron/.test(ua))h.classList.add('electron');var p=(navigator.userAgentData&&navigator.userAgentData.platform)||navigator.platform||'';if(/mac/i.test(p)||/Mac|iPhone|iPad|iPod/.test(ua))h.classList.add('mac');else if(/win/i.test(p)||/Windows/.test(ua))h.classList.add('win');else if(/linux/i.test(p)||/Linux|X11/.test(ua))h.classList.add('linux');
+    // #700: set the theme pre-paint (no flash). Explicit choice in
+    // localStorage wins; otherwise follow the OS preference.
+    try{var t=localStorage.getItem('fraim-theme');if(t!=='light'&&t!=='dark'){t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light';}h.setAttribute('data-theme',t);}catch(e){h.setAttribute('data-theme','light');}
+  })();</script>
   <link rel="stylesheet" href="./styles.css?v=conv-panels-20260611b">
   <link rel="stylesheet" href="./review.css">
 </head>
@@ -41,9 +45,13 @@
           <span class="am-ico">📊</span>
           <div><div class="am-label">Analytics</div><div class="am-sub">Usage, cost, and ROI</div></div>
         </a>
+        <button class="am-item am-theme" id="am-theme-toggle" type="button" role="switch" aria-checked="false">
+          <span class="am-ico" id="am-theme-ico">🌙</span>
+          <div><div class="am-label">Dark mode</div><div class="am-sub" id="am-theme-sub">Off</div></div>
+          <span class="am-switch" aria-hidden="true"><span class="am-switch-knob"></span></span>
+        </button>
         <div class="am-div"></div>
-        <a class="am-foot" id="am-settings" href="/account">Settings</a>
-        <button class="am-foot" id="am-signout" type="button">Sign out</button>
+        <button class="am-foot" id="am-signout" type="button"><span class="am-ico">⏻</span><span>Sign out</span></button>
       </div>
     </div>
   </nav>
@@ -194,8 +202,7 @@
             <div class="ctx-acc-body">
               <div id="proj-deployments-list"></div>
               <div class="dep-actions">
-                <button class="dep-add-btn" id="dep-add-schedule-btn" type="button">+ Schedule</button>
-                <button class="dep-add-btn" id="dep-add-webhook-btn" type="button">+ Trigger</button>
+                <button class="dep-add-btn" id="dep-add-btn" type="button">+ New Assignment</button>
               </div>
             </div>
           </details>
@@ -265,7 +272,7 @@
         </section>
 
         <section class="rail-section rail-section--runs">
-          <div class="rail-section-label">Runs</div>
+          <div class="rail-section-label">Employees</div>
           <div class="conv-list" id="conv-list"></div>
         </section>
       </aside>
@@ -684,110 +691,89 @@
     </div>
   </div>
 
-  <!-- Issue #578: Add Schedule deployment modal -->
-  <div id="dep-schedule-modal" class="modal-overlay" hidden>
+  <!-- Issue #693 R2: single consolidated "New Assignment" modal. Replaces the two
+       separate Schedule / Trigger modals. A segmented control switches between
+       Scheduled and Triggered, revealing only the type-specific fields. Shared
+       fields (Name, Job, AI Agent, Instructions) are common to both. Inner ids
+       (dep-sch-*, dep-wh-inbound-*) are preserved so the cron-preset and inbound-URL
+       helpers keep working. -->
+  <div id="dep-assignment-modal" class="modal-overlay" hidden>
     <div class="modal-card dep-modal-card">
       <div class="modal-hdr">
-        <button class="modal-close" id="dep-schedule-close" type="button" aria-label="Close">×</button>
-        <h2 id="dep-sch-modal-title">New Scheduled Assignment</h2>
-        <p id="dep-sch-modal-sub">Run a job automatically on a recurring schedule.</p>
+        <button class="modal-close" id="dep-assign-close" type="button" aria-label="Close">×</button>
+        <h2 id="dep-assign-title">New assignment</h2>
+        <p>Run a job automatically - on a schedule, or when an external system calls in.</p>
       </div>
       <div class="modal-body">
+        <div class="dep-type-seg" id="dep-type-seg">
+          <button type="button" class="dep-type-btn on" data-dep-type="scheduled">&#9201; Scheduled</button>
+          <button type="button" class="dep-type-btn" data-dep-type="triggered">&#128279; Triggered</button>
+        </div>
         <div class="hm-field">
-          <label for="dep-sch-label">Name</label>
-          <input type="text" id="dep-sch-label" placeholder="e.g. Daily standup digest" />
+          <label for="dep-label">Name</label>
+          <input type="text" id="dep-label" placeholder="e.g. Daily standup digest" />
         </div>
         <div class="hm-fieldrow">
           <div class="hm-field">
-            <label for="dep-sch-job">Job</label>
-            <select id="dep-sch-job"></select>
-          </div>
-          <div class="hm-field">
-            <label for="dep-sch-host">Employee</label>
-            <select id="dep-sch-host"></select>
-          </div>
-        </div>
-        <div class="hm-field">
-          <label>Runs</label>
-          <div class="dep-preset-chips" id="dep-sch-presets">
-            <button type="button" class="dep-preset-chip" data-preset="daily">Daily</button>
-            <button type="button" class="dep-preset-chip" data-preset="weekdays">Weekdays</button>
-            <button type="button" class="dep-preset-chip" data-preset="weekly">Weekly</button>
-            <button type="button" class="dep-preset-chip" data-preset="custom">Custom</button>
-          </div>
-        </div>
-        <div id="dep-sch-time-row" class="hm-fieldrow" hidden>
-          <div class="hm-field" id="dep-sch-day-field" hidden>
-            <label for="dep-sch-day">Day</label>
-            <select id="dep-sch-day">
-              <option value="1">Monday</option>
-              <option value="2">Tuesday</option>
-              <option value="3">Wednesday</option>
-              <option value="4">Thursday</option>
-              <option value="5">Friday</option>
-              <option value="6">Saturday</option>
-              <option value="0">Sunday</option>
-            </select>
+            <label for="dep-job">Job</label>
+            <select id="dep-job"></select>
           </div>
           <div class="hm-field">
-            <label for="dep-sch-time">Time</label>
-            <input type="time" id="dep-sch-time" value="09:00" />
+            <label for="dep-agent">AI Agent</label>
+            <select id="dep-agent"></select>
           </div>
         </div>
-        <div id="dep-sch-custom-row" hidden>
+        <!-- Scheduled-only fields -->
+        <div id="dep-sched-block">
           <div class="hm-field">
-            <label for="dep-sch-cron">Cron expression</label>
-            <input type="text" id="dep-sch-cron" placeholder="e.g. 0 9 * * 1-5" />
-            <p id="dep-sch-cron-preview" class="dep-cron-preview"></p>
+            <label>Runs</label>
+            <div class="dep-preset-chips" id="dep-sch-presets">
+              <button type="button" class="dep-preset-chip" data-preset="daily">Daily</button>
+              <button type="button" class="dep-preset-chip" data-preset="weekdays">Weekdays</button>
+              <button type="button" class="dep-preset-chip" data-preset="weekly">Weekly</button>
+              <button type="button" class="dep-preset-chip" data-preset="custom">Custom</button>
+            </div>
           </div>
-        </div>
-        <!-- hidden cron store for preset modes -->
-        <input type="hidden" id="dep-sch-cron-preset" />
-        <div class="hm-field">
-          <label for="dep-sch-instructions">Instructions <span class="dep-optional">(optional)</span></label>
-          <textarea id="dep-sch-instructions" rows="2" placeholder="Optional message sent to the employee at the start of each run"></textarea>
-        </div>
-        <div class="dep-modal-actions">
-          <button type="button" id="dep-sch-save-btn" class="send-button">Add assignment</button>
-          <button type="button" id="dep-sch-cancel-btn" class="cancel-button">Cancel</button>
-        </div>
-        <p id="dep-sch-error" class="dep-error" hidden></p>
-      </div>
-    </div>
-  </div>
-
-  <!-- Issue #578: Add Webhook deployment modal -->
-  <div id="dep-webhook-modal" class="modal-overlay" hidden>
-    <div class="modal-card dep-modal-card">
-      <div class="modal-hdr">
-        <button class="modal-close" id="dep-webhook-close" type="button" aria-label="Close">×</button>
-        <h2 id="dep-wh-modal-title">New Triggered Assignment</h2>
-        <p>Run a job when an external system calls the inbound URL.</p>
-      </div>
-      <div class="modal-body">
-        <div class="hm-field">
-          <label for="dep-wh-label">Name</label>
-          <input type="text" id="dep-wh-label" placeholder="e.g. ServiceNow escalation handler" />
-        </div>
-        <div class="hm-fieldrow">
-          <div class="hm-field">
-            <label for="dep-wh-job">Job</label>
-            <select id="dep-wh-job"></select>
+          <div id="dep-sch-time-row" class="hm-fieldrow" hidden>
+            <div class="hm-field" id="dep-sch-day-field" hidden>
+              <label for="dep-sch-day">Day</label>
+              <select id="dep-sch-day">
+                <option value="1">Monday</option>
+                <option value="2">Tuesday</option>
+                <option value="3">Wednesday</option>
+                <option value="4">Thursday</option>
+                <option value="5">Friday</option>
+                <option value="6">Saturday</option>
+                <option value="0">Sunday</option>
+              </select>
+            </div>
+            <div class="hm-field">
+              <label for="dep-sch-time">Time</label>
+              <input type="time" id="dep-sch-time" value="09:00" />
+            </div>
           </div>
-          <div class="hm-field">
-            <label for="dep-wh-host">Employee</label>
-            <select id="dep-wh-host"></select>
+          <div id="dep-sch-custom-row" hidden>
+            <div class="hm-field">
+              <label for="dep-sch-cron">Cron expression</label>
+              <input type="text" id="dep-sch-cron" placeholder="e.g. 0 9 * * 1-5" />
+              <p id="dep-sch-cron-preview" class="dep-cron-preview"></p>
+            </div>
           </div>
+          <input type="hidden" id="dep-sch-cron-preset" />
+        </div>
+        <!-- Triggered-only note -->
+        <div id="dep-trig-block" hidden>
+          <p class="dep-trig-note">Runs when an external system POSTs to the inbound URL, generated after you add the assignment.</p>
         </div>
         <div class="hm-field">
-          <label for="dep-wh-instructions">Instructions <span class="dep-optional">(optional)</span></label>
-          <textarea id="dep-wh-instructions" rows="2" placeholder="Optional context prepended to each triggered run"></textarea>
+          <label for="dep-instructions">Instructions <span class="dep-optional">(optional)</span></label>
+          <textarea id="dep-instructions" rows="2" placeholder="Optional message sent to the agent at the start of each run"></textarea>
         </div>
         <div class="dep-modal-actions">
-          <button type="button" id="dep-wh-save-btn" class="send-button">Add assignment</button>
-          <button type="button" id="dep-wh-cancel-btn" class="cancel-button">Cancel</button>
+          <button type="button" id="dep-save-btn" class="send-button">Add assignment</button>
+          <button type="button" id="dep-cancel-btn" class="cancel-button">Cancel</button>
         </div>
-        <p id="dep-wh-error" class="dep-error" hidden></p>
+        <p id="dep-error" class="dep-error" hidden></p>
         <div id="dep-wh-inbound-row" class="dep-wh-inbound-reveal" hidden>
           <div class="dep-wh-inbound-header">
             <span class="dep-wh-inbound-label">Inbound URL</span>
@@ -836,7 +822,8 @@
         <span class="cp-hint cp-hint--right"><kbd id="cp-rerun-kbd">&#x2318;&#x21E7;R</kbd> re-run last</span>
       </div>
       <div class="cp-employee-footer">
-        Running as: <span id="cp-employee-name"></span>
+        <span class="cp-agent-label">Run with:</span>
+        <span id="cp-agent-picker" class="cp-agent-pills"></span>
       </div>
     </div>
   </div>

package/public/ai-hub/review.css

@@ -15,8 +15,10 @@
   gap: 8px;
 }
 .review-card {
-  background: rgba(255, 255, 255, 0.86);
-  border: 1px solid rgba(31, 67, 125, 0.14);
+  /* #700: token-driven so the card follows light/dark. Was a hardcoded
+     near-white that made var(--text) unreadable in dark mode. */
+  background: var(--surface);
+  border: 1px solid var(--line);
   border-radius: 10px;
   padding: 10px 14px;
   display: flex;