@ai-ecoverse/slicc-spectrum 1.95.0 → 1.96.0

package/dist/slicc-kernel-model.js

@@ -6,7 +6,7 @@ import {
   DummySettings,
   clock,
   dummySettingsKey
-} from "./chunk-QGY4KBEB.js";
+} from "./chunk-CVMI4FSY.js";
 import {
   Emitter
 } from "./chunk-T5NHW4KC.js";

package/dist/slicc-ui.js

@@ -30183,28 +30183,56 @@ function decision(message, handlers, pile) {
     </div>
   </swc-conversation-turn>`;
 }
+var scoopWords = {
+  completed: "finished",
+  failed: "failed",
+  stopped: "stopped"
+};
+var scoopBracket = /^\[(?:scoop |@)[^\]\n]* (completed|failed|stopped)\][^\S\n]*(?:\n|$)/;
+function scoopLine(message) {
+  const icon = lickIcons[message.channel];
+  const [label] = lickLabels[message.channel];
+  const bracket = message.channel === "scoop-notify" && scoopBracket.exec(message.text);
+  if (!bracket) return [message.text, false, icon, label];
+  const name = message.title.replace(/\s*\([^)]*\)$/, "");
+  const word = scoopWords[bracket[1]];
+  if (bracket[1] === "completed") return [`Scoop ${name} ${word}`, false, icon, label];
+  return [`Scoop ${name} ${word}`, true, "\u274C", `Scoop ${word}`];
+}
+function lickBody(message) {
+  return message.channel === "scoop-notify" ? (message.body ?? "").replace(scoopBracket, "").trim() : message.body;
+}
+function lickContent(message, body4, handlers) {
+  const scoop = message.channel === "scoop-notify";
+  const report = message.report;
+  if (!scoop && !report) return b`<pre class="output">${body4}</pre>`;
+  const shown4 = !body4 ? A : scoop ? b`<div class="text">${markdown(body4)}</div>` : b`<pre class="output">${body4}</pre>`;
+  return b`<div class="report">${shown4}${report ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="open-report" @click=${() => handlers.open(report)}>Open the report</swc-button>` : A}</div>`;
+}
 function lick(message, handlers, stamp = true, pile = flatPile) {
   if (pendingApproval(message)) return decision(message, handlers, pile);
-  const [label] = lickLabels[message.channel];
+  const [line, failed2, icon, label] = scoopLine(message);
+  const severity = message.severity ?? (failed2 ? "error" : void 0);
   const outcome = message.state === "confirmed" ? "Allowed" : message.state === "dismissed" ? "Denied" : "";
-  const head2 = b`${message.severity ? b`<span class="sr">${severities[message.severity].prefix}</span>` : A}
+  const head2 = b`${severity ? b`<span class="sr">${severities[severity].prefix}</span>` : A}
     ${outcome ? b`<span class="sr">${outcome}. </span>` : A}
-    <span class="text">${message.text}</span>
+    <span class="text" data-summary=${message.summary ? "" : A}>${message.summary || line}</span>
     ${message.count && message.count > 1 ? b`<span class="times" title="Coalesced events">×${message.count}</span>` : A}`;
   const outcomeIcon = message.state === "confirmed" ? "\u{1F44D}" : message.state === "dismissed" ? "\u{1F44E}" : "";
-  const reaction = b`<span class="reactions"><span class="reaction" title=${label} aria-hidden="true">${lickIcons[message.channel]}</span>${outcomeIcon ? b`<span class="reaction" title=${outcome} aria-hidden="true">${outcomeIcon}</span>` : A}</span>`;
-  const name = `${message.severity ? severities[message.severity].prefix : ""}${label} event`;
-  const byline2 = b`<div class="meta">${message.severity ? b`<span class="severity-icon">${severities[message.severity].icon}</span>` : A}<span class="who">${message.title}</span>${stamp ? when(message.createdAt) : unseen(message.createdAt)}</div>`;
-  if (!message.body) {
+  const reaction = b`<span class="reactions"><span class="reaction" title=${label} aria-hidden="true">${icon}</span>${outcomeIcon ? b`<span class="reaction" title=${outcome} aria-hidden="true">${outcomeIcon}</span>` : A}</span>`;
+  const name = `${severity ? severities[severity].prefix : ""}${label} event`;
+  const byline2 = b`<div class="meta">${severity ? b`<span class="severity-icon">${severities[severity].icon}</span>` : A}<span class="who">${message.title}</span>${stamp ? when(message.createdAt) : unseen(message.createdAt)}</div>`;
+  const body4 = lickBody(message);
+  if (!body4 && !message.report) {
     return outside(
       name,
       byline2,
-      b`<div class="lick-frame"><div class="lick" data-id=${message.id} data-channel=${message.channel} data-severity=${message.severity ?? A}><div class="lick-head">${head2}</div></div>${reaction}</div>`
+      b`<div class="lick-frame"><div class="lick" data-id=${message.id} data-channel=${message.channel} data-severity=${severity ?? A}><div class="lick-head">${head2}</div></div>${reaction}</div>`
     );
   }
-  const details = b`<details class="lick" data-id=${message.id} data-channel=${message.channel} data-severity=${message.severity ?? A} ?open=${handlers.licks?.has(message.id) ?? false} @toggle=${handlers.licks?.details(message.id) ?? A}>
+  const details = b`<details class="lick" data-id=${message.id} data-channel=${message.channel} data-severity=${severity ?? A} ?open=${handlers.licks?.has(message.id) ?? false} @toggle=${handlers.licks?.details(message.id) ?? A}>
     <summary class="lick-head">${head2}<swc-icon-chevron-right class="chevron" size="s" aria-hidden="true"></swc-icon-chevron-right></summary>
-    <pre class="output">${message.body}</pre>
+    ${lickContent(message, body4, handlers)}
   </details>`;
   return outside(name, byline2, b`<div class="lick-frame">${details}${reaction}</div>`);
 }
@@ -30395,16 +30423,35 @@ var messageCss = i`
   details[open] > summary .chevron {
     transform: rotate(90deg);
   }
-  .lick .text,
+  .lick-head .text,
   .runs .label {
     min-inline-size: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-  .lick .text {
+  .lick-head .text {
     flex: 1;
   }
+  .lick-head .text[data-summary] {
+    white-space: normal;
+  }
+  .lick .report {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--swc-spacing-200);
+    padding: var(--swc-spacing-75) var(--swc-spacing-200) var(--swc-spacing-200);
+    overflow-wrap: anywhere;
+  }
+  .lick .report .heading {
+    font-size: inherit;
+  }
+  .lick .report > .text {
+    align-self: stretch;
+    max-block-size: calc(var(--swc-spacing-1000) * 4);
+    overflow: auto;
+  }
   swc-system-message > slicc-tool-runs + slicc-tool-runs {
     margin-block-start: var(--swc-spacing-75);
   }
@@ -49689,6 +49736,23 @@ function matchProviders(options2, query) {
     return words.every((word) => text5.includes(word));
   });
 }
+var mcpRegistrations = "slicc-spectrum.mcp-endpoints";
+function registrations2() {
+  try {
+    return JSON.parse(globalThis.localStorage.getItem(mcpRegistrations) ?? "{}") ?? {};
+  } catch {
+    return {};
+  }
+}
+function register(server, url) {
+  const all3 = registrations2();
+  if (url) all3[server] = url;
+  else delete all3[server];
+  try {
+    globalThis.localStorage.setItem(mcpRegistrations, JSON.stringify(all3));
+  } catch {
+  }
+}
 var popup = (account) => account.group === "mcp" && account.auth === "oauth";
 var start = (options2, value) => options2.some((option2) => option2.value === value) ? value : options2[0]?.value ?? "";
 var nothingToChoose = "Nothing to choose from yet. You can connect without it.";
@@ -50059,7 +50123,7 @@ var SliccSettings = class extends ThemedElement {
       model.settings.on("settings", settle2),
       model.settings.on("accounts", settle2),
       model.settings.on("providers", update),
-      ...model.vault ? [model.vault.on("status", update)] : []
+      ...model.vault ? [model.vault.on("status", update), model.vault.on("list", update)] : []
     ];
   }
   focus() {
@@ -50130,8 +50194,18 @@ var SliccSettings = class extends ThemedElement {
     const options2 = account.group === "mcp" ? { kind: "mcp", server: serverOf(account) } : { kind: "model", provider: account.id };
     this.#busy(id, true);
     this.failure = null;
+    const url = this.#mcpUrl(account);
     try {
       await vault.put?.(recordName(account), value, void 0, options2);
+      if (url) {
+        const server = serverOf(account);
+        const old = registrations2()[server];
+        await vault.endpoints?.({
+          ...old && old !== url ? { remove: { mcp: [{ server, url: old }] } } : {},
+          add: { mcp: [{ server, url }] }
+        });
+        register(server, url);
+      }
     } catch (error) {
       this.#busy(id, false);
       if (this.model === model) this.#refuse(id, "value", failureText(error));
@@ -50272,6 +50346,11 @@ var SliccSettings = class extends ThemedElement {
     const form = event2.currentTarget;
     this.problem = null;
     this.filled = new Set([...this.filled].filter((name) => name !== "value"));
+    const url = this.#mcpUrl(account);
+    if (this.#vault(account) && url) {
+      void this.#confirmSubmit(form, account, url);
+      return;
+    }
     if (this.#vault(account)) {
       const value = take(form.querySelector("input[data-field=value]"));
       const fields2 = this.#fields(form, account);
@@ -50284,6 +50363,67 @@ var SliccSettings = class extends ThemedElement {
     const fields = this.#fields(form, account);
     if (secret && fields !== null) void this.#connectBases(account, secret, fields);
   }
+  async #confirmSubmit(form, account, url) {
+    const input = form.querySelector("input[data-field=value]");
+    const problem = valueProblem(input.value);
+    if (problem) return this.#refuse(account.id, "value", problem);
+    const fields = this.#fields(form, account);
+    if (fields === null || this.pending.has(account.id)) return;
+    const model = this.model;
+    if (!await this.#confirmUrl(url)) return;
+    if (!input.isConnected || this.model !== model) return;
+    await this.keep(account, take(input), fields);
+  }
+  #confirmUrl(url) {
+    return confirm({
+      title: `Connect to ${url}?`,
+      body: `SLICC sends this token only to ${url}.`,
+      action: "Connect",
+      variant: "confirmation"
+    });
+  }
+  #mcpUrl(account) {
+    if (account.group !== "mcp" || !this.model?.vault?.endpoints) return null;
+    return this.#baseOf(account.url) ?? null;
+  }
+  #pinned(account) {
+    const server = serverOf(account);
+    return this.model?.vault?.list()?.secrets.find(
+      (secret) => secret.kind === "mcp" && secret.server === server && secret.state !== "removed" && secret.pinned
+    )?.url;
+  }
+  #moved(account) {
+    const url = this.#mcpUrl(account);
+    const old = registrations2()[serverOf(account)] ?? this.#pinned(account);
+    return url && old && old !== url ? url : null;
+  }
+  async #reconnectMcp(account, url) {
+    const model = this.model;
+    const server = serverOf(account);
+    const old = registrations2()[server];
+    if (!await this.#confirmUrl(url)) return;
+    if (this.model !== model) return;
+    this.#busy(account.id, true);
+    this.failure = null;
+    try {
+      await model.vault?.endpoints?.({
+        ...old ? { remove: { mcp: [{ server, url: old }] } } : {},
+        add: { mcp: [{ server, url }] }
+      });
+      register(server, url);
+    } catch (error) {
+      if (this.model === model) this.failure = { id: account.id, message: failureText(error) };
+      return;
+    } finally {
+      this.#busy(account.id, false);
+    }
+    if (this.model === model) await this.connect(account.id);
+  }
+  #movedNote(account) {
+    const url = this.#moved(account);
+    if (!url) return A;
+    return b`<div class="notes"><p class="notice" data-notice="moved"><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>The server moved to ${url}. Reconnect to send the token there.</span></p></div>`;
+  }
   #submitOnEnter(event2) {
     const target2 = event2.target;
     if (event2.key !== "Enter" || target2.localName !== "input") return;
@@ -50483,8 +50623,16 @@ var SliccSettings = class extends ThemedElement {
     if (!await confirm({ title, body: body4, action: "Disconnect", variant: "confirmation" })) return;
     clearValues(this.renderRoot);
     if (this.model !== model) return;
+    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 (this.model === model) model?.settings.disconnect(account.id);
+    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 (this.model === model) this.failure = { id: account.id, message: failureText(error) };
+    });
   }
   async #forget(account, vault) {
     this.#busy(account.id, true);
@@ -50566,11 +50714,27 @@ var SliccSettings = class extends ThemedElement {
       <span class="provider">${account.provider}</span>
       <span class="identity">${account.identity}${this.#inVault(account) ? b`<span class="kept" data-store="vault">${account.identity ? " \xB7 " : ""}${kept2(account)}</span>` : A}</span>
       <swc-status-light class="state" variant=${variant}>${label}</swc-status-light>
-      ${this.#removable(account) ? b`<div class="actions">${this.#action(account)}${this.#removeButton(account)}</div>` : this.#action(account)}
+      ${this.#actions(account)}
     </div>
     ${this.#offered() ? this.#rowNotes(account) : A}
+    ${this.#movedNote(account)}
     ${this.adding?.id === account.id ? A : b`${this.#key(account)}${failure2}`}`;
   }
+  #actions(account) {
+    const moved2 = account.status === "connected" ? this.#moved(account) : null;
+    if (moved2)
+      return b`<div class="actions"><swc-button
+          size="m"
+          variant="accent"
+          data-action="reconnect-mcp"
+          accessible-label=${`Reconnect ${account.provider}`}
+          ?pending=${this.pending.has(account.id)}
+          @click=${() => this.#reconnectMcp(account, moved2)}
+        >Reconnect</swc-button>${this.#action(account)}</div>`;
+    if (this.#removable(account))
+      return b`<div class="actions">${this.#action(account)}${this.#removeButton(account)}</div>`;
+    return this.#action(account);
+  }
   #removable(account) {
     return !!this.#offered() && !!this.model?.settings.remove && account.group !== "mcp";
   }