删除无用文件

src/components/ClaudeFileEditor.tsx

@@ -1,181 +0,0 @@
-import React, { useState, useEffect } from "react";
-import MDEditor from "@uiw/react-md-editor";
-import { motion } from "framer-motion";
-import { ArrowLeft, Save, Loader2 } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Toast, ToastContainer } from "@/components/ui/toast";
-import { api, type ClaudeMdFile } from "@/lib/api";
-import { cn } from "@/lib/utils";
-import { useTranslation } from "@/hooks/useTranslation";
-
-interface ClaudeFileEditorProps {
-  /**
-   * The CLAUDE.md file to edit
-   */
-  file: ClaudeMdFile;
-  /**
-   * Callback to go back to the previous view
-   */
-  onBack: () => void;
-  /**
-   * Optional className for styling
-   */
-  className?: string;
-}
-
-/**
- * ClaudeFileEditor component for editing project-specific CLAUDE.md files
- * 
- * @example
- * <ClaudeFileEditor 
- *   file={claudeMdFile} 
- *   onBack={() => setEditingFile(null)} 
- * />
- */
-export const ClaudeFileEditor: React.FC<ClaudeFileEditorProps> = ({
-  file,
-  onBack,
-  className,
-}) => {
-  const { t } = useTranslation();
-  const [content, setContent] = useState<string>("");
-  const [originalContent, setOriginalContent] = useState<string>("");
-  const [loading, setLoading] = useState(true);
-  const [saving, setSaving] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const [toast, setToast] = useState<{ message: string; type: "success" | "error" } | null>(null);
-  
-  const hasChanges = content !== originalContent;
-  
-  // Load the file content on mount
-  useEffect(() => {
-    loadFileContent();
-  }, [file.absolute_path]);
-  
-  const loadFileContent = async () => {
-    try {
-      setLoading(true);
-      setError(null);
-      const fileContent = await api.readClaudeMdFile(file.absolute_path);
-      setContent(fileContent);
-      setOriginalContent(fileContent);
-    } catch (err) {
-      console.error("Failed to load file:", err);
-      setError(t('loadFileFailed'));
-    } finally {
-      setLoading(false);
-    }
-  };
-  
-  const handleSave = async () => {
-    try {
-      setSaving(true);
-      setError(null);
-      setToast(null);
-      await api.saveClaudeMdFile(file.absolute_path, content);
-      setOriginalContent(content);
-      setToast({ message: t('fileSavedSuccess'), type: "success" });
-    } catch (err) {
-      console.error("Failed to save file:", err);
-      setError(t('saveFileFailed'));
-      setToast({ message: t('saveFileFailed'), type: "error" });
-    } finally {
-      setSaving(false);
-    }
-  };
-  
-  const handleBack = () => {
-    if (hasChanges) {
-      const confirmLeave = window.confirm(
-        t('unsavedChangesConfirm')
-      );
-      if (!confirmLeave) return;
-    }
-    onBack();
-  };
-  
-  return (
-    <div className={cn("flex flex-col h-full bg-background", className)}>
-      <div className="w-full max-w-5xl mx-auto flex flex-col h-full">
-        {/* Header */}
-        <motion.div
-          initial={{ opacity: 0, y: -20 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.3 }}
-          className="flex items-center justify-between p-4 border-b border-border"
-        >
-          <div className="flex items-center space-x-3">
-            <Button
-              variant="ghost"
-              size="icon"
-              onClick={handleBack}
-              className="h-8 w-8"
-            >
-              <ArrowLeft className="h-4 w-4" />
-            </Button>
-            <div className="min-w-0 flex-1">
-              <h2 className="text-lg font-semibold truncate">{file.relative_path}</h2>
-              <p className="text-xs text-muted-foreground">
-                {t('editProjectSpecificPrompt')}
-              </p>
-            </div>
-          </div>
-          
-          <Button
-            onClick={handleSave}
-            disabled={!hasChanges || saving}
-            size="sm"
-          >
-            {saving ? (
-              <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-            ) : (
-              <Save className="mr-2 h-4 w-4" />
-            )}
-            {saving ? t('saving') : t('app.save')}
-          </Button>
-        </motion.div>
-        
-        {/* Error display */}
-        {error && (
-          <motion.div
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            className="mx-4 mt-4 rounded-lg border border-destructive/50 bg-destructive/10 p-3 text-xs text-destructive"
-          >
-            {error}
-          </motion.div>
-        )}
-        
-        {/* Editor */}
-        <div className="flex-1 p-4 overflow-hidden">
-          {loading ? (
-            <div className="flex items-center justify-center h-full">
-              <Loader2 className="h-6 w-6 animate-spin text-muted-foreground" />
-            </div>
-          ) : (
-            <div className="h-full rounded-lg border border-border overflow-hidden shadow-sm" data-color-mode="dark">
-              <MDEditor
-                value={content}
-                onChange={(val) => setContent(val || "")}
-                preview="edit"
-                height="100%"
-                visibleDragbar={false}
-              />
-            </div>
-          )}
-        </div>
-      </div>
-      
-      {/* Toast Notification */}
-      <ToastContainer>
-        {toast && (
-          <Toast
-            message={toast.message}
-            type={toast.type}
-            onDismiss={() => setToast(null)}
-          />
-        )}
-      </ToastContainer>
-    </div>
-  );
-}; 

src/components/TabContent.tsx

@@ -146,12 +146,6 @@ const TabPanel: React.FC<TabPanelProps> = ({ tab, isActive }) => {
                             initialProjectPath: session.project_path,
                           });
                         }}
-                        onEditClaudeFile={(file: ClaudeMdFile) => {
-                          // Open CLAUDE.md file in a new tab
-                          window.dispatchEvent(new CustomEvent('open-claude-file', { 
-                            detail: { file } 
-                          }));
-                        }}
                       />
                     </motion.div>
                   ) : (
@@ -236,13 +230,7 @@ const TabPanel: React.FC<TabPanelProps> = ({ tab, isActive }) => {
       
       // Removed 'claude-md' tab type
       
-      case 'claude-file':
-        if (!tab.claudeFileId) {
-          return <div className="p-4">{t('messages.noClaudeFileIdSpecified')}</div>;
-        }
-        // Note: We need to get the actual file object for ClaudeFileEditor
-        // For now, returning a placeholder
-        return <div className="p-4">{t('messages.claudeFileEditorNotImplemented')}</div>;
+      // Removed 'claude-file' tab type
       
       case 'agent-execution':
         if (!tab.agentData) {
@@ -301,7 +289,7 @@ const TabPanel: React.FC<TabPanelProps> = ({ tab, isActive }) => {
 
 export const TabContent: React.FC = () => {
   const { t } = useTranslation();
-  const { tabs, activeTabId, createChatTab, findTabBySessionId, createClaudeFileTab, createAgentExecutionTab, createCreateAgentTab, createImportAgentTab, closeTab, updateTab } = useTabState();
+  const { tabs, activeTabId, createChatTab, findTabBySessionId, createAgentExecutionTab, createCreateAgentTab, createImportAgentTab, closeTab, updateTab } = useTabState();
   const [hasInitialized, setHasInitialized] = React.useState(false);
 
   // Debug: Monitor activeTabId changes
@@ -349,11 +337,6 @@ export const TabContent: React.FC = () => {
       }
     };
 
-    const handleOpenClaudeFile = (event: CustomEvent) => {
-      const { file } = event.detail;
-      createClaudeFileTab(file.id, file.name || 'CLAUDE.md');
-    };
-
     const handleOpenAgentExecution = (event: CustomEvent) => {
       const { agent, tabId } = event.detail;
       createAgentExecutionTab(agent, tabId);
@@ -413,7 +396,6 @@ export const TabContent: React.FC = () => {
     };
 
     window.addEventListener('open-session-in-tab', handleOpenSessionInTab as EventListener);
-    window.addEventListener('open-claude-file', handleOpenClaudeFile as EventListener);
     window.addEventListener('open-agent-execution', handleOpenAgentExecution as EventListener);
     window.addEventListener('open-create-agent-tab', handleOpenCreateAgentTab);
     window.addEventListener('open-import-agent-tab', handleOpenImportAgentTab);
@@ -422,7 +404,6 @@ export const TabContent: React.FC = () => {
     window.addEventListener('create-smart-session-tab', handleCreateSmartSessionTab as EventListener);
     return () => {
       window.removeEventListener('open-session-in-tab', handleOpenSessionInTab as EventListener);
-      window.removeEventListener('open-claude-file', handleOpenClaudeFile as EventListener);
       window.removeEventListener('open-agent-execution', handleOpenAgentExecution as EventListener);
       window.removeEventListener('open-create-agent-tab', handleOpenCreateAgentTab);
       window.removeEventListener('open-import-agent-tab', handleOpenImportAgentTab);
@@ -430,7 +411,7 @@ export const TabContent: React.FC = () => {
       window.removeEventListener('claude-session-selected', handleClaudeSessionSelected as EventListener);
       window.removeEventListener('create-smart-session-tab', handleCreateSmartSessionTab as EventListener);
     };
-  }, [createChatTab, findTabBySessionId, createClaudeFileTab, createAgentExecutionTab, createCreateAgentTab, createImportAgentTab, closeTab, updateTab]);
+  }, [createChatTab, findTabBySessionId, createAgentExecutionTab, createCreateAgentTab, createImportAgentTab, closeTab, updateTab]);
   
   return (
     <div className="flex-1 h-full relative">

src/components/TabManager.tsx

@@ -34,8 +34,6 @@ const TabItem: React.FC<TabItemProps> = ({ tab, isActive, onClose, onClick, isDr
         return Server;
       case 'settings':
         return Settings;
-      case 'claude-file':
-        return FileText;
       case 'agent-execution':
         return Bot;
       case 'create-agent':