@ai-ecoverse/slicc-spectrum 2.6.0 → 2.8.0

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) {
@@ -24607,7 +24565,7 @@ function createEditSessionFile(file) {
   return editSessionFile;
 }
 var instanceId2 = -1;
-var File = class {
+var File2 = class {
   options;
   workerManager;
   requestOwnerRender;
@@ -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;
@@ -35512,9 +35530,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);
     }
   },
   {
@@ -35643,6 +35661,7 @@ var SliccComposer = class extends ThemedElement {
     entry: { state: true },
     failure: { state: true },
     reattach: { state: true },
+    recording: { state: true },
     agent: {}
   };
   #drafts = /* @__PURE__ */ new Map();
@@ -35651,6 +35670,7 @@ var SliccComposer = class extends ThemedElement {
   #paths = [];
   #agent = "";
   #next = 1;
+  #session = null;
   #abandon;
   #recognition = null;
   #erase;
@@ -35678,6 +35698,7 @@ var SliccComposer = class extends ThemedElement {
     this.entry = null;
     this.failure = null;
     this.reattach = null;
+    this.recording = null;
     this.agent = "";
   }
   static styles = [
@@ -36223,23 +36244,98 @@ ${this.value}` : text4;
     release(this.attachments.filter((attachment2) => attachment2.id === id));
     this.attachments = this.attachments.filter((attachment2) => attachment2.id !== id);
   }
-  async screenshot() {
-    const browser = this.model?.browser;
-    const tab = browser?.list().find((candidate) => candidate.id === browser.active());
-    if (!(browser && tab)) return;
-    const url = await browser.screenshot(tab.id);
+  #failAttach(name, error, mimeType = "application/octet-stream") {
     this.attachments = [
       ...this.attachments,
       {
         id: this.#id(),
-        name: `${tab.title}.png`,
-        kind: "image",
-        mimeType: "image/png",
-        size: url.length,
-        url
+        name,
+        kind: "file",
+        mimeType,
+        size: 0,
+        error
       }
     ];
   }
+  #switchOff(key) {
+    const found = this.model?.switches?.list().find((item2) => item2.key === key);
+    return !!found && !found.on;
+  }
+  #captureError(error, fallback, switchKey) {
+    if (!(error instanceof Error)) return fallback;
+    if (error.name === "AbortError") return "";
+    if (error.name === "NotAllowedError" && switchKey && this.#switchOff(switchKey)) {
+      const labels = {
+        screen: "Screen capture",
+        camera: "Camera",
+        microphone: "Microphone"
+      };
+      return `${labels[switchKey]} is switched off. Turn it on in Settings, Capture and devices.`;
+    }
+    if (error.name === "NotAllowedError") return error.message || fallback;
+    if (error.name === "NotSupportedError")
+      return error.message || "Recording isn\u2019t supported here";
+    return error.message || fallback;
+  }
+  #errorDetail(error) {
+    return error.replace(" is switched off.", " is off.").replace(", Capture and devices.", ".");
+  }
+  async screenshot() {
+    const capture = this.model?.capture;
+    if (capture?.still) {
+      try {
+        const shot = await capture.still();
+        await this.addFiles([new File([shot.blob], shot.name, { type: shot.mimeType })]);
+      } catch (error) {
+        const message = this.#captureError(error, "Screen capture was denied", "screen");
+        if (message) this.#failAttach("screenshot.png", message, "image/png");
+      }
+      return;
+    }
+    const browser = this.model?.browser;
+    const tab = browser?.list().find((candidate) => candidate.id === browser.active());
+    if (!(browser && tab)) {
+      this.#failAttach("screenshot.png", "No screen or browser tab to screenshot", "image/png");
+      return;
+    }
+    try {
+      const url = await browser.screenshot(tab.id);
+      this.attachments = [
+        ...this.attachments,
+        {
+          id: this.#id(),
+          name: `${tab.title}.png`,
+          kind: "image",
+          mimeType: "image/png",
+          size: url.length,
+          url
+        }
+      ];
+    } catch (error) {
+      const message = this.#captureError(error, "Could not take a screenshot");
+      if (message) this.#failAttach("screenshot.png", message, "image/png");
+    }
+  }
+  async record(kind) {
+    const capture = this.model?.capture;
+    if (!capture || this.#session) return;
+    try {
+      const session2 = await capture.record(kind);
+      this.#session = session2;
+      this.recording = kind;
+      const take2 = await session2.finished;
+      this.#session = null;
+      this.recording = null;
+      await this.addFiles([new File([take2.blob], take2.name, { type: take2.mimeType })]);
+    } catch (error) {
+      this.#session = null;
+      this.recording = null;
+      const mic = kind === "audio";
+      const fallback = mic ? "Microphone access was denied" : "Camera access was denied";
+      const message = this.#captureError(error, fallback, mic ? "microphone" : "camera");
+      if (message) this.#failAttach("recording.webm", message, mic ? "audio/webm" : "video/webm");
+    }
+  }
   async attachPath(path2) {
     const text4 = await this.model?.files.read(path2).catch(() => null);
     const name = path2.slice(path2.lastIndexOf("/") + 1);
@@ -36613,6 +36709,8 @@ ${this.value}` : text4;
     if (value === "upload")
       this.renderRoot.querySelector("input[type=file]")?.click();
     else if (value === "screenshot") void this.screenshot();
+    else if (value === "record-audio") void this.record("audio");
+    else if (value === "record-video") void this.record("video");
     else {
       this.openPopup(value);
       void this.updateComplete.then(
@@ -36660,7 +36758,7 @@ ${this.value}` : text4;
     return b`<span slot="thumbnail" class="thumb" ?data-error=${!!attachment2.error} aria-hidden="true">${icon}</span>`;
   }
   #attachment(attachment2) {
-    const detail = attachment2.error ?? (attachment2.kind === "secret" ? "Secret" : size3(attachment2.size));
+    const detail = attachment2.error ? this.#errorDetail(attachment2.error) : attachment2.kind === "secret" ? "Secret" : size3(attachment2.size);
     return b`<swc-upload-attachment
       slot="attachment"
       type="card"
@@ -36668,12 +36766,12 @@ ${this.value}` : text4;
       data-id=${attachment2.id}
       data-kind=${attachment2.kind}
       ?data-error=${!!attachment2.error}
-      title=${attachment2.path ?? attachment2.name}
+      title=${attachment2.error ?? attachment2.path ?? attachment2.name}
       @swc-upload-attachment-dismiss=${() => this.detach(attachment2.id)}
     >
       ${this.#thumbnail(attachment2)}
       <span slot="title">${attachment2.name}</span>
-      <span slot="subtitle" class=${attachment2.error ? "failed" : ""}>${detail}</span>
+      <span slot="subtitle" class=${attachment2.error ? "failed" : ""} title=${attachment2.error ?? A}>${detail}</span>
     </swc-upload-attachment>`;
   }
   #popup() {
@@ -36946,7 +37044,9 @@ ${this.value}` : text4;
         <swc-popover placement="top-start" accessible-label="Add to the message" @keydown=${this.#menuKey} @swc-after-open=${() => this.renderRoot.querySelector("sp-menu")?.focus()}>
           <sp-menu label="Add to the message" @change=${this.#add}>
             <sp-menu-item value="upload">Upload from this computer</sp-menu-item>
-            <sp-menu-item value="screenshot">Take a screenshot of the browser tab</sp-menu-item>
+            <sp-menu-item value="screenshot" ?disabled=${!!this.recording}>Take a screenshot</sp-menu-item>
+            ${this.model?.capture ? b`<sp-menu-item value="record-audio" data-action="record-audio" ?disabled=${!!this.recording}>Record audio</sp-menu-item>` : A}
+            ${this.model?.capture?.kinds?.includes("video") ? b`<sp-menu-item value="record-video" data-action="record-video" ?disabled=${!!this.recording}>Record video</sp-menu-item>` : A}
             <sp-menu-item value="file">Attach a file from SLICC</sp-menu-item>
             <sp-menu-item value="secret">Share a secret</sp-menu-item>
             ${talk ? b`<sp-menu-divider></sp-menu-divider>
@@ -38474,7 +38574,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>
@@ -39808,7 +39908,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);
@@ -39816,7 +39919,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();
@@ -54181,7 +54289,7 @@ var SliccLive = class extends ModelElement {
 // src/app/lucide.ts
 var library = null;
 function load2() {
-  library ??= import("./chunk-NMHCUT6N.js");
+  library ??= import("./chunk-3MP6GPRK.js");
   return library;
 }
 function pascal(name) {
@@ -55770,7 +55878,7 @@ var SliccSettings = class extends ThemedElement {
       (item2) => b`<sp-switch .checked=${l(item2.on)} data-id=${item2.key} @change=${(event2) => port.set(item2.key, this.#checked(event2))}>${item2.label}</sp-switch>`
     )}
           </div>
-          <p class="hint">Programs can capture only what’s on here. Turning one off stops what’s live under it.</p>
+          <p class="hint">Programs and linked devices can use only what’s on here. Turning one off stops what’s live under it.</p>
         </div>
       </div>
       </div>`;
@@ -57978,9 +58086,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;
@@ -58006,7 +58119,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() {
@@ -58427,7 +58541,7 @@ var SliccCodeView = class extends PierreView {
   }
   draw(container) {
     if (this.#contents === null) return this.empty(container, "Nothing to show");
-    const viewer = new File(this.options());
+    const viewer = new File2(this.options());
     viewer.render({
       file: { name: this.path, contents: this.#contents },
       containerWrapper: container