@omg-dev/app 0.1.321 → 0.1.323

package/dist-lib/{ChangelogPage-B6hC7UlH.js → ChangelogPage-CgwS9K1R.js}

@@ -1,9 +1,58 @@
 import { jsx as e } from "react/jsx-runtime";
-import { M as n } from "./embedded-Bk0VM5g-.js";
+import { M as n } from "./embedded-BgLSMF4E.js";
 const t = `# Changelog
 
 Recent product updates and deployment notes.
 
+## August 9, 2026 - The named local URL goes, and the mobile app joins the audit (v0.1.323)
+
+- **The named local URL (\`omg.local\`) is gone**, along with its Settings toggle.
+  It advertised a \`.local\` name for this machine's loopback over mDNS while the
+  server ran, on macOS only — and the caveat under the switch was most of the
+  story: you still had to install the PWA from \`localhost\`, because browsers only
+  treat localhost and loopback IPs as secure origins, so the \`.local\` name could
+  never register a service worker. A toggle whose own help text tells you not to
+  use it for the main flow was not worth its surface area. Setting an explicit
+  \`OMG_LOCAL_HOSTNAME\` in \`omg setup\` is untouched and still works.
+- **The mobile app is finally covered by the dependency-advisory gate.** \`mobile/\`
+  is an Expo project on an npm lockfile and is not a workspace member, so
+  \`bun audit\` structurally could not see it — it was filed as a known exclusion
+  whose stated fix ("convert it to bun.lock") nobody was ever going to do. Two
+  high-severity advisories were sitting in there, visible to Dependabot and
+  invisible to our own green audit runs. The gate now audits each root with the
+  tool that can read it, so both advisories are recorded, dated, and re-verified
+  against the advisory API on every run.
+
+## August 9, 2026 - pi can sign in, and the agents page stops shouting (v0.1.322)
+
+- **You can sign in to pi from Settings.** pi shipped with no sign-in at all —
+  just an \`ANTHROPIC_API_KEY\` note and two disabled buttons — because it has no
+  \`pi login\` command to drive; its login lives inside the interactive TUI. We now
+  use pi's own credential library in-process, so three providers connect from the
+  same UI as every other agent: **Claude (Pro/Max)** and **ChatGPT (Codex)** by
+  OAuth, and **OpenCode Zen** by API key. Credentials are written to pi's own
+  \`~/.pi/agent/auth.json\` under pi's lock, so a token refresh happening at the
+  same time cannot rotate a refresh token out from under itself.
+- **pi can actually run as the provider you connected.** pi sessions could only
+  ever name one provider, so ChatGPT and Zen models would have been unreachable
+  even after signing in. Models now carry their provider, and only models whose
+  provider is connected are offered.
+- **pi no longer reports "Ready" when nothing is configured.** The check treated
+  the existence of \`auth.json\` as proof of sign-in, but pi creates that file as
+  \`{}\` on first launch — so every machine that had ever started pi looked
+  connected. It now looks inside, and also counts env vars and pinned provider
+  keys.
+- **The coding-agents settings page shows the state that matters.** It used to
+  print two badges, every check with its resolved binary path, an instructions
+  sentence, an install command and a login command — per agent, times seven. A
+  working agent now says nothing; a broken one says what is missing, and the
+  diagnostics are one tap down.
+- **\`omg setup\` stopped handing out a URL it never checked.** On macOS the
+  summary's first line was \`http://omg.local:8766\` whenever \`dns-sd\` existed,
+  assuming the mDNS name had been claimed — which setup cannot see, and which
+  fails when mDNS is off or the name is already taken on the network. The summary
+  now shows only addresses it verified.
+
 ## August 9, 2026 - The browser tool goes, and macOS installs work in a plain shell (v0.1.321)
 
 - **The cloud-browser login profiles are gone.** They did not work reliably

package/dist-lib/{SessionFilesPanel-CAojh2-6.js → SessionFilesPanel-vAGfdiqD.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as i, Fragment as te } from "react/jsx-runtime";
-import { memo as ne, useState as m, useRef as T, useCallback as v, useEffect as C, useMemo as _, Suspense as I } from "react";
+import { memo as ne, useState as m, useRef as T, useCallback as v, useEffect as C, useMemo as q, Suspense as I } from "react";
 import { createPortal as re } from "react-dom";
-import { F as oe, H, I as se, X as U, J as ie, K as ae, f as y, L as J, N as le, q as de, C as ce, O as L } from "./embedded-Bk0VM5g-.js";
+import { z as oe, E as H, F as se, X as U, H as ie, I as ae, f as y, L as J, J as le, m as de, y as ce, N as L } from "./embedded-BgLSMF4E.js";
 import { c as me } from "./create-BrnHvSDE.js";
 /**
  * @license lucide-react v0.577.0 - ISC
@@ -31,7 +31,7 @@ function xe(n, s, o) {
 `);
 }
 const ge = L("session-file-tree", () => import("./FileTreePane-BG2k7gTc.js")), be = L("session-file-viewer", () => import("./FileViewer-DgjR_OJp.js")), ve = L("session-file-editor", () => import("./FileEditor-ByMnm-sa.js"));
