@tutti-os/agent-gui 0.0.93 → 0.0.95

package/dist/agent-message-center/index.js

@@ -1,21 +1,27 @@
 import {
   formatAgentGuiConversationPlainTitle
-} from "../chunk-UNO7CEAF.js";
+} from "../chunk-YE25HN6T.js";
 import {
   AgentInteractivePromptSurface,
-  approvalOptionDisplayLabel,
-  getPromptToolDetails,
-  isPromptRequestIdTitle
-} from "../chunk-SXDLSEHO.js";
-import {
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
   PLAN_IMPLEMENTATION_PROMPT,
-  latestPlanTurnId,
-  planImplementationPromptFromPlanTurn
-} from "../chunk-MKHDRIGN.js";
+  approvalOptionDisplayLabel,
+  dispatchAgentPlanPromptAction,
+  getPromptToolDetails,
+  isPromptRequestIdTitle,
+  useEngineSelector
+} from "../chunk-XMO45GKA.js";
 import {
   formatAgentSessionMentionText
-} from "../chunk-HOSX5C5V.js";
+} from "../chunk-CRO2MV2Y.js";
+import {
+  userAvatarPlaceholderUrl,
+  workspaceAgentActivityStatusLabel
+} from "../chunk-NITOD7WF.js";
+import {
+  resolveWorkspaceAgentSessionSortTimeUnixMs
+} from "../chunk-7J4K6WKB.js";
+import "../chunk-GCBDIQDX.js";
 import {
   AgentMessageMarkdown,
   CustomScrollArea,
@@ -25,48 +31,42 @@ import {
   extractExitPlanModeOptions,
   isExitPlanSwitchModeInput,
   normalizeAskUserQuestions
-} from "../chunk-XQUUELKF.js";
-import {
-  userAvatarPlaceholderUrl,
-  workspaceAgentActivityStatusLabel
-} from "../chunk-AOVPGJBC.js";
-import {
-  resolveWorkspaceAgentSessionSortTimeUnixMs
-} from "../chunk-IBIMGLCD.js";
+} from "../chunk-C5FV4UGI.js";
 import {
   managedAgentRoundedIconUrl
-} from "../chunk-LR4FA5X6.js";
+} from "../chunk-KAL4XZMA.js";
+import "../chunk-H6IQ63DQ.js";
 import {
   workspaceAgentProviderLabel
-} from "../chunk-4HP6V2YA.js";
+} from "../chunk-NX3CZJXW.js";
 import {
   AgentGuiI18nProvider,
   getActiveUiLanguage,
   useTranslation
-} from "../chunk-U7D7G3UU.js";
+} from "../chunk-BIHBXWK5.js";
+import "../chunk-AOS2VWU6.js";
 import "../chunk-PJP5BUU6.js";
-import "../chunk-XDV4ZRVK.js";
-import "../chunk-VWXFFSIM.js";
-import "../chunk-GCBDIQDX.js";
+import "../chunk-5X7YDOC6.js";
+import "../chunk-KJQERFKX.js";
+import "../chunk-UGVI47X6.js";
 
 // agent-message-center/WorkspaceAgentMessageCenterPanel.tsx
 import {
   memo as memo2,
-  useCallback as useCallback2,
-  useEffect as useEffect3,
+  useCallback as useCallback3,
+  useEffect as useEffect4,
   useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo2,
   useRef as useRef3,
-  useState as useState3
+  useState as useState4
 } from "react";
 import {
-  Button as Button3,
-  cn as cn5,
+  Button as Button4,
+  cn as cn7,
   Drawer,
   DrawerContent,
   DrawerDescription,
   DrawerTitle,
-  StatusDot as StatusDot2,
   TooltipProvider
 } from "@tutti-os/ui-system";
 
@@ -109,12 +109,6 @@ var AgentVerticalScrollArea = forwardRef(function AgentVerticalScrollArea2({
   );
 });
 
