refetch()} />
- )}
-
- {/* Config Type Toggle */}
- {cliMode === 'claude' && (
-
- )}
-
{/* Stats Cards - Claude mode only */}
{cliMode === 'claude' && (
diff --git a/ccw/frontend/src/pages/SettingsPage.tsx b/ccw/frontend/src/pages/SettingsPage.tsx
index e086998e..34c3a13f 100644
--- a/ccw/frontend/src/pages/SettingsPage.tsx
+++ b/ccw/frontend/src/pages/SettingsPage.tsx
@@ -17,11 +17,7 @@ import {
ChevronDown,
ChevronUp,
Languages,
- GitFork,
- Scale,
- Search,
- Power,
- PowerOff,
+ Plus,
} from 'lucide-react';
import { Card } from '@/components/ui/Card';
import { Button } from '@/components/ui/Button';
@@ -29,12 +25,10 @@ import { Input } from '@/components/ui/Input';
import { Badge } from '@/components/ui/Badge';
import { ThemeSelector } from '@/components/shared/ThemeSelector';
import { useTheme } from '@/hooks';
-import { useHooks, useRules, useToggleHook, useToggleRule } from '@/hooks';
import { useConfigStore, selectCliTools, selectDefaultCliTool, selectUserPreferences } from '@/stores/configStore';
import type { CliToolConfig, UserPreferences } from '@/types/store';
import { cn } from '@/lib/utils';
import { LanguageSwitcher } from '@/components/layout/LanguageSwitcher';
-import { IndexManager } from '@/components/shared/IndexManager';
// ========== CLI Tool Card Component ==========
@@ -47,6 +41,9 @@ interface CliToolCardProps {
onToggleEnabled: () => void;
onSetDefault: () => void;
onUpdateModel: (field: 'primaryModel' | 'secondaryModel', value: string) => void;
+ onUpdateTags: (tags: string[]) => void;
+ onUpdateAvailableModels: (models: string[]) => void;
+ onUpdateSettingsFile: (settingsFile: string | undefined) => void;
}
function CliToolCard({
@@ -58,9 +55,49 @@ function CliToolCard({
onToggleEnabled,
onSetDefault,
onUpdateModel,
+ onUpdateTags,
+ onUpdateAvailableModels,
+ onUpdateSettingsFile,
}: CliToolCardProps) {
const { formatMessage } = useIntl();
+ // Local state for tag and model input
+ const [tagInput, setTagInput] = useState('');
+ const [modelInput, setModelInput] = useState('');
+
+ // Handler for adding tags
+ const handleAddTag = () => {
+ const newTag = tagInput.trim();
+ if (newTag && !config.tags.includes(newTag)) {
+ onUpdateTags([...config.tags, newTag]);
+ setTagInput('');
+ }
+ };
+
+ // Handler for removing tags
+ const handleRemoveTag = (tagToRemove: string) => {
+ onUpdateTags(config.tags.filter((t) => t !== tagToRemove));
+ };
+
+ // Handler for adding available models
+ const handleAddModel = () => {
+ const newModel = modelInput.trim();
+ const currentModels = config.availableModels || [];
+ if (newModel && !currentModels.includes(newModel)) {
+ onUpdateAvailableModels([...currentModels, newModel]);
+ setModelInput('');
+ }
+ };
+
+ // Handler for removing available models
+ const handleRemoveModel = (modelToRemove: string) => {
+ const currentModels = config.availableModels || [];
+ onUpdateAvailableModels(currentModels.filter((m) => m !== modelToRemove));
+ };
+
+ // Predefined tags
+ const predefinedTags = ['分析', 'Debug', 'implementation', 'refactoring', 'testing'];
+
return (
{/* Header */}
@@ -157,6 +194,146 @@ function CliToolCard({
/>