-async function q(n) {
+async function _(n) {
   const s = await H(n), o = await s.json().catch(() => ({}));
   if (!s.ok) throw new Error((o == null ? void 0 : o.error) || `${s.status}`);
   return o;
@@ -49,7 +49,7 @@ const N = ({ label: n }) => /* @__PURE__ */ i("div", { className: "flex items-ce
   n
 ] });
 function ke({ tree: n, onNavigate: s }) {
-  const o = T(null), c = _(() => {
+  const o = T(null), c = q(() => {
     const t = n.root.split("/").filter(Boolean);
     return t.map((h, k) => {
       const x = "/" + t.slice(0, k + 1).join("/");
@@ -80,14 +80,14 @@ function ke({ tree: n, onNavigate: s }) {
   );
 }
 function we({ sid: n, onClose: s }) {
-  const [o, c] = m(null), [t, h] = m(null), [k, x] = m(null), [g, j] = m(null), [a, S] = m(null), [R, $] = m(null), [W, P] = m(!1), [u, w] = m(!1), [z, O] = m(""), [p, f] = m({ kind: "idle" }), [K, F] = m("tree"), A = ye(), b = T(null), V = v((r) => {
+  const [o, c] = m(null), [t, h] = m(null), [k, x] = m(null), [g, j] = m(null), [a, z] = m(null), [R, $] = m(null), [W, P] = m(!1), [u, w] = m(!1), [S, A] = m(""), [p, f] = m({ kind: "idle" }), [V, E] = m("tree"), M = ye(), b = T(null), X = v((r) => {
     b.current = r;
-  }, []), E = T(null);
+  }, []), F = T(null);
   C(() => {
     let r = !0;
     h(null), x(null);
     const d = o ? `?root=${encodeURIComponent(o)}` : "";
-    return q(`/api/sessions/${n}/tree${d}`).then((l) => r && h(l.tree)).catch((l) => r && x(l instanceof Error ? l.message : String(l))), () => {
+    return _(`/api/sessions/${n}/tree${d}`).then((l) => r && h(l.tree)).catch((l) => r && x(l instanceof Error ? l.message : String(l))), () => {
       r = !1;
     };
   }, [n, o]), C(() => {
@@ -98,18 +98,18 @@ function we({ sid: n, onClose: s }) {
       window.removeEventListener("keydown", r), document.body.style.overflow = d;
     };
   }, [s]);
-  const X = v(
+  const D = v(
     (r) => {
-      t && (F("file"), r !== E.current && (E.current = r, j(r), w(!1), f({ kind: "idle" }), O(""), b.current = null, S(null), $(null), P(!0), q(
+      t && (E("file"), r !== F.current && (F.current = r, j(r), w(!1), f({ kind: "idle" }), A(""), b.current = null, z(null), $(null), P(!0), _(
         `/api/sessions/${n}/file?path=${encodeURIComponent(`${t.root}/${r}`)}`
       ).then((d) => {
-        S(d.file), b.current = d.file.contents;
+        z(d.file), b.current = d.file.contents;
       }).catch((d) => $(d instanceof Error ? d.message : String(d))).finally(() => P(!1))));
     },
     [n, t]
-  ), M = v((r) => {
-    c(r), E.current = null, j(null), S(null), w(!1), F("tree");
-  }, []), D = v(() => F("tree"), []), Y = _(
+  ), O = v((r) => {
+    c(r), F.current = null, j(null), z(null), w(!1), E("tree");
+  }, []), K = v(() => E("tree"), []), Y = q(
     () => a ? { ...a, contents: b.current ?? a.contents } : null,
     // eslint-disable-next-line react-hooks/exhaustive-deps -- `editing` is the
     // intended trigger; draftRef is a ref and deliberately not reactive.
@@ -120,7 +120,7 @@ function we({ sid: n, onClose: s }) {
       displayPath: r,
       original: a.contents,
       edited: b.current,
-      note: z
+      note: S
     });
     if (!d.ok) {
       f({
@@ -149,7 +149,7 @@ function we({ sid: n, onClose: s }) {
     } catch (l) {
       f({ kind: "error", message: l instanceof Error ? l.message : String(l) });
     }
-  }, [n, a, g, z]), Q = !!g && K === "file", B = p.kind === "sent" || p.kind === "error" ? "banner" : u ? "editor" : "content", Z = /* @__PURE__ */ e(
+  }, [n, a, g, S]), Q = !!g && V === "file", B = p.kind === "sent" || p.kind === "error" ? "banner" : u ? "editor" : "content", Z = /* @__PURE__ */ e(
     "div",
     {
       role: "dialog",
@@ -171,13 +171,13 @@ function we({ sid: n, onClose: s }) {
               /* @__PURE__ */ e(se, { className: "size-4 shrink-0 text-[var(--primary)]" }),
               /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-foreground", children: "Files" }),
-                t ? /* @__PURE__ */ e(ke, { tree: t, onNavigate: M }) : null
+                t ? /* @__PURE__ */ e(ke, { tree: t, onNavigate: O }) : null
               ] }),
               t != null && t.parent ? /* @__PURE__ */ i(
                 "button",
                 {
                   type: "button",
-                  onClick: () => M(t.parent),
+                  onClick: () => O(t.parent),
                   className: "flex min-h-9 shrink-0 items-center gap-1.5 rounded-lg border border-border px-2.5 text-[12px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground md:min-h-0 md:px-2 md:py-1 md:text-[11px]",
                   children: [
                     /* @__PURE__ */ e(pe, { className: "size-3.5 md:size-3" }),
@@ -208,7 +208,7 @@ function we({ sid: n, onClose: s }) {
                     paths: t.paths,
                     gitStatus: t.gitStatus,
                     selectedPath: g,
-                    onSelectFile: X
+                    onSelectFile: D
                   }
                 ) }) : /* @__PURE__ */ e(N, { label: "Listing files…" }) })
               ] }),
@@ -225,7 +225,7 @@ function we({ sid: n, onClose: s }) {
                         "button",
                         {
                           type: "button",
-                          onClick: D,
+                          onClick: K,
                           "aria-label": "Back to file tree",
                           className: "flex size-9 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground md:hidden",
                           children: /* @__PURE__ */ e(ie, { className: "size-5" })
@@ -272,7 +272,7 @@ function we({ sid: n, onClose: s }) {
                           R ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-[12px] text-[var(--destructive)]", children: [
                             "Could not open: ",
                             R
-                          ] }) : W || !a ? /* @__PURE__ */ e(N, { label: "Opening…" }) : a.binary ? /* @__PURE__ */ e("div", { className: "px-3 py-3 text-[12px] text-muted-foreground", children: "Binary file — not shown." }) : /* @__PURE__ */ e(I, { fallback: /* @__PURE__ */ e(N, { label: u ? "Loading editor…" : "Rendering…" }), children: u ? /* @__PURE__ */ e(ve, { file: Y ?? a, themeType: A, onChange: V }) : /* @__PURE__ */ e(be, { file: a, themeType: A }) }),
+                          ] }) : W || !a ? /* @__PURE__ */ e(N, { label: "Opening…" }) : a.binary ? /* @__PURE__ */ e("div", { className: "px-3 py-3 text-[12px] text-muted-foreground", children: "Binary file — not shown." }) : /* @__PURE__ */ e(I, { fallback: /* @__PURE__ */ e(N, { label: u ? "Loading editor…" : "Rendering…" }), children: u ? /* @__PURE__ */ e(ve, { file: Y ?? a, themeType: M, onChange: X }) : /* @__PURE__ */ e(be, { file: a, themeType: M }) }),
                           a != null && a.truncated ? /* @__PURE__ */ e("div", { className: "px-3 py-1.5 text-[11px] text-[var(--warning)]", children: "File truncated — only the first megabyte is shown." }) : null
                         ]
                       }
@@ -288,8 +288,8 @@ function we({ sid: n, onClose: s }) {
                           /* @__PURE__ */ e(
                             "textarea",
                             {
-                              value: z,
-                              onChange: (r) => O(r.target.value),
+                              value: S,
+                              onChange: (r) => A(r.target.value),
                               rows: 2,
                               placeholder: "Optional: anything else the agent should do alongside this edit",
                               className: "w-full resize-none rounded-lg border border-border bg-card px-2.5 py-2 text-[12px] text-foreground outline-none placeholder:text-muted-foreground focus:border-[var(--primary)]/50"

package/dist-lib/{TermView-CSg63K2Y.js → TermView-DLKQl-yl.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as k, Fragment as vA } from "react/jsx-runtime";
 import { useState as L, useRef as S, useEffect as x, useCallback as Y } from "react";
-import { F as cA, p as wQ, X as DA, a9 as sQ, q as tQ, aa as eQ, ab as aQ, H as MQ, ac as hQ, R as NQ, C as cQ } from "./embedded-Bk0VM5g-.js";
+import { z as cA, S as wQ, X as DA, a8 as sQ, m as tQ, a9 as eQ, aa as aQ, E as MQ, ab as hQ, R as NQ, y as cQ } from "./embedded-BgLSMF4E.js";
 /**
  * @license lucide-react v0.577.0 - ISC
  *

package/dist-lib/{chat-engine-DTd_8Rrz.js → chat-engine-BllXgEia.js}

@@ -1,7 +1,7 @@
 import { jsx as ao } from "react/jsx-runtime";
 import { useRef as Dt, useCallback as Lt, useSyncExternalStore as ut, useEffect as so } from "react";
 import { g as io } from "./_commonjsHelpers-C6fGbg64.js";
-import { ad as uo } from "./embedded-Bk0VM5g-.js";
+import { ac as uo } from "./embedded-BgLSMF4E.js";
 var Ar = "vercel.ai.error", co = Symbol.for(Ar), Ut, Ft, se = class Nr extends (Ft = Error, Ut = co, Ft) {
   /**
    * Creates an AI SDK Error.

package/dist-lib/coding-agents-page-78HnFaOD.js

@@ -0,0 +1,287 @@
+import { jsxs as t, jsx as e, Fragment as G } from "react/jsx-runtime";
+import { R as K, f as L, B as d, L as C, P as z, S as w, g as R, h as p, T, i as m, j as F, k as M, l as $, C as _, m as q, X as H, K as U } from "./embedded-BgLSMF4E.js";
+import { useState as S } from "react";
+function j(l) {
+  const i = l.filter((r) => !r.ok);
+  return i.length ? i.length === 1 ? `${i[0].label} missing` : `${i.length} checks failing` : null;
+}
+function A({ checks: l }) {
+  return /* @__PURE__ */ e("div", { className: "space-y-1", children: l.map((i) => /* @__PURE__ */ t(
+    "div",
+    {
+      className: "flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground",
+      children: [
+        i.ok ? /* @__PURE__ */ e(q, { className: "size-3.5 shrink-0 text-success" }) : /* @__PURE__ */ e(H, { className: "size-3.5 shrink-0 text-destructive" }),
+        /* @__PURE__ */ e("span", { className: "shrink-0", children: i.label }),
+        i.detail ? /* @__PURE__ */ e("span", { className: "min-w-0 truncate text-muted-foreground/70", children: i.detail }) : null
+      ]
+    },
+    i.label
+  )) });
+}
+function I({
+  icon: l,
+  title: i,
+  note: r,
+  ok: u,
+  control: o,
+  open: c,
+  onToggle: h,
+  children: f
+}) {
+  return /* @__PURE__ */ t("div", { className: "px-4 py-2.5", children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: h,
+          "aria-expanded": c,
+          className: "flex min-w-0 flex-1 items-center gap-3 text-left",
+          children: [
+            /* @__PURE__ */ e("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-[8px] border border-border bg-background", children: l }),
+            /* @__PURE__ */ t("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e("span", { className: "truncate text-sm font-medium", children: i }),
+                u ? null : /* @__PURE__ */ e("span", { className: "size-1.5 shrink-0 rounded-full bg-destructive", "aria-hidden": !0 })
+              ] }),
+              r ? /* @__PURE__ */ e("span", { className: "block truncate text-xs text-muted-foreground", children: r }) : null
+            ] }),
+            /* @__PURE__ */ e(
+              _,
+              {
+                className: L(
+                  "size-4 shrink-0 text-muted-foreground/60 transition-transform duration-150",
+                  c && "rotate-180"
+                )
+              }
+            )
+          ]
+        }
+      ),
+      o
+    ] }),
+    c ? /* @__PURE__ */ e("div", { className: "mt-3 space-y-3 pl-11", children: f }) : null
+  ] });
+}
+function W({
+  provider: l,
+  onConnect: i,
+  onDisconnect: r
+}) {
+  return /* @__PURE__ */ t("div", { className: "flex items-center gap-2 rounded-xl border border-border/70 bg-background/55 px-2.5 py-2", children: [
+    /* @__PURE__ */ t("span", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ e("span", { className: "block truncate text-xs font-medium", children: l.label }),
+      l.fromEnv ? /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-muted-foreground", children: "From the environment" }) : null
+    ] }),
+    l.connected ? /* @__PURE__ */ t(G, { children: [
+      /* @__PURE__ */ e("span", { className: "text-[11px] text-success", children: "Connected" }),
+      l.fromEnv ? null : /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: () => r(l),
+          title: `Disconnect ${l.label}`,
+          "aria-label": `Disconnect ${l.label}`,
+          className: "flex size-7 items-center justify-center rounded-full text-muted-foreground transition hover:bg-destructive/10 hover:text-destructive",
+          children: /* @__PURE__ */ e(T, { className: "size-3.5" })
+        }
+      )
+    ] }) : /* @__PURE__ */ t(d, { size: "sm", variant: "outline", onClick: () => i(l), children: [
+      l.method === "oauth" ? /* @__PURE__ */ e(p, { className: "size-3.5" }) : /* @__PURE__ */ e(U, { className: "size-3.5" }),
+      "Connect"
+    ] })
+  ] });
+}
+function V({
+  setupChecks: l,
+  agents: i,
+  onVisibleChange: r,
+  onSetup: u,
+  onLogin: o,
+  onAddClaudeAccount: c,
+  onRemoveClaudeAccount: h,
+  onConnectPiProvider: f,
+  onDisconnectPiProvider: E,
+  onSetupCheck: D,
+  onRefresh: P
+}) {
+  const [x, g] = S(!1), [N, O] = S(null), k = (n) => O((s) => s === n ? null : n);
+  async function B() {
+    if (!x) {
+      g(!0);
+      try {
+        await P(), $.success("Coding agents refreshed");
+      } catch (n) {
+        $.error(n instanceof Error ? n.message : "Could not refresh coding agents");
+      } finally {
+        g(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ t("div", { className: "mx-auto max-w-xl space-y-3 pb-10", "data-lfg-page-column": !0, children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center justify-between px-4", children: [
+      /* @__PURE__ */ e("h2", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Coding agents" }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: () => void B(),
+          disabled: x,
+          className: "flex items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ e(K, { className: L("size-3.5", x && "animate-spin") }),
+            "Refresh"
+          ]
+        }
+      )
+    ] }),
+    l.length ? /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 divide-y divide-border", children: l.map((n) => /* @__PURE__ */ t(
+      I,
+      {
+        icon: /* @__PURE__ */ e(w, { className: "size-4 text-muted-foreground" }),
+        title: n.label,
+        note: j(n.checks),
+        ok: n.configured,
+        open: N === `setup:${n.key}`,
+        onToggle: () => k(`setup:${n.key}`),
+        children: [
+          /* @__PURE__ */ e(A, { checks: n.checks }),
+          n.instructions.map((s) => /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: s }, s)),
+          /* @__PURE__ */ t(
+            d,
+            {
+              size: "sm",
+              variant: "outline",
+              disabled: !n.canAutoSetup || n.running,
+              onClick: () => D(n.key),
+              title: n.canAutoSetup ? n.actionLabel : "Install a supported coding agent first",
+              children: [
+                n.running ? /* @__PURE__ */ e(C, { className: "size-4 animate-spin" }) : /* @__PURE__ */ e(z, { className: "size-4" }),
+                n.running ? "Running…" : n.actionLabel
+              ]
+            }
+          )
+        ]
+      },
+      n.key
+    )) }) : null,
+    /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 divide-y divide-border", children: i.map((n) => {
+      const s = n.status, b = n.key === "aisdk" ? s.accounts ?? [] : [], y = s.providers ?? [], v = b.some((a) => a.connected);
+      return /* @__PURE__ */ t(
+        I,
+        {
+          icon: /* @__PURE__ */ e("img", { src: R(n.key), alt: M(n.key), className: "size-5" }),
+          title: n.label,
+          note: j(s.checks),
+          ok: s.configured,
+          open: N === `agent:${n.key}`,
+          onToggle: () => k(`agent:${n.key}`),
+          control: /* @__PURE__ */ e(
+            F,
+            {
+              checked: n.visible,
+              onCheckedChange: (a) => r(n.key, a),
+              "aria-label": `${n.label} visible in composer`
+            }
+          ),
+          children: [
+            /* @__PURE__ */ e(A, { checks: s.checks }),
+            b.length ? /* @__PURE__ */ e("div", { className: "space-y-1.5", children: b.map((a) => /* @__PURE__ */ t(
+              "div",
+              {
+                className: "flex items-center gap-2 rounded-xl border border-border/70 bg-background/55 px-2.5 py-2",
+                children: [
+                  /* @__PURE__ */ t("span", { className: "relative flex size-7 shrink-0 items-center justify-center rounded-full bg-muted", children: [
+                    /* @__PURE__ */ e("img", { src: R("aisdk"), alt: "", className: "size-4.5" }),
+                    /* @__PURE__ */ e("span", { className: "absolute -bottom-0.5 -right-0.5 flex size-3.5 items-center justify-center rounded-full bg-foreground text-[8px] font-bold text-background ring-1 ring-background", children: a.number })
+                  ] }),
+                  /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-xs font-medium", children: a.label }),
+                  a.connected ? /* @__PURE__ */ e("span", { className: "text-[11px] text-success", children: "Connected" }) : /* @__PURE__ */ t(
+                    d,
+                    {
+                      size: "sm",
+                      variant: "outline",
+                      onClick: () => o(n.key, a.id),
+                      children: [
+                        /* @__PURE__ */ e(p, { className: "size-3.5" }),
+                        "Connect"
+                      ]
+                    }
+                  ),
+                  a.removable ? /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => h(a),
+                      title: `Remove ${a.label}`,
+                      "aria-label": `Remove ${a.label}`,
+                      className: "flex size-7 items-center justify-center rounded-full text-muted-foreground transition hover:bg-destructive/10 hover:text-destructive",
+                      children: /* @__PURE__ */ e(T, { className: "size-3.5" })
+                    }
+                  ) : null
+                ]
+              },
+              a.id
+            )) }) : null,
+            y.length ? /* @__PURE__ */ e("div", { className: "space-y-1.5", children: y.map((a) => /* @__PURE__ */ e(
+              W,
+              {
+                provider: a,
+                onConnect: f,
+                onDisconnect: E
+              },
+              a.id
+            )) }) : null,
+            s.instructions.map((a) => /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: a }, a)),
+            !s.configured && (s.installCommand || s.loginCommand && !m.has(n.key)) ? /* @__PURE__ */ t("div", { className: "space-y-1 text-xs text-muted-foreground", children: [
+              s.installCommand ? /* @__PURE__ */ t("div", { className: "truncate", children: [
+                "Install: ",
+                /* @__PURE__ */ e("code", { children: s.installCommand })
+              ] }) : null,
+              s.loginCommand && !m.has(n.key) ? /* @__PURE__ */ t("div", { className: "truncate", children: [
+                "Login: ",
+                /* @__PURE__ */ e("code", { children: s.loginCommand })
+              ] }) : null
+            ] }) : null,
+            /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2", children: [
+              s.canAutoSetup ? /* @__PURE__ */ t(
+                d,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  disabled: s.setupRunning,
+                  onClick: () => u(n.key),
+                  title: "Run setup for this agent",
+                  children: [
+                    s.setupRunning ? /* @__PURE__ */ e(C, { className: "size-4 animate-spin" }) : /* @__PURE__ */ e(z, { className: "size-4" }),
+                    s.setupRunning ? "Running…" : "Install"
+                  ]
+                }
+              ) : null,
+              s.canLoginInTerminal ? /* @__PURE__ */ t(
+                d,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  disabled: s.setupRunning,
+                  onClick: () => n.key === "aisdk" && v ? c() : o(n.key),
+                  title: m.has(n.key) ? `Sign in to ${n.label} in your browser` : `Open terminal and run ${s.loginCommand}`,
+                  children: [
+                    m.has(n.key) ? /* @__PURE__ */ e(p, { className: "size-4" }) : /* @__PURE__ */ e(w, { className: "size-4" }),
+                    n.key === "aisdk" && v ? "Add account" : "Login"
+                  ]
+                }
+              ) : null,
+              /* @__PURE__ */ e("span", { className: "text-[11px] text-muted-foreground/70", children: s.omgCapabilityAccess === "mcp" ? "OMG tools" : "OMG prompt only" })
+            ] })
+          ]
+        },
+        n.key
+      );
+    }) })
+  ] });
+}
+export {
+  V as default
+};