@dexto/tui 1.6.2

package/dist/components/overlays/SessionSelectorRefactored.js

@@ -0,0 +1,133 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from "react";
+import { Text } from "ink";
+import { logger } from "@dexto/core";
+import { BaseSelector } from "../base/BaseSelector.js";
+const SessionSelector = forwardRef(
+  function SessionSelector2({ isVisible, onSelectSession, onClose, agent, currentSessionId }, ref) {
+    const baseSelectorRef = useRef(null);
+    useImperativeHandle(
+      ref,
+      () => ({
+        handleInput: (input, key) => {
+          return baseSelectorRef.current?.handleInput(input, key) ?? false;
+        }
+      }),
+      []
+    );
+    const [sessions, setSessions] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    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) {
+            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__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: formatSession(session) }),
+      session.isCurrent && /* @__PURE__ */ jsxs(Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: [
+        " ",
+        "\u2190 Current"
+      ] })
+    ] });
+    const handleSelect = (session) => {
+      onSelectSession(session.id);
+    };
+    return /* @__PURE__ */ jsx(
+      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;
+export {
+  SessionSelectorRefactored_default as default
+};

package/dist/components/overlays/SessionSubcommandSelector.cjs

@@ -0,0 +1,84 @@
+"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 SessionSubcommandSelector_exports = {};
+__export(SessionSubcommandSelector_exports, {
+  default: () => SessionSubcommandSelector_default
+});
+module.exports = __toCommonJS(SessionSubcommandSelector_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ink = require("ink");
+var import_BaseSelector = require("../base/BaseSelector.js");
+const SESSION_OPTIONS = [
+  { action: "list", label: "list", description: "List all sessions", icon: "\u{1F4CB}" },
+  { action: "switch", label: "switch", description: "Switch to another session", icon: "\u{1F504}" },
+  { action: "history", label: "history", description: "Show session history", icon: "\u{1F4DC}" },
+  { action: "delete", label: "delete", description: "Delete a session", icon: "\u{1F5D1}\uFE0F" }
+];
+const SessionSubcommandSelector = (0, import_react.forwardRef)(function SessionSubcommandSelector2({ isVisible, onSelect, onClose }, ref) {
+  const baseSelectorRef = (0, import_react.useRef)(null);
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      handleInput: (input, key) => {
+        return baseSelectorRef.current?.handleInput(input, key) ?? false;
+      }
+    }),
+    []
+  );
+  const [options] = (0, import_react.useState)(SESSION_OPTIONS);
+  const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    if (isVisible) {
+      setSelectedIndex(0);
+    }
+  }, [isVisible]);
+  const formatItem = (option, isSelected) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { children: [
+      option.icon,
+      " "
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: option.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? "white" : "gray", children: [
+      " - ",
+      option.description
+    ] })
+  ] });
+  const handleSelect = (option) => {
+    onSelect(option.action);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_BaseSelector.BaseSelector,
+    {
+      ref: baseSelectorRef,
+      items: options,
+      isVisible,
+      isLoading: false,
+      selectedIndex,
+      onSelectIndex: setSelectedIndex,
+      onSelect: handleSelect,
+      onClose,
+      formatItem,
+      title: "Session Management",
+      borderColor: "blue",
+      emptyMessage: "No options available"
+    }
+  );
+});
+var SessionSubcommandSelector_default = SessionSubcommandSelector;

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

@@ -0,0 +1,21 @@
+/**
+ * SessionSubcommandSelector Component
+ * Shows session management options (list, history, delete, switch)
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+export type SessionAction = 'list' | 'history' | 'delete' | 'switch';
+interface SessionSubcommandSelectorProps {
+    isVisible: boolean;
+    onSelect: (action: SessionAction) => void;
+    onClose: () => void;
+}
+export interface SessionSubcommandSelectorHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * Session subcommand selector - shows session management options
+ */
+declare const SessionSubcommandSelector: React.ForwardRefExoticComponent<SessionSubcommandSelectorProps & React.RefAttributes<SessionSubcommandSelectorHandle>>;
+export default SessionSubcommandSelector;
+//# sourceMappingURL=SessionSubcommandSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionSubcommandSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/SessionSubcommandSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErE,UAAU,8BAA8B;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,+BAA+B;IAC5C,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAgBD;;GAEG;AACH,QAAA,MAAM,yBAAyB,wHA2D7B,CAAC;AAEH,eAAe,yBAAyB,CAAC"}

package/dist/components/overlays/SessionSubcommandSelector.js

@@ -0,0 +1,64 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from "react";
+import { Text } from "ink";
+import { BaseSelector } from "../base/BaseSelector.js";
+const SESSION_OPTIONS = [
+  { action: "list", label: "list", description: "List all sessions", icon: "\u{1F4CB}" },
+  { action: "switch", label: "switch", description: "Switch to another session", icon: "\u{1F504}" },
+  { action: "history", label: "history", description: "Show session history", icon: "\u{1F4DC}" },
+  { action: "delete", label: "delete", description: "Delete a session", icon: "\u{1F5D1}\uFE0F" }
+];
+const SessionSubcommandSelector = forwardRef(function SessionSubcommandSelector2({ isVisible, onSelect, onClose }, ref) {
+  const baseSelectorRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => ({
+      handleInput: (input, key) => {
+        return baseSelectorRef.current?.handleInput(input, key) ?? false;
+      }
+    }),
+    []
+  );
+  const [options] = useState(SESSION_OPTIONS);
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  useEffect(() => {
+    if (isVisible) {
+      setSelectedIndex(0);
+    }
+  }, [isVisible]);
+  const formatItem = (option, isSelected) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Text, { children: [
+      option.icon,
+      " "
+    ] }),
+    /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: option.label }),
+    /* @__PURE__ */ jsxs(Text, { color: isSelected ? "white" : "gray", children: [
+      " - ",
+      option.description
+    ] })
+  ] });
+  const handleSelect = (option) => {
+    onSelect(option.action);
+  };
+  return /* @__PURE__ */ jsx(
+    BaseSelector,
+    {
+      ref: baseSelectorRef,
+      items: options,
+      isVisible,
+      isLoading: false,
+      selectedIndex,
+      onSelectIndex: setSelectedIndex,
+      onSelect: handleSelect,
+      onClose,
+      formatItem,
+      title: "Session Management",
+      borderColor: "blue",
+      emptyMessage: "No options available"
+    }
+  );
+});
+var SessionSubcommandSelector_default = SessionSubcommandSelector;
+export {
+  SessionSubcommandSelector_default as default
+};