@ai-ecoverse/slicc-spectrum 1.47.0 → 1.47.1

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"];
 }
@@ -11489,7 +11500,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 +11518,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">