@tablestore/tablestore-agent-cli 0.1.9 → 0.2.1

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/knowledge-base/[name]/layout-client.tsx

@@ -1,13 +1,49 @@
 'use client';
 
 import { Suspense, useState } from "react";
-import { useParams } from "next/navigation";
+import { useParams, useSearchParams } from "next/navigation";
+import {
+  BookOpenText,
+  FileText,
+  MoreVertical,
+  MessagesSquare,
+  Search,
+  Settings,
+  Trash2,
+} from "lucide-react";
+
 import { Skeleton } from "@/components/ui/skeleton";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Badge } from "@/components/ui/badge";
+import {
+  DetailLayout,
+  DetailSidebar,
+  DetailSidebarBack,
+  DetailSidebarHeader,
+  DetailSidebarMenu,
+} from "@/components/layout/detail-sidebar";
 import { useKnowledgeBase } from "@/hooks/use-knowledge-base";
-import { KBHeader } from "@/components/knowledge-base/kb-header";
-import { KBTabNav } from "@/components/knowledge-base/kb-tab-nav";
 import { KBDeleteDialog } from "@/components/knowledge-base/kb-delete-dialog";
-import { SubspaceProvider } from "@/contexts/subspace-context";
+import { SubspaceProvider, useSubspaceOptional } from "@/contexts/subspace-context";
+import { SubspaceSwitcher } from "@/components/knowledge-base/subspace-switcher";
+import { RelativeTime } from "@/components/shared/relative-time";
+import type { KnowledgeBase } from "@/types/knowledge-base";
+
+const TABS = [
+  { label: "文档", segment: "documents", icon: <FileText className="h-4 w-4" /> },
+  { label: "检索测试", segment: "retrieval", icon: <Search className="h-4 w-4" /> },
+  {
+    label: "问答测试",
+    segment: "qa",
+    icon: <MessagesSquare className="h-4 w-4" />,
+  },
+  { label: "设置", segment: "settings", icon: <Settings className="h-4 w-4" /> },
+] as const;
 
 export default function KnowledgeBaseDetailLayoutClient({
   children,
@@ -21,58 +57,173 @@ export default function KnowledgeBaseDetailLayoutClient({
 
   if (isLoading) {
     return (
-      <div className="space-y-6">
-        <div className="space-y-3">
+      <DetailLayout
+        sidebar={<DetailSidebarSkeleton />}
+      >
+        <div className="space-y-6">
           <Skeleton className="h-10 w-64" />
-          <Skeleton className="h-4 w-96" />
-          <Skeleton className="h-4 w-48" />
+          <Skeleton className="h-10 w-full" />
+          <Skeleton className="h-64 w-full" />
         </div>
-        <Skeleton className="h-10 w-full" />
-        <Skeleton className="h-64 w-full" />
-      </div>
+      </DetailLayout>
     );
   }
 
   if (!knowledgeBase) {
     return (
-      <div className="flex items-center justify-center py-20 text-muted-foreground">
-        知识库不存在或已被删除
-      </div>
+      <DetailLayout sidebar={<DetailSidebarSkeleton />}>
+        <div className="flex items-center justify-center py-20 text-muted-foreground">
+          知识库不存在或已被删除
+        </div>
+      </DetailLayout>
     );
   }
 
   return (
-    <div>
-      <Suspense
-        fallback={
-          <div className="space-y-6">
-            <div className="space-y-3">
-              <Skeleton className="h-10 w-64" />
-              <Skeleton className="h-4 w-96" />
-              <Skeleton className="h-4 w-48" />
-            </div>
-            <Skeleton className="h-10 w-full" />
-            <Skeleton className="h-[400px] w-full" />
-          </div>
-        }
-      >
-        <SubspaceProvider knowledgeBaseName={knowledgeBaseName}>
-          <div className="space-y-6">
-            <KBHeader
-              knowledgeBase={knowledgeBase}
-              onDelete={() => setShowDeleteDialog(true)}
-            />
-            <KBTabNav knowledgeBaseName={knowledgeBaseName} />
-            <div>{children}</div>
-          </div>
-        </SubspaceProvider>
+    <SubspaceProvider knowledgeBaseName={knowledgeBaseName}>
+      <Suspense fallback={null}>
+        <KBDetailShell
+          knowledgeBase={knowledgeBase}
+          knowledgeBaseName={knowledgeBaseName}
+          onRequestDelete={() => setShowDeleteDialog(true)}
+        >
+          {children}
+        </KBDetailShell>
       </Suspense>
-
       <KBDeleteDialog
         knowledgeBaseName={knowledgeBaseName}
         open={showDeleteDialog}
         onOpenChange={setShowDeleteDialog}
       />
-    </div>
+    </SubspaceProvider>
+  );
+}
+
+function KBDetailShell({
+  knowledgeBase,
+  knowledgeBaseName,
+  onRequestDelete,
+  children,
+}: {
+  knowledgeBase: KnowledgeBase;
+  knowledgeBaseName: string;
+  onRequestDelete: () => void;
+  children: React.ReactNode;
+}) {
+  const searchParams = useSearchParams();
+  const activeSubspace = useSubspaceOptional()?.subspace ?? null;
+
+  // Carry the subspace querystring through to each menu link so
+  // middle-click / copy-link continues to land on the same scope.
+  const params = new URLSearchParams(searchParams.toString());
+  if (activeSubspace) params.set("subspace", activeSubspace);
+  else params.delete("subspace");
+  const qs = params.toString();
+  const querySuffix = qs ? `?${qs}` : "";
+
+  const basePath = `/knowledge-base/${encodeURIComponent(knowledgeBaseName)}`;
+  const items = TABS.map((tab) => ({
+    href: `${basePath}/${tab.segment}${querySuffix}`,
+    label: tab.label,
+    icon: tab.icon,
+  }));
+
+  return (
+    <DetailLayout
+      sidebar={
+        <DetailSidebar>
+          <DetailSidebarHeader
+            icon={<BookOpenText />}
+            accent="primary"
+            name={knowledgeBase.knowledgeBaseName}
+            typeLabel="知识库 · KNOWLEDGE BASE"
+            description={knowledgeBase.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();
+                      onRequestDelete();
+                    }}
+                    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>
+            }
+            extra={
+              <>
+                {knowledgeBase.tags && knowledgeBase.tags.length > 0 ? (
+                  <div className="-mt-0.5 flex flex-wrap gap-1">
+                    {knowledgeBase.tags.map((tag) => (
+                      <Badge
+                        key={tag}
+                        variant="primary"
+                        className="text-[10px]"
+                      >
+                        {tag}
+                      </Badge>
+                    ))}
+                  </div>
+                ) : null}
+                {knowledgeBase.subspace ? (
+                  <div className="space-y-1">
+                    <div className="inline-flex items-center gap-1.5 text-[hsl(var(--success))]">
+                      <span className="h-1.5 w-1.5 rounded-full bg-current" />
+                      子空间隔离已开启
+                    </div>
+                    <SubspaceSwitcher />
+                  </div>
+                ) : null}
+                {knowledgeBase.createdAt ? (
+                  <div>
+                    创建于 <RelativeTime timestamp={knowledgeBase.createdAt} />
+                  </div>
+                ) : null}
+                {knowledgeBase.updatedAt ? (
+                  <div>
+                    更新于 <RelativeTime timestamp={knowledgeBase.updatedAt} />
+                  </div>
+                ) : null}
+              </>
+            }
+          />
+          <DetailSidebarMenu items={items} />
+          <DetailSidebarBack href="/knowledge-base" label="返回列表" />
+        </DetailSidebar>
+      }
+    >
+      {children}
+    </DetailLayout>
+  );
+}
+
+function DetailSidebarSkeleton() {
+  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" />
+      </div>
+    </DetailSidebar>
   );
 }

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/knowledge-base/[name]/qa/page.tsx

