@tablestore/tablestore-agent-cli 0.1.9 → 0.2.1

package/dist/dashboard-runtime/dashboard/src/app/api/v1/knowledge-bases/[name]/documents/route.ts

@@ -55,12 +55,32 @@ export async function GET(request: NextRequest, context: RouteContext) {
   }
 }
 
+/**
+ * Normalize a caller-supplied `ossKey` into the `oss://<bucket>/<key>` URI
+ * the upstream KB API requires. The dashboard browser sends bare keys (the
+ * shape that comes out of `client.list`), and the CLI forwards whatever the
+ * user typed; either may already be a URI. Pass-through when it is, prepend
+ * the configured bucket otherwise.
+ *
+ * Bucket comes from the resolved AppConfig — the same value the OSS browse
+ * routes (`/api/v1/oss/list`, `/api/v1/oss/expand-prefix`) use, so the URI
+ * we forward is guaranteed to point at the same bucket the user just
+ * browsed.
+ */
+function normalizeDocumentOssKey(ossKey: unknown, bucket: string): unknown {
+  if (typeof ossKey !== "string" || ossKey.length === 0) return ossKey;
+  if (ossKey.startsWith("oss://")) return ossKey;
+  // Strip a leading "/" so the user can paste either "docs/x.md" or "/docs/x.md".
+  const trimmed = ossKey.startsWith("/") ? ossKey.slice(1) : ossKey;
+  return `oss://${bucket}/${trimmed}`;
+}
+
 export async function POST(request: NextRequest, context: RouteContext) {
   try {
     const { name } = await context.params;
     const auth = requireClients(request);
     if (!("kb" in auth)) return auth;
-    const { kb } = auth;
+    const { kb, config } = auth;
 
     let body: Record<string, unknown>;
     try {
@@ -73,9 +93,30 @@ export async function POST(request: NextRequest, context: RouteContext) {
       });
     }
 
-    const { knowledgeBaseName: _ignoredAdd, ...safeBody } = body;
+    const { knowledgeBaseName: _ignoredAdd, documents, ...rest } = body;
     void _ignoredAdd;
-    const resp = await kb.addDocuments({ ...safeBody, knowledgeBaseName: name });
+
+    // Prepend `oss://<bucket>/` to every document item's ossKey, in place.
+    // We mutate a shallow copy of the array so the request the user sent
+    // (held by the caller) is not modified.
+    const bucket = (config.oss_bucket_name ?? "").trim();
+    const normalizedDocuments = Array.isArray(documents)
+      ? bucket
+        ? documents.map((doc) => {
+            if (doc && typeof doc === "object" && "ossKey" in doc) {
+              const item = doc as Record<string, unknown>;
+              return { ...item, ossKey: normalizeDocumentOssKey(item.ossKey, bucket) };
+            }
+            return doc;
+          })
+        : documents
+      : documents;
+
+    const resp = await kb.addDocuments({
+      ...rest,
+      documents: normalizedDocuments,
+      knowledgeBaseName: name,
+    });
     return forwardResponse(resp);
   } catch (error) {
     return handleApiError(error);

package/dist/dashboard-runtime/dashboard/src/app/api/v1/oss/list/route.ts

@@ -0,0 +1,125 @@
+import { type NextRequest } from "next/server";
+
+import {
+  errorResponse,
+  handleApiError,
+  requireClients,
+  successResponse,
+} from "@/lib/server/api-helpers";
+import { getOssClient, mapOssError } from "@/lib/server/oss-client";
+
+export const runtime = "nodejs";
+export const dynamic = "force-dynamic";
+
+const DEFAULT_PAGE_SIZE = 100;
+const MAX_PAGE_SIZE = 1000;
+
+interface OssListFolder {
+  name: string;
+  prefix: string;
+}
+
+interface OssListFile {
+  name: string;
+  ossKey: string;
+  size: number;
+  lastModified: string; // ISO
+}
+
+/**
+ * GET /api/v1/oss/list?prefix=&continuationToken=&maxResults=&search=
+ *
+ * One-level listing for the dashboard's OSS browser. Returns common-prefixes
+ * (folders) and objects (files) separately so the UI doesn't have to
+ * re-derive structure from raw keys.
+ */
+export async function GET(request: NextRequest | Request) {
+  try {
+    const auth = requireClients(request as NextRequest);
+    if (!("config" in auth)) return auth;
+
+    const client = getOssClient(auth.config);
+    if (!client) {
+      return errorResponse(
+        "OSS_NOT_CONFIGURED",
+        "OSS endpoint / bucket are not configured for this instance",
+        400,
+        { errorSource: "local" },
+      );
+    }
+
+    const url = new URL(request.url);
+    const prefix = url.searchParams.get("prefix") ?? "";
+    const continuationToken =
+      url.searchParams.get("continuationToken") ?? undefined;
+    const search = url.searchParams.get("search")?.trim() ?? "";
+
+    const maxRaw = Number(url.searchParams.get("maxResults") ?? DEFAULT_PAGE_SIZE);
+    const maxResults = Number.isFinite(maxRaw)
+      ? Math.min(MAX_PAGE_SIZE, Math.max(1, Math.trunc(maxRaw)))
+      : DEFAULT_PAGE_SIZE;
+
+    let resp: {
+      objects?: Array<{ name: string; size: number; lastModified: Date | string }>;
+      prefixes?: string[];
+      nextMarker?: string | null;
+      isTruncated?: boolean;
+    };
+    try {
+      resp = await client.list(
+        {
+          prefix,
+          delimiter: "/",
+          marker: continuationToken,
+          "max-keys": maxResults,
+        },
+        {},
+      );
+    } catch (error) {
+      const mapped = mapOssError(error);
+      return errorResponse(mapped.code, mapped.message, mapped.httpStatus, {
+        errorSource: "service",
+      });
+    }
+
+    // ali-oss returns the synthetic "folder marker" object whose name === prefix
+    // when the bucket was created with a UI tool. It carries size 0 and is not
+    // a real file — drop it so the UI doesn't show "/" as a row.
+    const rawObjects = resp.objects ?? [];
+    let files: OssListFile[] = rawObjects
+      .filter((o) => o.name !== prefix)
+      .map((o) => ({
+        name: o.name.slice(prefix.length),
+        ossKey: o.name,
+        size: o.size,
+        lastModified:
+          o.lastModified instanceof Date
+            ? o.lastModified.toISOString()
+            : String(o.lastModified ?? ""),
+      }));
+
+    let folders: OssListFolder[] = (resp.prefixes ?? []).map((p) => ({
+      name: p.slice(prefix.length),
+      prefix: p,
+    }));
+
+    // Server-side substring filter — applied after listing so it does not
+    // interfere with OSS's prefix scanning. Operates on the visible name
+    // (without the parent prefix) for predictable UX.
+    if (search) {
+      const needle = search.toLowerCase();
+      files = files.filter((f) => f.name.toLowerCase().includes(needle));
+      folders = folders.filter((f) => f.name.toLowerCase().includes(needle));
+    }
+
+    return successResponse({
+      prefix,
+      folders,
+      files,
+      nextContinuationToken: resp.isTruncated ? resp.nextMarker ?? null : null,
+      totalEstimate: folders.length + files.length,
+    });
+  } catch (error) {
+    return handleApiError(error);
+  }
+}

package/dist/dashboard-runtime/dashboard/src/app/error.tsx

@@ -30,7 +30,7 @@ export default function GlobalError({
 
   return (
     <div className="flex min-h-screen flex-col items-center justify-center gap-4 px-6">
-      <h2 className="font-display text-3xl font-semibold tracking-tight text-foreground">
+      <h2 className="text-2xl font-semibold tracking-tight text-foreground">
         出错了
       </h2>
       <p className="max-w-md text-center text-sm text-muted-foreground">

package/dist/dashboard-runtime/dashboard/src/app/globals.css

@@ -3,63 +3,82 @@
 
 @layer base {
   :root {
-    /* Brand primary: indigo-leaning blue (hue 230) */
-    --primary: 230 85% 56%;
+    /* Brand primary: webUI blue (hue 221, #2563eb) */
+    --primary: 221 83% 53%;
     --primary-foreground: 0 0% 100%;
 
     /* Ten-step primary ramp, used for tags, icons, subtle highlights */
-    --primary-50: 230 100% 97%;
-    --primary-100: 230 95% 93%;
-    --primary-200: 230 90% 86%;
-    --primary-300: 230 88% 76%;
-    --primary-400: 230 86% 66%;
-    --primary-500: 230 85% 56%;
-    --primary-600: 230 80% 48%;
-    --primary-700: 230 78% 40%;
-    --primary-800: 230 72% 32%;
-    --primary-900: 230 66% 24%;
-
-    --background: 0 0% 100%;
-    --foreground: 230 40% 11%;
+    --primary-50: 214 100% 97%;
+    --primary-100: 214 100% 93%;
+    --primary-200: 214 95% 87%;
+    --primary-300: 213 96% 78%;
+    --primary-400: 217 91% 65%;
+    --primary-500: 221 83% 53%;
+    --primary-600: 222 78% 47%;
+    --primary-700: 224 76% 40%;
+    --primary-800: 226 71% 32%;
+    --primary-900: 224 64% 25%;
+
+    /* Soft primary tint for active/hover backgrounds (#eff6ff) */
+    --primary-soft: 214 100% 96%;
+
+    /* Page surface: webUI uses slate-50 (#f8fafc) for the page bg, white for cards */
+    --background: 210 40% 98%;
+    --foreground: 222 47% 11%;
 
     --card: 0 0% 100%;
-    --card-foreground: 230 40% 11%;
+    --card-foreground: 222 47% 11%;
 
     --popover: 0 0% 100%;
-    --popover-foreground: 230 40% 11%;
+    --popover-foreground: 222 47% 11%;
 
-    /* Layered neutral tokens: secondary < muted < accent for gradual contrast */
-    --secondary: 230 20% 97%;
-    --secondary-foreground: 230 40% 11%;
+    /* Layered neutral tokens */
+    --secondary: 210 40% 96%;
+    --secondary-foreground: 222 47% 11%;
 
-    --muted: 230 14% 93%;
-    --muted-foreground: 230 9% 46%;
+    --muted: 214 32% 91%;
+    --muted-foreground: 215 19% 35%;
 
-    --accent: 230 30% 95%;
-    --accent-foreground: 230 40% 11%;
+    /* Accent = primary-soft so hover/active states pick up brand tint */
+    --accent: 214 100% 96%;
+    --accent-foreground: 221 83% 40%;
 
     --destructive: 0 84% 60%;
     --destructive-foreground: 0 0% 100%;
 
-    --border: 230 15% 90%;
-    --input: 230 15% 90%;
-    --ring: 230 85% 56%;
+    --border: 214 32% 91%;
+    --border-light: 210 40% 96%;
+    --input: 214 32% 91%;
+    --ring: 221 83% 53%;
 
     --radius: 0.5rem;
 
     /* Surface tokens */
     --surface: 0 0% 100%;
-    --surface-secondary: 230 30% 98%;
-    --surface-tertiary: 230 20% 95%;
+    --surface-secondary: 210 40% 98%;
+    --surface-tertiary: 214 32% 91%;
 
     /* Subtle neutral tokens */
-    --subtle: 230 9% 46%;
-    --subtle-light: 230 9% 64%;
-    --subtle-dark: 230 13% 26%;
-
-    /* Sidebar tokens */
-    --sidebar-bg: 230 30% 98%;
-    --sidebar-border: 230 15% 90%;
+    --subtle: 215 20% 65%;
+    --subtle-light: 215 16% 80%;
+    --subtle-dark: 215 25% 27%;
+
+    /* Sidebar tokens: white sidebar over gray page */
+    --sidebar-bg: 0 0% 100%;
+    --sidebar-border: 214 32% 91%;
+    --sidebar-active-bg: 214 100% 96%;
+    --sidebar-active-fg: 221 83% 53%;
+    --sidebar-text: 215 25% 27%;
+
+    /* Semantic five-color palette + soft tints for badges/icons/stat cards */
+    --success: 142 71% 45%;
+    --success-soft: 138 76% 97%;
+    --warning: 38 92% 50%;
+    --warning-soft: 48 100% 96%;
+    --danger: 0 84% 60%;
+    --danger-soft: 0 86% 97%;
+    --purple: 262 84% 58%;
+    --purple-soft: 258 100% 97%;
 
     /* Motion tokens */
     --duration-fast: 150ms;
@@ -68,7 +87,7 @@
     --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
     --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
 
-    /* Spacing scale (reference only, for documentation) */
+    /* Spacing scale (reference only) */
     --space-xs: 4px;
     --space-sm: 8px;
     --space-md: 12px;
@@ -78,56 +97,85 @@
   }
 
   .dark {
-    --primary: 230 85% 62%;
+    --primary: 221 83% 62%;
     --primary-foreground: 0 0% 100%;
 
-    --primary-50: 230 40% 14%;
-    --primary-100: 230 50% 20%;
-    --primary-200: 230 55% 26%;
-    --primary-300: 230 60% 34%;
-    --primary-400: 230 70% 44%;
-    --primary-500: 230 85% 56%;
-    --primary-600: 230 85% 66%;
-    --primary-700: 230 85% 76%;
-    --primary-800: 230 90% 86%;
-    --primary-900: 230 100% 94%;
-
-    --background: 230 47% 5%;
-    --foreground: 230 20% 92%;
-
-    --card: 230 47% 7%;
-    --card-foreground: 230 20% 92%;
-
-    --popover: 230 47% 7%;
-    --popover-foreground: 230 20% 92%;
-
-    --secondary: 230 40% 12%;
-    --secondary-foreground: 230 20% 92%;
-
-    --muted: 230 35% 14%;
-    --muted-foreground: 230 11% 65%;
-
-    --accent: 230 34% 18%;
-    --accent-foreground: 230 20% 92%;
-
-    --destructive: 0 63% 45%;
+    --primary-50: 224 50% 14%;
+    --primary-100: 224 55% 20%;
+    --primary-200: 224 60% 26%;
+    --primary-300: 222 65% 34%;
+    --primary-400: 221 78% 48%;
+    --primary-500: 221 83% 56%;
+    --primary-600: 217 91% 65%;
+    --primary-700: 213 96% 78%;
+    --primary-800: 214 95% 87%;
+    --primary-900: 214 100% 93%;
+
+    /*
+     * Dark-mode neutrals — GitHub primer-dark style.
+     *
+     * Earlier the dark theme ran on `222° 47% L` everywhere (a saturated
+     * Tailwind-slate / Stripe-style blue). On a screen the high saturation
+     * made every "neutral" surface feel blue-tinted, which fights against
+     * the primary blue accent — `#2563eb` ended up sitting on a background
+     * with the same hue, killing the contrast that gives a CTA its lift.
+     *
+     * Industry mainstream in 2024-2026 leans toward a desaturated dark
+     * with a *subtle* cool tint (GitHub `#0d1117`, Linear `#0e0e10`).
+     * We follow GitHub's hue (≈220°) and saturation (~13%) for the
+     * grayscale tokens, and keep all primary/accent tokens unchanged so
+     * the brand identity is preserved.
+     */
+    --primary-soft: 218 28% 18%; /* slightly desat to match new neutrals */
+
+    --background: 220 13% 8%;          /* was 222 47% 7%   ≈ #0d1117 */
+    --foreground: 213 13% 92%;
+
+    --card: 220 13% 11%;               /* was 222 47% 11%  ≈ #161b22 */
+    --card-foreground: 213 13% 92%;
+
+    --popover: 220 13% 11%;
+    --popover-foreground: 213 13% 92%;
+
+    --secondary: 220 13% 18%;          /* was 217 19% 18% */
+    --secondary-foreground: 213 13% 92%;
+
+    --muted: 220 13% 22%;
+    --muted-foreground: 215 10% 65%;
+
+    --accent: 218 28% 18%;             /* hover/active tint, less blue-shift */
+    --accent-foreground: 221 83% 80%;
+
+    --destructive: 0 84% 65%;
     --destructive-foreground: 0 0% 100%;
 
-    --border: 230 30% 18%;
-    --input: 230 30% 18%;
-    --ring: 230 85% 62%;
-
-    --surface: 230 47% 5%;
-    --surface-secondary: 230 45% 8%;
-    --surface-tertiary: 230 34% 14%;
-
-    --subtle: 230 11% 65%;
-    --subtle-light: 230 9% 46%;
-    --subtle-dark: 230 20% 92%;
-
-    /* Sidebar: one step darker than surface-secondary in dark mode */
-    --sidebar-bg: 230 50% 6%;
-    --sidebar-border: 230 30% 14%;
+    --border: 220 13% 22%;             /* ≈ #21262d, GitHub border default */
+    --border-light: 220 13% 16%;
+    --input: 220 13% 22%;
+    --ring: 221 83% 62%;
+
+    --surface: 220 13% 11%;
+    --surface-secondary: 220 13% 9%;
+    --surface-tertiary: 220 13% 22%;
+
+    --subtle: 215 10% 47%;
+    --subtle-light: 215 10% 35%;
+    --subtle-dark: 213 13% 80%;
+
+    --sidebar-bg: 220 13% 9%;
+    --sidebar-border: 220 13% 22%;
+    --sidebar-active-bg: 218 28% 17%;  /* slightly more chroma so active row reads */
+    --sidebar-active-fg: 221 83% 80%;
+    --sidebar-text: 213 13% 80%;
+
+    --success: 142 71% 55%;
+    --success-soft: 142 30% 18%;
+    --warning: 38 92% 60%;
+    --warning-soft: 38 30% 18%;
+    --danger: 0 84% 65%;
+    --danger-soft: 0 30% 20%;
+    --purple: 262 84% 65%;
+    --purple-soft: 262 30% 22%;
   }
 }
 
@@ -143,23 +191,19 @@
   }
 
   html {
-    font-family: var(--font-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
+      "Hiragino Sans GB", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;
   }
 
   body {
     color: hsl(var(--foreground));
+    background-color: hsl(var(--background));
+    font-size: 14px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    /* Subtle radial wash to add depth over flat surface */
-    background-color: hsl(var(--surface-secondary));
-    background-image:
-      radial-gradient(1200px 600px at 0% -10%, hsl(var(--primary) / 0.05), transparent 60%),
-      radial-gradient(900px 500px at 100% 0%, hsl(var(--primary) / 0.035), transparent 55%);
-    background-attachment: fixed;
   }
 
-  h1, h2, .font-display {
-    font-family: var(--font-display), var(--font-sans), ui-sans-serif, system-ui, sans-serif;
+  h1, h2 {
     letter-spacing: -0.01em;
   }
 
@@ -209,9 +253,7 @@
   will-change: transform, opacity;
 }
 
-/* Text shimmer used for the "deep thinking" state badge during streaming.
-   A 200%-wide gradient slides across a clipped text element, producing a
-   subtle light-sweep commonly seen in Claude-style UIs. */
+/* Text shimmer used for the "deep thinking" state badge during streaming. */
 @keyframes text-shimmer {
   0%   { background-position: 200% 0; }
   100% { background-position: -200% 0; }
@@ -222,13 +264,6 @@
   will-change: background-position;
 }
 
-/* "Deep thinking" pill — paired animations applied to the icon halo and to
-   the icon itself. The halo lives on a separate blurred element behind the
-   glyph so the glow can scale and fade independently of the icon's shape.
-   Pulse cadence (1.6s) is slightly faster than a relaxed breath so the badge
-   reads as "actively working", but slow enough to feel calm rather than
-   anxious — matching the cadence DeepSeek and Doubao use on their thinking
-   pills. */
 @keyframes thinking-aurora {
   0%, 100% { opacity: 0.45; transform: scale(0.85); }
   50%      { opacity: 0.85; transform: scale(1.15); }

package/dist/dashboard-runtime/dashboard/src/app/not-found.tsx

@@ -3,7 +3,7 @@ import Link from 'next/link';
 export default function NotFound() {
   return (
     <div className="flex min-h-screen flex-col items-center justify-center gap-4">
-      <h2 className="font-display text-3xl font-semibold tracking-tight text-foreground">页面不存在</h2>
+      <h2 className="text-2xl font-semibold tracking-tight text-foreground">页面不存在</h2>
       <p className="text-sm text-muted-foreground">您访问的页面不存在或已被移除。</p>
       <Link
         href="/"

package/dist/dashboard-runtime/dashboard/src/app/onboarding/page.tsx

@@ -45,7 +45,7 @@ export default function OnboardingPage() {
         </p>
       </header>
 
-      <div className="rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--surface))] p-6 shadow-sm sm:p-8">
+      <div className="rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-6 shadow-sm sm:p-8">
         <ConnectInstanceForm
           mode="create"
           onSubmit={handleSubmit}
@@ -55,7 +55,7 @@ export default function OnboardingPage() {
       </div>
 
       <p className="text-center text-xs text-muted-foreground">
-        稍后你随时可以通过右上角的项目切换器或「项目管理」页创建更多项目。
+        随时可以通过侧边栏的实例切换器或「项目管理」页创建更多项目。
       </p>
     </div>
   );

package/dist/dashboard-runtime/dashboard/src/components/chat/add-mount-row.tsx

@@ -1,65 +1,40 @@
 "use client";
 
-import { useState } from "react";
 import { Plus } from "lucide-react";
 
-import { Button } from "@/components/ui/button";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
 import type { KnowledgeBase } from "@/types/knowledge-base";
 
+import { MountPicker } from "./mount-picker";
+
 interface AddMountRowProps {
   kbs: KnowledgeBase[];
   onAdd: (kb: KnowledgeBase) => void;
 }
 
 /**
- * Pick-and-add control for mounting an additional knowledge base into the
- * chat config. Owns its local "selected" state so the parent only learns
- * about the choice when the user actually clicks Add — keeps the parent's
- * mount-list dispatcher idempotent.
+ * Compact "add another KB" affordance shown beneath the list of already-
+ * mounted KBs. Visually subordinate to the rows above (dashed border, muted
+ * fill) because the user has already crossed the onboarding threshold — the
+ * primary task here is now reading the existing list, not adding more.
+ *
+ * For the zero-mounts onboarding moment use [[MountEmptyState]] instead;
+ * that variant promotes the same picker into the panel's focal point.
  */
 export function AddMountRow({ kbs, onAdd }: AddMountRowProps) {
-  const [selected, setSelected] = useState<string>("");
-  const target = kbs.find((kb) => kb.knowledgeBaseName === selected);
+  if (kbs.length === 0) return null;
+
   return (
-    <div className="flex items-center gap-2">
-      <Select value={selected} onValueChange={setSelected}>
-        <SelectTrigger className="flex-1">
-          <SelectValue placeholder="选择要挂载的知识库" />
-        </SelectTrigger>
-        <SelectContent>
-          {kbs.length === 0 ? (
-            <SelectItem value="__empty" disabled>
-              无可挂载的知识库
-            </SelectItem>
-          ) : (
-            kbs.map((kb) => (
-              <SelectItem key={kb.knowledgeBaseName} value={kb.knowledgeBaseName}>
-                {kb.knowledgeBaseName}
-              </SelectItem>
-            ))
-          )}
-        </SelectContent>
-      </Select>
-      <Button
+    <MountPicker kbs={kbs} onPick={onAdd} align="start">
+      <button
         type="button"
-        size="sm"
-        disabled={!target}
-        onClick={() => {
-          if (!target) return;
-          onAdd(target);
-          setSelected("");
-        }}
+        className="group flex w-full items-center justify-center gap-1.5 rounded-md border border-dashed border-[hsl(var(--border))] bg-transparent px-3 py-2 text-xs font-medium text-[hsl(var(--muted-foreground))] transition-colors hover:border-[hsl(var(--primary)/0.5)] hover:bg-[hsl(var(--primary-soft))] hover:text-[hsl(var(--primary))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--primary)/0.3)] focus-visible:ring-offset-1 focus-visible:ring-offset-[hsl(var(--background))]"
       >
-        <Plus className="mr-1 h-3.5 w-3.5" />
-        添加
-      </Button>
-    </div>
+        <Plus className="h-3.5 w-3.5 transition-transform group-hover:rotate-90" />
+        添加更多知识库
+        <span className="text-[hsl(var(--muted-foreground))]/70 group-hover:text-[hsl(var(--primary))]/70">
+          ({kbs.length})
+        </span>
+      </button>
+    </MountPicker>
   );
 }