@ai-ecoverse/slicc-spectrum 1.47.2 → 1.47.3

package/dist/slicc-ui.js

@@ -11231,7 +11231,11 @@ var SliccNetwork = class extends ModelElement {
     return model.network ? [model.network.on("network", () => this.requestUpdate())] : [];
   }
   focus() {
-    this.focusOn("swc-button, a, summary, swc-action-button", ".page");
+    this.focusWith(
+      { focusVisible: false },
+      "sp-picker, swc-button, a, summary, swc-action-button",
+      ".page"
+    );
   }
   async check() {
     const port = this.model?.network;
@@ -11349,7 +11353,7 @@ var SliccNetwork = class extends ModelElement {
           </div>` : A}
       <p data-exit=${tailnet.exitNode ? "node" : "none"}>${tailnet.exitNode ? `Internet through the exit node ${tailnet.exitNode}.` : tailnetOnly[status2.route ?? "none"]}</p>`;
   }
-  #exitLine(status2) {
+  #exitLine(port, status2) {
     const exit = status2.exit;
     if (!exit) return A;
     if (exit.kind === "tailnet") {
@@ -11360,7 +11364,7 @@ var SliccNetwork = class extends ModelElement {
     const device = status2.links?.devices.find((item2) => item2.id === exit.id);
     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>`;
+    return b`<div class="warning" data-exit="device" data-held><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><div class="banner"><span>${who}. Internet traffic waits until it’s connected.</span><div class="actions"><swc-button size="s" variant="secondary" fill-style="outline" data-action="exit-direct" ?pending=${this.busy === "exit"} ?disabled=${this.#waiting("exit")} @click=${() => this.#act("exit", () => port.setExit?.(null), "error")}>Send directly</swc-button></div></div></div>`;
   }
   #exitPicker(port, status2) {
     const tailnet = status2.tailnet;
@@ -11381,7 +11385,7 @@ var SliccNetwork = class extends ModelElement {
               </sp-menu-group>` : A}
         </sp-picker>
       </div>
-      ${this.#exitLine(status2)}`;
+      ${this.#exitLine(port, status2)}`;
   }
   #exitAll(event2, port) {
     const value = event2.target.value;