@omg-dev/app 0.1.320 → 0.1.321

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omg-dev/app",
-  "version": "0.1.320",
+  "version": "0.1.321",
   "description": "The full OMG application surface for React hosts.",
   "license": "MIT",
   "homepage": "https://omg.dev",
@@ -24,7 +24,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@omg-dev/client": "0.1.320",
+    "@omg-dev/client": "0.1.321",
     "@ai-sdk/react": "^4.0.19",
     "@base-ui/react": "^1.3.0",
     "@number-flow/react": "^0.6.2",

package/dist-lib/BrowserProfiles-CqaLBzFM.js

@@ -1,650 +0,0 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import { useRef as _, useState as f, useCallback as o, useLayoutEffect as me, useEffect as W } from "react";
-import { c as E, Z, ad as y, B as m, R as he, L as U, X as pe, k as J, ae as fe, af as Y, ag as ge, T as ye, H as be } from "./embedded-DdwkOHs-.js";
-import { B as xe } from "./badge-9CxnDp-1.js";
-import { C as ve } from "./clipboard-paste-CENdB6NY.js";
-/**
- * @license lucide-react v0.577.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const we = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
-  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-], ke = E("circle-x", we);
-/**
- * @license lucide-react v0.577.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ne = [
-  ["path", { d: "M20 4v7a4 4 0 0 1-4 4H4", key: "6o5b7l" }],
-  ["path", { d: "m9 10-5 5 5 5", key: "1kshq7" }]
-], Ce = E("corner-down-left", Ne);
-/**
- * @license lucide-react v0.577.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ze = [
-  [
-    "path",
-    {
-      d: "M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z",
-      key: "1yo7s0"
-    }
-  ],
-  ["path", { d: "m12 9 6 6", key: "anjzzh" }],
-  ["path", { d: "m18 9-6 6", key: "1fp51s" }]
-], Me = E("delete", ze);
-/**
- * @license lucide-react v0.577.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Se = [
-  ["path", { d: "m10 17 5-5-5-5", key: "1bsop3" }],
-  ["path", { d: "M15 12H3", key: "6jk70r" }],
-  ["path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4", key: "u53s6r" }]
-], Ee = E("log-in", Se);
-/**
- * @license lucide-react v0.577.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ie = [
-  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
-  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
-  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
-], Le = E("monitor", Ie);
-/**
- * @license lucide-react v0.577.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Te = [
-  [
-    "path",
-    {
-      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
-      key: "1c8476"
-    }
-  ],
-  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
-  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
-], De = E("save", Te);
-/**
- * @license lucide-react v0.577.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Re = [
-  [
-    "path",
-    { d: "M21 7 6.82 21.18a2.83 2.83 0 0 1-3.99-.01a2.83 2.83 0 0 1 0-4L17 3", key: "1ub6xw" }
-  ],
-  ["path", { d: "m16 2 6 6", key: "1gw87d" }],
-  ["path", { d: "M12 16H4", key: "1cjfip" }]
-], $e = E("test-tube-diagonal", Re);
-function Pe(h) {
-  const { sessionId: g, onClose: p, onSaved: d } = h, L = Z(), N = _(null), z = _(null), T = _(null), b = _({ w: 1280, h: 800 }), [I, M] = f("connecting"), [v, D] = f({}), [w, j] = f(null), [k, R] = f(""), [O, $] = f(!1), [S, V] = f(""), P = _(null), t = o((e) => {
-    const n = z.current;
-    n && n.readyState === WebSocket.OPEN && n.send(JSON.stringify(e));
-  }, []);
-  me(() => {
-    let e = !1;
-    const i = `${location.protocol === "https:" ? "wss:" : "ws:"}//${location.host}/api/browser/sessions/${encodeURIComponent(
-      g
-    )}/stream`, c = new WebSocket(i);
-    return z.current = c, M("connecting"), c.onopen = () => {
-      e || M("open");
-    }, c.onmessage = (C) => {
-      if (e || typeof C.data != "string") return;
-      let u;
-      try {
-        u = JSON.parse(C.data);
-      } catch {
-        return;
-      }
-      switch (u.type) {
-        case "frame":
-          r(u);
-          break;
-        case "status":
-          D({ state: u.state, url: u.url, title: u.title }), u.url && R((F) => F || (u.url ?? ""));
-          break;
-        case "saved":
-          $(!1), y.success("Profile saved"), d == null || d(u.profileId);
-          break;
-        case "error":
-          $(!1), j(u.message), y.error(u.message || "Browser session error");
-          break;
-      }
-    }, c.onerror = () => {
-      e || (M("error"), j("Connection error"));
-    }, c.onclose = () => {
-      e || M("closed");
-    }, () => {
-      e = !0, z.current = null;
-      try {
-        c.close();
-      } catch {
-      }
-    };
-  }, [g]);
-  const r = o((e) => {
-    const n = N.current;
-    if (!n) return;
-    e.w && e.h && (b.current = { w: e.w, h: e.h }, n.width !== e.w && (n.width = e.w), n.height !== e.h && (n.height = e.h));
-    let i = T.current;
-    if (i || (i = n.getContext("2d"), T.current = i), !i) return;
-    const c = new Image();
-    c.onload = () => {
-      const C = N.current, u = T.current;
-      !C || !u || u.drawImage(c, 0, 0, C.width, C.height);
-    }, c.src = `data:image/jpeg;base64,${e.dataB64}`;
-  }, []), l = o((e) => {
-    const n = N.current;
-    if (!n) return { x: 0, y: 0 };
-    const i = n.getBoundingClientRect(), { w: c, h: C } = b.current, u = i.width > 0 ? c / i.width : 1, F = i.height > 0 ? C / i.height : 1, de = Math.round((e.clientX - i.left) * u), ue = Math.round((e.clientY - i.top) * F);
-    return { x: de, y: ue };
-  }, []), x = o(
-    (e) => {
-      const { x: n, y: i } = l(e);
-      t({ type: "input", kind: "mousemove", x: n, y: i });
-    },
-    [t, l]
-  ), Q = o(
-    (e) => {
-      var c;
-      (c = N.current) == null || c.focus();
-      const { x: n, y: i } = l(e);
-      t({ type: "input", kind: "mousedown", x: n, y: i, button: e.button });
-    },
-    [t, l]
-  ), ee = o(
-    (e) => {
-      const { x: n, y: i } = l(e);
-      t({ type: "input", kind: "mouseup", x: n, y: i, button: e.button });
-    },
-    [t, l]
-  ), te = o(
-    (e) => {
-      const { x: n, y: i } = l(e);
-      t({ type: "input", kind: "wheel", x: n, y: i, deltaY: e.deltaY });
-    },
-    [t, l]
-  ), se = o(
-    (e) => {
-      e.preventDefault(), t({ type: "input", kind: "keydown", key: e.key }), e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && t({ type: "input", kind: "char", text: e.key });
-    },
-    [t]
-  ), ne = o(
-    (e) => {
-      e.preventDefault(), t({ type: "input", kind: "keyup", key: e.key });
-    },
-    [t]
-  ), ae = o(
-    (e) => {
-      e.preventDefault();
-      const n = e.clipboardData.getData("text/plain");
-      n && t({ type: "input", kind: "char", text: n });
-    },
-    [t]
-  ), A = o(
-    (e) => {
-      e && t({ type: "input", kind: "char", text: e });
-    },
-    [t]
-  ), K = o(
-    (e) => {
-      t({ type: "input", kind: "keydown", key: e }), t({ type: "input", kind: "keyup", key: e });
-    },
-    [t]
-  ), H = o(() => {
-    var e;
-    S && (A(S), V(""), (e = P.current) == null || e.focus());
-  }, [S, A]), re = o(async () => {
-    var e, n, i;
-    try {
-      const c = await ((n = (e = navigator.clipboard) == null ? void 0 : e.readText) == null ? void 0 : n.call(e));
-      if (c) {
-        A(c), y.success("Pasted into page");
-        return;
-      }
-      if (c === "") {
-        y.message("Clipboard is empty");
-        return;
-      }
-      throw new Error("no clipboard api");
-    } catch {
-      (i = P.current) == null || i.focus(), y.message("Paste into the text box, then tap Send");
-    }
-  }, [A]), ie = o(
-    (e) => {
-      e.preventDefault();
-      const n = k.trim();
-      if (!n) return;
-      const i = /^[a-z]+:\/\//i.test(n) ? n : `https://${n}`;
-      t({ type: "navigate", url: i });
-    },
-    [k, t]
-  ), oe = o(async () => {
-    const e = await L.prompt({
-      title: "Save browser profile",
-      description: "Name this saved login so agents can find it later.",
-      defaultValue: v.title || "",
-      inputLabel: "Profile name",
-      confirmLabel: "Save profile"
-    });
-    if (e == null) return;
-    const n = e.trim();
-    n && ($(!0), t({ type: "save", name: n }));
-  }, [L, t, v.title]), le = o(() => {
-    t({ type: "reload" });
-  }, [t]), ce = o(() => {
-    var e;
-    try {
-      (e = z.current) == null || e.close();
-    } catch {
-    }
-    p();
-  }, [p]);
-  return /* @__PURE__ */ a("div", { className: "flex h-full min-h-0 flex-col gap-1.5 bg-background text-foreground", children: [
-    /* @__PURE__ */ a("div", { className: "flex shrink-0 flex-col gap-1.5 border-b border-border px-3 py-2", children: [
-      /* @__PURE__ */ a("form", { onSubmit: ie, className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ s(
-          "input",
-          {
-            type: "url",
-            "aria-label": "Browser address",
-            inputMode: "url",
-            value: k,
-            onChange: (e) => R(e.target.value),
-            placeholder: "Enter a URL to navigate",
-            autoCapitalize: "off",
-            autoCorrect: "off",
-            spellCheck: !1,
-            className: "min-w-0 flex-1 rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground outline-none focus:border-primary"
-          }
-        ),
-        /* @__PURE__ */ s(m, { type: "submit", size: "sm", variant: "outline", children: "Go" })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ a(m, { size: "sm", variant: "outline", onClick: le, title: "Reload page", "aria-label": "Reload", children: [
-          /* @__PURE__ */ s(he, { className: "size-4" }),
-          /* @__PURE__ */ s("span", { className: "ml-1 hidden sm:inline", children: "Reload" })
-        ] }),
-        /* @__PURE__ */ a(m, { size: "sm", variant: "brand", onClick: oe, disabled: O, title: "Save profile", "aria-label": "Save profile", children: [
-          O ? /* @__PURE__ */ s(U, { className: "size-4 animate-spin" }) : /* @__PURE__ */ s(De, { className: "size-4" }),
-          /* @__PURE__ */ s("span", { className: "ml-1 hidden sm:inline", children: "Save profile" })
-        ] }),
-        /* @__PURE__ */ a(m, { size: "sm", variant: "ghost", onClick: ce, className: "ml-auto", title: "Close", "aria-label": "Close", children: [
-          /* @__PURE__ */ s(pe, { className: "size-4" }),
-          /* @__PURE__ */ s("span", { className: "ml-1 hidden sm:inline", children: "Close" })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "flex shrink-0 flex-wrap items-center gap-2 px-3", children: [
-      /* @__PURE__ */ s(
-        "input",
-        {
-          ref: P,
-          type: "text",
-          "aria-label": "Remote browser keyboard input",
-          value: S,
-          onChange: (e) => V(e.target.value),
-          onKeyDown: (e) => {
-            e.key === "Enter" && (e.preventDefault(), H());
-          },
-          placeholder: "Type or paste, then Send",
-          autoCapitalize: "off",
-          autoCorrect: "off",
-          autoComplete: "off",
-          spellCheck: !1,
-          className: "min-w-0 flex-1 basis-44 rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground outline-none focus:border-primary"
-        }
-      ),
-      /* @__PURE__ */ s(m, { size: "sm", variant: "brand", onClick: H, disabled: !S, children: "Send" }),
-      /* @__PURE__ */ a(m, { size: "sm", variant: "outline", onClick: re, title: "Paste from clipboard", "aria-label": "Paste", children: [
-        /* @__PURE__ */ s(ve, { className: "size-4" }),
-        /* @__PURE__ */ s("span", { className: "ml-1 hidden sm:inline", children: "Paste" })
-      ] }),
-      /* @__PURE__ */ s(m, { size: "sm", variant: "outline", onClick: () => K("Enter"), title: "Press Enter in page", "aria-label": "Enter", children: /* @__PURE__ */ s(Ce, { className: "size-4" }) }),
-      /* @__PURE__ */ s(m, { size: "sm", variant: "outline", onClick: () => K("Tab"), title: "Press Tab in page", "aria-label": "Tab", className: "hidden sm:inline-flex", children: /* @__PURE__ */ s("span", { className: "text-xs font-medium", children: "Tab" }) }),
-      /* @__PURE__ */ s(m, { size: "sm", variant: "outline", onClick: () => K("Backspace"), title: "Backspace in page", "aria-label": "Backspace", children: /* @__PURE__ */ s(Me, { className: "size-4" }) })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "flex shrink-0 items-center gap-2 px-3 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ s(
-        "span",
-        {
-          className: "inline-block size-2 shrink-0 rounded-full " + (I === "open" ? "bg-emerald-500" : I === "connecting" ? "bg-amber-500" : "bg-destructive"),
-          title: I
-        }
-      ),
-      /* @__PURE__ */ s("span", { className: "min-w-0 max-w-[50%] shrink-0 truncate", children: v.title ? v.title : v.state || I }),
-      v.url ? /* @__PURE__ */ a("span", { className: "min-w-0 flex-1 truncate text-muted-foreground/70", children: [
-        "· ",
-        v.url
-      ] }) : null
-    ] }),
-    w ? /* @__PURE__ */ s("div", { className: "mx-3 shrink-0 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-1.5 text-xs text-destructive", children: w }) : null,
-    /* @__PURE__ */ s("div", { className: "flex min-h-0 flex-1 items-center justify-center overflow-hidden bg-black/80 p-2", children: /* @__PURE__ */ s(
-      "canvas",
-      {
-        ref: N,
-        tabIndex: 0,
-        width: b.current.w,
-        height: b.current.h,
-        onMouseMove: x,
-        onMouseDown: Q,
-        onMouseUp: ee,
-        onWheel: te,
-        onContextMenu: (e) => e.preventDefault(),
-        onKeyDown: se,
-        onKeyUp: ne,
-        onPaste: ae,
-        className: "max-h-full max-w-full cursor-crosshair rounded-md shadow-lg outline-none",
-        style: { touchAction: "none" }
-      }
-    ) })
-  ] });
-}
-async function B(h, g) {
-  const p = await be(h, g), d = await p.json().catch(() => ({}));
-  if (!p.ok)
-    throw new Error((d == null ? void 0 : d.error) || `${p.status} ${p.statusText}`);
-  return d;
-}
-const q = {
-  fit: "Fit my screen",
-  desktop: "Desktop",
-  mobile: "Mobile"
-};
-function X(h) {
-  return h === "mobile" ? { width: 390, height: 844, deviceScaleFactor: 2, isMobile: !0 } : h === "desktop" ? { width: 1440, height: 900, deviceScaleFactor: 1, isMobile: !1 } : {
-    width: Math.round(window.innerWidth) || 1280,
-    height: Math.round(window.innerHeight) || 800,
-    deviceScaleFactor: 1,
-    isMobile: !1
-  };
-}
-const G = "lfg_browser_viewport_mode";
-function _e(h) {
-  if (!h) return "never";
-  const g = Math.max(0, Math.round((Date.now() - h) / 1e3));
-  if (g < 60) return `${g}s ago`;
-  const p = Math.round(g / 60);
-  if (p < 60) return `${p}m ago`;
-  const d = Math.round(p / 60);
-  return d < 48 ? `${d}h ago` : `${Math.round(d / 24)}d ago`;
-}
-function Fe() {
-  const h = Z(), [g, p] = f([]), [d, L] = f(!0), [N, z] = f(null), [T, b] = f(null), [I, M] = f({}), [v, D] = f(null), [w, j] = f(() => {
-    const t = localStorage.getItem(G);
-    return t === "desktop" || t === "mobile" || t === "fit" ? t : "fit";
-  });
-  W(() => {
-    localStorage.setItem(G, w);
-  }, [w]);
-  const k = o(async () => {
-    L(!0), z(null);
-    try {
-      const t = await B("/api/browser/profiles");
-      p(Array.isArray(t) ? t : []);
-    } catch (t) {
-      z(t instanceof Error ? t.message : "Failed to load profiles");
-    } finally {
-      L(!1);
-    }
-  }, []);
-  W(() => {
-    k();
-  }, [k]);
-  const R = o(async () => {
-    const t = await h.prompt({
-      title: "New browser login",
-      description: "Enter the site you want to log in to.",
-      defaultValue: "https://",
-      inputLabel: "Website URL",
-      confirmLabel: "Open login"
-    });
-    if (t == null) return;
-    const r = t.trim();
-    if (!r || r === "https://") return;
-    const l = /^[a-z]+:\/\//i.test(r) ? r : `https://${r}`;
-    try {
-      const { sessionId: x } = await B("/api/browser/profiles", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ url: l, viewport: X(w) })
-      });
-      D({ sessionId: x, profileId: null });
-    } catch (x) {
-      y.error(x instanceof Error ? x.message : "Failed to start session");
-    }
-  }, [h, w]), O = o(
-    async (t) => {
-      b(t);
-      try {
-        const { sessionId: r } = await B(
-          `/api/browser/profiles/${encodeURIComponent(t)}/reauth`,
-          {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ viewport: X(w) })
-          }
-        );
-        D({ sessionId: r, profileId: t });
-      } catch (r) {
-        y.error(r instanceof Error ? r.message : "Failed to start re-auth");
-      } finally {
-        b(null);
-      }
-    },
-    [w]
-  ), $ = o(async (t) => {
-    b(t);
-    try {
-      const r = await B(
-        `/api/browser/profiles/${encodeURIComponent(t)}/test`,
-        { method: "POST" }
-      );
-      M((l) => ({ ...l, [t]: r })), r.loggedIn ? y.success(`Logged in${r.title ? ` — ${r.title}` : ""}`) : y.error("Not logged in");
-    } catch (r) {
-      y.error(r instanceof Error ? r.message : "Test failed");
-    } finally {
-      b(null);
-    }
-  }, []), S = o(async (t) => {
-    if (await h.confirm({
-      title: `Delete profile “${t.name}”?`,
-      description: "This saved login will be permanently removed. This cannot be undone.",
-      confirmLabel: "Delete profile",
-      destructive: !0
-    })) {
-      b(t.id);
-      try {
-        await B(`/api/browser/profiles/${encodeURIComponent(t.id)}`, { method: "DELETE" }), p((l) => l.filter((x) => x.id !== t.id)), M((l) => {
-          const x = { ...l };
-          return delete x[t.id], x;
-        }), y.success("Profile deleted");
-      } catch (l) {
-        y.error(l instanceof Error ? l.message : "Delete failed");
-      } finally {
-        b(null);
-      }
-    }
-  }, [h]), V = o(() => D(null), []), P = o(
-    (t) => {
-      k();
-    },
-    [k]
-  );
-  return /* @__PURE__ */ a("div", { className: "flex h-full min-h-0 flex-col bg-background text-foreground", children: [
-    /* @__PURE__ */ a("header", { className: "flex shrink-0 flex-wrap items-center gap-x-2 gap-y-2 border-b border-border px-4 py-3", children: [
-      /* @__PURE__ */ s(J, { className: "size-5 shrink-0 text-primary" }),
-      /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ s("div", { className: "truncate text-sm font-semibold", children: "Browser profiles" }),
-        /* @__PURE__ */ s("div", { className: "truncate text-xs text-muted-foreground", children: "Saved logins agents can reuse to act as you" })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "flex w-full items-center justify-end gap-2 sm:w-auto", children: [
-        /* @__PURE__ */ a("label", { className: "flex min-w-0 items-center gap-1 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ s(Le, { className: "size-3.5 shrink-0" }),
-          /* @__PURE__ */ s(
-            "select",
-            {
-              value: w,
-              onChange: (t) => j(t.target.value),
-              "aria-label": "Login browser size",
-              title: "Size of the live login browser",
-              className: "min-w-0 rounded-md border border-border bg-card px-1.5 py-1 text-xs text-foreground outline-none focus:border-primary",
-              children: Object.keys(q).map((t) => /* @__PURE__ */ s("option", { value: t, children: q[t] }, t))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ s(
-          m,
-          {
-            size: "sm",
-            variant: "outline",
-            onClick: () => void k(),
-            disabled: d,
-            className: "shrink-0",
-            children: /* @__PURE__ */ s(fe, { className: "size-4" + (d ? " animate-spin" : "") })
-          }
-        ),
-        /* @__PURE__ */ a(
-          m,
-          {
-            size: "sm",
-            variant: "brand",
-            onClick: () => void R(),
-            className: "shrink-0",
-            children: [
-              /* @__PURE__ */ s(Y, { className: "size-4" }),
-              /* @__PURE__ */ s("span", { className: "ml-1", children: "New login" })
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: [
-      N ? /* @__PURE__ */ s("div", { className: "mb-3 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: N }) : null,
-      d && g.length === 0 ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2 py-12 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ s(U, { className: "size-4 animate-spin" }),
-        "Loading profiles…"
-      ] }) : g.length === 0 ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center gap-2 py-12 text-center text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ s(J, { className: "size-8 opacity-40" }),
-        /* @__PURE__ */ s("div", { children: "No saved profiles yet." }),
-        /* @__PURE__ */ a(m, { size: "sm", variant: "brand", onClick: () => void R(), children: [
-          /* @__PURE__ */ s(Y, { className: "size-4" }),
-          /* @__PURE__ */ s("span", { className: "ml-1", children: "New login" })
-        ] })
-      ] }) : /* @__PURE__ */ s("ul", { className: "flex flex-col gap-2", children: g.map((t) => {
-        const r = I[t.id], l = T === t.id;
-        return /* @__PURE__ */ a(
-          "li",
-          {
-            className: "rounded-xl border border-border bg-card px-3.5 py-3 shadow-sm",
-            children: [
-              /* @__PURE__ */ s("div", { className: "flex items-start gap-3", children: /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-sm font-semibold", children: t.name }),
-                  /* @__PURE__ */ s(
-                    xe,
-                    {
-                      variant: t.status === "active" ? "default" : "destructive",
-                      className: "shrink-0",
-                      children: t.status
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ s("div", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: t.origins.length ? t.origins.join(", ") : "no origins" }),
-                /* @__PURE__ */ a("div", { className: "mt-0.5 text-xs text-muted-foreground/80", children: [
-                  "Last used ",
-                  _e(t.lastUsedAt)
-                ] }),
-                r ? /* @__PURE__ */ a(
-                  "div",
-                  {
-                    className: "mt-1.5 flex items-center gap-1.5 text-xs " + (r.loggedIn ? "text-emerald-600" : "text-destructive"),
-                    children: [
-                      r.loggedIn ? /* @__PURE__ */ s(ge, { className: "size-3.5" }) : /* @__PURE__ */ s(ke, { className: "size-3.5" }),
-                      /* @__PURE__ */ a("span", { className: "min-w-0 truncate", children: [
-                        r.loggedIn ? "Logged in" : "Not logged in",
-                        r.title ? ` — ${r.title}` : ""
-                      ] })
-                    ]
-                  }
-                ) : null
-              ] }) }),
-              /* @__PURE__ */ a("div", { className: "mt-2.5 flex flex-wrap items-center gap-2", children: [
-                /* @__PURE__ */ a(
-                  m,
-                  {
-                    size: "sm",
-                    variant: "outline",
-                    onClick: () => void O(t.id),
-                    disabled: l,
-                    children: [
-                      l ? /* @__PURE__ */ s(U, { className: "size-4 animate-spin" }) : /* @__PURE__ */ s(Ee, { className: "size-4" }),
-                      /* @__PURE__ */ s("span", { className: "ml-1", children: "Re-auth" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ a(
-                  m,
-                  {
-                    size: "sm",
-                    variant: "ghost",
-                    onClick: () => void $(t.id),
-                    disabled: l,
-                    children: [
-                      /* @__PURE__ */ s($e, { className: "size-4" }),
-                      /* @__PURE__ */ s("span", { className: "ml-1", children: "Test" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ a(
-                  m,
-                  {
-                    size: "sm",
-                    variant: "ghost",
-                    onClick: () => void S(t),
-                    disabled: l,
-                    className: "text-destructive hover:text-destructive",
-                    children: [
-                      /* @__PURE__ */ s(ye, { className: "size-4" }),
-                      /* @__PURE__ */ s("span", { className: "ml-1", children: "Delete" })
-                    ]
-                  }
-                )
-              ] })
-            ]
-          },
-          t.id
-        );
-      }) })
-    ] }),
-    v ? /* @__PURE__ */ s("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-2 sm:p-6", children: /* @__PURE__ */ s("div", { className: "flex h-full max-h-[92dvh] w-full max-w-5xl flex-col overflow-hidden rounded-xl border border-border bg-background shadow-2xl", children: /* @__PURE__ */ s(
-      Pe,
-      {
-        sessionId: v.sessionId,
-        onClose: V,
-        onSaved: P
-      }
-    ) }) }) : null
-  ] });
-}
-export {
-  Fe as default
-};