@ai-ecoverse/slicc-spectrum 1.67.1 → 1.68.1

package/dist/slicc-ui.js

@@ -11546,9 +11546,9 @@ var QrCode = class {
     }
     const result = [];
     for (let i26 = 0; i26 < blocks[0].length; i26++) {
-      blocks.forEach((block2, j5) => {
+      blocks.forEach((block3, j5) => {
         if (i26 !== shortBlockLen - blockEccLen || j5 >= numShortBlocks)
-          result.push(block2[i26]);
+          result.push(block3[i26]);
       });
     }
     return result;
@@ -11987,7 +11987,9 @@ function qrCode(text2, label) {
 }
 
 // src/app/reach.ts
-var command = "npx @ai-ecoverse/slicc-node";
+var command = "curl -fsSL https://get.sliccy.ai/slicc | sh";
+var startCommand = "slicc";
+var nodeCommand = "npx sliccy@next";
 var reachStyles = i`
   .command {
     display: flex;
@@ -12000,22 +12002,48 @@ var reachStyles = i`
   code {
     flex: 1;
     min-width: 0;
-    overflow-wrap: anywhere;
+    overflow-wrap: break-word;
+    word-break: normal;
     font-family: var(--swc-code-font-family-stack);
     font-size: var(--swc-font-size-75);
     color: var(--swc-code-color);
     user-select: all;
   }
+  .commands {
+    display: grid;
+    gap: var(--swc-spacing-100);
+  }
+  .commands p {
+    margin: 0;
+    font-size: var(--swc-font-size-75);
+    color: var(--swc-neutral-subdued-content-color-default);
+  }
 `;
+function block(text2, copied, copy, first2 = false) {
+  const done2 = copied === text2;
+  return b`<div class="command" data-command=${text2}>
+      <code>${breakable(text2)}</code>
+      <swc-action-button size="s" quiet data-action=${first2 ? "copy-command" : A} accessible-label=${done2 ? "Copied" : `Copy ${text2}`} @click=${() => copy(text2)}>
+        <swc-icon-copy slot="icon"></swc-icon-copy>${done2 ? "Copied" : "Copy"}
+      </swc-action-button>
+    </div>`;
+}
+function breakable(text2) {
+  return text2.split("/").map(
+    (part2, index, parts2) => b`${part2}${index < parts2.length - 1 ? b`/<wbr />` : A}`
+  );
+}
 function reach({ intro, extensionUrl, copied, uncopied, copy }) {
   return b`<p>${intro}</p>
     ${extensionUrl ? b`<p><a class="swc-Link" href=${extensionUrl} target="_blank" rel="noopener noreferrer" data-action="install-extension">Install the Chrome extension</a></p>` : A}
-    <p>To run slicc-node, enter this in a terminal:</p>
-    <div class="command">
-      <code>${command}</code>
-      <swc-action-button size="s" quiet data-action="copy-command" accessible-label=${copied ? "Copied" : "Copy command"} @click=${copy}>
-        <swc-icon-copy slot="icon"></swc-icon-copy>${copied ? "Copied" : "Copy"}
-      </swc-action-button>
+    <p>To run slicc, enter this in a terminal:</p>
+    <div class="commands">
+      ${block(command, copied, copy, true)}
+      ${block(startCommand, copied, copy)}
+    </div>
+    <div class="commands" data-commands="node">
+      <p>With Node:</p>
+      ${block(nodeCommand, copied, copy)}
     </div>
     ${uncopied ? b`<div class="error" role="alert" data-error="copy"><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>Couldn’t copy. Select the command and copy it.</span></div>` : A}`;
 }
@@ -12167,7 +12195,8 @@ var networkHealth = {
   failing: ["negative", "Failing"]
 };
 var routes = {
-  proxy: "Through slicc-node, which reaches every site.",
+  proxy: "Through slicc on this computer, which reaches every site.",
+  link: "Through a linked device.",
   extension: "Through the SLICC Chrome extension, which reaches every site.",
   tailnet: "Through a Tailscale exit node, which reaches every site.",
   page: "Through this page\u2019s own fetch. Sites that block cross-origin requests are out of reach.",
@@ -12175,27 +12204,36 @@ var routes = {
 };
 var automation = {
   extension: "Browser automation: through the SLICC extension.",
-  proxy: "Browser automation: through slicc-node.",
+  proxy: "Browser automation: through slicc on this computer.",
   link: "Browser automation: through a linked device.",
-  none: "Browser automation: not available. Install the extension, or run slicc-node or npx sliccy@next."
+  none: "Browser automation: not available. Install the extension, or run slicc on this computer."
 };
+function exitDevice(status2) {
+  const exit = status2.exit;
+  return exit?.kind === "link" ? status2.links?.devices.find((device) => device.id === exit.id) : void 0;
+}
+function localExit(status2) {
+  if (status2.exit?.kind === "link") return exitDevice(status2)?.mode === "local";
+  return status2.route === "proxy";
+}
 function automationOf(browser) {
   return browser.via ?? "none";
 }
-function browserLine(browser, links, route) {
+function browserLine(browser, status2) {
   const via = automationOf(browser);
-  if (via === "none" && route === "proxy")
-    return "Browser automation: slicc-node has no browser attached.";
+  const local2 = localExit(status2);
+  if (via === "none" && local2) return "slicc on this computer has no browser to control.";
   if (via !== "link") return automation[via];
-  const connected = (links?.devices ?? []).filter((device) => device.state === "connected");
+  const connected = (status2.links?.devices ?? []).filter((device) => device.state === "connected");
   const found = connected.flatMap(
-    (device) => (device.browsers ?? []).map((item2) => ({ name: item2.name, device: device.name }))
+    (device) => (device.browsers ?? []).map((item2) => ({ name: item2.name, device }))
   );
+  if (found.length === 1 && found[0].device.mode === "local") return automation.proxy;
   if (found.length === 1)
-    return `Browser automation: through ${found[0].name} on the linked device ${found[0].device}.`;
+    return `Browser automation: through ${found[0].name} on the linked device ${found[0].device.name}.`;
   if (found.length > 1)
     return `Browser automation: through ${found.length} browsers on linked devices.`;
-  return automation.link;
+  return local2 ? automation.proxy : automation.link;
 }
 var tailnetStates = {
   off: ["neutral", "Off"],
@@ -12206,7 +12244,8 @@ var tailnetStates = {
   failed: ["negative", "Failed"]
 };
 var tailnetOnly = {
-  proxy: "Tailnet hosts only. Everything else goes through slicc-node.",
+  proxy: "Tailnet hosts only. Everything else goes through slicc on this computer.",
+  link: "Tailnet hosts only. Everything else goes through a linked device.",
   extension: "Tailnet hosts only. Everything else goes through the SLICC extension.",
   tailnet: "Everything goes through your tailnet.",
   page: "Tailnet hosts only. Everything else goes through this page\u2019s fetch.",
@@ -12215,6 +12254,13 @@ var tailnetOnly = {
 function tailnetAddress(addresses) {
   return addresses.find((address) => address.startsWith("100.")) ?? addresses[0];
 }
+function tailnetLine(status2) {
+  const route = routeOf(status2) ?? "none";
+  if (route !== "link") return tailnetOnly[route];
+  if (localExit(status2)) return tailnetOnly.proxy;
+  const device = exitDevice(status2);
+  return device ? `Tailnet hosts only. Everything else goes through ${device.name}.` : tailnetOnly.link;
+}
 function exitNodeValue(tailnet) {
   if (tailnet.autoExitNode) return "auto";
   return tailnet.exitNodes?.find((node) => node.name === tailnet.exitNode)?.id ?? "none";
@@ -12360,14 +12406,15 @@ var wholeWeb = /* @__PURE__ */ new Set([
 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);
+function linkLine(status2) {
+  const device = exitDevice(status2);
   if (!device) return "Waiting for a linked device that isn\u2019t connected.";
   if (device.state !== "connected") return `Waiting for the linked device ${device.name}.`;
+  if (device.mode === "local") return routes.proxy;
   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);
+  if (status2.exit?.kind === "link") return linkLine(status2);
   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"];
 }
@@ -12427,7 +12474,7 @@ var SliccNetwork = class extends ModelElement {
   constructor() {
     super();
     this.checking = false;
-    this.copied = false;
+    this.copied = null;
     this.uncopied = false;
     this.error = "";
     this.busy = "";
@@ -12794,9 +12841,9 @@ var SliccNetwork = class extends ModelElement {
       this.checking = false;
     }
   }
-  async copy() {
-    const done2 = await copyText(command);
-    this.copied = done2;
+  async copy(text2 = command) {
+    const done2 = await copyText(text2);
+    this.copied = done2 ? text2 : null;
     this.uncopied = !done2;
   }
   async #act(action, run2, area) {
@@ -12905,7 +12952,7 @@ var SliccNetwork = class extends ModelElement {
               ${tailnet.exitNodes.map((node) => b`<sp-menu-item value=${node.id} ?disabled=${!node.online}>${node.name}${node.online ? A : b`<span slot="description">Offline</span>`}</sp-menu-item>`)}
             </sp-picker>
           </div>` : A}
-      <p data-exit=${tailnet.exitNode ? "node" : "none"}>${tailnet.exitNode ? `Internet through the exit node ${tailnet.exitNode}.` : tailnetOnly[status2.route ?? "none"]}</p>`;
+      <p data-exit=${tailnet.exitNode ? "node" : "none"}>${tailnet.exitNode ? `Internet through the exit node ${tailnet.exitNode}.` : tailnetLine(status2)}</p>`;
   }
   #exitLine(port, status2) {
     const exit = status2.exit;
