feat(ui): 自研 Celadon 组件族入库与 AntD 消费全量替换 - base(Kbd/StatusBadge/IconButton/ToolButton)+product(EmptyState/Callout/SegmentedControl/Checkbox/Select/Tooltip/Switch), composio 视觉基底, globals.css 覆盖清理 (ADR-0008)

web/src/pages/canvas/canvas-shortcuts-modal.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Command, Search } from "lucide-react";
+import { Kbd } from "@/components/ui/base/kbd";
 import { Modal } from "antd";
 
 import {
@@ -105,7 +106,7 @@ export function CanvasShortcutsModal({ open, onClose }: { open: boolean; onClose
 
                 <footer className="canvas-shortcuts-footer">
                     <span>共 {results.length} 个快捷键</span>
-                    <span className="canvas-shortcuts-close-hint"><kbd>Esc</kbd> 关闭</span>
+                    <span className="canvas-shortcuts-close-hint"><Kbd>Esc</Kbd> 关闭</span>
                 </footer>
             </div>
         </Modal>
@@ -140,7 +141,7 @@ function ShortcutRow({ shortcut, showCategory }: { shortcut: CanvasShortcutItem;
                         {combination.map((key, keyIndex) => (
                             <span key={`${key}-${keyIndex}`} className="canvas-shortcuts-key-part">
                                 {keyIndex ? <i>+</i> : null}
-                                <kbd>{key}</kbd>
+                                <Kbd>{key}</Kbd>
                             </span>
                         ))}
                     </span>

web/src/pages/canvas/index.tsx

@@ -1,7 +1,8 @@
 import { lazy, Suspense, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useNavigate, useSearchParams } from "react-router";
 import { useInfiniteQuery, useQuery } from "@tanstack/react-query";
-import { App, Button, Dropdown, Modal, Select } from "antd";
+import { App, Button, Dropdown, Modal } from "antd";
+import { Select } from "@/components/ui/base/select";
 import { ArrowDownAZ, Clock3, Download, FileUp, History, ListFilter, MoreHorizontal, Plus, Search, SlidersHorizontal, Trash2, X } from "lucide-react";
 
 import { CollectionGrid, PageHeader, WorkspacePage } from "@/components/layout/workspace-page";