@within-7/minto 0.1.7 → 0.3.0

package/dist/components/ModelConfig.js.map

@@ -1,7 +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'\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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",
+  "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'\nimport { getModelManager } from '@utils/model'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { ModelSelector } from './ModelSelector'\nimport { ModelListManager } from './ModelListManager'\nimport { SEMANTIC_COLORS } from '@constants/colors'\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  // Disable exit handler when showing child components to prevent listener accumulation\n  const exitState = useExitOnCtrlCD(() => process.exit(0), {\n    isActive: !showModelSelector && !showModelListManager,\n  })\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        id: 'compact',\n        label: 'Compact Model',\n        description: 'Model for context compression and summarization',\n        value: config.modelPointers?.compact || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) => handleModelPointerChange('compact', 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  // Only listen for input when not showing child components\n  // This prevents multiple useInput hooks from accumulating listeners\n  useInput(handleInput, {\n    isActive: !showModelSelector && !showModelListManager,\n  })\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 color={SEMANTIC_COLORS.dim}>\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 && (\n                  <Text color={SEMANTIC_COLORS.info}>{actionText}</Text>\n                )}\n              </Box>\n            </Box>\n            {isSelected && (\n              <Box paddingLeft={2} marginBottom={1}>\n                <Text color={SEMANTIC_COLORS.dim}>{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 color={SEMANTIC_COLORS.dim}>\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