@@ -13165,7 +13212,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.route)}${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)}${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>`;
@@ -13201,11 +13248,11 @@ var SliccNetwork = class extends ModelElement {
   }
   #ways(status2) {
     return reach({
-      intro: "Install the SLICC Chrome extension, or run slicc-node on this computer. Either one reaches every site.",
+      intro: "Install the SLICC extension, or run slicc on this computer. Either one reaches every site.",
       extensionUrl: status2.extensionUrl,
       copied: this.copied,
       uncopied: this.uncopied,
-      copy: () => this.copy()
+      copy: (text2) => this.copy(text2)
     });
   }
   #whole(status2) {
@@ -14351,22 +14398,8 @@ var SliccTerminalPanel = class extends ThemedElement {
     const host4 = this.getRootNode().host;
     const panel = host4?.localName === "slicc-dock" ? host4.api.getPanel(terminalPanel(id)) : void 0;
     if (!panel) return Promise.resolve(false);
-    if (!document.hidden) return this.#seen(panel, screen).then(() => false);
-    if (laid(screen.getBoundingClientRect())) return Promise.resolve(true);
-    return new Promise((resolve2) => {
-      const done2 = (hidden) => {
-        watch.dispose();
-        document.removeEventListener("visibilitychange", visible2);
-        resolve2(hidden);
-      };
-      const watch = panel.api.onDidDimensionsChange((size4) => {
-        if (laid(size4)) done2(true);
-      });
-      const visible2 = () => {
-        if (!document.hidden) done2(false);
-      };
-      document.addEventListener("visibilitychange", visible2);
-    }).then((hidden) => hidden || this.#seen(panel, screen).then(() => false));
+    if (document.hidden) return Promise.resolve(true);
+    return this.#seen(panel, screen).then(() => false);
   }
   #seen(panel, screen) {
     const sized = laid(panel.api) ? Promise.resolve() : new Promise((resolve2) => {
@@ -20303,7 +20336,7 @@ function list2(lines) {
   return { type: "list", ordered: ordered2, items };
 }
 var starts = /^(```|#{1,4}\s|\s*\||>\s?|---\s*$)/;
-function block(lines, i26) {
+function block2(lines, i26) {
   const line = lines[i26];
   if (line.startsWith("```")) return fence(lines, i26);
   const heading = line.match(/^(#{1,4})\s+(.*)$/);
@@ -20341,7 +20374,7 @@ function parse2(text2) {
   const blocks = [];
   let i26 = 0;
   while (i26 < lines.length) {
-    const [next, end] = block(lines, i26);
+    const [next, end] = block2(lines, i26);
     if (next) blocks.push(next);
     i26 = end;
   }
@@ -24548,7 +24581,7 @@ var SliccBrowser = class extends ModelElement {
     this.requestUpdate();
   }
   async #copyCommand(text2) {
-    this.#command = await copyText(text2);
+    this.#command = await copyText(text2) && text2;
     this.requestUpdate();
   }
   #who(tab) {
@@ -24700,11 +24733,11 @@ var SliccBrowser = class extends ModelElement {
         <span slot="description">Agents can’t open or use browser tabs yet.</span>
       </swc-illustrated-message>
       <div class="reach">${reach({
-      intro: "Install the SLICC Chrome extension, or run slicc-node on this computer. Either one lets agents use this browser.",
+      intro: "Install the SLICC extension, or run slicc on this computer.",
       extensionUrl: status2?.extensionUrl,
-      copied: this.#command === true,
+      copied: this.#command || null,
       uncopied: this.#command === false,
-      copy: () => this.#copyCommand(command)
+      copy: (text2) => this.#copyCommand(text2)
     })}</div>
     </div></div>`;
   }
@@ -24958,7 +24991,8 @@ var SliccChanges = class extends ModelElement {
         background: var(--swc-background-layer-1-color);
       }
       code {
-        overflow-wrap: anywhere;
+        overflow-wrap: break-word;
+        word-break: normal;
         font-family: var(--swc-code-font-family-stack);
         font-size: var(--swc-font-size-75);
         color: var(--swc-code-color);
@@ -25160,7 +25194,7 @@ var SliccChanges = class extends ModelElement {
       <p data-unavailable>${parts2.map((part2) => typeof part2 === "string" ? part2 : b`<code>${part2.code}</code>`)}</p>
       ${codes.map(
       (code2) => b`<div class="command" data-command=${code2}>
-          <code>${code2}</code>
+          <code>${breakable(code2)}</code>
           <swc-action-button size="s" quiet data-action="copy-command" accessible-label=${this.copied === code2 ? "Copied" : `Copy ${code2}`} @click=${() => this.copy(code2)}>
             <swc-icon-copy slot="icon"></swc-icon-copy>${this.copied === code2 ? "Copied" : "Copy"}
           </swc-action-button>
@@ -50009,13 +50043,13 @@ function realignChangeContentBySimilarity(diff) {
 function slideBlankBoundaryBlocksUp(hunk, diff, resolveSlide) {
   const { hunkContent } = hunk;
   for (let index = 1; index < hunkContent.length; index++) {
-    const block2 = hunkContent[index];
+    const block3 = hunkContent[index];
     const previous = hunkContent[index - 1];
-    if (block2.type !== "change" || block2.additions > 0 && block2.deletions > 0 || previous.type !== "context") continue;
-    const isInsert = block2.additions > 0;
+    if (block3.type !== "change" || block3.additions > 0 && block3.deletions > 0 || previous.type !== "context") continue;
+    const isInsert = block3.additions > 0;
     const lines = isInsert ? diff.additionLines : diff.deletionLines;
-    const blockStart = isInsert ? block2.additionLineIndex : block2.deletionLineIndex;
-    const blockLength = isInsert ? block2.additions : block2.deletions;
+    const blockStart = isInsert ? block3.additionLineIndex : block3.deletionLineIndex;
+    const blockLength = isInsert ? block3.additions : block3.deletions;
     const unit = lines[blockStart] ?? "";
     if (unit.trim() !== "") continue;
     let uniform = true;
@@ -50029,13 +50063,13 @@ function slideBlankBoundaryBlocksUp(hunk, diff, resolveSlide) {
     if (slide === 0) continue;
     if (index === 1 && slide === previous.lines) continue;
     if (resolveSlide != null) {
-      slide = resolveSlide(block2, slide);
+      slide = resolveSlide(block3, slide);
       if (slide === 0) continue;
     }
-    block2.additionLineIndex -= slide;
-    block2.deletionLineIndex -= slide;
-    const blockAdditionEnd = block2.additionLineIndex + block2.additions;
-    const blockDeletionEnd = block2.deletionLineIndex + block2.deletions;
+    block3.additionLineIndex -= slide;
+    block3.deletionLineIndex -= slide;
+    const blockAdditionEnd = block3.additionLineIndex + block3.additions;
+    const blockDeletionEnd = block3.deletionLineIndex + block3.deletions;
     const next = hunkContent[index + 1];
     if (next?.type === "context") {
       next.lines += slide;
@@ -52888,13 +52922,13 @@ function parseSessionChangeBlocks(diff, parseDiffOptions, getPreviousAdditionLin
     lang: diff.lang
   }, parseDiffOptions);
   let previousBlocks;
-  const resolveSlide = (block2, maxSlide) => {
+  const resolveSlide = (block3, maxSlide) => {
     previousBlocks ??= collectPureChangeBlocks(diff.hunks);
     for (let offset3 = 0; offset3 <= maxSlide; offset3++) {
-      const previous = previousBlocks.get(block2.deletionLineIndex - offset3);
-      if (previous == null || previous.additions !== block2.additions || previous.deletions !== block2.deletions) continue;
-      if (block2.additions > 0 && getPreviousAdditionLine != null) {
-        for (let line = 0; line < block2.additions; line++) if (getPreviousAdditionLine(previous.additionLineIndex + line) !== parsed.additionLines[block2.additionLineIndex + line]) return maxSlide;
+      const previous = previousBlocks.get(block3.deletionLineIndex - offset3);
+      if (previous == null || previous.additions !== block3.additions || previous.deletions !== block3.deletions) continue;
+      if (block3.additions > 0 && getPreviousAdditionLine != null) {
+        for (let line = 0; line < block3.additions; line++) if (getPreviousAdditionLine(previous.additionLineIndex + line) !== parsed.additionLines[block3.additionLineIndex + line]) return maxSlide;
       }
       return offset3;
     }
@@ -52914,12 +52948,12 @@ function parseSessionChangeBlocks(diff, parseDiffOptions, getPreviousAdditionLin
         coveredDeletions += content.lines;
         continue;
       }
-      const block2 = offsetHunkContent(content, 0, 0);
-      if (block2.additions === 0) block2.additionLineIndex = coveredAdditions;
-      if (block2.deletions === 0) block2.deletionLineIndex = coveredDeletions;
-      blocks.push(block2);
-      coveredAdditions += block2.additions;
-      coveredDeletions += block2.deletions;
+      const block3 = offsetHunkContent(content, 0, 0);
+      if (block3.additions === 0) block3.additionLineIndex = coveredAdditions;
+      if (block3.deletions === 0) block3.deletionLineIndex = coveredDeletions;
+      blocks.push(block3);
+      coveredAdditions += block3.additions;
+      coveredDeletions += block3.deletions;
     }
   }
   return blocks;
@@ -52944,9 +52978,9 @@ function buildRegionPlans(previousHunks, blocks, deletionLineCount) {
   });
   const plans = [];
   let previousIndex = 0;
-  for (const block2 of blocks) {
-    const blockStart = block2.deletionLineIndex;
-    const blockEnd = blockStart + block2.deletions;
+  for (const block3 of blocks) {
+    const blockStart = block3.deletionLineIndex;
+    const blockEnd = blockStart + block3.deletions;
     while (previousIndex < previousPlans.length && previousPlans[previousIndex].deletionEnd < blockStart) {
       plans.push(previousPlans[previousIndex]);
       previousIndex++;
@@ -52959,7 +52993,7 @@ function buildRegionPlans(previousHunks, blocks, deletionLineCount) {
     if (plan == null) {
       let deletionStart = blockStart;
       let deletionEnd = blockEnd;
-      if ((block2.deletions === 0 || block2.additions === 0) && deletionLineCount > block2.deletions) {
+      if ((block3.deletions === 0 || block3.additions === 0) && deletionLineCount > block3.deletions) {
         const previousEnd = plans[plans.length - 1]?.deletionEnd ?? 0;
         const nextStart = previousPlans[previousIndex]?.deletionStart ?? deletionLineCount;
         if (blockStart > previousEnd) deletionStart--;
@@ -52974,7 +53008,7 @@ function buildRegionPlans(previousHunks, blocks, deletionLineCount) {
     }
     plan.deletionStart = Math.min(plan.deletionStart, blockStart);
     plan.deletionEnd = Math.max(plan.deletionEnd, blockEnd);
-    plan.blocks.push(block2);
+    plan.blocks.push(block3);
     plans.push(plan);
   }
   while (previousIndex < previousPlans.length) {