@tablestore/tablestore-agent-cli 0.1.9 → 0.2.0

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/memory/[store]/layout.tsx

@@ -1,13 +1,51 @@
 'use client';
 
-import { useParams } from "next/navigation";
+import { useParams, useSearchParams } from "next/navigation";
 import { useState } from "react";
+import {
+  Brain,
+  Database,
+  FileClock,
+  MessageSquare,
+  MoreVertical,
+  Search,
+  Settings,
+  Trash2,
+} from "lucide-react";
+
 import { Skeleton } from "@/components/ui/skeleton";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import {
+  DetailLayout,
+  DetailSidebar,
+  DetailSidebarBack,
+  DetailSidebarHeader,
+  DetailSidebarMenu,
+} from "@/components/layout/detail-sidebar";
 import { useMemoryStore } from "@/hooks/use-memory-store";
 import { MemoryDeleteDialog } from "@/components/memory/memory-delete-dialog";
-import { MemoryHeader } from "@/components/memory/memory-header";
 import { MemoryScopeBar } from "@/components/memory/memory-scope-bar";
-import { MemoryTabNav } from "@/components/memory/memory-tab-nav";
+
+const TABS = [
+  { label: "长期记忆", segment: "units", icon: <Database className="h-4 w-4" /> },
+  { label: "记忆检索", segment: "search", icon: <Search className="h-4 w-4" /> },
+  {
+    label: "短期记忆",
+    segment: "messages",
+    icon: <MessageSquare className="h-4 w-4" />,
+  },
+  {
+    label: "请求审计",
+    segment: "requests",
+    icon: <FileClock className="h-4 w-4" />,
+  },
+  { label: "设置", segment: "settings", icon: <Settings className="h-4 w-4" /> },
+] as const;
 
 export default function MemoryDetailLayout({
   children,
@@ -16,40 +54,89 @@ export default function MemoryDetailLayout({
 }) {
   const params = useParams<{ store: string }>();
   const memoryStoreName = decodeURIComponent(params.store);
+  const searchParams = useSearchParams();
   const { data: memoryStore, isLoading } = useMemoryStore(memoryStoreName);
   const [showDeleteDialog, setShowDeleteDialog] = useState(false);
 
+  const querySuffix = searchParams.toString()
+    ? `?${searchParams.toString()}`
+    : "";
+  const basePath = `/memory/${encodeURIComponent(memoryStoreName)}`;
+  const items = TABS.map((tab) => ({
+    href: `${basePath}/${tab.segment}${querySuffix}`,
+    label: tab.label,
+    icon: tab.icon,
+  }));
+
   if (isLoading) {
     return (
-      <div className="space-y-6">
-        <div className="space-y-3">
+      <DetailLayout sidebar={<MemoryDetailSidebarSkeleton />}>
+        <div className="space-y-6">
           <Skeleton className="h-10 w-64" />
-          <Skeleton className="h-4 w-96" />
+          <Skeleton className="h-28 w-full" />
+          <Skeleton className="h-64 w-full" />
         </div>
-        <Skeleton className="h-28 w-full" />
-        <Skeleton className="h-10 w-full" />
-        <Skeleton className="h-64 w-full" />
-      </div>
+      </DetailLayout>
     );
   }
 
   if (!memoryStore) {
     return (
-      <div className="flex items-center justify-center py-20 text-muted-foreground">
-        记忆库不存在或已被删除
-      </div>
+      <DetailLayout sidebar={<MemoryDetailSidebarSkeleton />}>
+        <div className="flex items-center justify-center py-20 text-muted-foreground">
+          记忆库不存在或已被删除
+        </div>
+      </DetailLayout>
     );
   }
 
   return (
-    <div className="space-y-6">
-      <MemoryHeader
-        memoryStore={memoryStore}
-        onDelete={() => setShowDeleteDialog(true)}
-      />
-      <MemoryScopeBar />
-      <MemoryTabNav memoryStoreName={memoryStoreName} />
-      <div>{children}</div>
+    <>
+      <DetailLayout
+        sidebar={
+          <DetailSidebar>
+            <DetailSidebarHeader
+              icon={<Brain />}
+              accent="purple"
+              name={memoryStore.memoryStoreName}
+              typeLabel="记忆库 · MEMORY STORE"
+              description={memoryStore.description}
+              actions={
+                <DropdownMenu>
+                  <DropdownMenuTrigger asChild>
+                    <button
+                      type="button"
+                      aria-label="更多操作"
+                      className="flex h-7 w-7 items-center justify-center rounded-md text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--background))] hover:text-[hsl(var(--foreground))]"
+                    >
+                      <MoreVertical className="h-4 w-4" />
+                    </button>
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent align="end">
+                    <DropdownMenuItem
+                      onSelect={(e) => {
+                        e.preventDefault();
+                        setShowDeleteDialog(true);
+                      }}
+                      className="text-[hsl(var(--destructive))] focus:bg-[hsl(var(--danger-soft))] focus:text-[hsl(var(--destructive))] hover:bg-[hsl(var(--danger-soft))] hover:text-[hsl(var(--destructive))]"
+                    >
+                      <Trash2 className="h-3.5 w-3.5" />
+                      删除记忆库
+                    </DropdownMenuItem>
+                  </DropdownMenuContent>
+                </DropdownMenu>
+              }
+            />
+            <DetailSidebarMenu items={items} />
+            <DetailSidebarBack href="/memory" label="返回列表" />
+          </DetailSidebar>
+        }
+      >
+        <div className="space-y-6">
+          <MemoryScopeBar />
+          <div>{children}</div>
+        </div>
+      </DetailLayout>
 
       <MemoryDeleteDialog
         memoryStoreName={memoryStoreName}
@@ -57,6 +144,25 @@ export default function MemoryDetailLayout({
         onOpenChange={setShowDeleteDialog}
         redirectToList
       />
-    </div>
+    </>
+  );
+}
+
+function MemoryDetailSidebarSkeleton() {
+  return (
+    <DetailSidebar>
+      <div className="space-y-3 px-4 pt-4 pb-4 border-b border-[hsl(var(--border-light))]">
+        <Skeleton className="h-9 w-9 rounded-lg" />
+        <Skeleton className="h-4 w-3/4" />
+        <Skeleton className="h-3 w-1/2" />
+      </div>
+      <div className="space-y-1 px-2 py-2">
+        <Skeleton className="h-8 w-full" />
+        <Skeleton className="h-8 w-full" />
+        <Skeleton className="h-8 w-full" />
+        <Skeleton className="h-8 w-full" />
+        <Skeleton className="h-8 w-full" />
+      </div>
+    </DetailSidebar>
   );
 }

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/memory/[store]/search/page.tsx

@@ -8,6 +8,7 @@ import { buildMemoryScope } from "@/lib/memory";
 import type { MemorySearchHit } from "@/types/memory";
 import { MemorySearchForm, type MemorySearchValues } from "@/components/memory/memory-search-form";
 import { MemorySearchResults } from "@/components/memory/memory-search-results";
+import { WorkbenchLayout } from "@/components/layout/detail-sidebar";
 
 export default function MemorySearchPage() {
   const params = useParams<{ store: string }>();
@@ -37,13 +38,19 @@ export default function MemorySearchPage() {
   }
 
   return (
-    <div className="grid gap-6 lg:grid-cols-[400px_1fr]">
-      <MemorySearchForm
-        scope={scope}
-        isLoading={search.isPending}
-        onSubmit={handleSubmit}
-      />
-      <MemorySearchResults results={results} elapsedMs={elapsedMs} />
-    </div>
+    <WorkbenchLayout
+      asideWidth={400}
+      aside={
+        <MemorySearchForm
+          scope={scope}
+          isLoading={search.isPending}
+          onSubmit={handleSubmit}
+        />
+      }
+    >
+      <div className="min-h-0 flex-1 overflow-y-auto px-7 py-5 max-md:px-4">
+        <MemorySearchResults results={results} elapsedMs={elapsedMs} />
+      </div>
+    </WorkbenchLayout>
   );
 }

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/projects/page.tsx

@@ -87,7 +87,7 @@ export default function ProjectsPage() {
           {Array.from({ length: 3 }).map((_, index) => (
             <Skeleton
               key={index}
-              className="h-[200px] rounded-xl"
+              className="h-[200px] rounded-lg"
               delay={index * 80}
             />
           ))}

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,70 @@
   }
 
   .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%;
+    --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%;
 
-    --card: 230 47% 7%;
-    --card-foreground: 230 20% 92%;
+    --primary-soft: 221 50% 18%;
 
-    --popover: 230 47% 7%;
-    --popover-foreground: 230 20% 92%;
+    --background: 222 47% 7%;
+    --foreground: 210 20% 92%;
 
-    --secondary: 230 40% 12%;
-    --secondary-foreground: 230 20% 92%;
+    --card: 222 47% 11%;
+    --card-foreground: 210 20% 92%;
 
-    --muted: 230 35% 14%;
-    --muted-foreground: 230 11% 65%;
+    --popover: 222 47% 11%;
+    --popover-foreground: 210 20% 92%;
 
-    --accent: 230 34% 18%;
-    --accent-foreground: 230 20% 92%;
+    --secondary: 217 19% 18%;
+    --secondary-foreground: 210 20% 92%;
 
-    --destructive: 0 63% 45%;
-    --destructive-foreground: 0 0% 100%;
+    --muted: 217 19% 22%;
+    --muted-foreground: 215 16% 65%;
 
-    --border: 230 30% 18%;
-    --input: 230 30% 18%;
-    --ring: 230 85% 62%;
+    --accent: 221 50% 18%;
+    --accent-foreground: 221 83% 80%;
 
-    --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%;
+    --destructive: 0 84% 65%;
+    --destructive-foreground: 0 0% 100%;
 
-    /* Sidebar: one step darker than surface-secondary in dark mode */
-    --sidebar-bg: 230 50% 6%;
-    --sidebar-border: 230 30% 14%;
+    --border: 217 19% 22%;
+    --border-light: 217 19% 16%;
+    --input: 217 19% 22%;
+    --ring: 221 83% 62%;
+
+    --surface: 222 47% 11%;
+    --surface-secondary: 222 47% 9%;
+    --surface-tertiary: 217 19% 22%;
+
+    --subtle: 215 16% 47%;
+    --subtle-light: 215 16% 35%;
+    --subtle-dark: 210 20% 80%;
+
+    --sidebar-bg: 222 47% 9%;
+    --sidebar-border: 217 19% 22%;
+    --sidebar-active-bg: 221 50% 16%;
+    --sidebar-active-fg: 221 83% 80%;
+    --sidebar-text: 210 20% 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 +176,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 +238,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 +249,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

@@ -3,7 +3,6 @@
 import { useState } from "react";
 import { Plus } from "lucide-react";
 
-import { Button } from "@/components/ui/button";
 import {
   Select,
   SelectContent,
@@ -19,47 +18,57 @@ interface AddMountRowProps {
 }
 
 /**
- * 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.
+ * Select-to-add control for mounting an additional knowledge base into
+ * the chat config. Picking an item from the dropdown commits the mount
+ * immediately — there is no separate confirm button — matching the
+ * "label / member picker" pattern used by GitHub, Linear, and Notion.
+ *
+ * Implementation: we run the Select uncontrolled and bump a `key` after
+ * each add so the trigger always renders the placeholder again, keeping
+ * the affordance ready for the next pick without leaving a stale label
+ * in the trigger.
  */
 export function AddMountRow({ kbs, onAdd }: AddMountRowProps) {
-  const [selected, setSelected] = useState<string>("");
-  const target = kbs.find((kb) => kb.knowledgeBaseName === selected);
+  const [refreshKey, setRefreshKey] = useState(0);
+
+  const handleChange = (value: string) => {
+    const kb = kbs.find((item) => item.knowledgeBaseName === value);
+    if (!kb) return;
+    onAdd(kb);
+    setRefreshKey((k) => k + 1);
+  };
+
   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>
-              无可挂载的知识库
+    <Select key={refreshKey} onValueChange={handleChange}>
+      {/*
+        SelectTrigger is `flex justify-between` and renders the chevron
+        as a sibling after `children`. Wrap our [icon + value] cluster in
+        a single div so the trigger sees exactly two children (group on
+        the left, chevron on the right) instead of distributing the icon,
+        value span, and chevron evenly across the row.
+      */}
+      <SelectTrigger className="w-full">
+        <div className="flex min-w-0 flex-1 items-center gap-2 text-left">
+          <Plus className="h-3.5 w-3.5 shrink-0 text-[hsl(var(--muted-foreground))]" />
+          <SelectValue placeholder="添加挂载的知识库" />
+        </div>
+      </SelectTrigger>
+      <SelectContent>
+        {kbs.length === 0 ? (
+          <SelectItem value="__empty" disabled>
+            无可挂载的知识库
+          </SelectItem>
+        ) : (
+          kbs.map((kb) => (
+            <SelectItem
+              key={kb.knowledgeBaseName}
+              value={kb.knowledgeBaseName}
+            >
+              {kb.knowledgeBaseName}
             </SelectItem>
-          ) : (
-            kbs.map((kb) => (
-              <SelectItem key={kb.knowledgeBaseName} value={kb.knowledgeBaseName}>
-                {kb.knowledgeBaseName}
-              </SelectItem>
-            ))
-          )}
-        </SelectContent>
-      </Select>
-      <Button
-        type="button"
-        size="sm"
-        disabled={!target}
-        onClick={() => {
-          if (!target) return;
-          onAdd(target);
-          setSelected("");
-        }}
-      >
-        <Plus className="mr-1 h-3.5 w-3.5" />
-        添加
-      </Button>
-    </div>
+          ))
+        )}
+      </SelectContent>
+    </Select>
   );
 }