@dexto/tui 1.6.2

package/dist/hooks/useCLIState.cjs

@@ -0,0 +1,222 @@
+"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 useCLIState_exports = {};
+__export(useCLIState_exports, {
+  useCLIState: () => useCLIState
+});
+module.exports = __toCommonJS(useCLIState_exports);
+var import_react = require("react");
+var import_ink = require("ink");
+var import_core = require("@dexto/core");
+var import_useAgentEvents = require("./useAgentEvents.js");
+var import_useInputOrchestrator = require("./useInputOrchestrator.js");
+var import_services = require("../services/index.js");
+var import_messageFormatting = require("../utils/messageFormatting.js");
+var import_text_buffer = require("../components/shared/text-buffer.js");
+function useCLIState({
+  agent,
+  initialSessionId,
+  startupInfo,
+  initialBypassPermissions = false,
+  onKeyboardScroll: _onKeyboardScroll
+}) {
+  const [messages, setMessages] = (0, import_react.useState)([]);
+  const [pendingMessages, setPendingMessages] = (0, import_react.useState)([]);
+  const [dequeuedBuffer, setDequeuedBuffer] = (0, import_react.useState)([]);
+  const [queuedMessages, setQueuedMessages] = (0, import_react.useState)([]);
+  const [todos, setTodos] = (0, import_react.useState)([]);
+  const [ui, setUi] = (0, import_react.useState)({
+    isProcessing: false,
+    isCancelling: false,
+    isThinking: false,
+    isCompacting: false,
+    activeOverlay: "none",
+    showReasoning: true,
+    exitWarningShown: false,
+    exitWarningTimestamp: null,
+    mcpWizardServerType: null,
+    copyModeEnabled: false,
+    pendingModelSwitch: null,
+    selectedMcpServer: null,
+    historySearch: {
+      isActive: false,
+      query: "",
+      matchIndex: 0,
+      originalInput: "",
+      lastMatch: ""
+    },
+    promptAddWizard: null,
+    autoApproveEdits: false,
+    bypassPermissions: initialBypassPermissions,
+    todoExpanded: true,
+    // Default to expanded to show full todo list
+    backgroundTasksRunning: 0,
+    backgroundTasksExpanded: false,
+    backgroundTasks: [],
+    planModeActive: false,
+    planModeInitialized: false,
+    commandOutput: null
+  });
+  const [input, setInput] = (0, import_react.useState)({
+    value: "",
+    history: [],
+    historyIndex: -1,
+    draftBeforeHistory: "",
+    images: [],
+    pastedBlocks: [],
+    pasteCounter: 0
+  });
+  const initialConfig = agent.getCurrentLLMConfig();
+  const [session, setSession] = (0, import_react.useState)({
+    id: initialSessionId,
+    hasActiveSession: initialSessionId !== null,
+    modelName: (0, import_core.getModelDisplayName)(initialConfig.model, initialConfig.provider)
+  });
+  const [approval, setApproval] = (0, import_react.useState)(null);
+  const [approvalQueue, setApprovalQueue] = (0, import_react.useState)([]);
+  const inputService = (0, import_react.useMemo)(() => new import_services.InputService(), []);
+  const messageService = (0, import_react.useMemo)(() => new import_services.MessageService(), []);
+  const { stdout } = (0, import_ink.useStdout)();
+  const terminalWidth = stdout?.columns || 80;
+  const inputWidth = Math.max(20, terminalWidth - 4);
+  const handleBufferChange = (0, import_react.useCallback)((text) => {
+    setInput((prev) => ({ ...prev, value: text }));
+  }, []);
+  const buffer = (0, import_text_buffer.useTextBuffer)({
+    initialText: "",
+    viewport: { width: inputWidth, height: 10 },
+    onChange: handleBufferChange
+  });
+  (0, import_react.useEffect)(() => {
+    buffer.setViewport(inputWidth, 10);
+  }, [inputWidth, buffer.setViewport]);
+  const overlayContainerRef = (0, import_react.useRef)(null);
+  (0, import_useAgentEvents.useAgentEvents)({
+    agent,
+    setMessages,
+    setPendingMessages,
+    setUi,
+    setSession,
+    setInput,
+    setApproval,
+    setApprovalQueue,
+    setQueuedMessages,
+    currentSessionId: session.id,
+    buffer
+  });
+  const approvalHandler = (0, import_react.useCallback)((inputStr, key) => {
+    return overlayContainerRef.current?.handleInput(inputStr, key) ?? false;
+  }, []);
+  const overlayHandler = (0, import_react.useCallback)((inputStr, key) => {
+    return overlayContainerRef.current?.handleInput(inputStr, key) ?? false;
+  }, []);
+  (0, import_useInputOrchestrator.useInputOrchestrator)({
+    ui,
+    approval,
+    input,
+    session,
+    queuedMessages,
+    buffer,
+    setUi,
+    setInput,
+    setMessages,
+    setPendingMessages,
+    setQueuedMessages,
+    agent,
+    handlers: {
+      approval: approvalHandler,
+      overlay: overlayHandler
+    }
+  });
+  (0, import_react.useEffect)(() => {
+    setTodos([]);
+  }, [session.id]);
+  (0, import_react.useEffect)(() => {
+    if (!initialSessionId || !session.hasActiveSession || messages.length > 0) {
+      return;
+    }
+    let cancelled = false;
+    (async () => {
+      try {
+        const history = await agent.getSessionHistory(initialSessionId);
+        if (!history?.length || cancelled) return;
+        const historyMessages = (0, import_messageFormatting.convertHistoryToUIMessages)(history, initialSessionId);
+        setMessages(historyMessages);
+        const userInputHistory = history.filter(import_core.isUserMessage).map(
+          (msg) => msg.content.filter(
+            (part) => part.type === "text"
+          ).map((part) => part.text).join("\n")
+        ).filter((text) => text.trim().length > 0);
+        setInput((prev) => ({
+          ...prev,
+          history: userInputHistory,
+          historyIndex: -1
+        }));
+      } catch (error) {
+        if (cancelled) return;
+        setMessages((prev) => [
+          ...prev,
+          {
+            id: `error-${Date.now()}`,
+            role: "system",
+            content: `Error: ${error instanceof Error ? error.message : String(error)}`,
+            timestamp: /* @__PURE__ */ new Date()
+          }
+        ]);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [agent, initialSessionId, messages.length, session.hasActiveSession]);
+  const visibleMessages = messages;
+  return {
+    messages,
+    setMessages,
+    pendingMessages,
+    setPendingMessages,
+    dequeuedBuffer,
+    setDequeuedBuffer,
+    queuedMessages,
+    setQueuedMessages,
+    todos,
+    setTodos,
+    ui,
+    setUi,
+    input,
+    setInput,
+    session,
+    setSession,
+    approval,
+    setApproval,
+    approvalQueue,
+    setApprovalQueue,
+    buffer,
+    inputService,
+    messageService,
+    overlayContainerRef,
+    visibleMessages,
+    agent,
+    startupInfo
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCLIState
+});

package/dist/hooks/useCLIState.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Shared CLI State Hook
+ *
+ * Contains all common state and logic shared between rendering modes.
+ * Both AlternateBufferCLI and StaticCLI use this hook.
+ */
+import React from 'react';
+import { type DextoAgent, type QueuedMessage } from '@dexto/core';
+import type { Message, StartupInfo, UIState, InputState, SessionState, TodoItem } from '../state/types.js';
+import type { ApprovalRequest } from '../components/ApprovalPrompt.js';
+import { InputService, MessageService } from '../services/index.js';
+import type { OverlayContainerHandle } from '../containers/OverlayContainer.js';
+import { type TextBuffer } from '../components/shared/text-buffer.js';
+export type { UIState, InputState, SessionState, TodoItem } from '../state/types.js';
+export interface UseCLIStateProps {
+    agent: DextoAgent;
+    initialSessionId: string | null;
+    startupInfo: StartupInfo;
+    initialBypassPermissions?: boolean;
+    /** Optional keyboard scroll handler for alternate buffer mode */
+    onKeyboardScroll?: (direction: 'up' | 'down') => void;
+}
+export interface CLIStateReturn {
+    messages: Message[];
+    setMessages: React.Dispatch<React.SetStateAction<Message[]>>;
+    pendingMessages: Message[];
+    setPendingMessages: React.Dispatch<React.SetStateAction<Message[]>>;
+    dequeuedBuffer: Message[];
+    setDequeuedBuffer: React.Dispatch<React.SetStateAction<Message[]>>;
+    queuedMessages: QueuedMessage[];
+    setQueuedMessages: React.Dispatch<React.SetStateAction<QueuedMessage[]>>;
+    todos: TodoItem[];
+    setTodos: React.Dispatch<React.SetStateAction<TodoItem[]>>;
+    ui: UIState;
+    setUi: React.Dispatch<React.SetStateAction<UIState>>;
+    input: InputState;
+    setInput: React.Dispatch<React.SetStateAction<InputState>>;
+    session: SessionState;
+    setSession: React.Dispatch<React.SetStateAction<SessionState>>;
+    approval: ApprovalRequest | null;
+    setApproval: React.Dispatch<React.SetStateAction<ApprovalRequest | null>>;
+    approvalQueue: ApprovalRequest[];
+    setApprovalQueue: React.Dispatch<React.SetStateAction<ApprovalRequest[]>>;
+    buffer: TextBuffer;
+    inputService: InputService;
+    messageService: MessageService;
+    overlayContainerRef: React.RefObject<OverlayContainerHandle | null>;
+    visibleMessages: Message[];
+    agent: DextoAgent;
+    startupInfo: StartupInfo;
+}
+export declare function useCLIState({ agent, initialSessionId, startupInfo, initialBypassPermissions, onKeyboardScroll: _onKeyboardScroll, }: UseCLIStateProps): CLIStateReturn;
+//# sourceMappingURL=useCLIState.d.ts.map

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

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

package/dist/hooks/useCLIState.js

@@ -0,0 +1,201 @@
+import { useState, useMemo, useEffect, useRef, useCallback } from "react";
+import { useStdout } from "ink";
+import {
+  getModelDisplayName,
+  isUserMessage
+} from "@dexto/core";
+import { useAgentEvents } from "./useAgentEvents.js";
+import { useInputOrchestrator } from "./useInputOrchestrator.js";
+import { InputService, MessageService } from "../services/index.js";
+import { convertHistoryToUIMessages } from "../utils/messageFormatting.js";
+import { useTextBuffer } from "../components/shared/text-buffer.js";
+function useCLIState({
+  agent,
+  initialSessionId,
+  startupInfo,
+  initialBypassPermissions = false,
+  onKeyboardScroll: _onKeyboardScroll
+}) {
+  const [messages, setMessages] = useState([]);
+  const [pendingMessages, setPendingMessages] = useState([]);
+  const [dequeuedBuffer, setDequeuedBuffer] = useState([]);
+  const [queuedMessages, setQueuedMessages] = useState([]);
+  const [todos, setTodos] = useState([]);
+  const [ui, setUi] = useState({
+    isProcessing: false,
+    isCancelling: false,
+    isThinking: false,
+    isCompacting: false,
+    activeOverlay: "none",
+    showReasoning: true,
+    exitWarningShown: false,
+    exitWarningTimestamp: null,
+    mcpWizardServerType: null,
+    copyModeEnabled: false,
+    pendingModelSwitch: null,
+    selectedMcpServer: null,
+    historySearch: {
+      isActive: false,
+      query: "",
+      matchIndex: 0,
+      originalInput: "",
+      lastMatch: ""
+    },
+    promptAddWizard: null,
+    autoApproveEdits: false,
+    bypassPermissions: initialBypassPermissions,
+    todoExpanded: true,
+    // Default to expanded to show full todo list
+    backgroundTasksRunning: 0,
+    backgroundTasksExpanded: false,
+    backgroundTasks: [],
+    planModeActive: false,
+    planModeInitialized: false,
+    commandOutput: null
+  });
+  const [input, setInput] = useState({
+    value: "",
+    history: [],
+    historyIndex: -1,
+    draftBeforeHistory: "",
+    images: [],
+    pastedBlocks: [],
+    pasteCounter: 0
+  });
+  const initialConfig = agent.getCurrentLLMConfig();
+  const [session, setSession] = useState({
+    id: initialSessionId,
+    hasActiveSession: initialSessionId !== null,
+    modelName: getModelDisplayName(initialConfig.model, initialConfig.provider)
+  });
+  const [approval, setApproval] = useState(null);
+  const [approvalQueue, setApprovalQueue] = useState([]);
+  const inputService = useMemo(() => new InputService(), []);
+  const messageService = useMemo(() => new MessageService(), []);
+  const { stdout } = useStdout();
+  const terminalWidth = stdout?.columns || 80;
+  const inputWidth = Math.max(20, terminalWidth - 4);
+  const handleBufferChange = useCallback((text) => {
+    setInput((prev) => ({ ...prev, value: text }));
+  }, []);
+  const buffer = useTextBuffer({
+    initialText: "",
+    viewport: { width: inputWidth, height: 10 },
+    onChange: handleBufferChange
+  });
+  useEffect(() => {
+    buffer.setViewport(inputWidth, 10);
+  }, [inputWidth, buffer.setViewport]);
+  const overlayContainerRef = useRef(null);
+  useAgentEvents({
+    agent,
+    setMessages,
+    setPendingMessages,
+    setUi,
+    setSession,
+    setInput,
+    setApproval,
+    setApprovalQueue,
+    setQueuedMessages,
+    currentSessionId: session.id,
+    buffer
+  });
+  const approvalHandler = useCallback((inputStr, key) => {
+    return overlayContainerRef.current?.handleInput(inputStr, key) ?? false;
+  }, []);
+  const overlayHandler = useCallback((inputStr, key) => {
+    return overlayContainerRef.current?.handleInput(inputStr, key) ?? false;
+  }, []);
+  useInputOrchestrator({
+    ui,
+    approval,
+    input,
+    session,
+    queuedMessages,
+    buffer,
+    setUi,
+    setInput,
+    setMessages,
+    setPendingMessages,
+    setQueuedMessages,
+    agent,
+    handlers: {
+      approval: approvalHandler,
+      overlay: overlayHandler
+    }
+  });
+  useEffect(() => {
+    setTodos([]);
+  }, [session.id]);
+  useEffect(() => {
+    if (!initialSessionId || !session.hasActiveSession || messages.length > 0) {
+      return;
+    }
+    let cancelled = false;
+    (async () => {
+      try {
+        const history = await agent.getSessionHistory(initialSessionId);
+        if (!history?.length || cancelled) return;
+        const historyMessages = convertHistoryToUIMessages(history, initialSessionId);
+        setMessages(historyMessages);
+        const userInputHistory = history.filter(isUserMessage).map(
+          (msg) => msg.content.filter(
+            (part) => part.type === "text"
+          ).map((part) => part.text).join("\n")
+        ).filter((text) => text.trim().length > 0);
+        setInput((prev) => ({
+          ...prev,
+          history: userInputHistory,
+          historyIndex: -1
+        }));
+      } catch (error) {
+        if (cancelled) return;
+        setMessages((prev) => [
+          ...prev,
+          {
+            id: `error-${Date.now()}`,
+            role: "system",
+            content: `Error: ${error instanceof Error ? error.message : String(error)}`,
+            timestamp: /* @__PURE__ */ new Date()
+          }
+        ]);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [agent, initialSessionId, messages.length, session.hasActiveSession]);
+  const visibleMessages = messages;
+  return {
+    messages,
+    setMessages,
+    pendingMessages,
+    setPendingMessages,
+    dequeuedBuffer,
+    setDequeuedBuffer,
+    queuedMessages,
+    setQueuedMessages,
+    todos,
+    setTodos,
+    ui,
+    setUi,
+    input,
+    setInput,
+    session,
+    setSession,
+    approval,
+    setApproval,
+    approvalQueue,
+    setApprovalQueue,
+    buffer,
+    inputService,
+    messageService,
+    overlayContainerRef,
+    visibleMessages,
+    agent,
+    startupInfo
+  };
+}
+export {
+  useCLIState
+};

package/dist/hooks/useElapsedTime.cjs

@@ -0,0 +1,79 @@
+"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 useElapsedTime_exports = {};
+__export(useElapsedTime_exports, {
+  useElapsedTime: () => useElapsedTime
+});
+module.exports = __toCommonJS(useElapsedTime_exports);
+var import_react = require("react");
+function formatElapsedTime(ms) {
+  const seconds = Math.floor(ms / 1e3);
+  const tenths = Math.floor(ms % 1e3 / 100);
+  if (seconds < 60) {
+    return `${seconds}.${tenths}s`;
+  }
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = seconds % 60;
+  if (minutes < 60) {
+    return `${minutes}m ${remainingSeconds}s`;
+  }
+  const hours = Math.floor(minutes / 60);
+  const remainingMinutes = minutes % 60;
+  return `${hours}h ${remainingMinutes}m ${remainingSeconds}s`;
+}
+function useElapsedTime({
+  isActive,
+  intervalMs = 100
+}) {
+  const [elapsedMs, setElapsedMs] = (0, import_react.useState)(0);
+  const startTimeRef = (0, import_react.useRef)(null);
+  const intervalRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (isActive) {
+      startTimeRef.current = Date.now();
+      setElapsedMs(0);
+      intervalRef.current = setInterval(() => {
+        if (startTimeRef.current !== null) {
+          setElapsedMs(Date.now() - startTimeRef.current);
+        }
+      }, intervalMs);
+    } else {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+      startTimeRef.current = null;
+      setElapsedMs(0);
+    }
+    return () => {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+    };
+  }, [isActive, intervalMs]);
+  return {
+    elapsedMs,
+    formatted: formatElapsedTime(elapsedMs)
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useElapsedTime
+});

package/dist/hooks/useElapsedTime.d.ts

@@ -0,0 +1,24 @@
+/**
+ * useElapsedTime Hook
+ * Tracks elapsed time during processing with live updates
+ */
+export interface ElapsedTimeOptions {
+    /** Whether timing is active (should only run during processing) */
+    isActive: boolean;
+    /** Update interval in milliseconds (default: 100ms) */
+    intervalMs?: number;
+}
+export interface ElapsedTimeResult {
+    /** Elapsed time in milliseconds */
+    elapsedMs: number;
+    /** Formatted elapsed time string (e.g., "1.2s", "1m 23s") */
+    formatted: string;
+}
+/**
+ * Hook that tracks elapsed time during processing
+ *
+ * @param options - Configuration options
+ * @returns Elapsed time in ms and formatted string
+ */
+export declare function useElapsedTime({ isActive, intervalMs, }: ElapsedTimeOptions): ElapsedTimeResult;
+//# sourceMappingURL=useElapsedTime.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useElapsedTime.d.ts","sourceRoot":"","sources":["../../src/hooks/useElapsedTime.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,WAAW,kBAAkB;IAC/B,mEAAmE;IACnE,QAAQ,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAC9B,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,SAAS,EAAE,MAAM,CAAC;CACrB;AA4BD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC3B,QAAQ,EACR,UAAgB,GACnB,EAAE,kBAAkB,GAAG,iBAAiB,CAuCxC"}

package/dist/hooks/useElapsedTime.js

@@ -0,0 +1,55 @@
+import { useState, useEffect, useRef } from "react";
+function formatElapsedTime(ms) {
+  const seconds = Math.floor(ms / 1e3);
+  const tenths = Math.floor(ms % 1e3 / 100);
+  if (seconds < 60) {
+    return `${seconds}.${tenths}s`;
+  }
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = seconds % 60;
+  if (minutes < 60) {
+    return `${minutes}m ${remainingSeconds}s`;
+  }
+  const hours = Math.floor(minutes / 60);
+  const remainingMinutes = minutes % 60;
+  return `${hours}h ${remainingMinutes}m ${remainingSeconds}s`;
+}
+function useElapsedTime({
+  isActive,
+  intervalMs = 100
+}) {
+  const [elapsedMs, setElapsedMs] = useState(0);
+  const startTimeRef = useRef(null);
+  const intervalRef = useRef(null);
+  useEffect(() => {
+    if (isActive) {
+      startTimeRef.current = Date.now();
+      setElapsedMs(0);
+      intervalRef.current = setInterval(() => {
+        if (startTimeRef.current !== null) {
+          setElapsedMs(Date.now() - startTimeRef.current);
+        }
+      }, intervalMs);
+    } else {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+      startTimeRef.current = null;
+      setElapsedMs(0);
+    }
+    return () => {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+    };
+  }, [isActive, intervalMs]);
+  return {
+    elapsedMs,
+    formatted: formatElapsedTime(elapsedMs)
+  };
+}
+export {
+  useElapsedTime
+};

package/dist/hooks/useGitBranch.cjs

@@ -0,0 +1,47 @@
+"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 useGitBranch_exports = {};
+__export(useGitBranch_exports, {
+  useGitBranch: () => useGitBranch
+});
+module.exports = __toCommonJS(useGitBranch_exports);
+var import_react = require("react");
+var import_child_process = require("child_process");
+function useGitBranch(cwd) {
+  const [branchName, setBranchName] = (0, import_react.useState)(void 0);
+  (0, import_react.useEffect)(() => {
+    const workingDir = cwd || process.cwd();
+    try {
+      const result = (0, import_child_process.execSync)("git rev-parse --abbrev-ref HEAD", {
+        cwd: workingDir,
+        encoding: "utf-8",
+        stdio: ["pipe", "pipe", "pipe"]
+      });
+      const branch = result.trim();
+      setBranchName(branch || void 0);
+    } catch {
+      setBranchName(void 0);
+    }
+  }, [cwd]);
+  return branchName;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useGitBranch
+});