@tablestore/tablestore-agent-cli 0.2.11 → 0.4.0

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/memory/[store]/dream/[dreamId]/page.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useState } from "react";
+import Link from "next/link";
 import { useParams, useRouter } from "next/navigation";
 import { toast } from "sonner";
 import { ArrowLeft, AlertTriangle } from "lucide-react";
@@ -20,20 +21,62 @@ import { useDreamTask } from "@/hooks/use-dream-task";
 import { useCancelDreamTask } from "@/hooks/use-cancel-dream-task";
 import { MemoryDreamActionsTable } from "@/components/memory/memory-dream-actions-table";
 import { MemoryDreamDisabled } from "@/components/memory/memory-dream-disabled";
+import {
+  buildDreamPlanDecision,
+  MemoryDreamPlanApprovalDialog,
+} from "@/components/memory/memory-dream-plan-approval-dialog";
 import {
   DREAM_TERMINAL_STATUSES,
+  type DreamActionRecord,
   type DreamTaskStatus,
   type DreamTaskType,
   type MemoryScope,
 } from "@/types/memory";
 import { cn } from "@/lib/utils";
+import { buildScopeWorkspaceHref, toExactScope } from "@/lib/scope-workspace";
 import { useI18n } from "@/i18n/i18n-context";
 import type { MessageKey, TranslateFn } from "@/i18n/i18n-context";
 
