@tablestore/tablestore-agent-cli 0.1.7 → 0.1.9

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

@@ -0,0 +1,26 @@
+import { type NextRequest } from "next/server";
+
+import {
+  ensureApiLogContext,
+  handleApiError,
+  successResponse,
+} from "@/lib/server/api-helpers";
+import { getRuntimeContext } from "@/lib/server/runtime-context";
+import { setInstanceSessionCookies } from "@/lib/server/sdk-client";
+
+export const runtime = "nodejs";
+export const dynamic = "force-dynamic";
+
+export async function GET(request: NextRequest) {
+  ensureApiLogContext(request);
+  try {
+    const context = getRuntimeContext(request);
+    const response = successResponse(context);
+    if (context.credentialSource === "instance" && context.activeInstance) {
+      setInstanceSessionCookies(response, context.activeInstance);
+    }
+    return response;
+  } catch (error) {
+    return handleApiError(error);
+  }
+}

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

@@ -0,0 +1,84 @@
+'use client';
+
+import { useEffect } from 'react';
+import { reportClientError } from '@/components/logging/client-error-reporter';
+
+const FRIENDLY_MESSAGE = '页面加载时出错了，您可以重试或返回上一步。';
+
+export default function GlobalError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  useEffect(() => {
+    // Always log the raw error to the console for operators; the UI shows a
+    // friendlier message and tucks the raw stack inside a collapsed details
+    // pane so users are not greeted with a wall of internals.
+    console.error('Global error:', error);
+    reportClientError({
+      event: 'browser.error_boundary.global',
+      message: error.message,
+      name: error.name,
+      stack: error.stack,
+      digest: error.digest,
+    });
+  }, [error]);
+
+  const isDev = process.env.NODE_ENV !== 'production';
+
+  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>
+      <p className="max-w-md text-center text-sm text-muted-foreground">
+        {FRIENDLY_MESSAGE}
+      </p>
+      <div className="flex gap-2">
+        <button
+          type="button"
+          onClick={reset}
+          className="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow-sm transition-colors hover:bg-primary/90"
+        >
+          重试
+        </button>
+        <button
+          type="button"
+          onClick={() => {
+            if (typeof window !== 'undefined') window.location.href = '/';
+          }}
+          className="rounded-md border border-border bg-background px-4 py-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-muted"
+        >
+          返回首页
+        </button>
+      </div>
+
+      {(isDev || error.digest) && (
+        <details className="mt-4 max-w-2xl rounded-md border border-border bg-muted/40 px-4 py-3 text-xs text-muted-foreground">
+          <summary className="cursor-pointer select-none font-medium">
+            技术详情
+          </summary>
+          {error.digest && (
+            <p className="mt-2">
+              <span className="font-medium">Digest:</span>{' '}
+              <code className="font-mono">{error.digest}</code>
+            </p>
+          )}
+          {error.message && (
+            <p className="mt-2">
+              <span className="font-medium">Message:</span>{' '}
+              <code className="font-mono break-all">{error.message}</code>
+            </p>
+          )}
+          {isDev && error.stack && (
+            <pre className="mt-2 max-h-64 overflow-auto whitespace-pre-wrap font-mono text-[11px] leading-snug">
+              {error.stack}
+            </pre>
+          )}
+        </details>
+      )}
+    </div>
+  );
+}

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

