@ai-ecoverse/slicc-spectrum 1.49.0 → 1.49.2

package/dist/slicc-ui.js

@@ -10868,8 +10868,10 @@ var automation = {
 function automationOf(browser) {
   return browser.via ?? "none";
 }
-function browserLine(browser, links) {
+function browserLine(browser, links, route) {
   const via = automationOf(browser);
+  if (via === "none" && route === "proxy")
+    return "Browser automation: slicc-node has no browser attached.";
   if (via !== "link") return automation[via];
   const connected = (links?.devices ?? []).filter((device) => device.state === "connected");
   const found = connected.flatMap(
@@ -10924,8 +10926,9 @@ function remoteLight(status2) {
     return [`${devices.length} linked devices are ${verb} the agent.`];
   };
   const tooltip = [...say(prompting, "sending prompts to"), ...say(watching, "watching")].join(" ");
-  if (prompting.length) return { mode: "prompt", text: "Remote control", tooltip };
-  return { mode: "watch", text: "Watched remotely", tooltip };
+  const by = (devices) => devices.length === 1 ? devices[0].name : `${devices.length} linked devices`;
+  if (prompting.length) return { mode: "prompt", text: `Controlled by ${by(prompting)}`, tooltip };
+  return { mode: "watch", text: `Watched by ${by(watching)}`, tooltip };
 }
 function linksSummary(links) {
   if (links.permission) return "permission";
@@ -11577,7 +11580,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)}>${browserLine(status2.browser, status2.links)}${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.route)}${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>`;
@@ -19639,16 +19642,13 @@ function requiresText(item2, all2) {
     const found = all2.find((other) => other.id === id);
     return { label: found?.label ?? id, missing: found?.version === null };
   });
-  if (!needs.length) return null;
-  if (item2.version === null) {
-    const present = needs.filter((need) => !need.missing).map((need) => need.label);
-    const missing = needs.filter((need) => need.missing).map((need) => need.label);
-    return [
-      present.length ? `Needs ${list2(present)}` : "",
-      missing.length ? `Installs ${list2(missing)} too` : ""
-    ].filter(Boolean).join("; ");
-  }
-  return `Needs ${list2(needs.map((need) => need.missing ? `${need.label} (not installed)` : need.label))}`;
+  const present = needs.filter((need) => !need.missing).map((need) => need.label);
+  const missing = needs.filter((need) => need.missing).map((need) => need.label);
+  const parts2 = [
+    present.length ? `Uses ${list2(present)}` : "",
+    item2.version === null && missing.length ? `Installs ${list2(missing)} too` : ""
+  ].filter(Boolean);
+  return parts2.length ? parts2.join("; ") : null;
 }
 var snapshot = (items) => new Map(items.map(({ id, state: state2, error }) => [id, { state: state2, error }]));
 function settled(failures, before, after) {
@@ -19885,6 +19885,20 @@ var SliccUpdates = class extends ModelElement {
         line-height: var(--swc-line-height-200);
         overflow-wrap: anywhere;
       }
+      .warnings {
+        display: flex;
+        flex-direction: column;
+        gap: var(--swc-spacing-75);
+        font-size: var(--swc-font-size-75);
+        line-height: var(--swc-line-height-200);
+        overflow-wrap: anywhere;
+        --swc-icon-color: var(--swc-notice-visual-color);
+      }
+      .warnings span {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--swc-spacing-75);
+      }
       .commands {
         display: flex;
         flex-wrap: wrap;
@@ -20121,6 +20135,9 @@ var SliccUpdates = class extends ModelElement {
       <p class="description">${item2.description}</p>
       ${this.#packageMeta(item2, all2)}
       ${item2.notes?.length ? b`<p class="notes" data-notes>${item2.notes.map((note) => b`<span>${note}</span>`)}</p>` : A}
+      ${item2.warnings?.length ? b`<p class="warnings" data-warnings>${item2.warnings.map(
+      (warning) => b`<span><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle>${warning}</span>`
+    )}</p>` : A}
       ${item2.commands.length ? b`<p class="commands"><span class="hidden">Commands: </span>${item2.commands.map(
       (command2) => b`<code>${command2}</code>`
     )}</p>` : A}
@@ -20877,7 +20894,7 @@ var SliccApp = class extends ThemedElement {
     if (!port || !this.#offers("network")) return A;
     const light = remoteLight(port.status());
     if (!light) return A;
-    return b`<swc-action-button id="remote" quiet size="s" data-remote=${light.mode} accessible-label=${`${light.text}. ${light.tooltip}`} @click=${() => this.show("network")}>
+    return b`<swc-action-button id="remote" quiet size="s" data-remote=${light.mode} accessible-label=${light.tooltip} @click=${() => this.show("network")}>
         <swc-status-light size="s" variant="info">${this.screen === "phone" ? A : light.text}</swc-status-light>
       </swc-action-button>
       <swc-tooltip for="remote" placement="bottom">${light.tooltip}</swc-tooltip>`;