@tablestore/tablestore-agent-cli 0.2.8 → 0.2.10

package/dist/dashboard-runtime/dashboard/src/components/shared/relative-time.tsx

@@ -2,7 +2,7 @@
 
 import { useSyncExternalStore } from "react";
 import { formatDistanceToNow, format } from "date-fns";
-import { zhCN } from "date-fns/locale";
+import { enUS, zhCN } from "date-fns/locale";
 
 import {
   Tooltip,
@@ -10,6 +10,7 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import { useI18n } from "@/i18n/i18n-context";
 
 // Shared singleton timer — all RelativeTime instances share one tick
 let tick = 0;
@@ -54,18 +55,20 @@ interface RelativeTimeProps {
  */
 export function RelativeTime({ timestamp }: RelativeTimeProps) {
   useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  const { locale } = useI18n();
+  const dateLocale = locale === "en" ? enUS : zhCN;
 
   const date = new Date(timestamp);
   const relativeText = formatDistanceToNow(date, {
     addSuffix: true,
-    locale: zhCN,
+    locale: dateLocale,
   });
 
   // `format` from date-fns uses the runtime's local timezone implicitly;
   // showing the timezone offset tag (e.g. UTC+8) makes that explicit so
   // users in different regions can interpret the value unambiguously.
   const localText = format(date, "yyyy-MM-dd HH:mm:ss (OOOO)", {
-    locale: zhCN,
+    locale: dateLocale,
   });
 
   return (

package/dist/dashboard-runtime/dashboard/src/components/shared/search-input.tsx

@@ -1,8 +1,8 @@
-
 "use client";
 
 import { Search, X } from "lucide-react";
 import { cn } from "@/lib/utils";
+import { useI18n } from "@/i18n/i18n-context";
 
 interface SearchInputProps {
   value: string;
@@ -14,9 +14,10 @@ interface SearchInputProps {
 export function SearchInput({
   value,
   onChange,
-  placeholder = "搜索…",
+  placeholder,
   className,
 }: SearchInputProps) {
+  const { t } = useI18n();
   return (
     <div className={cn("relative flex items-center", className)}>
       <Search
@@ -27,11 +28,11 @@ export function SearchInput({
         type="text"
         value={value}
         onChange={(event) => onChange(event.target.value)}
-        placeholder={placeholder}
+        placeholder={placeholder ?? t("common.search")}
         className={cn(
           "h-9 w-full rounded-md border border-input bg-background pl-9 pr-8 text-sm",
           "placeholder:text-muted-foreground/60",
-          "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"
+          "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1",
         )}
       />
       {value && (
@@ -39,7 +40,7 @@ export function SearchInput({
           type="button"
           onClick={() => onChange("")}
           className="absolute right-2 inline-flex items-center justify-center rounded-full p-0.5 text-gray-400 hover:text-gray-600 transition-colors"
-          aria-label="清除搜索"
+          aria-label={t("common.clearSearch")}
         >
           <X size={14} />
         </button>

package/dist/dashboard-runtime/dashboard/src/components/shared/status-badge.tsx

@@ -1,5 +1,7 @@
+"use client";
 
 import { cn } from "@/lib/utils";
+import { useI18n } from "@/i18n/i18n-context";
 
 type BadgeStatus = "completed" | "pending" | "indexing" | "failed" | "deleting";
 
@@ -15,32 +17,25 @@ interface StatusBadgeProps {
 // override here would actually clobber the soft token in dark mode.
 const STATUS_CLASS_MAP: Record<BadgeStatus, string> = {
   completed: "bg-success-soft text-success",
-  pending:   "bg-warning-soft text-warning",
-  indexing:  "bg-info-soft text-info",
-  failed:    "bg-danger-soft text-danger",
-  deleting:  "bg-warning-soft text-warning",
-};
-
-const STATUS_LABEL_MAP: Record<BadgeStatus, string> = {
-  completed: "已完成",
-  pending:   "待处理",
-  indexing:  "索引中",
-  failed:    "失败",
-  deleting:  "删除中",
+  pending: "bg-warning-soft text-warning",
+  indexing: "bg-info-soft text-info",
+  failed: "bg-danger-soft text-danger",
+  deleting: "bg-warning-soft text-warning",
 };
 
 const FALLBACK_CLASS = "bg-muted text-muted-foreground";
 
 export function StatusBadge({ status, label }: StatusBadgeProps) {
+  const { t } = useI18n();
   const statusClass = STATUS_CLASS_MAP[status] ?? FALLBACK_CLASS;
-  const displayLabel = label ?? STATUS_LABEL_MAP[status] ?? status;
+  const displayLabel = label ?? t(`status.${status}`);
 
   return (
     <span
       className={cn(
         "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium",
         "select-none whitespace-nowrap",
-        statusClass
+        statusClass,
       )}
     >
       {displayLabel}

package/dist/dashboard-runtime/dashboard/src/components/shared/system-prompt-input.tsx

@@ -2,6 +2,7 @@
 
 import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
+import { useI18n } from "@/i18n/i18n-context";
 
 interface SystemPromptInputProps {
   value: string;
@@ -9,7 +10,6 @@ interface SystemPromptInputProps {
   placeholder?: string;
   helperText?: string;
   rows?: number;
-  /** Defaults to "系统提示词"; chat drawer uses "System Prompt" instead. */
   label?: string;
 }
 
@@ -24,11 +24,14 @@ export function SystemPromptInput({
   placeholder,
   helperText,
   rows = 3,
-  label = "系统提示词",
+  label,
 }: SystemPromptInputProps) {
+  const { t } = useI18n();
   return (
     <div className="space-y-2">
-      <Label className="text-sm font-medium">{label}</Label>
+      <Label className="text-sm font-medium">
+        {label ?? t("common.systemPrompt")}
+      </Label>
       <Textarea
         rows={rows}
         value={value}

package/dist/dashboard-runtime/dashboard/src/components/shared/tag-input.tsx

@@ -1,9 +1,9 @@
-
 "use client";
 
 import { useState, useCallback, type KeyboardEvent } from "react";
 import { X } from "lucide-react";
 import { cn } from "@/lib/utils";
+import { useI18n } from "@/i18n/i18n-context";
 
 interface TagInputProps {
   value: string[];
@@ -11,7 +11,8 @@ interface TagInputProps {
   placeholder?: string;
 }
 
-export function TagInput({ value, onChange, placeholder = "输入后按回车添加" }: TagInputProps) {
+export function TagInput({ value, onChange, placeholder }: TagInputProps) {
+  const { t } = useI18n();
   const [inputValue, setInputValue] = useState("");
 
   const addTag = useCallback(
@@ -22,14 +23,14 @@ export function TagInput({ value, onChange, placeholder = "输入后按回车添
       }
       setInputValue("");
     },
-    [value, onChange]
+    [value, onChange],
   );
 
   const removeTag = useCallback(
     (index: number) => {
       onChange(value.filter((_, i) => i !== index));
     },
-    [value, onChange]
+    [value, onChange],
   );
 
   const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {
@@ -47,7 +48,7 @@ export function TagInput({ value, onChange, placeholder = "输入后按回车添
       className={cn(
         "flex flex-wrap items-center gap-1.5 rounded-md border border-[hsl(var(--input))] bg-background px-3 py-2",
         "focus-within:border-[hsl(var(--ring))] focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-0",
-        "min-h-10 transition-colors"
+        "min-h-10 transition-colors",
       )}
     >
       {value.map((tag, index) => (
@@ -60,7 +61,7 @@ export function TagInput({ value, onChange, placeholder = "输入后按回车添
             type="button"
             onClick={() => removeTag(index)}
             className="inline-flex items-center justify-center rounded-full p-0.5 hover:opacity-70 transition-opacity"
-            aria-label={`删除标签 ${tag}`}
+            aria-label={t("common.removeTag", { tag })}
           >
             <X size={12} />
           </button>
@@ -71,7 +72,11 @@ export function TagInput({ value, onChange, placeholder = "输入后按回车添
         value={inputValue}
         onChange={(event) => setInputValue(event.target.value)}
         onKeyDown={handleKeyDown}
-        placeholder={value.length === 0 ? placeholder : ""}
+        placeholder={
+          value.length === 0
+            ? (placeholder ?? t("common.tagInputPlaceholder"))
+            : ""
+        }
         className="flex-1 min-w-20 bg-transparent text-sm outline-none placeholder:text-muted-foreground"
       />
     </div>

package/dist/dashboard-runtime/dashboard/src/components/shared/temperature-slider.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { Slider } from "@/components/ui/slider";
+import { useI18n } from "@/i18n/i18n-context";
 
 interface TemperatureSliderProps {
   value: number;
@@ -25,13 +26,14 @@ export function TemperatureSlider({
   max = 2,
   step = 0.05,
   fallback = 0.7,
-  label = "温度",
+  label,
 }: TemperatureSliderProps) {
+  const { t } = useI18n();
   const display = (value ?? fallback).toFixed(2);
   return (
     <div className="space-y-2">
       <div className="flex items-center justify-between text-sm">
-        <span className="font-medium">{label}</span>
+        <span className="font-medium">{label ?? t("common.temperature")}</span>
         <span className="font-mono text-xs text-muted-foreground">
           {display}
         </span>

package/dist/dashboard-runtime/dashboard/src/components/ui/badge.tsx

@@ -1,7 +1,7 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from "react";
+import { cva, type VariantProps } from "class-variance-authority";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 const badgeVariants = cva(
   "inline-flex items-center rounded border px-2 py-0.5 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-[hsl(var(--primary)/0.3)] focus:ring-offset-1",
@@ -31,17 +31,18 @@ const badgeVariants = cva(
     defaultVariants: {
       variant: "default",
     },
-  }
-)
+  },
+);
 
 export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof badgeVariants> {}
 
 function Badge({ className, variant, ...props }: BadgeProps) {
   return (
     <div className={cn(badgeVariants({ variant }), className)} {...props} />
-  )
+  );
 }
 
-export { Badge, badgeVariants }
+export { Badge, badgeVariants };

package/dist/dashboard-runtime/dashboard/src/components/ui/button.tsx

@@ -1,8 +1,8 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--primary)/0.3)] focus-visible:ring-offset-1 focus-visible:ring-offset-[hsl(var(--background))] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
@@ -32,27 +32,28 @@ const buttonVariants = cva(
       variant: "default",
       size: "default",
     },
-  }
-)
+  },
+);
 
 export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+  extends
+    React.ButtonHTMLAttributes<HTMLButtonElement>,
     VariantProps<typeof buttonVariants> {
-  asChild?: boolean
+  asChild?: boolean;
 }
 
 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button"
+    const Comp = asChild ? Slot : "button";
     return (
       <Comp
         className={cn(buttonVariants({ variant, size, className }))}
         ref={ref}
         {...props}
       />
-    )
-  }
-)
-Button.displayName = "Button"
+    );
+  },
+);
+Button.displayName = "Button";
 
-export { Button, buttonVariants }
+export { Button, buttonVariants };

package/dist/dashboard-runtime/dashboard/src/components/ui/card.tsx

@@ -1,6 +1,6 @@
-import * as React from "react"
+import * as React from "react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 const Card = React.forwardRef<
   HTMLDivElement,
@@ -10,12 +10,12 @@ const Card = React.forwardRef<
     ref={ref}
     className={cn(
       "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--card-foreground))] shadow-sm",
-      className
+      className,
     )}
     {...props}
   />
-))
-Card.displayName = "Card"
+));
+Card.displayName = "Card";
 
 const CardHeader = React.forwardRef<
   HTMLDivElement,
@@ -29,8 +29,8 @@ const CardHeader = React.forwardRef<
     )}
     {...props}
   />
-))
-CardHeader.displayName = "CardHeader"
+));
+CardHeader.displayName = "CardHeader";
 
 const CardTitle = React.forwardRef<
   HTMLDivElement,
@@ -41,8 +41,8 @@ const CardTitle = React.forwardRef<
     className={cn("text-base font-semibold leading-tight", className)}
     {...props}
   />
-))
-CardTitle.displayName = "CardTitle"
+));
+CardTitle.displayName = "CardTitle";
 
 const CardDescription = React.forwardRef<
   HTMLDivElement,
@@ -53,16 +53,16 @@ const CardDescription = React.forwardRef<
     className={cn("text-sm text-[hsl(var(--muted-foreground))]", className)}
     {...props}
   />
-))
-CardDescription.displayName = "CardDescription"
+));
+CardDescription.displayName = "CardDescription";
 
 const CardContent = React.forwardRef<
   HTMLDivElement,
   React.HTMLAttributes<HTMLDivElement>
 >(({ className, ...props }, ref) => (
   <div ref={ref} className={cn("px-5 py-4", className)} {...props} />
-))
-CardContent.displayName = "CardContent"
+));
+CardContent.displayName = "CardContent";
 
 const CardFooter = React.forwardRef<
   HTMLDivElement,
@@ -76,8 +76,8 @@ const CardFooter = React.forwardRef<
     )}
     {...props}
   />
