@tablestore/tablestore-agent-cli 0.2.3 → 0.2.4

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

@@ -21,6 +21,7 @@ import {
 import { listChunks, updateChunks } from "@/services/chunks";
 import { queryKeys } from "@/lib/query-keys";
 import { extractFileName } from "@/lib/utils";
+import { IMAGE_FALLBACK_DATA_PREFIX } from "@/lib/constants";
 import { useRuntimeContext } from "@/providers/runtime-context-provider";
 import type { Chunk, ChunkStatus } from "@/types/knowledge-base";
 
@@ -66,6 +67,7 @@ function ChunkCard({
   const [editContent, setEditContent] = useState(chunk.content);
   const [saving, setSaving] = useState(false);
   const [toggling, setToggling] = useState(false);
+  const [zoomedImage, setZoomedImage] = useState<string | null>(null);
 
   const style = STATUS_STYLES[chunk.status] ?? STATUS_STYLES.inactive;
   const isActive = chunk.status === "active";
@@ -180,24 +182,38 @@ function ChunkCard({
             </TooltipProvider>
           )}
           {/* 编辑按钮 */}
-          {!editing && (
-            <TooltipProvider delayDuration={200}>
-              <Tooltip>
-                <TooltipTrigger asChild>
-                  <Button
-                    variant="ghost"
-                    size="icon"
-                    className="h-7 w-7"
-                    onClick={() => setEditing(true)}
-                    aria-label="编辑切片"
-                  >
-                    <Pencil className="h-3.5 w-3.5" />
-                  </Button>
-                </TooltipTrigger>
-                <TooltipContent side="top">编辑切片</TooltipContent>
-              </Tooltip>
-            </TooltipProvider>
-          )}
+          {!editing && (() => {
+            const isImageChunk = chunk.chunkType.toUpperCase() === "IMAGE";
+            return (
+              <TooltipProvider delayDuration={200}>
+                <Tooltip>
+                  {/* disabled button 不会触发 hover 事件，需要 span 包裹来承接 Tooltip 的 pointer 事件 */}
+                  <TooltipTrigger asChild>
+                    <span className={isImageChunk ? "inline-flex cursor-not-allowed" : "inline-flex"}>
+                      <Button
+                        variant="ghost"
+                        size="icon"
+                        className={`h-7 w-7 ${isImageChunk ? "pointer-events-none opacity-50" : ""}`}
+                        onClick={() => {
+                          if (isImageChunk) return;
+                          setEditing(true);
+                        }}
+                        disabled={isImageChunk}
+                        aria-disabled={isImageChunk}
+                        tabIndex={isImageChunk ? -1 : 0}
+                        aria-label="编辑切片"
+                      >
+                        <Pencil className="h-3.5 w-3.5" />
+                      </Button>
+                    </span>
+                  </TooltipTrigger>
+                  <TooltipContent side="top">
+                    {isImageChunk ? "图片类型 chunk 不支持修改" : "编辑切片"}
+                  </TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
+            );
+          })()}
         </div>
       </div>
 
@@ -243,6 +259,22 @@ function ChunkCard({
           {chunk.title && (
             <p className="text-sm font-semibold">{chunk.title}</p>
           )}
+          {/* 图片缩略图（仅 IMAGE 类型） */}
+          {chunk.chunkType.toUpperCase() === "IMAGE" && chunk.imageBase64 && (() => {
+            const imgSrc = chunk.imageBase64.startsWith("data:")
+              ? chunk.imageBase64
+              : `${IMAGE_FALLBACK_DATA_PREFIX}${chunk.imageBase64}`;
+            return (
+              <div className="mt-2">
+                <img
+                  src={imgSrc}
+                  alt={chunk.caption || `Image chunk #${chunk.chunkId}`}
+                  className="max-w-[200px] max-h-[200px] object-contain rounded border border-border cursor-pointer hover:opacity-80 transition-opacity"
+                  onClick={() => setZoomedImage(imgSrc)}
+                />
+              </div>
+            );
+          })()}
           {/* 内容 — 可折叠 */}
           <p
             className={`text-sm text-gray-600 whitespace-pre-wrap ${
@@ -263,6 +295,12 @@ function ChunkCard({
               )}
             </button>
           )}
+          {/* Caption — 所有类型，存在时展示 */}
+          {chunk.caption && (
+            <p className="text-xs text-muted-foreground italic mt-1">
+              {chunk.caption}
+            </p>
+          )}
         </>
       )}
 
@@ -271,6 +309,20 @@ function ChunkCard({
         <span>创建: {formatTime(chunk.createdAt)}</span>
         {chunk.updatedAt && <span>更新: {formatTime(chunk.updatedAt)}</span>}
       </div>
+
+      {/* 图片放大预览 */}
+      <Dialog open={!!zoomedImage} onOpenChange={() => setZoomedImage(null)}>
+        <DialogContent className="max-w-[90vw] max-h-[90vh] p-2 flex items-center justify-center border-none bg-black/90 data-[state=open]:animate-none data-[state=closed]:animate-none duration-0">
+          <DialogTitle className="sr-only">图片放大预览</DialogTitle>
+          {zoomedImage && (
+            <img
+              src={zoomedImage}
+              alt="放大预览"
+              className="max-w-full max-h-[85vh] object-contain"
+            />
+          )}
+        </DialogContent>
+      </Dialog>
     </div>
   );
 }
@@ -308,7 +360,7 @@ export function DocChunksDialog({
         subspace,
       }),
     initialPageParam: undefined as string | undefined,
-    getNextPageParam: (lastPage) => lastPage.nextToken,
+    getNextPageParam: (lastPage) => lastPage.nextToken || undefined,
     enabled: ready && open && !!docId,
   });
 
@@ -339,7 +391,7 @@ export function DocChunksDialog({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-3xl max-h-[80vh] flex flex-col">
+      <DialogContent className="sm:max-w-3xl max-h-[80vh] flex flex-col data-[state=open]:animate-none data-[state=closed]:animate-none duration-0">
         <DialogHeader>
           <DialogTitle>{displayName} - 切片列表</DialogTitle>
           <DialogDescription>

package/dist/dashboard-runtime/dashboard/src/components/instance/connect-instance-form.tsx

@@ -319,6 +319,11 @@ export function ConnectInstanceForm({
                         type="password"
                         autoComplete="new-password"
                         disabled={busy}
+                        placeholder={
+                          isEdit && accessKeySecretPlaceholder
+                            ? `${accessKeySecretPlaceholder} · 留空表示保留`
+                            : undefined
+                        }
                       />
                     </FormControl>
                     <FormMessage />

package/dist/dashboard-runtime/dashboard/src/components/knowledge-base/embedding-config-form.tsx

@@ -24,16 +24,27 @@ interface EmbeddingConfigFormProps {
 
 const V3_DIMENSIONS = [1024, 768, 512, 256, 128, 64];
 const V4_DIMENSIONS = [2048, 1536, 1024, 768, 512, 256, 128, 64];
+// qwen3-vl-embedding 是多模态模型，支持的维度集合与 text-embedding-v3/v4 不同。
+// 维度列表与 1024 默认值需保持与模型文档一致。
+const QWEN3_VL_DIMENSIONS = [2560, 2048, 1536, 1024, 768, 512, 256];
+
+// 模型 → 维度列表的映射。未来新增模型在此处补一行即可，无需修改下方组件逻辑。
+const DIMENSION_MAP: Record<string, number[]> = {
+  "text-embedding-v3": V3_DIMENSIONS,
+  "text-embedding-v4": V4_DIMENSIONS,
+  "qwen3-vl-embedding": QWEN3_VL_DIMENSIONS,
+};
 
 export function EmbeddingConfigForm({ form }: EmbeddingConfigFormProps) {
   const provider = useWatch({ control: form.control, name: "embeddingConfiguration.provider" });
   const model = useWatch({ control: form.control, name: "embeddingConfiguration.model" });
 
-  const dimensionOptions = model === "text-embedding-v3" ? V3_DIMENSIONS : V4_DIMENSIONS;
+  // 未识别的模型回落到 V4（与历史行为兼容）。
+  const dimensionOptions = DIMENSION_MAP[model ?? ""] ?? V4_DIMENSIONS;
 
   const handleModelChange = (newModel: string) => {
     form.setValue("embeddingConfiguration.model", newModel);
-    // Auto-set default dimension based on model
+    // Auto-set default dimension based on model. 1024 在所有当前模型中都是合法维度。
     form.setValue("embeddingConfiguration.dimension", 1024);
   };
 
@@ -87,6 +98,9 @@ export function EmbeddingConfigForm({ form }: EmbeddingConfigFormProps) {
                   <SelectContent>
                     <SelectItem value="text-embedding-v3">text-embedding-v3</SelectItem>
                     <SelectItem value="text-embedding-v4">text-embedding-v4</SelectItem>
+                    <SelectItem value="qwen3-vl-embedding">
+                      qwen3-vl-embedding (多模态)
+                    </SelectItem>
                   </SelectContent>
                 </Select>
               ) : (

package/dist/dashboard-runtime/dashboard/src/components/knowledge-base/kb-card.tsx

@@ -41,15 +41,30 @@ export function KBCard({ knowledgeBase, onDelete }: KBCardProps) {
       className="no-underline"
     >
     <CardInteractive
-      className="group relative flex h-full cursor-pointer flex-col"
+      className="group relative flex h-[180px] cursor-pointer flex-col"
     >
-      <CardContent className="flex flex-col flex-1 p-5">
+      <CardContent className="flex flex-col flex-1 min-h-0 p-5">
         <div className="flex items-start justify-between gap-3">
-          <div className="flex min-w-0 items-center gap-2">
+          <div className="flex min-w-0 flex-1 items-center gap-2">
             <BookOpenText className="h-4 w-4 shrink-0 text-primary" />
-            <h3 className="truncate text-base font-semibold text-foreground">
+            <h3 className="min-w-0 truncate text-base font-semibold text-foreground">
               {knowledgeBaseName}
             </h3>
+            {knowledgeBase.multimodal && (
+              <span className="shrink-0 text-[10px] px-1.5 py-0.5 rounded-full bg-emerald-50 text-emerald-700 border border-emerald-200">
+                多模态
+              </span>
+            )}
+            {knowledgeBase.ingestConfiguration?.enableTableFormulaCaption && (
+              <span className="shrink-0 text-[10px] px-1.5 py-0.5 rounded-full bg-emerald-50 text-emerald-700 border border-emerald-200">
+                Caption
+              </span>
+            )}
+            {subspace && (
+              <span className="shrink-0 text-[10px] px-1.5 py-0.5 rounded-full bg-emerald-50 text-emerald-700 border border-emerald-200">
+                子空间
+              </span>
+            )}
           </div>
 
           <div
@@ -94,32 +109,30 @@ export function KBCard({ knowledgeBase, onDelete }: KBCardProps) {
         </div>
 
         {description && (
-          <p className="mt-1.5 text-sm text-muted-foreground line-clamp-2">
-            {description}
-          </p>
+          <div className="mt-2 flex items-baseline gap-1.5 min-w-0">
+            <span className="shrink-0 text-xs text-muted-foreground">Desc:</span>
+            <span className="min-w-0 flex-1 truncate text-xs text-foreground/80">{description}</span>
+          </div>
         )}
 
         {tags && tags.length > 0 && (
-          <div className="mt-3 flex flex-wrap gap-1.5">
-            {tags.map((tag) => (
-              <Badge
-                key={tag}
-                variant="secondary"
-                className="rounded-pill border-0 bg-[hsl(var(--primary-50))] text-primary text-xs font-normal"
-              >
-                {tag}
-              </Badge>
-            ))}
+          <div className="mt-2 flex items-baseline gap-1.5 min-w-0">
+            <span className="shrink-0 text-xs text-muted-foreground">Tags:</span>
+            <div className="flex flex-1 min-w-0 gap-1.5 max-h-[22px] overflow-hidden">
+              {tags.map((tag) => (
+                <Badge
+                  key={tag}
+                  variant="secondary"
+                  className="shrink-0 rounded-pill border-0 bg-[hsl(var(--primary-50))] text-primary text-xs font-normal"
+                >
+                  {tag}
+                </Badge>
+              ))}
+            </div>
           </div>
         )}
 
-        <div className="mt-auto pt-4 flex items-center gap-3 text-xs text-muted-foreground">
-          {subspace && (
-            <span className="inline-flex items-center gap-1">
-              <span className="h-1.5 w-1.5 rounded-full bg-green-500" />
-              已开启子空间隔离
-            </span>
-          )}
+        <div className="mt-auto pt-4 flex items-center gap-3 text-xs text-muted-foreground min-w-0">
           {metadataFieldCount > 0 && (
             <span>{metadataFieldCount} 个 Metadata 字段</span>
           )}