+function isExactScope(scope: MemoryScope): scope is Required<MemoryScope> {
+  return [scope.appId, scope.tenantId, scope.agentId, scope.runId].every(
+    (value) => typeof value === "string" && value.length > 0 && value !== "*",
+  );
+}
+
+export function buildDreamArtifactWikiHref(
+  memoryStoreName: string,
+  action: DreamActionRecord,
+): string | undefined {
+  const expectedKind =
+    action.action === "EMIT_SKILL"
+      ? "skill"
+      : action.action === "EMIT_PROFILE"
+        ? "profile"
+        : undefined;
+  if (
+    action.status !== "applied" ||
+    !expectedKind ||
+    action.newExtract?.kind !== expectedKind ||
+    !isExactScope(action.targetScope)
+  ) {
+    return undefined;
+  }
+  const params = new URLSearchParams([
+    ["appId", action.targetScope.appId],
+    ["tenantId", action.targetScope.tenantId],
+    ["agentId", action.targetScope.agentId],
+    ["runId", action.targetScope.runId],
+    ["dreamId", action.dreamId],
+    ["actionId", action.actionId],
+  ]);
+  return `/memory/${encodeURIComponent(memoryStoreName)}/wiki?${params.toString()}`;
+}
+
 const STATUS_CLASS: Record<DreamTaskStatus, string> = {
   queued: "bg-info-soft text-info",
   running: "bg-info-soft text-info",
   planning: "bg-info-soft text-info",
+  awaiting_plan_approval: "bg-warning-soft text-warning",
   applying: "bg-info-soft text-info",
   completed: "bg-success-soft text-success",
   completed_with_failures: "bg-warning-soft text-warning",
@@ -45,6 +88,7 @@ const STATUS_LABEL_KEY: Record<DreamTaskStatus, MessageKey> = {
   queued: "memory.dreamStatus.queued",
   running: "memory.dreamStatus.running",
   planning: "memory.dreamStatus.planning",
+  awaiting_plan_approval: "memory.dreamStatus.awaitingPlanApproval",
   applying: "memory.dreamStatus.applying",
   completed: "memory.dreamStatus.completed",
   completed_with_failures: "memory.dreamStatus.completedWithFailures",
@@ -118,6 +162,23 @@ function StatBlock({
   );
 }
 
+function RuntimeDetail({
+  label,
+  value,
+}: {
+  label: string;
+  value: number | string | undefined;
+}) {
+  return (
+    <div>
+      <dt className="text-muted-foreground">{label}</dt>
+      <dd className="mt-0.5 break-all font-mono text-foreground">
+        {value ?? "—"}
+      </dd>
+    </div>
+  );
+}
+
 export default function DreamTaskDetailPage() {
   const { t } = useI18n();
   const params = useParams<{ store: string; dreamId: string }>();
@@ -129,6 +190,8 @@ export default function DreamTaskDetailPage() {
   const cancelMutation = useCancelDreamTask(memoryStoreName);
 
   const [cancelOpen, setCancelOpen] = useState(false);
+  const [planApprovalOpen, setPlanApprovalOpen] = useState(false);
+  const [planRejectOpen, setPlanRejectOpen] = useState(false);
   const [errorOpen, setErrorOpen] = useState(false);
 
   const isDreamingDisabled =
@@ -141,9 +204,13 @@ export default function DreamTaskDetailPage() {
   }
 
   const task = taskQuery.data;
+  const taskScopes = task?.input.scopes ?? [];
+  const taskScope =
+    taskScopes.length === 1 ? toExactScope(taskScopes[0]!) : null;
   const isTerminal = task && DREAM_TERMINAL_STATUSES.has(task.status);
   const isExtractTask =
     task?.taskType === "skill" || task?.taskType === "profile";
+  const isAwaitingPlan = task?.status === "awaiting_plan_approval";
 
   const onCancel = async () => {
     try {
@@ -157,6 +224,21 @@ export default function DreamTaskDetailPage() {
     }
   };
 
+  const onRejectPlan = async () => {
+    if (!task) return;
+    try {
+      const decision = buildDreamPlanDecision(task, "reject");
+      if (decision.kind !== "cancel") return;
+      await cancelMutation.mutateAsync(decision.dreamId);
+      toast.success(t("memory.dream.rejectPlanSuccess"));
+      setPlanRejectOpen(false);
+    } catch (err) {
+      const message =
+        err instanceof Error ? err.message : t("memory.dream.rejectPlanFailed");
+      toast.error(message);
+    }
+  };
+
   return (
     <div className="space-y-5">
       <div className="flex items-center gap-2">
@@ -170,6 +252,14 @@ export default function DreamTaskDetailPage() {
           <ArrowLeft className="mr-1 h-3.5 w-3.5" />
           {t("memory.dream.backToTaskList")}
         </Button>
+        {taskScope ? (
+          <Button asChild variant="ghost" size="sm">
+            <Link href={buildScopeWorkspaceHref(memoryStoreName, taskScope)}>
+              <ArrowLeft className="mr-1 h-3.5 w-3.5" />
+              {t("memory.dream.backToScope")}
+            </Link>
+          </Button>
+        ) : null}
       </div>
 
       {taskQuery.isLoading ? (
@@ -209,9 +299,21 @@ export default function DreamTaskDetailPage() {
                       <span>
                         {task.applyMode === "safe_auto"
                           ? t("memory.dream.applyModeAutoDetail")
-                          : t("memory.dream.applyModeProposalDetail")}
+                          : task.applyMode === "plan"
+                            ? t("memory.dream.applyModePlanDetail")
+                            : t("memory.dream.applyModeProposalDetail")}
                       </span>
                       <span>·</span>
+                    </>
+                  )}
+                  <span>
+                    {t("memory.dream.effortDetail", {
+                      value: task.effort,
+                    })}
+                  </span>
+                  {(!task.taskType || task.taskType === "memory") && (
+                    <>
+                      <span>·</span>
                       <span>
                         {t("memory.dream.scopeOutput", {
                           value:
@@ -245,7 +347,22 @@ export default function DreamTaskDetailPage() {
                     {t("memory.dream.viewError")}
                   </Button>
                 )}
-                {!isTerminal && (
+                {isAwaitingPlan && (
+                  <>
+                    <Button size="sm" onClick={() => setPlanApprovalOpen(true)}>
+                      {t("memory.dream.approvePlan")}
+                    </Button>
+                    <Button
+                      size="sm"
+                      variant="destructive"
+                      onClick={() => setPlanRejectOpen(true)}
+                      disabled={cancelMutation.isPending}
+                    >
+                      {t("memory.dream.rejectPlan")}
+                    </Button>
+                  </>
+                )}
+                {!isTerminal && !isAwaitingPlan && (
                   <Button
                     size="sm"
                     variant="outline"
@@ -341,6 +458,60 @@ export default function DreamTaskDetailPage() {
             </div>
           </div>
 
+          {(task.stage ||
+            task.processedThroughMs !== undefined ||
+            task.plan?.approvedAt ||
+            task.plan?.executionExpiresAt) && (
+            <div className="rounded-lg border border-[hsl(var(--border))] p-4">
+              <h3 className="mb-3 text-sm font-semibold">
+                {t("memory.dream.publicRuntimeTitle")}
+              </h3>
+              <dl className="grid gap-3 text-xs sm:grid-cols-2 lg:grid-cols-4">
+                <RuntimeDetail
+                  label={t("memory.dream.detailStage")}
+                  value={task.stage}
+                />
+                <RuntimeDetail
+                  label={t("memory.dream.detailProcessedThrough")}
+                  value={task.processedThroughMs}
+                />
+                <RuntimeDetail
+                  label={t("memory.dream.detailPlanApproved")}
+                  value={task.plan?.approvedAt}
+                />
+                <RuntimeDetail
+                  label={t("memory.dream.detailExecutionExpires")}
+                  value={task.plan?.executionExpiresAt}
+                />
+              </dl>
+            </div>
+          )}
+
+          {task.plan && (
+            <div className="rounded-lg border border-[hsl(var(--border))] p-4">
+              <h3 className="mb-2 text-sm font-semibold">
+                {t("memory.dream.planSummary")}
+              </h3>
+              <p className="whitespace-pre-wrap text-sm">{task.plan.summary}</p>
+              <h4 className="mb-2 mt-4 text-xs font-semibold uppercase text-muted-foreground">
+                {t("memory.dream.planDeletionWhitelist")}
+              </h4>
+              {task.plan.deleteMemoryIds.length > 0 ? (
+                <ul className="space-y-1 font-mono text-xs">
+                  {task.plan.deleteMemoryIds.map((memoryId) => (
+                    <li key={memoryId} className="break-all">
+                      {memoryId}
+                    </li>
+                  ))}
+                </ul>
+              ) : (
+                <p className="text-xs text-muted-foreground">
+                  {t("memory.dream.planNoDeletions")}
+                </p>
+              )}
+            </div>
+          )}
+
           {task.instructions && (
             <div className="rounded-lg border border-[hsl(var(--border))] p-4">
               <h3 className="mb-2 text-sm font-semibold">
@@ -366,6 +537,9 @@ export default function DreamTaskDetailPage() {
               memoryStoreName={memoryStoreName}
               dreamId={dreamId}
               taskType={task.taskType}
+              artifactWikiHref={(action) =>
+                buildDreamArtifactWikiHref(memoryStoreName, action)
+              }
             />
           </div>
 
@@ -378,6 +552,25 @@ export default function DreamTaskDetailPage() {
             onConfirm={onCancel}
           />
 
+          {isAwaitingPlan && (
+            <MemoryDreamPlanApprovalDialog
+              memoryStoreName={memoryStoreName}
+              task={task}
+              open={planApprovalOpen}
+              onOpenChange={setPlanApprovalOpen}
+            />
+          )}
+
+          <ConfirmDialog
+            open={planRejectOpen}
+            onOpenChange={setPlanRejectOpen}
+            title={t("memory.dream.rejectPlanConfirmTitle")}
+            description={t("memory.dream.rejectPlanConfirmDesc")}
+            confirmText={t("memory.dream.rejectPlan")}
+            variant="danger"
+            onConfirm={onRejectPlan}
+          />
+
           <Dialog open={errorOpen} onOpenChange={setErrorOpen}>
             <DialogContent className="max-w-2xl">
               <DialogHeader>

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/memory/[store]/dream/page.tsx

@@ -54,6 +54,7 @@ const STATUS_CLASS: Record<DreamTaskStatus, string> = {
   queued: "bg-info-soft text-info",
   running: "bg-info-soft text-info",
   planning: "bg-info-soft text-info",
+  awaiting_plan_approval: "bg-warning-soft text-warning",
   applying: "bg-info-soft text-info",
   completed: "bg-success-soft text-success",
   completed_with_failures: "bg-warning-soft text-warning",
@@ -65,6 +66,7 @@ const STATUS_LABEL_KEY: Record<DreamTaskStatus, MessageKey> = {
   queued: "memory.dreamStatus.queued",
   running: "memory.dreamStatus.running",
   planning: "memory.dreamStatus.planning",
+  awaiting_plan_approval: "memory.dreamStatus.awaitingPlanApproval",
   applying: "memory.dreamStatus.applying",
   completed: "memory.dreamStatus.completed",
   completed_with_failures: "memory.dreamStatus.completedWithFailures",
@@ -140,6 +142,10 @@ export default function DreamTasksPage() {
     { value: "queued", label: t("memory.dreamStatus.queued") },
     { value: "running", label: t("memory.dreamStatus.running") },
     { value: "planning", label: t("memory.dreamStatus.planning") },
+    {
+      value: "awaiting_plan_approval",
+      label: t("memory.dreamStatus.awaitingPlanApproval"),
+    },
     { value: "applying", label: t("memory.dreamStatus.applying") },
     { value: "completed", label: t("memory.dreamStatus.completed") },
     {
@@ -226,12 +232,19 @@ export default function DreamTasksPage() {
         </TableCell>
         <TableCell className="text-xs">
           {task.taskType && task.taskType !== "memory" ? (
-            <span className="text-muted-foreground">—</span>
+            <span className="text-muted-foreground">
+              {t("memory.dream.effortDetail", { value: task.effort })}
+            </span>
           ) : (
             <>
               {task.applyMode === "safe_auto"
                 ? t("memory.dream.applyModeAuto")
-                : t("memory.dream.applyModeProposal")}
+                : task.applyMode === "plan"
+                  ? t("memory.dream.applyModePlan")
+                  : t("memory.dream.applyModeProposal")}
+              <span className="ml-1 text-muted-foreground">
+                · {t("memory.dream.effortDetail", { value: task.effort })}
+              </span>
               {task.scopeOutputMode === "promote_scope" && (
                 <span className="ml-1 text-muted-foreground">
                   · {t("memory.dream.promoted")}

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/memory/[store]/layout.tsx

@@ -8,10 +8,12 @@ import {
 } from "next/navigation";
 import { useEffect, useState } from "react";
 import {
+  BookOpen,
   Brain,
   Database,
   FileClock,
   FolderTree,
+  LayoutDashboard,
   ListChecks,
   MessageSquare,
   MoreVertical,
@@ -40,10 +42,17 @@ import { MemoryDeleteDialog } from "@/components/memory/memory-delete-dialog";
 import { MemoryScopeBar } from "@/components/memory/memory-scope-bar";
 import { useI18n } from "@/i18n/i18n-context";
 import {
+  parseKnownStorageMode,
   resolveMemoryDetailSegment,
   storageModeCapabilities,
+  type MemoryDetailSegment,
 } from "@/lib/memory-storage-mode";
 
+const FAIL_CLOSED_DETAIL_SEGMENTS: MemoryDetailSegment[] = [
+  "units",
+  "settings",
+];
+
 export default function MemoryDetailLayout({
   children,
 }: {
@@ -51,6 +60,11 @@ export default function MemoryDetailLayout({
 }) {
   const { t } = useI18n();
   const TABS = [
+    {
+      label: t("memory.detail.tabScope"),
+      segment: "scope",
+      icon: <LayoutDashboard className="h-4 w-4" />,
+    },
     {
       label: t("memory.detail.tabUnits"),
       segment: "units",
@@ -81,6 +95,11 @@ export default function MemoryDetailLayout({
       segment: "dream",
       icon: <Sparkles className="h-4 w-4" />,
     },
+    {
+      label: t("memory.detail.tabWiki"),
+      segment: "wiki",
+      icon: <BookOpen className="h-4 w-4" />,
+    },
     {
       label: t("memory.detail.tabSettings"),
       segment: "settings",
@@ -101,14 +120,20 @@ export default function MemoryDetailLayout({
   const basePath = `/memory/${encodeURIComponent(memoryStoreName)}`;
   const requestedSegment =
     pathname.slice(basePath.length).split("/").filter(Boolean)[0] ?? "units";
-  const capabilities = storageModeCapabilities(memoryStore?.storageMode);
-  const resolvedSegment = resolveMemoryDetailSegment(
-    memoryStore?.storageMode,
-    requestedSegment,
-  );
+  const storageMode = parseKnownStorageMode(memoryStore?.storageMode);
+  const capabilities =
+    storageMode === null ? null : storageModeCapabilities(storageMode);
+  const detailSegments =
+    capabilities?.detailSegments ?? FAIL_CLOSED_DETAIL_SEGMENTS;
+  const resolvedSegment =
+    storageMode === null
+      ? detailSegments.includes(requestedSegment as MemoryDetailSegment)
+        ? (requestedSegment as MemoryDetailSegment)
+        : "units"
+      : resolveMemoryDetailSegment(storageMode, requestedSegment);
   const shouldRedirect = Boolean(
     memoryStore &&
-    !capabilities.structured &&
+    capabilities?.structured !== true &&
     requestedSegment !== resolvedSegment,
   );
 
@@ -141,8 +166,8 @@ export default function MemoryDetailLayout({
 
   if (shouldRedirect) return null;
 
-  const visibleTabs = capabilities.detailSegments.map((segment) => {
-    if (!capabilities.structured && segment === "units") {
+  const visibleTabs = detailSegments.map((segment) => {
+    if (storageMode === "filemem" && segment === "units") {
       return {
         label: t("memory.detail.tabFiles"),
         segment: "units",
@@ -212,7 +237,9 @@ export default function MemoryDetailLayout({
         }
       >
         <div className="space-y-6">
-          <MemoryScopeBar allowScopeDiscovery={capabilities.structured} />
+          <MemoryScopeBar
+            allowScopeDiscovery={capabilities?.structured === true}
+          />
           <div>{children}</div>
         </div>
       </DetailLayout>

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/memory/[store]/scope/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { useMemo } from "react";
+import { useParams, useSearchParams } from "next/navigation";
+
+import { ScopeWorkspace } from "@/components/memory/scope-workspace";
+import { useI18n } from "@/i18n/i18n-context";
+import { parseExactScope } from "@/lib/scope-workspace";
+
+export function ScopeWorkspaceRouteBoundary({
+  memoryStoreName,
+  search,
+}: {
+  memoryStoreName: string;
+  search: string;
+}) {
+  const { t } = useI18n();
+  const scope = useMemo(
+    () => parseExactScope(new URLSearchParams(search)),
+    [search],
+  );
+  if (!scope) {
+    return (
+      <div
+        className="rounded-xl border border-dashed px-6 py-12 text-center"
+        data-testid="scope-workspace-invalid"
+      >
+        <h2 className="font-semibold">
+          {t("memory.scopeWorkspace.invalidTitle")}
+        </h2>
+        <p className="mt-2 text-sm text-muted-foreground">
+          {t("memory.scopeWorkspace.invalidDescription")}
+        </p>
+      </div>
+    );
+  }
+  return <ScopeWorkspace memoryStoreName={memoryStoreName} scope={scope} />;
+}
+
+export default function ScopeWorkspacePage() {
+  const params = useParams<{ store: string }>();
+  const searchParams = useSearchParams();
+  const search = searchParams.toString();
+  const memoryStoreName = decodeURIComponent(params.store);
+  return (
+    <ScopeWorkspaceRouteBoundary
+      memoryStoreName={memoryStoreName}
+      search={search}
+    />
+  );
+}

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/memory/[store]/wiki/page.tsx

@@ -0,0 +1,157 @@
+"use client";
+
+import { useMemo } from "react";
+import { useParams, useRouter, useSearchParams } from "next/navigation";
+import { BookOpen } from "lucide-react";
+
+import { ScopeCombobox } from "@/components/memory/scope-combobox";
+import { readWikiDetailTab, WikiDetail } from "@/components/wiki/wiki-detail";
+import { useI18n } from "@/i18n/i18n-context";
+import type { MemoryScope } from "@/types/memory";
+import type { WikiScope } from "@/types/wiki";
+
+export interface WikiDetailRoute {
+  scope: WikiScope;
+  runContext?: string;
+  path?: string;
+}
+
+function readConcrete(value: string | null): string | null {
+  const normalized = value?.trim() ?? "";
+  return normalized && normalized !== "*" ? normalized : null;
+}
+
+export function toWikiAgentScope(scope: MemoryScope): WikiScope | null {
+  const appId = readConcrete(scope.appId);
+  const tenantId = readConcrete(scope.tenantId ?? null);
+  const agentId = readConcrete(scope.agentId ?? null);
+  return appId && tenantId && agentId ? { appId, tenantId, agentId } : null;
+}
+
+export function readWikiDetailRoute(
+  params: URLSearchParams,
+): WikiDetailRoute | null {
+  const scope = toWikiAgentScope({
+    appId: params.get("appId") ?? "",
+    tenantId: params.get("tenantId") ?? undefined,
+    agentId: params.get("agentId") ?? undefined,
+  });
+  if (!scope) return null;
+  const path = params.get("path")?.trim() || undefined;
+  const runContext = readConcrete(params.get("runId")) ?? undefined;
+  return {
+    scope,
+    ...(runContext ? { runContext } : {}),
+    ...(path ? { path } : {}),
+  };
+}
+
+function scopeParams(scope: WikiScope, runContext?: string): URLSearchParams {
+  return new URLSearchParams([
+    ["appId", scope.appId],
+    ["tenantId", scope.tenantId],
+    ["agentId", scope.agentId],
+    ["runId", runContext ?? "*"],
+  ]);
+}
+
+export function buildWikiPageHref(
+  memoryStoreName: string,
+  scope: WikiScope,
+  path?: string,
+  runContext?: string,
+): string {
+  const params = scopeParams(scope, runContext);
+  if (path) params.set("path", path);
+  return `/memory/${encodeURIComponent(memoryStoreName)}/wiki?${params.toString()}`;
+}
+
+export function replaceWikiPageRoute(
+  replace: (href: string) => void,
+  memoryStoreName: string,
+  scope: WikiScope,
+  path: string,
+  runContext?: string,
+): void {
+  replace(buildWikiPageHref(memoryStoreName, scope, path, runContext));
+}
+
+export default function WikiPage() {
+  const { t } = useI18n();
+  const params = useParams<{ store: string }>();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const search = searchParams.toString();
+  const route = useMemo(
+    () => readWikiDetailRoute(new URLSearchParams(search)),
+    [search],
+  );
+  const memoryStoreName = decodeURIComponent(params.store);
+  const browserScope = useMemo<MemoryScope>(
+    () => ({
+      appId: searchParams.get("appId") ?? "*",
+      tenantId: searchParams.get("tenantId") ?? "*",
+      agentId: searchParams.get("agentId") ?? "*",
+      runId: searchParams.get("runId") ?? "*",
+    }),
+    [searchParams],
+  );
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between gap-3">
+        <div>
+          <h2 className="text-lg font-semibold">{t("wiki.list.title")}</h2>
+          <p className="text-xs text-muted-foreground">
+            {t("wiki.list.description")}
+          </p>
+        </div>
+      </div>
+
+      {route ? (
+        <WikiDetail
+          memoryStoreName={memoryStoreName}
+          scope={route.scope}
+          runContext={route.runContext}
+          initialTab={readWikiDetailTab(searchParams.get("tab"))}
+          selectedPagePath={route.path}
+          onOpenPage={(path) =>
+            replaceWikiPageRoute(
+              (href) => router.replace(href),
+              memoryStoreName,
+              route.scope,
+              path,
+              route.runContext,
+            )
+          }
+        />
+      ) : (
+        <div className="rounded-xl border border-dashed border-[hsl(var(--border))] px-6 py-12 text-center">
+          <BookOpen className="mx-auto mb-3 h-9 w-9 text-muted-foreground" />
+          <h2 className="font-semibold">{t("wiki.list.agentScopeTitle")}</h2>
+          <p className="mx-auto mt-2 max-w-xl text-sm text-muted-foreground">
+            {t("wiki.list.agentScopeRequired")}
+          </p>
+          <div className="mx-auto mt-4 flex max-w-md flex-col items-center gap-2">
+            <span className="text-xs font-medium text-muted-foreground">
+              {t("wiki.list.chooseAgent")}
+            </span>
+            <ScopeCombobox
+              memoryStoreName={memoryStoreName}
+              currentScope={browserScope}
+              maxLevel="agent"
+              placeholder={t("wiki.list.chooseAgent")}
+              onPick={(selected) => {
+                const wikiScope = toWikiAgentScope(selected);
+                if (!wikiScope) return;
+                router.replace(
+                  buildWikiPageHref(memoryStoreName, wikiScope, undefined, "*"),
+                );
+              }}
+            />
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/projects/page.tsx

@@ -23,6 +23,7 @@ import { EmptyState } from "@/components/shared/empty-state";
 import {
   useDeleteInstance,
   useExportInstanceToken,
+  useInstanceConnectivity,
   useInstances,
   useSwitchInstance,
 } from "@/hooks/use-instances";
@@ -32,6 +33,7 @@ export default function ProjectsPage() {
   const router = useRouter();
   const { t } = useI18n();
   const { data, isLoading } = useInstances();
+  const { data: connectivity } = useInstanceConnectivity();
   const switchMutation = useSwitchInstance();
   const deleteMutation = useDeleteInstance();
   const exportMutation = useExportInstanceToken();
@@ -116,6 +118,7 @@ export default function ProjectsPage() {
               <ProjectCard
                 key={item.name}
                 item={item}
+                connectivity={connectivity?.items[item.name]}
                 isActive={isActive}
                 isSwitching={switchMutation.isPending}
                 isExporting={exportMutation.isPending}