@@ -6,7 +6,8 @@ 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";
+import { ModelSelector } from "./ModelSelector/index.js";
+import { SEMANTIC_COLORS } from "../constants/colors.js";
 function ModelListManager({ onClose }) {
   const config = getGlobalConfig();
   const theme = getTheme();
@@ -14,7 +15,7 @@ function ModelListManager({ onClose }) {
   const [showModelSelector, setShowModelSelector] = useState(false);
   const [isDeleteMode, setIsDeleteMode] = useState(false);
   const [refreshKey, setRefreshKey] = useState(0);
-  const exitState = useExitOnCtrlCD(onClose);
+  const exitState = useExitOnCtrlCD(onClose, { isActive: !showModelSelector });
   const modelManager = getModelManager();
   const availableModels = modelManager.getAvailableModels();
   const menuItems = React.useMemo(() => {
@@ -87,7 +88,7 @@ function ModelListManager({ onClose }) {
     },
     [selectedIndex, menuItems, onClose, isDeleteMode, availableModels.length]
   );
-  useInput(handleInput);
+  useInput(handleInput, { isActive: !showModelSelector });
   if (showModelSelector) {
     return /* @__PURE__ */ React.createElement(
       ModelSelector,
@@ -109,7 +110,7 @@ function ModelListManager({ onClose }) {
       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")),
+    /* @__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, { color: SEMANTIC_COLORS.dim }, 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(
@@ -120,7 +121,7 @@ function ModelListManager({ onClose }) {
         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, 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, { color: SEMANTIC_COLORS.dim }, "Configure a new model and add it to your library")));
     }),
     /* @__PURE__ */ React.createElement(
       Box,
@@ -130,7 +131,7 @@ function ModelListManager({ onClose }) {
         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")
+      /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, 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")
     )
   );
 }

package/dist/components/ModelListManager.js.map

@@ -1,7 +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'\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}>[Available]</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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",
+  "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'\nimport { getModelManager } from '@utils/model'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { ModelSelector } from './ModelSelector'\nimport { SEMANTIC_COLORS } from '@constants/colors'\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  // Disable exit handler when showing child components to prevent listener accumulation\n  const exitState = useExitOnCtrlCD(onClose, { isActive: !showModelSelector })\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  // Only listen for input when not showing child components\n  // This prevents multiple useInput hooks from accumulating listeners\n  useInput(handleInput, { isActive: !showModelSelector })\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 color={SEMANTIC_COLORS.dim}>\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}>[Available]</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 color={SEMANTIC_COLORS.dim}>\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 color={SEMANTIC_COLORS.dim}>\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": []
 }

package/dist/components/ModelSelector/ModelSelector.js

@@ -19,6 +19,7 @@ import {
   testGPT5Connection,
   validateGPT5Config
 } from "../../services/gpt5ConnectionTest.js";
+import { SEMANTIC_COLORS } from "../../constants/colors.js";
 import { ScreenContainer } from "./ScreenContainer.js";
 import {
   CONTEXT_LENGTH_OPTIONS,
@@ -26,7 +27,7 @@ import {
   MAX_TOKENS_OPTIONS,
   DEFAULT_MAX_TOKENS
 } from "./constants.js";
-import { useEscapeNavigation } from "./hooks.js";
+import { useEscapeNavigation } from "./hooks/index.js";
 function printModelConfig() {
   const config = getGlobalConfig();
   const modelProfiles = config.modelProfiles || [];
@@ -1631,7 +1632,7 @@ function ModelSelector({
           onChangeCursorOffset: handleCursorOffsetChange,
           showCursor: true
         }
-      )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion, dimColor: !apiKey }, "[Submit API Key]"), /* @__PURE__ */ React.createElement(Text, null, " ", "- Press Enter or click to continue with this API key"))), isLoadingModels && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Loading available models...")), modelLoadError && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "red" }, "Error: ", modelLoadError)), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue,", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Tab"), " to", " ", selectedProvider === "anthropic" || selectedProvider === "kimi" || selectedProvider === "deepseek" || selectedProvider === "qwen" || selectedProvider === "glm" || selectedProvider === "minimax" || selectedProvider === "baidu-qianfan" || selectedProvider === "siliconflow" || selectedProvider === "custom-openai" ? "skip to manual model input" : "skip using a key", ", or ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
+      )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: apiKey ? theme.suggestion : SEMANTIC_COLORS.dim }, "[Submit API Key]"), /* @__PURE__ */ React.createElement(Text, null, " ", "- Press Enter or click to continue with this API key"))), isLoadingModels && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Loading available models...")), modelLoadError && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.error }, "Error: ", modelLoadError)), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue,", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Tab"), " to", " ", selectedProvider === "anthropic" || selectedProvider === "kimi" || selectedProvider === "deepseek" || selectedProvider === "qwen" || selectedProvider === "glm" || selectedProvider === "minimax" || selectedProvider === "baidu-qianfan" || selectedProvider === "siliconflow" || selectedProvider === "custom-openai" ? "skip to manual model input" : "skip using a key", ", or ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
     ));
   }
   if (currentScreen === "model") {
@@ -1668,7 +1669,7 @@ function ModelSelector({
           options: modelOptions,
           onChange: handleModelSelection
         }
-      ), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Showing ", modelOptions.length, " of ", availableModels.length, " ", "models")) : /* @__PURE__ */ React.createElement(Box, null, availableModels.length > 0 ? /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "No models match your search. Try a different query.") : /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "No models available for this provider.")), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back to API key input")))
+      ), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Showing ", modelOptions.length, " of ", availableModels.length, " ", "models")) : /* @__PURE__ */ React.createElement(Box, null, availableModels.length > 0 ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.running }, "No models match your search. Try a different query.") : /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.running }, "No models available for this provider.")), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back to API key input")))
     ));
   }
   if (currentScreen === "modelParams") {
@@ -1729,7 +1730,7 @@ function ModelSelector({
         }
       ) : null : field.name === "maxTokens" ? /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Current:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, MAX_TOKENS_OPTIONS.find(
         (opt) => opt.value === parseInt(maxTokens)
-      )?.label || `${maxTokens} tokens`)) : field.name === "reasoningEffort" ? /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Current:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, reasoningEffort)) : null))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Tab"), " to navigate,", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue, or", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back"))))
+      )?.label || `${maxTokens} tokens`)) : field.name === "reasoningEffort" ? /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Current:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, reasoningEffort)) : null))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Tab"), " to navigate,", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue, or", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back"))))
     ));
   }
   if (currentScreen === "resourceName") {
@@ -1756,7 +1757,13 @@ function ModelSelector({
           onChangeCursorOffset: setResourceNameCursorOffset,
           showCursor: true
         }
-      )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion, dimColor: !resourceName }, "[Submit Resource Name]"), /* @__PURE__ */ React.createElement(Text, null, " - Press Enter or click to continue"))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue or", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
+      )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          color: resourceName ? theme.suggestion : SEMANTIC_COLORS.dim
+        },
+        "[Submit Resource Name]"
+      ), /* @__PURE__ */ React.createElement(Text, null, " - Press Enter or click to continue"))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue or", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
     ));
   }
   if (currentScreen === "baseUrl") {
@@ -1792,7 +1799,7 @@ function ModelSelector({
             color: isLoadingModels ? theme.secondaryText : theme.suggestion
           },
           "[Submit Base URL]"
-        ), /* @__PURE__ */ React.createElement(Text, null, " - Press Enter or click to continue"))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue or ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
+        ), /* @__PURE__ */ React.createElement(Text, null, " - Press Enter or click to continue"))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue or ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
       ));
     }
     const providerName = providers[selectedProvider]?.name || selectedProvider;