-// agent-message-center/workspaceAgentMessageCenterModel.ts
-import {
-  selectNeedsAttentionItems,
-  selectSessionDisplayStatuses
-} from "@tutti-os/agent-activity-core";
-
 // agent-message-center/workspaceAgentMessageCenterDigest.ts
 var digestAgentMessageSummaryByMessage = /* @__PURE__ */ new WeakMap();
 function buildWorkspaceAgentMessageCenterDigest(input) {
@@ -476,7 +470,7 @@ function positiveNumber(value) {
   return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : null;
 }
 
-// agent-message-center/workspaceAgentMessageCenterModel.ts
+// agent-message-center/workspaceAgentMessageCenterCollection.ts
 var EMPTY_COUNTS = {
   all: 0,
   working: 0,
@@ -484,72 +478,108 @@ var EMPTY_COUNTS = {
   completed: 0,
   failed: 0
 };
-function buildWorkspaceAgentMessageCenterModel(snapshot, options = {}) {
-  const needsAttentionBySessionId = latestNeedsAttentionBySessionId(
-    selectNeedsAttentionItems(snapshot)
-  );
-  const displayStatuses = selectSessionDisplayStatuses(snapshot);
-  const items = snapshot.sessions.filter((session) => session.visible !== false).map((session) => {
-    const messages = resolveSessionMessages(snapshot, session);
-    const messageAnalysis = analyzeMessageCenterSessionMessages(
-      session.agentSessionId,
-      messages
-    );
-    const needsAttention = needsAttentionBySessionId.get(session.agentSessionId) ?? null;
-    const status = displayStatuses.get(session.agentSessionId) ?? "idle";
-    const lastAgentMessage = messageAnalysis.latestAgentMessage;
-    const title = resolveSessionTitle(
-      session,
-      messageAnalysis.latestUserMessageSummary,
-      messageAnalysis.firstUserMessageSummary
-    );
-    const pendingPrompt = messageAnalysis.pendingPrompt ?? codexPlanImplementationPrompt(session, status, messages) ?? fallbackPromptFromNeedsAttention(
-      needsAttention,
-      options.promptFallbackLabels
-    );
-    const digest = buildWorkspaceAgentMessageCenterDigest({
-      fallbackTitle: resolveDigestFallbackTitle(session),
-      latestAgentMessage: messageAnalysis.latestDigestAgentMessage,
-      needsAttention,
-      pendingPrompt,
-      status
-    });
-    const sortTimeUnixMs = resolveWorkspaceAgentSessionSortTimeUnixMs(
-      session,
-      {
-        messages
+function buildWorkspaceAgentMessageCenterModelFromItems(sourceItems, itemCutoffUnixMs) {
+  const items = sourceItems.filter((item) => isWithinItemCutoff(item, itemCutoffUnixMs)).sort(compareItems);
+  return {
+    waitingCount: items.filter(isWaitingMessageCenterItem).length,
+    items,
+    counts: countItems(items)
+  };
+}
+function isWaitingMessageCenterItem(item) {
+  return item.pendingPrompt !== null || item.needsAttentionKind !== null;
+}
+function isInteractiveMessageCenterItem(item) {
+  return item.pendingPrompt !== null;
+}
+function selectMessageCenterAttentionDeckItems(items) {
+  return items.filter(isInteractiveMessageCenterItem);
+}
+function isCompletedMessageCenterItem(item) {
+  return item.status === "completed" || item.status === "canceled" || item.status === "idle";
+}
+function isWithinItemCutoff(item, cutoffUnixMs) {
+  if (!Number.isFinite(cutoffUnixMs)) return true;
+  if (isWaitingMessageCenterItem(item)) return true;
+  const timestamp = item.sortTimeUnixMs || item.lastAgentMessageAtUnixMs || 0;
+  return timestamp >= Number(cutoffUnixMs);
+}
+function countItems(items) {
+  return items.reduce(
+    (counts, item) => {
+      counts.all += 1;
+      if (isWaitingMessageCenterItem(item)) {
+        counts.waiting += 1;
+      } else if (isCompletedMessageCenterItem(item)) {
+        counts.completed += 1;
+      } else if (item.status === "working") {
+        counts.working += 1;
+      } else if (item.status === "failed") {
+        counts.failed += 1;
       }
-    );
-    return {
-      id: `message-center-${session.agentSessionId}`,
-      agentSessionId: session.agentSessionId,
-      agentTargetId: session.agentTargetId?.trim() || null,
-      provider: session.provider,
-      userId: session.userId?.trim() || null,
-      title,
-      ...isImportedMessageCenterSession(session) ? { imported: true } : {},
-      identity: resolveMessageCenterIdentity(
-        session.agentSessionId,
-        options.identityBySessionId
-      ),
-      cwd: session.cwd,
-      status,
-      digest,
-      lastAgentMessageSummary: lastAgentMessage?.summary ?? needsAttention?.summary ?? title,
-      lastAgentMessageAtUnixMs: lastAgentMessage?.occurredAtUnixMs ?? null,
-      pendingPrompt,
-      needsAttentionKind: needsAttention?.kind ?? null,
-      needsAttentionSummary: needsAttention?.summary ?? null,
-      latestTurnOutcome: messageAnalysis.latestTurnOutcome,
-      sortTimeUnixMs
-    };
-  }).filter(
-    (item) => isWithinMessageCenterItemCutoff(item, options.itemCutoffUnixMs)
+      return counts;
+    },
+    { ...EMPTY_COUNTS }
+  );
+}
+function compareItems(left, right) {
+  const leftWaiting = isWaitingMessageCenterItem(left);
+  const rightWaiting = isWaitingMessageCenterItem(right);
+  if (leftWaiting !== rightWaiting) return leftWaiting ? -1 : 1;
+  return right.sortTimeUnixMs - left.sortTimeUnixMs || left.agentSessionId.localeCompare(right.agentSessionId);
+}
+
+// agent-message-center/workspaceAgentMessageCenterModel.ts
+function buildWorkspaceAgentMessageCenterItem({
+  session,
+  messages,
+  status,
+  needsAttention,
+  pendingPrompt,
+  latestTurnOutcome,
+  options = {}
+}) {
+  const messageAnalysis = analyzeMessageCenterSessionMessages(
+    session.agentSessionId,
+    messages
+  );
+  const lastAgentMessage = messageAnalysis.latestAgentMessage;
+  const title = resolveSessionTitle(
+    session,
+    messageAnalysis.latestUserMessageSummary,
+    messageAnalysis.firstUserMessageSummary
   );
+  const digest = buildWorkspaceAgentMessageCenterDigest({
+    fallbackTitle: resolveDigestFallbackTitle(session),
+    latestAgentMessage: messageAnalysis.latestDigestAgentMessage,
+    needsAttention,
+    pendingPrompt,
+    status
+  });
   return {
-    waitingCount: items.filter(isWaitingMessageCenterItem).length,
-    items: items.sort(compareMessageCenterItems),
-    counts: countMessageCenterItems(items)
+    id: `message-center-${session.agentSessionId}`,
+    agentSessionId: session.agentSessionId,
+    agentTargetId: session.agentTargetId?.trim() || null,
+    provider: session.provider,
+    userId: session.userId?.trim() || null,
+    title,
+    ...isImportedMessageCenterSession(session) ? { imported: true } : {},
+    identity: resolveMessageCenterIdentity(
+      session.agentSessionId,
+      options.identityBySessionId
+    ),
+    cwd: session.cwd,
+    status,
+    digest,
+    lastAgentMessageSummary: lastAgentMessage?.summary ?? needsAttention?.summary ?? title,
+    lastAgentMessageAtUnixMs: lastAgentMessage?.occurredAtUnixMs ?? null,
+    pendingPrompt,
+    needsAttentionKind: needsAttention?.kind ?? null,
+    needsAttentionSummary: needsAttention?.summary ?? null,
+    latestTurnOutcome,
+    sortTimeUnixMs: resolveWorkspaceAgentSessionSortTimeUnixMs(session, {
+      messages
+    })
   };
 }
 function resolveMessageCenterIdentity(agentSessionId, identityBySessionId) {
@@ -572,48 +602,7 @@ function resolveMessageCenterIdentity(agentSessionId, identityBySessionId) {
   };
 }
 function isImportedMessageCenterSession(session) {
-  return session.runtimeContext?.imported === true;
-}
-function isWaitingMessageCenterItem(item) {
-  return item.pendingPrompt !== null || item.needsAttentionKind !== null;
-}
-function isInteractiveMessageCenterItem(item) {
-  return item.pendingPrompt !== null;
-}
-function isWithinMessageCenterItemCutoff(item, cutoffUnixMs) {
-  if (!Number.isFinite(cutoffUnixMs)) {
-    return true;
-  }
-  if (isWaitingMessageCenterItem(item)) {
-    return true;
-  }
-  const timestamp = item.sortTimeUnixMs || item.lastAgentMessageAtUnixMs || 0;
-  return timestamp >= Number(cutoffUnixMs);
-}
-function selectMessageCenterAttentionDeckItems(items) {
-  return items.filter(isInteractiveMessageCenterItem);
-}
-function isCompletedMessageCenterItem(item) {
-  return item.status === "completed" || item.status === "canceled" || item.status === "idle";
-}
-function latestNeedsAttentionBySessionId(items) {
-  const bySessionId = /* @__PURE__ */ new Map();
-  for (const item of items) {
-    const previous = bySessionId.get(item.agentSessionId);
-    if (!previous || item.occurredAtUnixMs > previous.occurredAtUnixMs) {
-      bySessionId.set(item.agentSessionId, item);
-    }
-  }
-  return bySessionId;
-}
-function resolveSessionMessages(snapshot, session) {
-  for (const sessionId of [session.agentSessionId, session.providerSessionId]) {
-    const normalized = sessionId?.trim() ?? "";
-    if (normalized && snapshot.sessionMessagesById[normalized]) {
-      return snapshot.sessionMessagesById[normalized];
-    }
-  }
-  return [];
+  return "imported" in session && session.imported === true;
 }
 function resolveSessionTitle(session, latestUserMessageSummary, firstUserMessageSummary) {
   const latest = latestUserMessageSummary.trim();
@@ -629,29 +618,7 @@ function resolveSessionTitle(session, latestUserMessageSummary, firstUserMessage
 function resolveDigestFallbackTitle(session) {
   return session.title.trim() || session.provider || session.agentSessionId;
 }
-var messageAnalysisByMessages = /* @__PURE__ */ new WeakMap();
-var codexPlanImplementationPromptByMessages = /* @__PURE__ */ new WeakMap();
 function analyzeMessageCenterSessionMessages(agentSessionId, messages) {
-  let bySessionId = messageAnalysisByMessages.get(messages);
-  if (!bySessionId) {
-    bySessionId = /* @__PURE__ */ new Map();
-    messageAnalysisByMessages.set(messages, bySessionId);
-  }
-  const cached = bySessionId.get(agentSessionId);
-  if (cached && isMessageArrayCacheEntryCurrent(cached, messages)) {
-    return cached.result;
-  }
-  const result = analyzeMessageCenterSessionMessagesUncached(
-    agentSessionId,
-    messages
-  );
-  bySessionId.set(agentSessionId, {
-    messages: messageCenterMessageCacheKeys(messages),
-    result
-  });
-  return result;
-}
-function analyzeMessageCenterSessionMessagesUncached(agentSessionId, messages) {
   let firstUserMessageSummary = "";
   let latestUserMessageSummary = "";
   let latestUserMessageAtUnixMs = Number.NEGATIVE_INFINITY;
@@ -810,67 +777,6 @@ function isExitPlanMessage(message, input = recordValue2(
 )) {
   return includesAny2(normalizedMetadataValues(message), ["exitplanmode"]) || isExitPlanSwitchModeInput(input);
 }
-function codexPlanImplementationPrompt(session, status, messages) {
-  const cached = codexPlanImplementationPromptByMessages.get(messages);
-  if (cached && cached.provider === session.provider && cached.status === status && isMessageArrayCacheEntryCurrent(cached, messages)) {
-    return cached.result;
-  }
-  const result = codexPlanImplementationPromptUncached(
-    session,
-    status,
-    messages
-  );
-  codexPlanImplementationPromptByMessages.set(messages, {
-    messages: messageCenterMessageCacheKeys(messages),
-    provider: session.provider,
-    result,
-    status
-  });
-  return result;
-}
-function codexPlanImplementationPromptUncached(session, status, messages) {
-  if (session.provider.trim().toLowerCase() !== "codex") {
-    return null;
-  }
-  if (status !== "completed" && status !== "idle") {
-    return null;
-  }
-  const planTurnId = latestPlanTurnId(messages);
-  if (!planTurnId) {
-    return null;
-  }
-  const planMessage = messages.find(
-    (item) => item.turnId?.trim() === planTurnId && recordValue2(item.payload).messageKind === "plan"
-  );
-  const title = planMessage ? messageSummary(planMessage) : "";
-  return planImplementationPromptFromPlanTurn(planTurnId, title);
-}
-function isMessageArrayCacheEntryCurrent(entry, messages) {
-  if (entry.messages.length !== messages.length) {
-    return false;
-  }
-  return entry.messages.every(
-    (key, index) => messageCenterMessageCacheKeyMatches(key, messages[index])
-  );
-}
-function messageCenterMessageCacheKeys(messages) {
-  return messages.map((message) => ({
-    completedAtUnixMs: message.completedAtUnixMs,
-    kind: message.kind,
-    message,
-    messageId: message.messageId,
-    occurredAtUnixMs: message.occurredAtUnixMs,
-    payload: message.payload,
-    role: message.role,
-    startedAtUnixMs: message.startedAtUnixMs,
-    status: message.status,
-    turnId: message.turnId,
-    version: message.version
-  }));
-}
-function messageCenterMessageCacheKeyMatches(key, message) {
-  return message !== void 0 && key.message === message && key.messageId === message.messageId && key.version === message.version && key.turnId === message.turnId && key.role === message.role && key.kind === message.kind && key.status === message.status && key.payload === message.payload && key.occurredAtUnixMs === message.occurredAtUnixMs && key.startedAtUnixMs === message.startedAtUnixMs && key.completedAtUnixMs === message.completedAtUnixMs;
-}
 function turnOutcomeFromMessage(agentSessionId, message) {
   const status = outcomeStatusFromMessage(message);
   if (!status) {
@@ -904,65 +810,6 @@ function outcomeStatusFromMessage(message) {
       return null;
   }
 }
-function fallbackPromptFromNeedsAttention(item, labels) {
-  if (!item || item.kind === "permission" || !labels) {
-    return null;
-  }
-  return {
-    kind: "ask-user",
-    requestId: requestIdFromNeedsAttentionItem(item),
-    title: item.summary || item.title || labels.title,
-    questions: [
-      {
-        id: "response",
-        header: item.kind === "constraint" ? labels.constraintHeader : labels.inputHeader,
-        question: item.summary || item.title || labels.question,
-        options: [],
-        multiSelect: false,
-        answer: null
-      }
-    ]
-  };
-}
-function requestIdFromNeedsAttentionItem(item) {
-  const [, messageId] = item.id.split(":", 2);
-  return messageId?.trim() || item.id;
-}
-function countMessageCenterItems(items) {
-  return items.reduce(
-    (counts, item) => {
-      counts.all += 1;
-      if (isWaitingMessageCenterItem(item)) {
-        counts.waiting += 1;
-        return counts;
-      }
-      if (isCompletedMessageCenterItem(item)) {
-        counts.completed += 1;
-        return counts;
-      }
-      switch (item.status) {
-        case "working":
-          counts.working += 1;
-          break;
-        case "failed":
-          counts.failed += 1;
-          break;
-        default:
-          break;
-      }
-      return counts;
-    },
-    { ...EMPTY_COUNTS }
-  );
-}
-function compareMessageCenterItems(left, right) {
-  const leftWaiting = isWaitingMessageCenterItem(left);
-  const rightWaiting = isWaitingMessageCenterItem(right);
-  if (leftWaiting !== rightWaiting) {
-    return leftWaiting ? -1 : 1;
-  }
-  return right.sortTimeUnixMs - left.sortTimeUnixMs || left.agentSessionId.localeCompare(right.agentSessionId);
-}
 function isAgentMessageRole2(role) {
   const normalized = role.trim().toLowerCase();
   return normalized === "assistant" || normalized === "agent";
@@ -1063,473 +910,333 @@ function positiveNumber2(value) {
 
 // agent-message-center/WorkspaceAgentMessageCenterAttentionDeck.tsx
 import {
-  useEffect as useEffect2,
+  useEffect as useEffect3,
   useMemo,
   useRef as useRef2,
-  useState as useState2
+  useState as useState3
 } from "react";
-import { cn as cn3 } from "@tutti-os/ui-system";
+import { cn as cn4 } from "@tutti-os/ui-system";
 
 // agent-message-center/WorkspaceAgentMessageCenterCard.tsx
 import {
-  cloneElement,
   memo,
-  useCallback,
-  useEffect,
+  useCallback as useCallback2,
+  useEffect as useEffect2,
   useLayoutEffect,
   useRef,
-  useState
+  useState as useState2
 } from "react";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import { Button as Button2, cn as cn3, StatusDot } from "@tutti-os/ui-system";
+
+// agent-message-center/WorkspaceAgentMessageCenterIdentity.tsx
 import {
-  AppWindow,
-  ChevronDown,
-  ChevronUp,
-  ExternalLink,
-  Info
-} from "lucide-react";
+  cloneElement,
+  useCallback,
+  useEffect,
+  useState
+} from "react";
+import { ExternalLink, Info } from "lucide-react";
 import {
   Button,
   cn as cn2,
-  StatusDot,
   Tooltip,
   TooltipContent,
   TooltipTrigger
 } from "@tutti-os/ui-system";
-import {
-  isRichTextMentionHref,
-  parseRichTextMentionHref
-} from "@tutti-os/ui-rich-text/core";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function stopMessageCenterTextPointerPropagation(event) {
-  event.stopPropagation();
-}
-var WorkspaceAgentMessageCenterCard = memo(
-  function WorkspaceAgentMessageCenterCard2({
-    cardRef,
-    actionsAccessory,
-    footerAccessory,
-    headerAccessory,
-    highlighted = false,
-    interactive = true,
-    item,
-    isSubmitting,
-    lazySummary = false,
-    summaryAccessory,
-    onLinkAction,
-    onOpenChat,
-    onSubmitPrompt
-  }) {
-    "use memo";
-    const { t } = useTranslation();
-    const prompt = item.pendingPrompt;
-    const displayTitle = formatAgentGuiConversationPlainTitle(item, {
-      language: getActiveUiLanguage()
-    });
-    const summary = messageCenterVisibleSummary(item);
-    const displayStatus = statusClass(item);
-    const statusTone = messageCenterStatusTone(item);
-    const statusLabel = workspaceAgentActivityStatusLabel(displayStatus, t);
-    return /* @__PURE__ */ jsxs(
-      "article",
+function MessageCenterOpenChatButton({
+  actionsAccessory,
+  alwaysVisible = false,
+  item,
+  label,
+  onOpenChat,
+  provider
+}) {
+  "use memo";
+  return /* @__PURE__ */ jsxs("div", { className: "workspace-agent-message-center__footer flex min-w-0 items-center justify-between gap-2", children: [
+    /* @__PURE__ */ jsx2(
+      MessageCenterIdentityLabel,
       {
-        ref: cardRef,
-        className: cn2(
-          "workspace-agent-message-center__card group/message-card flex min-w-0 flex-col gap-2.5 rounded-lg border border-[var(--line-2)] bg-[var(--background-fronted)] p-3.5 outline outline-0 outline-offset-2 outline-transparent transition-[background-color,border-color,outline-color]",
-          isWaitingMessageCenterItem(item) && "agent-gui-edge-glow border-[var(--tutti-purple-border)] bg-[var(--tutti-purple-bg)]",
-          highlighted && "outline-2 outline-[var(--accent)]"
-        ),
-        "data-highlighted": highlighted ? "true" : void 0,
-        "data-message-center-digest-kind": item.digest.primary.kind,
-        "data-message-center-item-id": item.id,
-        "data-waiting": isWaitingMessageCenterItem(item) ? "true" : void 0,
-        "data-status": displayStatus,
-        tabIndex: highlighted ? -1 : void 0,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2.5", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx2(
-                LazyMessageCenterTooltip,
-                {
-                  content: displayTitle,
-                  side: "top",
-                  align: "start",
-                  className: "max-w-[min(360px,calc(100vw-32px))] whitespace-normal text-left [overflow-wrap:anywhere]",
-                  children: /* @__PURE__ */ jsx2(
-                    "h3",
-                    {
-                      className: "workspace-agent-message-center__copy-text min-w-0 truncate text-[13px] font-bold leading-5 text-[var(--text-secondary)]",
-                      onPointerDown: stopMessageCenterTextPointerPropagation,
-                      children: displayTitle
-                    }
-                  )
-                }
-              ),
-              item.cwd ? /* @__PURE__ */ jsx2(ProjectPathInfo, { path: item.cwd }) : null
-            ] }),
-            /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-2", children: [
-              headerAccessory,
-              /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  className: cn2(
-                    "workspace-agent-message-center__status inline-flex shrink-0 items-center gap-1.5 text-[11px] font-semibold leading-4",
-                    messageCenterStatusToneClass(statusTone)
-                  ),
-                  "data-status": displayStatus,
-                  title: statusLabel,
-                  children: [
-                    /* @__PURE__ */ jsx2(
-                      StatusDot,
-                      {
-                        tone: statusTone,
-                        pulse: isWaitingMessageCenterItem(item) || item.status === "working",
-                        size: "sm",
-                        title: statusLabel
-                      }
-                    ),
-                    /* @__PURE__ */ jsx2("span", { children: statusLabel })
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          summary ? /* @__PURE__ */ jsx2(
-            MessageCenterSummary,
-            {
-              item,
-              lazy: lazySummary,
-              onLinkAction,
-              summary,
-              emptyLabel: t("agentHost.workspaceAgentMessageCenterNoSummary")
-            }
-          ) : null,
-          summaryAccessory,
-          prompt && interactive ? /* @__PURE__ */ jsx2("div", { className: "min-w-0", children: /* @__PURE__ */ jsx2(
-            AgentInteractivePromptSurface,
-            {
-              embedded: true,
-              variant: "compact",
-              keyboardShortcuts: false,
-              prompt,
-              isSubmitting,
-              onSubmit: onSubmitPrompt,
-              labels: buildWorkspaceAgentInteractivePromptLabels(
-                t,
-                item.provider
-              )
-            }
-          ) }) : null,
-          footerAccessory,
-          /* @__PURE__ */ jsx2(
-            MessageCenterOpenChatButton,
-            {
-              actionsAccessory,
-              provider: item.provider,
-              item,
-              label: t("agentHost.workspaceAgentMessageCenterOpenChat"),
-              onOpenChat,
-              alwaysVisible: interactive && prompt !== null
-            }
-          )
-        ]
+        identity: item.identity,
+        provider
       }
-    );
+    ),
+    /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 items-center gap-2", children: [
+      actionsAccessory,
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "default",
+          className: cn2(
+            "workspace-agent-message-center__open-chat-button h-auto gap-1.5 border-0 bg-transparent p-0 text-[var(--accent-codex)] shadow-none transition-[color,opacity,visibility] hover:bg-transparent hover:text-[var(--accent-codex)] focus-visible:bg-transparent focus-visible:text-[var(--accent-codex)] active:bg-transparent",
+            !alwaysVisible && "invisible opacity-0 group-hover/message-card:visible group-hover/message-card:opacity-100 group-focus-within/message-card:visible group-focus-within/message-card:opacity-100"
+          ),
+          onClick: () => onOpenChat({
+            agentSessionId: item.agentSessionId,
+            provider: item.provider
+          }),
+          children: [
+            /* @__PURE__ */ jsx2(
+              ExternalLink,
+              {
+                className: "size-[15px]",
+                strokeWidth: 2.2,
+                "aria-hidden": "true"
+              }
+            ),
+            label
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function MessageCenterIdentityLabel({
+  identity,
+  provider
+}) {
+  "use memo";
+  if (!identity) {
+    return /* @__PURE__ */ jsx2(AgentProviderLabel, { provider });
   }
-);
-var STACK_PRESENCE_FALLBACK_MS = 380;
-var MESSAGE_CENTER_STACK_INITIAL_RENDER_COUNT = 24;
-var MESSAGE_CENTER_STACK_RENDER_BATCH_SIZE = 24;
-var MESSAGE_CENTER_STACK_RENDER_BATCH_DELAY_MS = 40;
-var MESSAGE_CENTER_SUMMARY_LAZY_ROOT_MARGIN = "480px 0px";
-var MESSAGE_CENTER_SUMMARY_OVERFLOW_MEASURE_DELAY_MS = 80;
-function useStackRegionPresence(visible) {
-  const [mounted, setMounted] = useState(visible);
-  const closing = mounted && !visible;
-  useLayoutEffect(() => {
-    if (visible) {
-      setMounted(true);
-    }
-  }, [visible]);
-  useEffect(() => {
-    if (!closing) {
-      return void 0;
+  const agentAvatarUrl = identity.agentAvatarUrl?.trim() || managedAgentRoundedIconUrl(provider);
+  const title = `${identity.userName} & ${identity.agentName}`;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "workspace-agent-message-center__identity inline-flex min-w-0 max-w-full items-center gap-2",
+      title,
+      children: [
+        /* @__PURE__ */ jsx2(
+          MessageCenterIdentityAvatarStack,
+          {
+            userAvatarUrl: identity.userAvatarUrl,
+            userName: identity.userName,
+            agentAvatarUrl
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "workspace-agent-message-center__identity-names flex min-w-0 items-center gap-1 truncate text-[13px] leading-5 text-[var(--text-secondary)]", children: [
+          /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: identity.userName }),
+          /* @__PURE__ */ jsx2("span", { className: "shrink-0 text-[var(--text-tertiary)]", children: "&" }),
+          /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: identity.agentName })
+        ] })
+      ]
     }
-    const timeoutId = window.setTimeout(() => {
-      setMounted(false);
-    }, STACK_PRESENCE_FALLBACK_MS);
-    return () => {
-      window.clearTimeout(timeoutId);
-    };
-  }, [closing]);
-  const onAnimationEnd = useCallback(
-    (event) => {
-      if (event.target === event.currentTarget && closing) {
-        setMounted(false);
-      }
-    },
-    [closing]
   );
-  return { closing, mounted, onAnimationEnd };
 }
-var WorkspaceAgentMessageCenterStack = memo(
-  function WorkspaceAgentMessageCenterStack2({
-    className,
-    expanded,
-    groupId,
-    highlightedItemId,
-    items,
-    renderCard,
-    onCollapse,
-    onExpand
-  }) {
-    "use memo";
-    const { t } = useTranslation();
-    const summaryRegion = useStackRegionPresence(!expanded);
-    const cardsRegion = useStackRegionPresence(expanded);
-    const visibleItems = useBatchedMessageCenterStackItems({
-      expanded,
-      highlightedItemId,
-      items,
-      mounted: cardsRegion.mounted
-    });
-    if (items.length < 2) {
-      return null;
-    }
-    const collapseLabel = t(
-      "agentHost.workspaceAgentMessageCenterCollapseStackAria"
-    );
-    return /* @__PURE__ */ jsxs(
-      "div",
+function MessageCenterIdentityAvatarMark({
+  identity,
+  provider,
+  userId
+}) {
+  "use memo";
+  const userName = identity?.userName.trim() || userId?.trim() || "";
+  if (!userName) {
+    return /* @__PURE__ */ jsx2(
+      "img",
       {
-        className: cn2("relative flex min-w-0 flex-col", className),
-        "data-stack-count": items.length,
-        "data-stack-motion": "smooth",
-        "data-stack-state": expanded ? "expanded" : "collapsed",
-        "data-stack-top-item-id": items[0]?.id,
-        "data-testid": `workspace-agent-message-stack-${groupId}`,
-        children: [
-          summaryRegion.mounted ? /* @__PURE__ */ jsx2(
-            "div",
-            {
-              className: cn2(
-                "workspace-agent-message-center__stack-rest min-w-0",
-                summaryRegion.closing ? "workspace-agent-message-center__stack-rest--closing" : "workspace-agent-message-center__stack-rest--opening"
-              ),
-              onAnimationEnd: summaryRegion.onAnimationEnd,
-              children: /* @__PURE__ */ jsx2(
-                "div",
-                {
-                  className: "min-h-0 min-w-0 overflow-hidden",
-                  "aria-hidden": summaryRegion.closing ? true : void 0,
-                  inert: summaryRegion.closing ? true : void 0,
-                  children: /* @__PURE__ */ jsx2(
-                    MessageCenterStackSummary,
-                    {
-                      groupId,
-                      items,
-                      onExpand
-                    }
-                  )
-                }
-              )
-            }
-          ) : null,
-          cardsRegion.mounted ? /* @__PURE__ */ jsx2(
-            "div",
-            {
-              className: cn2(
-                "workspace-agent-message-center__stack-rest min-w-0",
-                cardsRegion.closing ? "workspace-agent-message-center__stack-rest--closing" : "workspace-agent-message-center__stack-rest--opening"
-              ),
-              onAnimationEnd: cardsRegion.onAnimationEnd,
-              children: /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: "min-h-0 min-w-0 overflow-hidden",
-                  "aria-hidden": cardsRegion.closing ? true : void 0,
-                  inert: cardsRegion.closing ? true : void 0,
-                  children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2 px-0.5 pb-1.5", children: [
-                      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-[13px] font-semibold leading-4 text-[var(--text-tertiary)]", children: [
-                        /* @__PURE__ */ jsx2(
-                          MessageCenterIdentityAvatarMark,
-                          {
-                            identity: items[0]?.identity ?? null,
-                            provider: items[0]?.provider ?? "",
-                            userId: items[0]?.userId ?? null
-                          }
-                        ),
-                        /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: t(
-                          "agentHost.workspaceAgentMessageCenterStackSummaryCount",
-                          {
-                            count: items.length
-                          }
-                        ) })
-                      ] }),
-                      /* @__PURE__ */ jsx2(
-                        LazyMessageCenterTooltip,
-                        {
-                          content: collapseLabel,
-                          side: "top",
-                          align: "center",
-                          children: /* @__PURE__ */ jsx2(
-                            Button,
-                            {
-                              type: "button",
-                              variant: "ghost",
-                              size: "icon-sm",
-                              "aria-label": collapseLabel,
-                              className: "size-6 text-[var(--text-tertiary)] hover:text-[var(--text-primary)]",
-                              onClick: () => onCollapse(groupId),
-                              children: /* @__PURE__ */ jsx2(ChevronUp, { className: "size-3.5", "aria-hidden": "true" })
-                            }
-                          )
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsx2("div", { className: "flex min-w-0 flex-col gap-2.5", children: visibleItems.map(
-                      (item, stackedIndex) => renderCard(item, { stackedIndex })
-                    ) })
-                  ]
-                }
-              )
-            }
-          ) : null
-        ]
+        src: managedAgentRoundedIconUrl(provider),
+        alt: "",
+        className: "size-5 shrink-0 rounded-full",
+        decoding: "async",
+        loading: "lazy",
+        draggable: false,
+        "aria-hidden": "true"
       }
     );
-  },
-  areMessageCenterStackPropsEqual
-);
-function areMessageCenterStackPropsEqual(previous, next) {
-  if (previous.className !== next.className || previous.expanded !== next.expanded || previous.groupId !== next.groupId || previous.onCollapse !== next.onCollapse || previous.onExpand !== next.onExpand || previous.renderCard !== next.renderCard) {
-    return false;
-  }
-  if (next.expanded) {
-    return previous.highlightedItemId === next.highlightedItemId && previous.items === next.items;
-  }
-  return messageCenterCollapsedStackSignature(previous.items) === messageCenterCollapsedStackSignature(next.items);
-}
-function messageCenterCollapsedStackSignature(items) {
-  const firstItem = items[0];
-  if (!firstItem) {
-    return "0";
   }
-  const hasWaiting = items.some(isWaitingMessageCenterItem) ? "1" : "0";
-  return [
-    items.length,
-    firstItem.id,
-    firstItem.provider,
-    firstItem.userId ?? "",
-    firstItem.identity?.userName ?? "",
-    firstItem.identity?.agentName ?? "",
-    hasWaiting,
-    messageCenterStackPreviewText(firstItem)
-  ].join(":");
+  return /* @__PURE__ */ jsx2(
+    MessageCenterIdentityAvatarStack,
+    {
+      userAvatarUrl: identity?.userAvatarUrl,
+      userName,
+      agentAvatarUrl: identity?.agentAvatarUrl?.trim() || managedAgentRoundedIconUrl(provider)
+    }
+  );
 }
-function useBatchedMessageCenterStackItems({
-  expanded,
-  highlightedItemId,
-  items,
-  mounted
+function MessageCenterIdentityAvatarStack({
+  agentAvatarUrl,
+  userAvatarUrl: rawUserAvatarUrl,
+  userName
 }) {
-  const limit = items.length;
-  const highlightedIndex = highlightedItemId === null || highlightedItemId === void 0 ? -1 : items.findIndex((item) => item.id === highlightedItemId);
-  const initialCount = Math.min(
-    limit,
-    Math.max(MESSAGE_CENTER_STACK_INITIAL_RENDER_COUNT, highlightedIndex + 1)
-  );
-  const [renderCount, setRenderCount] = useState(initialCount);
+  "use memo";
+  const [userAvatarFailed, setUserAvatarFailed] = useState(false);
+  const userAvatarUrl = rawUserAvatarUrl?.trim() ?? "";
+  const userImageUrl = userAvatarUrl.length > 0 && !userAvatarFailed ? userAvatarUrl : userAvatarPlaceholderUrl;
   useEffect(() => {
-    if (!mounted) {
-      setRenderCount(initialCount);
-      return;
+    setUserAvatarFailed(false);
+  }, [userAvatarUrl]);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "workspace-agent-message-center__identity-avatar-stack inline-flex w-9 shrink-0 items-center",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx2("span", { className: "inline-flex size-5 shrink-0 overflow-hidden rounded-full bg-[var(--transparency-block)] ring-2 ring-[var(--background-fronted)]", children: /* @__PURE__ */ jsx2(
+          "img",
+          {
+            src: userImageUrl,
+            alt: userName,
+            className: "size-full object-cover",
+            decoding: "async",
+            loading: "lazy",
+            referrerPolicy: "no-referrer",
+            draggable: false,
+            onError: () => {
+              setUserAvatarFailed(true);
+            }
+          }
+        ) }),
+        /* @__PURE__ */ jsx2("span", { className: "-ml-1.5 inline-flex size-5 shrink-0 overflow-hidden rounded-full bg-[var(--transparency-block)] ring-2 ring-[var(--background-fronted)]", children: /* @__PURE__ */ jsx2(
+          "img",
+          {
+            src: agentAvatarUrl,
+            alt: "",
+            className: "size-full object-cover",
+            decoding: "async",
+            loading: "lazy",
+            draggable: false
+          }
+        ) })
+      ]
     }
-    setRenderCount(
-      (current) => Math.min(Math.max(current, initialCount), limit)
-    );
-  }, [initialCount, limit, mounted]);
-  useEffect(() => {
-    if (!expanded || !mounted || renderCount >= limit) {
-      return void 0;
+  );
+}
+function ProjectPathInfo({ path }) {
+  "use memo";
+  return /* @__PURE__ */ jsx2(
+    LazyMessageCenterTooltip,
+    {
+      content: path,
+      side: "top",
+      align: "start",
+      className: "max-w-[320px] text-[11px] [overflow-wrap:anywhere]",
+      children: /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "button",
+          className: "workspace-agent-message-center__project-info-button invisible inline-flex size-5 shrink-0 items-center justify-center rounded-sm text-[var(--text-secondary)] opacity-0 transition-[background-color,color,opacity,visibility] group-hover/message-card:visible group-hover/message-card:opacity-100 group-focus-within/message-card:visible group-focus-within/message-card:opacity-100 hover:bg-[var(--transparency-hover)] hover:text-[var(--text-primary)] focus-visible:bg-[var(--transparency-hover)] focus-visible:text-[var(--text-primary)] focus-visible:outline-none",
+          "aria-label": path,
+          children: /* @__PURE__ */ jsx2(Info, { className: "size-3.5", strokeWidth: 2, "aria-hidden": "true" })
+        }
+      )
     }
-    const timeoutId = window.setTimeout(() => {
-      setRenderCount(
-        (current) => Math.min(current + MESSAGE_CENTER_STACK_RENDER_BATCH_SIZE, limit)
-      );
-    }, MESSAGE_CENTER_STACK_RENDER_BATCH_DELAY_MS);
-    return () => {
-      window.clearTimeout(timeoutId);
-    };
-  }, [expanded, limit, mounted, renderCount]);
-  return items.slice(0, Math.min(renderCount, limit));
+  );
+}
+function LazyMessageCenterTooltip({
+  align,
+  children,
+  className,
+  content,
+  side
+}) {
+  "use memo";
+  const [hydrated, setHydrated] = useState(false);
+  const [open, setOpen] = useState(false);
+  const showTooltip = useCallback(() => {
+    setHydrated(true);
+    setOpen(true);
+  }, []);
+  const hideTooltip = useCallback(() => {
+    setOpen(false);
+  }, []);
+  const trigger = cloneElement(children, {
+    onBlur: (event) => {
+      children.props.onBlur?.(event);
+      hideTooltip();
+    },
+    onFocus: (event) => {
+      children.props.onFocus?.(event);
+      showTooltip();
+    },
+    onPointerEnter: (event) => {
+      children.props.onPointerEnter?.(event);
+      showTooltip();
+    },
+    onPointerLeave: (event) => {
+      children.props.onPointerLeave?.(event);
+      hideTooltip();
+    }
+  });
+  if (!hydrated) {
+    return trigger;
+  }
+  return /* @__PURE__ */ jsxs(Tooltip, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx2(TooltipTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx2(TooltipContent, { side, align, className, children: content })
+  ] });
+}
+function AgentProviderLabel({ provider }) {
+  "use memo";
+  const label = workspaceAgentProviderLabel(provider);
+  return /* @__PURE__ */ jsxs("span", { className: "workspace-agent-message-center__provider inline-flex min-w-0 max-w-full items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx2(
+      "img",
+      {
+        src: managedAgentRoundedIconUrl(provider),
+        alt: "",
+        className: "workspace-agent-message-center__provider-icon size-5 shrink-0 rounded-full",
+        decoding: "async",
+        loading: "lazy",
+        draggable: false,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsx2("span", { className: "workspace-agent-message-center__provider-name min-w-0 truncate text-[13px] leading-5 text-[var(--text-secondary)]", children: label })
+  ] });
 }
-function MessageCenterStackSummary({
-  groupId,
-  items,
-  onExpand
-}) {
-  "use memo";
-  const { t } = useTranslation();
-  const firstItem = items[0];
-  const hasWaiting = items.some((item) => isWaitingMessageCenterItem(item));
-  if (!firstItem) {
-    return null;
+function statusClass(item) {
+  if (isWaitingMessageCenterItem(item)) {
+    return "waiting";
   }
-  return /* @__PURE__ */ jsx2(
-    "button",
-    {
-      type: "button",
-      "aria-label": t("agentHost.workspaceAgentMessageCenterExpandStackAria", {
-        count: items.length
-      }),
-      className: cn2(
-        "group/stack-peek relative block w-full min-w-0 rounded-lg text-left outline-none focus-visible:ring-2 focus-visible:ring-[var(--accent)]",
-        items.length > 2 ? "pb-[18px]" : "pb-[10px]"
-      ),
-      "data-stack-summary-count": items.length,
-      "data-stack-provider": firstItem.provider,
-      "data-stack-user-id": firstItem.userId ?? "",
-      "data-testid": `workspace-agent-message-stack-summary-${groupId}`,
-      onClick: () => onExpand(groupId),
-      children: /* @__PURE__ */ jsxs(
-        "span",
-        {
-          className: cn2(
-            "relative z-10 flex min-w-0 flex-col gap-2 rounded-lg border border-[var(--line-2)] bg-[var(--background-fronted)] p-3.5 transition-[background-color,border-color] duration-200 group-hover/stack-peek:bg-[var(--transparency-hover)]",
-            items.length > 2 ? "shadow-[0_7px_0_-4px_var(--background-fronted),0_7px_0_-3px_var(--line-2),0_14px_0_-8px_var(--background-fronted),0_14px_0_-7px_var(--line-2)]" : "shadow-[0_7px_0_-4px_var(--background-fronted),0_7px_0_-3px_var(--line-2)]",
-            hasWaiting && "border-[var(--tutti-purple-border)] bg-[var(--tutti-purple-bg)]"
-          ),
-          children: [
-            /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center justify-between gap-2.5", children: [
-              /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
-                /* @__PURE__ */ jsx2(
-                  MessageCenterIdentityAvatarMark,
-                  {
-                    identity: firstItem.identity,
-                    provider: firstItem.provider,
-                    userId: firstItem.userId
-                  }
-                ),
-                /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate text-[13px] font-bold leading-5 text-[var(--text-secondary)]", children: t("agentHost.workspaceAgentMessageCenterStackSummaryCount", {
-                  count: items.length
-                }) })
-              ] }),
-              /* @__PURE__ */ jsx2(
-                ChevronDown,
-                {
-                  className: "size-4 shrink-0 text-[var(--text-tertiary)] transition-transform duration-200 group-hover/stack-peek:translate-y-0.5 motion-reduce:transition-none",
-                  "aria-hidden": "true"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx2("span", { className: "min-w-0 rounded-md bg-transparency-block p-2.5 text-[13px] leading-[1.45] text-[var(--text-primary)]", children: /* @__PURE__ */ jsx2("span", { className: "line-clamp-2 min-w-0 [overflow-wrap:anywhere]", children: messageCenterStackPreviewNodes(firstItem) }) })
-          ]
-        }
-      )
-    }
-  );
+  if (item.status === "idle") {
+    return "completed";
+  }
+  return item.status;
 }
