instar 1.3.809 → 1.3.811

package/dashboard/index.html

@@ -593,6 +593,71 @@
       max-width: 900px;
     }
 
+    /* ── Glance component (Dashboard UX Standard F10/F11, topic 29836) ──
+       The shared three-layer template rendered by dashboard/glance.js: a
+       plain-English headline + ≤5 labeled tiles (Layer 1), each drilling into a
+       list (Layer 2) then a full record (Layer 3). Theme-consistent + mobile
+       responsive (tiles/records reflow; nothing scrolls the page sideways). */
+    .glance-root { display: flex; flex-direction: column; gap: 16px; }
+    .glance-layer { display: flex; flex-direction: column; gap: 16px; }
+    .glance-headline {
+      font-size: 20px; font-weight: 600; line-height: 1.4;
+      color: var(--text-bright); max-width: 900px;
+    }
+    .glance-tiles {
+      display: grid; gap: 12px;
+      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+    }
+    .glance-tile {
+      display: flex; flex-direction: column; gap: 4px; align-items: flex-start;
+      padding: 16px; border: 1px solid var(--border); border-radius: 10px;
+      background: var(--bg-panel); color: var(--text); cursor: pointer;
+      text-align: left; min-width: 0;
+      transition: background .15s, border-color .15s;
+    }
+    .glance-tile:hover { background: var(--bg-hover); border-color: var(--accent-dim); }
+    .glance-tile:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+    .glance-tile[aria-expanded="true"] { border-color: var(--accent); background: var(--bg-active); }
+    .glance-tile-value { font-size: 28px; font-weight: 700; color: var(--text-bright); }
+    .glance-tile-label { font-size: 13px; color: var(--text-dim); }
+    .glance-tile[data-tone="warn"] .glance-tile-value { color: var(--orange); }
+    .glance-tile[data-tone="muted"] .glance-tile-value { color: var(--text-dim); }
+    .glance-tile-degraded { justify-content: center; }
+    .glance-tile-degraded .glance-tile-label { color: var(--text); font-weight: 600; }
+    .glance-drilldown {
+      border: 1px solid var(--border); border-radius: 10px; background: var(--bg-panel);
+      padding: 16px; display: flex; flex-direction: column; gap: 12px;
+    }
+    .glance-drilldown[hidden] { display: none; }
+    .glance-drill-header { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
+    .glance-drill-title { font-weight: 600; color: var(--text-bright); }
+    .glance-drill-back {
+      padding: 4px 10px; border: 1px solid var(--border); border-radius: 6px;
+      background: var(--bg-hover); color: var(--text); cursor: pointer; font-size: 12px;
+    }
+    .glance-drill-back:hover { border-color: var(--accent-dim); }
+    .glance-list { display: flex; flex-direction: column; gap: 8px; }
+    .glance-list-row {
+      text-align: left; padding: 12px 14px; border: 1px solid var(--border);
+      border-radius: 8px; background: var(--bg); color: var(--text); cursor: pointer;
+      line-height: 1.4; width: 100%;
+    }
+    .glance-list-row:hover { background: var(--bg-hover); border-color: var(--accent-dim); }
+    .glance-empty { padding: 24px; text-align: center; color: var(--text-dim); }
+    .glance-record { display: flex; flex-direction: column; gap: 10px; }
+    .glance-record-fields { display: flex; flex-direction: column; gap: 6px; }
+    .glance-record-row {
+      display: grid; grid-template-columns: minmax(80px, 140px) 1fr; gap: 10px; font-size: 13px;
+    }
+    .glance-record-key { color: var(--text-dim); }
+    .glance-record-val { color: var(--text); word-break: break-word; overflow-wrap: anywhere; }
+    .glance-record-action {
+      align-self: flex-start; margin-top: 8px; padding: 6px 12px;
+      border: 1px solid var(--border); border-radius: 6px; background: var(--bg-hover);
+      color: var(--text); cursor: pointer;
+    }
+    .glance-record-action:hover { border-color: var(--accent-dim); }
+
     .terminal-header {
       display: flex;
       align-items: center;
@@ -3312,15 +3377,11 @@
         <button onclick="loadCommitments()" style="padding:6px 12px">Refresh</button>
       </div>
       <div class="tab-purpose">
-        Open promises — beacon-watched commitments (⏳). States:
-        <span style="color:#4a9a4a">pending</span>,
-        <span style="color:#e27d3b">atRisk</span>,
-        <span style="color:#888">suppressed</span>.
-      </div>
-      <div id="commitmentsEmpty" style="padding:40px;text-align:center;color:var(--text-dim);display:none">
-        No open promises.
+        Your open promises at a glance — the headline says where things stand; tap a tile to see which promises, tap one for the full record.
       </div>
-      <div id="commitmentsList" style="display:flex;flex-direction:column;gap:12px"></div>
+      <!-- Glance floors F10/F11 (topic 29836): the shared component renders the
+           headline + tiles + drill-down here. Reference implementation. -->
+      <div id="commitmentsGlance" class="glance-root"></div>
     </div>
 
     <!-- Tokens Tab — read-only token-usage observability -->
@@ -8757,119 +8818,72 @@
       }
     }
 
