kifaru 1.0.179 → 1.0.181

package/dashboard/assurance.html

@@ -1324,9 +1324,30 @@
         <button class="tab" role="tab" data-tab="audit" aria-selected="false">
           <span class="num">4</span> Audit Evidence
         </button>
-        <div class="session-picker" style="margin-left: auto; display: inline-flex; align-items: center; gap: 8px; padding: 6px 0;">
-          <label for="globalSessionSelect" class="eyebrow" style="font-size: 11px; margin: 0; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted);">Agent Session:</label>
-          <select id="globalSessionSelect" style="background: var(--surface-2, #18202b); color: var(--ink, #e6edf3); border: 1px solid var(--border, #293039); border-radius: 6px; padding: 4px 8px; font-size: 12px; font-family: var(--font-mono, monospace); max-width: 380px; cursor: pointer;">
+        <div
+          class="session-picker"
+          style="margin-left: auto; display: inline-flex; align-items: center; gap: 8px; padding: 6px 0"
+        >
+          <label
+            for="globalSessionSelect"
+            class="eyebrow"
+            style="font-size: 11px; margin: 0; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted)"
+            >Agent Session:</label
+          >
+          <select
+            id="globalSessionSelect"
+            style="
+              background: var(--surface-2, #18202b);
+              color: var(--ink, #e6edf3);
+              border: 1px solid var(--border, #293039);
+              border-radius: 6px;
+              padding: 4px 8px;
+              font-size: 12px;
+              font-family: var(--font-mono, monospace);
+              max-width: 380px;
+              cursor: pointer;
+            "
+          >
             <option value="auto">⚡ Latest Session (Auto)</option>
             <option value="all">🌐 All Workspace Sessions</option>
           </select>
@@ -1381,12 +1402,12 @@
             <div class="flist" id="topfindings"></div>
           </div>
         </div>
-        <div class="card" id="overviewRecentRunsCard" style="margin-top: 14px; display: none;">
+        <div class="card" id="overviewRecentRunsCard" style="margin-top: 14px; display: none">
           <div class="card-h">
             <h2>Recent agent sessions &amp; runs</h2>
             <span class="sub" id="overviewRunsCount">Durable platform ledger</span>
           </div>
-          <div id="overviewRunsList" style="display:flex; flex-direction:column; gap:8px;"></div>
+          <div id="overviewRunsList" style="display: flex; flex-direction: column; gap: 8px"></div>
         </div>
       </section>
 
@@ -1400,7 +1421,10 @@
           </p>
         </div>
         <div class="card">
-          <div class="run-head" style="display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:12px;">
+          <div
+            class="run-head"
+            style="display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 12px"
+          >
             <div>
               <div class="eyebrow">Target</div>
               <div class="mono" id="runTarget" style="font-size: 14px; font-weight: 600; margin-top: 3px">
@@ -1410,15 +1434,42 @@
                 Run <span class="mono">RUN-7F3A9C</span> · worker <span class="mono">kf-worker-nbo-02</span> ·
                 authorization verified ✓
               </div>
-              <div style="margin-top: 8px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
-                <span class="eyebrow" style="font-size: 10px;">Select Run / Session:</span>
-                <select id="runSelect" style="background: var(--surface-2, #18202b); color: var(--ink, #e6edf3); border: 1px solid var(--border, #293039); border-radius: 6px; padding: 4px 8px; font-size: 12px; font-family: var(--font-mono, monospace); max-width: 480px; cursor: pointer;">
+              <div style="margin-top: 8px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap">
+                <span class="eyebrow" style="font-size: 10px">Select Run / Session:</span>
+                <select
+                  id="runSelect"
+                  style="
+                    background: var(--surface-2, #18202b);
+                    color: var(--ink, #e6edf3);
+                    border: 1px solid var(--border, #293039);
+                    border-radius: 6px;
+                    padding: 4px 8px;
+                    font-size: 12px;
+                    font-family: var(--font-mono, monospace);
+                    max-width: 480px;
+                    cursor: pointer;
+                  "
+                >
                   <option value="auto">⚡ Auto-follow (Latest / In-Flight)</option>
                 </select>
               </div>
             </div>
-            <div style="display:flex; gap:8px; align-items:center;">
-              <a href="/agent" target="_blank" class="btn" style="text-decoration:none; font-size:12px; padding:6px 12px; background:var(--surface-2); border:1px solid var(--border); color:var(--ink-2); border-radius:8px;">Open Agent View ↗</a>
+            <div style="display: flex; gap: 8px; align-items: center">
+              <a
+                href="/agent"
+                target="_blank"
+                class="btn"
+                style="
+                  text-decoration: none;
+                  font-size: 12px;
+                  padding: 6px 12px;
+                  background: var(--surface-2);
+                  border: 1px solid var(--border);
+                  color: var(--ink-2);
+                  border-radius: 8px;
+                "
+                >Open Agent View ↗</a
+              >
               <button class="btn btn-primary" id="runBtn">
                 <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z" /></svg
                 ><span id="runBtnLabel">Run assessment</span>
@@ -2309,7 +2360,9 @@ ${f.dpa.map((d) => " - " + d).join("\n")}`
         if (metaEl) {
           const worker = run.workerId || run.source || (run.runtime ? `runtime ${run.runtime}` : "kf-worker-local")
           const auth = isLive ? "turn in flight · active hunting" : "authorization verified ✓"
-          const sessionPart = run.sessionId ? ` · session <span class="mono" style="color:var(--accent); font-weight:600">${run.sessionId}</span>` : ""
+          const sessionPart = run.sessionId
+            ? ` · session <span class="mono" style="color:var(--accent); font-weight:600">${run.sessionId}</span>`
+            : ""
           const wsPart = run.workspaceId ? ` · ws <span class="mono">${run.workspaceId}</span>` : ""
           metaEl.innerHTML = `Run <span class="mono">${run.id}</span>${sessionPart}${wsPart} · worker <span class="mono">${worker}</span> · ${auth}`
         }
@@ -2722,7 +2775,9 @@ ${f.dpa.map((d) => " - " + d).join("\n")}`
             label: `${statusIcon} ${shortTitle} · ${shortId} (${countLabel})`,
           })
         }
-        const currentOpts = Array.from(select.options).map((o) => o.value).join(",")
+        const currentOpts = Array.from(select.options)
+          .map((o) => o.value)
+          .join(",")
         const newOpts = opts.map((o) => o.val).join(",")
         if (currentOpts !== newOpts) {
           select.innerHTML = ""
@@ -2746,16 +2801,22 @@ ${f.dpa.map((d) => " - " + d).join("\n")}`
         const opts = [{ val: "auto", label: "⚡ Auto-follow (Latest / In-Flight)" }]
         for (const r of runs) {
           const status = r.status ?? r.state ?? "unknown"
-          const icon = ["running", "leased", "queued"].includes(status) ? "● [RUNNING]" : ["completed", "succeeded"].includes(status) ? "✓" : "✗"
+          const icon = ["running", "leased", "queued"].includes(status)
+            ? "● [RUNNING]"
+            : ["completed", "succeeded"].includes(status)
+              ? "✓"
+              : "✗"
           const shortId = r.id.length > 20 ? `${r.id.slice(0, 16)}…` : r.id
           const shortTitle = (r.title || r.id).slice(0, 36)
           const sessionSuffix = r.sessionId ? ` [${r.sessionId.slice(0, 10)}…]` : ""
           opts.push({
             val: r.id,
-            label: `${icon} ${shortTitle} · ${shortId}${sessionSuffix}`
+            label: `${icon} ${shortTitle} · ${shortId}${sessionSuffix}`,
           })
         }
-        const currentOpts = Array.from(select.options).map((o) => o.value).join(",")
+        const currentOpts = Array.from(select.options)
+          .map((o) => o.value)
+          .join(",")
         const newOpts = opts.map((o) => o.val).join(",")
         if (currentOpts !== newOpts) {
           select.innerHTML = ""
@@ -2783,13 +2844,15 @@ ${f.dpa.map((d) => " - " + d).join("\n")}`
         }
         card.style.display = "block"
         if (count) count.textContent = `${runs.length} recorded run${runs.length === 1 ? "" : "s"} in workspace`
-        list.innerHTML = runs.slice(0, 8).map((r) => {
-          const status = r.status ?? r.state ?? "unknown"
-          const isLive = ["running", "queued", "leased"].includes(status)
-          const isOk = ["completed", "succeeded"].includes(status)
-          const badgeClass = isLive ? "sevtag sev-low" : isOk ? "statuspill" : "sevtag sev-critical"
-          const timeStr = r.updatedAt ? new Date(r.updatedAt).toLocaleTimeString() : ""
-          return `<div style="display:flex; justify-content:space-between; align-items:center; padding:8px 12px; background:var(--surface-2); border-radius:8px; border:1px solid var(--hair); font-size:12.5px;">
+        list.innerHTML = runs
+          .slice(0, 8)
+          .map((r) => {
+            const status = r.status ?? r.state ?? "unknown"
+            const isLive = ["running", "queued", "leased"].includes(status)
+            const isOk = ["completed", "succeeded"].includes(status)
+            const badgeClass = isLive ? "sevtag sev-low" : isOk ? "statuspill" : "sevtag sev-critical"
+            const timeStr = r.updatedAt ? new Date(r.updatedAt).toLocaleTimeString() : ""
+            return `<div style="display:flex; justify-content:space-between; align-items:center; padding:8px 12px; background:var(--surface-2); border-radius:8px; border:1px solid var(--hair); font-size:12.5px;">
             <div style="display:flex; align-items:center; gap:10px; min-width:0; overflow:hidden;">
               <span class="${badgeClass}">${status.toUpperCase()}</span>
               <span style="font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">${r.title || r.id}</span>
@@ -2801,7 +2864,8 @@ ${f.dpa.map((d) => " - " + d).join("\n")}`
               <button class="btn btn-sm" onclick="inspectRun('${r.id}')" style="font-size:11px; padding:3px 9px;">Inspect Run &rarr;</button>
             </div>
           </div>`
-        }).join("")
+          })
+          .join("")
       }
 
       async function inspectRun(runId) {
@@ -2967,10 +3031,9 @@ ${f.dpa.map((d) => " - " + d).join("\n")}`
           $("#srcPill").className = "src live"
           $("#srcText").textContent = "Live · platform DB"
           $("#srcPill").title = "Live — click to manage sign-in."
-          const sessionFlag = effectiveSessionId
-            ? ` · session ${effectiveSessionId.slice(0, 16)}…`
-            : " · all sessions"
-          $("#demoFlag").textContent = "● Live — " + total + " findings across " + runs + " runs" + sessionFlag + " · updated " + ago
+          const sessionFlag = effectiveSessionId ? ` · session ${effectiveSessionId.slice(0, 16)}…` : " · all sessions"
+          $("#demoFlag").textContent =
+            "● Live — " + total + " findings across " + runs + " runs" + sessionFlag + " · updated " + ago
           const footFindings = effectiveSessionId
             ? `/api/v1/findings?sessionId=${effectiveSessionId.slice(0, 12)}…`
             : "/api/v1/findings"