@@ -0,0 +1,262 @@
+@import "tailwindcss";
+@import "katex/dist/katex.min.css";
+
+@layer base {
+  :root {
+    /* Brand primary: indigo-leaning blue (hue 230) */
+    --primary: 230 85% 56%;
+    --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%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 230 40% 11%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 230 40% 11%;
+
+    /* Layered neutral tokens: secondary < muted < accent for gradual contrast */
+    --secondary: 230 20% 97%;
+    --secondary-foreground: 230 40% 11%;
+
+    --muted: 230 14% 93%;
+    --muted-foreground: 230 9% 46%;
+
+    --accent: 230 30% 95%;
+    --accent-foreground: 230 40% 11%;
+
+    --destructive: 0 84% 60%;
+    --destructive-foreground: 0 0% 100%;
+
+    --border: 230 15% 90%;
+    --input: 230 15% 90%;
+    --ring: 230 85% 56%;
+
+    --radius: 0.5rem;
+
+    /* Surface tokens */
+    --surface: 0 0% 100%;
+    --surface-secondary: 230 30% 98%;
+    --surface-tertiary: 230 20% 95%;
+
+    /* 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%;
+
+    /* Motion tokens */
+    --duration-fast: 150ms;
+    --duration-base: 200ms;
+    --duration-slow: 300ms;
+    --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) */
+    --space-xs: 4px;
+    --space-sm: 8px;
+    --space-md: 12px;
+    --space-lg: 16px;
+    --space-xl: 24px;
+    --space-2xl: 32px;
+  }
+
+  .dark {
+    --primary: 230 85% 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%;
+    --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%;
+  }
+}
+
+@theme inline {
+  --font-sans: var(--font-sans);
+  --font-display: var(--font-display);
+  --font-mono: var(--font-mono);
+}
+
+@layer base {
+  * {
+    border-color: hsl(var(--border));
+  }
+
+  html {
+    font-family: var(--font-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  }
+
+  body {
+    color: hsl(var(--foreground));
+    -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;
+    letter-spacing: -0.01em;
+  }
+
+  code, pre, kbd, samp {
+    font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;
+  }
+}
+
+/* Home page motion primitives. Transform + opacity only so the browser can
+   run them entirely on the compositor thread without triggering layout. */
+@keyframes home-float {
+  0%, 100% { transform: translate3d(0, 0, 0); }
+  50%      { transform: translate3d(0, -6px, 0); }
+}
+
+@keyframes home-reveal {
+  from { opacity: 0; transform: translate3d(0, 8px, 0); }
+  to   { opacity: 1; transform: translate3d(0, 0, 0); }
+}
+
+.animate-home-float {
+  animation: home-float 4.5s ease-in-out infinite;
+  will-change: transform;
+}
+
+.animate-home-float-delayed {
+  animation: home-float 4.5s ease-in-out infinite;
+  animation-delay: -2.25s;
+  will-change: transform;
+}
+
+.animate-home-reveal {
+  animation: home-reveal 420ms var(--ease-standard) both;
+  will-change: transform, opacity;
+}
+
+/* Rerank strategy panel slide-in. Paired with a `key={rerankType}` remount
+   so each segmented-control switch replays the animation. A horizontal
+   offset reads as a "swap" rather than a "reveal". */
+@keyframes rerank-slide {
+  from { opacity: 0; transform: translate3d(8px, 0, 0); }
+  to   { opacity: 1; transform: translate3d(0, 0, 0); }
+}
+
+.animate-rerank-slide {
+  animation: rerank-slide 240ms cubic-bezier(0.22, 1, 0.36, 1) both;
+  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. */
+@keyframes text-shimmer {
+  0%   { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+}
+
+.animate-text-shimmer {
+  animation: text-shimmer 2s linear infinite;
+  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); }
+}
+
+@keyframes thinking-icon-breathe {
+  0%, 100% { transform: scale(1); }
+  50%      { transform: scale(1.08); }
+}
+
+.animate-thinking-aurora {
+  animation: thinking-aurora 1.6s ease-in-out infinite;
+  will-change: transform, opacity;
+}
+
+.animate-thinking-icon {
+  animation: thinking-icon-breathe 1.6s ease-in-out infinite;
+  will-change: transform;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .animate-home-float,
+  .animate-home-float-delayed,
+  .animate-home-reveal,
+  .animate-rerank-slide,
+  .animate-text-shimmer,
+  .animate-thinking-aurora,
+  .animate-thinking-icon {
+    animation: none !important;
+  }
+}

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

@@ -0,0 +1,38 @@
+import './globals.css';
+
+import type { Metadata } from 'next';
+
+import { inter, jetbrainsMono, plusJakarta } from '@/lib/fonts';
+import { ThemeProvider } from '@/providers/theme-provider';
+import { QueryProvider } from '@/providers/query-provider';
+import { ClientErrorReporter } from '@/components/logging/client-error-reporter';
+import { Toaster } from 'sonner';
+
+export const metadata: Metadata = {
+  title: 'Agent Storage',
+  description: 'A dashboard for managing Tablestore Agent Storage.',
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html
+      lang="zh-CN"
+      className={`${plusJakarta.variable} ${inter.variable} ${jetbrainsMono.variable}`}
+      suppressHydrationWarning
+    >
+      <body className="min-h-screen font-sans antialiased text-foreground">
+        <ThemeProvider>
+          <QueryProvider>
+            <ClientErrorReporter />
+            {children}
+            <Toaster position="top-right" richColors closeButton />
+          </QueryProvider>
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}

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

@@ -0,0 +1,54 @@
+"use client";
+
+import { useEffect } from "react";
+import { AlertTriangle } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+
+/**
+ * Segment-level error boundary for the onboarding flow.
+ *
+ * Next.js automatically mounts this component when a child server/client
+ * component throws, keeping the rest of the app navigable instead of the
+ * root `not-found`-style fallback. The `reset` callback is wired to the
+ * primary action so users can retry the failed render without a full
+ * browser reload.
+ */
+export default function OnboardingError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  useEffect(() => {
+    // Surface the error to the browser console so operators looking at
+    // devtools see the full stack; the production overlay only shows the
+    // digest, which alone is not actionable.
+    console.error("Onboarding render failed:", error);
+  }, [error]);
+
+  return (
+    <div className="flex flex-col items-center gap-4 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--surface))] p-8 text-center shadow-sm">
+      <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-destructive/10 text-destructive">
+        <AlertTriangle className="h-6 w-6" />
+      </div>
+      <div className="space-y-1">
+        <h2 className="text-lg font-semibold tracking-tight">
+          创建项目时出错了
+        </h2>
+        <p className="text-sm text-muted-foreground">
+          {error.message || "请稍后重试，或检查浏览器控制台获取详细信息。"}
+        </p>
+        {error.digest ? (
+          <p className="text-xs text-muted-foreground">
+            错误编号：<code className="font-mono">{error.digest}</code>
+          </p>
+        ) : null}
+      </div>
+      <Button type="button" onClick={reset}>
+        重试
+      </Button>
+    </div>
+  );
+}

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

