@hellcoder/companion 0.116.1-preview.20260814042234.2d329a2 → 0.117.0

package/dist/assets/{MagicUIDashboard-9Jgiv4rb.js → MagicUIDashboard-Bpa4AupX.js}

@@ -1,4 +1,4 @@
-import{N as C,O as D,r,u as m,Q as P,j as O}from"./index-DspbwgSL.js";const A=`/* MagicUI iframe runtime.
+import{N as C,O as D,r,u as m,Q as P,j as O}from"./index-DqIZ_Ol5.js";const A=`/* MagicUI iframe runtime.
  *
  * Plain dependency-free JS (Chart.js UMD is inlined separately by the host).
  * Runs inside a sandboxed, opaque-origin iframe with a no-network CSP.
@@ -89,6 +89,13 @@ import{N as C,O as D,r,u as m,Q as P,j as O}from"./index-DspbwgSL.js";const A=`/
   }
   function closeOverlay() {
     document.getElementById("overlay").classList.remove("open");
+    // Destroy chart instances that live only inside the overlay.
+    charts.forEach(function (chart, key) {
+      if (key.indexOf("overlay:") === 0) {
+        chart.destroy();
+        charts.delete(key);
+      }
+    });
   }
 
   function copyButton(getText) {
@@ -122,7 +129,9 @@ import{N as C,O as D,r,u as m,Q as P,j as O}from"./index-DspbwgSL.js";const A=`/
   }
 
   // ── Slot cards ───────────────────────────────────────────────────────
-  function buildCard(name, slot) {
+  // chartKey lets overlay renders (archived topics) keep their Chart.js
+  // instances separate from the live board's.
+  function buildCard(name, slot, chartKey) {
     var card = el("div", "card");
     card.dataset.slot = name;
     var actions = el("div", "card-actions");
@@ -141,7 +150,7 @@ import{N as C,O as D,r,u as m,Q as P,j as O}from"./index-DspbwgSL.js";const A=`/
       canvas.setAttribute("role", "img");
       canvas.setAttribute("aria-label", slot.title || slot.chart.title || "chart");
       wrap.appendChild(canvas);
-      renderChart(name, canvas, slot.chart);
+      renderChart(chartKey || name, canvas, slot.chart);
     } else if (slot.stat) {
       var statBox = el("div");
       var valueRow = el("div");
@@ -375,6 +384,46 @@ import{N as C,O as D,r,u as m,Q as P,j as O}from"./index-DspbwgSL.js";const A=`/
     }
   }
 
+  // ── Archived topics (chips in the status strip) ──────────────────────
+  function openTopicOverlay(topic) {
+    openOverlay(topic.title, function (target) {
+      var grid = el("div", "overlay-grid");
+      target.appendChild(grid);
+      var names = Object.keys(topic.slots || {});
+      // Respect the topic's layout order where available.
+      names.sort(function (a, b) {
+        var la = (topic.layout || []).findIndex(function (l) { return l.slot === a; });
+        var lb = (topic.layout || []).findIndex(function (l) { return l.slot === b; });
+        if (la !== -1 && lb !== -1) return la - lb;
+        if (la !== -1) return -1;
+        if (lb !== -1) return 1;
+        return 0;
+      });
+      names.forEach(function (name) {
+        var card = buildCard(name, topic.slots[name], "overlay:" + topic.id + ":" + name);
+        grid.appendChild(card);
+      });
+      if (names.length === 0) {
+        target.appendChild(el("div", "panel-empty", "This topic had no content."));
+      }
+    });
+  }
+
+  function renderTopics(state) {
+    var host = document.getElementById("topic-chips");
+    clear(host);
+    var topics = state.topics || [];
+    if (state.currentTopicTitle && (topics.length > 0 || state.currentTopicTitle !== "Session")) {
+      host.appendChild(el("span", "topic-current", state.currentTopicTitle));
+    }
+    topics.forEach(function (topic) {
+      var chip = el("button", "topic-chip", topic.title);
+      chip.title = "Reopen archived topic: " + topic.title;
+      chip.addEventListener("click", function () { openTopicOverlay(topic); });
+      host.appendChild(chip);
+    });
+  }
+
   var SRC_LABEL = { user: "You", ai_auto: "AI", agent: "Agent" };
 
   function decisionRow(entry) {
@@ -590,6 +639,7 @@ import{N as C,O as D,r,u as m,Q as P,j as O}from"./index-DspbwgSL.js";const A=`/
 
     renderOpenItems(state.openItems || []);
     renderDecisionLog(state.decisionLog || []);
+    renderTopics(state);
 
     var dot = document.getElementById("status-dot");
     dot.className = "status-dot" + (state.status !== "live" ? " " + state.status : "");
@@ -651,7 +701,8 @@ import{N as C,O as D,r,u as m,Q as P,j as O}from"./index-DspbwgSL.js";const A=`/
       "</div>" +
       '<div id="footer">' +
       '<div id="decisions-live" aria-live="assertive"></div>' +
-      '<div id="status-strip"><span class="status-dot" id="status-dot"></span><span id="status-text">Connecting…</span></div>' +
+      '<div id="status-strip"><span class="status-dot" id="status-dot"></span><span id="status-text">Connecting…</span>' +
+      '<span id="topic-chips" aria-label="Archived topics"></span></div>' +
       "</div>";
     document.body.appendChild(root);
 
@@ -1061,6 +1112,41 @@ body[data-theme="light"] .behavior.allow { color: #006300; }
 .dp-question { margin-bottom: 8px; }
 .dp-question .q-text { font-weight: 600; font-size: 12px; margin-bottom: 4px; }
 
+/* ── Topic chips (archived boards) ────────────────────────────────────── */
+
+#topic-chips {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin-left: 10px;
+  overflow: hidden;
+}
+.topic-current {
+  font-weight: 650;
+  color: var(--ink-2);
+}
+.topic-current::before { content: "· "; color: var(--muted); font-weight: 400; }
+.topic-chip {
+  border: 1px solid var(--ring);
+  border-radius: 999px;
+  background: var(--surface-1);
+  color: var(--ink-2);
+  font-size: 10px;
+  font-weight: 600;
+  padding: 2px 9px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.topic-chip:hover { color: var(--ink); border-color: var(--accent); }
+
+.overlay-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+}
+.overlay-grid .card { min-height: 110px; max-height: 320px; }
+.overlay-grid .card .chart-wrap { position: relative; height: 180px; }
+
 /* ── Overlay (expander target) ────────────────────────────────────────── */
 
 #overlay {

