@dexto/tui 1.6.2

package/dist/components/overlays/SearchOverlay.js

@@ -0,0 +1,236 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useState,
+  useEffect,
+  useRef,
+  forwardRef,
+  useImperativeHandle,
+  useCallback
+} from "react";
+import { Box, Text } from "ink";
+const MAX_VISIBLE_RESULTS = 6;
+const SEARCH_DEBOUNCE_MS = 300;
+const SearchOverlay = forwardRef(function SearchOverlay2({ isVisible, onClose, onSelectResult, agent }, ref) {
+  const [state, setState] = useState({
+    query: "",
+    results: [],
+    isLoading: false,
+    selectedIndex: 0,
+    total: 0,
+    hasMore: false,
+    error: null
+  });
+  const searchTimeoutRef = useRef(null);
+  const scrollOffset = useRef(0);
+  const searchSeqRef = useRef(0);
+  useEffect(() => {
+    if (isVisible) {
+      setState({
+        query: "",
+        results: [],
+        isLoading: false,
+        selectedIndex: 0,
+        total: 0,
+        hasMore: false,
+        error: null
+      });
+      scrollOffset.current = 0;
+    }
+  }, [isVisible]);
+  const performSearch = useCallback(
+    async (query) => {
+      const seq = ++searchSeqRef.current;
+      if (!query.trim()) {
+        setState((prev) => ({
+          ...prev,
+          results: [],
+          total: 0,
+          hasMore: false,
+          isLoading: false,
+          error: null
+        }));
+        return;
+      }
+      setState((prev) => ({ ...prev, isLoading: true, error: null }));
+      try {
+        const response = await agent.searchMessages(query, { limit: 20 });
+        if (seq !== searchSeqRef.current) return;
+        setState((prev) => ({
+          ...prev,
+          results: response.results,
+          total: response.total,
+          hasMore: response.hasMore,
+          isLoading: false,
+          selectedIndex: 0
+        }));
+        scrollOffset.current = 0;
+      } catch (error) {
+        if (seq !== searchSeqRef.current) return;
+        setState((prev) => ({
+          ...prev,
+          results: [],
+          total: 0,
+          hasMore: false,
+          isLoading: false,
+          error: error instanceof Error ? error.message : "Search failed"
+        }));
+      }
+    },
+    [agent]
+  );
+  const updateQuery = useCallback(
+    (newQuery) => {
+      setState((prev) => ({ ...prev, query: newQuery }));
+      if (searchTimeoutRef.current) {
+        clearTimeout(searchTimeoutRef.current);
+      }
+      searchTimeoutRef.current = setTimeout(() => {
+        void performSearch(newQuery);
+      }, SEARCH_DEBOUNCE_MS);
+    },
+    [performSearch]
+  );
+  useEffect(() => {
+    return () => {
+      if (searchTimeoutRef.current) {
+        clearTimeout(searchTimeoutRef.current);
+      }
+    };
+  }, []);
+  useImperativeHandle(
+    ref,
+    () => ({
+      handleInput: (input, key) => {
+        if (!isVisible) return false;
+        if (key.escape) {
+          onClose();
+          return true;
+        }
+        if (key.return && state.results.length > 0) {
+          const selectedResult = state.results[state.selectedIndex];
+          if (selectedResult && onSelectResult) {
+            onSelectResult(selectedResult);
+          }
+          onClose();
+          return true;
+        }
+        if (key.upArrow) {
+          setState((prev) => {
+            const newIndex = Math.max(0, prev.selectedIndex - 1);
+            if (newIndex < scrollOffset.current) {
+              scrollOffset.current = newIndex;
+            }
+            return { ...prev, selectedIndex: newIndex };
+          });
+          return true;
+        }
+        if (key.downArrow) {
+          setState((prev) => {
+            const newIndex = Math.min(prev.results.length - 1, prev.selectedIndex + 1);
+            if (newIndex >= scrollOffset.current + MAX_VISIBLE_RESULTS) {
+              scrollOffset.current = newIndex - MAX_VISIBLE_RESULTS + 1;
+            }
+            return { ...prev, selectedIndex: newIndex };
+          });
+          return true;
+        }
+        if (key.backspace || key.delete) {
+          updateQuery(state.query.slice(0, -1));
+          return true;
+        }
+        if (input && !key.ctrl && !key.meta) {
+          updateQuery(state.query + input);
+          return true;
+        }
+        return false;
+      }
+    }),
+    [isVisible, onClose, onSelectResult, state, updateQuery]
+  );
+  if (!isVisible) return null;
+  const visibleResults = state.results.slice(
+    scrollOffset.current,
+    scrollOffset.current + MAX_VISIBLE_RESULTS
+  );
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Search Messages" }),
+      state.total > 0 && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        " ",
+        "(",
+        state.total,
+        " result",
+        state.total !== 1 ? "s" : "",
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "> " }),
+      /* @__PURE__ */ jsx(Text, { children: state.query }),
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+    ] }),
+    state.isLoading && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellowBright", children: "Searching..." }) }),
+    state.error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", children: state.error }) }),
+    !state.isLoading && state.results.length > 0 && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      visibleResults.map((result, idx) => {
+        const actualIndex = scrollOffset.current + idx;
+        const isSelected = actualIndex === state.selectedIndex;
+        const roleColor = result.message.role === "user" ? "blue" : result.message.role === "assistant" ? "green" : "yellowBright";
+        return /* @__PURE__ */ jsxs(
+          Box,
+          {
+            flexDirection: "column",
+            paddingLeft: isSelected ? 0 : 2,
+            children: [
+              /* @__PURE__ */ jsxs(Box, { children: [
+                isSelected && /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "> " }),
+                /* @__PURE__ */ jsx(Text, { color: "gray", children: result.sessionId.slice(0, 8) }),
+                /* @__PURE__ */ jsx(Text, { children: " " }),
+                /* @__PURE__ */ jsxs(Text, { color: roleColor, bold: isSelected, children: [
+                  "[",
+                  result.message.role,
+                  "]"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(Box, { paddingLeft: isSelected ? 2 : 0, children: /* @__PURE__ */ jsxs(Text, { color: isSelected ? "white" : "gray", children: [
+                "  ",
+                truncateContext(result.context, 60)
+              ] }) })
+            ]
+          },
+          `${result.sessionId}-${result.messageIndex}`
+        );
+      }),
+      state.results.length > MAX_VISIBLE_RESULTS && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        "Showing ",
+        scrollOffset.current + 1,
+        "-",
+        Math.min(
+          scrollOffset.current + MAX_VISIBLE_RESULTS,
+          state.results.length
+        ),
+        " ",
+        "of ",
+        state.results.length,
+        state.hasMore ? "+" : ""
+      ] }) })
+    ] }),
+    !state.isLoading && state.query && state.results.length === 0 && !state.error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      'No results found for "',
+      state.query,
+      '"'
+    ] }) }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc close" }) })
+  ] });
+});
+function truncateContext(context, maxLength) {
+  const cleaned = context.replace(/\s+/g, " ").trim();
+  if (cleaned.length <= maxLength) {
+    return cleaned;
+  }
+  return cleaned.slice(0, maxLength - 3) + "...";
+}
+var SearchOverlay_default = SearchOverlay;
+export {
+  SearchOverlay_default as default
+};

