@ai-ecoverse/slicc-spectrum 1.47.0 → 1.47.2

package/dist/slicc-ui.js

@@ -10924,9 +10924,20 @@ function unlinkBody(device, isExit) {
 var wholeWeb = /* @__PURE__ */ new Set([
   "proxy",
   "extension",
-  "tailnet"
+  "tailnet",
+  "link"
 ]);
+function routeOf(status2) {
+  return status2.exit?.kind === "link" ? "link" : status2.route;
+}
+function linkLine(status2, id) {
+  const device = status2.links?.devices.find((item2) => item2.id === id);
+  if (!device) return "Waiting for a linked device that isn\u2019t connected.";
+  if (device.state !== "connected") return `Waiting for the linked device ${device.name}.`;
+  return device.policy ? `Through the linked device ${device.name}, which reaches ${device.policy}.` : `Through the linked device ${device.name}.`;
+}
 function routeLine(status2) {
+  if (status2.exit?.kind === "link") return linkLine(status2, status2.exit.id);
   const node = status2.route === "tailnet" ? status2.tailnet?.exitNode : null;
   return node ? `Through the Tailscale exit node ${node}, which reaches every site.` : routes[status2.route ?? "none"];
 }
@@ -11342,13 +11353,12 @@ var SliccNetwork = class extends ModelElement {
     const exit = status2.exit;
     if (!exit) return A;
     if (exit.kind === "tailnet") {
+      if (status2.route === "tailnet") return A;
       const name = status2.tailnet?.exitNodes?.find((node) => node.id === exit.node)?.name;
       return b`<p data-exit="node">${name ? `Internet through the Tailscale exit node ${name}.` : "Internet through an automatic Tailscale exit node."}</p>`;
     }
     const device = status2.links?.devices.find((item2) => item2.id === exit.id);
-    if (device?.state === "connected") {
-      return b`<p data-exit="device">Internet through the linked device ${device.name}.</p>`;
-    }
+    if (device?.state === "connected") return A;
     const who = device ? `${device.name} is ${device.state}` : "The linked device isn\u2019t connected";
     return b`<div class="warning" data-exit="device" data-held><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${who}. Internet traffic waits until it’s connected.</span></div>`;
   }
@@ -11489,7 +11499,7 @@ var SliccNetwork = class extends ModelElement {
         <h2 id="state">Connection</h2>
         <swc-status-light variant=${variant} data-health=${status2.health}>${label}</swc-status-light>
       </div>
-      <p data-route=${status2.route ?? "none"}>${routeLine(status2)}</p>
+      <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}
@@ -11507,7 +11517,7 @@ var SliccNetwork = class extends ModelElement {
     });
   }
   #whole(status2) {
-    if (wholeWeb.has(status2.route)) {
+    if (wholeWeb.has(routeOf(status2))) {
       return b`<details><summary>Other ways to reach the whole web</summary><div>${this.#ways(status2)}</div></details>`;
     }
     return b`<section aria-labelledby="whole">