@omg-dev/app 0.1.308

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Benny Kok
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist-lib/BrowserProfiles-BKqSwtW3.js

@@ -0,0 +1,650 @@
+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-DS7udW2I.js";
+import { B as xe } from "./badge-CgdKT4o8.js";
+import { C as ve } from "./clipboard-paste-Cq1hNjMN.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
+};