-    // ── Commitments Tab (PROMISE-BEACON-SPEC — Open Promises) ────
-    // Fetches /commitments?status=active and renders beacon-watched
-    // pending + atRisk commitments with a "Mark delivered" action.
-    // All content goes through textContent; no innerHTML. XSS-safe.
+    // ── Commitments Tab — glance floors F10/F11 (topic 29836) ────
+    // The reference implementation of the shared glance component. Fetches
+    // /commitments?status=active and renders a plain-English headline + ≤5 tiles
+    // (Layer 1); each tile drills into the filtered open-promises list (Layer 2);
+    // each row opens the full record with IDs/cadence/deadlines (Layer 3). All
+    // content goes through the component's sanitizer + textContent (XSS-safe).
+    let __glanceModule = null;
+    async function loadGlanceModule() {
+      if (!__glanceModule) {
+        // Same try/catch dynamic-import guard the other tabs use — a missing/failed
+        // glance.js degrades the tab gracefully instead of white-screening.
+        try { __glanceModule = await import('/dashboard/glance.js'); }
+        catch (e) { console.error('[glance] module load failed', e); return null; }
+      }
+      return __glanceModule;
+    }
+
     async function loadCommitments() {
-      const list = document.getElementById('commitmentsList');
-      const empty = document.getElementById('commitmentsEmpty');
+      const glanceRoot = document.getElementById('commitmentsGlance');
       const countBadge = document.getElementById('tabCommitmentCount');
-      while (list.firstChild) list.removeChild(list.firstChild);
-      empty.style.display = 'none';
+      if (!glanceRoot) return;
+
+      const glance = await loadGlanceModule();
+      if (!glance) {
+        // Graceful degrade: the component couldn't load. Show an honest note, no crash.
+        glanceRoot.textContent = 'Loading the glance view failed — refresh to retry.';
+        return;
+      }
 
       let res = null;
       try {
         res = await apiFetch('/commitments?status=active');
-      } catch { /* fall through */ }
+      } catch { /* fall through to the disabled/empty glance @silent-fallback-ok — network hiccup renders the honest empty state */ }
 
       if (!res || !res.enabled) {
-        empty.style.display = 'block';
-        empty.textContent = 'CommitmentTracker not available.';
+        glanceRoot.textContent = '';
+        const note = document.createElement('div');
+        note.className = 'glance-empty';
+        note.textContent = res && res.enabled === false
+          ? 'Promise tracking is not set up on this agent yet.'
+          : 'Could not load your promises right now — refresh to retry.';
+        glanceRoot.appendChild(note);
         if (countBadge) countBadge.textContent = '0';
         return;
       }
+
       const items = Array.isArray(res.commitments) ? res.commitments : [];
-      // Show only beacon-watched pending + atRisk.
       const open = items.filter(c => c.beaconEnabled && c.status === 'pending');
       if (countBadge) countBadge.textContent = String(open.length);
