fraim-framework 2.0.167 → 2.0.168

package/public/ai-hub/script.js

@@ -774,16 +774,6 @@ function renderRail() {
       statusSpan.textContent = conversationStateLabel(conv);
       statusSpan.classList.add(conversationUiState(conv));
       btn.appendChild(statusSpan);
-      // Issue #578: sourceTrigger chip — show scheduled/webhook badge on automated runs.
-      if (conv.sourceTrigger && conv.sourceTrigger !== 'manager') {
-        const trigBadge = document.createElement('span');
-        trigBadge.className = 'trigger-badge trigger-badge--' + conv.sourceTrigger;
-        trigBadge.textContent = conv.sourceTrigger === 'scheduled' ? 'Scheduled' : 'Webhook';
-        trigBadge.title = conv.sourceTrigger === 'scheduled'
-          ? 'This run was started by the built-in cron scheduler'
-          : 'This run was triggered by an inbound webhook';
-        btn.appendChild(trigBadge);
-      }
       // Issue #442: A/B badge on rail entry.
       if (conv.compareMode === 'ab') {
         const badge = document.createElement('span');
@@ -3814,7 +3804,7 @@ function renderAgentInstallPanel() {
 
       const skipBtn = document.createElement('button');
       skipBtn.className = 'ghost small';
-      skipBtn.textContent = 'Skip for now';
+      skipBtn.textContent = 'Choose another agent';
       skipBtn.style.marginLeft = '6px';
       skipBtn.addEventListener('click', () => {
         delete agentInstallState[emp.id];
@@ -4255,18 +4245,7 @@ function startPolling() {
     }
     try {
       if (!fraimDone) {
-        const runResp = await fetch(`/api/ai-hub/runs/${conv.runId}`, { headers: { 'x-api-key': 'local-dev' } });
-        if (runResp.status === 404) {
-          // Run no longer in server registry (e.g. after restart). Stop polling.
-          window.clearInterval(state.pollHandle);
-          state.pollHandle = null;
-          conv.status = 'done';
-          upsertConversation(conv);
-          renderRail();
-          renderActive();
-          return;
-        }
-        const run = await runResp.json();
+        const run = await requestJson(`/api/ai-hub/runs/${conv.runId}`);
         foldRunIntoConversation(conv, run);
       }
       // Issue #442: also poll the compare run when present and not yet terminal.
@@ -4958,7 +4937,7 @@ function wireEvents() {
   }
 
   if (isFirstRun) {
-    renderFirstRunLanding();
+    renderActive();
     return;
   }
 
@@ -5372,8 +5351,6 @@ function tfSelectProjectView(view, projectId) {
     tfRenderTree();
     tfRenderProjectContextTop();
     tfApplyWorkspaceMode();
-    // Issue #578: reload deployment roster when entering workspace.
-    loadDeployments();
   }
 }
 
@@ -5855,197 +5832,6 @@ function tfShowProjectBrief() { const a = document.getElementById('proj-brief-ac
 function tfShowProjectLearnings() { const a = document.getElementById('proj-learnings-acc'); if (a) a.open = true; }
 function tfHideProjectLearnings() { /* panels removed in #521; brief/learnings are inline top sections */ }
 
-// ---------------------------------------------------------------------------
-// Issue #578: Deployment roster (scheduled + webhook triggers)
-// ---------------------------------------------------------------------------
-
-async function loadDeployments() {
-  const list = document.getElementById('proj-deployments-list');
-  if (!list) return;
-  try {
-    const [schResp, whResp] = await Promise.all([
-      fetch('/api/ai-hub/schedules'),
-      fetch('/api/ai-hub/webhooks'),
-    ]);
-    const schedules = schResp.ok ? await schResp.json() : [];
-    const webhooks = whResp.ok ? await whResp.json() : [];
-    renderDeploymentList(list, [...schedules, ...webhooks]);
-  } catch {
-    list.textContent = 'Could not load deployments.';
-  }
-}
-
-function renderDeploymentList(container, deployments) {
-  container.innerHTML = '';
-  if (!deployments.length) {
-    const empty = document.createElement('p');
-    empty.className = 'dep-empty';
-    empty.textContent = 'No deployments yet. Use + Schedule or + Webhook above to add automated triggers.';
-    container.appendChild(empty);
-    return;
-  }
-  for (const dep of deployments) {
-    const card = document.createElement('div');
-    card.className = 'dep-card';
-    const top = document.createElement('div');
-    top.className = 'dep-card-top';
-    const icon = document.createElement('span');
-    icon.className = 'dep-type-icon';
-    icon.textContent = dep.type === 'scheduled' ? '⏱' : '🔗';
-    const label = document.createElement('span');
-    label.className = 'dep-label';
-    label.textContent = dep.label;
-    const typeBadge = document.createElement('span');
-    typeBadge.className = 'dep-type-badge dep-type-badge--' + dep.type;
-    typeBadge.textContent = dep.type === 'scheduled' ? 'Scheduled' : 'Webhook';
-    top.appendChild(icon);
-    top.appendChild(label);
-    top.appendChild(typeBadge);
-    card.appendChild(top);
-
-    if (dep.cronExpr) {
-      const cron = document.createElement('div');
-      cron.className = 'dep-detail';
-      cron.textContent = dep.cronExpr;
-      card.appendChild(cron);
-    }
-    if (dep.inboundUrl) {
-      const urlRow = document.createElement('div');
-      urlRow.className = 'dep-detail dep-detail--url';
-      const urlCode = document.createElement('code');
-      urlCode.textContent = dep.inboundUrl;
-      urlCode.className = 'dep-inbound-url dep-inbound-url--inline';
-      const copyBtn = document.createElement('button');
-      copyBtn.type = 'button';
-      copyBtn.className = 'hm-copy-btn';
-      copyBtn.textContent = 'Copy';
-      copyBtn.addEventListener('click', () => { navigator.clipboard.writeText(dep.inboundUrl).catch(() => {}); });
-      urlRow.appendChild(urlCode);
-      urlRow.appendChild(copyBtn);
-      card.appendChild(urlRow);
-    }
-
-    const delBtn = document.createElement('button');
-    delBtn.type = 'button';
-    delBtn.className = 'dep-del-btn';
-    delBtn.title = 'Remove this deployment';
-    delBtn.textContent = 'Remove';
-    delBtn.addEventListener('click', async () => {
-      const endpoint = dep.type === 'scheduled' ? 'schedules' : 'webhooks';
-      await fetch('/api/ai-hub/' + endpoint + '/' + dep.id, { method: 'DELETE' });
-      await loadDeployments();
-    });
-    card.appendChild(delBtn);
-    container.appendChild(card);
-  }
-}
-
-function initDeploymentButtons() {
-  const addSchBtn = document.getElementById('dep-add-schedule-btn');
-  const addWhBtn = document.getElementById('dep-add-webhook-btn');
-  if (addSchBtn) addSchBtn.addEventListener('click', () => openDeploymentModal('schedule'));
-  if (addWhBtn) addWhBtn.addEventListener('click', () => openDeploymentModal('webhook'));
-
-  // Close buttons
-  const schClose = document.getElementById('dep-schedule-close');
-  const whClose = document.getElementById('dep-webhook-close');
-  if (schClose) schClose.addEventListener('click', () => { document.getElementById('dep-schedule-modal').hidden = true; });
-  if (whClose) whClose.addEventListener('click', () => { document.getElementById('dep-webhook-modal').hidden = true; });
-
-  // Cancel buttons
-  const schCancel = document.getElementById('dep-sch-cancel-btn');
-  const whCancel = document.getElementById('dep-wh-cancel-btn');
-  if (schCancel) schCancel.addEventListener('click', () => { document.getElementById('dep-schedule-modal').hidden = true; });
-  if (whCancel) whCancel.addEventListener('click', () => { document.getElementById('dep-webhook-modal').hidden = true; });
-
-  // Save buttons
-  const schSave = document.getElementById('dep-sch-save-btn');
-  if (schSave) schSave.addEventListener('click', saveScheduleDeployment);
-  const whSave = document.getElementById('dep-wh-save-btn');
-  if (whSave) whSave.addEventListener('click', saveWebhookDeployment);
-
-  // Copy inbound URL button
-  const copyBtn = document.getElementById('dep-wh-copy-btn');
-  if (copyBtn) copyBtn.addEventListener('click', () => {
-    const url = document.getElementById('dep-wh-inbound-url').textContent;
-    navigator.clipboard.writeText(url).catch(() => {});
-  });
-}
-
-function openDeploymentModal(type) {
-  const jobs = state.bootstrap?.jobs ?? [];
-  if (type === 'schedule') {
-    const modal = document.getElementById('dep-schedule-modal');
-    const jobSel = document.getElementById('dep-sch-job');
-    jobSel.innerHTML = '';
-    for (const j of jobs) {
-      const opt = document.createElement('option');
-      opt.value = j.id;
-      opt.textContent = j.title;
-      jobSel.appendChild(opt);
-    }
-    document.getElementById('dep-sch-error').hidden = true;
-    document.getElementById('dep-sch-label').value = '';
-    document.getElementById('dep-sch-cron').value = '';
-    document.getElementById('dep-sch-instructions').value = '';
-    modal.hidden = false;
-  } else {
-    const modal = document.getElementById('dep-webhook-modal');
-    const jobSel = document.getElementById('dep-wh-job');
-    jobSel.innerHTML = '';
-    for (const j of jobs) {
-      const opt = document.createElement('option');
-      opt.value = j.id;
-      opt.textContent = j.title;
-      jobSel.appendChild(opt);
-    }
-    document.getElementById('dep-wh-error').hidden = true;
-    document.getElementById('dep-wh-inbound-row').hidden = true;
-    document.getElementById('dep-wh-label').value = '';
-    document.getElementById('dep-wh-instructions').value = '';
-    modal.hidden = false;
-  }
-}
-
-async function saveScheduleDeployment() {
-  const label = document.getElementById('dep-sch-label').value.trim();
-  const jobId = document.getElementById('dep-sch-job').value;
-  const cronExpr = document.getElementById('dep-sch-cron').value.trim();
-  const instructions = document.getElementById('dep-sch-instructions').value.trim();
-  const errEl = document.getElementById('dep-sch-error');
-  if (!label || !cronExpr) { errEl.textContent = 'Label and cron expression are required.'; errEl.hidden = false; return; }
-  try {
-    const resp = await fetch('/api/ai-hub/schedules', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ label, jobId, cronExpr, instructions: instructions || undefined }),
-    });
-    if (!resp.ok) { const e = await resp.json().catch(() => ({})); errEl.textContent = e.error || 'Failed to create schedule.'; errEl.hidden = false; return; }
-    document.getElementById('dep-schedule-modal').hidden = true;
-    await loadDeployments();
-  } catch { errEl.textContent = 'Network error — is the Hub running?'; errEl.hidden = false; }
-}
-
-async function saveWebhookDeployment() {
-  const label = document.getElementById('dep-wh-label').value.trim();
-  const jobId = document.getElementById('dep-wh-job').value;
-  const instructions = document.getElementById('dep-wh-instructions').value.trim();
-  const errEl = document.getElementById('dep-wh-error');
-  if (!label) { errEl.textContent = 'Label is required.'; errEl.hidden = false; return; }
-  try {
-    const resp = await fetch('/api/ai-hub/webhooks', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ label, jobId, instructions: instructions || undefined }),
-    });
-    if (!resp.ok) { const e = await resp.json().catch(() => ({})); errEl.textContent = e.error || 'Failed to create webhook.'; errEl.hidden = false; return; }
-    const dep = await resp.json();
-    document.getElementById('dep-wh-inbound-url').textContent = dep.inboundUrl;
-    document.getElementById('dep-wh-inbound-row').hidden = false;
-    await loadDeployments();
-  } catch { errEl.textContent = 'Network error — is the Hub running?'; errEl.hidden = false; }
-}
-
 // ---------------------------------------------------------------------------
 // Company / Manager / Brain content
 // ---------------------------------------------------------------------------
@@ -8019,8 +7805,6 @@ function tfInitShell() {
   tfRenderRail();
   tfRenderProjectTabs();
   tfShowArea('projects');
-  // Issue #578: wire deployment modal buttons.
-  initDeploymentButtons();
   // Open the workspace by default so the conversation surface (#conversation,
   // #new-conv-btn, #empty, the welcome line, the project button) is visible on
   // load — preserving the contract the shipped #339/#347/#429/#442 Hub UI

package/public/ai-hub/styles.css

@@ -1731,6 +1731,14 @@ button.small { padding: 4px 10px; font-size: 12px; }
    keep the journey visible. */
 @media (max-width: 640px) {
   .tracker .stage .stage-label { display: none; }
+  .tracker .stage { min-width: 24px; }
+  .tracker .stage-circle {
+    width: 20px;
+    height: 20px;
+    border-width: 1px;
+    font-size: 10px;
+  }
+  .tracker .stage::before { top: 10px; }
   .tracker-active-label { display: block; }
 }
 
@@ -3985,39 +3993,3 @@ body.hub-shell { display: flex; flex-direction: column; height: 100vh; overflow:
 .hs-btn--primary:hover { opacity:.85; }
 .hs-btn--ghost { background:transparent; color:var(--muted); border:1px solid var(--line); }
 .hs-btn--ghost:hover { color:var(--text); border-color:var(--text); }
-
-/* ── Issue #578: Scheduled + Reactive Employees ── */
-
-/* sourceTrigger chip on run rail items */
-.trigger-badge { display:inline-block; padding:1px 6px; border-radius:4px; font-size:10px; font-weight:600; letter-spacing:.02em; flex-shrink:0; }
-.trigger-badge--scheduled { background:rgba(0,122,255,.12); color:#0071e3; }
-.trigger-badge--webhook   { background:rgba(88,86,214,.12); color:#5856d6; }
-
-/* Deployment roster accordion */
-#proj-deployments-acc { margin-top:0; }
-.dep-actions { display:flex; gap:8px; margin-top:8px; }
-.dep-add-btn { padding:4px 12px; background:var(--accent-soft,rgba(0,113,227,.08)); color:var(--accent,#0071e3); border:1px solid rgba(0,113,227,.2); border-radius:8px; font-size:12px; font-weight:600; cursor:pointer; }
-.dep-add-btn:hover { background:var(--accent,#0071e3); color:#fff; }
-
-/* Deployment cards */
-.dep-card { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; padding:8px 10px; background:var(--surface,#fff); border:1px solid var(--line,#e5e5e5); border-radius:10px; margin-bottom:6px; }
-.dep-card-top { display:flex; align-items:center; gap:6px; flex:1; min-width:0; }
-.dep-type-icon { font-size:14px; flex-shrink:0; }
-.dep-label { font-size:13px; font-weight:600; color:var(--text,#1d1d1f); flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-.dep-type-badge { display:inline-block; padding:1px 7px; border-radius:4px; font-size:10px; font-weight:600; flex-shrink:0; }
-.dep-type-badge--scheduled { background:rgba(0,122,255,.12); color:#0071e3; }
-.dep-type-badge--webhook   { background:rgba(88,86,214,.12); color:#5856d6; }
-.dep-detail { width:100%; font-size:11px; color:var(--muted,#888); margin-left:20px; }
-.dep-detail--url { display:flex; align-items:center; gap:6px; }
-.dep-inbound-url { font-size:11px; word-break:break-all; color:var(--muted,#888); flex:1; }
-.dep-inbound-url--inline { display:inline; font-size:11px; }
-.dep-del-btn { margin-left:auto; padding:2px 8px; background:transparent; border:1px solid var(--line,#e5e5e5); border-radius:6px; font-size:11px; color:var(--muted,#888); cursor:pointer; flex-shrink:0; }
-.dep-del-btn:hover { border-color:#ff3b30; color:#ff3b30; }
-.dep-empty { color:var(--muted,#888); font-size:12px; margin:4px 0 8px; line-height:1.5; }
-
-/* Deployment modals */
-.dep-modal-actions { display:flex; gap:8px; margin-top:12px; }
-.dep-error { color:#ff3b30; font-size:12px; margin-top:4px; }
-.cancel-button { padding:7px 18px; border-radius:8px; font-size:13px; font-weight:600; cursor:pointer; background:transparent; color:var(--muted,#888); border:1px solid var(--line,#e5e5e5); }
-.cancel-button:hover { border-color:var(--text,#1d1d1f); color:var(--text,#1d1d1f); }
-.dep-inbound-url-row { display:flex; align-items:center; gap:8px; padding:6px 10px; background:var(--bg,#f5f5f7); border-radius:8px; margin-top:6px; }

package/public/first-run/index.html

@@ -20,8 +20,8 @@
              Replaced wholesale by script.js once /api/first-run/session returns. -->
         <li class="row skeleton-row" data-row-id="node" data-row-status="pending"><span class="icon" aria-hidden="true">.</span><span class="label">Node.js</span><span class="verb" data-testid="row-verb">checking...</span></li>
         <li class="row skeleton-row" data-row-id="git" data-row-status="pending"><span class="icon" aria-hidden="true">.</span><span class="label">git</span><span class="verb" data-testid="row-verb">checking...</span></li>
+        <li class="row skeleton-row" data-row-id="agent" data-row-status="pending"><span class="icon" aria-hidden="true">.</span><span class="label">Locally installed AI agents</span><span class="verb" data-testid="row-verb">checking...</span></li>
         <li class="row skeleton-row" data-row-id="fraim" data-row-status="pending"><span class="icon" aria-hidden="true">.</span><span class="label">FRAIM</span><span class="verb" data-testid="row-verb">checking...</span></li>
-        <li class="row skeleton-row" data-row-id="agent" data-row-status="pending"><span class="icon" aria-hidden="true">.</span><span class="label">Execution surfaces</span><span class="verb" data-testid="row-verb">checking...</span></li>
       </ul>
       <div class="actions">
         <button id="primary-button" class="primary-button" data-testid="primary-button">Set up FRAIM</button>