删除无用文件

src/components/MarkdownEditor.tsx

@@ -1,173 +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 } from "@/lib/api";
-import { cn } from "@/lib/utils";
-import { useTranslation } from "@/hooks/useTranslation";
-
-interface MarkdownEditorProps {
-  /**
-   * Callback to go back to the main view
-   */
-  onBack: () => void;
-  /**
-   * Optional className for styling
-   */
-  className?: string;
-}
-
-/**
- * MarkdownEditor component for editing the CLAUDE.md system prompt
- * 
- * @example
- * <MarkdownEditor onBack={() => setView('main')} />
- */
-export const MarkdownEditor: React.FC<MarkdownEditorProps> = ({
-  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 system prompt on mount
-  useEffect(() => {
-    loadSystemPrompt();
-  }, []);
-  
-  const loadSystemPrompt = async () => {
-    try {
-      setLoading(true);
-      setError(null);
-      const prompt = await api.getSystemPrompt();
-      setContent(prompt);
-      setOriginalContent(prompt);
-    } catch (err) {
-      console.error("Failed to load system prompt:", err);
-      setError(t('usage.loadClaudemdFailed'));
-    } finally {
-      setLoading(false);
-    }
-  };
-  
-  const handleSave = async () => {
-    try {
-      setSaving(true);
-      setError(null);
-      setToast(null);
-      await api.saveSystemPrompt(content);
-      setOriginalContent(content);
-      setToast({ message: t('usage.claudemdSavedSuccess'), type: "success" });
-    } catch (err) {
-      console.error("Failed to save system prompt:", err);
-      setError(t('usage.saveClaudemdFailed'));
-      setToast({ message: t('usage.saveClaudemdFailed'), type: "error" });
-    } finally {
-      setSaving(false);
-    }
-  };
-  
-  const handleBack = () => {
-    if (hasChanges) {
-      const confirmLeave = window.confirm(
-        t('usage.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>
-              <h2 className="text-lg font-semibold">CLAUDE.md</h2>
-              <p className="text-xs text-muted-foreground">
-                {t('usage.editSystemPrompt')}
-              </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('app.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

@@ -18,7 +18,7 @@ const CreateAgent = lazy(() => import('@/components/CreateAgent').then(m => ({ d
 const UsageDashboard = lazy(() => import('@/components/UsageDashboard').then(m => ({ default: m.UsageDashboard })));
 const MCPManager = lazy(() => import('@/components/MCPManager').then(m => ({ default: m.MCPManager })));
 const Settings = lazy(() => import('@/components/Settings').then(m => ({ default: m.Settings })));
-const MarkdownEditor = lazy(() => import('@/components/MarkdownEditor').then(m => ({ default: m.MarkdownEditor })));
+// Removed MarkdownEditor (direct CLAUDE.md editor)
 // const ClaudeFileEditor = lazy(() => import('@/components/ClaudeFileEditor').then(m => ({ default: m.ClaudeFileEditor })));
 
 // Import non-lazy components for projects view
@@ -234,8 +234,7 @@ const TabPanel: React.FC<TabPanelProps> = ({ tab, isActive }) => {
       case 'settings':
         return <Settings onBack={() => {}} />;
       
-      case 'claude-md':
-        return <MarkdownEditor onBack={() => {}} />;
+      // Removed 'claude-md' tab type
       
       case 'claude-file':
         if (!tab.claudeFileId) {

src/components/TabManager.tsx

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

src/components/Topbar.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { motion } from "framer-motion";
-import { Circle, FileText, Settings, ExternalLink, BarChart3, Network, Info, Bot, Files } from "lucide-react";
+import { Circle, Settings, ExternalLink, BarChart3, Network, Info, Bot, Files } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Popover } from "@/components/ui/popover";
 import { LanguageSwitcher } from "@/components/LanguageSwitcher";
@@ -10,10 +10,7 @@ import { api, type ClaudeVersionStatus } from "@/lib/api";
 import { cn } from "@/lib/utils";
 
 interface TopbarProps {
-  /**
-   * Callback when CLAUDE.md is clicked
-   */
-  onClaudeClick: () => void;
+  // Removed direct CLAUDE.md editor entry to avoid duplication
   /**
    * Callback when Settings is clicked
    */
@@ -49,14 +46,13 @@ interface TopbarProps {
  * 
  * @example
  * <Topbar
- *   onClaudeClick={() => setView('editor')}
+ *   // CLAUDE.md direct editor removed; use Prompt Files manager instead
  *   onSettingsClick={() => setView('settings')}
  *   onUsageClick={() => setView('usage-dashboard')}
  *   onMCPClick={() => setView('mcp')}
  * />
  */
 export const Topbar: React.FC<TopbarProps> = ({
-  onClaudeClick,
   onSettingsClick,
   onUsageClick,
   onMCPClick,
@@ -213,15 +209,7 @@ export const Topbar: React.FC<TopbarProps> = ({
           {t('navigation.usage')}
         </Button>
         
-        <Button
-          variant="ghost"
-          size="sm"
-          onClick={onClaudeClick}
-          className="text-xs"
-        >
-          <FileText className="mr-2 h-3 w-3" />
-          CLAUDE.md
-        </Button>
+        {/* Removed old direct CLAUDE.md editor button */}
         
         {onPromptFilesClick && (
           <Button
@@ -273,4 +261,4 @@ export const Topbar: React.FC<TopbarProps> = ({
       </div>
     </motion.div>
   );
-}; 
+};