@@ -2,6 +2,7 @@
 
 import { use, useCallback, useState } from "react";
 
+import { WorkbenchLayout } from "@/components/layout/detail-sidebar";
 import { QaChatPanel } from "@/components/qa/qa-chat-panel";
 import { QaForm, type QaFormState } from "@/components/qa/qa-form";
 import { useKnowledgeBase } from "@/hooks/use-knowledge-base";
@@ -51,8 +52,8 @@ export default function QaPlaygroundPage({ params }: PageProps) {
   );
 
   return (
-    <div className="grid gap-6 lg:grid-cols-[360px_1fr]">
-      <aside className="lg:sticky lg:top-20 lg:max-h-[calc(100vh-6rem)] lg:overflow-y-auto">
+    <WorkbenchLayout
+      aside={
         <QaForm
           knowledgeBaseName={knowledgeBaseName}
           knowledgeBase={knowledgeBase}
@@ -60,22 +61,20 @@ export default function QaPlaygroundPage({ params }: PageProps) {
           onClearConversation={chat.clear}
           disabled={chat.isStreaming}
         />
-      </aside>
-
-      <section className="min-h-[640px]">
-        <QaChatPanel
-          messages={chat.messages}
-          isStreaming={chat.isStreaming}
-          canSend={canSend}
-          error={chat.error}
-          onSend={chat.send}
-          onStop={chat.stop}
-          onDelete={chat.deleteMessage}
-          onResend={chat.reissueTurn}
-          onRegenerate={handleRegenerate}
-          onEditSave={handleEditSave}
-        />
-      </section>
-    </div>
+      }
+    >
+      <QaChatPanel
+        messages={chat.messages}
+        isStreaming={chat.isStreaming}
+        canSend={canSend}
+        error={chat.error}
+        onSend={chat.send}
+        onStop={chat.stop}
+        onDelete={chat.deleteMessage}
+        onResend={chat.reissueTurn}
+        onRegenerate={handleRegenerate}
+        onEditSave={handleEditSave}
+      />
+    </WorkbenchLayout>
   );
 }

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/knowledge-base/[name]/retrieval/retrieval-client.tsx

