@omg-dev/app 0.1.378 → 0.1.380

package/dist-lib/{ChangelogPage-Btpb6AA8.js → ChangelogPage-CDAmJIg6.js}

@@ -1,9 +1,22 @@
 import { jsx as e } from "react/jsx-runtime";
-import { M as n } from "./embedded-CeZ6fNt3.js";
+import { M as n } from "./embedded-C2gDvz9G.js";
 const t = `# Changelog
 
 Recent product updates and deployment notes.
 
+## August 15, 2026 - Connect OpenCode Go without a terminal (v0.1.380)
+
+- **OpenCode's Go plan and Zen now connect with an API key in Settings →
+  Coding agents.** Paste the key on the provider row and it is stored with
+  OpenCode's own credentials. Previously the only way in was running
+  \`opencode auth login\` in a terminal, which a hosted Computer may not have.
+- **The OpenCode row now shows which providers are connected**, including ones
+  signed in earlier from the CLI, instead of only reporting that OpenCode is
+  signed in somewhere.
+- **Connecting or disconnecting one provider leaves the others untouched**, so
+  adding a Go key no longer risks the ChatGPT login \`opencode auth login\`
+  wrote.
+
 ## August 15, 2026 - Plans run the agents they advertise (v0.1.378)
 
 - **Starter and Starter Plus Computers now run three agents at once**, as their

package/dist-lib/{SessionFilesPanel-DW-UnOfX.js → SessionFilesPanel-DaLoIpG5.js}

@@ -1,7 +1,8 @@
 import { jsx as e, jsxs as i, Fragment as te } from "react/jsx-runtime";
 import { memo as ne, useState as m, useRef as T, useCallback as v, useEffect as C, useMemo as q, Suspense as I } from "react";
 import { createPortal as re } from "react-dom";
-import { z as oe, E as H, F as se, X as U, H as ie, I as ae, f as y, L as J, J as le, m as de, y as ce, N as L } from "./embedded-CeZ6fNt3.js";
+import { cn as y } from "cnfast";
+import { y as oe, z as H, F as se, X as U, E as ie, H as ae, L as J, I as le, l as de, x as ce, J as L } from "./embedded-C2gDvz9G.js";
 import { c as me } from "./create-BrnHvSDE.js";
 /**
  * @license lucide-react v0.577.0 - ISC
@@ -330,7 +331,7 @@ function we({ sid: n, onClose: s }) {
   );
   return re(Z, document.body);
 }
-const Te = ne(we);
+const Le = ne(we);
 export {
-  Te as default
+  Le as default
 };

package/dist-lib/{TermView-CrLZFjcA.js → TermView-P_P_VN00.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as k, Fragment as ZA } from "react/jsx-runtime";
 import { useState as L, useRef as S, useEffect as x, useCallback as Y } from "react";
-import { z as cA, S as wQ, X as DA, a8 as sQ, m as tQ, a9 as eQ, aa as aQ, E as MQ, ab as hQ, R as NQ, y as cQ } from "./embedded-CeZ6fNt3.js";
+import { y as cA, S as wQ, X as DA, a7 as sQ, l as tQ, a8 as eQ, a9 as aQ, z as MQ, aa as hQ, R as NQ, x as cQ } from "./embedded-C2gDvz9G.js";
 /**
  * @license lucide-react v0.577.0 - ISC
  *

package/dist-lib/{chat-engine-838vY9qM.js → chat-engine-CsKusFKD.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 { ac as uo } from "./embedded-CeZ6fNt3.js";
+import { ab as uo } from "./embedded-C2gDvz9G.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-D9q54-pI.js → coding-agents-page-BKnMDYJ4.js}

@@ -1,17 +1,18 @@
-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-CeZ6fNt3.js";
-import { useState as S } from "react";
-function j(l) {
-  const i = l.filter((r) => !r.ok);
+import { jsxs as t, jsx as e, Fragment as K } from "react/jsx-runtime";
+import { R as F, B as d, L as z, P as w, S as R, f as $, g, T, h as m, i as M, j as _, k as S, C as q, l as H, X as U, K as W } from "./embedded-C2gDvz9G.js";
+import { cn as E } from "cnfast";
+import { useState as A } from "react";
+function j(a) {
+  const i = a.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(
+function I({ checks: a }) {
+  return /* @__PURE__ */ e("div", { className: "space-y-1", children: a.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" }),
+        i.ok ? /* @__PURE__ */ e(H, { className: "size-3.5 shrink-0 text-success" }) : /* @__PURE__ */ e(U, { 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
       ]
@@ -19,8 +20,8 @@ function A({ checks: l }) {
     i.label
   )) });
 }
-function I({
-  icon: l,
+function L({
+  icon: a,
   title: i,
   note: r,
   ok: u,
@@ -39,7 +40,7 @@ function I({
           "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__ */ e("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-[8px] border border-border bg-background", children: a }),
             /* @__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 }),
@@ -48,9 +49,9 @@ function I({
               r ? /* @__PURE__ */ e("span", { className: "block truncate text-xs text-muted-foreground", children: r }) : null
             ] }),
             /* @__PURE__ */ e(
-              _,
+              q,
               {
-                className: L(
+                className: E(
                   "size-4 shrink-0 text-muted-foreground/60 transition-transform duration-150",
                   c && "rotate-180"
                 )
@@ -64,58 +65,58 @@ function I({
     c ? /* @__PURE__ */ e("div", { className: "mt-3 space-y-3 pl-11", children: f }) : null
   ] });
 }
-function W({
-  provider: l,
+function X({
+  provider: a,
   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
+      /* @__PURE__ */ e("span", { className: "block truncate text-xs font-medium", children: a.label }),
+      a.detail || a.fromEnv ? /* @__PURE__ */ e("span", { className: "block truncate text-[11px] text-muted-foreground", children: a.detail ?? "From the environment" }) : null
     ] }),
-    l.connected ? /* @__PURE__ */ t(G, { children: [
+    a.connected ? /* @__PURE__ */ t(K, { children: [
       /* @__PURE__ */ e("span", { className: "text-[11px] text-success", children: "Connected" }),
-      l.fromEnv ? null : /* @__PURE__ */ e(
+      a.fromEnv ? null : /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          onClick: () => r(l),
-          title: `Disconnect ${l.label}`,
-          "aria-label": `Disconnect ${l.label}`,
+          onClick: () => r(a),
+          title: `Disconnect ${a.label}`,
+          "aria-label": `Disconnect ${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" })
         }
       )