@@ -0,0 +1,18 @@
+/**
+ * Standalone layout for the onboarding flow. Does not share the sidebar /
+ * breadcrumb chrome used by the (dashboard) group so new users see a clean
+ * full-screen welcome before any instance is configured.
+ */
+export default function OnboardingLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="min-h-screen bg-background">
+      <div className="mx-auto flex min-h-screen w-full max-w-3xl flex-col items-stretch justify-center px-6 py-12">
+        {children}
+      </div>
+    </div>
+  );
+}

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

@@ -0,0 +1,62 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { Sparkles } from "lucide-react";
+
+import { ConnectInstanceForm } from "@/components/instance/connect-instance-form";
+import {
+  useConnectInstance,
+  useImportInstance,
+} from "@/hooks/use-instances";
+import { isImportPayload } from "@/lib/instance-payload";
+import type {
+  ConnectInstancePayload,
+  ImportInstancePayload,
+} from "@/types/instance";
+
+export default function OnboardingPage() {
+  const router = useRouter();
+  const connect = useConnectInstance();
+  const importByToken = useImportInstance();
+  const busy = connect.isPending || importByToken.isPending;
+
+  async function handleSubmit(
+    values: ConnectInstancePayload | ImportInstancePayload,
+  ) {
+    if (isImportPayload(values)) {
+      await importByToken.mutateAsync(values);
+    } else {
+      await connect.mutateAsync(values);
+    }
+    router.replace("/chat");
+  }
+
+  return (
+    <div className="flex flex-col gap-10">
+      <header className="flex flex-col items-center gap-3 text-center">
+        <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary">
+          <Sparkles className="h-6 w-6" />
+        </div>
+        <h1 className="text-2xl font-semibold tracking-tight">
+          欢迎使用 Agent Storage
+        </h1>
+        <p className="max-w-md text-sm text-muted-foreground">
+          创建你的第一个项目，即可开始管理知识库、记忆库与对话。
+        </p>
+      </header>
+
+      <div className="rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--surface))] p-6 shadow-sm sm:p-8">
+        <ConnectInstanceForm
+          mode="create"
+          onSubmit={handleSubmit}
+          busy={busy}
+          submitLabel="连接并开始使用"
+        />
+      </div>
+
+      <p className="text-center text-xs text-muted-foreground">
+        稍后你随时可以通过右上角的项目切换器或「项目管理」页创建更多项目。
+      </p>
+    </div>
+  );
+}

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

