@shareai-lab/kode 1.1.12 → 1.1.14

package/dist/components/ModelConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/ModelConfig.tsx"],
+  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useState, useCallback, useEffect, useRef } from 'react'\nimport figures from 'figures'\nimport { getTheme } from '../utils/theme'\nimport {\n  getGlobalConfig,\n  saveGlobalConfig,\n  ModelPointerType,\n  setModelPointer,\n} from '../utils/config.js'\nimport { getModelManager } from '../utils/model'\nimport { useExitOnCtrlCD } from '../hooks/useExitOnCtrlCD'\nimport { ModelSelector } from './ModelSelector'\nimport { ModelListManager } from './ModelListManager'\n\ntype Props = {\n  onClose: () => void\n}\n\ntype ModelPointerSetting = {\n  id: ModelPointerType | 'add-new'\n  label: string\n  description: string\n  value: string\n  options: Array<{ id: string; name: string }>\n  type: 'modelPointer' | 'action'\n  onChange(value?: string): void\n}\n\nexport function ModelConfig({ onClose }: Props): React.ReactNode {\n  const config = getGlobalConfig()\n  const theme = getTheme()\n  const [selectedIndex, setSelectedIndex] = useState(0)\n  const [showModelSelector, setShowModelSelector] = useState(false)\n  const [showModelListManager, setShowModelListManager] = useState(false)\n  const [currentPointer, setCurrentPointer] = useState<ModelPointerType | null>(\n    null,\n  )\n  const [refreshKey, setRefreshKey] = useState(0) // \u6DFB\u52A0\u5237\u65B0\u952E\u6765\u5F3A\u5236\u66F4\u65B0\n  const [isDeleteMode, setIsDeleteMode] = useState(false) // \u4FDD\u7559\u7528\u4E8E\u6E05\u7A7A\u6307\u9488\u7684\u5220\u9664\u6A21\u5F0F\n  const selectedIndexRef = useRef(selectedIndex) // \u7528ref\u4FDD\u6301\u7126\u70B9\u72B6\u6001\n  const exitState = useExitOnCtrlCD(() => process.exit(0))\n\n  const modelManager = getModelManager()\n\n  // \u540C\u6B65 selectedIndex \u5230 ref\n  useEffect(() => {\n    selectedIndexRef.current = selectedIndex\n  }, [selectedIndex])\n\n  // Get available models for cycling (memoized) - without \"Add New Model\" option\n  const availableModels = React.useMemo((): Array<{\n    id: string\n    name: string\n  }> => {\n    const profiles = modelManager.getAvailableModels()\n    return profiles.map(p => ({ id: p.modelName, name: p.name }))\n  }, [modelManager, refreshKey]) // \u4F9D\u8D56refreshKey\u6765\u5F3A\u5236\u66F4\u65B0\n\n  // Create menu items: model pointers + \"Add New Model\" as separate item\n  const menuItems = React.useMemo(() => {\n    const modelSettings: ModelPointerSetting[] = [\n      {\n        id: 'main',\n        label: 'Main Model',\n        description: 'Primary model for general tasks and conversations',\n        value: config.modelPointers?.main || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) => handleModelPointerChange('main', value),\n      },\n      {\n        id: 'task',\n        label: 'Task Model',\n        description: 'Model for TaskTool sub-agents and automation',\n        value: config.modelPointers?.task || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) => handleModelPointerChange('task', value),\n      },\n      {\n        id: 'reasoning',\n        label: 'Reasoning Model',\n        description: 'Model optimized for complex reasoning tasks',\n        value: config.modelPointers?.reasoning || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) =>\n          handleModelPointerChange('reasoning', value),\n      },\n      {\n        id: 'quick',\n        label: 'Quick Model',\n        description: 'Fast model for simple operations and utilities',\n        value: config.modelPointers?.quick || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) => handleModelPointerChange('quick', value),\n      },\n    ]\n\n    // Add menu actions as separate menu items\n    return [\n      ...modelSettings,\n      {\n        id: 'manage-models',\n        label: 'Manage Model List',\n        description: 'View, add, and delete model configurations',\n        value: '',\n        options: [],\n        type: 'action' as const,\n        onChange: () => handleManageModels(),\n      },\n    ]\n  }, [config.modelPointers, availableModels, refreshKey])\n\n  const handleModelPointerChange = (\n    pointer: ModelPointerType,\n    modelId: string,\n  ) => {\n    // Direct model assignment\n    setModelPointer(pointer, modelId)\n    // Force re-render to show updated assignment\n    setRefreshKey(prev => prev + 1)\n  }\n\n  const handleManageModels = () => {\n    // Launch ModelListManager for model library management\n    setShowModelListManager(true)\n  }\n\n  const handleModelConfigurationComplete = () => {\n    // Model configuration is complete, return to model config screen\n    setShowModelSelector(false)\n    setShowModelListManager(false)\n    setCurrentPointer(null)\n    // \u89E6\u53D1\u7EC4\u4EF6\u5237\u65B0\uFF0C\u91CD\u65B0\u52A0\u8F7D\u53EF\u7528\u6A21\u578B\u5217\u8868\n    setRefreshKey(prev => prev + 1)\n    // \u5C06\u7126\u70B9\u91CD\u7F6E\u5230 \"Manage Model Library\" \u9009\u9879\n    const manageIndex = menuItems.findIndex(item => item.id === 'manage-models')\n    if (manageIndex !== -1) {\n      setSelectedIndex(manageIndex)\n    }\n  }\n\n  // Handle keyboard input - completely following Config component pattern\n  const handleInput = useCallback(\n    (input: string, key: any) => {\n      if (key.escape) {\n        if (isDeleteMode) {\n          setIsDeleteMode(false) // Exit delete mode\n        } else {\n          onClose()\n        }\n      } else if (input === 'd' && !isDeleteMode) {\n        setIsDeleteMode(true) // Enter delete mode\n      } else if (key.upArrow) {\n        setSelectedIndex(prev => Math.max(0, prev - 1))\n      } else if (key.downArrow) {\n        setSelectedIndex(prev => Math.min(menuItems.length - 1, prev + 1))\n      } else if (key.return || input === ' ') {\n        const setting = menuItems[selectedIndex]\n\n        if (isDeleteMode && setting.type === 'modelPointer' && setting.value) {\n          // Delete mode: clear the pointer assignment (not delete the model config)\n          setModelPointer(setting.id as ModelPointerType, '')\n          setRefreshKey(prev => prev + 1)\n          setIsDeleteMode(false) // Exit delete mode after clearing assignment\n        } else if (setting.type === 'modelPointer') {\n          // Normal mode: cycle through available models\n          if (setting.options.length === 0) {\n            // No models available, redirect to model library management\n            handleManageModels()\n            return\n          }\n          const currentIndex = setting.options.findIndex(\n            opt => opt.id === setting.value,\n          )\n          const nextIndex = (currentIndex + 1) % setting.options.length\n          const nextOption = setting.options[nextIndex]\n          if (nextOption) {\n            setting.onChange(nextOption.id)\n          }\n        } else if (setting.type === 'action') {\n          // Execute action (like \"Add New Model\")\n          setting.onChange()\n        }\n      }\n    },\n    [selectedIndex, menuItems, onClose, isDeleteMode, modelManager],\n  )\n\n  useInput(handleInput)\n\n  // If showing ModelListManager, render it directly\n  if (showModelListManager) {\n    return <ModelListManager onClose={handleModelConfigurationComplete} />\n  }\n\n  // If showing ModelSelector, render it directly\n  if (showModelSelector) {\n    return (\n      <ModelSelector\n        onDone={handleModelConfigurationComplete}\n        onCancel={handleModelConfigurationComplete} // Same as onDone - return to ModelConfig\n        skipModelType={true}\n        targetPointer={currentPointer || undefined}\n        isOnboarding={false}\n        abortController={new AbortController()}\n      />\n    )\n  }\n\n  // Main configuration screen - completely following Config component layout\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={theme.secondaryBorder}\n      paddingX={1}\n      marginTop={1}\n    >\n      <Box flexDirection=\"column\" minHeight={2} marginBottom={1}>\n        <Text bold>\n          Model Configuration{isDeleteMode ? ' - CLEAR MODE' : ''}\n        </Text>\n        <Text dimColor>\n          {isDeleteMode\n            ? 'Press Enter/Space to clear selected pointer assignment, Esc to cancel'\n            : availableModels.length === 0\n              ? 'No models configured. Use \"Configure New Model\" to add your first model.'\n              : 'Configure which models to use for different tasks. Space to cycle, Enter to configure.'}\n        </Text>\n      </Box>\n\n      {menuItems.map((setting, i) => {\n        const isSelected = i === selectedIndex\n        let displayValue = ''\n        let actionText = ''\n\n        if (setting.type === 'modelPointer') {\n          const currentModel = setting.options.find(\n            opt => opt.id === setting.value,\n          )\n          displayValue = currentModel?.name || '(not configured)'\n          actionText = isSelected ? ' [Space to cycle]' : ''\n        } else if (setting.type === 'action') {\n          displayValue = ''\n          actionText = isSelected ? ' [Enter to configure]' : ''\n        }\n\n        return (\n          <Box key={setting.id} flexDirection=\"column\">\n            <Box>\n              <Box width={44}>\n                <Text color={isSelected ? 'blue' : undefined}>\n                  {isSelected ? figures.pointer : ' '} {setting.label}\n                </Text>\n              </Box>\n              <Box>\n                {setting.type === 'modelPointer' && (\n                  <Text\n                    color={\n                      displayValue !== '(not configured)'\n                        ? theme.success\n                        : theme.warning\n                    }\n                  >\n                    {displayValue}\n                  </Text>\n                )}\n                {actionText && <Text color=\"blue\">{actionText}</Text>}\n              </Box>\n            </Box>\n            {isSelected && (\n              <Box paddingLeft={2} marginBottom={1}>\n                <Text dimColor>{setting.description}</Text>\n              </Box>\n            )}\n          </Box>\n        )\n      })}\n\n      <Box\n        marginTop={1}\n        paddingTop={1}\n        borderTopColor={theme.secondaryBorder}\n        borderTopStyle=\"single\"\n      >\n        <Text dimColor>\n          {isDeleteMode\n            ? 'CLEAR MODE: Press Enter/Space to clear assignment, Esc to cancel'\n            : availableModels.length === 0\n              ? 'Use \u2191/\u2193 to navigate, Enter to configure new model, Esc to exit'\n              : 'Use \u2191/\u2193 to navigate, Space to cycle models, Enter to configure, d to clear, Esc to exit'}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/ModelListManager.js

@@ -0,0 +1,140 @@
+import { Box, Text, useInput } from "ink";
+import * as React from "react";
+import { useState, useCallback } from "react";
+import figures from "figures";
+import { getTheme } from "../utils/theme.js";
+import { getGlobalConfig } from "../utils/config.js";
+import { getModelManager } from "../utils/model.js";
+import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
+import { ModelSelector } from "./ModelSelector.js";
+function ModelListManager({ onClose }) {
+  const config = getGlobalConfig();
+  const theme = getTheme();
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const [showModelSelector, setShowModelSelector] = useState(false);
+  const [isDeleteMode, setIsDeleteMode] = useState(false);
+  const [refreshKey, setRefreshKey] = useState(0);
+  const exitState = useExitOnCtrlCD(onClose);
+  const modelManager = getModelManager();
+  const availableModels = modelManager.getAvailableModels();
+  const menuItems = React.useMemo(() => {
+    const modelItems = availableModels.map((model) => ({
+      id: model.modelName,
+      name: model.name,
+      provider: model.provider,
+      usedBy: getModelUsage(model.modelName),
+      type: "model"
+    }));
+    return [
+      ...modelItems,
+      {
+        id: "add-new",
+        name: "+ Add New Model",
+        provider: "",
+        usedBy: [],
+        type: "action"
+      }
+    ];
+  }, [availableModels, config.modelPointers, refreshKey]);
+  function getModelUsage(modelName) {
+    const usage = [];
+    const pointers = ["main", "task", "reasoning", "quick"];
+    pointers.forEach((pointer) => {
+      if (config.modelPointers?.[pointer] === modelName) {
+        usage.push(pointer);
+      }
+    });
+    return usage;
+  }
+  const handleDeleteModel = (modelName) => {
+    modelManager.removeModel(modelName);
+    setRefreshKey((prev) => prev + 1);
+    setIsDeleteMode(false);
+  };
+  const handleAddNewModel = () => {
+    setShowModelSelector(true);
+  };
+  const handleModelConfigurationComplete = () => {
+    setShowModelSelector(false);
+    setRefreshKey((prev) => prev + 1);
+  };
+  const handleInput = useCallback(
+    (input, key) => {
+      if (key.escape) {
+        if (isDeleteMode) {
+          setIsDeleteMode(false);
+        } else {
+          onClose();
+        }
+      } else if (input === "d" && !isDeleteMode && availableModels.length > 1) {
+        setIsDeleteMode(true);
+      } else if (key.upArrow) {
+        setSelectedIndex((prev) => Math.max(0, prev - 1));
+      } else if (key.downArrow) {
+        setSelectedIndex((prev) => Math.min(menuItems.length - 1, prev + 1));
+      } else if (key.return || input === " ") {
+        const item = menuItems[selectedIndex];
+        if (isDeleteMode && item.type === "model") {
+          if (availableModels.length <= 1) {
+            setIsDeleteMode(false);
+            return;
+          }
+          handleDeleteModel(item.id);
+        } else if (item.type === "action") {
+          handleAddNewModel();
+        }
+      }
+    },
+    [selectedIndex, menuItems, onClose, isDeleteMode, availableModels.length]
+  );
+  useInput(handleInput);
+  if (showModelSelector) {
+    return /* @__PURE__ */ React.createElement(
+      ModelSelector,
+      {
+        onDone: handleModelConfigurationComplete,
+        onCancel: handleModelConfigurationComplete,
+        skipModelType: true,
+        isOnboarding: false,
+        abortController: new AbortController()
+      }
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: isDeleteMode ? "red" : theme.secondaryBorder,
+      paddingX: 1,
+      marginTop: 1
+    },
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: isDeleteMode ? "red" : void 0 }, "Manage Model List", isDeleteMode ? " - DELETE MODE" : "", exitState.pending ? ` (press ${exitState.keyName} again to exit)` : ""), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, isDeleteMode ? availableModels.length <= 1 ? "Cannot delete the last model, Esc to cancel" : "Press Enter/Space to DELETE selected model, Esc to cancel" : "Navigate: \u2191\u2193 | Select: Enter | Delete: d | Exit: Esc")),
+    menuItems.map((item, i) => {
+      const isSelected = i === selectedIndex;
+      return /* @__PURE__ */ React.createElement(Box, { key: item.id, flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Box, { width: 50 }, /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          color: isSelected ? isDeleteMode ? "red" : "blue" : void 0
+        },
+        isSelected ? figures.pointer : " ",
+        " ",
+        item.name
+      )), /* @__PURE__ */ React.createElement(Box, null, item.type === "model" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "(", item.provider, ")"), item.usedBy.length > 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "[Active: ", item.usedBy.join(", "), "]")), item.usedBy.length === 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "[Available]"))), item.type === "action" && /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, isSelected ? "[Press Enter to add new model]" : ""))), isSelected && item.type === "action" && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Configure a new model and add it to your library")));
+    }),
+    /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        marginTop: 1,
+        paddingTop: 1,
+        borderTopColor: theme.secondaryBorder,
+        borderTopStyle: "single"
+      },
+      /* @__PURE__ */ React.createElement(Text, { dimColor: true }, isDeleteMode ? availableModels.length <= 1 ? "Cannot delete the last model - press Esc to cancel" : "DELETE MODE: Press Enter/Space to delete model, Esc to cancel" : availableModels.length <= 1 ? "Use \u2191/\u2193 to navigate, Enter to add new, Esc to exit (cannot delete last model)" : "Use \u2191/\u2193 to navigate, d to delete model, Enter to add new, Esc to exit")
+    )
+  );
+}
+export {
+  ModelListManager
+};
+//# sourceMappingURL=ModelListManager.js.map