-      if (open.length === 0) {
-        empty.style.display = 'block';
-        empty.textContent = 'No open promises.';
-        return;
-      }
-
-      const fmtTs = (iso) => {
-        if (!iso) return '—';
-        try { return new Date(iso).toLocaleString(); } catch { return iso; }
-      };
-
-      for (const c of open) {
-        const card = document.createElement('div');
-        card.style.cssText = 'padding:14px;border:1px solid var(--border);border-radius:6px;background:var(--bg-dim);display:flex;flex-direction:column;gap:8px';
 
-        const header = document.createElement('div');
-        header.style.cssText = 'display:flex;justify-content:space-between;gap:12px;align-items:flex-start';
-        const summary = document.createElement('div');
-        summary.style.cssText = 'flex:1;font-weight:600;line-height:1.3';
-        summary.textContent = (c.agentResponse || c.userRequest || '(no summary)').slice(0, 160);
-        header.appendChild(summary);
-
-        // State badge.
-        const badge = document.createElement('span');
-        const atRisk = !!c.atRisk;
-        const suppressed = !!c.beaconSuppressed;
-        const [badgeText, badgeBg] = suppressed
-          ? [`suppressed: ${c.beaconSuppressionReason || '?'}`, '#555']
-          : atRisk
-            ? ['atRisk', '#e27d3b']
-            : ['pending', '#4a9a4a'];
-        badge.textContent = badgeText;
-        badge.style.cssText = `font-size:11px;padding:3px 8px;border-radius:4px;background:${badgeBg};color:#fff;white-space:nowrap`;
-        header.appendChild(badge);
-        card.appendChild(header);
-
-        const meta = document.createElement('div');
-        meta.style.cssText = 'display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;font-size:12px;color:var(--text-dim)';
-        const rows = [
-          ['id', c.id],
-          ['topic', c.topicId != null ? String(c.topicId) : '—'],
-          ['cadence', c.cadenceMs ? `${Math.round(c.cadenceMs / 1000)}s` : '—'],
-          ['heartbeats', String(c.heartbeatCount ?? 0)],
-          ['lastHeartbeat', fmtTs(c.lastHeartbeatAt)],
-          ['nextUpdateDue', fmtTs(c.nextUpdateDueAt)],
-          ['softDeadline', fmtTs(c.softDeadlineAt)],
-          ['hardDeadline', fmtTs(c.hardDeadlineAt)],
-        ];
-        for (const [k, v] of rows) {
-          const cell = document.createElement('div');
-          const kEl = document.createElement('span');
-          kEl.textContent = `${k}: `;
-          kEl.style.opacity = '0.7';
-          const vEl = document.createElement('span');
-          vEl.textContent = v;
-          vEl.style.color = 'var(--text)';
-          cell.appendChild(kEl);
-          cell.appendChild(vEl);
-          meta.appendChild(cell);
-        }
-        card.appendChild(meta);
-
-        // Actions.
-        const actions = document.createElement('div');
-        actions.style.cssText = 'display:flex;gap:8px;align-items:center';
-        const deliverBtn = document.createElement('button');
-        deliverBtn.textContent = 'Mark delivered';
-        deliverBtn.style.cssText = 'padding:6px 10px;cursor:pointer';
-        deliverBtn.addEventListener('click', async () => {
-          deliverBtn.disabled = true;
+      const spec = glance.commitmentsGlanceSpec(document, items, {
+        now: Date.now(),
+        onDeliver: async (id) => {
           try {
-            await apiFetch(`/commitments/${encodeURIComponent(c.id)}/deliver`, {
+            await apiFetch(`/commitments/${encodeURIComponent(id)}/deliver`, {
               method: 'POST',
               headers: { 'Content-Type': 'application/json' },
               body: JSON.stringify({}),
             });
             await loadCommitments();
           } catch (err) {
-            deliverBtn.disabled = false;
             alert('Deliver failed: ' + (err && err.message ? err.message : String(err)));
           }
-        });
-        actions.appendChild(deliverBtn);
-        card.appendChild(actions);
-
-        list.appendChild(card);
-      }
+        },
+      });
+      glance.renderGlance(document, glanceRoot, spec);
     }
 
     // ── Secrets Tab ──────────────────────────────────────────────

package/dist/commands/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/commands/server.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAwDH,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAU3D,OAAO,EAAE,eAAe,EAAiC,MAAM,iCAAiC,CAAC;AAyBjG,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA6H7D,OAAO,KAAK,EAAW,oBAAoB,EAAe,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAgFtD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,EACf,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC1C,OAAO,CAUT;AAyID,UAAU,YAAY;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;2DACuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgmDD;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,YAAY,EACpB,YAAY,EAAE,oBAAoB,GAAG,IAAI,GACxC;IACD,YAAY,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IAC3C,QAAQ,EAAE,MAAM,CAAC;CAClB,CAqBA;AAED,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,eAAe,EACzB,cAAc,EAAE,cAAc,EAC9B,YAAY,CAAC,EAAE,YAAY,EAC3B,WAAW,CAAC,EAAE,WAAW,EACzB,WAAW,CAAC,EAAE,WAAW,EACzB,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,EAGvE,UAAU,CAAC,EAAE,MAAM,OAAO,8BAA8B,EAAE,WAAW,GAAG,IAAI,EAK5E,qBAAqB,CAAC,EAAE,MAAM,OAAO,gCAAgC,EAAE,kBAAkB,GAAG,IAAI,EAKhG,mBAAmB,CAAC,EAAE,MAAM,MAAM,GAAG,IAAI,GAAG,SAAS,EAQrD,oBAAoB,CAAC,EAAE,MAAM;IAC3B,YAAY,EAAE,OAAO,kBAAkB,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACrE,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IAC3C,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,GACP,IAAI,CAonBN;AAgmBD,wBAAsB,WAAW,CAAC,OAAO,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAq3mBtE;AAED,wBAAsB,UAAU,CAAC,OAAO,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAsDzE;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,aAAa,CAAC,OAAO,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAuD5E"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/commands/server.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAwDH,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAU3D,OAAO,EAAE,eAAe,EAAiC,MAAM,iCAAiC,CAAC;AAyBjG,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA6H7D,OAAO,KAAK,EAAW,oBAAoB,EAAe,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAgFtD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,EACf,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC1C,OAAO,CAUT;AAyID,UAAU,YAAY;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;2DACuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgmDD;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,YAAY,EACpB,YAAY,EAAE,oBAAoB,GAAG,IAAI,GACxC;IACD,YAAY,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IAC3C,QAAQ,EAAE,MAAM,CAAC;CAClB,CAqBA;AAED,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,eAAe,EACzB,cAAc,EAAE,cAAc,EAC9B,YAAY,CAAC,EAAE,YAAY,EAC3B,WAAW,CAAC,EAAE,WAAW,EACzB,WAAW,CAAC,EAAE,WAAW,EACzB,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,EAGvE,UAAU,CAAC,EAAE,MAAM,OAAO,8BAA8B,EAAE,WAAW,GAAG,IAAI,EAK5E,qBAAqB,CAAC,EAAE,MAAM,OAAO,gCAAgC,EAAE,kBAAkB,GAAG,IAAI,EAKhG,mBAAmB,CAAC,EAAE,MAAM,MAAM,GAAG,IAAI,GAAG,SAAS,EAQrD,oBAAoB,CAAC,EAAE,MAAM;IAC3B,YAAY,EAAE,OAAO,kBAAkB,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACrE,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IAC3C,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,GACP,IAAI,CAonBN;AAgmBD,wBAAsB,WAAW,CAAC,OAAO,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CA03mBtE;AAED,wBAAsB,UAAU,CAAC,OAAO,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAsDzE;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,aAAa,CAAC,OAAO,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAuD5E"}

