@openscout/scout 0.2.17 → 0.2.19

package/dist/control-plane-client/assets/index-DcR6uR4b.css

@@ -0,0 +1 @@
+:root{--bg: #F9F9F8;--surface: #FFFFFF;--ink: #1C1C1A;--muted: #8A8A86;--dim: #C4C4C0;--border: #E4E4E2;--accent: #0066FF;--accent-soft: rgba(0, 102, 255, .08);--green: #22c55e;--red: #dc2626;--radius: 8px;--shadow-soft: rgba(24, 24, 22, .06);--sidebar-w: 280px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-serif: "Spectral", Georgia, serif;font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0}body{margin:0}.s-app{display:flex;height:100vh;overflow:hidden}.s-sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);height:100vh;overflow:hidden}.s-content{flex:1;min-width:0;height:100vh;overflow-y:auto;background:var(--bg)}.s-sidebar-header{padding:16px 16px 12px;flex-shrink:0}.s-logo{font-family:var(--font-serif);font-size:18px;font-weight:600;letter-spacing:-.02em;cursor:pointer;-webkit-user-select:none;user-select:none}.s-sidebar-footer{flex-shrink:0;padding:8px;border-top:1px solid var(--border)}.s-nav-item{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;padding:6px 8px;border-radius:6px;font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .12s ease,color .12s ease}.s-nav-item:hover{background:var(--bg);color:var(--ink)}.s-nav-item-active{background:var(--accent-soft);color:var(--accent)}.s-sidebar-label{padding:4px 16px 6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);flex-shrink:0}.s-sidebar-list{flex:1;overflow-y:auto;padding-bottom:12px}.s-sidebar-empty{padding:24px 16px;text-align:center;font-size:11px;color:var(--dim)}.s-sidebar-row{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:0 6px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s ease}.s-sidebar-row:hover{background:var(--bg)}.s-sidebar-row-active,.s-sidebar-row-active:hover{background:var(--accent-soft)}.s-sidebar-row-body{flex:1;min-width:0}.s-sidebar-row-header{display:flex;align-items:center;gap:5px}.s-sidebar-row-name{font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-sidebar-row-preview{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;line-height:1.3}.s-sidebar-row-preview-empty{font-style:italic;color:var(--dim)}.s-sidebar-row-time{font-size:10px;color:var(--dim);font-family:var(--font-mono);flex-shrink:0;align-self:flex-start;margin-top:2px}.s-welcome{display:flex;align-items:center;justify-content:center;height:100%;color:var(--dim)}.s-welcome-inner{text-align:center}.s-welcome h2{font-family:var(--font-serif);font-size:24px;font-weight:600;color:var(--dim);margin-bottom:4px}.s-welcome p{font-size:12px}.s-home{padding:32px;height:100vh;overflow-y:auto}.s-home-header{margin-bottom:32px}.s-home-header h2{font-family:var(--font-serif);font-size:22px;font-weight:600;color:var(--ink);margin-bottom:4px}.s-home-header p{font-size:12px;color:var(--muted)}.s-home-section{margin-bottom:28px}.s-home-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-bottom:10px}.s-home-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;max-width:480px}.s-home-card-row{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:12px}.s-home-card-row+.s-home-card-row{border-top:1px solid var(--border)}.s-home-card-row-label{color:var(--muted);font-size:11px;min-width:80px;flex-shrink:0}.s-home-card-row-value{color:var(--ink);font-family:var(--font-mono);font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-home-steps{list-style:none;padding:0;max-width:480px}.s-home-steps li{display:flex;align-items:baseline;gap:10px;padding:6px 0;font-size:12px;color:var(--ink);line-height:1.5}.s-home-steps li:before{content:attr(data-step);font-size:10px;font-weight:700;font-family:var(--font-mono);color:var(--muted);flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg);border:1px solid var(--border)}.s-home-steps code{font-family:var(--font-mono);font-size:11px;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.s-home-card-row-clickable{cursor:pointer;transition:background .1s ease}.s-home-card-row-clickable:hover{background:var(--bg)}.s-activity-stream{max-width:560px}.s-activity-row{display:flex;align-items:baseline;gap:8px;padding:4px 0;font-size:12px;line-height:1.5}.s-activity-row-clickable{cursor:pointer;border-radius:4px;padding:4px 6px;margin:0 -6px;transition:background .1s ease}.s-activity-row-clickable:hover{background:var(--surface)}.s-activity-time{font-size:10px;color:var(--dim);font-family:var(--font-mono);flex-shrink:0;min-width:36px}.s-activity-actor{font-weight:600;color:var(--ink);flex-shrink:0}.s-activity-kind{color:var(--muted)}.s-activity-title{color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-activity-list{max-width:560px}.s-activity-list-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.s-activity-list-row+.s-activity-list-row{border-top:1px solid var(--border)}.s-activity-list-row-clickable{cursor:pointer;border-radius:6px;padding:8px;margin:0 -8px;transition:background .1s ease}.s-activity-list-row-clickable:hover{background:var(--surface)}.s-activity-list-body{flex:1;min-width:0}.s-activity-list-header{display:flex;align-items:baseline;gap:6px}.s-activity-list-actor{font-size:12px;font-weight:600;color:var(--ink)}.s-activity-list-kind{font-size:11px;color:var(--muted)}.s-activity-list-title{font-size:12px;color:var(--ink);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.s-activity-list-summary{font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-error{color:var(--red);font-size:12px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);margin:12px}.s-empty{padding:32px 0;color:var(--muted);font-size:12px}.s-empty p:first-child{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:4px}.s-meta{font-size:11px;color:var(--muted);font-family:var(--font-mono)}.s-spacer{flex:1}.s-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.s-dot-sm{width:5px;height:5px}.s-badge{font-size:10px;font-family:var(--font-mono);color:var(--muted);background:var(--bg);border-radius:4px;padding:1px 6px;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}.s-time{font-size:10px;color:var(--dim);font-family:var(--font-mono);flex-shrink:0;letter-spacing:.01em}.s-back{border:none;background:none;padding:0;font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:color .12s ease}.s-back:hover{color:var(--ink)}.s-chevron{width:12px;height:12px;flex-shrink:0;position:relative;opacity:.3;transition:opacity .14s ease}.s-chevron:before{content:"";position:absolute;top:3px;left:2px;width:6px;height:6px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(-45deg)}.s-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.s-avatar-sm{width:28px;height:28px;font-size:11px}.s-avatar-lg{width:56px;height:56px;font-size:20px}.s-conversation{display:flex;flex-direction:column;height:100vh}.s-conv-header{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease}.s-conv-header:hover{background:#f6f6f5}.s-conv-header .s-back{margin-right:2px;font-size:16px;line-height:1}.s-conv-header-info{flex:1;min-width:0}.s-conv-header-name{font-size:13px;font-weight:600;color:var(--ink)}.s-conv-header-state{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);margin-top:1px}.s-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:6px}.s-msg{max-width:85%;align-self:flex-start}.s-msg-you{align-self:flex-end}.s-msg-header{display:flex;align-items:baseline;gap:6px;margin-bottom:2px;padding:0 2px}.s-msg-actor{font-size:11px;font-weight:600;color:var(--ink)}.s-msg-time{font-size:10px;color:var(--dim);font-family:var(--font-mono)}.s-msg-body{font-size:12px;line-height:1.5;color:var(--ink);white-space:pre-wrap;word-break:break-word;padding:8px 12px;border-radius:14px 14px 14px 4px;background:var(--surface);border:1px solid var(--border)}.s-msg-you .s-msg-body{border-radius:14px 14px 4px;background:var(--accent-soft);border-color:#0066ff1f}.s-msg-you .s-msg-header{justify-content:flex-end}.s-compose{display:flex;align-items:center;gap:8px;padding:10px 20px;border-top:1px solid var(--border);background:var(--bg);flex-shrink:0}.s-compose-input{flex:1;border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:8px 14px;font-family:var(--font-sans);font-size:12px;color:var(--ink);outline:none;transition:border-color .12s ease}.s-compose-input:focus{border-color:var(--accent)}.s-compose-input:disabled{opacity:.5;cursor:not-allowed}.s-compose-send{width:32px;height:32px;border-radius:50%;border:none;background:var(--ink);color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .12s ease}.s-compose-send:disabled{opacity:.3;cursor:not-allowed}.s-agent-profile{display:flex;flex-direction:column;align-items:flex-start;padding:8px 0 16px;gap:4px}.s-agent-profile-name{font-size:18px;font-weight:600;color:var(--ink);margin-top:8px}.s-agent-profile-handle{font-size:12px;font-family:var(--font-mono);color:var(--muted)}.s-agent-profile-state{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);margin-top:4px}.s-agent-details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:16px;max-width:480px}.s-detail-row{display:flex;align-items:baseline;justify-content:space-between;padding:7px 14px;font-size:12px;gap:12px}.s-detail-row+.s-detail-row{border-top:1px solid var(--border)}.s-detail-label{color:var(--muted);flex-shrink:0;font-size:11px}.s-detail-value{color:var(--ink);font-family:var(--font-mono);font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-section-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:16px}.s-actions{display:flex;gap:8px;margin-bottom:16px}.s-btn{border:1px solid var(--border);background:var(--surface);padding:6px 14px;border-radius:var(--radius);font-family:var(--font-sans);font-size:12px;font-weight:500;cursor:pointer;transition:all .14s cubic-bezier(.16,1,.3,1)}.s-btn:hover{border-color:var(--dim);box-shadow:0 1px 2px var(--shadow-soft)}.s-btn:disabled{opacity:.4;cursor:not-allowed}.s-btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.s-btn-primary:hover{background:#2a2a28;box-shadow:0 2px 6px var(--shadow-soft)}.s-qr{max-width:240px;margin:20px 0;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 6px var(--shadow-soft)}.s-qr svg{display:block;width:100%;height:auto}.s-pair-meta{max-width:360px;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.s-pair-row{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;font-size:12px}.s-pair-row+.s-pair-row{border-top:1px solid var(--border)}.s-pair-label{color:var(--muted);flex-shrink:0}.s-pair-value{display:flex;align-items:center;color:var(--ink);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-pair-mono{font-family:var(--font-mono);font-size:11px}.s-sidebar-nav{padding:0 8px 4px;flex-shrink:0}.s-nav-badge{font-size:10px;font-weight:600;font-family:var(--font-mono);color:#fff;background:var(--green);border-radius:10px;padding:0 6px;min-width:18px;text-align:center;line-height:16px;margin-left:auto}.s-sidebar-avatar-wrap{position:relative;flex-shrink:0}.s-task-indicator{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background:var(--green);border:2px solid var(--surface)}.s-sidebar-row-active .s-task-indicator{border-color:#0066ff14}.s-flight-banner{display:flex;align-items:center;gap:6px;padding:6px 20px;background:#22c55e0f;border-bottom:1px solid rgba(34,197,94,.12);font-size:11px;flex-shrink:0}.s-flight-banner-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;animation:s-pulse 2s ease-in-out infinite}@keyframes s-pulse{0%,to{opacity:1}50%{opacity:.4}}.s-flight-banner-label{font-weight:600;color:var(--ink)}.s-flight-banner-summary{color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-flights{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.s-flight-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);cursor:pointer;transition:background .12s ease}.s-flight-row:hover{background:#f6f6f5}.s-flight-row+.s-flight-row{border-top:1px solid var(--border)}.s-flight-body{flex:1;min-width:0}.s-flight-header{display:flex;align-items:center;gap:6px}.s-flight-name{font-size:12px;font-weight:600;color:var(--ink)}.s-flight-state{font-size:11px;font-family:var(--font-mono);font-weight:500}.s-flight-summary{font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-content>div:not(.s-conversation):not(.s-welcome):not(.s-home):not(.s-agents-layout){padding:24px 32px;max-width:640px}.s-agents-layout{display:flex;height:100vh;overflow:hidden}.s-agents-list-panel{width:100%;height:100vh;overflow-y:auto;padding:24px 16px;transition:width .15s ease}.s-agents-layout-split .s-agents-list-panel{width:280px;flex-shrink:0;border-right:1px solid var(--border);padding:16px 8px}.s-agents-detail-panel{flex:1;min-width:0;height:100vh;overflow-y:auto;padding:24px 32px}.s-agent-list-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;cursor:pointer;transition:background .1s ease}.s-agent-list-row:hover{background:var(--bg)}.s-agent-list-row-active,.s-agent-list-row-active:hover{background:var(--accent-soft)}.s-agent-list-body{flex:1;min-width:0}.s-agent-list-header{display:flex;align-items:center;gap:5px}.s-agent-list-name{font-size:12px;font-weight:600;color:var(--ink)}.s-agent-list-qualifier{font-size:10px;font-family:var(--font-mono);color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-agent-list-meta{display:flex;align-items:center;gap:8px;margin-top:1px;font-size:11px;color:var(--muted)}.s-agent-list-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-agent-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.s-agent-detail-name{font-size:18px;font-weight:600;color:var(--ink);display:flex;align-items:baseline;gap:8px}.s-agent-detail-qualifier{font-size:12px;font-family:var(--font-mono);color:var(--dim);font-weight:400}.s-agent-detail-state{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);margin-top:2px}.s-agent-detail-meta{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;max-width:480px}.s-agent-detail-section{margin-top:20px}.s-agent-detail-messages{max-width:480px}.s-agent-detail-msg{display:flex;align-items:baseline;gap:6px;padding:4px 0;font-size:12px}.s-agent-detail-msg+.s-agent-detail-msg{border-top:1px solid var(--border)}.s-agent-detail-msg-actor{font-weight:600;color:var(--ink);flex-shrink:0}.s-agent-detail-msg-body{color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.s-sidebar{width:100%;position:absolute;inset:0;z-index:20;transition:transform .2s cubic-bezier(.16,1,.3,1)}.s-content{position:absolute;inset:0;z-index:10;transform:translate(100%);transition:transform .2s cubic-bezier(.16,1,.3,1)}.s-app{position:relative}.s-app-content-open .s-sidebar{transform:translate(-100%)}.s-app-content-open .s-content{transform:translate(0)}.s-conv-header .s-back{display:block}}@media(min-width:768px){.s-conv-header .s-back{display:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}

package/dist/control-plane-client/index.html

@@ -7,8 +7,8 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Spectral:wght@500;600&display=swap" rel="stylesheet" />
-    <script type="module" crossorigin src="/assets/index-D3-CRXol.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-AbzmnQu4.css">
+    <script type="module" crossorigin src="/assets/index-Cm-Qrks0.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DcR6uR4b.css">
   </head>
   <body>
     <div id="root"></div>

package/dist/main.mjs

@@ -8736,7 +8736,9 @@ async function loadScoutAgentStatuses(input = {}) {
   });
 }
 async function upScoutAgent(input) {
-  return startLocalAgent(input);
+  const status = await startLocalAgent(input);
+  await registerScoutLocalAgentBinding({ agentId: status.agentId }).catch(() => {});
+  return status;
 }
 async function downScoutAgent(agentId) {
   return stopLocalAgent(agentId);
@@ -9605,6 +9607,459 @@ var init_env = __esm(async () => {
   await init_service();
 });
 
+// ../runtime/dist/tailscale.js
+import { readFile as readFile7 } from "node:fs/promises";
+import { execFile } from "node:child_process";
+import { promisify } from "node:util";
+function parseStatusJson(raw) {
+  const parsed = JSON.parse(raw);
+  const peers = Object.entries(parsed.Peer ?? {});
+  return peers.map(([fallbackId, peer]) => ({
+    id: peer.ID ?? fallbackId,
+    name: peer.HostName ?? peer.DNSName ?? fallbackId,
+    dnsName: peer.DNSName,
+    addresses: peer.TailscaleIPs ?? [],
+    online: peer.Online ?? false,
+    hostName: peer.HostName,
+    os: peer.OS,
+    tags: peer.Tags ?? []
+  }));
+}
+async function readStatusFromFile(filePath) {
+  const raw = await readFile7(filePath, "utf8");
+  return parseStatusJson(raw);
+}
+async function readTailscalePeers() {
+  const fixturePath = process.env.OPENSCOUT_TAILSCALE_STATUS_JSON;
+  if (fixturePath) {
+    return readStatusFromFile(fixturePath);
+  }
+  try {
+    const tailscaleBin = process.env.OPENSCOUT_TAILSCALE_BIN ?? "tailscale";
+    const { stdout } = await execFileAsync(tailscaleBin, ["status", "--json"]);
+    return parseStatusJson(stdout);
+  } catch {
+    return [];
+  }
+}
+var execFileAsync;
+var init_tailscale = __esm(() => {
+  execFileAsync = promisify(execFile);
+});
+
+// ../../apps/desktop/src/core/mesh/service.ts
+function readMeshEnvVars() {
+  return {
+    meshId: process.env.OPENSCOUT_MESH_ID ?? null,
+    meshSeeds: process.env.OPENSCOUT_MESH_SEEDS ?? null,
+    brokerHost: process.env.OPENSCOUT_BROKER_HOST ?? null,
+    brokerPort: process.env.OPENSCOUT_BROKER_PORT ?? null,
+    brokerUrl: process.env.OPENSCOUT_BROKER_URL ?? null,
+    nodeId: process.env.OPENSCOUT_NODE_ID ?? null,
+    nodeName: process.env.OPENSCOUT_NODE_NAME ?? null,
+    discoveryIntervalMs: process.env.OPENSCOUT_MESH_DISCOVERY_INTERVAL_MS ?? null
+  };
+}
+async function readTailscaleStatus() {
+  const peers = await readTailscalePeers();
+  return {
+    available: peers.length > 0,
+    peers,
+    onlineCount: peers.filter((p) => p.online).length
+  };
+}
+function computeWarnings(health, localNode, nodes, tailscale) {
+  const warnings = [];
+  if (!health.reachable) {
+    warnings.push("Broker is not reachable. Run `scout setup` to start it.");
+    return warnings;
+  }
+  if (localNode?.advertiseScope === "local") {
+    warnings.push("Broker is bound to 127.0.0.1 — mesh peers cannot reach it. " + "Set OPENSCOUT_BROKER_HOST=0.0.0.0 or use your Tailscale IP.");
+  }
+  const remoteNodes = Object.values(nodes).filter((n) => n.id !== localNode?.id);
+  if (remoteNodes.length === 0 && tailscale.onlineCount > 0) {
+    warnings.push(`Tailscale has ${tailscale.onlineCount} online peer${tailscale.onlineCount === 1 ? "" : "s"} but no remote nodes were discovered. ` + "Run `scout mesh discover` to probe peers.");
+  }
+  if (!tailscale.available && remoteNodes.length === 0) {
+    warnings.push("No Tailscale peers found and no mesh seeds configured. " + "Install Tailscale or set OPENSCOUT_MESH_SEEDS.");
+  }
+  return warnings;
+}
+async function loadMeshStatus() {
+  const brokerUrl = resolveScoutBrokerUrl();
+  const [health, context, tailscale] = await Promise.all([
+    readScoutBrokerHealth(brokerUrl),
+    loadScoutBrokerContext(brokerUrl),
+    readTailscaleStatus()
+  ]);
+  const localNode = context?.node ?? null;
+  const nodes = context?.snapshot.nodes ?? {};
+  const meshId = health.meshId ?? localNode?.meshId ?? null;
+  const warnings = computeWarnings(health, localNode, nodes, tailscale);
+  return { brokerUrl, health, localNode, meshId, nodes, tailscale, warnings };
+}
+async function loadMeshDoctorReport() {
+  const status = await loadMeshStatus();
+  return { ...status, envVars: readMeshEnvVars() };
+}
+async function runMeshDiscover() {
+  const brokerUrl = resolveScoutBrokerUrl();
+  const tailscalePeers = await readTailscalePeers();
+  const response = await fetch(new URL("/v1/mesh/discover", brokerUrl), {
+    method: "POST",
+    headers: { "content-type": "application/json", accept: "application/json" },
+    body: JSON.stringify({})
+  });
+  if (!response.ok) {
+    throw new Error(`Mesh discover failed: ${response.status} ${await response.text()}`);
+  }
+  const result = await response.json();
+  return {
+    brokerUrl,
+    discovered: result.discovered,
+    probes: result.probes ?? [],
+    tailscalePeers
+  };
+}
+async function runMeshPing(target) {
+  const brokerUrl = resolveScoutBrokerUrl();
+  const context = await loadScoutBrokerContext(brokerUrl);
+  const localMeshId = context?.node.meshId ?? null;
+  let probeUrl;
+  if (target.startsWith("http://") || target.startsWith("https://")) {
+    probeUrl = target;
+  } else {
+    const nodes = context?.snapshot.nodes ?? {};
+    const matchedNode = Object.values(nodes).find((n) => n.id === target || n.name === target || n.hostName === target);
+    if (matchedNode?.brokerUrl) {
+      probeUrl = matchedNode.brokerUrl;
+    } else {
+      probeUrl = `http://${target}:65535`;
+    }
+  }
+  const start = performance.now();
+  try {
+    const controller = new AbortController;
+    const timeout = setTimeout(() => controller.abort(), 3000);
+    const response = await fetch(new URL("/v1/node", probeUrl), {
+      signal: controller.signal,
+      headers: { accept: "application/json" }
+    });
+    clearTimeout(timeout);
+    const latencyMs = Math.round(performance.now() - start);
+    if (!response.ok) {
+      return {
+        target,
+        url: probeUrl,
+        reachable: false,
+        latencyMs,
+        node: null,
+        meshIdMatch: false,
+        localMeshId,
+        error: `HTTP ${response.status}`
+      };
+    }
+    const node = await response.json();
+    return {
+      target,
+      url: probeUrl,
+      reachable: true,
+      latencyMs,
+      node,
+      meshIdMatch: localMeshId !== null && node.meshId === localMeshId,
+      localMeshId,
+      error: null
+    };
+  } catch (error) {
+    return {
+      target,
+      url: probeUrl,
+      reachable: false,
+      latencyMs: Math.round(performance.now() - start),
+      node: null,
+      meshIdMatch: false,
+      localMeshId,
+      error: error instanceof Error ? error.message : String(error)
+    };
+  }
+}
+async function loadMeshNodes() {
+  const brokerUrl = resolveScoutBrokerUrl();
+  const context = await loadScoutBrokerContext(brokerUrl);
+  return {
+    brokerUrl,
+    localNodeId: context?.node.id ?? null,
+    nodes: context?.snapshot.nodes ?? {}
+  };
+}
+var init_service4 = __esm(async () => {
+  init_tailscale();
+  await init_service();
+});
+
+// ../../apps/desktop/src/ui/terminal/mesh.ts
+function dot(ok) {
+  return ok ? "●" : "○";
+}
+function nodeScope(node) {
+  return node.advertiseScope === "mesh" ? "mesh" : "local";
+}
+function ago(ts) {
+  if (!ts)
+    return "unknown";
+  const seconds = Math.floor((Date.now() - ts) / 1000);
+  if (seconds < 5)
+    return "just now";
+  if (seconds < 60)
+    return `${seconds}s ago`;
+  if (seconds < 3600)
+    return `${Math.floor(seconds / 60)}m ago`;
+  if (seconds < 86400)
+    return `${Math.floor(seconds / 3600)}h ago`;
+  return `${Math.floor(seconds / 86400)}d ago`;
+}
+function renderNodeBlock(node, isLocal) {
+  const label = isLocal ? " (local)" : "";
+  const lines = [
+    `  ${dot(true)} ${node.name ?? node.id}${label}`,
+    `    ID: ${node.id}`
+  ];
+  if (node.brokerUrl)
+    lines.push(`    Broker: ${node.brokerUrl}`);
+  lines.push(`    Scope: ${nodeScope(node)}`);
+  if (node.hostName)
+    lines.push(`    Host: ${node.hostName}`);
+  if (node.tailnetName)
+    lines.push(`    Tailnet: ${node.tailnetName}`);
+  if (node.lastSeenAt)
+    lines.push(`    Last seen: ${ago(node.lastSeenAt)}`);
+  return lines;
+}
+function renderMeshStatus(report) {
+  const lines = [];
+  lines.push("Mesh");
+  lines.push(`  ID: ${report.meshId ?? "unknown"}`);
+  if (report.localNode) {
+    lines.push(`  Node: ${report.localNode.name} (${report.localNode.hostName ?? "unknown host"})`);
+  }
+  lines.push(`  Broker: ${report.brokerUrl}`);
+  lines.push(`  Scope: ${report.localNode?.advertiseScope === "mesh" ? "mesh-reachable" : "local-only"}`);
+  const tsLabel = report.tailscale.available ? `available (${report.tailscale.onlineCount} peer${report.tailscale.onlineCount === 1 ? "" : "s"} online)` : "not available";
+  lines.push(`  Tailscale: ${tsLabel}`);
+  const allNodes = Object.values(report.nodes);
+  const remoteNodes = allNodes.filter((n) => n.id !== report.localNode?.id);
+  lines.push("");
+  lines.push("Nodes");
+  if (report.localNode) {
+    lines.push(...renderNodeBlock(report.localNode, true));
+  }
+  if (remoteNodes.length > 0) {
+    for (const node of remoteNodes) {
+      lines.push(...renderNodeBlock(node, false));
+    }
+  } else {
+    lines.push("  ○ No remote nodes discovered");
+  }
+  if (report.warnings.length > 0) {
+    lines.push("");
+    for (const w of report.warnings) {
+      lines.push(`Tip: ${w}`);
+    }
+  }
+  return lines.join(`
+`);
+}
+function renderMeshDoctor(report) {
+  const lines = [];
+  lines.push("Mesh diagnostics");
+  lines.push("");
+  lines.push("Local node:");
+  if (report.localNode) {
+    lines.push(`  ID: ${report.localNode.id}`);
+    lines.push(`  Name: ${report.localNode.name}`);
+    lines.push(`  Mesh: ${report.localNode.meshId}`);
+    lines.push(`  Broker URL: ${report.brokerUrl}`);
+    lines.push(`  Advertise scope: ${report.localNode.advertiseScope}`);
+    if (report.localNode.hostName) {
+      lines.push(`  Hostname: ${report.localNode.hostName}`);
+    }
+  } else {
+    lines.push("  Broker not reachable — no local node info available.");
+  }
+  lines.push("");
+  lines.push("Tailscale:");
+  if (report.tailscale.available) {
+    lines.push(`  Status: available (${report.tailscale.peers.length} peer${report.tailscale.peers.length === 1 ? "" : "s"})`);
+    for (const peer of report.tailscale.peers) {
+      const ips = peer.addresses.join(", ");
+      const status = peer.online ? "online" : "offline";
+      lines.push(`  ${dot(peer.online)} ${peer.name} (${ips}) — ${status}`);
+    }
+  } else {
+    lines.push("  Status: not available (no peers found)");
+  }
+  const allNodes = Object.values(report.nodes);
+  const remoteNodes = allNodes.filter((n) => n.id !== report.localNode?.id);
+  lines.push("");
+  lines.push("Remote nodes:");
+  if (remoteNodes.length > 0) {
+    for (const node of remoteNodes) {
+      lines.push(...renderNodeBlock(node, false));
+    }
+  } else {
+    lines.push("  None discovered");
+  }
+  if (report.warnings.length > 0) {
+    lines.push("");
+    lines.push("Warnings:");
+    for (const w of report.warnings) {
+      lines.push(`  ! ${w}`);
+    }
+  }
+  lines.push("");
+  lines.push("Configuration:");
+  const env = report.envVars;
+  lines.push(`  OPENSCOUT_MESH_ID: ${env.meshId ?? "(default: openscout)"}`);
+  lines.push(`  OPENSCOUT_MESH_SEEDS: ${env.meshSeeds || "(not set)"}`);
+  lines.push(`  OPENSCOUT_BROKER_HOST: ${env.brokerHost ?? "(default: 127.0.0.1)"}`);
+  lines.push(`  OPENSCOUT_BROKER_URL: ${env.brokerUrl ?? report.brokerUrl}`);
+  lines.push(`  OPENSCOUT_NODE_NAME: ${env.nodeName ?? "(default: hostname)"}`);
+  lines.push(`  OPENSCOUT_NODE_ID: ${env.nodeId ?? "(auto-derived)"}`);
+  lines.push(`  OPENSCOUT_MESH_DISCOVERY_INTERVAL_MS: ${env.discoveryIntervalMs ?? "0 (disabled)"}`);
+  return lines.join(`
+`);
+}
+function renderMeshDiscover(report) {
+  const lines = [];
+  const onlinePeers = report.tailscalePeers.filter((p) => p.online);
+  lines.push("Mesh discovery");
+  lines.push(`  Tailscale peers: ${onlinePeers.length} online`);
+  lines.push(`  Probed: ${report.probes.length} URL${report.probes.length === 1 ? "" : "s"}`);
+  if (report.discovered.length > 0) {
+    lines.push("");
+    lines.push(`Found ${report.discovered.length} node${report.discovered.length === 1 ? "" : "s"}:`);
+    for (const node of report.discovered) {
+      lines.push(...renderNodeBlock(node, false));
+    }
+  } else {
+    lines.push("");
+    lines.push("No remote nodes found.");
+    if (report.probes.length > 0) {
+      lines.push(`  Probed URLs: ${report.probes.slice(0, 5).join(", ")}${report.probes.length > 5 ? ` (+${report.probes.length - 5} more)` : ""}`);
+    }
+  }
+  return lines.join(`
+`);
+}
+function renderMeshPing(report) {
+  const lines = [];
+  lines.push(`Ping ${report.target}`);
+  lines.push(`  URL: ${report.url}`);
+  if (report.reachable) {
+    lines.push(`  Status: reachable (${report.latencyMs}ms)`);
+    if (report.node) {
+      lines.push(`  Node: ${report.node.name} (${report.node.id})`);
+      lines.push(`  Mesh: ${report.node.meshId}`);
+      if (report.meshIdMatch) {
+        lines.push("  Mesh ID: matches local");
+      } else if (report.localMeshId) {
+        lines.push(`  Mesh ID: mismatch (local=${report.localMeshId}, remote=${report.node.meshId})`);
+      }
+      if (report.node.hostName)
+        lines.push(`  Host: ${report.node.hostName}`);
+      if (report.node.capabilities?.length) {
+        lines.push(`  Capabilities: ${report.node.capabilities.join(", ")}`);
+      }
+    }
+  } else {
+    lines.push(`  Status: unreachable (${report.latencyMs}ms)`);
+    if (report.error) {
+      lines.push(`  Error: ${report.error}`);
+    }
+  }
+  return lines.join(`
+`);
+}
+function renderMeshNodes(input) {
+  const allNodes = Object.values(input.nodes);
+  if (allNodes.length === 0) {
+    return "No nodes known. Run `scout mesh discover` to probe the mesh.";
+  }
+  const lines = [];
+  lines.push(`${allNodes.length} node${allNodes.length === 1 ? "" : "s"}`);
+  for (const node of allNodes) {
+    const isLocal = node.id === input.localNodeId;
+    lines.push(...renderNodeBlock(node, isLocal));
+  }
+  return lines.join(`
+`);
+}
+
+// ../../apps/desktop/src/cli/commands/mesh.ts
+var exports_mesh = {};
+__export(exports_mesh, {
+  runMeshCommand: () => runMeshCommand
+});
+async function runMeshCommand(context, args) {
+  const subcommand = args[0] ?? "";
+  switch (subcommand) {
+    case "":
+    case "status": {
+      const report = await loadMeshStatus();
+      context.output.writeValue(report, renderMeshStatus);
+      return;
+    }
+    case "doctor": {
+      const report = await loadMeshDoctorReport();
+      context.output.writeValue(report, renderMeshDoctor);
+      return;
+    }
+    case "nodes": {
+      const result = await loadMeshNodes();
+      context.output.writeValue(result, renderMeshNodes);
+      return;
+    }
+    case "discover": {
+      const report = await runMeshDiscover();
+      context.output.writeValue(report, renderMeshDiscover);
+      return;
+    }
+    case "ping": {
+      const target = args[1]?.trim();
+      if (!target) {
+        context.stderr("Usage: scout mesh ping <node-id|name|url>");
+        return;
+      }
+      const report = await runMeshPing(target);
+      context.output.writeValue(report, renderMeshPing);
+      return;
+    }
+    case "help":
+    case "--help":
+    case "-h": {
+      context.output.writeText(MESH_HELP);
+      return;
+    }
+    default: {
+      context.stderr(`Unknown mesh subcommand: ${subcommand}`);
+      context.output.writeText(MESH_HELP);
+    }
+  }
+}
+var MESH_HELP = `scout mesh — Mesh status and diagnostics
+
+Subcommands:
+  scout mesh              Show mesh status (default)
+  scout mesh doctor       Full mesh diagnostics
+  scout mesh nodes        List known mesh nodes
+  scout mesh discover     Probe for remote mesh nodes
+  scout mesh ping <node>  Ping a specific node by ID, name, or URL
+`;
+var init_mesh2 = __esm(async () => {
+  await init_service4();
+});
+
 // ../../apps/desktop/src/core/pairing/runtime/config.ts
 import { existsSync as existsSync9, mkdirSync as mkdirSync3, readFileSync as readFileSync4, writeFileSync as writeFileSync3 } from "node:fs";
 import { homedir as homedir6 } from "node:os";
@@ -14797,7 +15252,7 @@ async function getScoutMobileActivity(filters = {}) {
   });
 }
 var DEFAULT_MOBILE_RECENT_TURN_LIMIT = 24, DEFAULT_MOBILE_HISTORY_PAGE_LIMIT = 40;