package/dist/components/overlays/SessionRenameOverlay.cjs

@@ -0,0 +1,101 @@
+"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 SessionRenameOverlay_exports = {};
+__export(SessionRenameOverlay_exports, {
+  default: () => SessionRenameOverlay_default
+});
+module.exports = __toCommonJS(SessionRenameOverlay_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ink = require("ink");
+const SessionRenameOverlay = (0, import_react.forwardRef)(
+  function SessionRenameOverlay2({ isVisible, currentTitle, onRename, onClose }, ref) {
+    const [title, setTitle] = (0, import_react.useState)(currentTitle || "");
+    const [error, setError] = (0, import_react.useState)(null);
+    (0, import_react.useEffect)(() => {
+      if (isVisible) {
+        setTitle(currentTitle || "");
+        setError(null);
+      }
+    }, [isVisible, currentTitle]);
+    const handleSubmit = (0, import_react.useCallback)(() => {
+      const trimmedTitle = title.trim();
+      if (!trimmedTitle) {
+        setError("Title cannot be empty");
+        return;
+      }
+      onRename(trimmedTitle);
+    }, [title, onRename]);
+    (0, import_react.useImperativeHandle)(
+      ref,
+      () => ({
+        handleInput: (input, key) => {
+          if (!isVisible) return false;
+          if (key.escape) {
+            onClose();
+            return true;
+          }
+          if (key.return) {
+            handleSubmit();
+            return true;
+          }
+          if (key.backspace || key.delete) {
+            setTitle((prev) => prev.slice(0, -1));
+            setError(null);
+            return true;
+          }
+          if (input && !key.ctrl && !key.meta) {
+            setTitle((prev) => prev + input);
+            setError(null);
+            return true;
+          }
+          return false;
+        }
+      }),
+      [isVisible, onClose, handleSubmit]
+    );
+    if (!isVisible) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_ink.Box,
+      {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: "cyan",
+        paddingX: 1,
+        marginTop: 1,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: "cyan", children: "Rename Session" }) }),
+          currentTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginBottom: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Current: " }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "white", children: currentTitle })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, children: "Enter new title:" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: "> " }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: "_" })
+          ] }),
+          error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "red", children: error }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Enter to save \u2022 Esc to cancel" }) })
+        ]
+      }
+    );
+  }
+);
+var SessionRenameOverlay_default = SessionRenameOverlay;