-    ] }) : /* @__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" }),
+    ] }) : /* @__PURE__ */ t(d, { size: "sm", variant: "outline", onClick: () => i(a), children: [
+      a.method === "oauth" ? /* @__PURE__ */ e(g, { className: "size-3.5" }) : /* @__PURE__ */ e(W, { className: "size-3.5" }),
       "Connect"
     ] })
   ] });
 }
-function V({
-  setupChecks: l,
+function Z({
+  setupChecks: a,
   agents: i,
   onVisibleChange: r,
   onSetup: u,
   onLogin: o,
   onAddClaudeAccount: c,
   onRemoveClaudeAccount: h,
-  onConnectPiProvider: f,
-  onDisconnectPiProvider: E,
-  onSetupCheck: D,
+  onConnectProvider: f,
+  onDisconnectProvider: D,
+  onSetupCheck: O,
   onRefresh: P
 }) {
-  const [x, g] = S(!1), [N, O] = S(null), k = (n) => O((s) => s === n ? null : n);
-  async function B() {
+  const [x, k] = A(!1), [N, B] = A(null), y = (n) => B((s) => s === n ? null : n);
+  async function G() {
     if (!x) {
-      g(!0);
+      k(!0);
       try {
-        await P(), $.success("Coding agents refreshed");
+        await P(), S.success("Coding agents refreshed");
       } catch (n) {
-        $.error(n instanceof Error ? n.message : "Could not refresh coding agents");
+        S.error(n instanceof Error ? n.message : "Could not refresh coding agents");
       } finally {
-        g(!1);
+        k(!1);
       }
     }
   }
@@ -126,27 +127,27 @@ function V({
         "button",
         {
           type: "button",
-          onClick: () => void B(),
+          onClick: () => void G(),
           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") }),
+            /* @__PURE__ */ e(F, { className: E("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,
+    a.length ? /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 divide-y divide-border", children: a.map((n) => /* @__PURE__ */ t(
+      L,
       {
-        icon: /* @__PURE__ */ e(w, { className: "size-4 text-muted-foreground" }),
+        icon: /* @__PURE__ */ e(R, { 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}`),
+        onToggle: () => y(`setup:${n.key}`),
         children: [
-          /* @__PURE__ */ e(A, { checks: n.checks }),
+          /* @__PURE__ */ e(I, { checks: n.checks }),
           n.instructions.map((s) => /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: s }, s)),
           /* @__PURE__ */ t(
             d,
@@ -154,10 +155,10 @@ function V({
               size: "sm",
               variant: "outline",
               disabled: !n.canAutoSetup || n.running,
-              onClick: () => D(n.key),
+              onClick: () => O(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 ? /* @__PURE__ */ e(z, { className: "size-4 animate-spin" }) : /* @__PURE__ */ e(w, { className: "size-4" }),
                 n.running ? "Running…" : n.actionLabel
               ]
             }
@@ -167,73 +168,73 @@ function V({
       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);
+      const s = n.status, b = n.key === "aisdk" ? s.accounts ?? [] : [], v = s.providers ?? [], C = b.some((l) => l.connected);
       return /* @__PURE__ */ t(
-        I,
+        L,
         {
-          icon: /* @__PURE__ */ e("img", { src: R(n.key), alt: M(n.key), className: "size-5" }),
+          icon: /* @__PURE__ */ e("img", { src: $(n.key), alt: _(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}`),
+          onToggle: () => y(`agent:${n.key}`),
           control: /* @__PURE__ */ e(
-            F,
+            M,
             {
               checked: n.visible,
-              onCheckedChange: (a) => r(n.key, a),
+              onCheckedChange: (l) => r(n.key, l),
               "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(
+            /* @__PURE__ */ e(I, { checks: s.checks }),
+            b.length ? /* @__PURE__ */ e("div", { className: "space-y-1.5", children: b.map((l) => /* @__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("img", { src: $("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: l.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(
+                  /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-xs font-medium", children: l.label }),
+                  l.connected ? /* @__PURE__ */ e("span", { className: "text-[11px] text-success", children: "Connected" }) : /* @__PURE__ */ t(
                     d,
                     {
                       size: "sm",
                       variant: "outline",
-                      onClick: () => o(n.key, a.id),
+                      onClick: () => o(n.key, l.id),
                       children: [
-                        /* @__PURE__ */ e(p, { className: "size-3.5" }),
+                        /* @__PURE__ */ e(g, { className: "size-3.5" }),
                         "Connect"
                       ]
                     }
                   ),
-                  a.removable ? /* @__PURE__ */ e(
+                  l.removable ? /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      onClick: () => h(a),
-                      title: `Remove ${a.label}`,
-                      "aria-label": `Remove ${a.label}`,
+                      onClick: () => h(l),
+                      title: `Remove ${l.label}`,
+                      "aria-label": `Remove ${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" })
                     }
                   ) : null
                 ]
               },
-              a.id
+              l.id
             )) }) : null,
-            y.length ? /* @__PURE__ */ e("div", { className: "space-y-1.5", children: y.map((a) => /* @__PURE__ */ e(
-              W,
+            v.length ? /* @__PURE__ */ e("div", { className: "space-y-1.5", children: v.map((l) => /* @__PURE__ */ e(
+              X,
               {
-                provider: a,
-                onConnect: f,
-                onDisconnect: E
+                provider: l,
+                onConnect: (p) => f(n.key, p),
+                onDisconnect: (p) => D(n.key, p)
               },
-              a.id
+              l.id
             )) }) : null,
-            s.instructions.map((a) => /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: a }, a)),
+            s.instructions.map((l) => /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: l }, l)),
             !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: ",
@@ -254,7 +255,7 @@ function V({
                   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 ? /* @__PURE__ */ e(z, { className: "size-4 animate-spin" }) : /* @__PURE__ */ e(w, { className: "size-4" }),
                     s.setupRunning ? "Running…" : "Install"
                   ]
                 }
@@ -265,11 +266,11 @@ function V({
                   size: "sm",
                   variant: "outline",
                   disabled: s.setupRunning,
-                  onClick: () => n.key === "aisdk" && v ? c() : o(n.key),
+                  onClick: () => n.key === "aisdk" && C ? 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"
+                    m.has(n.key) ? /* @__PURE__ */ e(g, { className: "size-4" }) : /* @__PURE__ */ e(R, { className: "size-4" }),
+                    n.key === "aisdk" && C ? "Add account" : "Login"
                   ]
                 }
               ) : null,
@@ -283,5 +284,5 @@ function V({
   ] });
 }
 export {
-  V as default
+  Z as default
 };