@omg-dev/app 0.1.320 → 0.1.321

package/dist-lib/{chat-engine-DgHMD8r7.js → chat-engine-DTd_8Rrz.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 { ah as uo } from "./embedded-DdwkOHs-.js";
+import { ad as uo } from "./embedded-Bk0VM5g-.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-DKccTvM2.js → coding-agents-page-Ct8Ucdt0.js}

@@ -1,73 +1,114 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { R as L, g as B, S as h, C as x, X as p, B as l, L as b, P as N, h as T, i as v, j as $, k as y, T as O, l as d, m as g } from "./embedded-DdwkOHs-.js";
-import { B as n } from "./badge-9CxnDp-1.js";
-import { useState as G } from "react";
-function q({
-  setupChecks: c,
-  agents: k,
-  onVisibleChange: w,
-  onSetup: z,
-  onLogin: m,
-  onAddClaudeAccount: C,
-  onRemoveClaudeAccount: R,
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { u as L, n as $, f as C, o as B, R as E, p as v, q as x, X as g, B as l, L as N, s as y, v as O, w as k, x as G, y as w, T as P, z as u, E as z } from "./embedded-Bk0VM5g-.js";
+import { useState as q } from "react";
+function M(r) {
+  return L(r.defaultTagName ?? "div", r, r);
+}
+const V = B(
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "border-primary bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "border-border bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "border-destructive/30 bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border bg-input/30 text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function d({
+  className: r,
+  variant: n = "default",
+  render: c,
+  ...o
+}) {
+  return M({
+    defaultTagName: "span",
+    props: $(
+      {
+        className: C(V({ variant: n }), r)
+      },
+      o
+    ),
+    render: c,
+    state: {
+      slot: "badge",
+      variant: n
+    }
+  });
+}
+function K({
+  setupChecks: r,
+  agents: n,
+  onVisibleChange: c,
+  onSetup: o,
+  onLogin: f,
+  onAddClaudeAccount: R,
+  onRemoveClaudeAccount: j,
   onSetupCheck: S,
-  onRefresh: j
+  onRefresh: A
 }) {
-  const [r, o] = G(!1);
-  async function A() {
-    if (!r) {
-      o(!0);
+  const [m, b] = q(!1);
+  async function I() {
+    if (!m) {
+      b(!0);
       try {
-        await j(), g.success("Coding agents refreshed");
+        await A(), z.success("Coding agents refreshed");
       } catch (e) {
-        g.error(e instanceof Error ? e.message : "Could not refresh coding agents");
+        z.error(e instanceof Error ? e.message : "Could not refresh coding agents");
       } finally {
-        o(!1);
+        b(!1);
       }
     }
   }
-  return /* @__PURE__ */ i("div", { className: "mx-auto max-w-xl space-y-3 pb-10", "data-lfg-page-column": !0, children: [
-    /* @__PURE__ */ i("div", { className: "flex items-center justify-between px-4", children: [
+  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__ */ s("h2", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Coding agents" }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          onClick: () => void A(),
-          disabled: r,
+          onClick: () => void I(),
+          disabled: m,
           className: "flex items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground disabled:opacity-50",
           children: [
-            /* @__PURE__ */ s(L, { className: B("size-3.5", r && "animate-spin") }),
+            /* @__PURE__ */ s(E, { className: C("size-3.5", m && "animate-spin") }),
             "Refresh"
           ]
         }
       )
     ] }),
-    c.length ? /* @__PURE__ */ s("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 divide-y divide-border", children: c.map((e) => /* @__PURE__ */ i("div", { className: "px-4 py-3", children: [
-      /* @__PURE__ */ s("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ i("div", { className: "flex min-w-0 items-start gap-3", children: [
-        /* @__PURE__ */ s("span", { className: "mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-[8px] border border-border bg-background", children: /* @__PURE__ */ s(h, { className: "size-4 text-muted-foreground" }) }),
-        /* @__PURE__ */ i("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
+    r.length ? /* @__PURE__ */ s("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 divide-y divide-border", children: r.map((e) => /* @__PURE__ */ t("div", { className: "px-4 py-3", children: [
+      /* @__PURE__ */ s("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ t("div", { className: "flex min-w-0 items-start gap-3", children: [
+        /* @__PURE__ */ s("span", { className: "mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-[8px] border border-border bg-background", children: /* @__PURE__ */ s(v, { className: "size-4 text-muted-foreground" }) }),
+        /* @__PURE__ */ t("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ s("span", { className: "text-sm font-semibold", children: e.label }),
-            /* @__PURE__ */ s(n, { variant: e.configured ? "default" : "secondary", children: e.configured ? "Ready" : "Needs setup" })
+            /* @__PURE__ */ s(d, { variant: e.configured ? "default" : "secondary", children: e.configured ? "Ready" : "Needs setup" })
           ] }),
-          /* @__PURE__ */ s("div", { className: "mt-1 space-y-1", children: e.checks.map((t) => /* @__PURE__ */ i(
+          /* @__PURE__ */ s("div", { className: "mt-1 space-y-1", children: e.checks.map((i) => /* @__PURE__ */ t(
             "div",
             {
               className: "flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground",
               children: [
-                t.ok ? /* @__PURE__ */ s(x, { className: "size-3.5 shrink-0 text-success" }) : /* @__PURE__ */ s(p, { className: "size-3.5 shrink-0 text-destructive" }),
-                /* @__PURE__ */ s("span", { className: "shrink-0", children: t.label }),
-                t.detail ? /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-muted-foreground/70", children: t.detail }) : null
+                i.ok ? /* @__PURE__ */ s(x, { className: "size-3.5 shrink-0 text-success" }) : /* @__PURE__ */ s(g, { className: "size-3.5 shrink-0 text-destructive" }),
+                /* @__PURE__ */ s("span", { className: "shrink-0", children: i.label }),
+                i.detail ? /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-muted-foreground/70", children: i.detail }) : null
               ]
             },
-            t.label
+            i.label
           )) })
         ] })
       ] }) }),
-      /* @__PURE__ */ i("div", { className: "mt-3 flex flex-wrap items-center gap-2 pl-11", children: [
-        e.instructions.map((t) => /* @__PURE__ */ s("span", { className: "min-w-0 flex-1 text-xs text-muted-foreground", children: t }, t)),
-        /* @__PURE__ */ i(
+      /* @__PURE__ */ t("div", { className: "mt-3 flex flex-wrap items-center gap-2 pl-11", children: [
+        e.instructions.map((i) => /* @__PURE__ */ s("span", { className: "min-w-0 flex-1 text-xs text-muted-foreground", children: i }, i)),
+        /* @__PURE__ */ t(
           l,
           {
             size: "sm",
@@ -76,39 +117,39 @@ function q({
             onClick: () => S(e.key),
             title: e.canAutoSetup ? e.actionLabel : "Install a supported coding agent first",
             children: [
-              e.running ? /* @__PURE__ */ s(b, { className: "size-4 animate-spin" }) : /* @__PURE__ */ s(N, { className: "size-4" }),
+              e.running ? /* @__PURE__ */ s(N, { className: "size-4 animate-spin" }) : /* @__PURE__ */ s(y, { className: "size-4" }),
               e.running ? "Running…" : e.actionLabel
             ]
           }
         )
       ] })
     ] }, e.key)) }) : null,
-    /* @__PURE__ */ s("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 divide-y divide-border", children: k.map((e) => {
-      var u, f;
-      const t = e.status.configured;
-      return /* @__PURE__ */ i("div", { className: "px-4 py-3", children: [
-        /* @__PURE__ */ i("div", { className: "flex items-start justify-between gap-4", children: [
-          /* @__PURE__ */ i("div", { className: "flex min-w-0 items-start gap-3", children: [
+    /* @__PURE__ */ s("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 divide-y divide-border", children: n.map((e) => {
+      var h, p;
+      const i = e.status.configured;
+      return /* @__PURE__ */ t("div", { className: "px-4 py-3", children: [
+        /* @__PURE__ */ t("div", { className: "flex items-start justify-between gap-4", children: [
+          /* @__PURE__ */ t("div", { className: "flex min-w-0 items-start gap-3", children: [
             /* @__PURE__ */ s("span", { className: "mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-[8px] border border-border bg-background", children: /* @__PURE__ */ s(
               "img",
               {
-                src: v(e.key),
-                alt: T(e.key),
+                src: k(e.key),
+                alt: O(e.key),
                 className: "size-5"
               }
             ) }),
-            /* @__PURE__ */ i("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ t("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2", children: [
                 /* @__PURE__ */ s("span", { className: "text-sm font-semibold", children: e.label }),
-                /* @__PURE__ */ s(n, { variant: t ? "default" : "secondary", children: t ? "Ready" : "Needs setup" }),
-                /* @__PURE__ */ s(n, { variant: "outline", children: e.status.omgCapabilityAccess === "mcp" ? "OMG tools" : "OMG prompt only" })
+                /* @__PURE__ */ s(d, { variant: i ? "default" : "secondary", children: i ? "Ready" : "Needs setup" }),
+                /* @__PURE__ */ s(d, { variant: "outline", children: e.status.omgCapabilityAccess === "mcp" ? "OMG tools" : "OMG prompt only" })
               ] }),
-              /* @__PURE__ */ s("div", { className: "mt-1 space-y-1", children: e.status.checks.map((a) => /* @__PURE__ */ i(
+              /* @__PURE__ */ s("div", { className: "mt-1 space-y-1", children: e.status.checks.map((a) => /* @__PURE__ */ t(
                 "div",
                 {
                   className: "flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground",
                   children: [
-                    a.ok ? /* @__PURE__ */ s(x, { className: "size-3.5 shrink-0 text-success" }) : /* @__PURE__ */ s(p, { className: "size-3.5 shrink-0 text-destructive" }),
+                    a.ok ? /* @__PURE__ */ s(x, { className: "size-3.5 shrink-0 text-success" }) : /* @__PURE__ */ s(g, { className: "size-3.5 shrink-0 text-destructive" }),
                     /* @__PURE__ */ s("span", { className: "shrink-0", children: a.label }),
                     a.detail ? /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-muted-foreground/70", children: a.detail }) : null
                   ]
@@ -118,71 +159,71 @@ function q({
             ] })
           ] }),
           /* @__PURE__ */ s(
-            $,
+            G,
             {
               checked: e.visible,
-              onCheckedChange: (a) => w(e.key, a),
+              onCheckedChange: (a) => c(e.key, a),
               "aria-label": `${e.label} visible in composer`
             }
           )
         ] }),
-        e.key === "aisdk" && ((u = e.status.accounts) != null && u.length) ? /* @__PURE__ */ s("div", { className: "mt-3 space-y-1.5 pl-11", children: e.status.accounts.map((a) => /* @__PURE__ */ i(
+        e.key === "aisdk" && ((h = e.status.accounts) != null && h.length) ? /* @__PURE__ */ s("div", { className: "mt-3 space-y-1.5 pl-11", children: e.status.accounts.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__ */ i("span", { className: "relative flex size-7 shrink-0 items-center justify-center rounded-full bg-muted", children: [
-                /* @__PURE__ */ s("img", { src: v("aisdk"), alt: "", className: "size-4.5" }),
+              /* @__PURE__ */ t("span", { className: "relative flex size-7 shrink-0 items-center justify-center rounded-full bg-muted", children: [
+                /* @__PURE__ */ s("img", { src: k("aisdk"), alt: "", className: "size-4.5" }),
                 /* @__PURE__ */ s("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__ */ s("span", { className: "min-w-0 flex-1 truncate text-xs font-medium", children: a.label }),
-              /* @__PURE__ */ s(n, { variant: a.connected ? "default" : "secondary", children: a.connected ? "Connected" : "Needs login" }),
-              a.connected ? null : /* @__PURE__ */ i(l, { size: "sm", variant: "outline", onClick: () => m(e.key, a.id), children: [
-                /* @__PURE__ */ s(y, { className: "size-3.5" }),
+              /* @__PURE__ */ s(d, { variant: a.connected ? "default" : "secondary", children: a.connected ? "Connected" : "Needs login" }),
+              a.connected ? null : /* @__PURE__ */ t(l, { size: "sm", variant: "outline", onClick: () => f(e.key, a.id), children: [
+                /* @__PURE__ */ s(w, { className: "size-3.5" }),
                 "Connect"
               ] }),
               a.removable ? /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
-                  onClick: () => R(a),
+                  onClick: () => j(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__ */ s(O, { className: "size-3.5" })
+                  children: /* @__PURE__ */ s(P, { className: "size-3.5" })
                 }
               ) : null
             ]
           },
           a.id
         )) }) : null,
-        /* @__PURE__ */ i("div", { className: "mt-3 flex flex-wrap items-center gap-2 pl-11", children: [
-          /* @__PURE__ */ i("div", { className: "min-w-0 flex-1 space-y-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ t("div", { className: "mt-3 flex flex-wrap items-center gap-2 pl-11", children: [
+          /* @__PURE__ */ t("div", { className: "min-w-0 flex-1 space-y-1 text-xs text-muted-foreground", children: [
             e.status.instructions.map((a) => /* @__PURE__ */ s("div", { children: a }, a)),
-            e.status.installCommand ? /* @__PURE__ */ i("div", { className: "truncate", children: [
+            e.status.installCommand ? /* @__PURE__ */ t("div", { className: "truncate", children: [
               "Install: ",
               /* @__PURE__ */ s("code", { children: e.status.installCommand })
             ] }) : null,
-            e.status.loginCommand && !d.has(e.key) ? /* @__PURE__ */ i("div", { className: "truncate", children: [
+            e.status.loginCommand && !u.has(e.key) ? /* @__PURE__ */ t("div", { className: "truncate", children: [
               "Login: ",
               /* @__PURE__ */ s("code", { children: e.status.loginCommand })
             ] }) : null
           ] }),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ t(
             l,
             {
               size: "sm",
               variant: "outline",
               disabled: !e.status.canAutoSetup || e.status.setupRunning,
-              onClick: () => z(e.key),
+              onClick: () => o(e.key),
               title: e.status.canAutoSetup ? "Run setup for this agent" : "No automatic setup is available",
               children: [
-                e.status.setupRunning ? /* @__PURE__ */ s(b, { className: "size-4 animate-spin" }) : /* @__PURE__ */ s(N, { className: "size-4" }),
+                e.status.setupRunning ? /* @__PURE__ */ s(N, { className: "size-4 animate-spin" }) : /* @__PURE__ */ s(y, { className: "size-4" }),
                 e.status.setupRunning ? "Running…" : "Install"
               ]
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ t(
             l,
             {
               size: "sm",
@@ -190,12 +231,12 @@ function q({
               disabled: !e.status.canLoginInTerminal || e.status.setupRunning,
               onClick: () => {
                 var a;
-                return e.key === "aisdk" && ((a = e.status.accounts) != null && a.some((I) => I.connected)) ? C() : m(e.key);
+                return e.key === "aisdk" && ((a = e.status.accounts) != null && a.some((T) => T.connected)) ? R() : f(e.key);
               },
-              title: d.has(e.key) ? `Sign in to ${e.label} in your browser` : e.status.loginCommand ? `Open terminal and run ${e.status.loginCommand}` : "No terminal login command is available",
+              title: u.has(e.key) ? `Sign in to ${e.label} in your browser` : e.status.loginCommand ? `Open terminal and run ${e.status.loginCommand}` : "No terminal login command is available",
               children: [
-                d.has(e.key) ? /* @__PURE__ */ s(y, { className: "size-4" }) : /* @__PURE__ */ s(h, { className: "size-4" }),
-                e.key === "aisdk" && ((f = e.status.accounts) != null && f.some((a) => a.connected)) ? "Add account" : "Login"
+                u.has(e.key) ? /* @__PURE__ */ s(w, { className: "size-4" }) : /* @__PURE__ */ s(v, { className: "size-4" }),
+                e.key === "aisdk" && ((p = e.status.accounts) != null && p.some((a) => a.connected)) ? "Add account" : "Login"
               ]
             }
           )
@@ -205,5 +246,5 @@ function q({
   ] });
 }
 export {
-  q as default
+  K as default
 };