@ai-ecoverse/slicc-spectrum 2.5.0 → 2.7.0

package/dist/slicc-ui.js

@@ -24607,7 +24607,7 @@ function createEditSessionFile(file) {
   return editSessionFile;
 }
 var instanceId2 = -1;
-var File = class {
+var File2 = class {
   options;
   workerManager;
   requestOwnerRender;
@@ -35643,6 +35643,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 +35652,7 @@ var SliccComposer = class extends ThemedElement {
   #paths = [];
   #agent = "";
   #next = 1;
+  #session = null;
   #abandon;
   #recognition = null;
   #erase;
@@ -35678,6 +35680,7 @@ var SliccComposer = class extends ThemedElement {
     this.entry = null;
     this.failure = null;
     this.reattach = null;
+    this.recording = null;
     this.agent = "";
   }
   static styles = [
@@ -36223,23 +36226,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 +36691,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 +36740,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 +36748,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 +37026,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>
@@ -42703,7 +42785,8 @@ var controlBadges = {
 var accessLabels = {
   view: "View",
   control: "Control",
-  terminal: "Terminal"
+  terminal: "Terminal",
+  browser: "Browser"
 };
 var accessKeys = Object.keys(accessLabels);
 function accessShown(access) {
@@ -42731,6 +42814,10 @@ function accessConfirm(device, key) {
     terminal: [
       `Give ${name} a root shell?`,
       "Terminal lets it open shells on this SLICC as root: it can run any command and read or change every file."
+    ],
+    browser: [
+      `Let ${name} drive this browser?`,
+      "It can open, read and control the tabs in this browser, as you, with your signed-in sites. This SLICC\u2019s own pages and the vault stay out of its reach."
     ]
   }[key];
   return { title: title2, body: `${body2} ${again}`, action: "Allow", variant: "confirmation" };
@@ -54176,7 +54263,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) {
@@ -55765,7 +55852,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>`;
@@ -58422,7 +58509,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