-))
-CardFooter.displayName = "CardFooter"
+));
+CardFooter.displayName = "CardFooter";
 
 /**
  * Interactive card variant with a subtle lift on hover, intended for clickable
@@ -97,7 +97,15 @@ const CardInteractive = React.forwardRef<
     )}
     {...props}
   />
-))
-CardInteractive.displayName = "CardInteractive"
+));
+CardInteractive.displayName = "CardInteractive";
 
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, CardInteractive }
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardInteractive,
+};

package/dist/dashboard-runtime/dashboard/src/components/ui/chat-bubble.tsx

@@ -1,12 +1,12 @@
-import * as React from "react"
+import * as React from "react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-type ChatRole = "user" | "assistant"
+type ChatRole = "user" | "assistant";
 
 interface ChatMessageProps extends React.HTMLAttributes<HTMLDivElement> {
-  role: ChatRole
-  avatar?: React.ReactNode
+  role: ChatRole;
+  avatar?: React.ReactNode;
 }
 
 export const ChatMessage = React.forwardRef<HTMLDivElement, ChatMessageProps>(
@@ -35,11 +35,11 @@ export const ChatMessage = React.forwardRef<HTMLDivElement, ChatMessageProps>(
       <div className="flex max-w-[75%] flex-col gap-1">{children}</div>
     </div>
   ),
-)
-ChatMessage.displayName = "ChatMessage"
+);
+ChatMessage.displayName = "ChatMessage";
 
 interface ChatBubbleProps extends React.HTMLAttributes<HTMLDivElement> {
-  role: ChatRole
+  role: ChatRole;
 }
 
 export const ChatBubble = React.forwardRef<HTMLDivElement, ChatBubbleProps>(
@@ -56,5 +56,5 @@ export const ChatBubble = React.forwardRef<HTMLDivElement, ChatBubbleProps>(
       {...props}
     />
   ),
-)
-ChatBubble.displayName = "ChatBubble"
+);
+ChatBubble.displayName = "ChatBubble";

package/dist/dashboard-runtime/dashboard/src/components/ui/checkbox.tsx

@@ -1,8 +1,8 @@
-import * as React from "react"
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
-import { Check } from "lucide-react"
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 const Checkbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,
@@ -12,7 +12,7 @@ const Checkbox = React.forwardRef<
     ref={ref}
     className={cn(
       "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      className
+      className,
     )}
     {...props}
   >
@@ -22,7 +22,7 @@ const Checkbox = React.forwardRef<
       <Check className="h-4 w-4" />
     </CheckboxPrimitive.Indicator>
   </CheckboxPrimitive.Root>
-))
-Checkbox.displayName = CheckboxPrimitive.Root.displayName
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
-export { Checkbox }
+export { Checkbox };

package/dist/dashboard-runtime/dashboard/src/components/ui/collapsible.tsx

@@ -1,11 +1,11 @@
-"use client"
+"use client";
 
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 
-const Collapsible = CollapsiblePrimitive.Root
+const Collapsible = CollapsiblePrimitive.Root;
 
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
 
-const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
 
-export { Collapsible, CollapsibleTrigger, CollapsibleContent }
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };