@agiflowai/agent-cli 0.2.18 → 0.2.20

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.2.20
+- Fix error handling on API key expired.
+
+## 0.2.19
+- Fix missing environment variable.
+
 ## 0.2.18
 - Fix config context.
 

package/dist/claudeNotification.js

@@ -12962,7 +12962,7 @@ let Hr = class {
     this.runtimeConfig = Eb.parse(e), this.appConfig = Db.parse({
       VITE_INJECT_AGIFLOW_APP_ENDPOINT: "https://agiflow.io",
       VITE_INJECT_AGIFLOW_APP_DOCKER_ENDPOINT: "https://agiflow.io",
-      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.13",
+      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.15",
       VITE_AGENT_CLI_DOCKER_NETWORK: "",
       VITE_SAVE_RAW: "",
       VITE_MULTIPLEX_SOCKET_PATH: ""

package/dist/claudePermissionRequest.js

@@ -12961,7 +12961,7 @@ let Hr = class {
     this.runtimeConfig = Tb.parse(e), this.appConfig = Db.parse({
       VITE_INJECT_AGIFLOW_APP_ENDPOINT: "https://agiflow.io",
       VITE_INJECT_AGIFLOW_APP_DOCKER_ENDPOINT: "https://agiflow.io",
-      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.13",
+      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.15",
       VITE_AGENT_CLI_DOCKER_NETWORK: "",
       VITE_SAVE_RAW: "",
       VITE_MULTIPLEX_SOCKET_PATH: ""

package/dist/claudePostToolUse.js

@@ -12953,7 +12953,7 @@ let Hr = class {
     this.runtimeConfig = Eb.parse(e), this.appConfig = Tb.parse({
       VITE_INJECT_AGIFLOW_APP_ENDPOINT: "https://agiflow.io",
       VITE_INJECT_AGIFLOW_APP_DOCKER_ENDPOINT: "https://agiflow.io",
-      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.13",
+      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.15",
       VITE_AGENT_CLI_DOCKER_NETWORK: "",
       VITE_SAVE_RAW: "",
       VITE_MULTIPLEX_SOCKET_PATH: ""

package/dist/claudePreToolUse.js

@@ -12881,7 +12881,7 @@ let Jr = class {
     this.runtimeConfig = Ib.parse(e), this.appConfig = zb.parse({
       VITE_INJECT_AGIFLOW_APP_ENDPOINT: "https://agiflow.io",
       VITE_INJECT_AGIFLOW_APP_DOCKER_ENDPOINT: "https://agiflow.io",
-      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.13",
+      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.15",
       VITE_AGENT_CLI_DOCKER_NETWORK: "",
       VITE_SAVE_RAW: "",
       VITE_MULTIPLEX_SOCKET_PATH: ""

package/dist/claudeSessionEnd.js

@@ -12881,7 +12881,7 @@ let Gr = class {
     this.runtimeConfig = Sb.parse(e), this.appConfig = kb.parse({
       VITE_INJECT_AGIFLOW_APP_ENDPOINT: "https://agiflow.io",
       VITE_INJECT_AGIFLOW_APP_DOCKER_ENDPOINT: "https://agiflow.io",
-      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.13",
+      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.15",
       VITE_AGENT_CLI_DOCKER_NETWORK: "",
       VITE_SAVE_RAW: "",
       VITE_MULTIPLEX_SOCKET_PATH: ""

package/dist/claudeSessionStart.js

@@ -12961,7 +12961,7 @@ let Hr = class {
     this.runtimeConfig = Tb.parse(e), this.appConfig = Db.parse({
       VITE_INJECT_AGIFLOW_APP_ENDPOINT: "https://agiflow.io",
       VITE_INJECT_AGIFLOW_APP_DOCKER_ENDPOINT: "https://agiflow.io",
-      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.13",
+      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.15",
       VITE_AGENT_CLI_DOCKER_NETWORK: "",
       VITE_SAVE_RAW: "",
       VITE_MULTIPLEX_SOCKET_PATH: ""

package/dist/claudeStop.js

@@ -12955,7 +12955,7 @@ let Hr = class {
     this.runtimeConfig = zb.parse(e), this.appConfig = xb.parse({
       VITE_INJECT_AGIFLOW_APP_ENDPOINT: "https://agiflow.io",
       VITE_INJECT_AGIFLOW_APP_DOCKER_ENDPOINT: "https://agiflow.io",
-      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.13",
+      VITE_AGENT_CLI_DOCKER_IMAGE: "agiflowai/agent-cli:v0.2.15",
       VITE_AGENT_CLI_DOCKER_NETWORK: "",
       VITE_SAVE_RAW: "",
       VITE_MULTIPLEX_SOCKET_PATH: ""

package/dist/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { bx as z, bn as H, by as P, bo as M } from "./index-BvnfhTPZ.mjs";
+import { bx as z, bl as H, by as P, bm as M } from "./index-BTFqCNWK.mjs";
 import Q from "node:events";
 import X from "node:child_process";
 import Z from "node:path";

package/dist/daemon.js

@@ -1,87 +1,92 @@
 import { jsx as e, jsxs as i, Fragment as F } from "react/jsx-runtime";
-import { bj as f, bk as V, bl as Y, bm as $, bn as S, bo as D, bp as X, bq as H, br as J, bs as Z, bt as ee, bu as re, bv as ne, bw as oe } from "./index-BvnfhTPZ.mjs";
-import { useQueryClient as ie, useQuery as te, useMutation as M, QueryClientProvider as ce, QueryClient as le } from "@tanstack/react-query";
-import { useDispatch as de, useSelector as u, shallowEqual as ae, Provider as se } from "react-redux";
-import P, { useRef as L, useEffect as _, useState as C, useCallback as ue, useMemo as he } from "react";
+import { bj as f, bk as Y, bl as A, bm as D, bn as $, bo as X, bp as H, bq as J, br as Z, bs as ee, bt as re, bu as ne, bv as oe, bw as ie } from "./index-BTFqCNWK.mjs";
+import { useQueryClient as U, useQuery as te, useMutation as q, QueryClientProvider as ce, QueryClient as le } from "@tanstack/react-query";
+import { useDispatch as de, useSelector as h, shallowEqual as ae, Provider as se } from "react-redux";
+import P, { useRef as R, useEffect as B, useState as y, useCallback as ue, useMemo as he } from "react";
 const ge = ({ children: t }) => {
-  const { Box: n, Text: r } = f(), c = de(), d = u((h) => h.daemonStatus.status), l = u((h) => h.daemonStatus.error), s = L(!1);
-  return _(() => (c(V()), Y(async () => {
-    if (!s.current) {
-      s.current = !0;
+  const { Box: n, Text: r } = f(), c = de(), d = U(), l = h((s) => s.daemonStatus.status), u = h((s) => s.daemonStatus.error), g = R(!1);
+  return B(() => {
+    l === "error" && (async () => {
+      const p = await A.get(D.CredentialsService).load();
+      (!p || !p.apiKey) && d.invalidateQueries({ queryKey: ["auth", "check"] });
+    })();
+  }, [l, d]), B(() => (c(Y()), $(async () => {
+    if (!g.current) {
+      g.current = !0;
       try {
-        const g = S.get(D.DaemonManager);
-        g.isRunning() && await g.stop();
+        const x = A.get(D.DaemonManager);
+        x.isRunning() && await x.stop();
       } catch {
       }
     }
   }), () => {
-    $();
-  }), [c]), d === "starting" ? /* @__PURE__ */ e(n, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ e(r, { color: "yellow", children: "Connecting to Agiflow..." }) }) : d === "error" ? /* @__PURE__ */ i(n, { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: "red", children: [
+    X();
+  }), [c]), l === "starting" ? /* @__PURE__ */ e(n, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ e(r, { color: "yellow", children: "Connecting to Agiflow..." }) }) : l === "error" ? /* @__PURE__ */ i(n, { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: "red", children: [
     /* @__PURE__ */ e(r, { color: "red", bold: !0, children: "Connection Error" }),
-    /* @__PURE__ */ e(r, { children: l }),
+    /* @__PURE__ */ e(r, { children: u }),
     /* @__PURE__ */ e(r, { dimColor: !0, children: "Retrying in background..." })
-  ] }) : d === "connected" ? /* @__PURE__ */ e(F, { children: t }) : null;
+  ] }) : l === "connected" ? /* @__PURE__ */ e(F, { children: t }) : null;
 }, me = ({ children: t }) => {
-  const { Box: n, Text: r, Newline: c, Static: d, Link: l, useInput: s } = f(), h = ie(), [g, G] = C(null), [k, N] = C(null), [y, Q] = C([]), [p, O] = C(0), [b, m] = C("checking"), [j, w] = C(""), I = L(null), x = S.get(D.DeviceCodeAuthService), q = S.get(D.CredentialsService), { data: A, isLoading: B } = te({
+  const { Box: n, Text: r, Newline: c, Static: d, Link: l, useInput: u } = f(), g = U(), [s, x] = y(null), [p, Q] = y(null), [v, N] = y([]), [C, O] = y(0), [b, m] = y("checking"), [j, k] = y(""), E = R(null), T = A.get(D.DeviceCodeAuthService), L = A.get(D.CredentialsService), { data: I, isLoading: z } = te({
     queryKey: ["auth", "check"],
     queryFn: async () => {
-      const o = await q.load();
-      return o && o.apiKey && o.expiresAt && x.isTokenValid(o.expiresAt) ? { authenticated: !0 } : { authenticated: !1 };
+      const o = await L.load();
+      return o && o.apiKey && o.expiresAt && T.isTokenValid(o.expiresAt) ? { authenticated: !0 } : { authenticated: !1 };
     },
     retry: !1
-  }), v = M({
-    mutationFn: async () => (m("requesting_code"), x.requestDeviceCode("openid profile email")),
+  }), w = q({
+    mutationFn: async () => (m("requesting_code"), T.requestDeviceCode("openid profile email")),
     onSuccess: (o) => {
-      G(o), m("polling"), E.mutate(o);
+      x(o), m("polling"), M.mutate(o);
     },
     onError: (o) => {
-      m("error"), w(o instanceof Error ? o.message : "Failed to request device code");
+      m("error"), k(o instanceof Error ? o.message : "Failed to request device code");
     }
-  }), E = M({
+  }), M = q({
     mutationFn: async (o) => {
-      I.current = new AbortController();
-      const a = await x.pollForToken(o.device_code, o.interval || 5, {
-        signal: I.current.signal
-      }), T = await x.listOrganizations(a.access_token);
-      return { accessToken: a.access_token, organizations: T };
+      E.current = new AbortController();
+      const a = await T.pollForToken(o.device_code, o.interval || 5, {
+        signal: E.current.signal
+      }), S = await T.listOrganizations(a.access_token);
+      return { accessToken: a.access_token, organizations: S };
     },
     onSuccess: (o) => {
-      N(o.accessToken), Q(o.organizations), o.organizations.length === 0 ? (m("error"), w("You have no organizations. Please create one first.")) : o.organizations.length === 1 ? z.mutate({ accessToken: o.accessToken, organizationId: o.organizations[0].id }) : m("selecting_org");
+      Q(o.accessToken), N(o.organizations), o.organizations.length === 0 ? (m("error"), k("You have no organizations. Please create one first.")) : o.organizations.length === 1 ? _.mutate({ accessToken: o.accessToken, organizationId: o.organizations[0].id }) : m("selecting_org");
     },
     onError: (o) => {
-      m("error"), w(o instanceof Error ? o.message : "Failed to poll for token");
+      m("error"), k(o instanceof Error ? o.message : "Failed to poll for token");
     }
-  }), z = M({
-    mutationFn: async ({ accessToken: o, organizationId: a }) => (m("exchanging"), x.exchangeForAgentApiKey(o, a)),
+  }), _ = q({
+    mutationFn: async ({ accessToken: o, organizationId: a }) => (m("exchanging"), T.exchangeForAgentApiKey(o, a)),
     onSuccess: async (o) => {
-      await q.setApiKey({
+      await L.setApiKey({
         apiKey: o.api_key,
         organizationId: o.organization_id,
         expiresAt: o.expires_at,
         deviceId: o.device_id
-      }), m("authenticated"), h.invalidateQueries({ queryKey: ["auth", "check"] });
+      }), m("authenticated"), g.invalidateQueries({ queryKey: ["auth", "check"] });
     },
     onError: (o) => {
-      m("error"), w(o instanceof Error ? o.message : "Failed to exchange for agent API key");
+      m("error"), k(o instanceof Error ? o.message : "Failed to exchange for agent API key");
     }
-  }), K = ue(() => {
-    k && y[p] && z.mutate({
-      accessToken: k,
-      organizationId: y[p].id
+  }), V = ue(() => {
+    p && v[C] && _.mutate({
+      accessToken: p,
+      organizationId: v[C].id
     });
-  }, [k, y, p, z]);
-  if (s(
+  }, [p, v, C, _]);
+  if (u(
     (o, a) => {
-      b === "selecting_org" && (a.upArrow ? O((T) => Math.max(0, T - 1)) : a.downArrow ? O((T) => Math.min(y.length - 1, T + 1)) : a.return && K());
+      b === "selecting_org" && (a.upArrow ? O((S) => Math.max(0, S - 1)) : a.downArrow ? O((S) => Math.min(v.length - 1, S + 1)) : a.return && V());
     },
     { isActive: b === "selecting_org" }
-  ), _(() => () => {
-    I.current?.abort();
-  }, []), _(() => {
-    A && !A.authenticated && b === "checking" && !B && v.mutate();
-  }, [A, b, B, v]), A?.authenticated)
+  ), B(() => () => {
+    E.current?.abort();
+  }, []), B(() => {
+    I && !I.authenticated && b === "checking" && !z && w.mutate();
+  }, [I, b, z, w]), I?.authenticated)
     return /* @__PURE__ */ e(F, { children: t({ isAuthenticated: !0 }) });
-  if (B)
+  if (z)
     return /* @__PURE__ */ i(n, { flexDirection: "column", padding: 1, children: [
       /* @__PURE__ */ e(n, { marginBottom: 1, children: /* @__PURE__ */ e(r, { bold: !0, color: "cyan", children: "🔐 Agiflow Authentication" }) }),
       /* @__PURE__ */ e(n, { borderStyle: "round", borderColor: "cyan", padding: 1, children: /* @__PURE__ */ e(n, { flexDirection: "column", children: /* @__PURE__ */ i(r, { children: [
@@ -89,7 +94,7 @@ const ge = ({ children: t }) => {
         /* @__PURE__ */ e(r, { children: "Checking existing credentials..." })
       ] }) }) })
     ] });
-  if (v.isPending)
+  if (w.isPending)
     return /* @__PURE__ */ i(n, { flexDirection: "column", padding: 1, children: [
       /* @__PURE__ */ e(n, { marginBottom: 1, children: /* @__PURE__ */ e(r, { bold: !0, color: "cyan", children: "🔐 Agiflow Authentication" }) }),
       /* @__PURE__ */ e(n, { borderStyle: "round", borderColor: "cyan", padding: 1, children: /* @__PURE__ */ i(n, { flexDirection: "column", children: [
@@ -103,8 +108,8 @@ const ge = ({ children: t }) => {
         ] })
       ] }) })
     ] });
-  if (g && b === "polling") {
-    const o = `${g.verification_uri}?code=${encodeURIComponent(g.user_code)}`;
+  if (s && b === "polling") {
+    const o = `${s.verification_uri}?code=${encodeURIComponent(s.user_code)}`;
     return /* @__PURE__ */ e(d, { items: [1], children: () => /* @__PURE__ */ i(n, { flexDirection: "column", padding: 1, children: [
       /* @__PURE__ */ e(n, { marginBottom: 1, children: /* @__PURE__ */ e(r, { bold: !0, color: "cyan", children: "🔐 Agiflow Authentication" }) }),
       /* @__PURE__ */ e(n, { borderStyle: "round", borderColor: "green", padding: 1, marginBottom: 1, children: /* @__PURE__ */ i(n, { flexDirection: "column", children: [
@@ -139,7 +144,7 @@ const ge = ({ children: t }) => {
           ] }),
           /* @__PURE__ */ e(r, { children: "Enter this verification code:" })
         ] }),
-        /* @__PURE__ */ e(n, { paddingLeft: 3, marginBottom: 1, borderStyle: "single", borderColor: "green", paddingX: 2, children: /* @__PURE__ */ e(r, { color: "green", bold: !0, children: g.user_code }) }),
+        /* @__PURE__ */ e(n, { paddingLeft: 3, marginBottom: 1, borderStyle: "single", borderColor: "green", paddingX: 2, children: /* @__PURE__ */ e(r, { color: "green", bold: !0, children: s.user_code }) }),
         /* @__PURE__ */ i(r, { children: [
           /* @__PURE__ */ i(r, { bold: !0, color: "cyan", children: [
             "3.",
@@ -153,7 +158,7 @@ const ge = ({ children: t }) => {
       /* @__PURE__ */ e(n, { borderStyle: "round", borderColor: "gray", padding: 1, marginBottom: 1, children: /* @__PURE__ */ i(n, { flexDirection: "column", children: [
         /* @__PURE__ */ i(r, { dimColor: !0, children: [
           "⏱️ Expires in: ",
-          Math.floor(g.expires_in / 60),
+          Math.floor(s.expires_in / 60),
           " minutes"
         ] }),
         /* @__PURE__ */ e(r, { dimColor: !0, children: "💡 Tip: The URL includes your verification code for convenience" })
@@ -176,9 +181,9 @@ const ge = ({ children: t }) => {
       /* @__PURE__ */ e(n, { borderStyle: "double", borderColor: "yellow", padding: 1, marginBottom: 1, children: /* @__PURE__ */ i(n, { flexDirection: "column", children: [
         /* @__PURE__ */ e(r, { bold: !0, color: "yellow", children: "📋 Select Organization:" }),
         /* @__PURE__ */ e(c, {}),
-        y.map((o, a) => /* @__PURE__ */ i(r, { children: [
-          /* @__PURE__ */ e(r, { color: a === p ? "green" : "gray", children: a === p ? "❯ " : "  " }),
-          /* @__PURE__ */ e(r, { bold: a === p, children: o.name }),
+        v.map((o, a) => /* @__PURE__ */ i(r, { children: [
+          /* @__PURE__ */ e(r, { color: a === C ? "green" : "gray", children: a === C ? "❯ " : "  " }),
+          /* @__PURE__ */ e(r, { bold: a === C, children: o.name }),
           /* @__PURE__ */ i(r, { dimColor: !0, children: [
             " (",
             o.slug,
@@ -207,8 +212,8 @@ const ge = ({ children: t }) => {
         ] })
       ] }) })
     ] });
-  if (b === "error" || v.isError || E.isError) {
-    const o = v.error || E.error, a = j || o?.message || "Unknown error occurred";
+  if (b === "error" || w.isError || M.isError) {
+    const o = w.error || M.error, a = j || o?.message || "Unknown error occurred";
     return /* @__PURE__ */ i(n, { flexDirection: "column", padding: 1, children: [
       /* @__PURE__ */ e(n, { marginBottom: 1, children: /* @__PURE__ */ e(r, { bold: !0, color: "red", children: "❌ Authentication Error" }) }),
       /* @__PURE__ */ e(n, { borderStyle: "round", borderColor: "red", padding: 1, marginBottom: 1, children: /* @__PURE__ */ e(r, { color: "red", children: a }) }),
@@ -224,59 +229,59 @@ const ge = ({ children: t }) => {
     ] });
   }
   return null;
-}, be = process.platform === "darwin", U = P.memo(({ tabId: t }) => {
-  const n = u((c) => c.agentTabs.tabs.find((d) => d.id === t)?.unreadCount), r = u((c) => c.agentTabs.activeTabId === t);
+}, be = process.platform === "darwin", W = P.memo(({ tabId: t }) => {
+  const n = h((c) => c.agentTabs.tabs.find((d) => d.id === t)?.unreadCount), r = h((c) => c.agentTabs.activeTabId === t);
   return !n || n <= 0 || r ? null : /* @__PURE__ */ i(F, { children: [
     " (",
     n,
     ")"
   ] });
 });
-U.displayName = "UnreadCount";
-const R = P.memo(({ tabId: t }) => {
-  const { Text: n } = f(), r = u(
+W.displayName = "UnreadCount";
+const G = P.memo(({ tabId: t }) => {
+  const { Text: n } = f(), r = h(
     (d) => d.agentTabs.tabs.find((l) => l.id === t)?.waitingInput
-  ), c = u((d) => d.agentTabs.activeTabId === t);
+  ), c = h((d) => d.agentTabs.activeTabId === t);
   return !r || c ? null : /* @__PURE__ */ e(n, { color: "red", children: "● " });
 });
-R.displayName = "WaitingInputIndicator";
-const W = P.memo(({ tabId: t, index: n }) => {
-  const { Box: r, Text: c } = f(), d = u((h) => h.agentTabs.tabs.find((g) => g.id === t)?.label), l = u((h) => h.agentTabs.activeTabId === t), s = `^F${n + 1}`;
+G.displayName = "WaitingInputIndicator";
+const K = P.memo(({ tabId: t, index: n }) => {
+  const { Box: r, Text: c } = f(), d = h((g) => g.agentTabs.tabs.find((s) => s.id === t)?.label), l = h((g) => g.agentTabs.activeTabId === t), u = `^F${n + 1}`;
   return /* @__PURE__ */ i(r, { marginRight: 2, borderStyle: l ? "round" : void 0, children: [
-    /* @__PURE__ */ e(R, { tabId: t }),
+    /* @__PURE__ */ e(G, { tabId: t }),
     /* @__PURE__ */ i(c, { color: "#d1d5db", bold: l, dimColor: !l, children: [
       "[",
-      s,
+      u,
       "] ",
       d,
-      /* @__PURE__ */ e(U, { tabId: t })
+      /* @__PURE__ */ e(W, { tabId: t })
     ] }),
-    /* @__PURE__ */ e(H, { tabId: t })
+    /* @__PURE__ */ e(J, { tabId: t })
   ] });
 });
-W.displayName = "TabItem";
+K.displayName = "TabItem";
 const fe = () => {
-  const { Box: t, Text: n } = f(), r = u((l) => l.agentTabs.tabs.map((s) => s.id), ae), c = u((l) => l.agentTabs.activeTabId), d = he(() => {
+  const { Box: t, Text: n } = f(), r = h((l) => l.agentTabs.tabs.map((u) => u.id), ae), c = h((l) => l.agentTabs.activeTabId), d = he(() => {
     if (!c) return null;
     try {
-      const s = S.get(D.AgentManager).getAgentContainer(c);
-      if (s)
-        return s.get(X.AgentConfigService).getEffectiveWorkingDir();
+      const u = A.get(D.AgentManager).getAgentContainer(c);
+      if (u)
+        return u.get(H.AgentConfigService).getEffectiveWorkingDir();
     } catch {
     }
     return process.cwd();
   }, [c]);
   return /* @__PURE__ */ i(t, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ e(t, { alignItems: "center", borderTop: !0, borderTopColor: "#d1d5db", borderDimColor: !0, children: r.map((l, s) => /* @__PURE__ */ e(W, { tabId: l, index: s }, l)) }),
+    /* @__PURE__ */ e(t, { alignItems: "center", borderTop: !0, borderTopColor: "#d1d5db", borderDimColor: !0, children: r.map((l, u) => /* @__PURE__ */ e(K, { tabId: l, index: u }, l)) }),
     d && /* @__PURE__ */ e(n, { dimColor: !0, children: d }),
     be && /* @__PURE__ */ e(n, { dimColor: !0, children: "Press fn + Shift + F[num] to switch tabs" })
   ] });
 }, pe = () => {
-  const { Box: t } = f(), n = u((r) => r.agentTabs.activeTabId);
+  const { Box: t } = f(), n = h((r) => r.agentTabs.activeTabId);
   return /* @__PURE__ */ i(t, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(Z, {}, n) }),
-    /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(fe, {}) }),
-    /* @__PURE__ */ e(re, {})
+    /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(ee, {}, n) }),
+    /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(fe, {}) }),
+    /* @__PURE__ */ e(ne, {})
   ] });
 }, Ce = () => {
   const { Box: t, Text: n } = f();
@@ -310,9 +315,9 @@ const fe = () => {
     }
   }
 }), xe = () => {
-  const { Box: t } = f(), r = u((c) => c.agentTabs.tabs).length > 0;
+  const { Box: t } = f(), r = h((c) => c.agentTabs.tabs).length > 0;
   return /* @__PURE__ */ e(me, { children: ({ isAuthenticated: c }) => /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(t, { flexGrow: 1, flexDirection: "column", children: c && !r ? /* @__PURE__ */ e(Ce, {}) : /* @__PURE__ */ e(pe, {}) }) }) });
-}, ve = () => /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(se, { store: oe, children: /* @__PURE__ */ e(ce, { client: ye, children: /* @__PURE__ */ e(xe, {}) }) }) }), ke = async () => {
+}, ve = () => /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(se, { store: ie, children: /* @__PURE__ */ e(ce, { client: ye, children: /* @__PURE__ */ e(xe, {}) }) }) }), ke = async () => {
   const { render: t } = await import("ink"), { waitUntilExit: n } = t(/* @__PURE__ */ e(ve, {}), {
     stdin: process.stdin,
     stdout: process.stdout,