@tablestore/tablestore-agent-cli 0.2.10 → 0.3.1

package/dist/dashboard-runtime/dashboard/src/components/memory/memory-settings-form.tsx

@@ -18,9 +18,10 @@ import {
 } from "@/components/ui/form";
 import { useUpdateMemoryStore } from "@/hooks/use-update-memory-store";
 import { useLocaleRevalidation } from "@/hooks/use-locale-revalidation";
+import { storageModeCapabilities } from "@/lib/memory-storage-mode";
 import { useI18n } from "@/i18n/i18n-context";
 import type { TranslateFn } from "@/i18n/i18n-context";
-import type { MemoryStore } from "@/types/memory";
+import type { MemoryStore, UpdateMemoryStoreRequest } from "@/types/memory";
 
 function buildUpdateMemoryStoreSchema(t: TranslateFn) {
   return z.object({
@@ -41,6 +42,25 @@ type UpdateMemoryStoreInput = z.infer<
   ReturnType<typeof buildUpdateMemoryStoreSchema>
 >;
 
+export function buildUpdateMemoryStoreRequest(
+  memoryStore: MemoryStore,
+  values: UpdateMemoryStoreInput,
+): UpdateMemoryStoreRequest {
+  const request: UpdateMemoryStoreRequest = {
+    memoryStoreName: memoryStore.memoryStoreName,
+    description: values.description?.length ? values.description : undefined,
+  };
+  if (!storageModeCapabilities(memoryStore.storageMode).supportsExtraction) {
+    return request;
+  }
+
+  const initialInstructions = memoryStore.extractInstructions ?? "";
+  const nextInstructions = values.extractInstructions ?? "";
+  return nextInstructions === initialInstructions
+    ? request
+    : { ...request, extractInstructions: nextInstructions };
+}
+
 interface MemorySettingsFormProps {
   memoryStore: MemoryStore;
 }
@@ -48,6 +68,7 @@ interface MemorySettingsFormProps {
 export function MemorySettingsForm({ memoryStore }: MemorySettingsFormProps) {
   const updateStore = useUpdateMemoryStore();
   const { t } = useI18n();
+  const capabilities = storageModeCapabilities(memoryStore.storageMode);
 
   const resolver = useMemo(
     () => zodResolver(buildUpdateMemoryStoreSchema(t)),
@@ -68,24 +89,9 @@ export function MemorySettingsForm({ memoryStore }: MemorySettingsFormProps) {
 
   async function onSubmit(values: UpdateMemoryStoreInput) {
     try {
-      // The currently-running server build may predate extractInstructions and
-      // rejects unknown JSON fields. Only include it in the PATCH when the user
-      // actually changed it, so description-only edits keep working. An empty
-      // string is a deliberate "clear" (the field uses pointer/PATCH semantics
-      // server-side once a newer build is deployed).
-      const initialInstructions = memoryStore.extractInstructions ?? "";
-      const nextInstructions = values.extractInstructions ?? "";
-      const instructionsChanged = nextInstructions !== initialInstructions;
-
-      await updateStore.mutateAsync({
-        memoryStoreName: memoryStore.memoryStoreName,
-        description: values.description?.length
-          ? values.description
-          : undefined,
-        ...(instructionsChanged
-          ? { extractInstructions: nextInstructions }
-          : {}),
-      });
+      await updateStore.mutateAsync(
+        buildUpdateMemoryStoreRequest(memoryStore, values),
+      );
       toast.success(t("memory.settings.updateSuccess"));
     } catch (error) {
       toast.error(
@@ -131,33 +137,35 @@ export function MemorySettingsForm({ memoryStore }: MemorySettingsFormProps) {
           </div>
         </section>
 
-        <section className="rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5 shadow-sm">
-          <SettingsSectionHeader
-            title={t("memory.settings.extractSection")}
-            description={t("memory.settings.extractSectionDesc")}
-          />
-          <FormField
-            control={form.control}
-            name="extractInstructions"
-            render={({ field }) => (
-              <FormItem>
-                <FormLabel>{t("memory.settings.extractLabel")}</FormLabel>
-                <FormControl>
-                  <Textarea
-                    placeholder={t("memory.settings.extractPlaceholder")}
-                    className="resize-none"
-                    rows={5}
-                    {...field}
-                  />
-                </FormControl>
-                <FormDescription>
-                  {t("memory.settings.extractHelp")}
-                </FormDescription>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-        </section>
+        {capabilities.supportsExtraction && (
+          <section className="rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5 shadow-sm">
+            <SettingsSectionHeader
+              title={t("memory.settings.extractSection")}
+              description={t("memory.settings.extractSectionDesc")}
+            />
+            <FormField
+              control={form.control}
+              name="extractInstructions"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t("memory.settings.extractLabel")}</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      placeholder={t("memory.settings.extractPlaceholder")}
+                      className="resize-none"
+                      rows={5}
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    {t("memory.settings.extractHelp")}
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </section>
+        )}
 
         <div className="flex justify-end border-t border-[hsl(var(--border-light))] pt-4">
           <Button type="submit" disabled={updateStore.isPending}>

package/dist/dashboard-runtime/dashboard/src/components/memory/memory-store-card.tsx

@@ -25,7 +25,12 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { cn } from "@/lib/utils";
-import { isFileMemory, storageModeLabel } from "@/lib/memory-storage-mode";
+import {
+  storageModeCapabilities,
+  storageModeToSelection,
+  type MemoryCardAction,
+  type MemoryCardShortcut,
+} from "@/lib/memory-storage-mode";
 import { useI18n } from "@/i18n/i18n-context";
 import type { MemoryStore } from "@/types/memory";
 
@@ -52,7 +57,77 @@ function MemoryStoreCardImpl({ memoryStore, onDelete }: MemoryStoreCardProps) {
   const { memoryStoreName } = memoryStore;
   const storePath = `/memory/${encodeURIComponent(memoryStoreName)}`;
   const basePath = `${storePath}/units`;
-  const fileMemory = isFileMemory(memoryStore.storageMode);
+  const capabilities = storageModeCapabilities(memoryStore.storageMode);
+  const storageSelection = storageModeToSelection(memoryStore.storageMode);
+  const inputLabel =
+    storageSelection.inputType === "short-term"
+      ? t("memory.create.shortTermInputLabel")
+      : t("memory.create.fileInputLabel");
+  const storageLabel = storageSelection.storageStructures
+    .map((structure) =>
+      structure === "structured"
+        ? t("memory.create.structuredStorageLabel")
+        : t("memory.create.fileStorageLabel"),
+    )
+    .join(" + ");
+  const shortcutContent = {
+    longTerm: {
+      segment: "units",
+      icon: <Database className="h-3.5 w-3.5" />,
+      label: t("memory.card.longTerm"),
+      title: t("memory.card.longTermTitle"),
+    },
+    shortTerm: {
+      segment: "messages",
+      icon: <MessageSquare className="h-3.5 w-3.5" />,
+      label: t("memory.card.shortTerm"),
+      title: t("memory.card.shortTermTitle"),
+    },
+    extract: {
+      segment: "tasks",
+      icon: <ListChecks className="h-3.5 w-3.5" />,
+      label: t("memory.card.extract"),
+      title: t("memory.card.extractTitle"),
+    },
+    consolidate: {
+      segment: "dream",
+      icon: <Sparkles className="h-3.5 w-3.5" />,
+      label: t("memory.card.consolidate"),
+      title: t("memory.card.consolidateTitle"),
+    },
+    files: {
+      segment: "units",
+      icon: <FolderTree className="h-3.5 w-3.5" />,
+      label: t("memory.detail.tabFiles"),
+      title: t("memory.detail.tabFiles"),
+    },
+  } satisfies Record<
+    MemoryCardShortcut,
+    { segment: string; icon: React.ReactNode; label: string; title: string }
+  >;
+  const actionContent = {
+    units: {
+      icon: capabilities.structured ? (
+        <TableProperties className="mr-2 h-4 w-4" />
+      ) : (
+        <FolderTree className="mr-2 h-4 w-4" />
+      ),
+      label: capabilities.structured
+        ? t("memory.detail.tabUnits")
+        : t("memory.detail.tabFiles"),
+    },
+    search: {
+      icon: <Search className="mr-2 h-4 w-4" />,
+      label: t("memory.detail.tabSearch"),
+    },
+    settings: {
+      icon: <Settings className="mr-2 h-4 w-4" />,
+      label: t("memory.detail.tabSettings"),
+    },
+  } satisfies Record<
+    MemoryCardAction,
+    { icon: React.ReactNode; label: string }
+  >;
 
   return (
     <Link href={basePath} className="no-underline">
@@ -64,22 +139,6 @@ function MemoryStoreCardImpl({ memoryStore, onDelete }: MemoryStoreCardProps) {
               <h3 className="min-w-0 truncate text-base font-semibold text-foreground">
                 {memoryStoreName}
               </h3>
-              <span
-                className={cn(
-                  "inline-flex shrink-0 items-center gap-1 rounded-full border px-1.5 py-0.5 text-[10px]",
-                  fileMemory
-                    ? "border-violet-200 bg-violet-50 text-violet-700"
-                    : "border-slate-200 bg-slate-50 text-slate-600",
-                )}
-                title={storageModeLabel(memoryStore.storageMode, t)}
-              >
-                {fileMemory ? (
-                  <FolderTree className="h-2.5 w-2.5" />
-                ) : (
-                  <Database className="h-2.5 w-2.5" />
-                )}
-                {storageModeLabel(memoryStore.storageMode, t)}
-              </span>
             </div>
 
             <div
@@ -93,24 +152,18 @@ function MemoryStoreCardImpl({ memoryStore, onDelete }: MemoryStoreCardProps) {
                   </Button>
                 </DropdownMenuTrigger>
                 <DropdownMenuContent align="end">
-                  <DropdownMenuItem
-                    onClick={() => router.push(`${storePath}/units`)}
-                  >
-                    <TableProperties className="mr-2 h-4 w-4" />
-                    {t("memory.detail.tabUnits")}
-                  </DropdownMenuItem>
-                  <DropdownMenuItem
-                    onClick={() => router.push(`${storePath}/search`)}
-                  >
-                    <Search className="mr-2 h-4 w-4" />
-                    {t("memory.detail.tabSearch")}
-                  </DropdownMenuItem>
-                  <DropdownMenuItem
-                    onClick={() => router.push(`${storePath}/settings`)}
-                  >
-                    <Settings className="mr-2 h-4 w-4" />
-                    {t("memory.detail.tabSettings")}
-                  </DropdownMenuItem>
+                  {capabilities.cardActions.map((segment) => {
+                    const content = actionContent[segment];
+                    return (
+                      <DropdownMenuItem
+                        key={segment}
+                        onClick={() => router.push(`${storePath}/${segment}`)}
+                      >
+                        {content.icon}
+                        {content.label}
+                      </DropdownMenuItem>
+                    );
+                  })}
                   <DropdownMenuItem
                     className="text-[hsl(var(--destructive))] focus:text-[hsl(var(--destructive))]"
                     onClick={() => onDelete?.(memoryStoreName)}
@@ -123,39 +176,41 @@ function MemoryStoreCardImpl({ memoryStore, onDelete }: MemoryStoreCardProps) {
             </div>
           </div>
 
+          <div className="mt-3 flex flex-wrap gap-1.5 text-[10px]">
+            <span
+              className="inline-flex rounded-full border border-slate-200 bg-slate-50 px-2 py-0.5 text-slate-600"
+              title={`${t("memory.card.inputType")}: ${inputLabel}`}
+            >
+              {t("memory.card.inputType")}: {inputLabel}
+            </span>
+            <span
+              className={cn(
+                "inline-flex rounded-full border px-2 py-0.5",
+                capabilities.files
+                  ? "border-violet-200 bg-violet-50 text-violet-700"
+                  : "border-slate-200 bg-slate-50 text-slate-600",
+              )}
+              title={`${t("memory.card.storageStructure")}: ${storageLabel}`}
+            >
+              {t("memory.card.storageStructure")}: {storageLabel}
+            </span>
+          </div>
+
           <div className="mt-auto flex items-center gap-1 pt-4 text-xs text-muted-foreground min-w-0">
-            <HintLink
-              segment="units"
-              storePath={storePath}
-              router={router}
-              icon={<Database className="h-3.5 w-3.5" />}
-              label={t("memory.card.longTerm")}
-              title={t("memory.card.longTermTitle")}
-            />
-            <HintLink
-              segment="messages"
-              storePath={storePath}
-              router={router}
-              icon={<MessageSquare className="h-3.5 w-3.5" />}
-              label={t("memory.card.shortTerm")}
-              title={t("memory.card.shortTermTitle")}
-            />
-            <HintLink
-              segment="tasks"
-              storePath={storePath}
-              router={router}
-              icon={<ListChecks className="h-3.5 w-3.5" />}
-              label={t("memory.card.extract")}
-              title={t("memory.card.extractTitle")}
-            />
-            <HintLink
-              segment="dream"
-              storePath={storePath}
-              router={router}
-              icon={<Sparkles className="h-3.5 w-3.5" />}
-              label={t("memory.card.consolidate")}
-              title={t("memory.card.consolidateTitle")}
-            />
+            {capabilities.cardShortcuts.map((shortcut) => {
+              const content = shortcutContent[shortcut];
+              return (
+                <HintLink
+                  key={shortcut}
+                  segment={content.segment}
+                  storePath={storePath}
+                  router={router}
+                  icon={content.icon}
+                  label={content.label}
+                  title={content.title}
+                />
+              );
+            })}
           </div>
         </CardContent>
       </CardInteractive>
@@ -210,6 +265,8 @@ export const MemoryStoreCard = memo(
   MemoryStoreCardImpl,
   (prev, next) =>
     prev.memoryStore === next.memoryStore ||
-    prev.memoryStore.memoryStoreName === next.memoryStore.memoryStoreName,
+    (prev.memoryStore.memoryStoreName === next.memoryStore.memoryStoreName &&
+      prev.memoryStore.storageMode === next.memoryStore.storageMode &&
+      prev.onDelete === next.onDelete),
 );
 MemoryStoreCard.displayName = "MemoryStoreCard";

package/dist/dashboard-runtime/dashboard/src/components/memory/memory-unit-table.tsx

@@ -140,6 +140,10 @@ export function MemoryUnitTable({
   onDelete,
 }: MemoryUnitTableProps) {
   const { t, locale } = useI18n();
+  // `created_at` is the event time of the source message, not the write time —
+  // surface the fallback rules on hover so the column label isn't read as an
+  // insert timestamp.
+  const hintCreatedAt = t("memory.units.tableCreatedAtHint");
   if (!units.length) {
     return (
       <div className="rounded-lg border border-dashed py-12 text-center text-sm text-muted-foreground">
@@ -163,7 +167,7 @@ export function MemoryUnitTable({
             <TableHead className="w-[120px]">
               {t("memory.units.tableVersion")}
             </TableHead>
-            <TableHead className="w-[170px]">
+            <TableHead className="w-[170px]" title={hintCreatedAt}>
               {t("memory.units.tableCreatedAt")}
             </TableHead>
             <TableHead className="w-[160px] text-right">

package/dist/dashboard-runtime/dashboard/src/components/memory/scope-combobox.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { Check, ChevronsUpDown } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
@@ -18,8 +18,9 @@ import {
   PopoverTrigger,
 } from "@/components/ui/popover";
 import { useAllMemoryStoreScopes } from "@/hooks/use-memory-store-scopes";
+import { scopeLabel } from "@/lib/memory";
 import { cn } from "@/lib/utils";
-import { useI18n } from "@/i18n/i18n-context";
+import { useI18n, type MessageKey } from "@/i18n/i18n-context";
 import type { MemoryScope } from "@/types/memory";
 
 const WILDCARD: MemoryScope = {
@@ -29,16 +30,77 @@ const WILDCARD: MemoryScope = {
   runId: "*",
 };
 
-function scopeLabel(scope: MemoryScope): string {
-  return [scope.appId, scope.tenantId, scope.agentId, scope.runId]
-    .map((v) => v || "—")
-    .join(" / ");
+/** Stable identity so the memoized filter isn't invalidated every render. */
+const NO_SCOPES: MemoryScope[] = [];
+
+/** How many rows to render at once, and how many more each "show more" adds. */
+export const SCOPE_WINDOW_SIZE = 100;
+
+/** Distance from the bottom (px) at which scrolling grows the window. */
+const NEAR_BOTTOM_PX = 64;
+
+/**
+ * Case-insensitive substring match over the scope label, where every
+ * whitespace-separated term must hit somewhere — so `ots claude` narrows
+ * across two dimensions without caring about their order.
+ *
+ * We filter here rather than letting cmdk do it because cmdk's default is a
+ * fuzzy subsequence score, and run ids are uuids: almost any short query
+ * finds scattered hex characters in an unrelated tuple, so the "matches"
+ * drown out the real ones. Owning the filter also keeps DOM order equal to
+ * JSX order, which is what lets the window below stay correct.
+ */
+export function filterScopes(
+  scopes: readonly MemoryScope[],
+  query: string,
+): MemoryScope[] {
+  const terms = query.toLowerCase().split(/\s+/).filter(Boolean);
+  if (terms.length === 0) return [...scopes];
+  return scopes.filter((scope) => {
+    const label = scopeLabel(scope).toLowerCase();
+    return terms.every((term) => label.includes(term));
+  });
+}
+
+export function isNearListBottom(el: {
+  scrollTop: number;
+  clientHeight: number;
+  scrollHeight: number;
+}): boolean {
+  return el.scrollHeight - el.scrollTop - el.clientHeight <= NEAR_BOTTOM_PX;
+}
+
+/**
+ * Which message the status bar shows. Windowing and server-side truncation are
+ * independent and, on a big enough store, simultaneous — truncation in fact
+ * implies windowing — so they get a combined message rather than an either/or
+ * that would hide "· 已截断" in the one case it matters.
+ */
+export function scopeStatusKey(state: {
+  loading: boolean;
+  error: boolean;
+  hasMore: boolean;
+  truncated: boolean;
+}): MessageKey {
+  if (state.loading) return "memory.common.querying";
+  if (state.error) return "memory.scopeCombobox.loadFailed";
+  if (state.hasMore) {
+    return state.truncated
+      ? "memory.scopeCombobox.windowCountTruncated"
+      : "memory.scopeCombobox.windowCount";
+  }
+  return state.truncated
+    ? "memory.common.scopeCountTruncated"
+    : "memory.common.scopeCount";
 }
 
 /**
  * 通过 ListScopes 拉取某记忆库里真实存在的 scope 元组，供下拉选择。选中后回调
  * `onPick(完整 scope)`，由上层决定填哪些字段。对话配置的记忆 scope、Dream 任务
  * 的 scope 输入共用它，避免用户手动逐字段敲。
+ *
+ * scope 多起来时的三件事：列表本身要能滚（见下方 `modal` 注释）、一次只渲染
+ * 一屏窗口（滚到底或点「显示更多」再追加），以及搜索由本组件负责而不是 cmdk。
  */
 export function ScopeCombobox({
   memoryStoreName,
@@ -55,14 +117,44 @@ export function ScopeCombobox({
 }) {
   const { t } = useI18n();
   const [open, setOpen] = useState(false);
-  const query = useAllMemoryStoreScopes(memoryStoreName ?? "", WILDCARD);
-  const scopes = query.data?.items ?? [];
+  const [search, setSearch] = useState("");
+  const [windowSize, setWindowSize] = useState(SCOPE_WINDOW_SIZE);
+
+  // 只在弹层打开时才查。Dream 创建对话框最多同时挂 20 个 ScopeCombobox，
+  // 抽屉/对话框一打开就全量拉 scope 是白花的往返。
+  const query = useAllMemoryStoreScopes(memoryStoreName ?? "", WILDCARD, {
+    enabled: open,
+  });
+  const scopes = query.data?.items ?? NO_SCOPES;
   const truncated = query.data?.truncated ?? false;
   const resolvedPlaceholder =
     placeholder ?? t("memory.scopeCombobox.defaultPlaceholder");
 
+  const matches = useMemo(() => filterScopes(scopes, search), [scopes, search]);
+  const visible = matches.slice(0, windowSize);
+  const hasMore = visible.length < matches.length;
+
+  const showMore = () => setWindowSize((n) => n + SCOPE_WINDOW_SIZE);
+
+  const handleOpenChange = (next: boolean) => {
+    setOpen(next);
+    if (!next) {
+      setSearch("");
+      setWindowSize(SCOPE_WINDOW_SIZE);
+    }
+  };
+
   return (
-    <Popover open={open} onOpenChange={setOpen}>
+    // `modal` is load-bearing, not decoration. Both call sites live inside a
+    // Radix Dialog (the chat config Sheet / the Dream create dialog), whose
+    // overlay wraps everything in <RemoveScroll shards={[content]}> with no
+    // `noIsolation`. That cancels wheel events on any portalled node the
+    // dialog doesn't own — and PopoverContent portals to document.body, so
+    // the list silently refused to scroll and only the first ~10 rows were
+    // ever reachable. `modal` gives the popover its own scroll lock, which
+    // sits on top of react-remove-scroll's lockStack and hands scrolling
+    // back. See components/ui/__tests__/popover-in-dialog.test.ts.
+    <Popover open={open} onOpenChange={handleOpenChange} modal>
       <PopoverTrigger asChild>
         <Button
           type="button"
@@ -76,28 +168,40 @@ export function ScopeCombobox({
         </Button>
       </PopoverTrigger>
       <PopoverContent align="start" className="w-[420px] p-0">
-        <Command shouldFilter>
+        <Command shouldFilter={false}>
           <CommandInput
             placeholder={t("memory.common.searchScopePlaceholder")}
             className="text-xs"
+            value={search}
+            onValueChange={(v) => {
+              setSearch(v);
+              setWindowSize(SCOPE_WINDOW_SIZE);
+            }}
           />
-          <CommandList className="max-h-[320px]">
+          <CommandList
+            className="max-h-[min(52vh,420px)]"
+            onScroll={(e) => {
+              if (hasMore && isNearListBottom(e.currentTarget)) showMore();
+            }}
+          >
             <CommandEmpty>
               {query.isLoading
                 ? t("common.loading")
-                : t("memory.scopeCombobox.empty")}
+                : query.isError
+                  ? t("memory.scopeCombobox.loadFailed")
+                  : search
+                    ? t("memory.common.noMatchingScope")
+                    : t("memory.scopeCombobox.empty")}
             </CommandEmpty>
-            {scopes.length > 0 && (
+            {visible.length > 0 && (
+              // 标题只报命中数；服务端截断由状态条统一表达，避免「仅前 3 条」
+              // 这种把搜索命中数说成服务端上限的读法。
               <CommandGroup
-                heading={
-                  truncated
-                    ? t("memory.common.knownScopesTruncated", {
-                        count: scopes.length,
-                      })
-                    : t("memory.common.knownScopes", { count: scopes.length })
-                }
+                heading={t("memory.common.knownScopes", {
+                  count: matches.length,
+                })}
               >
-                {scopes.map((scope, idx) => {
+                {visible.map((scope, idx) => {
                   const label = scopeLabel(scope);
                   return (
                     <CommandItem
@@ -105,7 +209,7 @@ export function ScopeCombobox({
                       value={label}
                       onSelect={() => {
                         onPick(scope);
-                        setOpen(false);
+                        handleOpenChange(false);
                       }}
                       className="text-xs"
                     >
@@ -119,27 +223,50 @@ export function ScopeCombobox({
               </CommandGroup>
             )}
           </CommandList>
-          <div className="flex items-center justify-between border-t border-[hsl(var(--border-light))] px-2 py-1.5 text-[10px] text-muted-foreground">
-            <span>
-              {query.isLoading
-                ? t("memory.common.querying")
-                : truncated
-                  ? t("memory.common.scopeCountTruncated", {
-                      count: scopes.length,
-                    })
-                  : t("memory.common.scopeCount", { count: scopes.length })}
+          {/* 状态条留在 CommandList 之外：它不属于 [cmdk-list]，因此永远不会
+              被搜索过滤掉或被 cmdk 的排序搬走。 */}
+          <div className="flex items-center justify-between gap-2 border-t border-[hsl(var(--border-light))] px-2 py-1.5 text-[10px] text-muted-foreground">
+            <span className="truncate">
+              {t(
+                scopeStatusKey({
+                  loading: query.isLoading,
+                  error: query.isError,
+                  hasMore,
+                  truncated,
+                }),
+                // 各 key 只会用到其中一部分占位符，多余的会被 interpolate 忽略。
+                {
+                  shown: visible.length,
+                  total: matches.length,
+                  count: matches.length,
+                },
+              )}
+            </span>
+            <span className="flex shrink-0 items-center gap-1">
+              {hasMore ? (
+                <button
+                  type="button"
+                  onClick={(e) => {
+                    e.preventDefault();
+                    showMore();
+                  }}
+                  className="rounded px-1.5 py-0.5 font-medium text-[hsl(var(--primary))] hover:bg-[hsl(var(--accent))]"
+                >
+                  {t("memory.scopeCombobox.showMore")}
+                </button>
+              ) : null}
+              <button
+                type="button"
+                onClick={(e) => {
+                  e.preventDefault();
+                  query.refetch();
+                }}
+                disabled={query.isFetching}
+                className="rounded px-1.5 py-0.5 hover:bg-[hsl(var(--accent))] disabled:opacity-50"
+              >
+                {t("common.refresh")}
+              </button>
             </span>
-            <button
-              type="button"
-              onClick={(e) => {
-                e.preventDefault();
-                query.refetch();
-              }}
-              disabled={query.isFetching}
-              className="rounded px-1.5 py-0.5 hover:bg-[hsl(var(--accent))] disabled:opacity-50"
-            >
-              {t("common.refresh")}
-            </button>
           </div>
         </Command>
       </PopoverContent>