@ai-ecoverse/slicc-spectrum 1.47.4 → 1.48.0

package/dist/slicc-ui.js

@@ -10862,11 +10862,25 @@ var routes = {
 var automation = {
   extension: "Browser automation: through the SLICC extension.",
   proxy: "Browser automation: through slicc-node.",
+  link: "Browser automation: through a linked device.",
   none: "Browser automation: not available. Install the extension or run slicc-node."
 };
 function automationOf(browser) {
   return browser.via ?? "none";
 }
+function browserLine(browser, links) {
+  const via = automationOf(browser);
+  if (via !== "link") return automation[via];
+  const connected = (links?.devices ?? []).filter((device) => device.state === "connected");
+  const found = connected.flatMap(
+    (device) => (device.browsers ?? []).map((item2) => ({ name: item2.name, device: device.name }))
+  );
+  if (found.length === 1)
+    return `Browser automation: through ${found[0].name} on the linked device ${found[0].device}.`;
+  if (found.length > 1)
+    return `Browser automation: through ${found.length} browsers on linked devices.`;
+  return automation.link;
+}
 var tailnetStates = {
   off: ["neutral", "Off"],
   loading: ["info", "Loading"],
@@ -11139,7 +11153,8 @@ var SliccNetwork = class extends ModelElement {
         color: var(--swc-neutral-subdued-content-color-default);
         overflow-wrap: anywhere;
       }
-      .where code {
+      .where code,
+      [data-browsers] code {
         font-family: var(--swc-code-font-family-stack);
       }
       .key {
@@ -11423,6 +11438,7 @@ var SliccNetwork = class extends ModelElement {
       ${port.unlink ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="unlink" ?pending=${this.busy === action} ?disabled=${this.#waiting(action)} @click=${() => this.#unlink(port, status2, device)}>Unlink</swc-button>` : A}
       <span class="where"><code>${device.host}</code><span><code>${device.address}</code> · ${device.mode === "local" ? "This computer" : "Remote"}</span></span>
       ${device.policy ? b`<span class="muted" data-policy>Reaches ${device.policy}.</span>` : A}
+      ${device.browsers?.length ? b`<span class="muted" data-browsers>${device.browsers.length === 1 ? "Browser" : "Browsers"}: ${device.browsers.map((item2, index) => b`${index ? ", " : ""}${item2.name} (<code>${item2.runtime}</code>)`)}</span>` : A}
       ${device.offers.includes("ssh") ? b`<div class="command" data-copy="ssh"><code>ssh ${device.host}</code>${this.#copyButton(`ssh:${device.id}`, "ssh", "ssh command", `ssh ${device.host}`, "linksError")}</div>` : A}
     </li>`;
   }
@@ -11506,7 +11522,7 @@ var SliccNetwork = class extends ModelElement {
       <p data-route=${routeOf(status2) ?? "none"}>${routeLine(status2)}</p>
       ${status2.detail ? b`<p class="detail">${status2.detail}</p>` : A}
       ${this.#exitPicker(port, status2)}
-      ${status2.browser ? b`<p data-browser=${automationOf(status2.browser)}>${automation[automationOf(status2.browser)]}${status2.browser.detail ? b` <span class="detail">${status2.browser.detail}</span>` : A}</p>` : A}
+      ${status2.browser ? b`<p data-browser=${automationOf(status2.browser)}>${browserLine(status2.browser, status2.links)}${status2.browser.detail ? b` <span class="detail">${status2.browser.detail}</span>` : A}</p>` : A}
       ${port.check ? b`<div class="actions"><swc-button size="m" variant="secondary" data-action="check" ?pending=${this.checking} @click=${() => this.check()}>Check again</swc-button></div>` : A}
       ${this.error ? b`<div class="error" role="alert"><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${this.error}</span></div>` : A}
     </section>`;