package/dist/commands/server.js

@@ -11683,7 +11683,10 @@ export async function startServer(options) {
             // MOST-HEADROOM account (not the use-it-or-lose-it drain-first winner) — so
             // non-critical work runs whenever ANY account has room, while placement still
             // drains the soonest-to-reset account. Clamps + degraded signal are built in.
-            quotaTracker.setPoolQuotaProvider(() => poolHeadroom(subscriptionPool.list(), { nowMs: Date.now() }));
+            quotaTracker.setPoolQuotaProvider(() => poolHeadroom(subscriptionPool.list(), {
+                nowMs: Date.now(),
+                framework: config.sessions.framework ?? 'claude-code',
+            }));
             console.log(pc.green('  Pool-aware quota throttle: wired (placement-shared eligibility, most-headroom gating)'));
         }
         // ── Live credential re-pointing — census consumer re-routing (WS5.2 Step 6) ──
@@ -16255,14 +16258,16 @@ export async function startServer(options) {
                         return;
                     // Resolve which account this session is running under; only pool-managed
                     // sessions are swap-eligible (others fall back to the existing back-off).
-                    const accountId = state.listSessions({ status: 'running' })
-                        .find(s => s.tmuxSession === sessionName)?.subscriptionAccountId;
+                    const session = state.listSessions({ status: 'running' })
+                        .find(s => s.tmuxSession === sessionName);
+                    const accountId = session?.subscriptionAccountId;
                     if (!accountId)
                         return;
                     void _quotaAwareScheduler?.onQuotaPressure({
                         sessionName,
                         exhaustedAccountId: accountId,
                         nowMs: Date.now(),
+                        framework: session?.framework ?? 'claude-code',
                     });
                 });
             }
@@ -16275,7 +16280,7 @@ export async function startServer(options) {
             if (config.subscriptionPool?.pinSessionsToPool) {
                 const { selectAccount } = await import('../core/QuotaAwareScheduler.js');
                 sessionManager.setSpawnAccountResolver(() => {
-                    const acct = selectAccount(subscriptionPool.list(), { nowMs: Date.now() });
+                    const acct = selectAccount(subscriptionPool.list(), { nowMs: Date.now(), framework: 'claude-code' });
                     return acct ? { configHome: acct.configHome, accountId: acct.id } : null;
                 });
                 console.log(pc.green('  Subscription-pool session pinning enabled'));