@@ -1827,7 +1834,7 @@ function ModelSelector({
           color: isLoadingModels ? theme.secondaryText : theme.suggestion
         },
         "[Submit Base URL]"
-      ), /* @__PURE__ */ React.createElement(Text, null, " - Press Enter or click to continue"))), isLoadingModels && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, selectedProvider === "ollama" ? "Connecting to Ollama server..." : `Connecting to ${providerName}...`)), modelLoadError && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "red" }, "Error: ", modelLoadError)), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue or", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
+      ), /* @__PURE__ */ React.createElement(Text, null, " - Press Enter or click to continue"))), isLoadingModels && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, selectedProvider === "ollama" ? "Connecting to Ollama server..." : `Connecting to ${providerName}...`)), modelLoadError && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.error }, "Error: ", modelLoadError)), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue or", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
     ));
   }
   if (currentScreen === "modelInput") {
@@ -1915,7 +1922,13 @@ function ModelSelector({
           onChangeCursorOffset: setCustomModelNameCursorOffset,
           showCursor: true
         }
-      )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion, dimColor: !customModelName }, "[Submit Model Name]"), /* @__PURE__ */ React.createElement(Text, null, " - Press Enter or click to continue"))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue or", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
+      )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          color: customModelName ? theme.suggestion : SEMANTIC_COLORS.dim
+        },
+        "[Submit Model Name]"
+      ), /* @__PURE__ */ React.createElement(Text, null, " - Press Enter or click to continue"))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue or", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back")))
     ));
   }
   if (currentScreen === "contextLength") {
@@ -1934,8 +1947,8 @@ function ModelSelector({
       /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Choose the context window length for your model:"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "This determines how much conversation history and context the model can process at once. Higher values allow for longer conversations but may increase costs.")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, CONTEXT_LENGTH_OPTIONS.map((option, index) => {
         const isSelected = option.value === contextLength;
         return /* @__PURE__ */ React.createElement(Box, { key: option.value, flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: isSelected ? "blue" : void 0 }, isSelected ? "\u2192 " : "  ", option.label, option.value === DEFAULT_CONTEXT_LENGTH ? " (recommended)" : ""));
-      })), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Selected:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, selectedOption.label))))
-    ), /* @__PURE__ */ React.createElement(Box, { marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2191/\u2193 to select \xB7 Enter to continue \xB7 Esc to go back")));
+      })), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Selected:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, selectedOption.label))))
+    ), /* @__PURE__ */ React.createElement(Box, { marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "\u2191/\u2193 to select \xB7 Enter to continue \xB7 Esc to go back")));
   }
   if (currentScreen === "connectionTest") {
     const providerDisplayName = getProviderLabel(selectedProvider, 0).split(
@@ -1958,7 +1971,7 @@ function ModelSelector({
           color: connectionTestResult.success ? theme.success : "red"
         },
         connectionTestResult.message
-      ), connectionTestResult.endpoint && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Endpoint: ", connectionTestResult.endpoint), connectionTestResult.details && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Details: ", connectionTestResult.details), connectionTestResult.success ? /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "\u2705 Automatically proceeding to confirmation...")) : /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Press Enter"), " to retry test, or ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back"))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back to context length")))
+      ), connectionTestResult.endpoint && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Endpoint: ", connectionTestResult.endpoint), connectionTestResult.details && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Details: ", connectionTestResult.details), connectionTestResult.success ? /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "\u2705 Automatically proceeding to confirmation...")) : /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Press Enter"), " to retry test, or ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back"))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back to context length")))
     ));
   }
   if (currentScreen === "confirmation") {
@@ -1979,7 +1992,7 @@ function ModelSelector({
       /* @__PURE__ */ React.createElement(Text, { bold: true }, "Configuration Confirmation", " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
       /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Confirm your model configuration:"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Please review your selections before saving.")), validationError && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1, paddingX: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.error, bold: true }, "\u26A0 Configuration Error:"), /* @__PURE__ */ React.createElement(Text, { color: theme.error }, validationError)), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1, paddingX: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Provider: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, providerDisplayName)), selectedProvider === "azure" && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Resource Name: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, resourceName)), selectedProvider === "ollama" && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Server URL: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, ollamaBaseUrl)), selectedProvider === "custom-openai" && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "API Base URL: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, customBaseUrl)), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Model: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, selectedModel)), apiKey && showsApiKey && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "API Key: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "****", apiKey.slice(-4))), maxTokens && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Max Tokens: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, maxTokens)), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Context Length: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, CONTEXT_LENGTH_OPTIONS.find(
         (opt) => opt.value === contextLength
-      )?.label || `${contextLength.toLocaleString()} tokens`)), supportsReasoningEffort && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Reasoning Effort: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, reasoningEffort))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back to model parameters or ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " ", "to save configuration")))
+      )?.label || `${contextLength.toLocaleString()} tokens`)), supportsReasoningEffort && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Reasoning Effort: "), /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, reasoningEffort))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back to model parameters or ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " ", "to save configuration")))
     ));
   }
   if (currentScreen === "anthropicSubMenu") {
@@ -2006,7 +2019,7 @@ function ModelSelector({
           options: anthropicOptions,
           onChange: handleAnthropicProviderSelection
         }
-      ), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back to provider selection")))
+      ), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Esc"), " to go back to provider selection")))
     ));
   }
   return /* @__PURE__ */ React.createElement(
@@ -2020,7 +2033,7 @@ function ModelSelector({
           options: providerOptions,
           onChange: handleProviderSelection
         }
-      ), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "You can change this later by running", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "/model"), " again")))
+      ), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "You can change this later by running", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "/model"), " again")))
     }
   );
 }