package/dist/assets/{MagicUIView-BLEcS9XO.js → MagicUIView-BoHMBELi.js}

@@ -1 +1 @@
-import{u as l,r as s,c as k,j as r,D as M,M as R,P as _,C}from"./index-DspbwgSL.js";import{d as P,t as D,M as E}from"./MagicUIDashboard-9Jgiv4rb.js";const N=4e3;function A({sessionId:t}){const u=l(e=>e.pendingPermissions.get(t)),h=l(e=>e.removePermission),m=l(e=>e.connectionStatus.get(t)??"disconnected"),x=l(e=>e.cliConnected.get(t)??!1),i=s.useMemo(()=>u?Array.from(u.values()):[],[u]),[a,g]=s.useState(new Set),f=s.useRef(new Set),c=s.useRef(new Map);s.useEffect(()=>{for(const e of i){const n=e.request_id;f.current.has(n)||a.has(n)||c.current.has(n)||c.current.set(n,setTimeout(()=>{c.current.delete(n),f.current.has(n)||g(o=>new Set(o).add(n))},N))}for(const[e,n]of c.current)i.some(o=>o.request_id===e)||(clearTimeout(n),c.current.delete(e))},[i,a]),s.useEffect(()=>()=>{for(const e of c.current.values())clearTimeout(e);c.current.clear()},[]);const b=s.useCallback(e=>{f.current.add(e);const n=c.current.get(e);n&&(clearTimeout(n),c.current.delete(e))},[]),v=s.useCallback((e,n)=>{var d;const o=(d=l.getState().pendingPermissions.get(t))==null?void 0:d.get(e);o&&(k(t,P(o,n)),h(t,e))},[t,h]),w=s.useCallback(()=>{g(e=>{var o;const n=new Set(e);for(const d of((o=l.getState().pendingPermissions.get(t))==null?void 0:o.values())??[])n.add(d.request_id);return n})},[t]),j=s.useMemo(()=>i.filter(e=>!a.has(e.request_id)).map(D),[i,a]),p=s.useMemo(()=>i.filter(e=>a.has(e.request_id)),[i,a]),S=m==="connected"&&!x;return r.jsxs("div",{className:"flex flex-col h-full min-h-0",children:[(S||m==="disconnected")&&r.jsxs("div",{className:"px-4 py-1.5 bg-gradient-to-r from-cc-warning/8 to-cc-warning/4 border-b border-cc-warning/15 flex items-center justify-center gap-2",children:[r.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-cc-warning animate-[pulse-dot_1.5s_ease-in-out_infinite] shrink-0"}),r.jsx("span",{className:"text-xs text-cc-warning font-medium",children:m==="disconnected"?"Reconnecting to session…":"CLI disconnected — switch to Standard view to reconnect"})]}),r.jsx("div",{className:"h-36 shrink-0 border-b border-cc-border relative overflow-hidden","aria-label":"Raw session output",children:r.jsx(M,{value:"compact",children:r.jsx(R,{sessionId:t})})}),r.jsx("div",{className:"flex-1 min-h-0 relative bg-cc-bg",children:r.jsx(E,{sessionId:t,decisions:j,onDecisionAck:b,onDecisionResponse:v,onRuntimeError:w})}),p.length>0&&r.jsx("div",{className:"shrink-0 max-h-[50dvh] overflow-y-auto border-t border-cc-border bg-cc-card",children:p.map(e=>r.jsx(_,{permission:e,sessionId:t},e.request_id))}),r.jsx(C,{sessionId:t})]})}export{A as MagicUIView};
+import{u as l,r as s,c as k,j as r,D as M,M as R,P as _,C}from"./index-DqIZ_Ol5.js";import{d as P,t as D,M as E}from"./MagicUIDashboard-Bpa4AupX.js";const N=4e3;function A({sessionId:t}){const u=l(e=>e.pendingPermissions.get(t)),h=l(e=>e.removePermission),m=l(e=>e.connectionStatus.get(t)??"disconnected"),x=l(e=>e.cliConnected.get(t)??!1),i=s.useMemo(()=>u?Array.from(u.values()):[],[u]),[a,g]=s.useState(new Set),f=s.useRef(new Set),c=s.useRef(new Map);s.useEffect(()=>{for(const e of i){const n=e.request_id;f.current.has(n)||a.has(n)||c.current.has(n)||c.current.set(n,setTimeout(()=>{c.current.delete(n),f.current.has(n)||g(o=>new Set(o).add(n))},N))}for(const[e,n]of c.current)i.some(o=>o.request_id===e)||(clearTimeout(n),c.current.delete(e))},[i,a]),s.useEffect(()=>()=>{for(const e of c.current.values())clearTimeout(e);c.current.clear()},[]);const b=s.useCallback(e=>{f.current.add(e);const n=c.current.get(e);n&&(clearTimeout(n),c.current.delete(e))},[]),v=s.useCallback((e,n)=>{var d;const o=(d=l.getState().pendingPermissions.get(t))==null?void 0:d.get(e);o&&(k(t,P(o,n)),h(t,e))},[t,h]),w=s.useCallback(()=>{g(e=>{var o;const n=new Set(e);for(const d of((o=l.getState().pendingPermissions.get(t))==null?void 0:o.values())??[])n.add(d.request_id);return n})},[t]),j=s.useMemo(()=>i.filter(e=>!a.has(e.request_id)).map(D),[i,a]),p=s.useMemo(()=>i.filter(e=>a.has(e.request_id)),[i,a]),S=m==="connected"&&!x;return r.jsxs("div",{className:"flex flex-col h-full min-h-0",children:[(S||m==="disconnected")&&r.jsxs("div",{className:"px-4 py-1.5 bg-gradient-to-r from-cc-warning/8 to-cc-warning/4 border-b border-cc-warning/15 flex items-center justify-center gap-2",children:[r.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-cc-warning animate-[pulse-dot_1.5s_ease-in-out_infinite] shrink-0"}),r.jsx("span",{className:"text-xs text-cc-warning font-medium",children:m==="disconnected"?"Reconnecting to session…":"CLI disconnected — switch to Standard view to reconnect"})]}),r.jsx("div",{className:"h-36 shrink-0 border-b border-cc-border relative overflow-hidden","aria-label":"Raw session output",children:r.jsx(M,{value:"compact",children:r.jsx(R,{sessionId:t})})}),r.jsx("div",{className:"flex-1 min-h-0 relative bg-cc-bg",children:r.jsx(E,{sessionId:t,decisions:j,onDecisionAck:b,onDecisionResponse:v,onRuntimeError:w})}),p.length>0&&r.jsx("div",{className:"shrink-0 max-h-[50dvh] overflow-y-auto border-t border-cc-border bg-cc-card",children:p.map(e=>r.jsx(_,{permission:e,sessionId:t},e.request_id))}),r.jsx(C,{sessionId:t})]})}export{A as MagicUIView};