@omg-dev/app 0.1.320 → 0.1.322

package/dist-lib/{chat-engine-DgHMD8r7.js → chat-engine-Q1aHGwgu.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 { ac as uo } from "./embedded-DT1Dv8oy.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-ov-7VCjA.js

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