@ai-ecoverse/slicc-spectrum 1.98.1 → 1.99.0

package/dist/slicc-ui.js

@@ -14119,7 +14119,7 @@ function createTokenizer(parser, initialize, from) {
     previous: null,
     sliceSerialize,
     sliceStream,
-    write
+    write: write2
   };
   let state2 = initialize.tokenize.call(context, effects);
   let expectedCode;
@@ -14127,7 +14127,7 @@ function createTokenizer(parser, initialize, from) {
     resolveAllConstructs.push(initialize);
   }
   return context;
-  function write(slice) {
+  function write2(slice) {
     chunks = push(chunks, slice);
     main2();
     if (chunks[chunks.length - 1] !== null) {
@@ -14324,9 +14324,9 @@ function createTokenizer(parser, initialize, from) {
     const startStack = Array.from(stack);
     return {
       from: startEventsIndex,
-      restore
+      restore: restore2
     };
-    function restore() {
+    function restore2() {
       point3 = startPoint;
       context.previous = startPrevious;
       context.currentConstruct = startCurrentConstruct;
@@ -16998,13 +16998,13 @@ function parse2(text5) {
       (node2) => text5.lastIndexOf("\n", tail2 + node2.position.start.offset - 1) + 1
     )
   ];
-  let keep2 = Math.max(blocks.length - 1, 0);
-  while (keep2 > 0 && !blankBefore(text5, starts[keep2])) keep2--;
+  let keep3 = Math.max(blocks.length - 1, 0);
+  while (keep3 > 0 && !blankBefore(text5, starts[keep3])) keep3--;
   const parsed = {
     text: text5,
     blocks,
     starts,
-    keep: keep2,
+    keep: keep3,
     definitions: collect(tree.children, /* @__PURE__ */ new Map())
   };
   cache.delete(base.text);
@@ -38724,14 +38724,14 @@ var KeptSession = class {
       sink.exit(this.#status);
       return Promise.resolve(ended2);
     }
-    const session = this.#session !== null ? this.#session.then((live) => {
+    const session2 = this.#session !== null ? this.#session.then((live) => {
       live.resize(size4.cols, size4.rows);
       return live;
     }) : this.#start(size4);
-    return session.then((live) => this.#handle(live, sink));
+    return session2.then((live) => this.#handle(live, sink));
   }
-  replay(write) {
-    for (const chunk of this.#log) write(chunk);
+  replay(write2) {
+    for (const chunk of this.#log) write2(chunk);
   }
   dispose() {
     this.#sink = null;
@@ -38754,12 +38754,12 @@ var KeptSession = class {
         this.#sink?.exit(status2);
       }
     };
-    const session = Promise.resolve().then(() => this.#backend().open(relay, size4));
-    this.#session = session;
-    session.catch(() => {
-      if (this.#session === session) this.#session = null;
+    const session2 = Promise.resolve().then(() => this.#backend().open(relay, size4));
+    this.#session = session2;
+    session2.catch(() => {
+      if (this.#session === session2) this.#session = null;
     });
-    return session;
+    return session2;
   }
   #record(data) {
     this.#log.push(data.slice());
@@ -38788,9 +38788,9 @@ function sessions(port) {
   kept.set(port, fresh2);
   port.on("terminals", (terminals) => {
     const live = new Set(terminals.map((terminal) => terminal.id));
-    for (const [id, session] of fresh2) {
+    for (const [id, session2] of fresh2) {
       if (live.has(id)) continue;
-      session.dispose();
+      session2.dispose();
       fresh2.delete(id);
     }
   });
@@ -38798,12 +38798,12 @@ function sessions(port) {
 }
 function keep(port, id) {
   const map = sessions(port);
-  let session = map.get(id);
-  if (!session) {
-    session = new KeptSession(() => port.backend(id));
-    map.set(id, session);
+  let session2 = map.get(id);
+  if (!session2) {
+    session2 = new KeptSession(() => port.backend(id));
+    map.set(id, session2);
   }
-  return session;
+  return session2;
 }
 var SliccTerminalPanel = class extends ThemedElement {
   static properties = { ...ThemedElement.properties, terminal: {} };
@@ -38899,9 +38899,9 @@ var SliccTerminalPanel = class extends ThemedElement {
         const hidden = await this.#placed(info.id, terminal);
         terminal.fit();
         const cols = terminal.cols;
-        const session = await backend.open(sink, { cols, rows: terminal.rows });
+        const session2 = await backend.open(sink, { cols, rows: terminal.rows });
         if (hidden) void this.#relayout(terminal, backend, cols);
-        return session;
+        return session2;
       }
     };
     terminal.addEventListener("exit", () => model.terminals.close(info.id));
@@ -41843,6 +41843,32 @@ function pinVersion(item2, pin) {
   if (pin.base === null) return [pin.range === version2 ? version2 : `${pin.range} \u2192 ${version2}`];
   return [version2, pin.base === version2 ? "the version seven ships" : `seven ships ${pin.base}`];
 }
+function placed(item2) {
+  const installs = item2.installs ?? [];
+  if (!installs.length) return item2;
+  const version2 = item2.version ?? installs[0].version;
+  const newer = item2.offered !== null && item2.offered !== version2;
+  const state2 = item2.state === "available" ? newer ? "outdated" : "installed" : item2.state;
+  const owned = installs.some((install) => install.manager === "panel");
+  const hidden = new Set(owned ? ["install"] : ["install", "remove"]);
+  return { ...item2, version: version2, state: state2, actions: item2.actions.filter((action) => !hidden.has(action)) };
+}
+var elsewhere = (item2) => (item2.installs ?? []).filter((install) => install.manager !== "panel");
+function installText(install, version2) {
+  const place3 = install.user ? `for ${install.user}` : `in ${install.where}`;
+  const via = install.manager === "pnpm" ? ", via pnpm" : "";
+  return `${install.version === version2 ? "" : `${install.version} `}${place3}${via}`;
+}
+function managedText(item2) {
+  const others = elsewhere(item2);
+  if (!others.length || others.length !== item2.installs?.length) return null;
+  return others.every((install) => install.manager === "pnpm") ? b`Managed by pnpm. Remove it with <code>pnpm remove -g ${item2.package}</code>.` : "Installed outside this panel. Remove it where it was installed.";
+}
+var shared2 = (item2) => elsewhere(item2).length > 0 && elsewhere(item2).length !== item2.installs?.length;
+function actionLabel2(item2, action) {
+  if (action === "remove" && shared2(item2)) return `Remove the panel\u2019s copy of ${item2.label}`;
+  return `${packageActions[action]} ${item2.label}`;
+}
 var packageRunning = /* @__PURE__ */ new Set(["installing", "updating", "removing"]);
 var list4 = (names) => new Intl.ListFormat("en", { type: "conjunction" }).format(names);
 function requiresText(item2, all3) {
@@ -42101,6 +42127,10 @@ var SliccUpdates = class extends ModelElement {
         line-height: var(--swc-line-height-200);
         overflow-wrap: anywhere;
       }
+      [data-managed] code {
+        display: inline-block;
+        max-width: 100%;
+      }
       .warnings {
         display: flex;
         flex-direction: column;
@@ -42334,6 +42364,8 @@ var SliccUpdates = class extends ModelElement {
     const requires = requiresText(item2, all3);
     return b`<p class="meta">
       ${version2 ? b`<span class="version">${version2}</span>` : A}
+      ${shared2(item2) ? b`<span data-install="panel">the panel’s copy</span>` : A}
+      ${elsewhere(item2).map((install) => b`<span data-install>${installText(install, item2.version)}</span>`)}
       ${download2 ? b`<span>${size3(item2.size)}</span>` : A}
       ${requires ? b`<span data-requires>${requires}</span>` : A}
     </p>`;
@@ -42354,6 +42386,7 @@ var SliccUpdates = class extends ModelElement {
     const busy = this.busy.get(item2.id);
     const shown4 = busy ? [busy] : act2 ? item2.actions : [];
     const error = this.problems.get(item2.id) ?? item2.error;
+    const managed = managedText(item2);
     return b`<li data-id=${item2.id} data-state=${item2.state}>
       <div class="name">
         <h3 title=${item2.package}>${item2.label}</h3>
@@ -42364,14 +42397,14 @@ var SliccUpdates = class extends ModelElement {
             size="s"
             variant="secondary"
             data-action=${action}
-            accessible-label=${`${packageActions[action]} ${item2.label}`}
+            accessible-label=${actionLabel2(item2, action)}
             ?pending=${busy === action}
             @click=${() => void this.actPackage(item2.id, action)}
           >${packageActions[action]}</swc-button>`
     )}</div>
       <p class="description">${item2.description}</p>
       ${this.#packageMeta(item2, all3)}
-      ${item2.notes?.length ? b`<p class="notes" data-notes>${item2.notes.map((note) => b`<span>${note}</span>`)}</p>` : A}
+      ${item2.notes?.length || managed ? b`<p class="notes" data-notes>${(item2.notes ?? []).map((note) => b`<span>${note}</span>`)}${managed ? b`<span data-managed>${managed}</span>` : A}</p>` : A}
       ${item2.warnings?.length ? b`<p class="warnings" data-warnings>${item2.warnings.map(
       (warning) => b`<span><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle>${warning}</span>`
     )}</p>` : A}
@@ -42395,7 +42428,7 @@ var SliccUpdates = class extends ModelElement {
   }
   #packages(port) {
     if (!port?.packages) return A;
-    const all3 = port.packages();
+    const all3 = port.packages().map(placed);
     const offered = all3.filter((item2) => item2.origin !== "user");
     const yours = all3.filter((item2) => item2.origin === "user");
     return b`<section data-section="packages" aria-labelledby="packages">
@@ -42470,7 +42503,7 @@ function lockOverscroll(document4) {
       })
     );
     lock.restore = () => {
-      for (const restore of saved) restore();
+      for (const restore2 of saved) restore2();
     };
   }
   lock.count += 1;
@@ -46948,6 +46981,73 @@ var SliccVaultButton = class extends i2 {
 
 // src/app/composer.ts
 var limit = 25 * 1024 * 1024;
+var startingKey = "slicc-spectrum.starting";
+function session() {
+  try {
+    return globalThis.sessionStorage ?? null;
+  } catch {
+    return null;
+  }
+}
+function stored() {
+  try {
+    const rows2 = JSON.parse(session()?.getItem(startingKey) ?? "[]");
+    return Array.isArray(rows2) ? rows2 : [];
+  } catch {
+    return [];
+  }
+}
+function write(rows2) {
+  try {
+    if (rows2.length) session()?.setItem(startingKey, JSON.stringify(rows2));
+    else session()?.removeItem(startingKey);
+  } catch {
+    return;
+  }
+}
+function reloaded() {
+  const [entry] = globalThis.performance?.getEntriesByType?.("navigation") ?? [];
+  return entry?.type === "reload";
+}
+var claimed = null;
+function restore(owned) {
+  if (!claimed) {
+    claimed = /* @__PURE__ */ new Set();
+    if (!reloaded()) write([]);
+  }
+  const taken = claimed;
+  const fresh2 = stored().filter((row) => !taken.has(row.id));
+  for (const row of fresh2) {
+    taken.add(row.id);
+    owned.add(row.id);
+  }
+  return fresh2.map(({ id, text: text5, mode: mode2, attachments, lost: lost2 = [] }) => ({
+    id,
+    text: text5,
+    mode: mode2,
+    attachments: [],
+    lost: [...lost2, ...attachments]
+  }));
+}
+function keep2(owned, rows2) {
+  const meta = ({ name, mimeType, size: size4 }) => ({ name, mimeType, size: size4 });
+  const others = stored().filter((row) => !owned.has(row.id));
+  owned.clear();
+  for (const row of rows2) {
+    owned.add(row.id);
+    claimed?.add(row.id);
+  }
+  write([
+    ...others,
+    ...rows2.map((row) => ({
+      id: row.id,
+      text: row.text,
+      mode: row.mode,
+      attachments: row.attachments.map(meta),
+      lost: (row.lost ?? []).map(meta)
+    }))
+  ]);
+}
 var pages = /* @__PURE__ */ new WeakMap();
 function owner(node2) {
   let at = node2;
@@ -46967,7 +47067,10 @@ var PageQueue = class {
   #page() {
     this.#owner ??= this.#host.isConnected ? owner(this.#host) : null;
     const page = this.#owner ?? this.#host.ownerDocument;
-    const found = pages.get(page) ?? { rows: [], draft: null, hosts: /* @__PURE__ */ new Set() };
+    const known = pages.get(page);
+    if (known) return known;
+    const owned = /* @__PURE__ */ new Set();
+    const found = { rows: restore(owned), owned, draft: null, hosts: /* @__PURE__ */ new Set() };
     pages.set(page, found);
     return found;
   }
@@ -46977,6 +47080,7 @@ var PageQueue = class {
   set value(rows2) {
     const page = this.#page();
     page.rows = rows2;
+    keep2(page.owned, rows2);
     for (const host4 of [...page.hosts]) host4.requestUpdate();
   }
   get draft() {
@@ -47277,6 +47381,27 @@ var SliccComposer = class extends ThemedElement {
         font-size: var(--swc-font-size-75);
         color: var(--swc-neutral-subdued-content-color-default);
       }
+      .queued .body {
+        flex: 1;
+        min-inline-size: 0;
+        display: grid;
+      }
+      .queued > swc-icon-alert-triangle {
+        flex: none;
+        --swc-icon-color: var(--swc-notice-visual-color);
+      }
+      .queued [data-lost] swc-icon-alert-triangle {
+        vertical-align: middle;
+        margin-inline-end: var(--swc-spacing-50);
+        --swc-icon-color: var(--swc-notice-visual-color);
+      }
+      .queued [data-lost] {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        font-size: var(--swc-font-size-75);
+        color: var(--swc-neutral-subdued-content-color-default);
+      }
       .queued [data-files] {
         display: inline-flex;
         align-items: center;
@@ -47530,8 +47655,10 @@ var SliccComposer = class extends ThemedElement {
     if (!(model && waiting3.length && agents.length) || this.#starting()) return;
     const active = model.agent.active();
     const id = agents.some((agent) => agent.id === active) ? active : agents[0].id;
-    this.#waiting.value = [];
-    const [first2, ...rest] = waiting3;
+    const sendable = (row) => !!(row.text || row.attachments.length);
+    const [first2, ...rest] = waiting3.filter(sendable);
+    if (!first2) return;
+    this.#waiting.value = waiting3.filter((row) => !sendable(row));
     this.#deliver(model, id, first2, "queue");
     for (const { text: text5, attachments } of rest)
       this.#post(model, id, { text: text5, attachments, mode: "queue" });
@@ -47548,9 +47675,9 @@ var SliccComposer = class extends ThemedElement {
   #switch(id) {
     if (this.#agent)
       this.#drafts.set(this.#agent, { value: this.value, attachments: this.attachments });
-    const shared2 = this.#agent || !this.isConnected ? null : this.#waiting.draft;
-    if (shared2 && id && !this.#drafts.has(id)) this.#waiting.draft = null;
-    const draft2 = this.#drafts.get(id) ?? shared2 ?? void 0;
+    const shared3 = this.#agent || !this.isConnected ? null : this.#waiting.draft;
+    if (shared3 && id && !this.#drafts.has(id)) this.#waiting.draft = null;
+    const draft2 = this.#drafts.get(id) ?? shared3 ?? void 0;
     this.#agent = id;
     this.value = draft2?.value ?? "";
     this.attachments = draft2?.attachments ?? [];
@@ -47591,7 +47718,7 @@ var SliccComposer = class extends ThemedElement {
     this.popup = null;
     this.#history = -1;
     if (this.#starting()) {
-      this.#waiting.value = [...this.#waiting.value, { id: this.#id(), text: text5, attachments }];
+      this.#waiting.value = [...this.#waiting.value, { id: this.#id(), text: text5, mode: mode2, attachments }];
       return;
     }
     if (known) {
@@ -48135,17 +48262,23 @@ ${this.value}` : text5;
   #starters() {
     const waiting3 = this.#waiting.value;
     if (waiting3.length === 0) return A;
+    const names = (files) => files.map((file) => file.name).join(", ");
     return b`<ul class="queue" aria-label="Waiting for the agent">
-      ${waiting3.map(
-      (message) => b`<li class="queued" data-id=${message.id} data-mode="starting">
-          <swc-icon-clock size="s" aria-hidden="true"></swc-icon-clock>
+      ${waiting3.map((message) => {
+      const lost2 = message.lost ?? [];
+      const empty5 = !(message.text || message.attachments.length);
+      return b`<li class="queued" data-id=${message.id} data-mode="starting" ?data-unsent=${empty5}>
+          ${empty5 ? b`<swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle>` : b`<swc-icon-clock size="s" aria-hidden="true"></swc-icon-clock>`}
           ${message.text ? A : b`<swc-icon-file size="xs" aria-hidden="true"></swc-icon-file>`}
-          <span class="text"><span class="sr">Queued: </span>${message.text || message.attachments.map((attachment2) => attachment2.name).join(", ")}</span>
+          <span class="body">
+            <span class="text"><span class="sr">Queued: </span>${message.text || names(message.attachments) || names(lost2)}</span>
+            ${lost2.length ? b`<span class="lost" data-lost><swc-icon-alert-triangle size="xs" aria-hidden="true"></swc-icon-alert-triangle><span class="sr">, </span>Not kept after reload${message.text ? `: ${names(lost2)}` : ""}</span>` : A}
+          </span>
           ${message.text && message.attachments.length ? b`<span class="next" data-files><swc-icon-file size="xs" aria-hidden="true"></swc-icon-file><span class="sr">, </span>${message.attachments.length === 1 ? "1 file" : `${message.attachments.length} files`}</span>` : A}
-          <span class="next">Sent when the agent starts</span>
-          <swc-close-button size="s" data-action="unqueue" accessible-label="Remove from queue" @click=${() => this.#unwait(message.id)}></swc-close-button>
-        </li>`
-    )}
+          <span class="next">${empty5 ? "Not sent. Attach the files again." : "Sent when the agent starts"}</span>
+          <swc-close-button size="s" data-action="unqueue" accessible-label=${empty5 ? "Dismiss" : "Remove from queue"} @click=${() => this.#unwait(message.id)}></swc-close-button>
+        </li>`;
+    })}
     </ul>`;
   }
   #review() {
@@ -51221,7 +51354,7 @@ var SliccSettings = class extends ThemedElement {
     const vaulted = account.store === "vault" && !!vault?.remove;
     const key2 = vaulted && account.auth === "api-key";
     const signIn = vaulted && account.auth !== "api-key" && account.group === "mcp";
-    const stored = key2 || signIn ? vault : void 0;
+    const stored2 = key2 || signIn ? vault : void 0;
     const body4 = `Agents can\u2019t use ${account.provider} until you connect it again.${key2 ? " You can restore its key from Removed in Secrets for 30 days." : ""}`;
     const title = `Disconnect ${account.provider}?`;
     if (!await confirm({ title, body: body4, action: "Disconnect", variant: "confirmation" })) return;
@@ -51230,11 +51363,11 @@ var SliccSettings = class extends ThemedElement {
     const server = serverOf(account);
     const pinned = !!this.#pinned(account);
     const url = account.group === "mcp" ? registrations2()[server] ?? (pinned ? null : this.#mcpUrl(account)) : null;
-    if (stored && !await this.#forget(account, stored)) return;
+    if (stored2 && !await this.#forget(account, stored2)) return;
     if (this.model !== model) return;
     model?.settings.disconnect(account.id);
-    if (!url || !stored?.endpoints) return;
-    await stored.endpoints({ remove: { mcp: [{ server, url }] } }).then(() => register(server, void 0)).catch((error) => {
+    if (!url || !stored2?.endpoints) return;
+    await stored2.endpoints({ remove: { mcp: [{ server, url }] } }).then(() => register(server, void 0)).catch((error) => {
       if (this.model === model) this.failure = { id: account.id, message: failureText(error) };
     });
   }
@@ -66482,15 +66615,15 @@ var InteractionManager = class {
       case "idle":
         return;
       case "gutterSelecting": {
-        const { pointerSession: session } = this;
-        if (event2.pointerId !== session.pointerId) return;
+        const { pointerSession: session2 } = this;
+        if (event2.pointerId !== session2.pointerId) return;
         event2.preventDefault();
         const point3 = this.resolveSelectionPoint(event2, { source: "coordinates-first" });
         if (point3 != null) {
-          session.current = point3;
+          session2.current = point3;
           this.updateSelection(point3.lineNumber, point3.side);
         }
-        const completedRange = this.buildSelectedLineRange(session.anchor, session.current);
+        const completedRange = this.buildSelectedLineRange(session2.anchor, session2.current);
         onGutterUtilityClick?.({ ...completedRange });
         this.selectionAnchor = void 0;
         this.notifySelectionEnd(completedRange);
@@ -69569,21 +69702,21 @@ function adoptEditSessionAnnotations(annotations, getName, previousSession) {
     slotNames
   };
 }
-function writeEditSessionAnnotations(session, annotations, getName) {
+function writeEditSessionAnnotations(session2, annotations, getName) {
   for (const annotation of annotations) {
     const source = getLineAnnotationSource(annotation);
-    if (!session.slotNames.has(source)) session.slotNames.set(source, getName(annotation));
+    if (!session2.slotNames.has(source)) session2.slotNames.set(source, getName(annotation));
   }
-  session.provided = annotations;
-  session.current = annotations;
+  session2.provided = annotations;
+  session2.current = annotations;
 }
-function resolveEditSessionSlotName(session, annotation, getName) {
-  if (session == null) return getName(annotation);
+function resolveEditSessionSlotName(session2, annotation, getName) {
+  if (session2 == null) return getName(annotation);
   const source = getLineAnnotationSource(annotation);
-  let name = session.slotNames.get(source);
+  let name = session2.slotNames.get(source);
   if (name == null) {
     name = getName(annotation);
-    session.slotNames.set(source, name);
+    session2.slotNames.set(source, name);
   }
   return name;
 }
@@ -69783,9 +69916,9 @@ var File = class {
     return this.editSession?.annotations?.current ?? this.lineAnnotations;
   }
   isNewAnnotations(lineAnnotations) {
-    const session = this.editSession?.annotations;
+    const session2 = this.editSession?.annotations;
     if (lineAnnotations === this.lineAnnotations) return false;
-    return session == null || lineAnnotations !== session.provided && lineAnnotations !== session.current;
+    return session2 == null || lineAnnotations !== session2.provided && lineAnnotations !== session2.current;
   }
   updateExternalFile(incomingFile, lineAnnotations) {
     if (areFileTargetsEqual(this.file, incomingFile)) return false;
@@ -69857,9 +69990,9 @@ var File = class {
     writeEditSessionAnnotations(sessionAnnotations, lineAnnotations, getLineAnnotationName);
   }
   syncEditSessionAnnotationsFromEditor(lineAnnotations) {
-    const session = this.editSession?.annotations;
-    if (session == null || lineAnnotations === session.current) return false;
-    session.current = lineAnnotations;
+    const session2 = this.editSession?.annotations;
+    if (session2 == null || lineAnnotations === session2.current) return false;
+    session2.current = lineAnnotations;
     this.fileRenderer.setLineAnnotations(lineAnnotations);
     this.renderAnnotations();
     return true;
@@ -75746,9 +75879,9 @@ var FileDiff = class {
     return this.editSession?.annotations?.current ?? this.lineAnnotations;
   }
   isNewAnnotations(lineAnnotations) {
-    const session = this.editSession?.annotations;
+    const session2 = this.editSession?.annotations;
     if (lineAnnotations === this.lineAnnotations) return false;
-    return session == null || lineAnnotations !== session.provided && lineAnnotations !== session.current;
+    return session2 == null || lineAnnotations !== session2.provided && lineAnnotations !== session2.current;
   }
   setLineAnnotations(lineAnnotations) {
     const sessionAnnotations = this.editSession?.annotations;
@@ -75761,9 +75894,9 @@ var FileDiff = class {
     writeEditSessionAnnotations(sessionAnnotations, lineAnnotations, getLineAnnotationName);
   }
   syncEditSessionAnnotationsFromEditor(lineAnnotations) {
-    const session = this.editSession?.annotations;
-    if (session == null || lineAnnotations === session.current) return false;
-    session.current = lineAnnotations;
+    const session2 = this.editSession?.annotations;
+    if (session2 == null || lineAnnotations === session2.current) return false;
+    session2.current = lineAnnotations;
     this.hunksRenderer.setLineAnnotations(lineAnnotations);
     this.renderAnnotations();
     return true;