From 2a26a3943fd3591361e4da87bdc0c8ef9d3822dc Mon Sep 17 00:00:00 2001
From: xiongxiao <kevisual@xiongxiao.me>
Date: Thu, 19 Mar 2026 04:12:22 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E6=8F=8F=E8=BF=B0=E7=BC=96=E8=BE=91=E5=8A=9F=E8=83=BD=EF=BC=8C?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=A0=87=E9=A2=98=E3=80=81=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E3=80=81=E6=91=98=E8=A6=81=E3=80=81=E6=8F=8F=E8=BF=B0=E5=92=8C?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FileDescriptionDialog.tsx     | 179 +++++++++++++++++++
 src/modules/project-api.ts                   | 164 ++++++++++++++++-
 src/pages/code-graph/components/NodeInfo.tsx |  40 ++++-
 src/pages/code-graph/store/index.ts          |   5 +
 4 files changed, 385 insertions(+), 3 deletions(-)
 create mode 100644 src/components/FileDescriptionDialog.tsx

diff --git a/src/components/FileDescriptionDialog.tsx b/src/components/FileDescriptionDialog.tsx
new file mode 100644
index 0000000..3eef32d
--- /dev/null
+++ b/src/components/FileDescriptionDialog.tsx
@@ -0,0 +1,179 @@
+import { useState, useEffect } from 'react';
+import { queryApi as projectApi } from '@/modules/project-api';
+import { toast } from 'sonner';
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+} from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Textarea } from '@/components/ui/textarea';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+
+const API_URL = '/root/v1/dev-cnb';
+
+export type FileDescriptionData = {
+  filepath: string;
+  title?: string;
+  tags?: string[];
+  summary?: string;
+  description?: string;
+  link?: string;
+};
+
+interface FileDescriptionDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  data: FileDescriptionData;
+  onSuccess?: () => void;
+}
+
+export function FileDescriptionDialog({
+  open,
+  onOpenChange,
+  data,
+  onSuccess,
+}: FileDescriptionDialogProps) {
+  const [loading, setLoading] = useState(false);
+  const [formData, setFormData] = useState<FileDescriptionData>({
+    filepath: data.filepath,
+    title: '',
+    tags: [],
+    summary: '',
+    description: '',
+    link: '',
+  });
+
+  // 当打开对话框或数据变化时，同步数据
+  useEffect(() => {
+    if (open && data.filepath) {
+      setFormData({
+        filepath: data.filepath,
+        title: data.title || '',
+        tags: data.tags || [],
+        summary: data.summary || '',
+        description: data.description || '',
+        link: data.link || '',
+      });
+    }
+  }, [open, data]);
+
+  const handleSave = async () => {
+    setLoading(true);
+    try {
+      // 过滤掉空值
+      const updateData: Partial<FileDescriptionData> = {
+        filepath: formData.filepath,
+      };
+      if (formData.title) updateData.title = formData.title;
+      if (formData.tags && formData.tags.length > 0) updateData.tags = formData.tags;
+      if (formData.summary) updateData.summary = formData.summary;
+      if (formData.description) updateData.description = formData.description;
+      if (formData.link) updateData.link = formData.link;
+
+      const res = await projectApi['project-file']['update'](updateData, { url: API_URL });
+      if (res.code === 200) {
+        toast.success('保存成功');
+        onOpenChange(false);
+        onSuccess?.();
+      } else {
+        toast.error(res.message ?? '保存失败');
+      }
+    } catch {
+      toast.error('保存失败');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleTagsChange = (value: string) => {
+    // 标签以逗号分隔
+    const tags = value.split(',').map((t) => t.trim()).filter(Boolean);
+    setFormData((prev) => ({ ...prev, tags }));
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="sm:max-w-[500px] max-h-[90vh] overflow-y-auto">
+        <DialogHeader>
+          <DialogTitle>编辑文件描述</DialogTitle>
+        </DialogHeader>
+        <div className="grid gap-4 py-4">
+          {/* 文件路径（只读） */}
+          <div className="grid gap-2">
+            <Label className="text-slate-400">文件路径</Label>
+            <Input value={formData.filepath} disabled className="font-mono text-xs" />
+          </div>
+
+          {/* 标题 */}
+          <div className="grid gap-2">
+            <Label htmlFor="title">标题</Label>
+            <Input
+              id="title"
+              value={formData.title}
+              onChange={(e) => setFormData((prev) => ({ ...prev, title: e.target.value }))}
+              placeholder="输入文件标题"
+            />
+          </div>
+
+          {/* 标签 */}
+          <div className="grid gap-2">
+            <Label htmlFor="tags">标签</Label>
+            <Input
+              id="tags"
+              value={formData.tags?.join(', ') || ''}
+              onChange={(e) => handleTagsChange(e.target.value)}
+              placeholder="输入标签，用逗号分隔"
+            />
+            <span className="text-[10px] text-slate-500">多个标签用逗号分隔</span>
+          </div>
+
+          {/* 摘要 */}
+          <div className="grid gap-2">
+            <Label htmlFor="summary">摘要</Label>
+            <Input
+              id="summary"
+              value={formData.summary}
+              onChange={(e) => setFormData((prev) => ({ ...prev, summary: e.target.value }))}
+              placeholder="简短描述文件内容"
+            />
+          </div>
+
+          {/* 链接 */}
+          <div className="grid gap-2">
+            <Label htmlFor="link">链接</Label>
+            <Input
+              id="link"
+              value={formData.link}
+              onChange={(e) => setFormData((prev) => ({ ...prev, link: e.target.value }))}
+              placeholder="关联的外部链接（如文档、Issue 等）"
+            />
+          </div>
+
+          {/* 描述 */}
+          <div className="grid gap-2">
+            <Label htmlFor="description">详细描述</Label>
+            <Textarea
+              id="description"
+              value={formData.description}
+              onChange={(e) => setFormData((prev) => ({ ...prev, description: e.target.value }))}
+              placeholder="详细描述文件内容、用途等"
+              className="min-h-[120px]"
+            />
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            取消
+          </Button>
+          <Button onClick={handleSave} disabled={loading}>
+            {loading ? '保存中...' : '保存'}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/src/modules/project-api.ts b/src/modules/project-api.ts
index 506cfbe..96923ea 100644
--- a/src/modules/project-api.ts
+++ b/src/modules/project-api.ts
@@ -1,5 +1,4 @@
 import { createQueryApi } from '@kevisual/query/api';
-import { query }  from '@/modules/query.ts';
 const api = {
   "project": {
     /**
@@ -41,6 +40,14 @@ const api = {
             "optional": true
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -64,6 +71,14 @@ const api = {
             "description": "要移除的项目根目录绝对路径，必填"
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -87,6 +102,14 @@ const api = {
             "description": "要暂停监听的项目根目录绝对路径，必填"
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -110,6 +133,14 @@ const api = {
             "description": "要查询的项目根目录绝对路径，必填"
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -122,6 +153,14 @@ const api = {
       "key": "list",
       "description": "列出所有已注册的项目及其当前运行状态（路径、仓库名称、监听是否活跃等）",
       "metadata": {
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -190,6 +229,45 @@ const api = {
             "optional": true
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
+        "url": "/root/v1/dev-cnb",
+        "source": "query-proxy-api"
+      }
+    },
+    /**
+     * 列出项目根目录下的所有文件路径，适用于前端展示项目结构
+     *
+     * @param data - Request parameters
+     * @param data.rootPath - {string} 项目根目录绝对路径，默认为 /workspace/projects，指定后只列出该目录下的项目文件
+     */
+    "project-files": {
+      "path": "project",
+      "key": "project-files",
+      "description": "列出项目根目录下的所有文件路径，适用于前端展示项目结构",
+      "metadata": {
+        "args": {
+          "rootPath": {
+            "$schema": "https://json-schema.org/draft/2020-12/schema",
+            "description": "项目根目录绝对路径，默认为 /workspace/projects，指定后只列出该目录下的项目文件",
+            "type": "string",
+            "optional": true
+          }
+        },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -199,6 +277,7 @@ const api = {
      *
      * @param data - Request parameters
      * @param data.rootPath - {string} 搜索项目的根目录绝对路径，默认为 /workspace/projects
+     * @param data.projectPaths - {array} 项目路径列表，提供后将直接注册这些路径为项目，忽略rootPath参数
      */
     "init": {
       "path": "project",
@@ -211,8 +290,25 @@ const api = {
             "description": "搜索项目的根目录绝对路径，默认为 /workspace/projects",
             "type": "string",
             "optional": true
+          },
+          "projectPaths": {
+            "$schema": "https://json-schema.org/draft/2020-12/schema",
+            "description": "项目路径列表，提供后将直接注册这些路径为项目，忽略rootPath参数",
+            "type": "array",
+            "items": {
+              "type": "string"
+            },
+            "optional": true
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -236,6 +332,14 @@ const api = {
             "optional": true
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -265,6 +369,14 @@ const api = {
             "description": "代码仓库标识，用于搜索结果展示和过滤，格式如 owner/repo，例如 kevisual/cnb，必填"
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -376,6 +488,14 @@ const api = {
             "optional": true
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -481,6 +601,14 @@ const api = {
             "optional": true
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -506,6 +634,14 @@ const api = {
             "description": "要读取的文件绝对路径，必填"
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -536,6 +672,14 @@ const api = {
             "description": "文件内容的 base64 编码，必填"
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -597,6 +741,14 @@ const api = {
             "optional": true
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
@@ -620,12 +772,20 @@ const api = {
             "description": "要删除的文件绝对路径，必填"
           }
         },
+        "viewItem": {
+          "api": {
+            "url": "/root/v1/dev-cnb"
+          },
+          "type": "api",
+          "title": "CNB_BOARD",
+          "routerStatus": "active"
+        },
         "url": "/root/v1/dev-cnb",
         "source": "query-proxy-api"
       }
     }
   }
 } as const;
-const queryApi = createQueryApi({ api, query });
+const queryApi = createQueryApi({ api });
 
 export { queryApi };
diff --git a/src/pages/code-graph/components/NodeInfo.tsx b/src/pages/code-graph/components/NodeInfo.tsx
index 5a11f1a..97d2462 100644
--- a/src/pages/code-graph/components/NodeInfo.tsx
+++ b/src/pages/code-graph/components/NodeInfo.tsx
@@ -1,9 +1,10 @@
 import { useEffect, useRef, useState } from 'react';
-import { FileIcon, FolderIcon, DatabaseIcon, XIcon, MoveIcon, SquarePenIcon, BotIcon } from 'lucide-react';
+import { FileIcon, FolderIcon, DatabaseIcon, XIcon, MoveIcon, SquarePenIcon, BotIcon, FileTextIcon } from 'lucide-react';
 import { useCodeGraphStore, NodeInfoData } from '../store';
 import { useBotHelperStore } from '../store/bot-helper';
 import { useShallow } from 'zustand/react/shallow';
 import clsx from 'clsx';
+import { FileDescriptionDialog, FileDescriptionData } from '@/components/FileDescriptionDialog';
 
 function KindIcon({ kind, color }: { kind: NodeInfoData['kind']; color: string }) {
   const cls = 'size-4 shrink-0';
@@ -94,6 +95,17 @@ export const NodeInfoContainer = () => {
   const [offset, setOffset] = useState({ x: 0, y: 0 });
   const [pinLeft, setPinLeft] = useState(false); // 编辑后固定到右下角
 
+  // 描述弹窗
+  const [descriptionOpen, setDescriptionOpen] = useState(false);
+  const [descriptionData, setDescriptionData] = useState<FileDescriptionData>({
+    filepath: '',
+    title: '',
+    tags: [],
+    summary: '',
+    description: '',
+    link: '',
+  });
+
   // 检测屏幕大小
   useEffect(() => {
     const checkMobile = () => setIsMobile(window.innerWidth < 768);
@@ -169,6 +181,23 @@ export const NodeInfoContainer = () => {
           className='ml-1 text-slate-500 hover:text-indigo-400 transition-colors'>
           <SquarePenIcon className='size-3.5' />
         </button>
+        <button
+          onClick={() => {
+            if (!nodeInfoData) return;
+            setDescriptionData({
+              filepath: nodeInfoData.fullPath,
+              title: nodeInfoData.title,
+              tags: nodeInfoData.tags,
+              summary: nodeInfoData.summary,
+              description: nodeInfoData.description,
+              link: nodeInfoData.link,
+            });
+            setDescriptionOpen(true);
+          }}
+          title='编辑描述'
+          className='ml-1 text-slate-500 hover:text-amber-400 transition-colors'>
+          <FileTextIcon className='size-3.5' />
+        </button>
         <button
           onClick={() => {
             botHelperStore.setProjectInfo({
@@ -194,6 +223,15 @@ export const NodeInfoContainer = () => {
         </button>
       </div>
       <NodeInfo />
+      {/* 描述编辑弹窗 */}
+      <FileDescriptionDialog
+        open={descriptionOpen}
+        onOpenChange={setDescriptionOpen}
+        data={descriptionData}
+        onSuccess={() => {
+          // 可选：刷新节点数据
+        }}
+      />
     </div>
   );
 }
diff --git a/src/pages/code-graph/store/index.ts b/src/pages/code-graph/store/index.ts
index 3bdbf35..78078b2 100644
--- a/src/pages/code-graph/store/index.ts
+++ b/src/pages/code-graph/store/index.ts
@@ -25,6 +25,11 @@ export type NodeInfoData = {
   color: string;
   fileId?: string;
   nodeSize?: number;
+  title?: string;
+  tags?: string[];
+  summary?: string;
+  description?: string;
+  link?: string;
 };
 export type OpencodeResult = {
   info: AssistantMessage;