package/dist/components/ModelListManager.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/ModelListManager.tsx"],
+  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useState, useCallback } from 'react'\nimport figures from 'figures'\nimport { getTheme } from '../utils/theme'\nimport { getGlobalConfig, ModelPointerType } from '../utils/config.js'\nimport { getModelManager } from '../utils/model'\nimport { useExitOnCtrlCD } from '../hooks/useExitOnCtrlCD'\nimport { ModelSelector } from './ModelSelector'\n\ntype Props = {\n  onClose: () => void\n}\n\nexport function ModelListManager({ onClose }: Props): React.ReactNode {\n  const config = getGlobalConfig()\n  const theme = getTheme()\n  const [selectedIndex, setSelectedIndex] = useState(0)\n  const [showModelSelector, setShowModelSelector] = useState(false)\n  const [isDeleteMode, setIsDeleteMode] = useState(false)\n  const [refreshKey, setRefreshKey] = useState(0)\n  const exitState = useExitOnCtrlCD(onClose)\n\n  const modelManager = getModelManager()\n  const availableModels = modelManager.getAvailableModels()\n\n  // Create menu items: existing models + \"Add New Model\"\n  const menuItems = React.useMemo(() => {\n    const modelItems = availableModels.map(model => ({\n      id: model.modelName,\n      name: model.name,\n      provider: model.provider,\n      usedBy: getModelUsage(model.modelName),\n      type: 'model' as const,\n    }))\n\n    return [\n      ...modelItems,\n      {\n        id: 'add-new',\n        name: '+ Add New Model',\n        provider: '',\n        usedBy: [],\n        type: 'action' as const,\n      },\n    ]\n  }, [availableModels, config.modelPointers, refreshKey])\n\n  // Check which pointers are using this model\n  function getModelUsage(modelName: string): ModelPointerType[] {\n    const usage: ModelPointerType[] = []\n    const pointers: ModelPointerType[] = ['main', 'task', 'reasoning', 'quick']\n\n    pointers.forEach(pointer => {\n      if (config.modelPointers?.[pointer] === modelName) {\n        usage.push(pointer)\n      }\n    })\n\n    return usage\n  }\n\n  const handleDeleteModel = (modelName: string) => {\n    // Remove the model\n    modelManager.removeModel(modelName)\n\n    // The removeModel function should already clear the pointers,\n    // but let's ensure UI refreshes\n    setRefreshKey(prev => prev + 1)\n    setIsDeleteMode(false)\n  }\n\n  const handleAddNewModel = () => {\n    setShowModelSelector(true)\n  }\n\n  const handleModelConfigurationComplete = () => {\n    setShowModelSelector(false)\n    setRefreshKey(prev => prev + 1)\n  }\n\n  // Handle keyboard input\n  const handleInput = useCallback(\n    (input: string, key: any) => {\n      if (key.escape) {\n        if (isDeleteMode) {\n          setIsDeleteMode(false)\n        } else {\n          onClose()\n        }\n      } else if (input === 'd' && !isDeleteMode && availableModels.length > 1) {\n        setIsDeleteMode(true)\n      } else if (key.upArrow) {\n        setSelectedIndex(prev => Math.max(0, prev - 1))\n      } else if (key.downArrow) {\n        setSelectedIndex(prev => Math.min(menuItems.length - 1, prev + 1))\n      } else if (key.return || input === ' ') {\n        const item = menuItems[selectedIndex]\n\n        if (isDeleteMode && item.type === 'model') {\n          // Prevent deleting the last model\n          if (availableModels.length <= 1) {\n            setIsDeleteMode(false) // Exit delete mode\n            return\n          }\n          handleDeleteModel(item.id)\n        } else if (item.type === 'action') {\n          handleAddNewModel()\n        }\n        // Note: Remove any pointer switching functionality here\n      }\n    },\n    [selectedIndex, menuItems, onClose, isDeleteMode, availableModels.length],\n  )\n\n  useInput(handleInput)\n\n  // If showing ModelSelector, render it directly\n  if (showModelSelector) {\n    return (\n      <ModelSelector\n        onDone={handleModelConfigurationComplete}\n        onCancel={handleModelConfigurationComplete}\n        skipModelType={true}\n        isOnboarding={false}\n        abortController={new AbortController()}\n      />\n    )\n  }\n\n  // Main model list screen\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={isDeleteMode ? 'red' : theme.secondaryBorder}\n      paddingX={1}\n      marginTop={1}\n    >\n      <Box flexDirection=\"column\" minHeight={2} marginBottom={1}>\n        <Text bold color={isDeleteMode ? 'red' : undefined}>\n          Manage Model List{isDeleteMode ? ' - DELETE MODE' : ''}\n          {exitState.pending\n            ? ` (press ${exitState.keyName} again to exit)`\n            : ''}\n        </Text>\n        <Text dimColor>\n          {isDeleteMode\n            ? availableModels.length <= 1\n              ? 'Cannot delete the last model, Esc to cancel'\n              : 'Press Enter/Space to DELETE selected model, Esc to cancel'\n            : 'Navigate: \u2191\u2193 | Select: Enter | Delete: d | Exit: Esc'}\n        </Text>\n      </Box>\n\n      {menuItems.map((item, i) => {\n        const isSelected = i === selectedIndex\n\n        return (\n          <Box key={item.id} flexDirection=\"column\" marginBottom={1}>\n            <Box>\n              <Box width={50}>\n                <Text\n                  color={\n                    isSelected ? (isDeleteMode ? 'red' : 'blue') : undefined\n                  }\n                >\n                  {isSelected ? figures.pointer : ' '} {item.name}\n                </Text>\n              </Box>\n              <Box>\n                {item.type === 'model' && (\n                  <>\n                    <Text color={theme.secondaryText}>({item.provider})</Text>\n                    {item.usedBy.length > 0 && (\n                      <Box marginLeft={1}>\n                        <Text color={theme.success}>\n                          [Active: {item.usedBy.join(', ')}]\n                        </Text>\n                      </Box>\n                    )}\n                    {item.usedBy.length === 0 && (\n                      <Box marginLeft={1}>\n                        <Text color={theme.secondaryText}>\n                          [Available]\n                        </Text>\n                      </Box>\n                    )}\n                  </>\n                )}\n                {item.type === 'action' && (\n                  <Text color={theme.suggestion}>\n                    {isSelected ? '[Press Enter to add new model]' : ''}\n                  </Text>\n                )}\n              </Box>\n            </Box>\n            {isSelected && item.type === 'action' && (\n              <Box paddingLeft={2} marginTop={1}>\n                <Text dimColor>\n                  Configure a new model and add it to your library\n                </Text>\n              </Box>\n            )}\n          </Box>\n        )\n      })}\n\n      <Box\n        marginTop={1}\n        paddingTop={1}\n        borderTopColor={theme.secondaryBorder}\n        borderTopStyle=\"single\"\n      >\n        <Text dimColor>\n          {isDeleteMode\n            ? availableModels.length <= 1\n              ? 'Cannot delete the last model - press Esc to cancel'\n              : 'DELETE MODE: Press Enter/Space to delete model, Esc to cancel'\n            : availableModels.length <= 1\n              ? 'Use \u2191/\u2193 to navigate, Enter to add new, Esc to exit (cannot delete last model)'\n              : 'Use \u2191/\u2193 to navigate, d to delete model, Enter to add new, Esc to exit'}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}