@@ -0,0 +1,10 @@
+import { redirect } from "next/navigation";
+
+/**
+ * The root route now forwards to the chat home. The former `HomeHero`
+ * experience is preserved under `@/components/home/*` for potential future
+ * reuse but is no longer rendered here.
+ */
+export default function HomePage() {
+  redirect("/chat");
+}

package/dist/dashboard-runtime/dashboard/src/components/documents/doc-chunks-dialog.tsx

@@ -13,7 +13,9 @@ import {
   DialogDescription,
 } from "@/components/ui/dialog";
 import { listChunks, updateChunks } from "@/services/chunks";
+import { queryKeys } from "@/lib/query-keys";
 import { extractFileName } from "@/lib/utils";
+import { useRuntimeContext } from "@/providers/runtime-context-provider";
 import type { Chunk, ChunkStatus } from "@/types/knowledge-base";
 
 interface DocChunksDialogProps {
@@ -259,6 +261,13 @@ export function DocChunksDialog({
   onOpenChange,
 }: DocChunksDialogProps) {
   const queryClient = useQueryClient();
+  const { context, ready } = useRuntimeContext();
+  const chunksQueryKey = queryKeys.chunks(
+    context.dataScopeKey,
+    knowledgeBaseName,
+    docId,
+    subspace,
+  );
 
   const {
     data,
@@ -267,7 +276,7 @@ export function DocChunksDialog({
     isFetchingNextPage,
     isLoading,
   } = useInfiniteQuery({
-    queryKey: ["chunks", knowledgeBaseName, docId, subspace],
+    queryKey: chunksQueryKey,
     queryFn: ({ pageParam }) =>
       listChunks(knowledgeBaseName, docId!, {
         maxResults: 20,
@@ -276,7 +285,7 @@ export function DocChunksDialog({
       }),
     initialPageParam: undefined as string | undefined,
     getNextPageParam: (lastPage) => lastPage.nextToken,
-    enabled: open && !!docId,
+    enabled: ready && open && !!docId,
   });
 
   const chunks = data?.pages.flatMap((page) => page.items) ?? [];
@@ -284,7 +293,7 @@ export function DocChunksDialog({
   const handleChunkUpdate = useCallback(
     (chunkId: number, updates: Partial<Chunk>) => {
       queryClient.setQueryData(
-        ["chunks", knowledgeBaseName, docId, subspace],
+        chunksQueryKey,
         (old: typeof data) => {
           if (!old) return old;
           return {
@@ -299,7 +308,7 @@ export function DocChunksDialog({
         }
       );
     },
-    [queryClient, knowledgeBaseName, docId, subspace]
+    [queryClient, chunksQueryKey]
   );
 
   const displayName = ossKey ? extractFileName(ossKey) : "文档切片";