@tablestore/tablestore-agent-cli 0.2.7 → 0.2.9

package/dist/dashboard-runtime/dashboard/src/components/knowledge-base/retrieval-result-count-field.tsx

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 
 import type { Control, FieldPath, FieldValues } from "react-hook-form";
 import { ListOrdered } from "lucide-react";
@@ -12,6 +12,7 @@ import {
   FormMessage,
 } from "@/components/ui/form";
 import { Input } from "@/components/ui/input";
+import { useI18n } from "@/i18n/i18n-context";
 import {
   RETRIEVAL_RESULT_COUNT_MIN,
   parseRetrievalResultCountInput,
@@ -31,13 +32,17 @@ interface RetrievalResultCountFieldProps<TFieldValues extends FieldValues> {
 export function RetrievalResultCountField<TFieldValues extends FieldValues>({
   control,
   name,
-  label = "返回片段数",
-  description = "单次检索返回的最多片段数，Rerank 后取前 N 条。",
+  label,
+  description,
   min = RETRIEVAL_RESULT_COUNT_MIN,
   max,
   muted = false,
   className,
 }: RetrievalResultCountFieldProps<TFieldValues>) {
+  const { t } = useI18n();
+  const resolvedLabel = label ?? t("knowledgeBase.resultCountField.label");
+  const resolvedDescription =
+    description ?? t("knowledgeBase.resultCountField.description");
   return (
     <FormField
       control={control}
@@ -63,10 +68,10 @@ export function RetrievalResultCountField<TFieldValues extends FieldValues>({
                 </span>
                 <div className="min-w-0 space-y-1">
                   <FormLabel className="text-sm font-medium">
-                    {label}
+                    {resolvedLabel}
                   </FormLabel>
                   <p className="text-xs leading-relaxed text-[hsl(var(--muted-foreground))]">
-                    {description}
+                    {resolvedDescription}
                   </p>
                 </div>
               </div>
@@ -80,7 +85,7 @@ export function RetrievalResultCountField<TFieldValues extends FieldValues>({
                     inputMode="numeric"
                     min={min}
                     max={max}
-                    aria-label={label}
+                    aria-label={resolvedLabel}
                     className="h-9 w-full bg-[hsl(var(--background))] pr-8 text-right font-mono text-sm tabular-nums shadow-sm [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
                     value={inputValue}
                     onBlur={field.onBlur}
@@ -92,7 +97,7 @@ export function RetrievalResultCountField<TFieldValues extends FieldValues>({
                   />
                 </FormControl>
                 <span className="pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-xs text-[hsl(var(--muted-foreground))]">
-                  条
+                  {t("knowledgeBase.resultCountField.unit")}
                 </span>
               </div>
             </div>

package/dist/dashboard-runtime/dashboard/src/components/knowledge-base/subspace-gate.tsx

@@ -1,12 +1,14 @@
-'use client';
+"use client";
 
 import { useState, type KeyboardEvent } from "react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { useSubspace } from "@/contexts/subspace-context";
+import { useI18n } from "@/i18n/i18n-context";
 
 export function SubspaceGate() {
   const { setSubspace, history } = useSubspace();
+  const { t } = useI18n();
   const [inputValue, setInputValue] = useState("");
 
   const handleSubmit = () => {
@@ -25,15 +27,17 @@ export function SubspaceGate() {
 
   return (
     <div className="flex flex-col items-center justify-center min-h-[400px] gap-6 px-4">
-      <h2 className="text-2xl font-semibold">请选择子空间</h2>
+      <h2 className="text-2xl font-semibold">
+        {t("knowledgeBase.subspace.gateTitle")}
+      </h2>
       <p className="text-sm text-muted-foreground max-w-[500px] text-center">
-        此知识库已启用子空间隔离，文档按子空间分组存储。请输入您要访问的子空间名称以查看对应文档。
+        {t("knowledgeBase.subspace.gateDescription")}
       </p>
 
       {history.length > 0 && (
         <div className="flex flex-col items-center gap-2">
           <span className="text-xs font-semibold text-muted-foreground">
-            最近使用
+            {t("knowledgeBase.subspace.recentlyUsed")}
           </span>
           <div className="flex gap-2 flex-wrap justify-center max-w-[600px]">
             {history.map((s, idx) => (
@@ -56,19 +60,19 @@ export function SubspaceGate() {
 
       <div className="flex gap-2 w-full max-w-[480px]">
         <Input
-          placeholder="输入子空间名称..."
+          placeholder={t("knowledgeBase.subspace.inputPlaceholder")}
           value={inputValue}
           onChange={(e) => setInputValue(e.target.value)}
           onKeyDown={handleKeyDown}
           className="text-base"
         />
         <Button onClick={handleSubmit} disabled={!inputValue.trim()}>
-          进入
+          {t("knowledgeBase.subspace.enterButton")}
         </Button>
       </div>
 
       <p className="text-xs text-muted-foreground">
-        提示：子空间名称由创建者自定义，如 &quot;team-alpha&quot;、&quot;docs-v2&quot; 等
+        {t("knowledgeBase.subspace.gateHint")}
       </p>
     </div>
   );

package/dist/dashboard-runtime/dashboard/src/components/knowledge-base/subspace-switcher.tsx

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 
 import { useState, type KeyboardEvent } from "react";
 import { Check, ChevronDown, X } from "lucide-react";
@@ -12,6 +12,7 @@ import {
   PopoverTrigger,
 } from "@/components/ui/popover";
 import { useSubspaceOptional } from "@/contexts/subspace-context";
+import { useI18n } from "@/i18n/i18n-context";
 
 /**
  * Inline subspace switcher rendered in KBHeader. Mirrors the UX of GitHub
@@ -20,6 +21,7 @@ import { useSubspaceOptional } from "@/contexts/subspace-context";
  */
 export function SubspaceSwitcher() {
   const ctx = useSubspaceOptional();
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
   const [inputValue, setInputValue] = useState("");
 
@@ -56,7 +58,7 @@ export function SubspaceSwitcher() {
   const handleClear = () => {
     clearSubspace();
     setOpen(false);
-    toast.success("已清除子空间作用域，请重新选择");
+    toast.success(t("knowledgeBase.subspace.cleared"));
   };
 
   return (
@@ -66,7 +68,11 @@ export function SubspaceSwitcher() {
           type="button"
           className="inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-primary/10 text-primary text-xs font-medium hover:bg-primary/15 transition-colors cursor-pointer"
         >
-          {hasActive ? `子空间: ${subspace}` : "选择子空间…"}
+          {hasActive
+            ? t("knowledgeBase.subspace.switcherActive", {
+                name: subspace ?? "",
+              })
+            : t("knowledgeBase.subspace.switcherPlaceholder")}
           <ChevronDown className="h-3 w-3 opacity-70" />
         </button>
       </PopoverTrigger>
@@ -77,12 +83,14 @@ export function SubspaceSwitcher() {
       >
         <div className="space-y-1">
           <label className="text-xs font-medium text-muted-foreground">
-            {hasActive ? "切换到其他子空间" : "进入子空间"}
+            {hasActive
+              ? t("knowledgeBase.subspace.switchToOther")
+              : t("knowledgeBase.subspace.enter")}
           </label>
           <div className="flex gap-1.5">
             <Input
               autoFocus
-              placeholder="输入子空间名称..."
+              placeholder={t("knowledgeBase.subspace.inputPlaceholder")}
               value={inputValue}
               onChange={(e) => setInputValue(e.target.value)}
               onKeyDown={handleKeyDown}
@@ -94,7 +102,7 @@ export function SubspaceSwitcher() {
               onClick={handleSubmit}
               disabled={!inputValue.trim() || inputValue.trim() === subspace}
             >
-              进入
+              {t("knowledgeBase.subspace.enterButton")}
             </Button>
           </div>
         </div>
@@ -102,7 +110,7 @@ export function SubspaceSwitcher() {
         {history.length > 0 && (
           <div className="space-y-1">
             <span className="text-xs font-medium text-muted-foreground">
-              最近使用
+              {t("knowledgeBase.subspace.recentlyUsed")}
             </span>
             <div className="flex flex-col gap-0.5 max-h-[180px] overflow-y-auto">
               {history.map((s) => {
@@ -134,7 +142,7 @@ export function SubspaceSwitcher() {
               className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-destructive transition-colors w-full"
             >
               <X className="h-3 w-3" />
-              清除选择（返回子空间选择页）
+              {t("knowledgeBase.subspace.clearSelection")}
             </button>
           </>
         )}

package/dist/dashboard-runtime/dashboard/src/components/layout/detail-sidebar.tsx

@@ -9,6 +9,7 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "@/lib/utils";
 import { useSidebarCollapsed } from "@/hooks/use-sidebar-collapsed";
 import { useDetailSidebarCollapsed } from "@/hooks/use-detail-sidebar-collapsed";
+import { useI18n } from "@/i18n/i18n-context";
 import {
   Tooltip,
   TooltipContent,
@@ -65,13 +66,14 @@ export function DetailSidebar({
  */
 function DetailSidebarRestoreButton() {
   const { toggle } = useDetailSidebarCollapsed();
+  const { t } = useI18n();
   return (
     <TooltipProvider delayDuration={200}>
       <Tooltip>
         <TooltipTrigger asChild>
           <button
             type="button"
-            aria-label="展开侧边栏"
+            aria-label={t("sidebar.expand")}
             onClick={toggle}
             className="hidden md:flex absolute left-3 top-3 z-10 h-8 w-8 items-center justify-center rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--muted-foreground))] shadow-sm transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]"
           >
@@ -79,7 +81,7 @@ function DetailSidebarRestoreButton() {
           </button>
         </TooltipTrigger>
         <TooltipContent side="right" sideOffset={6}>
-          展开侧边栏
+          {t("sidebar.expand")}
         </TooltipContent>
       </Tooltip>
     </TooltipProvider>
@@ -104,8 +106,9 @@ const detailIconAccent = cva(
   },
 );
 
-interface DetailSidebarHeaderProps
-  extends VariantProps<typeof detailIconAccent> {
+interface DetailSidebarHeaderProps extends VariantProps<
+  typeof detailIconAccent
+> {
   icon: React.ReactNode;
   name: React.ReactNode;
   typeLabel?: React.ReactNode;
@@ -131,6 +134,7 @@ export function DetailSidebarHeader({
   extra,
 }: DetailSidebarHeaderProps) {
   const { toggle } = useDetailSidebarCollapsed();
+  const { t } = useI18n();
   return (
     <header className="flex flex-col gap-2 border-b border-[hsl(var(--border-light))] px-4 pb-4 pt-4">
       {/*
@@ -180,7 +184,7 @@ export function DetailSidebarHeader({
               <TooltipTrigger asChild>
                 <button
                   type="button"
-                  aria-label="收起侧边栏"
+                  aria-label={t("sidebar.collapseSidebar")}
                   onClick={toggle}
                   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))]"
                 >
@@ -188,15 +192,13 @@ export function DetailSidebarHeader({
                 </button>
               </TooltipTrigger>
               <TooltipContent side="bottom" sideOffset={6}>
-                收起侧边栏
+                {t("sidebar.collapseSidebar")}
               </TooltipContent>
             </Tooltip>
           </TooltipProvider>
         </div>
       </div>
-      {pills ? (
-        <div className="flex flex-wrap gap-2">{pills}</div>
-      ) : null}
+      {pills ? <div className="flex flex-wrap gap-2">{pills}</div> : null}
       {description ? (
         <p className="line-clamp-3 text-[13px] leading-snug text-[hsl(var(--muted-foreground))]">
           {description}
@@ -272,10 +274,8 @@ interface DetailSidebarBackProps {
   label?: React.ReactNode;
 }
 
-export function DetailSidebarBack({
-  href,
-  label = "返回列表",
-}: DetailSidebarBackProps) {
+export function DetailSidebarBack({ href, label }: DetailSidebarBackProps) {
+  const { t } = useI18n();
   return (
     <div className="border-t border-[hsl(var(--border-light))] p-3">
       <Link
@@ -283,7 +283,7 @@ export function DetailSidebarBack({
         className="flex h-8 items-center justify-center gap-1.5 rounded-md text-[13px] font-medium text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--background))] hover:text-[hsl(var(--primary))]"
       >
         <ArrowLeft className="h-3.5 w-3.5" />
-        {label}
+        {label ?? t("sidebar.backToList")}
       </Link>
     </div>
   );
@@ -432,9 +432,7 @@ export function WorkbenchLayout({
       >
         {aside}
       </aside>
-      <main className="flex min-h-0 min-w-0 flex-1 flex-col">
-        {children}
-      </main>
+      <main className="flex min-h-0 min-w-0 flex-1 flex-col">{children}</main>
     </DetailFullBleed>
   );
 }

package/dist/dashboard-runtime/dashboard/src/components/layout/help-link.tsx

@@ -3,7 +3,14 @@
 import { usePathname } from "next/navigation";
 import { HelpCircle } from "lucide-react";
 
+import { useI18n } from "@/i18n/i18n-context";
 import { cn } from "@/lib/utils";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 
 const HELP_URL_KB = "https://help.aliyun.com/zh/tablestore/knowledge-base-rag/";
 const HELP_URL_DEFAULT = "https://help.aliyun.com/zh/tablestore/";
@@ -17,42 +24,35 @@ interface HelpLinkProps {
   collapsed?: boolean;
 }
 
-/**
- * Pathname-aware help link, surfaced in the sidebar footer. Knowledge-base
- * pages get the RAG help URL; other surfaces fall back to the general portal,
- * preserving the routing previously hosted in the deprecated breadcrumb bar.
- */
 export function HelpLink({ collapsed }: HelpLinkProps) {
   const pathname = usePathname();
+  const { t } = useI18n();
   const url = resolveHelpUrl(pathname);
-
-  if (collapsed) {
-    return (
-      <a
-        href={url}
-        target="_blank"
-        rel="noreferrer"
-        title="帮助"
-        aria-label="帮助"
-        className="flex h-8 w-8 items-center justify-center rounded-md text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--background))] hover:text-[hsl(var(--foreground))]"
-      >
-        <HelpCircle className="h-4 w-4" />
-      </a>
-    );
-  }
+  const label = t("common.help");
 
   return (
-    <a
-      href={url}
-      target="_blank"
-      rel="noreferrer"
-      title="帮助"
-      className={cn(
-        "flex h-8 items-center gap-2 rounded-md px-3 text-sm text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--background))] hover:text-[hsl(var(--foreground))]",
-      )}
-    >
-      <HelpCircle className="h-4 w-4 shrink-0" />
-      <span>帮助</span>
-    </a>
+    <TooltipProvider delayDuration={200}>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <a
+            href={url}
+            target="_blank"
+            rel="noreferrer"
+            aria-label={label}
+            className={cn(
+              "flex h-8 w-8 items-center justify-center rounded-md",
+              "text-[hsl(var(--muted-foreground))] transition-colors duration-150",
+              "hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--primary))]",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--primary)/0.3)]",
+            )}
+          >
+            <HelpCircle className="h-[18px] w-[18px]" />
+          </a>
+        </TooltipTrigger>
+        <TooltipContent side={collapsed ? "right" : "top"} sideOffset={8}>
+          {label}
+        </TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
   );
 }

package/dist/dashboard-runtime/dashboard/src/components/layout/instance-switcher.tsx

@@ -15,6 +15,7 @@ import {
 } from "@/components/ui/dropdown-menu";
 import { ConnectInstanceDialog } from "@/components/instance/connect-instance-dialog";
 import { useInstances, useSwitchInstance } from "@/hooks/use-instances";
+import { useI18n } from "@/i18n/i18n-context";
 import { cn } from "@/lib/utils";
 
 /**
@@ -37,6 +38,7 @@ function resolveSwitchTarget(pathname: string | null): string | null {
 export function InstanceSwitcher() {
   const router = useRouter();
   const pathname = usePathname();
+  const { t } = useI18n();
   const [connectOpen, setConnectOpen] = useState(false);
   const { data, isLoading } = useInstances();
   const switchMutation = useSwitchInstance();
@@ -80,19 +82,21 @@ export function InstanceSwitcher() {
             disabled={isLoading}
           >
             <span className="max-w-[140px] truncate">
-              {activeName ? `*${activeName}` : "选择项目"}
+              {activeName
+                ? `*${activeName}`
+                : t("instance.switcher.selectProject")}
             </span>
             <ChevronDown className="h-3.5 w-3.5 opacity-60" />
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent align="end" className="min-w-[220px]">
           <DropdownMenuLabel className="text-xs font-medium text-muted-foreground">
-            切换项目
+            {t("instance.switcher.switchProject")}
           </DropdownMenuLabel>
 
           {instances.length === 0 ? (
             <div className="px-2 py-3 text-xs text-muted-foreground">
-              暂无项目，先创建一个。
+              {t("instance.switcher.noProjects")}
             </div>
           ) : (
             instances.map((item) => {
@@ -133,7 +137,7 @@ export function InstanceSwitcher() {
             className="gap-2"
           >
             <Plus className="h-3.5 w-3.5" />
-            创建新项目
+            {t("instance.switcher.createProject")}
           </DropdownMenuItem>
           <DropdownMenuItem
             onSelect={(event) => {
@@ -143,7 +147,7 @@ export function InstanceSwitcher() {
             className="gap-2"
           >
             <Settings2 className="h-3.5 w-3.5" />
-            项目管理
+            {t("instance.switcher.manageProjects")}
           </DropdownMenuItem>
         </DropdownMenuContent>
       </DropdownMenu>

package/dist/dashboard-runtime/dashboard/src/components/layout/language-toggle.tsx

@@ -0,0 +1,71 @@
+"use client";
+
+import { Globe } from "lucide-react";
+
+import { useI18n } from "@/i18n/i18n-context";
+import { LOCALES, LOCALE_LABELS, LOCALE_NAMES } from "@/i18n/config";
+import { cn } from "@/lib/utils";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+
+interface LanguageToggleProps {
+  /** When true the tooltip anchors to the right (collapsed rail); otherwise
+   *  it anchors above so it doesn't collide with the sidebar edge. */
+  collapsed?: boolean;
+}
+
+/**
+ * Single icon-button language switcher. Clicking cycles through the
+ * available locales; the current locale is shown as a small corner badge so
+ * the control stays compact and visually consistent with the other footer
+ * icon buttons instead of a heavier segmented track.
+ */
+export function LanguageToggle({ collapsed }: LanguageToggleProps) {
+  const { locale, setLocale, t } = useI18n();
+
+  const nextIndex = (LOCALES.indexOf(locale) + 1) % LOCALES.length;
+  const nextLocale = LOCALES[nextIndex];
+
+  return (
+    <TooltipProvider delayDuration={200}>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <button
+            type="button"
+            aria-label={t("common.switchLanguageTo", {
+              name: LOCALE_NAMES[nextLocale],
+            })}
+            data-locale={locale}
+            onClick={() => setLocale(nextLocale)}
+            className={cn(
+              "group relative flex h-8 w-8 items-center justify-center rounded-md",
+              "text-[hsl(var(--muted-foreground))] transition-colors duration-150",
+              "hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--primary))]",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--primary)/0.3)]",
+            )}
+          >
+            <Globe className="h-[18px] w-[18px]" />
+            <span
+              aria-hidden
+              className={cn(
+                "absolute -bottom-0.5 -right-0.5 min-w-3.5 rounded-full px-1 text-center",
+                "text-[8px] font-bold uppercase leading-[1.4] tracking-tight",
+                "bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]",
+                "ring-2 ring-[hsl(var(--sidebar-bg))] transition-colors",
+              )}
+            >
+              {LOCALE_LABELS[locale]}
+            </span>
+          </button>
+        </TooltipTrigger>
+        <TooltipContent side={collapsed ? "right" : "top"} sideOffset={8}>
+          {t("common.switchLanguageTo", { name: LOCALE_NAMES[nextLocale] })}
+        </TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}

package/dist/dashboard-runtime/dashboard/src/components/layout/nav-link.tsx

@@ -1,8 +1,8 @@
-'use client';
+"use client";
 
-import Link from 'next/link';
-import { usePathname } from 'next/navigation';
-import { cn } from '@/lib/utils';
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { cn } from "@/lib/utils";
 
 interface NavLinkProps {
   href: string;
@@ -12,17 +12,16 @@ interface NavLinkProps {
 
 export function NavLink({ href, children, badge }: NavLinkProps) {
   const pathname = usePathname();
-  const isActive =
-    pathname === href || pathname?.startsWith(`${href}/`);
+  const isActive = pathname === href || pathname?.startsWith(`${href}/`);
 
   return (
     <Link
       href={href}
       className={cn(
-        'relative flex items-center gap-2 px-3 py-2 text-sm font-medium transition-colors',
+        "relative flex items-center gap-2 px-3 py-2 text-sm font-medium transition-colors",
         isActive
-          ? 'text-foreground'
-          : 'text-muted-foreground hover:text-foreground'
+          ? "text-foreground"
+          : "text-muted-foreground hover:text-foreground",
       )}
     >
       {children}
@@ -37,7 +36,6 @@ export function NavLink({ href, children, badge }: NavLinkProps) {
           isActive ? "opacity-100 scale-x-100" : "opacity-0 scale-x-50",
         )}
       />
-
     </Link>
   );
 }