-var init_service4 = __esm(async () => {
+var init_service5 = __esm(async () => {
   init_harness_catalog();
   init_setup();
   await __promiseAll([
@@ -15364,7 +15819,7 @@ var init_server = __esm(async () => {
   init_log();
   init_config2();
   init_security();
-  await init_service4();
+  await init_service5();
   MARKER_FILES = [
     [".git", "git"],
     ["package.json", "node"],
@@ -30546,7 +31001,7 @@ var init_router = __esm(async () => {
   init_log();
   init_config2();
   init_db_queries();
-  await init_service4();
+  await init_service5();
   t = initTRPC.context().create();
   logged = t.middleware(async ({ path: path2, type, next }) => {
     const start = Date.now();
@@ -31485,11 +31940,11 @@ function convertFormDataToBodyData(formData, options) {
   return form;
 }
 var parseBody = async (request, options = /* @__PURE__ */ Object.create(null)) => {
-  const { all = false, dot = false } = options;
+  const { all = false, dot: dot2 = false } = options;
   const headers = request instanceof HonoRequest ? request.raw.headers : request.headers;
   const contentType = headers.get("Content-Type");
   if (contentType?.startsWith("multipart/form-data") || contentType?.startsWith("application/x-www-form-urlencoded")) {
-    return parseFormData(request, { all, dot });
+    return parseFormData(request, { all, dot: dot2 });
   }
   return {};
 }, handleParsingAllValues = (form, key, value) => {
@@ -36662,7 +37117,7 @@ async function startScoutPairingSession(input) {
     throw error48;
   }
 }
-var init_service5 = __esm(async () => {
+var init_service6 = __esm(async () => {
   await init_runtime2();
 });
 
@@ -36768,7 +37223,7 @@ async function runPairCommand(context, args) {
   }
 }
 var init_pair = __esm(async () => {
-  await init_service5();
+  await init_service6();
 });
 
 // ../../apps/desktop/src/cli/commands/ps.ts
@@ -37278,6 +37733,8 @@ async function loadScoutCommandHandler(name) {
       return (await init_enroll().then(() => exports_enroll)).runEnrollCommand;
     case "env":
       return (await init_env().then(() => exports_env)).runEnvCommand;
+    case "mesh":
+      return (await init_mesh2().then(() => exports_mesh)).runMeshCommand;
     case "pair":
       return (await init_pair().then(() => exports_pair)).runPairCommand;
     case "ps":
@@ -37323,6 +37780,7 @@ var SCOUT_COMMANDS = [
   { name: "down", summary: "Stop one or all local agents" },
   { name: "ps", summary: "List configured local agents" },
   { name: "restart", summary: "Restart configured local agents" },
+  { name: "mesh", summary: "Mesh status and diagnostics" },
   { name: "pair", summary: "Pair a companion device via QR" },
   { name: "server", summary: "Run the Scout web UI (Bun; see: scout server start / control-plane start)" },
   {
@@ -37344,7 +37802,7 @@ function findScoutCommandRegistration(name) {
 }
 
 // ../../apps/desktop/src/cli/help.ts
-function renderScoutHelp(version2 = "0.2.17") {
+function renderScoutHelp(version2 = "0.2.18") {
   const commandLines = listScoutPrimaryCommands().map((command) => `  ${command.name.padEnd(12, " ")} ${command.summary}`).join(`
 `);
   const deprecatedLines = listScoutDeprecatedCommands().map((command) => `  ${command.name.padEnd(12, " ")} ${command.summary}`).join(`
@@ -37382,7 +37840,7 @@ function renderScoutHelp(version2 = "0.2.17") {
 init_options();
 
 // ../../apps/desktop/src/shared/product.ts
-var SCOUT_APP_VERSION = "0.2.17";
+var SCOUT_APP_VERSION = "0.2.19";
 
 // ../../apps/desktop/src/cli/main.ts
 async function main2() {

package/dist/scout-web-server.mjs

@@ -7940,7 +7940,7 @@ init_setup();
 
 // apps/desktop/src/shared/product.ts
 var SCOUT_PRODUCT_NAME = "Scout";
-var SCOUT_APP_VERSION = "0.2.17";
+var SCOUT_APP_VERSION = "0.2.19";
 
 // apps/desktop/src/shared/surface-capabilities.ts
 function resolveScoutSurfaceCapabilities(surface) {
@@ -11085,7 +11085,9 @@ init_src();
 
 // apps/desktop/src/core/agents/service.ts
 async function upScoutAgent(input) {
-  return startLocalAgent(input);
+  const status = await startLocalAgent(input);
+  await registerScoutLocalAgentBinding({ agentId: status.agentId }).catch(() => {});
+  return status;
 }
 
 // apps/desktop/src/app/host/broker-actions.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openscout/scout",
-  "version": "0.2.17",
+  "version": "0.2.19",
   "description": "Published Scout package that installs the `scout` command",
   "license": "UNLICENSED",
   "type": "module",
@@ -22,6 +22,6 @@
     "access": "public"
   },
   "dependencies": {
-    "@openscout/runtime": "0.2.17"
+    "@openscout/runtime": "0.2.19"
   }
 }

package/dist/control-plane-client/assets/index-AbzmnQu4.css

@@ -1 +0,0 @@
-:root{--bg: #F9F9F8;--surface: #FFFFFF;--ink: #1C1C1A;--muted: #8A8A86;--dim: #C4C4C0;--border: #E4E4E2;--accent: #0066FF;--accent-soft: rgba(0, 102, 255, .08);--green: #22c55e;--red: #dc2626;--radius: 8px;--shadow-soft: rgba(24, 24, 22, .06);--sidebar-w: 280px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-serif: "Spectral", Georgia, serif;font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0}body{margin:0}.s-app{display:flex;height:100vh;overflow:hidden}.s-sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);height:100vh;overflow:hidden}.s-content{flex:1;min-width:0;height:100vh;overflow-y:auto;background:var(--bg)}.s-sidebar-header{padding:16px 16px 12px;flex-shrink:0}.s-logo{font-family:var(--font-serif);font-size:18px;font-weight:600;letter-spacing:-.02em;cursor:pointer;-webkit-user-select:none;user-select:none}.s-sidebar-footer{flex-shrink:0;padding:8px;border-top:1px solid var(--border)}.s-nav-item{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;padding:6px 8px;border-radius:6px;font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .12s ease,color .12s ease}.s-nav-item:hover{background:var(--bg);color:var(--ink)}.s-nav-item-active{background:var(--accent-soft);color:var(--accent)}.s-sidebar-label{padding:4px 16px 6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);flex-shrink:0}.s-sidebar-list{flex:1;overflow-y:auto;padding-bottom:12px}.s-sidebar-empty{padding:24px 16px;text-align:center;font-size:11px;color:var(--dim)}.s-sidebar-row{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:0 6px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s ease}.s-sidebar-row:hover{background:var(--bg)}.s-sidebar-row-active,.s-sidebar-row-active:hover{background:var(--accent-soft)}.s-sidebar-row-body{flex:1;min-width:0}.s-sidebar-row-header{display:flex;align-items:center;gap:5px}.s-sidebar-row-name{font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-sidebar-row-preview{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;line-height:1.3}.s-sidebar-row-preview-empty{font-style:italic;color:var(--dim)}.s-sidebar-row-time{font-size:10px;color:var(--dim);font-family:var(--font-mono);flex-shrink:0;align-self:flex-start;margin-top:2px}.s-welcome{display:flex;align-items:center;justify-content:center;height:100%;color:var(--dim)}.s-welcome-inner{text-align:center}.s-welcome h2{font-family:var(--font-serif);font-size:24px;font-weight:600;color:var(--dim);margin-bottom:4px}.s-welcome p{font-size:12px}.s-error{color:var(--red);font-size:12px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);margin:12px}.s-empty{text-align:center;padding:48px 16px;color:var(--muted);font-size:12px}.s-empty p:first-child{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:4px}.s-meta{font-size:11px;color:var(--muted);font-family:var(--font-mono)}.s-spacer{flex:1}.s-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.s-dot-sm{width:5px;height:5px}.s-badge{font-size:10px;font-family:var(--font-mono);color:var(--muted);background:var(--bg);border-radius:4px;padding:1px 6px;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}.s-time{font-size:10px;color:var(--dim);font-family:var(--font-mono);flex-shrink:0;letter-spacing:.01em}.s-back{border:none;background:none;padding:0;font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:color .12s ease}.s-back:hover{color:var(--ink)}.s-chevron{width:12px;height:12px;flex-shrink:0;position:relative;opacity:.3;transition:opacity .14s ease}.s-chevron:before{content:"";position:absolute;top:3px;left:2px;width:6px;height:6px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(-45deg)}.s-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.s-avatar-sm{width:28px;height:28px;font-size:11px}.s-avatar-lg{width:56px;height:56px;font-size:20px}.s-conversation{display:flex;flex-direction:column;height:100vh}.s-conv-header{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease}.s-conv-header:hover{background:#f6f6f5}.s-conv-header .s-back{margin-right:2px;font-size:16px;line-height:1}.s-conv-header-info{flex:1;min-width:0}.s-conv-header-name{font-size:13px;font-weight:600;color:var(--ink)}.s-conv-header-state{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);margin-top:1px}.s-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:6px}.s-msg{max-width:85%;align-self:flex-start}.s-msg-you{align-self:flex-end}.s-msg-header{display:flex;align-items:baseline;gap:6px;margin-bottom:2px;padding:0 2px}.s-msg-actor{font-size:11px;font-weight:600;color:var(--ink)}.s-msg-time{font-size:10px;color:var(--dim);font-family:var(--font-mono)}.s-msg-body{font-size:12px;line-height:1.5;color:var(--ink);white-space:pre-wrap;word-break:break-word;padding:8px 12px;border-radius:14px 14px 14px 4px;background:var(--surface);border:1px solid var(--border)}.s-msg-you .s-msg-body{border-radius:14px 14px 4px;background:var(--accent-soft);border-color:#0066ff1f}.s-msg-you .s-msg-header{justify-content:flex-end}.s-compose{display:flex;align-items:center;gap:8px;padding:10px 20px;border-top:1px solid var(--border);background:var(--bg);flex-shrink:0}.s-compose-input{flex:1;border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:8px 14px;font-family:var(--font-sans);font-size:12px;color:var(--ink);outline:none;transition:border-color .12s ease}.s-compose-input:focus{border-color:var(--accent)}.s-compose-input:disabled{opacity:.5;cursor:not-allowed}.s-compose-send{width:32px;height:32px;border-radius:50%;border:none;background:var(--ink);color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .12s ease}.s-compose-send:disabled{opacity:.3;cursor:not-allowed}.s-agent-profile{display:flex;flex-direction:column;align-items:center;padding:24px 16px 16px;gap:4px}.s-agent-profile-name{font-size:18px;font-weight:600;color:var(--ink);margin-top:8px}.s-agent-profile-handle{font-size:12px;font-family:var(--font-mono);color:var(--muted)}.s-agent-profile-state{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);margin-top:4px}.s-agent-details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:16px 20px 0}.s-detail-row{display:flex;align-items:baseline;justify-content:space-between;padding:7px 14px;font-size:12px;gap:12px}.s-detail-row+.s-detail-row{border-top:1px solid var(--border)}.s-detail-label{color:var(--muted);flex-shrink:0;font-size:11px}.s-detail-value{color:var(--ink);font-family:var(--font-mono);font-size:11px;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-section-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:16px}.s-actions{display:flex;gap:8px;margin-bottom:16px}.s-btn{border:1px solid var(--border);background:var(--surface);padding:6px 14px;border-radius:var(--radius);font-family:var(--font-sans);font-size:12px;font-weight:500;cursor:pointer;transition:all .14s cubic-bezier(.16,1,.3,1)}.s-btn:hover{border-color:var(--dim);box-shadow:0 1px 2px var(--shadow-soft)}.s-btn:disabled{opacity:.4;cursor:not-allowed}.s-btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.s-btn-primary:hover{background:#2a2a28;box-shadow:0 2px 6px var(--shadow-soft)}.s-qr{max-width:320px;margin:20px auto;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 6px var(--shadow-soft)}.s-qr svg{display:block;width:100%;height:auto}.s-pair-meta{max-width:320px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.s-pair-row{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;font-size:12px}.s-pair-row+.s-pair-row{border-top:1px solid var(--border)}.s-pair-label{color:var(--muted);flex-shrink:0}.s-pair-value{display:flex;align-items:center;color:var(--ink);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-pair-mono{font-family:var(--font-mono);font-size:11px}.s-sidebar-nav{padding:0 8px 4px;flex-shrink:0}.s-nav-badge{font-size:10px;font-weight:600;font-family:var(--font-mono);color:#fff;background:var(--green);border-radius:10px;padding:0 6px;min-width:18px;text-align:center;line-height:16px;margin-left:auto}.s-sidebar-avatar-wrap{position:relative;flex-shrink:0}.s-task-indicator{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background:var(--green);border:2px solid var(--surface)}.s-sidebar-row-active .s-task-indicator{border-color:#0066ff14}.s-flight-banner{display:flex;align-items:center;gap:6px;padding:6px 20px;background:#22c55e0f;border-bottom:1px solid rgba(34,197,94,.12);font-size:11px;flex-shrink:0}.s-flight-banner-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;animation:s-pulse 2s ease-in-out infinite}@keyframes s-pulse{0%,to{opacity:1}50%{opacity:.4}}.s-flight-banner-label{font-weight:600;color:var(--ink)}.s-flight-banner-summary{color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-flights{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.s-flight-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);cursor:pointer;transition:background .12s ease}.s-flight-row:hover{background:#f6f6f5}.s-flight-row+.s-flight-row{border-top:1px solid var(--border)}.s-flight-body{flex:1;min-width:0}.s-flight-header{display:flex;align-items:center;gap:6px}.s-flight-name{font-size:12px;font-weight:600;color:var(--ink)}.s-flight-state{font-size:11px;font-family:var(--font-mono);font-weight:500}.s-flight-summary{font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-content>div:not(.s-conversation):not(.s-welcome){padding:20px;max-width:560px;margin:0 auto}@media(max-width:767px){.s-sidebar{width:100%;position:absolute;inset:0;z-index:20;transition:transform .2s cubic-bezier(.16,1,.3,1)}.s-content{position:absolute;inset:0;z-index:10;transform:translate(100%);transition:transform .2s cubic-bezier(.16,1,.3,1)}.s-app{position:relative}.s-app-content-open .s-sidebar{transform:translate(-100%)}.s-app-content-open .s-content{transform:translate(0)}.s-conv-header .s-back{display:block}}@media(min-width:768px){.s-conv-header .s-back{display:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}