package/dist/components/overlays/SessionRenameOverlay.d.ts

@@ -0,0 +1,21 @@
+/**
+ * SessionRenameOverlay Component
+ * Interactive overlay for renaming the current session
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+export interface SessionRenameOverlayProps {
+    isVisible: boolean;
+    currentTitle: string | undefined;
+    onRename: (newTitle: string) => void;
+    onClose: () => void;
+}
+export interface SessionRenameOverlayHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * Session rename overlay - allows user to edit the session title
+ */
+declare const SessionRenameOverlay: React.ForwardRefExoticComponent<SessionRenameOverlayProps & React.RefAttributes<SessionRenameOverlayHandle>>;
+export default SessionRenameOverlay;
+//# sourceMappingURL=SessionRenameOverlay.d.ts.map

package/dist/components/overlays/SessionRenameOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionRenameOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/SessionRenameOverlay.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAEjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAE/D,MAAM,WAAW,yBAAyB;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,0BAA0B;IACvC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED;;GAEG;AACH,QAAA,MAAM,oBAAoB,8GAkHzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/overlays/SessionRenameOverlay.js

@@ -0,0 +1,81 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, forwardRef, useImperativeHandle, useCallback } from "react";
+import { Box, Text } from "ink";
+const SessionRenameOverlay = forwardRef(
+  function SessionRenameOverlay2({ isVisible, currentTitle, onRename, onClose }, ref) {
+    const [title, setTitle] = useState(currentTitle || "");
+    const [error, setError] = useState(null);
+    useEffect(() => {
+      if (isVisible) {
+        setTitle(currentTitle || "");
+        setError(null);
+      }
+    }, [isVisible, currentTitle]);
+    const handleSubmit = useCallback(() => {
+      const trimmedTitle = title.trim();
+      if (!trimmedTitle) {
+        setError("Title cannot be empty");
+        return;
+      }
+      onRename(trimmedTitle);
+    }, [title, onRename]);
+    useImperativeHandle(
+      ref,
+      () => ({
+        handleInput: (input, key) => {
+          if (!isVisible) return false;
+          if (key.escape) {
+            onClose();
+            return true;
+          }
+          if (key.return) {
+            handleSubmit();
+            return true;
+          }
+          if (key.backspace || key.delete) {
+            setTitle((prev) => prev.slice(0, -1));
+            setError(null);
+            return true;
+          }
+          if (input && !key.ctrl && !key.meta) {
+            setTitle((prev) => prev + input);
+            setError(null);
+            return true;
+          }
+          return false;
+        }
+      }),
+      [isVisible, onClose, handleSubmit]
+    );
+    if (!isVisible) return null;
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: "cyan",
+        paddingX: 1,
+        marginTop: 1,
+        children: [
+          /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Rename Session" }) }),
+          currentTitle && /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+            /* @__PURE__ */ jsx(Text, { color: "gray", children: "Current: " }),
+            /* @__PURE__ */ jsx(Text, { color: "white", children: currentTitle })
+          ] }),
+          /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsx(Text, { bold: true, children: "Enter new title:" }) }),
+          /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+            /* @__PURE__ */ jsx(Text, { color: "cyan", children: "> " }),
+            /* @__PURE__ */ jsx(Text, { children: title }),
+            /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+          ] }),
+          error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", children: error }) }),
+          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Enter to save \u2022 Esc to cancel" }) })
+        ]
+      }
+    );
+  }
+);
+var SessionRenameOverlay_default = SessionRenameOverlay;
+export {
+  SessionRenameOverlay_default as default
+};

package/dist/components/overlays/SessionSelectorRefactored.cjs

