@dexto/tui 1.6.2

package/dist/components/overlays/StreamSelector.cjs

@@ -0,0 +1,104 @@
+"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 StreamSelector_exports = {};
+__export(StreamSelector_exports, {
+  default: () => StreamSelector_default
+});
+module.exports = __toCommonJS(StreamSelector_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");
+var import_streaming_state = require("../../state/streaming-state.js");
+const StreamSelector = (0, import_react.forwardRef)(
+  function StreamSelector2({ 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, setOptions] = (0, import_react.useState)([]);
+    const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
+    (0, import_react.useEffect)(() => {
+      if (!isVisible) return;
+      const currentEnabled = (0, import_streaming_state.isStreamingEnabled)();
+      const optionList = [
+        {
+          id: "enabled",
+          label: "Enabled (Experimental)",
+          description: "Show responses as they are generated",
+          icon: "\u25B6\uFE0F",
+          isCurrent: currentEnabled
+        },
+        {
+          id: "disabled",
+          label: "Disabled",
+          description: "Show complete response when finished (default)",
+          icon: "\u23F8\uFE0F",
+          isCurrent: !currentEnabled
+        }
+      ];
+      setOptions(optionList);
+      setSelectedIndex(currentEnabled ? 0 : 1);
+    }, [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
+      ] }),
+      option.isCurrent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "green", bold: true, children: [
+        " ",
+        "\u2713"
+      ] })
+    ] });
+    const handleSelect = (option) => {
+      const enabled = option.id === "enabled";
+      (0, import_streaming_state.setStreamingEnabled)(enabled);
+      onSelect(enabled);
+    };
+    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: "Streaming Mode",
+        borderColor: "cyan",
+        emptyMessage: "No options available"
+      }
+    );
+  }
+);
+var StreamSelector_default = StreamSelector;

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

@@ -0,0 +1,20 @@
+/**
+ * StreamSelector Component
+ * Interactive selector for toggling streaming mode
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+interface StreamSelectorProps {
+    isVisible: boolean;
+    onSelect: (enabled: boolean) => void;
+    onClose: () => void;
+}
+export interface StreamSelectorHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * Stream selector - toggle streaming on/off
+ */
+declare const StreamSelector: React.ForwardRefExoticComponent<StreamSelectorProps & React.RefAttributes<StreamSelectorHandle>>;
+export default StreamSelector;
+//# sourceMappingURL=StreamSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StreamSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/StreamSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAI/D,UAAU,mBAAmB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAUD;;GAEG;AACH,QAAA,MAAM,cAAc,kGAuFnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/overlays/StreamSelector.js

@@ -0,0 +1,84 @@
+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";
+import { isStreamingEnabled, setStreamingEnabled } from "../../state/streaming-state.js";
+const StreamSelector = forwardRef(
+  function StreamSelector2({ isVisible, onSelect, onClose }, ref) {
+    const baseSelectorRef = useRef(null);
+    useImperativeHandle(
+      ref,
+      () => ({
+        handleInput: (input, key) => {
+          return baseSelectorRef.current?.handleInput(input, key) ?? false;
+        }
+      }),
+      []
+    );
+    const [options, setOptions] = useState([]);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useEffect(() => {
+      if (!isVisible) return;
+      const currentEnabled = isStreamingEnabled();
+      const optionList = [
+        {
+          id: "enabled",
+          label: "Enabled (Experimental)",
+          description: "Show responses as they are generated",
+          icon: "\u25B6\uFE0F",
+          isCurrent: currentEnabled
+        },
+        {
+          id: "disabled",
+          label: "Disabled",
+          description: "Show complete response when finished (default)",
+          icon: "\u23F8\uFE0F",
+          isCurrent: !currentEnabled
+        }
+      ];
+      setOptions(optionList);
+      setSelectedIndex(currentEnabled ? 0 : 1);
+    }, [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
+      ] }),
+      option.isCurrent && /* @__PURE__ */ jsxs(Text, { color: "green", bold: true, children: [
+        " ",
+        "\u2713"
+      ] })
+    ] });
+    const handleSelect = (option) => {
+      const enabled = option.id === "enabled";
+      setStreamingEnabled(enabled);
+      onSelect(enabled);
+    };
+    return /* @__PURE__ */ jsx(
+      BaseSelector,
+      {
+        ref: baseSelectorRef,
+        items: options,
+        isVisible,
+        isLoading: false,
+        selectedIndex,
+        onSelectIndex: setSelectedIndex,
+        onSelect: handleSelect,
+        onClose,
+        formatItem,
+        title: "Streaming Mode",
+        borderColor: "cyan",
+        emptyMessage: "No options available"
+      }
+    );
+  }
+);
+var StreamSelector_default = StreamSelector;
+export {
+  StreamSelector_default as default
+};