@shareai-lab/kode 1.1.14 → 1.1.16-dev.2

package/src/components/ModeIndicator.tsx

@@ -1,88 +0,0 @@
-import React from 'react'
-import { Box, Text } from 'ink'
-import { usePermissionContext } from '../context/PermissionContext'
-import { getTheme } from '../utils/theme'
-
-interface ModeIndicatorProps {
-  showTransitionCount?: boolean
-}
-
-export function ModeIndicator({
-  showTransitionCount = false,
-}: ModeIndicatorProps) {
-  const { currentMode, permissionContext, getModeConfig } =
-    usePermissionContext()
-  const theme = getTheme()
-  const modeConfig = getModeConfig()
-
-  // Don't show indicator for default mode unless explicitly requested
-  if (currentMode === 'default' && !showTransitionCount) {
-    return null
-  }
-
-  return (
-    <Box borderStyle="single" padding={1} marginY={1}>
-      <Box flexDirection="column">
-        <Box flexDirection="row" alignItems="center">
-          <Text color={getThemeColor(modeConfig.color, theme)} bold>
-            {modeConfig.icon} {modeConfig.label}
-          </Text>
-        </Box>
-
-        <Text color="gray" dimColor>
-          {modeConfig.description}
-        </Text>
-
-        <Box flexDirection="row" justifyContent="space-between" marginTop={1}>
-          <Text color="gray" dimColor>
-            Press Shift+Tab to cycle modes
-          </Text>
-          {showTransitionCount && (
-            <Text color="gray" dimColor>
-              Switches: {permissionContext.metadata.transitionCount}
-            </Text>
-          )}
-        </Box>
-
-        {currentMode === 'plan' && (
-          <Box marginTop={1}>
-            <Text color="cyan" dimColor>
-              Available tools: {permissionContext.allowedTools.join(', ')}
-            </Text>
-            <Text color="yellow" dimColor>
-              Use exit_plan_mode tool when ready to execute
-            </Text>
-          </Box>
-        )}
-      </Box>
-    </Box>
-  )
-}
-
-function getThemeColor(colorName: string, theme: any): string {
-  const colorMap: Record<string, string> = {
-    blue: theme.primary || 'blue',
-    green: theme.success || 'green',
-    yellow: theme.warning || 'yellow',
-    red: theme.error || 'red',
-  }
-
-  return colorMap[colorName] || colorName
-}
-
-// Compact mode indicator for status bar
-export function CompactModeIndicator() {
-  const { currentMode, getModeConfig } = usePermissionContext()
-  const modeConfig = getModeConfig()
-  const theme = getTheme()
-
-  if (currentMode === 'default') {
-    return null
-  }
-
-  return (
-    <Text color={getThemeColor(modeConfig.color, theme)}>
-      {modeConfig.icon} {modeConfig.name}
-    </Text>
-  )
-}

package/src/components/ModelConfig.tsx