+function messageCenterStatusTone(item) {
+  if (isWaitingMessageCenterItem(item)) {
+    return "amber";
+  }
+  if (item.status === "completed" || item.status === "idle") {
+    return "green";
+  }
+  if (item.status === "canceled") {
+    return "amber";
+  }
+  if (item.status === "failed") {
+    return "red";
+  }
+  if (item.status === "working") {
+    return "blue";
+  }
+  return "neutral";
+}
+function messageCenterStatusToneClass(tone) {
+  switch (tone) {
+    case "amber":
+      return "text-[var(--state-warning)]";
+    case "blue":
+      return "text-[var(--status-running)]";
+    case "green":
+      return "text-[var(--state-success)]";
+    case "red":
+      return "text-[var(--state-danger)]";
+    case "neutral":
+      return "text-[var(--text-secondary)]";
+  }
+}
+
+// agent-message-center/workspaceAgentMessageCenterPreview.tsx
+import { AppWindow } from "lucide-react";
+import {
+  isRichTextMentionHref,
+  parseRichTextMentionHref
+} from "@tutti-os/ui-rich-text/core";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function messageCenterStackRawPreviewText(item) {
   return item.digest.primary.summary.trim() || item.lastAgentMessageSummary.trim() || item.title;
 }
@@ -1564,7 +1271,7 @@ function messageCenterStackPreviewNodes(item) {
       const kind = messageCenterPreviewMentionKind(mention.providerId);
       const displayLabel = label || mention.label;
       nodes.push(
-        kind ? /* @__PURE__ */ jsx2(
+        kind ? /* @__PURE__ */ jsx3(
           MessageCenterPreviewMentionChip,
           {
             kind,
@@ -1598,20 +1305,20 @@ function MessageCenterPreviewMentionChip({
   kind,
   label
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "span",
     {
       className: "tsh-agent-object-token tsh-agent-object-token--entity",
       "data-agent-mention-kind": kind,
       children: [
-        /* @__PURE__ */ jsx2("span", { className: "tsh-agent-object-token__kind", "aria-hidden": "true", children: kind === "workspace-app" ? /* @__PURE__ */ jsx2(AppWindow, { className: "size-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3("span", { className: "tsh-agent-object-token__kind", "aria-hidden": "true", children: kind === "workspace-app" ? /* @__PURE__ */ jsx3(AppWindow, { className: "size-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx3(
           "span",
           {
             className: "tsh-agent-object-token__kind-icon",
             "aria-hidden": "true"
           }
         ) }),
-        /* @__PURE__ */ jsx2("span", { className: "tsh-agent-object-token__main", children: label })
+        /* @__PURE__ */ jsx3("span", { className: "tsh-agent-object-token__main", children: label })
       ]
     }
   );
@@ -1691,465 +1398,614 @@ function normalizeMessageCenterNotificationAction(action) {
       return action;
   }
 }
-function messageCenterVisibleSummary(item) {
-  const summary = item.digest.primary.summary.trim();
-  if (item.pendingPrompt?.kind === "approval" && isGenericApprovalSummary(summary)) {
-    return "";
-  }
-  return summary;
-}
-function isGenericApprovalSummary(summary) {
-  const normalized = summary.trim().toLowerCase();
-  return normalized === "approval";
+
+// agent-message-center/WorkspaceAgentMessageCenterCard.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function stopMessageCenterTextPointerPropagation(event) {
+  event.stopPropagation();
 }
-function MessageCenterSummary({
-  emptyLabel,
-  item,
-  lazy,
-  onLinkAction,
-  summary
-}) {
-  "use memo";
-  const summaryRef = useRef(null);
-  const [isOverflowing, setIsOverflowing] = useState(false);
-  const shouldRenderRichSummary = useLazyMessageCenterSummaryReady(
-    summaryRef,
-    lazy
-  );
-  const shouldMeasureOverflow = useDeferredMessageCenterSummaryMeasureReady(
-    summaryRef,
-    shouldRenderRichSummary
-  );
-  const handleLinkAction = useCallback(
-    (action) => {
-      const agentTargetId = item.agentTargetId?.trim() || null;
-      onLinkAction?.(
-        action.type === "open-agent-session" && !action.agentTargetId && agentTargetId ? { ...action, agentTargetId } : action
-      );
-    },
-    [item.agentTargetId, onLinkAction]
-  );
-  useEffect(() => {
-    if (!shouldMeasureOverflow) {
-      setIsOverflowing(false);
-      return void 0;
+var WorkspaceAgentMessageCenterCard = memo(
+  function WorkspaceAgentMessageCenterCard2({
+    cardRef,
+    actionsAccessory,
+    footerAccessory,
+    headerAccessory,
+    highlighted = false,
+    interactive = true,
+    item,
+    isSubmitting,
+    lazySummary = false,
+    summaryAccessory,
+    onLinkAction,
+    onOpenChat,
+    onSubmitPrompt
+  }) {
+    "use memo";
+    const { t } = useTranslation();
+    const prompt = item.pendingPrompt;
+    const displayTitle = formatAgentGuiConversationPlainTitle(item, {
+      language: getActiveUiLanguage()
+    });
+    const summary = messageCenterVisibleSummary(item);
+    const displayStatus = statusClass(item);
+    const statusTone = messageCenterStatusTone(item);
+    const statusLabel = workspaceAgentActivityStatusLabel(displayStatus, t);
+    return /* @__PURE__ */ jsxs3(
+      "article",
+      {
+        ref: cardRef,
+        className: cn3(
+          "workspace-agent-message-center__card group/message-card flex min-w-0 flex-col gap-2.5 rounded-lg border border-[var(--line-2)] bg-[var(--background-fronted)] p-3.5 outline outline-0 outline-offset-2 outline-transparent transition-[background-color,border-color,outline-color]",
+          isWaitingMessageCenterItem(item) && "agent-gui-edge-glow border-[var(--tutti-purple-border)] bg-[var(--tutti-purple-bg)]",
+          highlighted && "outline-2 outline-[var(--accent)]"
+        ),
+        "data-highlighted": highlighted ? "true" : void 0,
+        "data-message-center-digest-kind": item.digest.primary.kind,
+        "data-message-center-item-id": item.id,
+        "data-waiting": isWaitingMessageCenterItem(item) ? "true" : void 0,
+        "data-status": displayStatus,
+        tabIndex: highlighted ? -1 : void 0,
+        children: [
+          /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center justify-between gap-2.5", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx4(
+                LazyMessageCenterTooltip,
+                {
+                  content: displayTitle,
+                  side: "top",
+                  align: "start",
+                  className: "max-w-[min(360px,calc(100vw-32px))] whitespace-normal text-left [overflow-wrap:anywhere]",
+                  children: /* @__PURE__ */ jsx4(
+                    "h3",
+                    {
+                      className: "workspace-agent-message-center__copy-text min-w-0 truncate text-[13px] font-bold leading-5 text-[var(--text-secondary)]",
+                      onPointerDown: stopMessageCenterTextPointerPropagation,
+                      children: displayTitle
+                    }
+                  )
+                }
+              ),
+              item.cwd ? /* @__PURE__ */ jsx4(ProjectPathInfo, { path: item.cwd }) : null
+            ] }),
+            /* @__PURE__ */ jsxs3("span", { className: "flex shrink-0 items-center gap-2", children: [
+              headerAccessory,
+              /* @__PURE__ */ jsxs3(
+                "span",
+                {
+                  className: cn3(
+                    "workspace-agent-message-center__status inline-flex shrink-0 items-center gap-1.5 text-[11px] font-semibold leading-4",
+                    messageCenterStatusToneClass(statusTone)
+                  ),
+                  "data-status": displayStatus,
+                  title: statusLabel,
+                  children: [
+                    /* @__PURE__ */ jsx4(
+                      StatusDot,
+                      {
+                        tone: statusTone,
+                        pulse: isWaitingMessageCenterItem(item) || item.status === "working",
+                        size: "sm",
+                        title: statusLabel
+                      }
+                    ),
+                    /* @__PURE__ */ jsx4("span", { children: statusLabel })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          summary ? /* @__PURE__ */ jsx4(
+            MessageCenterSummary,
+            {
+              item,
+              lazy: lazySummary,
+              onLinkAction,
+              summary,
+              emptyLabel: t("agentHost.workspaceAgentMessageCenterNoSummary")
+            }
+          ) : null,
+          summaryAccessory,
+          prompt && interactive ? /* @__PURE__ */ jsx4("div", { className: "min-w-0", children: /* @__PURE__ */ jsx4(
+            AgentInteractivePromptSurface,
+            {
+              embedded: true,
+              variant: "compact",
+              keyboardShortcuts: false,
+              prompt,
+              isSubmitting,
+              onSubmit: onSubmitPrompt,
+              labels: buildWorkspaceAgentInteractivePromptLabels(
+                t,
+                item.provider
+              )
+            }
+          ) }) : null,
+          footerAccessory,
+          /* @__PURE__ */ jsx4(
+            MessageCenterOpenChatButton,
+            {
+              actionsAccessory,
+              provider: item.provider,
+              item,
+              label: t("agentHost.workspaceAgentMessageCenterOpenChat"),
+              onOpenChat,
+              alwaysVisible: interactive && prompt !== null
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+var STACK_PRESENCE_FALLBACK_MS = 380;
+var MESSAGE_CENTER_STACK_INITIAL_RENDER_COUNT = 24;
+var MESSAGE_CENTER_STACK_RENDER_BATCH_SIZE = 24;
+var MESSAGE_CENTER_STACK_RENDER_BATCH_DELAY_MS = 40;
+var MESSAGE_CENTER_SUMMARY_LAZY_ROOT_MARGIN = "480px 0px";
+var MESSAGE_CENTER_SUMMARY_OVERFLOW_MEASURE_DELAY_MS = 80;
+function useStackRegionPresence(visible) {
+  const [mounted, setMounted] = useState2(visible);
+  const closing = mounted && !visible;
+  useLayoutEffect(() => {
+    if (visible) {
+      setMounted(true);
     }
-    const element = summaryRef.current;
-    if (!element) {
+  }, [visible]);
+  useEffect2(() => {
+    if (!closing) {
       return void 0;
     }
-    const updateOverflowState = () => {
-      setIsOverflowing(element.scrollHeight > element.clientHeight + 1);
-    };
-    let resizeObserver = null;
     const timeoutId = window.setTimeout(() => {
-      updateOverflowState();
-      resizeObserver = new ResizeObserver(updateOverflowState);
-      resizeObserver.observe(element);
-    }, MESSAGE_CENTER_SUMMARY_OVERFLOW_MEASURE_DELAY_MS);
+      setMounted(false);
+    }, STACK_PRESENCE_FALLBACK_MS);
     return () => {
       window.clearTimeout(timeoutId);
-      resizeObserver?.disconnect();
     };
-  }, [shouldMeasureOverflow, summary]);
-  return /* @__PURE__ */ jsx2(
-    AgentVerticalScrollArea,
-    {
-      ref: summaryRef,
-      className: cn2(
-        "workspace-agent-message-center__summary workspace-agent-message-center__copy-text max-h-[160px] min-w-0 rounded-md bg-transparency-block text-[13px] leading-[1.45] text-[var(--text-primary)] [overflow-wrap:anywhere]",
-        isOverflowing && "workspace-agent-message-center__summary--overflowing"
-      ),
-      viewportClassName: "workspace-agent-message-center__copy-text max-h-[160px] p-2.5 pr-4",
-      onPointerDown: stopMessageCenterTextPointerPropagation,
-      scrollbarClassName: "top-2 bottom-2 right-1.5",
-      syncKey: summary,
-      children: summary && shouldRenderRichSummary ? /* @__PURE__ */ jsx2(
-        AgentMessageMarkdown,
-        {
-          content: summary,
-          className: "[&_a]:text-[var(--tutti-purple)] [&_code]:text-[var(--text-secondary)] [&_hr]:border-t-[color-mix(in_srgb,var(--text-primary)_14%,transparent)] [&_ol]:!bg-transparent [&_p]:m-0 [&_th]:bg-[color-mix(in_srgb,var(--background-panel)_94%,var(--text-primary))] [&_th]:text-[var(--text-primary)] [&_ul]:!bg-transparent text-[var(--text-primary)]",
-          onLinkAction: handleLinkAction,
-          workspaceLinkContext: {
-            workspaceRoot: item.cwd || null,
-            basePath: item.cwd,
-            source: "agent-markdown"
-          },
-          enableImageZoom: true
-        }
-      ) : summary ? /* @__PURE__ */ jsx2("div", { className: "whitespace-pre-wrap [overflow-wrap:anywhere]", children: summary }) : emptyLabel
-    }
+  }, [closing]);
+  const onAnimationEnd = useCallback2(
+    (event) => {
+      if (event.target === event.currentTarget && closing) {
+        setMounted(false);
+      }
+    },
+    [closing]
   );
+  return { closing, mounted, onAnimationEnd };
 }
-function useLazyMessageCenterSummaryReady(ref, lazy) {
-  const [ready, setReady] = useState(!lazy);
-  useEffect(() => {
-    setReady(!lazy);
-  }, [lazy]);
-  useEffect(() => {
-    if (!lazy) {
-      return void 0;
-    }
-    if (ready) {
-      return void 0;
-    }
-    const element = ref.current;
-    if (!element || typeof IntersectionObserver === "undefined") {
-      setReady(true);
-      return void 0;
-    }
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries.some((entry) => entry.isIntersecting)) {
-          setReady(true);
-          observer.disconnect();
-        }
-      },
-      { rootMargin: MESSAGE_CENTER_SUMMARY_LAZY_ROOT_MARGIN }
-    );
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, [lazy, ready, ref]);
-  return ready;
-}
-function useDeferredMessageCenterSummaryMeasureReady(ref, enabled) {
-  const [ready, setReady] = useState(false);
-  useEffect(() => {
-    if (!enabled) {
-      setReady(false);
-      return void 0;
-    }
-    if (ready) {
-      return void 0;
-    }
-    const element = ref.current;
-    if (!element || typeof IntersectionObserver === "undefined") {
-      const timeoutId2 = window.setTimeout(
-        () => setReady(true),
-        MESSAGE_CENTER_SUMMARY_OVERFLOW_MEASURE_DELAY_MS
-      );
-      return () => {
-        window.clearTimeout(timeoutId2);
-      };
+var WorkspaceAgentMessageCenterStack = memo(
+  function WorkspaceAgentMessageCenterStack2({
+    className,
+    expanded,
+    groupId,
+    highlightedItemId,
+    items,
+    renderCard,
+    onCollapse,
+    onExpand
+  }) {
+    "use memo";
+    const { t } = useTranslation();
+    const summaryRegion = useStackRegionPresence(!expanded);
+    const cardsRegion = useStackRegionPresence(expanded);
+    const visibleItems = useBatchedMessageCenterStackItems({
+      expanded,
+      highlightedItemId,
+      items,
+      mounted: cardsRegion.mounted
+    });
+    if (items.length < 2) {
+      return null;
     }
-    let timeoutId = null;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (!entries.some((entry) => entry.isIntersecting)) {
-          return;
-        }
-        observer.disconnect();
-        timeoutId = window.setTimeout(
-          () => setReady(true),
-          MESSAGE_CENTER_SUMMARY_OVERFLOW_MEASURE_DELAY_MS
-        );
-      },
-      { rootMargin: MESSAGE_CENTER_SUMMARY_LAZY_ROOT_MARGIN }
+    const collapseLabel = t(
+      "agentHost.workspaceAgentMessageCenterCollapseStackAria"
     );
-    observer.observe(element);
-    return () => {
-      observer.disconnect();
-      if (timeoutId !== null) {
-        window.clearTimeout(timeoutId);
-      }
-    };
-  }, [enabled, ready, ref]);
-  return ready;
-}
-function MessageCenterOpenChatButton({
-  actionsAccessory,
-  alwaysVisible = false,
-  item,
-  label,
-  onOpenChat,
-  provider
-}) {
-  "use memo";
-  return /* @__PURE__ */ jsxs("div", { className: "workspace-agent-message-center__footer flex min-w-0 items-center justify-between gap-2", children: [
-    /* @__PURE__ */ jsx2(
-      MessageCenterIdentityLabel,
+    return /* @__PURE__ */ jsxs3(
+      "div",
       {
-        identity: item.identity,
-        provider
+        className: cn3("relative flex min-w-0 flex-col", className),
+        "data-stack-count": items.length,
+        "data-stack-motion": "smooth",
+        "data-stack-state": expanded ? "expanded" : "collapsed",
+        "data-stack-top-item-id": items[0]?.id,
+        "data-testid": `workspace-agent-message-stack-${groupId}`,
+        children: [
+          summaryRegion.mounted ? /* @__PURE__ */ jsx4(
+            "div",
+            {
+              className: cn3(
+                "workspace-agent-message-center__stack-rest min-w-0",
+                summaryRegion.closing ? "workspace-agent-message-center__stack-rest--closing" : "workspace-agent-message-center__stack-rest--opening"
+              ),
+              onAnimationEnd: summaryRegion.onAnimationEnd,
+              children: /* @__PURE__ */ jsx4(
+                "div",
+                {
+                  className: "min-h-0 min-w-0 overflow-hidden",
+                  "aria-hidden": summaryRegion.closing ? true : void 0,
+                  inert: summaryRegion.closing ? true : void 0,
+                  children: /* @__PURE__ */ jsx4(
+                    MessageCenterStackSummary,
+                    {
+                      groupId,
+                      items,
+                      onExpand
+                    }
+                  )
+                }
+              )
+            }
+          ) : null,
+          cardsRegion.mounted ? /* @__PURE__ */ jsx4(
+            "div",
+            {
+              className: cn3(
+                "workspace-agent-message-center__stack-rest min-w-0",
+                cardsRegion.closing ? "workspace-agent-message-center__stack-rest--closing" : "workspace-agent-message-center__stack-rest--opening"
+              ),
+              onAnimationEnd: cardsRegion.onAnimationEnd,
+              children: /* @__PURE__ */ jsxs3(
+                "div",
+                {
+                  className: "min-h-0 min-w-0 overflow-hidden",
+                  "aria-hidden": cardsRegion.closing ? true : void 0,
+                  inert: cardsRegion.closing ? true : void 0,
+                  children: [
+                    /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center justify-between gap-2 px-0.5 pb-1.5", children: [
+                      /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 items-center gap-1.5 text-[13px] font-semibold leading-4 text-[var(--text-tertiary)]", children: [
+                        /* @__PURE__ */ jsx4(
+                          MessageCenterIdentityAvatarMark,
+                          {
+                            identity: items[0]?.identity ?? null,
+                            provider: items[0]?.provider ?? "",
+                            userId: items[0]?.userId ?? null
+                          }
+                        ),
+                        /* @__PURE__ */ jsx4("span", { className: "min-w-0 truncate", children: t(
+                          "agentHost.workspaceAgentMessageCenterStackSummaryCount",
+                          {
+                            count: items.length
+                          }
+                        ) })
+                      ] }),
+                      /* @__PURE__ */ jsx4(
+                        LazyMessageCenterTooltip,
+                        {
+                          content: collapseLabel,
+                          side: "top",
+                          align: "center",
+                          children: /* @__PURE__ */ jsx4(
+                            Button2,
+                            {
+                              type: "button",
+                              variant: "ghost",
+                              size: "icon-sm",
+                              "aria-label": collapseLabel,
+                              className: "size-6 text-[var(--text-tertiary)] hover:text-[var(--text-primary)]",
+                              onClick: () => onCollapse(groupId),
+                              children: /* @__PURE__ */ jsx4(ChevronUp, { className: "size-3.5", "aria-hidden": "true" })
+                            }
+                          )
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx4("div", { className: "flex min-w-0 flex-col gap-2.5", children: visibleItems.map(
+                      (item, stackedIndex) => renderCard(item, { stackedIndex })
+                    ) })
+                  ]
+                }
+              )
+            }
+          ) : null
+        ]
       }
-    ),
-    /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 items-center gap-2", children: [
-      actionsAccessory,
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "default",
-          className: cn2(
-            "workspace-agent-message-center__open-chat-button h-auto gap-1.5 border-0 bg-transparent p-0 text-[var(--accent-codex)] shadow-none transition-[color,opacity,visibility] hover:bg-transparent hover:text-[var(--accent-codex)] focus-visible:bg-transparent focus-visible:text-[var(--accent-codex)] active:bg-transparent",
-            !alwaysVisible && "invisible opacity-0 group-hover/message-card:visible group-hover/message-card:opacity-100 group-focus-within/message-card:visible group-focus-within/message-card:opacity-100"
-          ),
-          onClick: () => onOpenChat({
-            agentSessionId: item.agentSessionId,
-            provider: item.provider
-          }),
-          children: [
-            /* @__PURE__ */ jsx2(
-              ExternalLink,
-              {
-                className: "size-[15px]",
-                strokeWidth: 2.2,
-                "aria-hidden": "true"
-              }
-            ),
-            label
-          ]
-        }
-      )
-    ] })
-  ] });
+    );
+  },
+  areMessageCenterStackPropsEqual
+);
+function areMessageCenterStackPropsEqual(previous, next) {
+  if (previous.className !== next.className || previous.expanded !== next.expanded || previous.groupId !== next.groupId || previous.onCollapse !== next.onCollapse || previous.onExpand !== next.onExpand || previous.renderCard !== next.renderCard) {
+    return false;
+  }
+  if (next.expanded) {
+    return previous.highlightedItemId === next.highlightedItemId && previous.items === next.items;
+  }
+  return messageCenterCollapsedStackSignature(previous.items) === messageCenterCollapsedStackSignature(next.items);
 }
-function MessageCenterIdentityLabel({
-  identity,
-  provider
-}) {
-  "use memo";
-  if (!identity) {
-    return /* @__PURE__ */ jsx2(AgentProviderLabel, { provider });
+function messageCenterCollapsedStackSignature(items) {
+  const firstItem = items[0];
+  if (!firstItem) {
+    return "0";
   }
-  const agentAvatarUrl = identity.agentAvatarUrl?.trim() || managedAgentRoundedIconUrl(provider);
-  const title = `${identity.userName} & ${identity.agentName}`;
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: "workspace-agent-message-center__identity inline-flex min-w-0 max-w-full items-center gap-2",
-      title,
-      children: [
-        /* @__PURE__ */ jsx2(
-          MessageCenterIdentityAvatarStack,
-          {
-            userAvatarUrl: identity.userAvatarUrl,
-            userName: identity.userName,
-            agentAvatarUrl
-          }
-        ),
-        /* @__PURE__ */ jsxs("span", { className: "workspace-agent-message-center__identity-names flex min-w-0 items-center gap-1 truncate text-[13px] leading-5 text-[var(--text-secondary)]", children: [
-          /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: identity.userName }),
-          /* @__PURE__ */ jsx2("span", { className: "shrink-0 text-[var(--text-tertiary)]", children: "&" }),
-          /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: identity.agentName })
-        ] })
-      ]
-    }
-  );
+  const hasWaiting = items.some(isWaitingMessageCenterItem) ? "1" : "0";
+  return [
+    items.length,
+    firstItem.id,
+    firstItem.provider,
+    firstItem.userId ?? "",
+    firstItem.identity?.userName ?? "",
+    firstItem.identity?.agentName ?? "",
+    hasWaiting,
+    messageCenterStackPreviewText(firstItem)
+  ].join(":");
 }
-function MessageCenterIdentityAvatarMark({
-  identity,
-  provider,
-  userId
+function useBatchedMessageCenterStackItems({
+  expanded,
+  highlightedItemId,
+  items,
+  mounted
 }) {
-  "use memo";
-  const userName = identity?.userName.trim() || userId?.trim() || "";
-  if (!userName) {
-    return /* @__PURE__ */ jsx2(
-      "img",
-      {
-        src: managedAgentRoundedIconUrl(provider),
-        alt: "",
-        className: "size-5 shrink-0 rounded-full",
-        decoding: "async",
-        loading: "lazy",
-        draggable: false,
-        "aria-hidden": "true"
-      }
+  const limit = items.length;
+  const highlightedIndex = highlightedItemId === null || highlightedItemId === void 0 ? -1 : items.findIndex((item) => item.id === highlightedItemId);
+  const initialCount = Math.min(
+    limit,
+    Math.max(MESSAGE_CENTER_STACK_INITIAL_RENDER_COUNT, highlightedIndex + 1)
+  );
+  const [renderCount, setRenderCount] = useState2(initialCount);
+  useEffect2(() => {
+    if (!mounted) {
+      setRenderCount(initialCount);
+      return;
+    }
+    setRenderCount(
+      (current) => Math.min(Math.max(current, initialCount), limit)
     );
-  }
-  return /* @__PURE__ */ jsx2(
-    MessageCenterIdentityAvatarStack,
-    {
-      userAvatarUrl: identity?.userAvatarUrl,
-      userName,
-      agentAvatarUrl: identity?.agentAvatarUrl?.trim() || managedAgentRoundedIconUrl(provider)
+  }, [initialCount, limit, mounted]);
+  useEffect2(() => {
+    if (!expanded || !mounted || renderCount >= limit) {
+      return void 0;
     }
-  );
+    const timeoutId = window.setTimeout(() => {
+      setRenderCount(
+        (current) => Math.min(current + MESSAGE_CENTER_STACK_RENDER_BATCH_SIZE, limit)
+      );
+    }, MESSAGE_CENTER_STACK_RENDER_BATCH_DELAY_MS);
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, [expanded, limit, mounted, renderCount]);
+  return items.slice(0, Math.min(renderCount, limit));
 }
-function MessageCenterIdentityAvatarStack({
-  agentAvatarUrl,
-  userAvatarUrl: rawUserAvatarUrl,
-  userName
+function MessageCenterStackSummary({
+  groupId,
+  items,
+  onExpand
 }) {
   "use memo";
-  const [userAvatarFailed, setUserAvatarFailed] = useState(false);
-  const userAvatarUrl = rawUserAvatarUrl?.trim() ?? "";
-  const userImageUrl = userAvatarUrl.length > 0 && !userAvatarFailed ? userAvatarUrl : userAvatarPlaceholderUrl;
-  useEffect(() => {
-    setUserAvatarFailed(false);
-  }, [userAvatarUrl]);
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: "workspace-agent-message-center__identity-avatar-stack inline-flex w-9 shrink-0 items-center",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx2("span", { className: "inline-flex size-5 shrink-0 overflow-hidden rounded-full bg-[var(--transparency-block)] ring-2 ring-[var(--background-fronted)]", children: /* @__PURE__ */ jsx2(
-          "img",
-          {
-            src: userImageUrl,
-            alt: userName,
-            className: "size-full object-cover",
-            decoding: "async",
-            loading: "lazy",
-            referrerPolicy: "no-referrer",
-            draggable: false,
-            onError: () => {
-              setUserAvatarFailed(true);
-            }
-          }
-        ) }),
-        /* @__PURE__ */ jsx2("span", { className: "-ml-1.5 inline-flex size-5 shrink-0 overflow-hidden rounded-full bg-[var(--transparency-block)] ring-2 ring-[var(--background-fronted)]", children: /* @__PURE__ */ jsx2(
-          "img",
-          {
-            src: agentAvatarUrl,
-            alt: "",
-            className: "size-full object-cover",
-            decoding: "async",
-            loading: "lazy",
-            draggable: false
-          }
-        ) })
-      ]
-    }
-  );
-}
-function ProjectPathInfo({ path }) {
-  "use memo";
-  return /* @__PURE__ */ jsx2(
-    LazyMessageCenterTooltip,
+  const { t } = useTranslation();
+  const firstItem = items[0];
+  const hasWaiting = items.some((item) => isWaitingMessageCenterItem(item));
+  if (!firstItem) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx4(
+    "button",
     {
-      content: path,
-      side: "top",
-      align: "start",
-      className: "max-w-[320px] text-[11px] [overflow-wrap:anywhere]",
-      children: /* @__PURE__ */ jsx2(
-        "button",
+      type: "button",
+      "aria-label": t("agentHost.workspaceAgentMessageCenterExpandStackAria", {
+        count: items.length
+      }),
+      className: cn3(
+        "group/stack-peek relative block w-full min-w-0 rounded-lg text-left outline-none focus-visible:ring-2 focus-visible:ring-[var(--accent)]",
+        items.length > 2 ? "pb-[18px]" : "pb-[10px]"
+      ),
+      "data-stack-summary-count": items.length,
+      "data-stack-provider": firstItem.provider,
+      "data-stack-user-id": firstItem.userId ?? "",
+      "data-testid": `workspace-agent-message-stack-summary-${groupId}`,
+      onClick: () => onExpand(groupId),
+      children: /* @__PURE__ */ jsxs3(
+        "span",
         {
-          type: "button",
-          className: "workspace-agent-message-center__project-info-button invisible inline-flex size-5 shrink-0 items-center justify-center rounded-sm text-[var(--text-secondary)] opacity-0 transition-[background-color,color,opacity,visibility] group-hover/message-card:visible group-hover/message-card:opacity-100 group-focus-within/message-card:visible group-focus-within/message-card:opacity-100 hover:bg-[var(--transparency-hover)] hover:text-[var(--text-primary)] focus-visible:bg-[var(--transparency-hover)] focus-visible:text-[var(--text-primary)] focus-visible:outline-none",
-          "aria-label": path,
-          children: /* @__PURE__ */ jsx2(Info, { className: "size-3.5", strokeWidth: 2, "aria-hidden": "true" })
+          className: cn3(
+            "relative z-10 flex min-w-0 flex-col gap-2 rounded-lg border border-[var(--line-2)] bg-[var(--background-fronted)] p-3.5 transition-[background-color,border-color] duration-200 group-hover/stack-peek:bg-[var(--transparency-hover)]",
+            items.length > 2 ? "shadow-[0_7px_0_-4px_var(--background-fronted),0_7px_0_-3px_var(--line-2),0_14px_0_-8px_var(--background-fronted),0_14px_0_-7px_var(--line-2)]" : "shadow-[0_7px_0_-4px_var(--background-fronted),0_7px_0_-3px_var(--line-2)]",
+            hasWaiting && "border-[var(--tutti-purple-border)] bg-[var(--tutti-purple-bg)]"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 items-center justify-between gap-2.5", children: [
+              /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsx4(
+                  MessageCenterIdentityAvatarMark,
+                  {
+                    identity: firstItem.identity,
+                    provider: firstItem.provider,
+                    userId: firstItem.userId
+                  }
+                ),
+                /* @__PURE__ */ jsx4("span", { className: "min-w-0 truncate text-[13px] font-bold leading-5 text-[var(--text-secondary)]", children: t("agentHost.workspaceAgentMessageCenterStackSummaryCount", {
+                  count: items.length
+                }) })
+              ] }),
+              /* @__PURE__ */ jsx4(
+                ChevronDown,
+                {
+                  className: "size-4 shrink-0 text-[var(--text-tertiary)] transition-transform duration-200 group-hover/stack-peek:translate-y-0.5 motion-reduce:transition-none",
+                  "aria-hidden": "true"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx4("span", { className: "min-w-0 rounded-md bg-transparency-block p-2.5 text-[13px] leading-[1.45] text-[var(--text-primary)]", children: /* @__PURE__ */ jsx4("span", { className: "line-clamp-2 min-w-0 [overflow-wrap:anywhere]", children: messageCenterStackPreviewNodes(firstItem) }) })
+          ]
         }
       )
     }
   );
 }
-function LazyMessageCenterTooltip({
-  align,
-  children,
-  className,
-  content,
-  side
+function messageCenterVisibleSummary(item) {
+  const summary = item.digest.primary.summary.trim();
+  if (item.pendingPrompt?.kind === "approval" && isGenericApprovalSummary(summary)) {
+    return "";
+  }
+  return summary;
+}
+function isGenericApprovalSummary(summary) {
+  const normalized = summary.trim().toLowerCase();
+  return normalized === "approval";
+}
+function MessageCenterSummary({
+  emptyLabel,
+  item,
+  lazy,
+  onLinkAction,
+  summary
 }) {
   "use memo";
-  const [hydrated, setHydrated] = useState(false);
-  const [open, setOpen] = useState(false);
-  const showTooltip = useCallback(() => {
-    setHydrated(true);
-    setOpen(true);
-  }, []);
-  const hideTooltip = useCallback(() => {
-    setOpen(false);
-  }, []);
-  const trigger = cloneElement(children, {
-    onBlur: (event) => {
-      children.props.onBlur?.(event);
-      hideTooltip();
-    },
-    onFocus: (event) => {
-      children.props.onFocus?.(event);
-      showTooltip();
-    },
-    onPointerEnter: (event) => {
-      children.props.onPointerEnter?.(event);
-      showTooltip();
+  const summaryRef = useRef(null);
+  const [isOverflowing, setIsOverflowing] = useState2(false);
+  const shouldRenderRichSummary = useLazyMessageCenterSummaryReady(
+    summaryRef,
+    lazy
+  );
+  const shouldMeasureOverflow = useDeferredMessageCenterSummaryMeasureReady(
+    summaryRef,
+    shouldRenderRichSummary
+  );
+  const handleLinkAction = useCallback2(
+    (action) => {
+      const agentTargetId = item.agentTargetId?.trim() || null;
+      onLinkAction?.(
+        action.type === "open-agent-session" && !action.agentTargetId && agentTargetId ? { ...action, agentTargetId } : action
+      );
     },
-    onPointerLeave: (event) => {
-      children.props.onPointerLeave?.(event);
-      hideTooltip();
+    [item.agentTargetId, onLinkAction]
+  );
+  useEffect2(() => {
+    if (!shouldMeasureOverflow) {
+      setIsOverflowing(false);
+      return void 0;
     }
-  });
-  if (!hydrated) {
-    return trigger;
-  }
-  return /* @__PURE__ */ jsxs(Tooltip, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx2(TooltipTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx2(TooltipContent, { side, align, className, children: content })
-  ] });
-}
-function AgentProviderLabel({ provider }) {
-  "use memo";
-  const label = workspaceAgentProviderLabel(provider);
-  return /* @__PURE__ */ jsxs("span", { className: "workspace-agent-message-center__provider inline-flex min-w-0 max-w-full items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx2(
-      "img",
-      {
-        src: managedAgentRoundedIconUrl(provider),
-        alt: "",
-        className: "workspace-agent-message-center__provider-icon size-5 shrink-0 rounded-full",
-        decoding: "async",
-        loading: "lazy",
-        draggable: false,
-        "aria-hidden": "true"
-      }
-    ),
-    /* @__PURE__ */ jsx2("span", { className: "workspace-agent-message-center__provider-name min-w-0 truncate text-[13px] leading-5 text-[var(--text-secondary)]", children: label })
-  ] });
-}
-function statusClass(item) {
-  if (isWaitingMessageCenterItem(item)) {
-    return "waiting";
-  }
-  if (item.status === "idle") {
-    return "completed";
-  }
-  return item.status;
+    const element = summaryRef.current;
+    if (!element) {
+      return void 0;
+    }
+    const updateOverflowState = () => {
+      setIsOverflowing(element.scrollHeight > element.clientHeight + 1);
+    };
+    let resizeObserver = null;
+    const timeoutId = window.setTimeout(() => {
+      updateOverflowState();
+      resizeObserver = new ResizeObserver(updateOverflowState);
+      resizeObserver.observe(element);
+    }, MESSAGE_CENTER_SUMMARY_OVERFLOW_MEASURE_DELAY_MS);
+    return () => {
+      window.clearTimeout(timeoutId);
+      resizeObserver?.disconnect();
+    };
+  }, [shouldMeasureOverflow, summary]);
+  return /* @__PURE__ */ jsx4(
+    AgentVerticalScrollArea,
+    {
+      ref: summaryRef,
+      className: cn3(
+        "workspace-agent-message-center__summary workspace-agent-message-center__copy-text max-h-[160px] min-w-0 rounded-md bg-transparency-block text-[13px] leading-[1.45] text-[var(--text-primary)] [overflow-wrap:anywhere]",
+        isOverflowing && "workspace-agent-message-center__summary--overflowing"
+      ),
+      viewportClassName: "workspace-agent-message-center__copy-text max-h-[160px] p-2.5 pr-4",
+      onPointerDown: stopMessageCenterTextPointerPropagation,
+      scrollbarClassName: "top-2 bottom-2 right-1.5",
+      syncKey: summary,
+      children: summary && shouldRenderRichSummary ? /* @__PURE__ */ jsx4(
+        AgentMessageMarkdown,
+        {
+          content: summary,
+          className: "[&_a]:text-[var(--tutti-purple)] [&_code]:text-[var(--text-secondary)] [&_hr]:border-t-[color-mix(in_srgb,var(--text-primary)_14%,transparent)] [&_ol]:!bg-transparent [&_p]:m-0 [&_th]:bg-[color-mix(in_srgb,var(--background-panel)_94%,var(--text-primary))] [&_th]:text-[var(--text-primary)] [&_ul]:!bg-transparent text-[var(--text-primary)]",
+          onLinkAction: handleLinkAction,
+          workspaceLinkContext: {
+            workspaceRoot: item.cwd || null,
+            basePath: item.cwd,
+            source: "agent-markdown"
+          },
+          enableImageZoom: true
+        }
+      ) : summary ? /* @__PURE__ */ jsx4("div", { className: "whitespace-pre-wrap [overflow-wrap:anywhere]", children: summary }) : emptyLabel
+    }
+  );
 }
-function messageCenterStatusTone(item) {
-  if (isWaitingMessageCenterItem(item)) {
-    return "amber";
-  }
-  if (item.status === "completed" || item.status === "idle") {
-    return "green";
-  }
-  if (item.status === "canceled") {
-    return "amber";
-  }
-  if (item.status === "failed") {
-    return "red";
-  }
-  if (item.status === "working") {
-    return "blue";
-  }
-  return "neutral";
+function useLazyMessageCenterSummaryReady(ref, lazy) {
+  const [ready, setReady] = useState2(!lazy);
+  useEffect2(() => {
+    setReady(!lazy);
+  }, [lazy]);
+  useEffect2(() => {
+    if (!lazy) {
+      return void 0;
+    }
+    if (ready) {
+      return void 0;
+    }
+    const element = ref.current;
+    if (!element || typeof IntersectionObserver === "undefined") {
+      setReady(true);
+      return void 0;
+    }
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries.some((entry) => entry.isIntersecting)) {
+          setReady(true);
+          observer.disconnect();
+        }
+      },
+      { rootMargin: MESSAGE_CENTER_SUMMARY_LAZY_ROOT_MARGIN }
+    );
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [lazy, ready, ref]);
+  return ready;
 }
-function messageCenterStatusToneClass(tone) {
-  switch (tone) {
-    case "amber":
-      return "text-[var(--state-warning)]";
-    case "blue":
-      return "text-[var(--status-running)]";
-    case "green":
-      return "text-[var(--state-success)]";
-    case "red":
-      return "text-[var(--state-danger)]";
-    case "neutral":
-      return "text-[var(--text-secondary)]";
-  }
+function useDeferredMessageCenterSummaryMeasureReady(ref, enabled) {
+  const [ready, setReady] = useState2(false);
+  useEffect2(() => {
+    if (!enabled) {
+      setReady(false);
+      return void 0;
+    }
+    if (ready) {
+      return void 0;
+    }
+    const element = ref.current;
+    if (!element || typeof IntersectionObserver === "undefined") {
+      const timeoutId2 = window.setTimeout(
+        () => setReady(true),
+        MESSAGE_CENTER_SUMMARY_OVERFLOW_MEASURE_DELAY_MS
+      );
+      return () => {
+        window.clearTimeout(timeoutId2);
+      };
+    }
+    let timeoutId = null;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (!entries.some((entry) => entry.isIntersecting)) {
+          return;
+        }
+        observer.disconnect();
+        timeoutId = window.setTimeout(
+          () => setReady(true),
+          MESSAGE_CENTER_SUMMARY_OVERFLOW_MEASURE_DELAY_MS
+        );
+      },
+      { rootMargin: MESSAGE_CENTER_SUMMARY_LAZY_ROOT_MARGIN }
+    );
+    observer.observe(element);
+    return () => {
+      observer.disconnect();
+      if (timeoutId !== null) {
+        window.clearTimeout(timeoutId);
+      }
+    };
+  }, [enabled, ready, ref]);
+  return ready;
 }
 
 // agent-message-center/WorkspaceAgentMessageCenterAttentionDeck.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var DECK_MAX_PEEK = 2;
 var DECK_NEW_CARD_COOLDOWN_MS = 500;
 var DECK_LEAVE_ANIMATION_FALLBACK_MS = 420;
 function WorkspaceAgentMessageCenterAttentionDeck({
   items,
   highlightedItemId = null,
-  submittingPromptKey,
+  isPromptSubmitting,
   registerNode,
   renderCard,
   onLinkAction,
@@ -2165,10 +2021,10 @@ function WorkspaceAgentMessageCenterAttentionDeck({
   const topRequestId = ordered[0]?.pendingPrompt?.requestId ?? null;
   const topPromotedByHighlight = ordered[0]?.id === highlightedItemId && highlightedItemId !== null;
   const previousTopRequestIdRef = useRef2(null);
-  const [cooldownRequestId, setCooldownRequestId] = useState2(
+  const [cooldownRequestId, setCooldownRequestId] = useState3(
     null
   );
-  useEffect2(() => {
+  useEffect3(() => {
     const previousTopRequestId = previousTopRequestIdRef.current;
     previousTopRequestIdRef.current = topRequestId;
     if (!topRequestId || topPromotedByHighlight || previousTopRequestId === null || previousTopRequestId === topRequestId) {
@@ -2188,8 +2044,8 @@ function WorkspaceAgentMessageCenterAttentionDeck({
   const previousTopItemRef = useRef2(
     null
   );
-  const [leavingItem, setLeavingItem] = useState2(null);
-  useEffect2(() => {
+  const [leavingItem, setLeavingItem] = useState3(null);
+  useEffect3(() => {
     const previousTopItem = previousTopItemRef.current;
     previousTopItemRef.current = ordered[0] ?? null;
     if (previousTopItem && previousTopItem.id !== (ordered[0]?.id ?? null) && !items.some((item) => item.id === previousTopItem.id)) {
@@ -2210,23 +2066,23 @@ function WorkspaceAgentMessageCenterAttentionDeck({
     return null;
   }
   const peekCount = Math.min(ordered.length - 1, DECK_MAX_PEEK);
-  const topIsSubmitting = submittingPromptKey === `${topItem.agentSessionId}:${topItem.pendingPrompt?.requestId}`;
-  return /* @__PURE__ */ jsxs2(
+  const topIsSubmitting = isPromptSubmitting(topItem);
+  return /* @__PURE__ */ jsxs4(
     "section",
     {
       className: "flex min-w-0 flex-col gap-2.5",
       "aria-label": t("agentHost.workspaceAgentMessageCenterGroupNeedsAttention"),
       children: [
-        /* @__PURE__ */ jsx3("div", { className: "flex min-w-0 items-center justify-between gap-3 px-0.5", children: /* @__PURE__ */ jsxs2("div", { className: "truncate text-xs font-bold leading-4 text-[var(--text-tertiary)]", children: [
+        /* @__PURE__ */ jsx5("div", { className: "flex min-w-0 items-center justify-between gap-3 px-0.5", children: /* @__PURE__ */ jsxs4("div", { className: "truncate text-xs font-bold leading-4 text-[var(--text-tertiary)]", children: [
           t("agentHost.workspaceAgentMessageCenterGroupNeedsAttention"),
           " \xB7",
           " ",
           ordered.length
         ] }) }),
-        /* @__PURE__ */ jsxs2(
+        /* @__PURE__ */ jsxs4(
           "div",
           {
-            className: cn3(
+            className: cn4(
               "relative min-w-0",
               peekCount > 1 ? "pb-[18px]" : peekCount > 0 && "pb-[10px]"
             ),
@@ -2235,7 +2091,7 @@ function WorkspaceAgentMessageCenterAttentionDeck({
             "data-deck-peek-count": peekCount,
             "data-deck-top-item-id": topItem.id,
             children: [
-              leavingItem ? /* @__PURE__ */ jsx3(
+              leavingItem ? /* @__PURE__ */ jsx5(
                 "div",
                 {
                   "aria-hidden": "true",
@@ -2256,7 +2112,7 @@ function WorkspaceAgentMessageCenterAttentionDeck({
                     item: leavingItem,
                     onSubmitPrompt: () => {
                     }
-                  }) : /* @__PURE__ */ jsx3(
+                  }) : /* @__PURE__ */ jsx5(
                     WorkspaceAgentMessageCenterCard,
                     {
                       interactive: false,
@@ -2270,10 +2126,10 @@ function WorkspaceAgentMessageCenterAttentionDeck({
                 },
                 `leaving-${leavingItem.agentSessionId}`
               ) : null,
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx5(
                 "div",
                 {
-                  className: cn3(
+                  className: cn4(
                     "relative min-w-0 rounded-lg motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-top-1 motion-safe:duration-300 motion-reduce:animate-none",
                     peekCount > 1 ? "shadow-[0_7px_0_-4px_var(--background-fronted),0_7px_0_-3px_var(--line-2),0_14px_0_-8px_var(--background-fronted),0_14px_0_-7px_var(--line-2)]" : peekCount > 0 && "shadow-[0_7px_0_-4px_var(--background-fronted),0_7px_0_-3px_var(--line-2)]"
                   ),
@@ -2284,7 +2140,7 @@ function WorkspaceAgentMessageCenterAttentionDeck({
                     isSubmitting: topIsSubmitting || isTopCoolingDown,
                     item: topItem,
                     onSubmitPrompt: (input) => onSubmitPrompt(topItem, input)
-                  }) : /* @__PURE__ */ jsx3(
+                  }) : /* @__PURE__ */ jsx5(
                     WorkspaceAgentMessageCenterCard,
                     {
                       cardRef: registerNode ? (node) => registerNode(topItem.id, node) : void 0,
@@ -2323,8 +2179,8 @@ function orderDeckItems(items, highlightedItemId) {
 // agent-message-center/WorkspaceAgentMessageCenterViewControls.tsx
 import { ListFilter } from "lucide-react";
 import {
-  Button as Button2,
-  cn as cn4,
+  Button as Button3,
+  cn as cn5,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -2631,7 +2487,7 @@ function messageCenterTimeGroup(item) {
 }
 
 // agent-message-center/WorkspaceAgentMessageCenterViewControls.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function MessageCenterViewMenu({
   filtersActive = false,
   groupBy,
@@ -2646,16 +2502,16 @@ function MessageCenterViewMenu({
 }) {
   "use memo";
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs3(DropdownMenu, { modal: false, children: [
-    /* @__PURE__ */ jsx4(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3(
-      Button2,
+  return /* @__PURE__ */ jsxs5(DropdownMenu, { modal: false, children: [
+    /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs5(
+      Button3,
       {
         type: "button",
         variant: "ghost",
         size: "icon",
         "aria-label": t("agentHost.workspaceAgentMessageCenterViewOptions"),
         title: t("agentHost.workspaceAgentMessageCenterViewOptions"),
-        className: cn4(
+        className: cn5(
           "relative size-8 shrink-0 rounded-md border bg-[var(--background-fronted)] shadow-none",
           filtersActive ? "border-[var(--border-focus)] text-[var(--accent)]" : "border-[var(--line-2)] text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
         ),
@@ -2666,8 +2522,8 @@ function MessageCenterViewMenu({
           event.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ jsx4(ListFilter, { className: "size-4", strokeWidth: 2.1, "aria-hidden": "true" }),
-          filtersActive ? /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx6(ListFilter, { className: "size-4", strokeWidth: 2.1, "aria-hidden": "true" }),
+          filtersActive ? /* @__PURE__ */ jsx6(
             "span",
             {
               "aria-label": t(
@@ -2679,7 +2535,7 @@ function MessageCenterViewMenu({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs5(
       DropdownMenuContent,
       {
         align: "end",
@@ -2699,25 +2555,25 @@ function MessageCenterViewMenu({
           event.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ jsx4(DropdownMenuLabel, { children: t("agentHost.workspaceAgentMessageCenterGroupBy") }),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx6(DropdownMenuLabel, { children: t("agentHost.workspaceAgentMessageCenterGroupBy") }),
+          /* @__PURE__ */ jsx6(
             DropdownMenuRadioGroup,
             {
               value: groupBy,
               onValueChange: (value) => onGroupByChange(value),
-              children: ["priority", "status", "agent", "time"].map((value) => /* @__PURE__ */ jsx4(DropdownMenuRadioItem, { value, children: messageCenterGroupLabel(value, t) }, value))
+              children: ["priority", "status", "agent", "time"].map((value) => /* @__PURE__ */ jsx6(DropdownMenuRadioItem, { value, children: messageCenterGroupLabel(value, t) }, value))
             }
           ),
-          /* @__PURE__ */ jsx4(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsx4(DropdownMenuLabel, { children: t("agentHost.workspaceAgentMessageCenterFilterStatus") }),
-          /* @__PURE__ */ jsx4(DropdownMenuGroup, { children: statusOptions.map((option) => /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx6(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsx6(DropdownMenuLabel, { children: t("agentHost.workspaceAgentMessageCenterFilterStatus") }),
+          /* @__PURE__ */ jsx6(DropdownMenuGroup, { children: statusOptions.map((option) => /* @__PURE__ */ jsx6(
             DropdownMenuCheckboxItem,
             {
               "aria-label": `${option.label} ${option.count}`,
               checked: statusFilters === null || statusFilters.has(option.value),
               onCheckedChange: () => onStatusToggle(option.value),
               onSelect: (event) => event.preventDefault(),
-              children: /* @__PURE__ */ jsx4(
+              children: /* @__PURE__ */ jsx6(
                 MessageCenterOptionWithCount,
                 {
                   count: option.count,
@@ -2727,17 +2583,17 @@ function MessageCenterViewMenu({
             },
             option.value
           )) }),
-          providerOptions.length > 0 ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-            /* @__PURE__ */ jsx4(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsx4(DropdownMenuLabel, { children: t("agentHost.workspaceAgentMessageCenterFilterAgent") }),
-            /* @__PURE__ */ jsx4(DropdownMenuGroup, { children: providerOptions.map((option) => /* @__PURE__ */ jsx4(
+          providerOptions.length > 0 ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+            /* @__PURE__ */ jsx6(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx6(DropdownMenuLabel, { children: t("agentHost.workspaceAgentMessageCenterFilterAgent") }),
+            /* @__PURE__ */ jsx6(DropdownMenuGroup, { children: providerOptions.map((option) => /* @__PURE__ */ jsx6(
               DropdownMenuCheckboxItem,
               {
                 "aria-label": `${option.label} ${option.count}`,
                 checked: providerFilters === null || providerFilters.has(option.value),
                 onCheckedChange: () => onProviderToggle(option.value),
                 onSelect: (event) => event.preventDefault(),
-                children: /* @__PURE__ */ jsx4(
+                children: /* @__PURE__ */ jsx6(
                   MessageCenterOptionWithCount,
                   {
                     count: option.count,
@@ -2748,8 +2604,8 @@ function MessageCenterViewMenu({
               option.value
             )) })
           ] }) : null,
-          /* @__PURE__ */ jsx4(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsx4(DropdownMenuGroup, { children: /* @__PURE__ */ jsx4(DropdownMenuItem, { onClick: onClearFilters, children: t("agentHost.workspaceAgentMessageCenterClearFilters") }) })
+          /* @__PURE__ */ jsx6(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsx6(DropdownMenuGroup, { children: /* @__PURE__ */ jsx6(DropdownMenuItem, { onClick: onClearFilters, children: t("agentHost.workspaceAgentMessageCenterClearFilters") }) })
         ]
       }
     )
@@ -2759,12 +2615,97 @@ function MessageCenterOptionWithCount({
   count,
   label
 }) {
-  return /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-    /* @__PURE__ */ jsx4("span", { className: "min-w-0 flex-1 truncate", children: label }),
-    /* @__PURE__ */ jsx4("span", { className: "shrink-0 tabular-nums text-[11px] text-[var(--text-tertiary)]", children: count })
+  return /* @__PURE__ */ jsxs5("span", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+    /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1 truncate", children: label }),
+    /* @__PURE__ */ jsx6("span", { className: "shrink-0 tabular-nums text-[11px] text-[var(--text-tertiary)]", children: count })
   ] });
 }
 
+// agent-message-center/WorkspaceAgentMessageCenterGroupHeading.tsx
+import { cn as cn6, StatusDot as StatusDot2 } from "@tutti-os/ui-system";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function MessageCenterGroupHeading({
+  group
+}) {
+  "use memo";
+  const statusSignal = messageCenterGroupStatusSignal(group.id);
+  if (group.provider) {
+    return /* @__PURE__ */ jsxs6(
+      "h3",
+      {
+        "aria-label": `${group.label} \xB7 ${group.items.length}`,
+        className: "flex min-w-0 items-center gap-1.5 text-[11px] font-normal leading-4 text-[var(--text-tertiary)]",
+        title: `${group.label} \xB7 ${group.items.length}`,
+        children: [
+          group.identity ? /* @__PURE__ */ jsx7(
+            MessageCenterIdentityLabel,
+            {
+              identity: group.identity,
+              provider: group.provider
+            }
+          ) : /* @__PURE__ */ jsxs6("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx7(
+              MessageCenterIdentityAvatarMark,
+              {
+                identity: null,
+                provider: group.provider,
+                userId: group.userId ?? null
+              }
+            ),
+            /* @__PURE__ */ jsx7("span", { className: "min-w-0 truncate", children: group.label })
+          ] }),
+          /* @__PURE__ */ jsxs6("span", { className: "shrink-0", children: [
+            "\xB7 ",
+            group.items.length
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs6(
+    "h3",
+    {
+      className: cn6(
+        "flex min-w-0 items-center gap-1.5 text-[11px] font-normal leading-4",
+        statusSignal ? messageCenterStatusToneClass(statusSignal.tone) : "text-[var(--text-tertiary)]"
+      ),
+      title: `${group.label} \xB7 ${group.items.length}`,
+      children: [
+        statusSignal ? /* @__PURE__ */ jsx7(
+          StatusDot2,
+          {
+            tone: statusSignal.tone,
+            pulse: statusSignal.pulse,
+            size: "sm",
+            title: group.label
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs6("span", { className: "min-w-0 truncate", children: [
+          group.label,
+          " \xB7 ",
+          group.items.length
+        ] })
+      ]
+    }
+  );
+}
+function messageCenterGroupStatusSignal(groupId) {
+  switch (groupId) {
+    case "needs-attention":
+    case "waiting":
+      return { pulse: true, tone: "amber" };
+    case "working":
+      return { pulse: true, tone: "blue" };
+    case "failed":
+      return { pulse: false, tone: "red" };
+    case "recently-completed":
+    case "completed":
+      return { pulse: false, tone: "green" };
+    default:
+      return null;
+  }
+}
+
 // agent-message-center/messageCenterFilterPreferences.ts
 var messageCenterFiltersStorageKey = "tutti.agent-message-center.filters";
 var messageCenterGroupByValues = /* @__PURE__ */ new Set([
@@ -2850,7 +2791,7 @@ function resolveStoredProviderFilters(value) {
 }
 
 // agent-message-center/WorkspaceAgentMessageCenterPanel.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var MESSAGE_CENTER_TOOLTIP_DELAY_MS = 300;
 var MESSAGE_CENTER_STACK_EAGER_SUMMARY_COUNT = 8;
 var WorkspaceAgentMessageCenterPanel = memo2(
@@ -2861,29 +2802,33 @@ var WorkspaceAgentMessageCenterPanel = memo2(
     model,
     highlightedItemId = null,
     portalContainer = null,
+    presentation = "drawer",
     onClose,
     onHighlightedItemSettled,
     onLinkAction,
     onNotificationActioned,
     onOpenChat,
+    promptStatus = () => "idle",
     onSubmitPrompt
   }) {
     "use memo";
     if (!open) {
       return null;
     }
-    return /* @__PURE__ */ jsx5(AgentGuiI18nProvider, { runtime: i18n, locale, children: /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx8(AgentGuiI18nProvider, { runtime: i18n, locale, children: /* @__PURE__ */ jsx8(
       WorkspaceAgentMessageCenterPanelContent,
       {
         open,
         model,
         highlightedItemId,
         portalContainer,
+        presentation,
         onClose,
         onHighlightedItemSettled,
         onLinkAction,
         onNotificationActioned,
         onOpenChat,
+        promptStatus,
         onSubmitPrompt
       }
     ) });
@@ -2894,38 +2839,37 @@ function WorkspaceAgentMessageCenterPanelContent({
   model,
   highlightedItemId = null,
   portalContainer = null,
+  presentation = "drawer",
   onClose,
   onHighlightedItemSettled,
   onLinkAction,
   onNotificationActioned,
   onOpenChat,
+  promptStatus = () => "idle",
   onSubmitPrompt
 }) {
   "use memo";
   const { t } = useTranslation();
-  const [initialFilters] = useState3(readMessageCenterFilterPreferences);
-  const [groupBy, setGroupBy] = useState3(
+  const [initialFilters] = useState4(readMessageCenterFilterPreferences);
+  const [groupBy, setGroupBy] = useState4(
     initialFilters.groupBy
   );
-  const [statusFilters, setStatusFilters] = useState3(
+  const [statusFilters, setStatusFilters] = useState4(
     initialFilters.statusFilters
   );
-  const [providerFilters, setProviderFilters] = useState3(
+  const [providerFilters, setProviderFilters] = useState4(
     initialFilters.providerFilters
   );
-  useEffect3(() => {
+  useEffect4(() => {
     writeMessageCenterFilterPreferences({
       groupBy,
       statusFilters,
       providerFilters
     });
   }, [groupBy, statusFilters, providerFilters]);
-  const [expandedStackIds, setExpandedStackIds] = useState3(
+  const [expandedStackIds, setExpandedStackIds] = useState4(
     () => /* @__PURE__ */ new Set()
   );
-  const [submittingPromptKey, setSubmittingPromptKey] = useState3(
-    null
-  );
   const itemNodesRef = useRef3(/* @__PURE__ */ new Map());
   const lastScrolledHighlightedItemIdRef = useRef3(null);
   const lastFilterResetHighlightedItemIdRef = useRef3(null);
@@ -3020,35 +2964,27 @@ function WorkspaceAgentMessageCenterPanelContent({
     t,
     visibleItems.length
   ]);
-  const submitPrompt = useCallback2(
+  const submitPrompt = useCallback3(
     async (item, input) => {
-      const promptKey = `${item.agentSessionId}:${input.requestId}`;
-      setSubmittingPromptKey(promptKey);
-      try {
-        const notificationAction = resolveMessageCenterNotificationAction(
-          item,
-          input
-        );
-        if (notificationAction) {
-          onNotificationActioned?.({
-            action: notificationAction,
-            provider: item.provider
-          });
-        }
-        await onSubmitPrompt({
-          ...input,
-          agentSessionId: item.agentSessionId,
-          promptKind: item.pendingPrompt?.kind
+      const notificationAction = resolveMessageCenterNotificationAction(
+        item,
+        input
+      );
+      if (notificationAction) {
+        onNotificationActioned?.({
+          action: notificationAction,
+          provider: item.provider
         });
-      } finally {
-        setSubmittingPromptKey(
-          (current) => current === promptKey ? null : current
-        );
       }
+      await onSubmitPrompt({
+        ...input,
+        agentSessionId: item.agentSessionId,
+        promptKind: item.pendingPrompt?.kind
+      });
     },
     [onNotificationActioned, onSubmitPrompt]
   );
-  const setItemNode = useCallback2(
+  const setItemNode = useCallback3(
     (itemId, node) => {
       if (node) {
         itemNodesRef.current.set(itemId, node);
@@ -3058,7 +2994,7 @@ function WorkspaceAgentMessageCenterPanelContent({
     },
     []
   );
-  const toggleStatusFilter = useCallback2(
+  const toggleStatusFilter = useCallback3(
     (status) => {
       setStatusFilters((current) => {
         const next = new Set(
@@ -3074,7 +3010,7 @@ function WorkspaceAgentMessageCenterPanelContent({
     },
     [statusOptions]
   );
-  const toggleProviderFilter = useCallback2(
+  const toggleProviderFilter = useCallback3(
     (provider) => {
       setProviderFilters((current) => {
         const next = new Set(
@@ -3090,11 +3026,11 @@ function WorkspaceAgentMessageCenterPanelContent({
     },
     [providerOptions]
   );
-  const clearFilters = useCallback2(() => {
+  const clearFilters = useCallback3(() => {
     setStatusFilters(null);
     setProviderFilters(null);
   }, []);
-  const expandStack = useCallback2((groupId) => {
+  const expandStack = useCallback3((groupId) => {
     setExpandedStackIds((current) => {
       if (current.has(groupId)) {
         return current;
@@ -3104,7 +3040,7 @@ function WorkspaceAgentMessageCenterPanelContent({
       return next;
     });
   }, []);
-  const collapseStack = useCallback2((groupId) => {
+  const collapseStack = useCallback3((groupId) => {
     setExpandedStackIds((current) => {
       if (!current.has(groupId)) {
         return current;
@@ -3176,7 +3112,7 @@ function WorkspaceAgentMessageCenterPanelContent({
     statusFilters,
     visibleItems
   ]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!open || !highlightedItemId) {
       return void 0;
     }
@@ -3187,16 +3123,16 @@ function WorkspaceAgentMessageCenterPanelContent({
       window.clearTimeout(timeoutId);
     };
   }, [highlightedItemId, onHighlightedItemSettled, open]);
-  const renderMessageCenterCard = useCallback2(
+  const renderMessageCenterCard = useCallback3(
     (item, options = {}) => {
       const highlighted = item.id === highlightedItemId;
       const stackedIndex = options.stackedIndex;
-      const card = /* @__PURE__ */ jsx5(
+      const card = /* @__PURE__ */ jsx8(
         MessageCenterRenderedCard,
         {
           highlighted,
           item,
-          isSubmitting: submittingPromptKey === `${item.agentSessionId}:${item.pendingPrompt?.requestId}`,
+          isSubmitting: promptStatus(item) === "responding" || promptStatus(item) === "unknown",
           lazySummary: stackedIndex !== void 0 && stackedIndex >= MESSAGE_CENTER_STACK_EAGER_SUMMARY_COUNT,
           registerNode: setItemNode,
           onLinkAction,
@@ -3208,7 +3144,7 @@ function WorkspaceAgentMessageCenterPanelContent({
       if (stackedIndex === void 0) {
         return card;
       }
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx8(
         "div",
         {
           className: "min-w-0 motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-top-1 motion-safe:duration-200 motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:animate-none",
@@ -3224,12 +3160,122 @@ function WorkspaceAgentMessageCenterPanelContent({
       highlightedItemId,
       onLinkAction,
       onOpenChat,
+      promptStatus,
       setItemNode,
-      submitPrompt,
-      submittingPromptKey
+      submitPrompt
     ]
   );
-  return /* @__PURE__ */ jsx5(
+  const panelContents = /* @__PURE__ */ jsxs7(TooltipProvider, { delayDuration: MESSAGE_CENTER_TOOLTIP_DELAY_MS, children: [
+    /* @__PURE__ */ jsx8("div", { className: "flex-none border-b border-[var(--border-1)] px-3.5 pt-3 pb-3", children: /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 items-center justify-between gap-3", children: [
+      presentation === "drawer" ? /* @__PURE__ */ jsxs7("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx8(DrawerTitle, { className: "truncate text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: t("agentHost.workspaceAgentMessageCenterTitle") }),
+        /* @__PURE__ */ jsx8(DrawerDescription, { className: "truncate text-[11px] leading-4 text-[var(--text-tertiary)]", children: headerSummary })
+      ] }) : /* @__PURE__ */ jsx8("p", { className: "min-w-0 truncate text-[11px] leading-4 text-[var(--text-tertiary)]", children: headerSummary }),
+      /* @__PURE__ */ jsx8(
+        MessageCenterViewMenu,
+        {
+          filtersActive: hasActiveFilters,
+          groupBy,
+          providerFilters,
+          providerOptions,
+          statusFilters,
+          statusOptions,
+          onClearFilters: clearFilters,
+          onGroupByChange: setGroupBy,
+          onProviderToggle: toggleProviderFilter,
+          onStatusToggle: toggleStatusFilter
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx8(
+      AgentVerticalScrollArea,
+      {
+        className: "min-h-0 flex-1",
+        viewportClassName: "flex h-full w-full flex-col px-3.5 pt-4 pb-4",
+        scrollbarClassName: "top-4 bottom-4",
+        syncKey: scrollSyncKey,
+        children: deckItems.length > 0 || listItems.length > 0 ? /* @__PURE__ */ jsxs7("div", { className: "flex w-full min-w-0 flex-col gap-4", children: [
+          deckItems.length > 0 ? /* @__PURE__ */ jsx8(
+            WorkspaceAgentMessageCenterAttentionDeck,
+            {
+              items: deckItems,
+              highlightedItemId,
+              isPromptSubmitting: (item) => promptStatus(item) === "responding" || promptStatus(item) === "unknown",
+              registerNode: setItemNode,
+              onLinkAction,
+              onOpenChat,
+              onSubmitPrompt: (item, input) => void submitPrompt(item, input)
+            }
+          ) : null,
+          itemGroupStacks.map((group) => /* @__PURE__ */ jsxs7(
+            "section",
+            {
+              className: "flex min-w-0 flex-col gap-2.5",
+              "aria-label": `${group.label} ${group.items.length}`,
+              children: [
+                /* @__PURE__ */ jsx8("div", { className: "flex min-w-0 items-center justify-between gap-3 px-0.5", children: /* @__PURE__ */ jsx8(MessageCenterGroupHeading, { group }) }),
+                (() => {
+                  return group.stacks.map((stack) => {
+                    const firstItem = stack.items[0];
+                    if (!firstItem) {
+                      return null;
+                    }
+                    if (stack.items.length === 1) {
+                      return renderMessageCenterCard(firstItem);
+                    }
+                    const stackId = messageCenterStackRenderId(
+                      group.id,
+                      stack.id
+                    );
+                    return /* @__PURE__ */ jsx8(
+                      MessageCenterStack,
+                      {
+                        expanded: expandedStackIds.has(stackId),
+                        groupId: stackId,
+                        highlightedItemId,
+                        items: stack.items,
+                        renderCard: renderMessageCenterCard,
+                        onCollapse: collapseStack,
+                        onExpand: expandStack
+                      },
+                      stackId
+                    );
+                  });
+                })()
+              ]
+            },
+            group.id
+          ))
+        ] }) : model.items.length > 0 ? /* @__PURE__ */ jsxs7("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-2.5 px-6 py-8 text-center text-[13px] text-[var(--text-tertiary)]", children: [
+          /* @__PURE__ */ jsx8("span", { children: t("agentHost.workspaceAgentMessageCenterFilteredEmpty") }),
+          /* @__PURE__ */ jsx8(
+            Button4,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "border border-[var(--line-2)] bg-[var(--background-fronted)] text-[var(--text-secondary)] hover:text-[var(--text-primary)]",
+              onClick: clearFilters,
+              children: t("agentHost.workspaceAgentMessageCenterClearFilters")
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx8("div", { className: "flex min-h-0 flex-1 items-center justify-center px-6 py-8 text-center text-[13px] text-[var(--text-tertiary)]", children: t("agentHost.workspaceAgentMessageCenterEmpty") })
+      }
+    )
+  ] });
+  if (presentation === "embedded") {
+    return /* @__PURE__ */ jsx8(
+      "section",
+      {
+        "aria-label": t("agentHost.workspaceAgentMessageCenterTitle"),
+        className: "t-modal nodrag flex h-full min-h-0 w-full flex-col overflow-hidden bg-[var(--background-panel)] text-[var(--text-primary)] [-webkit-app-region:no-drag]",
+        "data-presentation": "embedded",
+        "data-testid": "workspace-agent-message-center",
+        children: panelContents
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx8(
     Drawer,
     {
       open,
@@ -3240,115 +3286,19 @@ function WorkspaceAgentMessageCenterPanelContent({
           onClose();
         }
       },
-      children: /* @__PURE__ */ jsx5(
+      children: /* @__PURE__ */ jsx8(
         DrawerContent,
         {
-          className: cn5(
+          className: cn7(
             "t-modal nodrag min-h-0 w-[min(440px,calc(100vw-16px))] max-w-none overflow-hidden rounded-none border-y-0 border-r-0 bg-[var(--background-panel)] text-[var(--text-primary)] shadow-side-panel data-[vaul-drawer-direction=right]:rounded-none",
             "[-webkit-app-region:no-drag]"
           ),
+          "data-presentation": "drawer",
           "data-testid": "workspace-agent-message-center",
           portalContainer: portalContainer ?? void 0,
           showOverlay: false,
           "aria-label": t("agentHost.workspaceAgentMessageCenterTitle"),
-          children: /* @__PURE__ */ jsxs4(TooltipProvider, { delayDuration: MESSAGE_CENTER_TOOLTIP_DELAY_MS, children: [
-            /* @__PURE__ */ jsx5("div", { className: "flex-none border-b border-[var(--border-1)] px-3.5 pt-3 pb-3", children: /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-center justify-between gap-3", children: [
-              /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx5(DrawerTitle, { className: "truncate text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: t("agentHost.workspaceAgentMessageCenterTitle") }),
-                /* @__PURE__ */ jsx5(DrawerDescription, { className: "truncate text-[11px] leading-4 text-[var(--text-tertiary)]", children: headerSummary })
-              ] }),
-              /* @__PURE__ */ jsx5(
-                MessageCenterViewMenu,
-                {
-                  filtersActive: hasActiveFilters,
-                  groupBy,
-                  providerFilters,
-                  providerOptions,
-                  statusFilters,
-                  statusOptions,
-                  onClearFilters: clearFilters,
-                  onGroupByChange: setGroupBy,
-                  onProviderToggle: toggleProviderFilter,
-                  onStatusToggle: toggleStatusFilter
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ jsx5(
-              AgentVerticalScrollArea,
-              {
-                className: "min-h-0 flex-1",
-                viewportClassName: "flex h-full w-full flex-col px-3.5 pt-4 pb-4",
-                scrollbarClassName: "top-4 bottom-4",
-                syncKey: scrollSyncKey,
-                children: deckItems.length > 0 || listItems.length > 0 ? /* @__PURE__ */ jsxs4("div", { className: "flex w-full min-w-0 flex-col gap-4", children: [
-                  deckItems.length > 0 ? /* @__PURE__ */ jsx5(
-                    WorkspaceAgentMessageCenterAttentionDeck,
-                    {
-                      items: deckItems,
-                      highlightedItemId,
-                      submittingPromptKey,
-                      registerNode: setItemNode,
-                      onLinkAction,
-                      onOpenChat,
-                      onSubmitPrompt: (item, input) => void submitPrompt(item, input)
-                    }
-                  ) : null,
-                  itemGroupStacks.map((group) => /* @__PURE__ */ jsxs4(
-                    "section",
-                    {
-                      className: "flex min-w-0 flex-col gap-2.5",
-                      "aria-label": `${group.label} ${group.items.length}`,
-                      children: [
-                        /* @__PURE__ */ jsx5("div", { className: "flex min-w-0 items-center justify-between gap-3 px-0.5", children: /* @__PURE__ */ jsx5(MessageCenterGroupHeading, { group }) }),
-                        (() => {
-                          return group.stacks.map((stack) => {
-                            const firstItem = stack.items[0];
-                            if (!firstItem) {
-                              return null;
-                            }
-                            if (stack.items.length === 1) {
-                              return renderMessageCenterCard(firstItem);
-                            }
-                            const stackId = messageCenterStackRenderId(
-                              group.id,
-                              stack.id
-                            );
-                            return /* @__PURE__ */ jsx5(
-                              MessageCenterStack,
-                              {
-                                expanded: expandedStackIds.has(stackId),
-                                groupId: stackId,
-                                highlightedItemId,
-                                items: stack.items,
-                                renderCard: renderMessageCenterCard,
-                                onCollapse: collapseStack,
-                                onExpand: expandStack
-                              },
-                              stackId
-                            );
-                          });
-                        })()
-                      ]
-                    },
-                    group.id
-                  ))
-                ] }) : model.items.length > 0 ? /* @__PURE__ */ jsxs4("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-2.5 px-6 py-8 text-center text-[13px] text-[var(--text-tertiary)]", children: [
-                  /* @__PURE__ */ jsx5("span", { children: t("agentHost.workspaceAgentMessageCenterFilteredEmpty") }),
-                  /* @__PURE__ */ jsx5(
-                    Button3,
-                    {
-                      type: "button",
-                      variant: "ghost",
-                      size: "sm",
-                      className: "border border-[var(--line-2)] bg-[var(--background-fronted)] text-[var(--text-secondary)] hover:text-[var(--text-primary)]",
-                      onClick: clearFilters,
-                      children: t("agentHost.workspaceAgentMessageCenterClearFilters")
-                    }
-                  )
-                ] }) : /* @__PURE__ */ jsx5("div", { className: "flex min-h-0 flex-1 items-center justify-center px-6 py-8 text-center text-[13px] text-[var(--text-tertiary)]", children: t("agentHost.workspaceAgentMessageCenterEmpty") })
-              }
-            )
-          ] })
+          children: panelContents
         }
       )
     }
@@ -3366,19 +3316,19 @@ var MessageCenterRenderedCard = memo2(function MessageCenterRenderedCard2({
   onSubmitPrompt,
   registerNode
 }) {
-  const cardRef = useCallback2(
+  const cardRef = useCallback3(
     (node) => {
       registerNode(item.id, node);
     },
     [item.id, registerNode]
   );
-  const handleSubmitPrompt = useCallback2(
+  const handleSubmitPrompt = useCallback3(
     (input) => {
       onSubmitPrompt(item, input);
     },
     [item, onSubmitPrompt]
   );
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx8(
     MessageCenterCard,
     {
       cardRef,
@@ -3392,86 +3342,203 @@ var MessageCenterRenderedCard = memo2(function MessageCenterRenderedCard2({
     }
   );
 });
-function MessageCenterGroupHeading({
-  group
-}) {
-  "use memo";
-  const statusSignal = messageCenterGroupStatusSignal(group.id);
-  if (group.provider) {
-    return /* @__PURE__ */ jsxs4(
-      "h3",
-      {
-        "aria-label": `${group.label} \xB7 ${group.items.length}`,
-        className: "flex min-w-0 items-center gap-1.5 text-[11px] font-normal leading-4 text-[var(--text-tertiary)]",
-        title: `${group.label} \xB7 ${group.items.length}`,
-        children: [
-          group.identity ? /* @__PURE__ */ jsx5(
-            MessageCenterIdentityLabel,
-            {
-              identity: group.identity,
-              provider: group.provider
-            }
-          ) : /* @__PURE__ */ jsxs4("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx5(
-              MessageCenterIdentityAvatarMark,
-              {
-                identity: null,
-                provider: group.provider,
-                userId: group.userId ?? null
-              }
-            ),
-            /* @__PURE__ */ jsx5("span", { className: "min-w-0 truncate", children: group.label })
-          ] }),
-          /* @__PURE__ */ jsxs4("span", { className: "shrink-0", children: [
-            "\xB7 ",
-            group.items.length
-          ] })
-        ]
+
+// agent-message-center/workspaceAgentMessageCenterEngineModel.ts
+import {
+  selectEngineInteractionResponse,
+  selectPendingSubmitsForSession,
+  selectPlanDecisionForTurn
+} from "@tutti-os/agent-activity-core";
+
+// agent-message-center/workspaceAgentConsumerSelectors.ts
+import {
+  selectWorkspaceAgentConsumerCounts,
+  selectWorkspaceAgentConsumerSession,
+  selectWorkspaceAgentConsumerSessions
+} from "@tutti-os/agent-activity-core";
+
+// agent-message-center/workspaceAgentMessageCenterEngineModel.ts
+function buildWorkspaceAgentMessageCenterModelFromEngine(presentation, snapshot, options = {}) {
+  const items = presentation.consumers.filter((consumer) => consumer.session.visible !== false).map((consumer) => {
+    const interaction = latestPendingInteraction(consumer);
+    const needsAttention = interaction ? needsAttentionFromInteraction(consumer, interaction) : null;
+    return buildWorkspaceAgentMessageCenterItem({
+      session: consumer.session,
+      messages: sessionMessages(snapshot.sessionMessagesById, consumer),
+      status: consumer.displayStatus,
+      needsAttention,
+      pendingPrompt: interaction ? promptFromInteraction(interaction) : null,
+      latestTurnOutcome: turnOutcome(consumer),
+      options
+    });
+  });
+  return buildWorkspaceAgentMessageCenterModelFromItems(
+    items,
+    options.itemCutoffUnixMs
+  );
+}
+function selectWorkspaceAgentMessageCenterPresentation(state) {
+  const consumers = selectWorkspaceAgentConsumerSessions(state);
+  const promptStatusByKey = {};
+  for (const consumer of consumers) {
+    const sessionId = consumer.session.agentSessionId;
+    for (const interaction of consumer.pendingInteractions) {
+      const response = selectEngineInteractionResponse(
+        state,
+        sessionId,
+        interaction.turnId,
+        interaction.requestId
+      );
+      if (response) {
+        promptStatusByKey[promptStatusKey(sessionId, interaction.requestId)] = response.status;
       }
+    }
+    const turnId = consumer.latestTurn?.turnId ?? "";
+    if (!turnId) continue;
+    const decision = selectPlanDecisionForTurn(state, sessionId, turnId);
+    if (decision) {
+      promptStatusByKey[promptStatusKey(sessionId, turnId)] = decision.status === "requested" ? "responding" : decision.status;
+      continue;
+    }
+    const feedbackPrefix = [
+      "plan-implementation",
+      consumer.session.workspaceId,
+      sessionId,
+      turnId,
+      "feedback"
+    ].join(":");
+    const submit = selectPendingSubmitsForSession(state, sessionId).find(
+      (record) => record.clientSubmitId.startsWith(feedbackPrefix)
     );
+    if (submit) {
+      promptStatusByKey[promptStatusKey(sessionId, turnId)] = submit.status === "failed" ? "failed" : submit.status === "uncertain" ? "unknown" : "responding";
+    }
   }
-  return /* @__PURE__ */ jsxs4(
-    "h3",
-    {
-      className: cn5(
-        "flex min-w-0 items-center gap-1.5 text-[11px] font-normal leading-4",
-        statusSignal ? messageCenterStatusToneClass(statusSignal.tone) : "text-[var(--text-tertiary)]"
-      ),
-      title: `${group.label} \xB7 ${group.items.length}`,
-      children: [
-        statusSignal ? /* @__PURE__ */ jsx5(
-          StatusDot2,
-          {
-            tone: statusSignal.tone,
-            pulse: statusSignal.pulse,
-            size: "sm",
-            title: group.label
-          }
-        ) : null,
-        /* @__PURE__ */ jsxs4("span", { className: "min-w-0 truncate", children: [
-          group.label,
-          " \xB7 ",
-          group.items.length
-        ] })
-      ]
+  return {
+    consumers,
+    promptStatusByKey
+  };
+}
+function workspaceAgentMessageCenterPresentationEqual(left, right) {
+  return promptStatusMapsEqual(left.promptStatusByKey, right.promptStatusByKey) && left.consumers.length === right.consumers.length && left.consumers.every((item, index) => {
+    const candidate = right.consumers[index];
+    return candidate !== void 0 && item.session === candidate.session && item.activeTurn === candidate.activeTurn && item.latestTurn === candidate.latestTurn && item.displayStatus === candidate.displayStatus && item.pendingInteractions.length === candidate.pendingInteractions.length && item.pendingInteractions.every(
+      (interaction, interactionIndex) => interaction === candidate.pendingInteractions[interactionIndex]
+    );
+  });
+}
+function workspaceAgentMessageCenterPromptStatus(presentation, item) {
+  const prompt = item.pendingPrompt;
+  if (!prompt) return "idle";
+  return presentation.promptStatusByKey[promptStatusKey(item.agentSessionId, prompt.requestId)] ?? "idle";
+}
+function promptStatusKey(agentSessionId, requestId) {
+  return `${agentSessionId}\0${requestId}`;
+}
+function promptStatusMapsEqual(left, right) {
+  const keys = Object.keys(left);
+  return keys.length === Object.keys(right).length && keys.every((key) => left[key] === right[key]);
+}
+function sessionMessages(sessionMessagesById, consumer) {
+  for (const id of [
+    consumer.session.agentSessionId,
+    consumer.session.providerSessionId
+  ]) {
+    const normalized = id?.trim() ?? "";
+    if (normalized && sessionMessagesById[normalized]) {
+      return sessionMessagesById[normalized];
     }
-  );
+  }
+  return [];
 }
-function messageCenterGroupStatusSignal(groupId) {
-  switch (groupId) {
-    case "needs-attention":
-    case "waiting":
-      return { pulse: true, tone: "amber" };
-    case "working":
-      return { pulse: true, tone: "blue" };
-    case "failed":
-      return { pulse: false, tone: "red" };
-    case "recently-completed":
-    case "completed":
-      return { pulse: false, tone: "green" };
-    default:
-      return null;
+function latestPendingInteraction(consumer) {
+  return consumer.pendingInteractions.at(-1) ?? null;
+}
+function needsAttentionFromInteraction(consumer, interaction) {
+  const summary = interactionSummary(interaction);
+  return {
+    id: `interaction:${interaction.requestId}`,
+    workspaceId: consumer.session.workspaceId,
+    agentSessionId: consumer.session.agentSessionId,
+    provider: consumer.session.provider,
+    title: summary,
+    cwd: consumer.session.cwd,
+    kind: interaction.kind === "approval" ? "permission" : interaction.kind === "question" ? "question" : "constraint",
+    summary,
+    occurredAtUnixMs: interaction.createdAtUnixMs
+  };
+}
+function promptFromInteraction(interaction) {
+  const input = interaction.input ?? {};
+  if (interaction.kind === "question") {
+    const questions = normalizeAskUserQuestions(input.questions);
+    return {
+      kind: "ask-user",
+      requestId: interaction.requestId,
+      title: interactionSummary(interaction),
+      questions: questions.length > 0 ? questions : [
+        {
+          id: "response",
+          header: "",
+          question: interactionSummary(interaction),
+          options: [],
+          multiSelect: false,
+          answer: null
+        }
+      ]
+    };
+  }
+  if (interaction.kind !== "approval") {
+    return null;
   }
+  const options = arrayValue2(input.options).flatMap((value) => {
+    const option = recordValue3(value);
+    const id = textValue(option.optionId) ?? textValue(option.id);
+    return id ? [
+      {
+        id,
+        label: textValue(option.label) ?? textValue(option.name) ?? id,
+        kind: textValue(option.kind) ?? id
+      }
+    ] : [];
+  });
+  return {
+    kind: "approval",
+    id: `approval:${interaction.requestId}`,
+    turnId: interaction.turnId,
+    requestId: interaction.requestId,
+    callId: textValue(input.callId) ?? interaction.requestId,
+    title: interactionSummary(interaction),
+    toolName: interaction.toolName ?? null,
+    status: interaction.status,
+    input,
+    options,
+    output: interaction.output ?? null,
+    occurredAtUnixMs: interaction.createdAtUnixMs
+  };
+}
+function turnOutcome(consumer) {
+  const turn = consumer.latestTurn;
+  if (!turn || turn.phase !== "settled") return null;
+  const status = turn.outcome === "completed" ? "completed" : turn.outcome === "failed" ? "failed" : null;
+  return status ? {
+    notificationKey: `${consumer.session.agentSessionId}:turn:${turn.turnId}:${status}`,
+    status,
+    turnId: turn.turnId
+  } : null;
+}
+function interactionSummary(interaction) {
+  const input = interaction.input ?? {};
+  return textValue(input.question) ?? textValue(input.title) ?? textValue(input.summary) ?? interaction.toolName?.trim() ?? interaction.kind;
+}
+function textValue(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : null;
+}
+function recordValue3(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : {};
+}
+function arrayValue2(value) {
+  return Array.isArray(value) ? value : [];
 }
 
 // agent-message-center/workspaceAgentMessageCenterModelStability.ts
@@ -3631,7 +3698,8 @@ export {
   buildMessageCenterProviderOptions,
   buildMessageCenterStatusOptions,
   buildWorkspaceAgentInteractivePromptLabels,
-  buildWorkspaceAgentMessageCenterModel,
+  buildWorkspaceAgentMessageCenterModelFromEngine,
+  dispatchAgentPlanPromptAction,
   getPromptToolDetails,
   groupMessageCenterItems,
   isInteractiveMessageCenterItem,
@@ -3654,10 +3722,17 @@ export {
   readMessageCenterFilterPreferences,
   resolveMessageCenterNotificationAction,
   selectMessageCenterAttentionDeckItems,
+  selectWorkspaceAgentConsumerCounts,
+  selectWorkspaceAgentConsumerSession,
+  selectWorkspaceAgentConsumerSessions,
+  selectWorkspaceAgentMessageCenterPresentation,
   stabilizeWorkspaceAgentMessageCenterModel,
   statusFilterSummary,
+  useEngineSelector,
   userAvatarPlaceholderUrl,
   workspaceAgentActivityStatusLabel,
+  workspaceAgentMessageCenterPresentationEqual,
+  workspaceAgentMessageCenterPromptStatus,
   writeMessageCenterFilterPreferences
 };
 //# sourceMappingURL=index.js.map