@@ -0,0 +1,153 @@
+"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 SessionSelectorRefactored_exports = {};
+__export(SessionSelectorRefactored_exports, {
+  default: () => SessionSelectorRefactored_default
+});
+module.exports = __toCommonJS(SessionSelectorRefactored_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ink = require("ink");
+var import_core = require("@dexto/core");
+var import_BaseSelector = require("../base/BaseSelector.js");
+const SessionSelector = (0, import_react.forwardRef)(
+  function SessionSelector2({ isVisible, onSelectSession, onClose, agent, currentSessionId }, ref) {
+    const baseSelectorRef = (0, import_react.useRef)(null);
+    (0, import_react.useImperativeHandle)(
+      ref,
+      () => ({
+        handleInput: (input, key) => {
+          return baseSelectorRef.current?.handleInput(input, key) ?? false;
+        }
+      }),
+      []
+    );
+    const [sessions, setSessions] = (0, import_react.useState)([]);
+    const [isLoading, setIsLoading] = (0, import_react.useState)(false);
+    const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
+    (0, import_react.useEffect)(() => {
+      if (!isVisible) return;
+      let cancelled = false;
+      setIsLoading(true);
+      const fetchSessions = async () => {
+        try {
+          const sessionIds = await agent.listSessions();
+          const sessionList = await Promise.all(
+            sessionIds.map(async (id) => {
+              try {
+                const metadata = await agent.getSessionMetadata(id);
+                return {
+                  id,
+                  metadata,
+                  isCurrent: id === currentSessionId
+                };
+              } catch {
+                return {
+                  id,
+                  metadata: void 0,
+                  isCurrent: id === currentSessionId
+                };
+              }
+            })
+          );
+          sessionList.sort((a, b) => {
+            if (a.isCurrent) return -1;
+            if (b.isCurrent) return 1;
+            const aTime = a.metadata?.lastActivity || 0;
+            const bTime = b.metadata?.lastActivity || 0;
+            return bTime - aTime;
+          });
+          if (!cancelled) {
+            setSessions(sessionList);
+            setIsLoading(false);
+            setSelectedIndex(0);
+          }
+        } catch (error) {
+          if (!cancelled) {
+            import_core.logger.error(
+              `Failed to fetch sessions: ${error instanceof Error ? error.message : "Unknown error"}`,
+              { error }
+            );
+            setSessions([]);
+            setIsLoading(false);
+          }
+        }
+      };
+      void fetchSessions();
+      return () => {
+        cancelled = true;
+      };
+    }, [isVisible, agent, currentSessionId]);
+    const formatSession = (session) => {
+      const parts = [];
+      if (session.metadata?.title) {
+        parts.push(session.metadata.title);
+      } else {
+        parts.push("New Session");
+      }
+      parts.push(session.id.slice(0, 8));
+      if (session.metadata?.lastActivity) {
+        const now = Date.now();
+        const diff = now - session.metadata.lastActivity;
+        const minutes = Math.floor(diff / 6e4);
+        const hours = Math.floor(minutes / 60);
+        const days = Math.floor(hours / 24);
+        if (days > 0) {
+          parts.push(`${days}d ago`);
+        } else if (hours > 0) {
+          parts.push(`${hours}h ago`);
+        } else if (minutes > 0) {
+          parts.push(`${minutes}m ago`);
+        } else {
+          parts.push("just now");
+        }
+      }
+      return parts.join(" \u2022 ");
+    };
+    const formatItem = (session, isSelected) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: formatSession(session) }),
+      session.isCurrent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: [
+        " ",
+        "\u2190 Current"
+      ] })
+    ] });
+    const handleSelect = (session) => {
+      onSelectSession(session.id);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_BaseSelector.BaseSelector,
+      {
+        ref: baseSelectorRef,
+        items: sessions,
+        isVisible,
+        isLoading,
+        selectedIndex,
+        onSelectIndex: setSelectedIndex,
+        onSelect: handleSelect,
+        onClose,
+        formatItem,
+        title: "Select Session",
+        borderColor: "cyan",
+        loadingMessage: "Loading sessions...",
+        emptyMessage: "No sessions found"
+      }
+    );
+  }
+);
+var SessionSelectorRefactored_default = SessionSelector;

package/dist/components/overlays/SessionSelectorRefactored.d.ts

@@ -0,0 +1,26 @@
+/**
+ * SessionSelector Component (Refactored)
+ * Now a thin wrapper around BaseSelector
+ * Eliminates ~200 lines of code by using base component
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+import type { DextoAgent } from '@dexto/core';
+interface SessionSelectorProps {
+    isVisible: boolean;
+    onSelectSession: (sessionId: string) => void;
+    onClose: () => void;
+    agent: DextoAgent;
+    currentSessionId?: string | undefined;
+}
+export interface SessionSelectorHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * Session selector - now a thin wrapper around BaseSelector
+ * Provides data fetching and formatting only
+ * Uses explicit currentSessionId prop (WebUI pattern) instead of getCurrentSessionId
+ */
+declare const SessionSelector: React.ForwardRefExoticComponent<SessionSelectorProps & React.RefAttributes<SessionSelectorHandle>>;
+export default SessionSelector;
+//# sourceMappingURL=SessionSelectorRefactored.d.ts.map

package/dist/components/overlays/SessionSelectorRefactored.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionSelectorRefactored.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/SessionSelectorRefactored.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAmB,MAAM,aAAa,CAAC;AAI/D,UAAU,oBAAoB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACzC;AAED,MAAM,WAAW,qBAAqB;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAQD;;;;GAIG;AACH,QAAA,MAAM,eAAe,oGA+JpB,CAAC;AAEF,eAAe,eAAe,CAAC"}