@dexto/tui 1.14.6 → 1.15.0-beta.1

package/dist/hooks/useAgentEvents.js

@@ -75,80 +75,6 @@ function useAgentEvents({
       },
       { signal }
     );
-    agent.on(
-      "service:event",
-      (payload) => {
-        if (payload.service !== "orchestration" || payload.event !== "tasks-updated") {
-          return;
-        }
-        if (payload.sessionId && payload.sessionId !== currentSessionId) {
-          return;
-        }
-        const data = payload.data;
-        if (data.tasks) {
-          setUi((prev) => {
-            const runningCount = typeof data.runningCount === "number" ? data.runningCount : prev.backgroundTasksRunning;
-            return {
-              ...prev,
-              backgroundTasks: data.tasks ?? prev.backgroundTasks,
-              backgroundTasksRunning: runningCount
-            };
-          });
-        } else if (typeof data.runningCount === "number") {
-          setUi((prev) => ({
-            ...prev,
-            backgroundTasksRunning: data.runningCount ?? prev.backgroundTasksRunning
-          }));
-        }
-      },
-      { signal }
-    );
-    agent.on(
-      "tool:background",
-      (payload) => {
-        if (payload.sessionId !== currentSessionId) {
-          return;
-        }
-        const messageId = `tool-${payload.toolCallId}`;
-        setMessages(
-          (prev) => prev.map((message) => {
-            if (message.id !== messageId) {
-              return message;
-            }
-            return {
-              ...message,
-              toolStatus: "running",
-              toolResult: "Background task started",
-              isBackground: true
-            };
-          })
-        );
-      },
-      { signal }
-    );
-    agent.on(
-      "tool:background-completed",
-      (payload) => {
-        if (payload.sessionId !== currentSessionId) {
-          return;
-        }
-        const messageId = `tool-${payload.toolCallId}`;
-        setMessages(
-          (prev) => prev.map((message) => {
-            if (message.id !== messageId) {
-              return message;
-            }
-            return {
-              ...message,
-              toolStatus: "finished",
-              toolResult: "Background task completed",
-              isBackground: true
-            };
-          })
-        );
-      },
-      { signal }
-    );
     agent.on(
       "session:reset",
       () => {
@@ -389,6 +315,7 @@ function useAgentEvents({
         setUi((prev) => ({
           ...prev,
           isProcessing: false,
+          isCancelling: false,
           isThinking: false
         }));
         externalTriggerRef.current = { active: false, sessionId: null, messageId: null };

package/dist/hooks/useCLIState.cjs

@@ -68,9 +68,6 @@ function useCLIState({
     bypassPermissions: initialBypassPermissions,
     todoExpanded: true,
     // Default to expanded to show full todo list
-    backgroundTasksRunning: 0,
-    backgroundTasksExpanded: false,
-    backgroundTasks: [],
     chatgptRateLimitStatus: null,
     insufficientCredits: null,
     planModeActive: false,

package/dist/hooks/useCLIState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCLIState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCLIState.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useCLIState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCLIState.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useCLIState.js

@@ -45,9 +45,6 @@ function useCLIState({
     bypassPermissions: initialBypassPermissions,
     todoExpanded: true,
     // Default to expanded to show full todo list
-    backgroundTasksRunning: 0,
-    backgroundTasksExpanded: false,
-    backgroundTasks: [],
     chatgptRateLimitStatus: null,
     insufficientCredits: null,
     planModeActive: false,

package/dist/hooks/useContextStats.cjs

@@ -0,0 +1,91 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useContextStats_exports = {};
+__export(useContextStats_exports, {
+  useContextStats: () => useContextStats
+});
+module.exports = __toCommonJS(useContextStats_exports);
+var import_react = require("react");
+var import_agent_backend = require("../agent-backend.js");
+const REFRESH_EVENTS = [
+  "llm:response",
+  "context:compacted",
+  "context:pruned",
+  "context:cleared",
+  "message:dequeued",
+  "session:reset"
+];
+function useContextStats(agent, sessionId, onLlmSwitched) {
+  const [usage, setUsage] = (0, import_react.useState)(null);
+  const onSwitchedRef = (0, import_react.useRef)(onLlmSwitched);
+  onSwitchedRef.current = onLlmSwitched;
+  (0, import_react.useEffect)(() => {
+    if (!(0, import_agent_backend.supportsContextStats)(agent) || !sessionId) {
+      setUsage(null);
+      return;
+    }
+    let cancelled = false;
+    let refreshId = 0;
+    const refresh = async () => {
+      const requestId = ++refreshId;
+      try {
+        const stats = await agent.getContextStats(sessionId);
+        if (cancelled || requestId !== refreshId) return;
+        setUsage({
+          usedTokens: stats.estimatedTokens,
+          maxTokens: stats.maxContextTokens,
+          usagePercent: stats.usagePercent
+        });
+      } catch {
+        if (!cancelled) setUsage(null);
+      }
+    };
+    void refresh();
+    const controller = new AbortController();
+    const { signal } = controller;
+    for (const eventName of REFRESH_EVENTS) {
+      agent.on(
+        eventName,
+        (payload) => {
+          if (payload.sessionId && payload.sessionId !== sessionId) return;
+          void refresh();
+        },
+        { signal }
+      );
+    }
+    agent.on(
+      "llm:switched",
+      (payload) => {
+        if (payload.sessionIds && !payload.sessionIds.includes(sessionId)) return;
+        void refresh();
+        onSwitchedRef.current();
+      },
+      { signal }
+    );
+    return () => {
+      cancelled = true;
+      controller.abort();
+    };
+  }, [agent, sessionId]);
+  return usage;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useContextStats
+});

package/dist/hooks/useContextStats.d.ts

@@ -0,0 +1,13 @@
+import { type TuiAgentBackend } from '../agent-backend.js';
+export interface ContextUsage {
+    /** Tokens in context: the full estimate, which already counts the last reply. */
+    usedTokens: number;
+    maxTokens: number;
+    usagePercent: number;
+}
+/**
+ * `onLlmSwitched` runs after a model switch for this session, so callers that read the LLM
+ * config can re-render.
+ */
+export declare function useContextStats(agent: TuiAgentBackend, sessionId: string | null, onLlmSwitched: () => void): ContextUsage | null;
+//# sourceMappingURL=useContextStats.d.ts.map

package/dist/hooks/useContextStats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextStats.d.ts","sourceRoot":"","sources":["../../src/hooks/useContextStats.ts"],"names":[],"mappings":"AAIA,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEjF,MAAM,WAAW,YAAY;IACzB,iFAAiF;IACjF,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACxB;AAWD;;;GAGG;AACH,wBAAgB,eAAe,CAC3B,KAAK,EAAE,eAAe,EACtB,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,aAAa,EAAE,MAAM,IAAI,GAC1B,YAAY,GAAG,IAAI,CA8DrB"}

package/dist/hooks/useContextStats.js

@@ -0,0 +1,67 @@
+import { useEffect, useRef, useState } from "react";
+import { supportsContextStats } from "../agent-backend.js";
+const REFRESH_EVENTS = [
+  "llm:response",
+  "context:compacted",
+  "context:pruned",
+  "context:cleared",
+  "message:dequeued",
+  "session:reset"
+];
+function useContextStats(agent, sessionId, onLlmSwitched) {
+  const [usage, setUsage] = useState(null);
+  const onSwitchedRef = useRef(onLlmSwitched);
+  onSwitchedRef.current = onLlmSwitched;
+  useEffect(() => {
+    if (!supportsContextStats(agent) || !sessionId) {
+      setUsage(null);
+      return;
+    }
+    let cancelled = false;
+    let refreshId = 0;
+    const refresh = async () => {
+      const requestId = ++refreshId;
+      try {
+        const stats = await agent.getContextStats(sessionId);
+        if (cancelled || requestId !== refreshId) return;
+        setUsage({
+          usedTokens: stats.estimatedTokens,
+          maxTokens: stats.maxContextTokens,
+          usagePercent: stats.usagePercent
+        });
+      } catch {
+        if (!cancelled) setUsage(null);
+      }
+    };
+    void refresh();
+    const controller = new AbortController();
+    const { signal } = controller;
+    for (const eventName of REFRESH_EVENTS) {
+      agent.on(
+        eventName,
+        (payload) => {
+          if (payload.sessionId && payload.sessionId !== sessionId) return;
+          void refresh();
+        },
+        { signal }
+      );
+    }
+    agent.on(
+      "llm:switched",
+      (payload) => {
+        if (payload.sessionIds && !payload.sessionIds.includes(sessionId)) return;
+        void refresh();
+        onSwitchedRef.current();
+      },
+      { signal }
+    );
+    return () => {
+      cancelled = true;
+      controller.abort();
+    };
+  }, [agent, sessionId]);
+  return usage;
+}
+export {
+  useContextStats
+};

package/dist/hooks/useDeckState.cjs

@@ -0,0 +1,140 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useDeckState_exports = {};
+__export(useDeckState_exports, {
+  useDeckState: () => useDeckState
+});
+module.exports = __toCommonJS(useDeckState_exports);
+var import_react = require("react");
+var import_chatgpt_rate_limit = require("../utils/chatgpt-rate-limit.js");
+var import_reasoning_variant = require("../utils/reasoning-variant.js");
+var import_deck_state = require("../utils/deck-state.js");
+var import_useContextStats = require("./useContextStats.js");
+var import_useDextoCredits = require("./useDextoCredits.js");
+var import_useElapsedTime = require("./useElapsedTime.js");
+var import_useGitDirtyFiles = require("./useGitDirtyFiles.js");
+var import_useHeldValue = require("./useHeldValue.js");
+var import_useTokenCounter = require("./useTokenCounter.js");
+function useLastRunFailed(agent, sessionId, isProcessing) {
+  const [failed, setFailed] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (isProcessing) setFailed(false);
+  }, [isProcessing]);
+  (0, import_react.useEffect)(() => {
+    setFailed(false);
+  }, [sessionId]);
+  (0, import_react.useEffect)(() => {
+    const controller = new AbortController();
+    agent.on(
+      "run:complete",
+      (payload) => {
+        if (payload.sessionId && payload.sessionId !== sessionId) return;
+        setFailed(payload.finishReason === "error");
+      },
+      { signal: controller.signal }
+    );
+    return () => controller.abort();
+  }, [agent, sessionId]);
+  return failed;
+}
+function useDeckState(input) {
+  const { agent, sessionId, ui, approval } = input;
+  const [, setLlmTick] = (0, import_react.useState)(0);
+  const llmConfig = sessionId ? agent.getCurrentLLMConfig(sessionId) : null;
+  const lastRunFailed = useLastRunFailed(agent, sessionId, ui.isProcessing);
+  const mode = (0, import_deck_state.deckMode)({
+    isProcessing: ui.isProcessing,
+    isCancelling: ui.isCancelling,
+    isThinking: ui.isThinking,
+    isCompacting: ui.isCompacting,
+    awaitingUser: approval !== null,
+    toolRunning: input.pendingMessages.some(
+      (m) => m.role === "tool" && m.toolStatus === "running"
+    ),
+    steerCount: input.steerCount,
+    lastRunFailed
+  });
+  const working = ui.isProcessing && approval === null;
+  const paused = ui.copyModeEnabled;
+  const run = (0, import_useElapsedTime.useElapsedTime)({ isActive: working, intervalMs: 1e3, paused });
+  const wait = (0, import_useElapsedTime.useElapsedTime)({ isActive: approval !== null, intervalMs: 1e3, paused });
+  const { formatted: tokens } = (0, import_useTokenCounter.useTokenCounter)({ agent, isActive: working });
+  const shownTokens = (0, import_useHeldValue.useHeldValue)(tokens, paused);
+  const readout = (0, import_deck_state.deckReadout)(mode, {
+    elapsed: mode === "wait" ? wait.formatted : run.formatted,
+    tokens: shownTokens,
+    compacting: ui.isCompacting,
+    steerCount: input.steerCount,
+    permission: (0, import_deck_state.permissionLabel)({
+      isShellMode: input.isShellMode,
+      planModeActive: ui.planModeActive,
+      autoApproveEdits: ui.autoApproveEdits,
+      bypassPermissions: ui.bypassPermissions,
+      configuredMode: agent.getEffectiveConfig(sessionId ?? void 0).permissions.mode
+    }),
+    reasoning: (0, import_reasoning_variant.displayedReasoningVariant)(llmConfig),
+    rateLimitHint: (0, import_chatgpt_rate_limit.resolveChatGPTRateLimitHint)(
+      llmConfig,
+      input.chatgptRateLimitStatus,
+      "short"
+    )
+  });
+  const context = (0, import_useContextStats.useContextStats)(agent, sessionId, () => setLlmTick((prev) => prev + 1));
+  const account = (0, import_useDextoCredits.useDextoAccount)(agent, ui.activeOverlay);
+  const balance = (0, import_useDextoCredits.useDextoCreditBalance)(
+    agent,
+    sessionId,
+    account,
+    ui.activeOverlay === "insufficient-credits"
+  );
+  const turnBaseline = (0, import_react.useRef)({
+    sessionId,
+    account,
+    isProcessing: false,
+    balance: null
+  });
+  turnBaseline.current = (0, import_deck_state.nextTurnBaseline)(turnBaseline.current, {
+    sessionId,
+    account,
+    isProcessing: ui.isProcessing,
+    balance
+  });
+  const dirtyFiles = (0, import_useGitDirtyFiles.useGitDirtyFiles)(agent, input.cwd);
+  return {
+    mode,
+    readout,
+    status: {
+      model: (0, import_deck_state.deckModelId)(llmConfig?.provider ?? null, llmConfig?.model ?? input.modelName),
+      contextUsedTokens: context?.usedTokens ?? null,
+      contextMaxTokens: context?.maxTokens ?? null,
+      where: { kind: "local" },
+      branch: input.branch,
+      dirtyFiles,
+      credits: (0, import_deck_state.deckCredits)({
+        signedIn: account !== null,
+        balance,
+        turnStartBalance: turnBaseline.current.balance
+      })
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDeckState
+});

package/dist/hooks/useDeckState.d.ts

@@ -0,0 +1,20 @@
+import type { CodexRateLimitSnapshot } from '@dexto/core';
+import type { TuiAgentBackend } from '../agent-backend.js';
+import type { ApprovalRequest } from '../components/ApprovalPrompt.js';
+import type { DeckState } from '../signal/index.js';
+import type { Message, UIState } from '../state/types.js';
+export interface DeckStateInput {
+    agent: TuiAgentBackend;
+    sessionId: string | null;
+    modelName: string;
+    ui: UIState;
+    approval: ApprovalRequest | null;
+    pendingMessages: readonly Message[];
+    steerCount: number;
+    branch: string | null;
+    cwd: string;
+    isShellMode: boolean;
+    chatgptRateLimitStatus: CodexRateLimitSnapshot | null;
+}
+export declare function useDeckState(input: DeckStateInput): DeckState;
+//# sourceMappingURL=useDeckState.d.ts.map

package/dist/hooks/useDeckState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeckState.d.ts","sourceRoot":"","sources":["../../src/hooks/useDeckState.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAmB1D,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,eAAe,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,OAAO,CAAC;IACZ,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;IACjC,eAAe,EAAE,SAAS,OAAO,EAAE,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,sBAAsB,EAAE,sBAAsB,GAAG,IAAI,CAAC;CACzD;AA+BD,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAuF7D"}

package/dist/hooks/useDeckState.js

@@ -0,0 +1,123 @@
+import { useEffect, useRef, useState } from "react";
+import { resolveChatGPTRateLimitHint } from "../utils/chatgpt-rate-limit.js";
+import { displayedReasoningVariant } from "../utils/reasoning-variant.js";
+import {
+  deckCredits,
+  deckMode,
+  deckModelId,
+  deckReadout,
+  nextTurnBaseline,
+  permissionLabel
+} from "../utils/deck-state.js";
+import { useContextStats } from "./useContextStats.js";
+import { useDextoAccount, useDextoCreditBalance } from "./useDextoCredits.js";
+import { useElapsedTime } from "./useElapsedTime.js";
+import { useGitDirtyFiles } from "./useGitDirtyFiles.js";
+import { useHeldValue } from "./useHeldValue.js";
+import { useTokenCounter } from "./useTokenCounter.js";
+function useLastRunFailed(agent, sessionId, isProcessing) {
+  const [failed, setFailed] = useState(false);
+  useEffect(() => {
+    if (isProcessing) setFailed(false);
+  }, [isProcessing]);
+  useEffect(() => {
+    setFailed(false);
+  }, [sessionId]);
+  useEffect(() => {
+    const controller = new AbortController();
+    agent.on(
+      "run:complete",
+      (payload) => {
+        if (payload.sessionId && payload.sessionId !== sessionId) return;
+        setFailed(payload.finishReason === "error");
+      },
+      { signal: controller.signal }
+    );
+    return () => controller.abort();
+  }, [agent, sessionId]);
+  return failed;
+}
+function useDeckState(input) {
+  const { agent, sessionId, ui, approval } = input;
+  const [, setLlmTick] = useState(0);
+  const llmConfig = sessionId ? agent.getCurrentLLMConfig(sessionId) : null;
+  const lastRunFailed = useLastRunFailed(agent, sessionId, ui.isProcessing);
+  const mode = deckMode({
+    isProcessing: ui.isProcessing,
+    isCancelling: ui.isCancelling,
+    isThinking: ui.isThinking,
+    isCompacting: ui.isCompacting,
+    awaitingUser: approval !== null,
+    toolRunning: input.pendingMessages.some(
+      (m) => m.role === "tool" && m.toolStatus === "running"
+    ),
+    steerCount: input.steerCount,
+    lastRunFailed
+  });
+  const working = ui.isProcessing && approval === null;
+  const paused = ui.copyModeEnabled;
+  const run = useElapsedTime({ isActive: working, intervalMs: 1e3, paused });
+  const wait = useElapsedTime({ isActive: approval !== null, intervalMs: 1e3, paused });
+  const { formatted: tokens } = useTokenCounter({ agent, isActive: working });
+  const shownTokens = useHeldValue(tokens, paused);
+  const readout = deckReadout(mode, {
+    elapsed: mode === "wait" ? wait.formatted : run.formatted,
+    tokens: shownTokens,
+    compacting: ui.isCompacting,
+    steerCount: input.steerCount,
+    permission: permissionLabel({
+      isShellMode: input.isShellMode,
+      planModeActive: ui.planModeActive,
+      autoApproveEdits: ui.autoApproveEdits,
+      bypassPermissions: ui.bypassPermissions,
+      configuredMode: agent.getEffectiveConfig(sessionId ?? void 0).permissions.mode
+    }),
+    reasoning: displayedReasoningVariant(llmConfig),
+    rateLimitHint: resolveChatGPTRateLimitHint(
+      llmConfig,
+      input.chatgptRateLimitStatus,
+      "short"
+    )
+  });
+  const context = useContextStats(agent, sessionId, () => setLlmTick((prev) => prev + 1));
+  const account = useDextoAccount(agent, ui.activeOverlay);
+  const balance = useDextoCreditBalance(
+    agent,
+    sessionId,
+    account,
+    ui.activeOverlay === "insufficient-credits"
+  );
+  const turnBaseline = useRef({
+    sessionId,
+    account,
+    isProcessing: false,
+    balance: null
+  });
+  turnBaseline.current = nextTurnBaseline(turnBaseline.current, {
+    sessionId,
+    account,
+    isProcessing: ui.isProcessing,
+    balance
+  });
+  const dirtyFiles = useGitDirtyFiles(agent, input.cwd);
+  return {
+    mode,
+    readout,
+    status: {
+      model: deckModelId(llmConfig?.provider ?? null, llmConfig?.model ?? input.modelName),
+      contextUsedTokens: context?.usedTokens ?? null,
+      contextMaxTokens: context?.maxTokens ?? null,
+      where: { kind: "local" },
+      branch: input.branch,
+      dirtyFiles,
+      credits: deckCredits({
+        signedIn: account !== null,
+        balance,
+        turnStartBalance: turnBaseline.current.balance
+      })
+    }
+  };
+}
+export {
+  useDeckState
+};

package/dist/hooks/useDextoCredits.cjs

@@ -0,0 +1,81 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useDextoCredits_exports = {};
+__export(useDextoCredits_exports, {
+  useDextoAccount: () => useDextoAccount,
+  useDextoCreditBalance: () => useDextoCreditBalance
+});
+module.exports = __toCommonJS(useDextoCredits_exports);
+var import_react = require("react");
+var import_host = require("../host/index.js");
+function useDextoCreditBalance(agent, sessionId, account, billingOverlayOpen) {
+  const [balance, setBalance] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    setBalance(null);
+  }, [agent, sessionId, account]);
+  (0, import_react.useEffect)(() => {
+    if (account === null) return;
+    let cancelled = false;
+    const refresh = () => {
+      (0, import_host.dextoCreditBalance)().then((next) => {
+        if (!cancelled) setBalance(next);
+      }).catch(() => void 0);
+    };
+    refresh();
+    const controller = new AbortController();
+    agent.on(
+      "llm:response",
+      (payload) => {
+        if (!payload.sessionId || payload.sessionId === sessionId) refresh();
+      },
+      { signal: controller.signal }
+    );
+    return () => {
+      cancelled = true;
+      controller.abort();
+    };
+  }, [agent, sessionId, account, billingOverlayOpen]);
+  return balance;
+}
+function useDextoAccount(agent, recheckKey) {
+  const [account, setAccount] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    let cancelled = false;
+    const check = () => {
+      (0, import_host.currentSignIn)().then((who) => {
+        if (!cancelled) setAccount(who);
+      }).catch(() => {
+        if (!cancelled) setAccount(null);
+      });
+    };
+    check();
+    const controller = new AbortController();
+    agent.on("run:complete", check, { signal: controller.signal });
+    return () => {
+      cancelled = true;
+      controller.abort();
+    };
+  }, [agent, recheckKey]);
+  return account;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDextoAccount,
+  useDextoCreditBalance
+});