@tablestore/tablestore-agent-cli 0.1.8 → 0.2.0

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="text-2xl 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,282 @@
+@import "tailwindcss";
+@import "katex/dist/katex.min.css";
+
+@layer base {
+  :root {
+    /* 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: 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: 222 47% 11%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 222 47% 11%;
+
+    /* Layered neutral tokens */
+    --secondary: 210 40% 96%;
+    --secondary-foreground: 222 47% 11%;
+
+    --muted: 214 32% 91%;
+    --muted-foreground: 215 19% 35%;
+
+    /* 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: 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: 210 40% 98%;
+    --surface-tertiary: 214 32% 91%;
+
+    /* Subtle neutral tokens */
+    --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;
+    --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) */
+    --space-xs: 4px;
+    --space-sm: 8px;
+    --space-md: 12px;
+    --space-lg: 16px;
+    --space-xl: 24px;
+    --space-2xl: 32px;
+  }
+
+  .dark {
+    --primary: 221 83% 62%;
+    --primary-foreground: 0 0% 100%;
+
+    --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%;
+
+    --primary-soft: 221 50% 18%;
+
+    --background: 222 47% 7%;
+    --foreground: 210 20% 92%;
+
+    --card: 222 47% 11%;
+    --card-foreground: 210 20% 92%;
+
+    --popover: 222 47% 11%;
+    --popover-foreground: 210 20% 92%;
+
+    --secondary: 217 19% 18%;
+    --secondary-foreground: 210 20% 92%;
+
+    --muted: 217 19% 22%;
+    --muted-foreground: 215 16% 65%;
+
+    --accent: 221 50% 18%;
+    --accent-foreground: 221 83% 80%;
+
+    --destructive: 0 84% 65%;
+    --destructive-foreground: 0 0% 100%;
+
+    --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%;
+  }
+}
+
+@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: -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;
+  }
+
+  h1, h2 {
+    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. */
+@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;
+}
+
+@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/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/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-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] 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/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>
   );
 }