@@ -1,301 +0,0 @@
-import { Box, Text, useInput } from 'ink'
-import * as React from 'react'
-import { useState, useCallback, useEffect, useRef } from 'react'
-import figures from 'figures'
-import { getTheme } from '../utils/theme'
-import {
-  getGlobalConfig,
-  saveGlobalConfig,
-  ModelPointerType,
-  setModelPointer,
-} from '../utils/config.js'
-import { getModelManager } from '../utils/model'
-import { useExitOnCtrlCD } from '../hooks/useExitOnCtrlCD'
-import { ModelSelector } from './ModelSelector'
-import { ModelListManager } from './ModelListManager'
-
-type Props = {
-  onClose: () => void
-}
-
-type ModelPointerSetting = {
-  id: ModelPointerType | 'add-new'
-  label: string
-  description: string
-  value: string
-  options: Array<{ id: string; name: string }>
-  type: 'modelPointer' | 'action'
-  onChange(value?: string): void
-}
-
-export function ModelConfig({ onClose }: Props): React.ReactNode {
-  const config = getGlobalConfig()
-  const theme = getTheme()
-  const [selectedIndex, setSelectedIndex] = useState(0)
-  const [showModelSelector, setShowModelSelector] = useState(false)
-  const [showModelListManager, setShowModelListManager] = useState(false)
-  const [currentPointer, setCurrentPointer] = useState<ModelPointerType | null>(
-    null,
-  )
-  const [refreshKey, setRefreshKey] = useState(0) // 添加刷新键来强制更新
-  const [isDeleteMode, setIsDeleteMode] = useState(false) // 保留用于清空指针的删除模式
-  const selectedIndexRef = useRef(selectedIndex) // 用ref保持焦点状态
-  const exitState = useExitOnCtrlCD(() => process.exit(0))
-
-  const modelManager = getModelManager()
-
-  // 同步 selectedIndex 到 ref
-  useEffect(() => {
-    selectedIndexRef.current = selectedIndex
-  }, [selectedIndex])
-
-  // Get available models for cycling (memoized) - without "Add New Model" option
-  const availableModels = React.useMemo((): Array<{
-    id: string
-    name: string
-  }> => {
-    const profiles = modelManager.getAvailableModels()
-    return profiles.map(p => ({ id: p.modelName, name: p.name }))
-  }, [modelManager, refreshKey]) // 依赖refreshKey来强制更新
-
-  // Create menu items: model pointers + "Add New Model" as separate item
-  const menuItems = React.useMemo(() => {
-    const modelSettings: ModelPointerSetting[] = [
-      {
-        id: 'main',
-        label: 'Main Model',
-        description: 'Primary model for general tasks and conversations',
-        value: config.modelPointers?.main || '',
-        options: availableModels,
-        type: 'modelPointer' as const,
-        onChange: (value: string) => handleModelPointerChange('main', value),
-      },
-      {
-        id: 'task',
-        label: 'Task Model',
-        description: 'Model for TaskTool sub-agents and automation',
-        value: config.modelPointers?.task || '',
-        options: availableModels,
-        type: 'modelPointer' as const,
-        onChange: (value: string) => handleModelPointerChange('task', value),
-      },
-      {
-        id: 'reasoning',
-        label: 'Reasoning Model',
-        description: 'Model optimized for complex reasoning tasks',
-        value: config.modelPointers?.reasoning || '',
-        options: availableModels,
-        type: 'modelPointer' as const,
-        onChange: (value: string) =>
-          handleModelPointerChange('reasoning', value),
-      },
-      {
-        id: 'quick',
-        label: 'Quick Model',
-        description: 'Fast model for simple operations and utilities',
-        value: config.modelPointers?.quick || '',
-        options: availableModels,
-        type: 'modelPointer' as const,
-        onChange: (value: string) => handleModelPointerChange('quick', value),
-      },
-    ]
-
-    // Add menu actions as separate menu items
-    return [
-      ...modelSettings,
-      {
-        id: 'manage-models',
-        label: 'Manage Model List',
-        description: 'View, add, and delete model configurations',
-        value: '',
-        options: [],
-        type: 'action' as const,
-        onChange: () => handleManageModels(),
-      },
-    ]
-  }, [config.modelPointers, availableModels, refreshKey])
-
-  const handleModelPointerChange = (
-    pointer: ModelPointerType,
-    modelId: string,
-  ) => {
-    // Direct model assignment
-    setModelPointer(pointer, modelId)
-    // Force re-render to show updated assignment
-    setRefreshKey(prev => prev + 1)
-  }
-
-  const handleManageModels = () => {
-    // Launch ModelListManager for model library management
-    setShowModelListManager(true)
-  }
-
-  const handleModelConfigurationComplete = () => {
-    // Model configuration is complete, return to model config screen
-    setShowModelSelector(false)
-    setShowModelListManager(false)
-    setCurrentPointer(null)
-    // 触发组件刷新，重新加载可用模型列表
-    setRefreshKey(prev => prev + 1)
-    // 将焦点重置到 "Manage Model Library" 选项
-    const manageIndex = menuItems.findIndex(item => item.id === 'manage-models')
-    if (manageIndex !== -1) {
-      setSelectedIndex(manageIndex)
-    }
-  }
-
-  // Handle keyboard input - completely following Config component pattern
-  const handleInput = useCallback(
-    (input: string, key: any) => {
-      if (key.escape) {
-        if (isDeleteMode) {
-          setIsDeleteMode(false) // Exit delete mode
-        } else {
-          onClose()
-        }
-      } else if (input === 'd' && !isDeleteMode) {
-        setIsDeleteMode(true) // Enter delete mode
-      } 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 setting = menuItems[selectedIndex]
-
-        if (isDeleteMode && setting.type === 'modelPointer' && setting.value) {
-          // Delete mode: clear the pointer assignment (not delete the model config)
-          setModelPointer(setting.id as ModelPointerType, '')
-          setRefreshKey(prev => prev + 1)
-          setIsDeleteMode(false) // Exit delete mode after clearing assignment
-        } else if (setting.type === 'modelPointer') {
-          // Normal mode: cycle through available models
-          if (setting.options.length === 0) {
-            // No models available, redirect to model library management
-            handleManageModels()
-            return
-          }
-          const currentIndex = setting.options.findIndex(
-            opt => opt.id === setting.value,
-          )
-          const nextIndex = (currentIndex + 1) % setting.options.length
-          const nextOption = setting.options[nextIndex]
-          if (nextOption) {
-            setting.onChange(nextOption.id)
-          }
-        } else if (setting.type === 'action') {
-          // Execute action (like "Add New Model")
-          setting.onChange()
-        }
-      }
-    },
-    [selectedIndex, menuItems, onClose, isDeleteMode, modelManager],
-  )
-
-  useInput(handleInput)
-
-  // If showing ModelListManager, render it directly
-  if (showModelListManager) {
-    return <ModelListManager onClose={handleModelConfigurationComplete} />
-  }
-
-  // If showing ModelSelector, render it directly
-  if (showModelSelector) {
-    return (
-      <ModelSelector
-        onDone={handleModelConfigurationComplete}
-        onCancel={handleModelConfigurationComplete} // Same as onDone - return to ModelConfig
-        skipModelType={true}
-        targetPointer={currentPointer || undefined}
-        isOnboarding={false}
-        abortController={new AbortController()}
-      />
-    )
-  }
-
-  // Main configuration screen - completely following Config component layout
-  return (
-    <Box
-      flexDirection="column"
-      borderStyle="round"
-      borderColor={theme.secondaryBorder}
-      paddingX={1}
-      marginTop={1}
-    >
-      <Box flexDirection="column" minHeight={2} marginBottom={1}>
-        <Text bold>
-          Model Configuration{isDeleteMode ? ' - CLEAR MODE' : ''}
-        </Text>
-        <Text dimColor>
-          {isDeleteMode
-            ? 'Press Enter/Space to clear selected pointer assignment, Esc to cancel'
-            : availableModels.length === 0
-              ? 'No models configured. Use "Configure New Model" to add your first model.'
-              : 'Configure which models to use for different tasks. Space to cycle, Enter to configure.'}
-        </Text>
-      </Box>
-
-      {menuItems.map((setting, i) => {
-        const isSelected = i === selectedIndex
-        let displayValue = ''
-        let actionText = ''
-
-        if (setting.type === 'modelPointer') {
-          const currentModel = setting.options.find(
-            opt => opt.id === setting.value,
-          )
-          displayValue = currentModel?.name || '(not configured)'
-          actionText = isSelected ? ' [Space to cycle]' : ''
-        } else if (setting.type === 'action') {
-          displayValue = ''
-          actionText = isSelected ? ' [Enter to configure]' : ''
-        }
-
-        return (
-          <Box key={setting.id} flexDirection="column">
-            <Box>
-              <Box width={44}>
-                <Text color={isSelected ? 'blue' : undefined}>
-                  {isSelected ? figures.pointer : ' '} {setting.label}
-                </Text>
-              </Box>
-              <Box>
-                {setting.type === 'modelPointer' && (
-                  <Text
-                    color={
-                      displayValue !== '(not configured)'
-                        ? theme.success
-                        : theme.warning
-                    }
-                  >
-                    {displayValue}
-                  </Text>
-                )}
-                {actionText && <Text color="blue">{actionText}</Text>}
-              </Box>
-            </Box>
-            {isSelected && (
-              <Box paddingLeft={2} marginBottom={1}>
-                <Text dimColor>{setting.description}</Text>
-              </Box>
-            )}
-          </Box>
-        )
-      })}
-
-      <Box
-        marginTop={1}
-        paddingTop={1}
-        borderTopColor={theme.secondaryBorder}
-        borderTopStyle="single"
-      >
-        <Text dimColor>
-          {isDeleteMode
-            ? 'CLEAR MODE: Press Enter/Space to clear assignment, Esc to cancel'
-            : availableModels.length === 0
-              ? 'Use ↑/↓ to navigate, Enter to configure new model, Esc to exit'
-              : 'Use ↑/↓ to navigate, Space to cycle models, Enter to configure, d to clear, Esc to exit'}
-        </Text>
-      </Box>
-    </Box>
-  )
-}

package/src/components/ModelListManager.tsx

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