feat(knowledge): 知识库 wiki/知识图谱重构，新增发布广场选择弹窗

- 知识库页拆分出 wiki 组件（侧边栏/目录树/Markdown 阅读器等）
- 知识图谱页拆分出 knowledge-graph 组件并增强交互
- 新增发布广场选择弹窗 publish-square-picker-dialog
- config.yaml 新增 MiniMax-M2.5 / Ling-flash-2.0 / DeepSeek-V4-Pro 模型

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend-web/src/pages/KnowledgeBasePage.tsx

@@ -1,24 +1,8 @@
-import {
-  BookOpen,
-  Copy,
-  ExternalLink,
-  Loader2,
-  Network,
-  Pencil,
-  Plus,
-  RefreshCw,
-  Save,
-  Search,
-  Sparkles,
-  Trash2,
-  Upload,
-  X,
-} from "lucide-react";
-import { useEffect, useMemo, useState } from "react";
+import { Loader2 } from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useNavigate, useParams } from "react-router-dom";
 import { toast } from "sonner";
 
-import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
   Dialog,
@@ -30,14 +14,18 @@ import {
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { ScrollArea } from "@/components/ui/scroll-area";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
 import { Textarea } from "@/components/ui/textarea";
+import { EmptyDocumentState } from "@/components/wiki/EmptyDocumentState";
+import { KnowledgeSidebar } from "@/components/wiki/KnowledgeSidebar";
+import { TocPanel } from "@/components/wiki/TocPanel";
+import { WikiContent } from "@/components/wiki/WikiContent";
+import { WikiHeader } from "@/components/wiki/WikiHeader";
+import {
+  buildKnowledgeTree,
+  downloadMarkdown,
+  extractToc,
+  findAncestorFolderIds,
+} from "@/components/wiki/wikiUtils";
 import { ModelNameSelect } from "@/components/workspace/model-name-select";
 import {
   useKnowledgeActions,
@@ -53,47 +41,6 @@ import MarkdownRenderer, {
   type WikiLinkTarget,
 } from "@/strategy-components/MarkdownRenderer";
 
-const SOURCE_TYPE_LABELS: Record<string, string> = {
-  thread: "对话",
-  search: "检索",
-  tool: "工具",
-  file: "文件",
-  manual: "手动",
-  report: "报告",
-};
-
-const STATUS_LABELS: Record<string, string> = {
-  draft: "草稿",
-  approved: "已批准",
-  archived: "已归档",
-};
-
-/** Human label for an audit actor: prefer the resolved name (email), else a short id. */
-function actorLabel(name?: string | null, id?: string | null): string {
-  if (name && name.trim()) return name.trim();
-  if (id && id.trim()) return `${id.trim().slice(0, 8)}…`;
-  return "—";
-}
-
-const ENTITY_TYPE_META: Record<string, { label: string; className: string }> = {
-  person: { label: "人物", className: "bg-rose-50 text-rose-700 border-rose-200 dark:bg-rose-500/15 dark:text-rose-300 dark:border-rose-500/30" },
-  org: { label: "机构", className: "bg-blue-50 text-blue-700 border-blue-200 dark:bg-blue-500/15 dark:text-blue-300 dark:border-blue-500/30" },
-  product: { label: "产品", className: "bg-violet-50 text-violet-700 border-violet-200 dark:bg-violet-500/15 dark:text-violet-300 dark:border-violet-500/30" },
-  technology: { label: "技术", className: "bg-cyan-50 text-cyan-700 border-cyan-200 dark:bg-cyan-500/15 dark:text-cyan-300 dark:border-cyan-500/30" },
-  concept: { label: "概念", className: "bg-amber-50 text-amber-700 border-amber-200 dark:bg-amber-500/15 dark:text-amber-300 dark:border-amber-500/30" },
-  region: { label: "地区", className: "bg-emerald-50 text-emerald-700 border-emerald-200 dark:bg-emerald-500/15 dark:text-emerald-300 dark:border-emerald-500/30" },
-  country: { label: "国家", className: "bg-emerald-50 text-emerald-700 border-emerald-200 dark:bg-emerald-500/15 dark:text-emerald-300 dark:border-emerald-500/30" },
-};
-
-function entityMeta(type?: string | null) {
-  return (
-    ENTITY_TYPE_META[(type || "").toLowerCase()] ?? {
-      label: "其他",
-      className: "bg-slate-100 text-slate-600 border-slate-200 dark:bg-slate-700/40 dark:text-slate-300 dark:border-slate-600",
-    }
-  );
-}
-
 function useDebounced<T>(value: T, delay = 350): T {
   const [debounced, setDebounced] = useState(value);
   useEffect(() => {
@@ -103,54 +50,6 @@ function useDebounced<T>(value: T, delay = 350): T {
   return debounced;
 }
 
-function NoteListItem({
-  note,
-  active,
-  onClick,
-}: {
-  note: KnowledgeNote;
-  active: boolean;
-  onClick: () => void;
-}) {
-  return (
-    <button
-      type="button"
-      onClick={onClick}
-      className={cn(
-        "flex w-full flex-col gap-1 rounded-md border p-3 text-left transition-colors",
-        active
-          ? "border-primary bg-primary/5"
-          : "border-border/70 hover:bg-muted/50",
-      )}
-    >
-      <div className="flex items-center justify-between gap-2">
-        <span className="line-clamp-1 text-sm font-medium">{note.title}</span>
-        <Badge variant="outline" className="shrink-0 text-[10px]">
-          {SOURCE_TYPE_LABELS[note.source_type] ?? note.source_type}
-        </Badge>
-      </div>
-      {note.summary ? (
-        <span className="text-muted-foreground line-clamp-2 text-xs">
-          {note.summary}
-        </span>
-      ) : null}
-      <div className="mt-1 flex flex-wrap items-center gap-1">
-        {note.tags.slice(0, 4).map((tag) => (
-          <span
-            key={tag}
-            className="bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-[10px]"
-          >
-            #{tag}
-          </span>
-        ))}
-        <span className="text-muted-foreground ml-auto text-[10px]">
-          {note.updated_at?.slice(0, 10)}
-        </span>
-      </div>
-    </button>
-  );
-}
-
 function CreateNoteDialog({
   open,
   onOpenChange,
@@ -550,13 +449,93 @@ function VaultPageDialog({
   );
 }
 
-function NoteDetail({ noteId }: { noteId: string }) {
+export default function KnowledgeBasePage() {
   const navigate = useNavigate();
-  const { data: note, isLoading } = useKnowledgeNote(noteId);
-  const { data: wikiLinks } = useNoteWikilinks(noteId);
-  const { update, remove } = useKnowledgeActions();
+  const { noteId } = useParams<{ noteId: string }>();
+
+  // --- list / tree state ---
+  const [keyword, setKeyword] = useState("");
+  const debouncedKeyword = useDebounced(keyword);
+  const [sourceType, setSourceType] = useState("all");
+  const [status, setStatus] = useState("all");
+  const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set());
+  const treeInitializedRef = useRef(false);
+  const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);
+
+  // --- dialogs ---
+  const [createOpen, setCreateOpen] = useState(false);
+  const [batchOpen, setBatchOpen] = useState(false);
+  const [importOpen, setImportOpen] = useState(false);
+  const [dedupOpen, setDedupOpen] = useState(false);
   const [vaultPath, setVaultPath] = useState<string | null>(null);
 
+  // --- reading state ---
+  const [activeHeadingId, setActiveHeadingId] = useState<string | null>(null);
+
+  const params = useMemo(
+    () => ({
+      keyword: debouncedKeyword || undefined,
+      source_type: sourceType === "all" ? undefined : sourceType,
+      status: status === "all" ? undefined : status,
+      limit: 500,
+    }),
+    [debouncedKeyword, sourceType, status],
+  );
+
+  const { data, isLoading } = useKnowledgeNotes(params);
+  const notes = data?.items ?? [];
+  const tree = useMemo(() => buildKnowledgeTree(notes), [notes]);
+
+  const { data: note, isLoading: noteLoading } = useKnowledgeNote(noteId);
+  const { data: wikiLinks } = useNoteWikilinks(noteId);
+  const tocItems = useMemo(
+    () => (note ? extractToc(note.content_md) : []),
+    [note],
+  );
+
+  // First load: expand the root-level folders so the tree reads as a directory.
+  useEffect(() => {
+    if (treeInitializedRef.current || tree.length === 0) return;
+    treeInitializedRef.current = true;
+    setExpandedIds(
+      new Set(tree.filter((n) => n.type === "folder").map((n) => n.id)),
+    );
+  }, [tree]);
+
+  // Keep the selected document's ancestor folders open (deep links included).
+  useEffect(() => {
+    if (!noteId || tree.length === 0) return;
+    const ancestors = findAncestorFolderIds(tree, noteId);
+    if (!ancestors || ancestors.length === 0) return;
+    setExpandedIds((prev) => {
+      if (ancestors.every((id) => prev.has(id))) return prev;
+      const next = new Set(prev);
+      for (const id of ancestors) next.add(id);
+      return next;
+    });
+  }, [noteId, tree]);
+
+  const handleToggleFolder = (id: string) => {
+    setExpandedIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+
+  const handleSelectNote = (item: KnowledgeNote) => {
+    setMobileSidebarOpen(false);
+    navigate(`/page/workspace/knowledge/${item.id}`);
+  };
+
+  const handleTocClick = (id: string) => {
+    setActiveHeadingId(id);
+    document
+      .getElementById(id)
+      ?.scrollIntoView({ behavior: "smooth", block: "start" });
+  };
+
   const handleWikiLink = (link: WikiLinkTarget) => {
     if (link.kind === "note" && link.note_id) {
       navigate(`/page/workspace/knowledge/${link.note_id}`);
@@ -564,235 +543,81 @@ function NoteDetail({ noteId }: { noteId: string }) {
       setVaultPath(link.vault_path);
     }
   };
-  const [editing, setEditing] = useState(false);
-  const [draftTitle, setDraftTitle] = useState("");
-  const [draftTags, setDraftTags] = useState("");
-  const [draftContent, setDraftContent] = useState("");
-  const [draftStatus, setDraftStatus] = useState("approved");
-
-  useEffect(() => {
-    setEditing(false);
-    setVaultPath(null);
-  }, [noteId]);
-
-  useEffect(() => {
-    if (note) {
-      setDraftTitle(note.title);
-      setDraftTags(note.tags.join(", "));
-      setDraftContent(note.content_md);
-      setDraftStatus(note.status);
-    }
-  }, [note]);
-
-  if (isLoading || !note) {
-    return (
-      <div className="text-muted-foreground flex h-full items-center justify-center text-sm">
-        {isLoading ? "加载中..." : "知识不存在"}
-      </div>
-    );
-  }
-
-  const handleSave = async () => {
-    try {
-      await update.mutateAsync({
-        noteId: note.id,
-        data: {
-          title: draftTitle.trim() || note.title,
-          content_md: draftContent,
-          tags: draftTags
-            .split(/[,，\s]+/)
-            .map((t) => t.trim())
-            .filter(Boolean),
-          status: draftStatus,
-        },
-      });
-      toast.success("已保存");
-      setEditing(false);
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "保存失败");
-    }
-  };
-
-  const handleArchive = async () => {
-    try {
-      await remove.mutateAsync({ noteId: note.id });
-      toast.success("已归档");
-      navigate("/page/workspace/knowledge");
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : "归档失败");
-    }
-  };
 
   return (
-    <div className="flex h-full flex-col">
-      <div className="flex items-center justify-between gap-2 border-b p-3">
-        <div className="flex items-center gap-2">
-          <Badge variant="outline">
-            {SOURCE_TYPE_LABELS[note.source_type] ?? note.source_type}
-          </Badge>
-          <Badge variant="secondary">{STATUS_LABELS[note.status] ?? note.status}</Badge>
-        </div>
-        <div className="flex items-center gap-2">
-          {editing ? (
-            <>
-              <Button size="sm" variant="ghost" onClick={() => setEditing(false)}>
-                <X className="size-4" /> 取消
-              </Button>
-              <Button size="sm" onClick={() => void handleSave()} disabled={update.isPending}>
-                <Save className="size-4" /> 保存
-              </Button>
-            </>
-          ) : (
-            <>
-              <Button size="sm" variant="ghost" onClick={() => setEditing(true)}>
-                <Pencil className="size-4" /> 编辑
-              </Button>
-              <Button
-                size="sm"
-                variant="ghost"
-                className="text-destructive"
-                onClick={() => void handleArchive()}
-                disabled={remove.isPending}
-              >
-                <Trash2 className="size-4" /> 归档
-              </Button>
-            </>
+    <div className="flex size-full min-h-0 flex-col bg-slate-50 dark:bg-slate-950">
+      <WikiHeader
+        onToggleSidebar={() => setMobileSidebarOpen((v) => !v)}
+        onImportFile={() => setImportOpen(true)}
+        onBatchImport={() => setBatchOpen(true)}
+        onDedup={() => setDedupOpen(true)}
+        onGraph={() => navigate("/page/workspace/knowledge/graph")}
+        onCreate={() => setCreateOpen(true)}
+      />
+
+      <div className="grid min-h-0 flex-1 grid-cols-1 md:grid-cols-[300px_minmax(0,1fr)] xl:grid-cols-[300px_minmax(0,1fr)_280px]">
+        {mobileSidebarOpen ? (
+          <div
+            className="fixed inset-0 z-40 bg-black/30 md:hidden"
+            onClick={() => setMobileSidebarOpen(false)}
+            aria-hidden
+          />
+        ) : null}
+        <KnowledgeSidebar
+          keyword={keyword}
+          onKeywordChange={setKeyword}
+          sourceType={sourceType}
+          onSourceTypeChange={setSourceType}
+          status={status}
+          onStatusChange={setStatus}
+          tree={tree}
+          expandedIds={expandedIds}
+          onToggleFolder={handleToggleFolder}
+          selectedId={noteId}
+          onSelect={handleSelectNote}
+          onExportNote={downloadMarkdown}
+          total={data?.total ?? 0}
+          isLoading={isLoading}
+          className={cn(
+            "max-md:fixed max-md:inset-y-0 max-md:left-0 max-md:z-50 max-md:w-[300px] max-md:shadow-xl max-md:transition-transform max-md:duration-200",
+            mobileSidebarOpen ? "max-md:translate-x-0" : "max-md:-translate-x-full",
           )}
-        </div>
+        />
+
+        {!noteId ? (
+          <EmptyDocumentState />
+        ) : noteLoading || !note ? (
+          <div className="flex h-full items-center justify-center bg-white text-sm text-slate-400 dark:bg-slate-900">
+            {noteLoading ? (
+              <span className="inline-flex items-center gap-2">
+                <Loader2 className="size-4 animate-spin" /> 加载中...
+              </span>
+            ) : (
+              "知识不存在"
+            )}
+          </div>
+        ) : (
+          <WikiContent
+            note={note}
+            toc={tocItems}
+            wikiLinks={wikiLinks}
+            onWikiLinkClick={handleWikiLink}
+            onActiveHeadingChange={setActiveHeadingId}
+          />
+        )}
+
+        <TocPanel
+          items={tocItems}
+          activeId={activeHeadingId}
+          onItemClick={handleTocClick}
+          className="hidden xl:block"
+        />
       </div>
 
-      <ScrollArea className="min-h-0 flex-1">
-        <div className="p-4">
-          {editing ? (
-            <div className="flex flex-col gap-3">
-              <Input
-                value={draftTitle}
-                onChange={(e) => setDraftTitle(e.target.value)}
-                placeholder="标题"
-              />
-              <div className="flex items-center gap-2">
-                <Input
-                  value={draftTags}
-                  onChange={(e) => setDraftTags(e.target.value)}
-                  placeholder="标签，逗号分隔"
-                />
-                <Select value={draftStatus} onValueChange={setDraftStatus}>
-                  <SelectTrigger className="w-32">
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="draft">草稿</SelectItem>
-                    <SelectItem value="approved">已批准</SelectItem>
-                    <SelectItem value="archived">已归档</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-              <Textarea
-                rows={20}
-                value={draftContent}
-                onChange={(e) => setDraftContent(e.target.value)}
-                className="font-mono text-sm"
-              />
-            </div>
-          ) : (
-            <>
-              <h1 className="mb-3 text-xl font-semibold">{note.title}</h1>
-
-              {note.tags.length > 0 ? (
-                <div className="mb-2 flex flex-wrap items-center gap-1.5">
-                  {note.tags.map((tag) => (
-                    <span
-                      key={tag}
-                      className="border-primary/20 bg-primary/5 text-primary/90 hover:bg-primary/10 inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors"
-                    >
-                      #{tag}
-                    </span>
-                  ))}
-                </div>
-              ) : null}
-
-              {note.entities && note.entities.length > 0 ? (
-                <div className="mb-4 flex flex-wrap items-center gap-1.5">
-                  <span className="text-muted-foreground mr-0.5 inline-flex items-center gap-1 text-xs">
-                    <Sparkles className="size-3" /> 实体
-                  </span>
-                  {note.entities.map((ent) => {
-                    const meta = entityMeta(ent.entity_type);
-                    return (
-                      <span
-                        key={`${ent.name}-${ent.entity_type ?? ""}`}
-                        title={meta.label}
-                        className={cn(
-                          "inline-flex items-center gap-1.5 rounded-full border py-1 pl-2 pr-1 text-xs font-medium",
-                          meta.className,
-                        )}
-                      >
-                        <span className="size-1.5 shrink-0 rounded-full bg-current opacity-70" />
-                        <span>{ent.name}</span>
-                        <span className="rounded-full bg-current/15 px-1.5 py-0.5 text-[10px] leading-none opacity-90">
-                          {meta.label}
-                        </span>
-                      </span>
-                    );
-                  })}
-                </div>
-              ) : null}
-
-              <MarkdownRenderer
-                content={note.content_md}
-                wikiLinks={wikiLinks}
-                onWikiLinkClick={handleWikiLink}
-              />
-
-              {note.sources && note.sources.length > 0 ? (
-                <div className="mt-6 border-t pt-4">
-                  <h2 className="mb-2 text-sm font-semibold">来源</h2>
-                  <ul className="flex flex-col gap-2">
-                    {note.sources.map((src) => (
-                      <li key={src.id} className="text-sm">
-                        {src.url ? (
-                          <a
-                            href={src.url}
-                            target="_blank"
-                            rel="noreferrer"
-                            className="text-primary inline-flex items-center gap-1 hover:underline"
-                          >
-                            {src.title || src.url}
-                            <ExternalLink className="size-3" />
-                          </a>
-                        ) : src.thread_id ? (
-                          <button
-                            type="button"
-                            className="text-primary hover:underline"
-                            onClick={() =>
-                              navigate(`/page/workspace/chats/${src.thread_id}`)
-                            }
-                          >
-                            {src.title || `对话 ${src.thread_id.slice(0, 8)}`}
-                          </button>
-                        ) : (
-                          <span>{src.title || src.tool_name || "来源"}</span>
-                        )}
-                        {src.snippet ? (
-                          <p className="text-muted-foreground mt-0.5 line-clamp-2 text-xs">
-                            {src.snippet}
-                          </p>
-                        ) : null}
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-              ) : null}
-
-              <div className="text-muted-foreground mt-6 border-t pt-3 text-xs">
-                创建人 {actorLabel(note.created_by_name, note.created_by)} · 更新人{" "}
-                {actorLabel(note.updated_by_name, note.updated_by)} · 更新于{" "}
-                {note.updated_at?.slice(0, 19).replace("T", " ")}
-              </div>
-            </>
-          )}
-        </div>
-      </ScrollArea>
+      <CreateNoteDialog open={createOpen} onOpenChange={setCreateOpen} />
+      <ImportFileDialog open={importOpen} onOpenChange={setImportOpen} />
+      <BatchImportDialog open={batchOpen} onOpenChange={setBatchOpen} />
+      <DedupDialog open={dedupOpen} onOpenChange={setDedupOpen} />
       <VaultPageDialog
         path={vaultPath}
         onOpenChange={(open) => {
@@ -802,139 +627,3 @@ function NoteDetail({ noteId }: { noteId: string }) {
     </div>
   );
 }
-
-export default function KnowledgeBasePage() {
-  const navigate = useNavigate();
-  const { noteId } = useParams<{ noteId: string }>();
-  const [keyword, setKeyword] = useState("");
-  const debouncedKeyword = useDebounced(keyword);
-  const [sourceType, setSourceType] = useState("all");
-  const [status, setStatus] = useState("all");
-  const [createOpen, setCreateOpen] = useState(false);
-  const [batchOpen, setBatchOpen] = useState(false);
-  const [importOpen, setImportOpen] = useState(false);
-  const [dedupOpen, setDedupOpen] = useState(false);
-
-  const params = useMemo(
-    () => ({
-      keyword: debouncedKeyword || undefined,
-      source_type: sourceType === "all" ? undefined : sourceType,
-      status: status === "all" ? undefined : status,
-      limit: 50,
-    }),
-    [debouncedKeyword, sourceType, status],
-  );
-
-  const { data, isLoading } = useKnowledgeNotes(params);
-  const notes = data?.items ?? [];
-
-  return (
-    <div className="flex size-full min-h-0 flex-col">
-      <header className="flex flex-wrap items-center gap-2 border-b p-3">
-        <BookOpen className="size-5" />
-        <h1 className="mr-2 text-base font-semibold">知识库</h1>
-        <div className="relative">
-          <Search className="text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2" />
-          <Input
-            value={keyword}
-            onChange={(e) => setKeyword(e.target.value)}
-            placeholder="搜索标题 / 摘要 / 正文 / 标签"
-            className="w-64 pl-8"
-          />
-        </div>
-        <Select value={sourceType} onValueChange={setSourceType}>
-          <SelectTrigger className="w-28">
-            <SelectValue placeholder="来源" />
-          </SelectTrigger>
-          <SelectContent>
-            <SelectItem value="all">全部来源</SelectItem>
-            {Object.entries(SOURCE_TYPE_LABELS).map(([v, label]) => (
-              <SelectItem key={v} value={v}>
-                {label}
-              </SelectItem>
-            ))}
-          </SelectContent>
-        </Select>
-        <Select value={status} onValueChange={setStatus}>
-          <SelectTrigger className="w-28">
-            <SelectValue placeholder="状态" />
-          </SelectTrigger>
-          <SelectContent>
-            <SelectItem value="all">全部状态</SelectItem>
-            <SelectItem value="draft">草稿</SelectItem>
-            <SelectItem value="approved">已批准</SelectItem>
-            <SelectItem value="archived">已归档</SelectItem>
-          </SelectContent>
-        </Select>
-        <div className="ml-auto flex items-center gap-2">
-          <Button variant="outline" size="sm" onClick={() => setImportOpen(true)}>
-            <Upload className="size-4" /> 导入文件
-          </Button>
-          <Button variant="outline" size="sm" onClick={() => setBatchOpen(true)}>
-            <RefreshCw className="size-4" /> 批量导入
-          </Button>
-          <Button variant="outline" size="sm" onClick={() => setDedupOpen(true)}>
-            <Copy className="size-4" /> 查重
-          </Button>
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={() => navigate("/page/workspace/knowledge/graph")}
-          >
-            <Network className="size-4" /> 图谱
-          </Button>
-          <Button size="sm" onClick={() => setCreateOpen(true)}>
-            <Plus className="size-4" /> 新建
-          </Button>
-        </div>
-      </header>
-
-      <div className="grid min-h-0 flex-1 grid-cols-1 lg:grid-cols-[360px_minmax(0,1fr)]">
-        <div className="flex min-h-0 flex-col border-r">
-          <ScrollArea className="min-h-0 flex-1">
-            <div className="flex flex-col gap-2 p-3">
-              {isLoading ? (
-                <div className="text-muted-foreground flex items-center gap-2 p-4 text-sm">
-                  <Loader2 className="size-4 animate-spin" /> 加载中...
-                </div>
-              ) : notes.length === 0 ? (
-                <div className="text-muted-foreground rounded-md border border-dashed p-6 text-center text-sm">
-                  暂无知识。点击「新建」或在对话页「保存到知识库」。
-                </div>
-              ) : (
-                notes.map((note) => (
-                  <NoteListItem
-                    key={note.id}
-                    note={note}
-                    active={note.id === noteId}
-                    onClick={() => navigate(`/page/workspace/knowledge/${note.id}`)}
-                  />
-                ))
-              )}
-            </div>
-          </ScrollArea>
-          {data ? (
-            <div className="text-muted-foreground border-t p-2 text-center text-xs">
-              共 {data.total} 条知识
-            </div>
-          ) : null}
-        </div>
-
-        <div className="min-h-0">
-          {noteId ? (
-            <NoteDetail noteId={noteId} />
-          ) : (
-            <div className="text-muted-foreground flex h-full items-center justify-center text-sm">
-              从左侧选择一条知识查看详情
-            </div>
-          )}
-        </div>
-      </div>
-
-      <CreateNoteDialog open={createOpen} onOpenChange={setCreateOpen} />
-      <ImportFileDialog open={importOpen} onOpenChange={setImportOpen} />
-      <BatchImportDialog open={batchOpen} onOpenChange={setBatchOpen} />
-      <DedupDialog open={dedupOpen} onOpenChange={setDedupOpen} />
-    </div>
-  );
-}