@ai-ecoverse/slicc-spectrum 2.7.0 → 2.9.0

package/dist/slicc-kernel-model.js

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

package/dist/slicc-ui.js

@@ -14414,48 +14414,6 @@ var o63 = class extends a8 {
 };
 e26("swc-icon-info-circle", o63);
 
-// src/app/guard.ts
-var prefixes = [
-  "sk-",
-  "sk_",
-  "rk_",
-  "pk_live",
-  "ghp_",
-  "gho_",
-  "ghu_",
-  "ghs_",
-  "ghr_",
-  "github_pat_",
-  "glpat-",
-  "xoxa-",
-  "xoxb-",
-  "xoxp-",
-  "xoxs-",
-  "AKIA",
-  "ASIA",
-  "AIza",
-  "npm_",
-  "pypi-",
-  "hf_",
-  "eyJ",
-  "-----BEGIN"
-];
-var keyed = /(?:(?:[\w-]*(?:token|secret|passw(?:or)?d|pwd|api[_-]?key|access[_-]?key|private[_-]?key|credential)[\w-]*|\b(?:auth|authorization)\b)["']?\s*[:=]\s*|(?:^|\s)--?[\w-]*(?:token|secret|password|api-key|key)\s+|\bbearer\s+)/gi;
-var word = /[^\s'"=:,;(){}[\]`]+/g;
-function guard(text4, growing = false) {
-  let cut = text4.length;
-  for (const match of text4.matchAll(keyed)) cut = Math.min(cut, match.index + match[0].length);
-  for (const match of text4.matchAll(word)) {
-    const token = match[0];
-    const last = growing && match.index + token.length === text4.length;
-    const risky = prefixes.some(
-      (prefix) => token.startsWith(prefix) || last && token.length >= 2 && prefix.startsWith(token)
-    );
-    if (risky) cut = Math.min(cut, match.index);
-  }
-  return cut < text4.length ? `${text4.slice(0, cut).trimEnd()} \u2026` : text4;
-}
-
 // node_modules/mdast-util-to-string/lib/index.js
 var emptyOptions = {};
 function toString(value, options2) {
@@ -33316,6 +33274,69 @@ var signInCss = i`
   }
 `;
 
+// src/app/guard.ts
+var prefixes = [
+  "sk-",
+  "sk_",
+  "rk_",
+  "pk_live",
+  "ghp_",
+  "gho_",
+  "ghu_",
+  "ghs_",
+  "ghr_",
+  "github_pat_",
+  "glpat-",
+  "xoxa-",
+  "xoxb-",
+  "xoxp-",
+  "xoxs-",
+  "AKIA",
+  "ASIA",
+  "AIza",
+  "npm_",
+  "pypi-",
+  "hf_",
+  "eyJ",
+  "-----BEGIN"
+];
+var keyed = /(?:(?:[\w-]*(?:token|secret|passw(?:or)?d|pwd|api[_-]?key|access[_-]?key|private[_-]?key|credential)[\w-]*|\b(?:auth|authorization)\b)["']?\s*[:=]\s*|(?:^|\s)--?[\w-]*(?:token|secret|password|api-key|key)\s+|\bbearer\s+)/gi;
+var word = /[^\s'"=:,;(){}[\]`]+/g;
+function guard(text4, growing = false) {
+  let cut = text4.length;
+  for (const match of text4.matchAll(keyed)) cut = Math.min(cut, match.index + match[0].length);
+  for (const match of text4.matchAll(word)) {
+    const token = match[0];
+    const last = growing && match.index + token.length === text4.length;
+    const risky = prefixes.some(
+      (prefix) => token.startsWith(prefix) || last && token.length >= 2 && prefix.startsWith(token)
+    );
+    if (risky) cut = Math.min(cut, match.index);
+  }
+  return cut < text4.length ? `${text4.slice(0, cut).trimEnd()} \u2026` : text4;
+}
+
+// src/app/tool-title.ts
+var shellLead = /^(?:(?:git|npm|npx|pnpm|yarn|bun|node|deno|python3?|pip3?|curl|wget|ls|cd|cat|rm|mv|cp|chmod|chown|mkdir|touch|tar|zip|unzip|docker|kubectl|gh|wrangler|lsof|find|grep|rg|sed|awk|ssh|scp|rsync|make|cargo|go|ruby|perl|php|java|javac|swift|xcodebuild|brew|apt|yum|sudo|env|export|echo|printf|true|false|test|bash|sh|zsh|fish|source)(?=\s|$)|(?:\.\/))/;
+function rawTitle(title2) {
+  const text4 = title2.trim();
+  if (!text4) return false;
+  if (text4.length > 80) return true;
+  if (/[|;&><`]|\$\(|&&|\|\|/.test(text4)) return true;
+  if (/^-[A-Za-z0-9]/.test(text4)) return true;
+  if (/^[a-z]/.test(text4) && shellLead.test(text4)) return true;
+  if (!/\s/.test(text4) && (/^[./~]/.test(text4) || /\.[A-Za-z0-9]+$/.test(text4))) return true;
+  return false;
+}
+function headline(call) {
+  const title2 = call.title.trim();
+  const name = call.name.trim();
+  const growing = call.status === "running";
+  if (!title2) return guard(name, growing);
+  if (rawTitle(title2)) return guard(`${name} ${title2}`.trim(), growing);
+  return guard(title2, growing);
+}
+
 // src/app/messages.ts
 var alone = { calls: [], live: false };
 var lickLabels = {
@@ -33569,9 +33590,6 @@ function step(call, context, id) {
     </div>`
   ];
 }
-function headline(call) {
-  return guard(`${call.name} ${call.title}`.trim(), call.status === "running");
-}
 function phase(status2, calls, live, said = false, stopped = false) {
   if (status2 === "stopped" || stopped) return "stopped";
   if (!calls.length) return status2 === "streaming" && !said ? "active" : null;
@@ -35288,7 +35306,19 @@ var SliccVaultValue = class extends i2 {
 };
 
 // src/app/composer.ts
-var limit = 25 * 1024 * 1024;
+var limit = 100 * 1024 * 1024;
+function tooLarge(bytes) {
+  return `Too large: attachments are limited to ${size3(bytes)}`;
+}
+function smallest(limits = {}) {
+  return Math.min(limit, limits.image ?? limit, limits.text ?? limit, limits.file ?? limit);
+}
+function together(bytes) {
+  return `These attachments add up to more than ${size3(bytes)}; send them in separate messages.`;
+}
+function carried(attachment2) {
+  return attachment2.url !== void 0 || attachment2.text !== void 0 || attachment2.path === void 0;
+}
 var startingKey = "slicc-spectrum.starting";
 var names = (files) => files.map((file) => file.name).join(", ");
 function reattach(files) {
@@ -35512,9 +35542,9 @@ var commands = [
     name: "thinking",
     detail: "Set the thinking level",
     args: () => ["off", "low", "medium", "high"].map((value) => ({ value, label: value, detail: "" })),
-    run: (model, _id, arg) => {
+    run: (model, id, arg) => {
       if (["off", "low", "medium", "high"].includes(arg))
-        model.settings.update({ thinking: arg });
+        model.agent.setThinking(id, arg);
     }
   },
   {
@@ -36032,6 +36062,7 @@ var SliccComposer = class extends ThemedElement {
       }, linger);
   }
   updated(changed2) {
+    this.#guard();
     if (changed2.has("popup"))
       this.renderRoot.querySelector('.item[aria-selected="true"]')?.scrollIntoView({ block: "nearest" });
   }
@@ -36143,11 +36174,42 @@ ${row.text}` : row.text;
   #busy() {
     return this.model?.agent.busy(this.#agent) ?? false;
   }
+  #limits() {
+    return this.model?.agent.attachmentLimits?.() ?? {};
+  }
+  #cap(attachment2) {
+    return Math.min(limit, this.#limits()[attachment2.kind] ?? limit);
+  }
+  #over(attachment2) {
+    return carried(attachment2) && attachment2.size > (attachment2.error ? limit : this.#cap(attachment2));
+  }
+  #problem(attachment2) {
+    return attachment2.error ?? (this.#over(attachment2) ? tooLarge(this.#cap(attachment2)) : void 0);
+  }
+  #together() {
+    const total = this.#limits().total;
+    if (total === void 0) return null;
+    const sum = this.attachments.filter((attachment2) => !attachment2.error && carried(attachment2)).reduce((bytes, attachment2) => bytes + attachment2.size, 0);
+    return sum > total ? together(total) : null;
+  }
+  #blocked() {
+    return this.attachments.some((attachment2) => this.#over(attachment2)) || !!this.#together();
+  }
+  #guard() {
+    const field3 = this.#field;
+    const blocked2 = this.#blocked();
+    void field3.updateComplete.then(() => {
+      const button = field3.shadowRoot.querySelector(
+        ".swc-PromptField-send, .swc-PromptField-stop"
+      );
+      button.disabled = (field3.disabled || blocked2) && !field3.generating;
+    });
+  }
   send(mode2 = "send") {
     const model = this.model;
     const text4 = this.value.trim();
     const attachments = this.attachments.filter((attachment2) => !attachment2.error);
-    if (!model || !text4 && attachments.length === 0 || this.#held()) return;
+    if (!model || !text4 && attachments.length === 0 || this.#held() || this.#blocked()) return;
     if (model.seat) {
       this.#propose(model, text4);
       return;
@@ -36203,7 +36265,7 @@ ${this.value}` : text4;
         added.push({
           ...base,
           kind: "file",
-          error: `Too large: attachments are limited to ${size3(limit)}`
+          error: tooLarge(limit)
         });
         continue;
       }
@@ -36733,27 +36795,28 @@ ${this.value}` : text4;
     this.dictating = true;
     recognition.start();
   }
-  #thumbnail(attachment2) {
-    if (attachment2.kind === "image" && attachment2.url && !attachment2.error)
+  #thumbnail(attachment2, problem) {
+    if (attachment2.kind === "image" && attachment2.url && !problem)
       return b`<img slot="thumbnail" src=${attachment2.url} alt="" />`;
-    const icon = attachment2.error ? b`<swc-icon-alert-triangle></swc-icon-alert-triangle>` : attachment2.kind === "secret" ? b`<swc-icon-lock></swc-icon-lock>` : attachment2.kind === "text" ? b`<swc-icon-file-text></swc-icon-file-text>` : b`<swc-icon-file></swc-icon-file>`;
-    return b`<span slot="thumbnail" class="thumb" ?data-error=${!!attachment2.error} aria-hidden="true">${icon}</span>`;
+    const icon = problem ? b`<swc-icon-alert-triangle></swc-icon-alert-triangle>` : attachment2.kind === "secret" ? b`<swc-icon-lock></swc-icon-lock>` : attachment2.kind === "text" ? b`<swc-icon-file-text></swc-icon-file-text>` : b`<swc-icon-file></swc-icon-file>`;
+    return b`<span slot="thumbnail" class="thumb" ?data-error=${!!problem} aria-hidden="true">${icon}</span>`;
   }
   #attachment(attachment2) {
-    const detail = attachment2.error ? this.#errorDetail(attachment2.error) : attachment2.kind === "secret" ? "Secret" : size3(attachment2.size);
+    const problem = this.#problem(attachment2);
+    const detail = problem ? this.#errorDetail(problem) : attachment2.kind === "secret" ? "Secret" : size3(attachment2.size);
     return b`<swc-upload-attachment
       slot="attachment"
       type="card"
       dismissible
       data-id=${attachment2.id}
       data-kind=${attachment2.kind}
-      ?data-error=${!!attachment2.error}
-      title=${attachment2.error ?? attachment2.path ?? attachment2.name}
+      ?data-error=${!!problem}
+      title=${problem ?? attachment2.path ?? attachment2.name}
       @swc-upload-attachment-dismiss=${() => this.detach(attachment2.id)}
     >
-      ${this.#thumbnail(attachment2)}
+      ${this.#thumbnail(attachment2, problem)}
       <span slot="title">${attachment2.name}</span>
-      <span slot="subtitle" class=${attachment2.error ? "failed" : ""} title=${attachment2.error ?? A}>${detail}</span>
+      <span slot="subtitle" class=${problem ? "failed" : ""} title=${problem ?? A}>${detail}</span>
     </swc-upload-attachment>`;
   }
   #popup() {
@@ -36988,12 +37051,14 @@ ${this.value}` : text4;
       this.attachments.filter((attachment2) => !attachment2.error).map((attachment2) => attachment2.name)
     );
     const missing = (this.reattach ?? []).filter((file) => !back.has(file.name));
+    const crowded = this.#together();
     return b`<div class="column" @drop=${this.#mark}>
         <span id="keys" class="sr" aria-hidden="true">${this.#instructions(busy)}</span>
         ${this.#hold()}
         ${this.#starters()}
         ${this.#queue()}
         ${this.#popup()}
+        ${crowded ? b`<p class="send-error" role="alert" data-send-error="together"><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${crowded}</span></p>` : A}
         <swc-prompt-field
           accessible-label="Message"
           loader=${this.#loader(busy)}
@@ -38556,7 +38621,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
       ${offered.length ? b`<sp-picker size="s" quiet label="Model" value=${agent.model} @change=${(event2) => model.agent.setModel(agent.id, event2.target.value)} @sp-opened=${this.#modelFilter.opened} @sp-closed=${this.#modelFilter.closed} @keydown=${this.#modelFilter.keys}>
         ${this.#modelFilter.items(offered)}
       </sp-picker>` : b`<swc-action-button size="s" quiet data-action="set-up-model" @click=${() => this.#action("settings")}>Set up a model</swc-action-button>`}
-      <sp-picker size="s" quiet label="Thinking" value=${model.settings.get().thinking} @change=${(event2) => model.settings.update({ thinking: event2.target.value })}>
+      <sp-picker size="s" quiet label="Thinking" value=${agent.thinking ?? model.settings.get().thinking} @change=${(event2) => model.agent.setThinking(agent.id, event2.target.value)}>
         <sp-menu-item value="off">No thinking</sp-menu-item>
         <sp-menu-item value="low">Think a little</sp-menu-item>
         <sp-menu-item value="medium">Think</sp-menu-item>
@@ -38645,7 +38710,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
               <swc-illustrated-message>
                 <swc-icon-attach></swc-icon-attach>
                 <h2 slot="heading">Drop files to attach</h2>
-                <span slot="description">Images, text and other files up to ${limit / 1024 / 1024} MB each join your next message. Folders can’t be attached.</span>
+                <span slot="description">Images, text and other files up to ${Number((smallest(this.model?.agent.attachmentLimits?.()) / 1024 / 1024).toFixed(1))} MB each join your next message. Folders can’t be attached.</span>
               </swc-illustrated-message>
             </swc-dropzone>` : A}
       <p class="sr" role="status" data-announce="drop">${this.dropping ? "Drop to attach files to your message" : ""}</p>
@@ -39890,7 +39955,10 @@ function watchTitles(model, update) {
   const seen = /* @__PURE__ */ new Map();
   const check3 = (id) => {
     const agent = model.agent.list().find((candidate) => candidate.id === id);
-    if (!agent) return;
+    if (!agent) {
+      if (seen.delete(id)) update();
+      return;
+    }
     const title2 = agentTitle(model, agent);
     if (seen.get(id) === title2) return;
     seen.set(id, title2);
@@ -39898,7 +39966,12 @@ function watchTitles(model, update) {
   };
   const stops = [
     model.agent.on("messages", check3),
-    model.agent.on("message", ({ agentId }) => check3(agentId))
+    model.agent.on("message", ({ agentId }) => check3(agentId)),
+    model.agent.on("agents", (agents) => {
+      const live = new Set(agents.map((agent) => agent.id));
+      for (const id of seen.keys()) if (!live.has(id)) check3(id);
+      for (const agent of agents) check3(agent.id);
+    })
   ];
   return () => {
     for (const stop of stops) stop();
@@ -58060,9 +58133,14 @@ var SliccStatusLabel = class extends i2 {
   get #anchor() {
     return `${this.agent} ${this.calls[0]?.id ?? ""}`;
   }
+  #needsLabel() {
+    if (this.calls.length >= 2) return true;
+    const only = this.calls[0];
+    return !!only && rawTitle(only.title);
+  }
   #ask() {
     const port = this.model?.agent;
-    if (this.calls.length < 2 || !port?.toolLabel) return;
+    if (!this.#needsLabel() || !port?.toolLabel) return;
     const store2 = cache3(port);
     const key = this.#key;
     const anchor = this.#anchor;
@@ -58088,7 +58166,8 @@ var SliccStatusLabel = class extends i2 {
     return store2?.done.get(this.#key) ?? store2?.latest.get(this.#anchor) ?? "";
   }
   #wanted() {
-    const base = this.state === "complete" && this.#label() || this.text;
+    if (this.state === "stopped") return this.text;
+    const base = this.#label() || this.text;
     return base && this.note ? `${this.note} \xB7 ${base}` : base;
   }
   #cancel() {