@@ -4,6 +4,7 @@ import { useState, useCallback } from "react";
 import { useParams } from "next/navigation";
 import { toast } from "sonner";
 import { Skeleton } from "@/components/ui/skeleton";
+import { WorkbenchLayout } from "@/components/layout/detail-sidebar";
 import { useKnowledgeBase } from "@/hooks/use-knowledge-base";
 import { useRetrieve } from "@/hooks/use-retrieve";
 import { RetrievalForm } from "@/components/retrieval/retrieval-form";
@@ -48,20 +49,20 @@ export default function RetrievalClient() {
   }
 
   return (
-    <div className="grid gap-6 lg:grid-cols-[400px_1fr]">
-      <div className="space-y-4">
-        <h3 className="text-lg font-semibold">检索测试</h3>
+    <WorkbenchLayout
+      asideWidth={400}
+      aside={
         <RetrievalForm
           knowledgeBaseName={knowledgeBaseName}
           knowledgeBase={knowledgeBase ?? undefined}
           onSubmit={handleSubmit}
           isLoading={retrieve.isPending}
         />
-      </div>
-
-      <div>
+      }
+    >
+      <div className="min-h-0 flex-1 overflow-y-auto px-7 py-5 max-md:px-4">
         <RetrievalResults results={results} elapsedMs={elapsedMs} />
       </div>
-    </div>
+    </WorkbenchLayout>
   );
 }

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/knowledge-base/[name]/settings/settings-client.tsx

@@ -29,7 +29,7 @@ export default function SettingsClient() {
   }
 
   return (
-    <div className="space-y-8 max-w-2xl">
+    <div className="max-w-5xl">
       <KBSettingsForm knowledgeBase={knowledgeBase} />
     </div>
   );

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

@@ -2,7 +2,6 @@ import { redirect } from 'next/navigation';
 
 import { listInstances } from '@tablestore/tablestore-agent-shared';
 
-import { BreadcrumbBar } from '@/components/layout/breadcrumb-bar';
 import { Sidebar } from '@/components/layout/sidebar';
 import { SidebarMobile } from '@/components/layout/sidebar-mobile';
 import { SidebarOffset } from '@/components/layout/sidebar-offset';
@@ -45,7 +44,7 @@ export default function DashboardLayout({
   }
 
   return (
-    <div className="min-h-screen">
+    <div className="min-h-screen bg-[hsl(var(--background))]">
       {/*
         Skip-to-content link: visually hidden until focused. Keyboard users
         can press Tab once on the page to jump straight to the main region,
@@ -58,15 +57,9 @@ export default function DashboardLayout({
         跳转到主内容
       </a>
       <Sidebar />
+      <SidebarMobile />
       <SidebarOffset>
-        <SidebarMobile />
-        <BreadcrumbBar />
-        <main
-          id="main-content"
-          tabIndex={-1}
-          aria-label="主内容"
-          className="mx-auto max-w-350 px-8 py-8 max-md:px-4 animate-in fade-in duration-300"
-        >
+        <main id="main-content" className="min-h-screen px-7 py-5 max-md:px-4">
           {children}
         </main>
       </SidebarOffset>

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}
             />
           ))}