@omg-dev/app 0.3.0 → 0.5.0

package/dist-lib/{coding-agents-page-Bsy-dsUo.js → coding-agents-page-8Nf-IuE2.js}

@@ -1,5 +1,5 @@
-import { jsxs as s, jsx as n, Fragment as E } from "react/jsx-runtime";
-import { R, B as d, L as w, m as $, n as S, o as A, p as h, T as L, q as j, s as G, u as H, v as I, w as M, x as U, X as W, K as X } from "./embedded-cpSkU0tg.js";
+import { jsxs as s, jsx as e, Fragment as E } from "react/jsx-runtime";
+import { R, B as d, L as w, m as $, n as S, o as A, p as h, T as L, q as j, s as G, u as H, v as I, w as M, x as U, X as W, K as X } from "./embedded-BmrQsEvQ.js";
 import { cn as B } from "cnfast";
 import { useState as T } from "react";
 function P(t) {
@@ -17,14 +17,14 @@ function V(t) {
   return l.length ? l.length === 1 ? `${l[0].label} missing` : `${l.length} checks failing` : null;
 }
 function Y({ checks: t }) {
-  return /* @__PURE__ */ n("div", { className: "space-y-1", children: t.map((l) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ e("div", { className: "space-y-1", children: t.map((l) => /* @__PURE__ */ s(
     "div",
     {
       className: "flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground",
       children: [
-        l.ok ? /* @__PURE__ */ n(U, { className: "size-3.5 shrink-0 text-success" }) : /* @__PURE__ */ n(W, { className: "size-3.5 shrink-0 text-destructive" }),
-        /* @__PURE__ */ n("span", { className: "shrink-0", children: l.label }),
-        l.detail ? /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-muted-foreground/70", children: l.detail }) : null
+        l.ok ? /* @__PURE__ */ e(U, { className: "size-3.5 shrink-0 text-success" }) : /* @__PURE__ */ e(W, { className: "size-3.5 shrink-0 text-destructive" }),
+        /* @__PURE__ */ e("span", { className: "shrink-0", children: l.label }),
+        l.detail ? /* @__PURE__ */ e("span", { className: "min-w-0 truncate text-muted-foreground/70", children: l.detail }) : null
       ]
     },
     l.label
@@ -38,8 +38,8 @@ function D({
   showDot: o = !0,
   control: f,
   open: u,
-  onToggle: b,
-  children: x
+  onToggle: x,
+  children: b
 }) {
   return /* @__PURE__ */ s("div", { className: "px-4 py-2.5", children: [
     /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
@@ -47,19 +47,19 @@ function D({
         "button",
         {
           type: "button",
-          onClick: b,
+          onClick: x,
           "aria-expanded": u,
           className: "flex min-w-0 flex-1 items-center gap-3 text-left",
           children: [
-            /* @__PURE__ */ n("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-[8px] border border-border bg-background", children: t }),
+            /* @__PURE__ */ e("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-[8px] border border-border bg-background", children: t }),
             /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ n("span", { className: "truncate text-sm font-medium", children: l }),
-                o && !m ? /* @__PURE__ */ n("span", { className: "size-1.5 shrink-0 rounded-full bg-destructive", "aria-hidden": !0 }) : null
+                /* @__PURE__ */ e("span", { className: "truncate text-sm font-medium", children: l }),
+                o && !m ? /* @__PURE__ */ e("span", { className: "size-1.5 shrink-0 rounded-full bg-destructive", "aria-hidden": !0 }) : null
               ] }),
-              r ? /* @__PURE__ */ n("span", { className: "block truncate text-xs text-muted-foreground", children: r }) : null
+              r ? /* @__PURE__ */ e("span", { className: "block truncate text-xs text-muted-foreground", children: r }) : null
             ] }),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ e(
               M,
               {
                 className: B(
@@ -73,7 +73,7 @@ function D({
       ),
       f
     ] }),
-    u ? /* @__PURE__ */ n("div", { className: "mt-3 space-y-3 pl-11", children: x }) : null
+    u ? /* @__PURE__ */ e("div", { className: "mt-3 space-y-3 pl-11", children: b }) : null
   ] });
 }
 function Z({
@@ -83,12 +83,12 @@ function Z({
 }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-2 rounded-xl border border-border/70 bg-background/55 px-2.5 py-2", children: [
     /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ n("span", { className: "block truncate text-xs font-medium", children: t.label }),
-      t.detail || t.fromEnv ? /* @__PURE__ */ n("span", { className: "block truncate text-[11px] text-muted-foreground", children: t.detail ?? "From the environment" }) : null
+      /* @__PURE__ */ e("span", { className: "block truncate text-xs font-medium", children: t.label }),
+      t.needsReconnect ? /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-destructive", children: "Sign-in expired" }) : t.detail || t.fromEnv ? /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-muted-foreground", children: t.detail ?? "From the environment" }) : null
     ] }),
     t.connected ? /* @__PURE__ */ s(E, { children: [
-      /* @__PURE__ */ n("span", { className: "text-[11px] text-success", children: "Connected" }),
-      t.fromEnv ? null : /* @__PURE__ */ n(
+      /* @__PURE__ */ e("span", { className: "text-[11px] text-success", children: "Connected" }),
+      t.fromEnv ? null : /* @__PURE__ */ e(
         "button",
         {
           type: "button",
@@ -96,12 +96,12 @@ function Z({
           title: `Disconnect ${t.label}`,
           "aria-label": `Disconnect ${t.label}`,
           className: "flex size-7 items-center justify-center rounded-full text-muted-foreground transition hover:bg-destructive/10 hover:text-destructive",
-          children: /* @__PURE__ */ n(L, { className: "size-3.5" })
+          children: /* @__PURE__ */ e(L, { className: "size-3.5" })
         }
       )
     ] }) : /* @__PURE__ */ s(d, { size: "sm", variant: "outline", onClick: () => l(t), children: [
-      t.method === "oauth" ? /* @__PURE__ */ n(h, { className: "size-3.5" }) : /* @__PURE__ */ n(X, { className: "size-3.5" }),
-      "Connect"
+      t.method === "oauth" ? /* @__PURE__ */ e(h, { className: "size-3.5" }) : /* @__PURE__ */ e(X, { className: "size-3.5" }),
+      t.needsReconnect ? "Reconnect" : "Connect"
     ] })
   ] });
 }
@@ -113,19 +113,19 @@ function le({
   onLogin: o,
   onAddClaudeAccount: f,
   onRemoveClaudeAccount: u,
-  onConnectProvider: b,
-  onDisconnectProvider: x,
+  onConnectProvider: x,
+  onDisconnectProvider: b,
   onSetupCheck: K,
   onRefresh: O
 }) {
-  const [g, N] = T(!1), [y, v] = T(null), z = (e) => v((a) => a === e ? null : e);
+  const [g, N] = T(!1), [y, v] = T(null), z = (n) => v((a) => a === n ? null : n);
   async function q() {
     if (!g) {
       N(!0);
       try {
         await O(), I.success("Coding agents refreshed");
-      } catch (e) {
-        I.error(e instanceof Error ? e.message : "Could not refresh coding agents");
+      } catch (n) {
+        I.error(n instanceof Error ? n.message : "Could not refresh coding agents");
       } finally {
         N(!1);
       }
@@ -133,7 +133,7 @@ function le({
   }
   return /* @__PURE__ */ s("div", { className: "mx-auto max-w-xl space-y-3 pb-10", "data-lfg-page-column": !0, children: [
     /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-4", children: [
-      /* @__PURE__ */ n("h2", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Coding agents" }),
+      /* @__PURE__ */ e("h2", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Coding agents" }),
       /* @__PURE__ */ s(
         "button",
         {
@@ -142,93 +142,93 @@ function le({
           disabled: g,
           className: "flex items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground disabled:opacity-50",
           children: [
-            /* @__PURE__ */ n(R, { className: B("size-3.5", g && "animate-spin") }),
+            /* @__PURE__ */ e(R, { className: B("size-3.5", g && "animate-spin") }),
             "Refresh"
           ]
         }
       )
     ] }),
-    t.length ? /* @__PURE__ */ n("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 divide-y divide-border", children: t.map((e) => /* @__PURE__ */ s(
+    t.length ? /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 divide-y divide-border", children: t.map((n) => /* @__PURE__ */ s(
       D,
       {
-        icon: /* @__PURE__ */ n(S, { className: "size-4 text-muted-foreground" }),
-        title: e.label,
-        note: V(e.checks),
-        ok: e.configured,
-        open: y === `setup:${e.key}`,
-        onToggle: () => z(`setup:${e.key}`),
+        icon: /* @__PURE__ */ e(S, { className: "size-4 text-muted-foreground" }),
+        title: n.label,
+        note: V(n.checks),
+        ok: n.configured,
+        open: y === `setup:${n.key}`,
+        onToggle: () => z(`setup:${n.key}`),
         children: [
-          /* @__PURE__ */ n(Y, { checks: e.checks }),
-          e.instructions.map((a) => /* @__PURE__ */ n("p", { className: "text-xs text-muted-foreground", children: a }, a)),
+          /* @__PURE__ */ e(Y, { checks: n.checks }),
+          n.instructions.map((a) => /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: a }, a)),
           /* @__PURE__ */ s(
             d,
             {
               size: "sm",
               variant: "outline",
-              disabled: !e.canAutoSetup || e.running,
-              onClick: () => K(e.key),
-              title: e.canAutoSetup ? e.actionLabel : "Install a supported coding agent first",
+              disabled: !n.canAutoSetup || n.running,
+              onClick: () => K(n.key),
+              title: n.canAutoSetup ? n.actionLabel : "Install a supported coding agent first",
               children: [
-                e.running ? /* @__PURE__ */ n(w, { className: "size-4 animate-spin" }) : /* @__PURE__ */ n($, { className: "size-4" }),
-                e.running ? "Running…" : e.actionLabel
+                n.running ? /* @__PURE__ */ e(w, { className: "size-4 animate-spin" }) : /* @__PURE__ */ e($, { className: "size-4" }),
+                n.running ? "Running…" : n.actionLabel
               ]
             }
           )
         ]
       },
-      e.key
+      n.key
     )) }) : null,
-    /* @__PURE__ */ n("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 divide-y divide-border", children: l.map((e) => {
-      const a = e.status, c = e.key === "aisdk" ? a.accounts ?? [] : [], p = a.providers ?? [], F = c.some((i) => i.connected), _ = c.length > 0 || p.length > 0, C = J(a.checks);
+    /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 divide-y divide-border", children: l.map((n) => {
+      const a = n.status, c = n.key === "aisdk" ? a.accounts ?? [] : [], p = a.providers ?? [], F = c.some((i) => i.connected), _ = c.length > 0 || p.length > 0, C = J(a.checks);
       return /* @__PURE__ */ s(
         D,
         {
-          icon: /* @__PURE__ */ n("img", { src: A(e.key), alt: H(e.key), className: "size-5" }),
-          title: e.label,
+          icon: /* @__PURE__ */ e("img", { src: A(n.key), alt: H(n.key), className: "size-5" }),
+          title: n.label,
           note: Q(a.checks),
           ok: a.configured,
           showDot: !1,
-          open: y === `agent:${e.key}`,
-          onToggle: () => z(`agent:${e.key}`),
-          control: /* @__PURE__ */ n(
+          open: y === `agent:${n.key}`,
+          onToggle: () => z(`agent:${n.key}`),
+          control: /* @__PURE__ */ e(
             G,
             {
-              checked: e.visible,
+              checked: n.visible,
               onCheckedChange: (i) => {
                 if (i && !a.configured) {
-                  v(`agent:${e.key}`);
+                  v(`agent:${n.key}`);
                   return;
                 }
-                r(e.key, i);
+                r(n.key, i);
               },
-              "aria-label": `${e.label} visible in composer`
+              "aria-label": `${n.label} visible in composer`
             }
           ),
           children: [
-            c.length ? /* @__PURE__ */ n("div", { className: "space-y-1.5", children: c.map((i) => /* @__PURE__ */ s(
+            c.length ? /* @__PURE__ */ e("div", { className: "space-y-1.5", children: c.map((i) => /* @__PURE__ */ s(
               "div",
               {
                 className: "flex items-center gap-2 rounded-xl border border-border/70 bg-background/55 px-2.5 py-2",
                 children: [
                   /* @__PURE__ */ s("span", { className: "relative flex size-7 shrink-0 items-center justify-center rounded-full bg-muted", children: [
-                    /* @__PURE__ */ n("img", { src: A("aisdk"), alt: "", className: "size-4.5" }),
-                    /* @__PURE__ */ n("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: i.number })
+                    /* @__PURE__ */ e("img", { src: A("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: i.number })
                   ] }),
                   /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ n("span", { className: "block truncate text-xs font-medium", children: i.label }),
-                    i.needsReconnect ? /* @__PURE__ */ n("span", { className: "block truncate text-[11px] text-destructive", children: "Sign-in expired" }) : null
+                    /* @__PURE__ */ e("span", { className: "block truncate text-xs font-medium", children: i.label }),
+                    i.needsReconnect ? /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-destructive", children: "Sign-in expired" }) : null
                   ] }),
                   i.connected ? /* @__PURE__ */ s(E, { children: [
-                    /* @__PURE__ */ n("span", { className: "text-[11px] text-success", children: "Connected" }),
-                    /* @__PURE__ */ n(
+                    /* @__PURE__ */ e("span", { className: "text-[11px] text-success", children: "Connected" }),
+                    /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
-                        onClick: () => o(e.key, i.id),
+                        onClick: () => o(n.key, i.id),
                         title: `Sign in to ${i.label} again`,
                         "aria-label": `Sign in to ${i.label} again`,
                         className: "flex size-7 items-center justify-center rounded-full text-muted-foreground transition hover:bg-muted hover:text-foreground",
-                        children: /* @__PURE__ */ n(R, { className: "size-3.5" })
+                        children: /* @__PURE__ */ e(R, { className: "size-3.5" })
                       }
                     )
                   ] }) : /* @__PURE__ */ s(
@@ -236,14 +236,14 @@ function le({
                     {
                       size: "sm",
                       variant: "outline",
-                      onClick: () => o(e.key, i.id),
+                      onClick: () => o(n.key, i.id),
                       children: [
-                        /* @__PURE__ */ n(h, { className: "size-3.5" }),
+                        /* @__PURE__ */ e(h, { className: "size-3.5" }),
                         i.needsReconnect ? "Reconnect" : "Connect"
                       ]
                     }
                   ),
-                  i.removable ? /* @__PURE__ */ n(
+                  i.removable ? /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
@@ -251,25 +251,25 @@ function le({
                       title: `Remove ${i.label}`,
                       "aria-label": `Remove ${i.label}`,
                       className: "flex size-7 items-center justify-center rounded-full text-muted-foreground transition hover:bg-destructive/10 hover:text-destructive",
-                      children: /* @__PURE__ */ n(L, { className: "size-3.5" })
+                      children: /* @__PURE__ */ e(L, { className: "size-3.5" })
                     }
                   ) : null
                 ]
               },
               i.id
             )) }) : null,
-            p.length ? /* @__PURE__ */ n("div", { className: "space-y-1.5", children: p.map((i) => /* @__PURE__ */ n(
+            p.length ? /* @__PURE__ */ e("div", { className: "space-y-1.5", children: p.map((i) => /* @__PURE__ */ e(
               Z,
               {
                 provider: i,
                 onConnect: (k) => {
-                  if (e.key === "jcode" && C) {
-                    m(e.key);
+                  if (n.key === "jcode" && C) {
+                    m(n.key);
                     return;
                   }
-                  b(e.key, k);
+                  x(n.key, k);
                 },
-                onDisconnect: (k) => x(e.key, k)
+                onDisconnect: (k) => b(n.key, k)
               },
               i.id
             )) }) : null,
@@ -280,10 +280,10 @@ function le({
                   size: "sm",
                   variant: "outline",
                   disabled: a.setupRunning,
-                  onClick: () => m(e.key),
+                  onClick: () => m(n.key),
                   title: "Run setup for this agent",
                   children: [
-                    a.setupRunning ? /* @__PURE__ */ n(w, { className: "size-4 animate-spin" }) : /* @__PURE__ */ n($, { className: "size-4" }),
+                    a.setupRunning ? /* @__PURE__ */ e(w, { className: "size-4 animate-spin" }) : /* @__PURE__ */ e($, { className: "size-4" }),
                     a.setupRunning ? "Running…" : "Install"
                   ]
                 }
@@ -297,7 +297,7 @@ function le({
                   onClick: () => f(),
                   title: "Add another Claude account",
                   children: [
-                    /* @__PURE__ */ n(h, { className: "size-4" }),
+                    /* @__PURE__ */ e(h, { className: "size-4" }),
                     "Add account"
                   ]
                 }
@@ -308,10 +308,10 @@ function le({
                   size: "sm",
                   variant: "outline",
                   disabled: a.setupRunning,
-                  onClick: () => o(e.key),
-                  title: e.key === "aisdk" && c.length ? "Add another Claude account" : j.has(e.key) ? `Sign in to ${e.label} in your browser` : `Open terminal and run ${a.loginCommand}`,
+                  onClick: () => o(n.key),
+                  title: n.key === "aisdk" && c.length ? "Add another Claude account" : j.has(n.key) ? `Sign in to ${n.label} in your browser` : `Open terminal and run ${a.loginCommand}`,
                   children: [
-                    j.has(e.key) ? /* @__PURE__ */ n(h, { className: "size-4" }) : /* @__PURE__ */ n(S, { className: "size-4" }),
+                    j.has(n.key) ? /* @__PURE__ */ e(h, { className: "size-4" }) : /* @__PURE__ */ e(S, { className: "size-4" }),
                     "Login"
                   ]
                 }
@@ -319,7 +319,7 @@ function le({
             ] })
           ]
         },
-        e.key
+        n.key
       );
     }) })
   ] });