@tutti-os/agent-gui 0.0.10 → 0.0.12

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

@@ -1,42 +1,54 @@
 import {
   AgentInteractivePromptSurface,
-  AgentMessageMarkdown,
-  CustomScrollArea,
   approvalOptionDisplayLabel,
-  cn,
   getPromptToolDetails,
   isPromptRequestIdTitle,
   managedAgentRoundedIconUrl,
   user_avatar_placeholder_default,
   workspaceAgentActivityStatusLabel
-} from "../chunk-CUQJ3VO3.js";
+} from "../chunk-Y5O7BVGU.js";
+import "../chunk-4ASBZ4X7.js";
+import {
+  resolveWorkspaceAgentSessionSortTimeUnixMs
+} from "../chunk-IBIMGLCD.js";
+import {
+  AgentMessageMarkdown,
+  CustomScrollArea,
+  cn,
+  extractAgentMcpToolTarget,
+  normalizeAskUserQuestions
+} from "../chunk-PONEQEJ5.js";
 import {
-  resolveWorkspaceAgentSessionSortTimeUnixMs,
   workspaceAgentProviderLabel
-} from "../chunk-3D5VTIKP.js";
+} from "../chunk-TYGL25EL.js";
 import {
   normalizeAgentTitleText
 } from "../chunk-GCBDIQDX.js";
 import {
   AgentGuiI18nProvider,
   useTranslation
-} from "../chunk-T6U7AB7F.js";
+} from "../chunk-Y3AQGWJA.js";
 import "../chunk-PJP5BUU6.js";
-import "../chunk-4ASBZ4X7.js";
+import {
+  PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
+  PLAN_IMPLEMENTATION_PROMPT,
+  latestPlanTurnId,
+  planImplementationPromptFromPlanTurn
+} from "../chunk-MKHDRIGN.js";
 
 // agent-message-center/WorkspaceAgentMessageCenterPanel.tsx
 import {
   memo,
   useCallback as useCallback2,
-  useEffect as useEffect2,
+  useEffect as useEffect3,
   useLayoutEffect as useLayoutEffect2,
-  useMemo,
-  useRef as useRef2,
-  useState as useState2
+  useMemo as useMemo2,
+  useRef as useRef3,
+  useState as useState3
 } from "react";
 import {
   Button as Button3,
-  cn as cn4,
+  cn as cn5,
   Drawer,
   DrawerContent,
   TooltipProvider
@@ -81,28 +93,361 @@ var AgentVerticalScrollArea = forwardRef(function AgentVerticalScrollArea2({
   );
 });
 
-// agent-message-center/WorkspaceAgentMessageCenterViewControls.tsx
-import { ListFilter } from "lucide-react";
-import {
-  Button,
-  cn as cn2,
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from "@tutti-os/ui-system";
-
 // agent-message-center/workspaceAgentMessageCenterModel.ts
 import {
   selectNeedsAttentionItems,
   selectSessionDisplayStatuses
 } from "@tutti-os/agent-activity-core";
+
+// agent-message-center/workspaceAgentMessageCenterDigest.ts
+function buildWorkspaceAgentMessageCenterDigest({
+  fallbackTitle,
+  messages,
+  needsAttention,
+  pendingPrompt,
+  status
+}) {
+  const latestAgentMessage2 = latestAgentMessageSummary(messages);
+  const fallbackSummary = firstNonEmptyString(
+    latestAgentMessage2?.summary ?? null,
+    needsAttention?.summary ?? null,
+    pendingPromptSummary(pendingPrompt),
+    fallbackTitle
+  );
+  if (pendingPrompt || needsAttention) {
+    return {
+      primary: {
+        kind: "input-required",
+        summary: firstNonEmptyString(
+          pendingPromptSummary(pendingPrompt),
+          needsAttention?.summary ?? null,
+          fallbackSummary
+        ),
+        occurredAtUnixMs: needsAttention?.occurredAtUnixMs ?? promptTimeUnixMs(pendingPrompt) ?? latestAgentMessage2?.occurredAtUnixMs ?? null
+      }
+    };
+  }
+  if (status === "failed") {
+    return {
+      primary: {
+        kind: "error",
+        summary: fallbackSummary,
+        occurredAtUnixMs: latestAgentMessage2?.occurredAtUnixMs ?? null
+      }
+    };
+  }
+  if (status === "completed" || status === "canceled" || status === "idle") {
+    return {
+      primary: {
+        kind: "outcome",
+        summary: fallbackSummary,
+        occurredAtUnixMs: latestAgentMessage2?.occurredAtUnixMs ?? null
+      }
+    };
+  }
+  if (status === "working") {
+    return {
+      primary: {
+        kind: "progress",
+        summary: fallbackSummary,
+        occurredAtUnixMs: latestAgentMessage2?.occurredAtUnixMs ?? null
+      }
+    };
+  }
+  return {
+    primary: {
+      kind: "summary",
+      summary: fallbackSummary,
+      occurredAtUnixMs: latestAgentMessage2?.occurredAtUnixMs ?? null
+    }
+  };
+}
+function latestAgentMessageSummary(messages) {
+  return messages.reduce(
+    (latest, message) => {
+      if (!isAgentMessageRole(message.role)) {
+        return latest;
+      }
+      const summary = meaningfulMessageSummary(message);
+      if (!summary) {
+        return latest;
+      }
+      const occurredAtUnixMs = messageTimeUnixMs(message);
+      if (!latest || occurredAtUnixMs >= latest.occurredAtUnixMs) {
+        return { summary, occurredAtUnixMs };
+      }
+      return latest;
+    },
+    null
+  );
+}
+function pendingPromptSummary(prompt) {
+  if (!prompt) {
+    return null;
+  }
+  switch (prompt.kind) {
+    case "ask-user":
+      return firstNonEmptyString(
+        prompt.title,
+        prompt.questions[0]?.question ?? null
+      );
+    case "approval":
+    case "exit-plan":
+    case "plan-implementation":
+      return prompt.title;
+  }
+}
+function promptTimeUnixMs(prompt) {
+  if (!prompt || !("occurredAtUnixMs" in prompt)) {
+    return null;
+  }
+  return positiveNumber(prompt.occurredAtUnixMs);
+}
+function isAgentMessageRole(role) {
+  const normalized = role.trim().toLowerCase();
+  return normalized === "assistant" || normalized === "agent";
+}
+function meaningfulMessageSummary(message) {
+  for (const candidate of messageSummaryCandidates(message)) {
+    if (!isGenericToolLabelSummary(message, candidate)) {
+      return decorateMessageSummary(message, candidate);
+    }
+  }
+  return "";
+}
+function messageSummaryCandidates(message) {
+  const explicitCandidates = [
+    summaryCandidate("payload.summary", message.payload.summary),
+    summaryCandidate("payload.displayPrompt", message.payload.displayPrompt),
+    summaryCandidate("payload.text", message.payload.text),
+    summaryCandidate("payload.content", message.payload.content),
+    summaryCandidate("payload.message", message.payload.message),
+    summaryCandidate("payload.body", message.payload.body)
+  ];
+  if (!isToolLikeMessage(message)) {
+    return [
+      ...explicitCandidates,
+      summaryCandidate("payload.title", message.payload.title)
+    ].filter(
+      (candidate) => Boolean(candidate)
+    );
+  }
+  return [
+    ...explicitCandidates,
+    toolErrorSummaryCandidate(message.payload),
+    toolOutputSummaryCandidate(message.payload),
+    toolInputSummaryCandidate(message.payload),
+    summaryCandidate("payload.title", message.payload.title)
+  ].filter(
+    (candidate) => Boolean(candidate)
+  );
+}
+function summaryCandidate(source, value) {
+  const summary = normalizeSummaryText(stringValue(value));
+  return summary ? { source, summary } : null;
+}
+function toolErrorSummaryCandidate(payload) {
+  const error = recordValue(payload.error);
+  const rawOutput = recordValue(error.rawOutput);
+  return summaryCandidate(
+    "tool.error",
+    firstNonEmptyString(
+      stringValue(payload.error),
+      stringValue(error.summary),
+      stringValue(error.message),
+      stringValue(error.detail),
+      stringValue(error.text),
+      textFromContentValue(error.content),
+      stringValue(error.output),
+      stringValue(error.stdout),
+      stringValue(error.stderr),
+      stringValue(error.aggregated_output),
+      stringValue(error.formatted_output),
+      stringValue(rawOutput.stdout),
+      stringValue(rawOutput.stderr),
+      stringValue(rawOutput.aggregated_output),
+      stringValue(rawOutput.formatted_output),
+      stringValue(error.error)
+    )
+  );
+}
+function toolOutputSummaryCandidate(payload) {
+  const output = recordValue(payload.output);
+  const rawOutput = recordValue(output.rawOutput);
+  return summaryCandidate(
+    "tool.output",
+    firstNonEmptyString(
+      stringValue(output.summary),
+      stringValue(output.message),
+      stringValue(output.text),
+      textFromContentValue(output.content),
+      stringValue(output.content),
+      stringValue(output.result),
+      stringValue(output.output),
+      stringValue(output.stdout),
+      stringValue(output.stderr),
+      stringValue(output.aggregated_output),
+      stringValue(output.formatted_output),
+      stringValue(rawOutput.stdout),
+      stringValue(rawOutput.stderr),
+      stringValue(rawOutput.aggregated_output),
+      stringValue(rawOutput.formatted_output),
+      stringValue(payload.result)
+    )
+  );
+}
+function toolInputSummaryCandidate(payload) {
+  const input = recordValue(payload.input);
+  const rawInput = recordValue(input.rawInput);
+  const action = recordValue(input.action);
+  return summaryCandidate(
+    "tool.input",
+    firstNonEmptyString(
+      stringValue(input.summary),
+      stringValue(input.command),
+      stringValue(input.cmd),
+      stringValue(rawInput.command),
+      stringValue(rawInput.cmd),
+      stringValue(input.path),
+      stringValue(input.file_path),
+      stringValue(input.fileName),
+      stringValue(input.filename),
+      stringValue(input.query),
+      stringArrayFirstValue(input.search_query),
+      stringArrayFirstValue(input.searchQuery),
+      stringValue(input.url),
+      stringValue(input.pattern),
+      stringValue(input.glob),
+      stringValue(input.regex),
+      stringValue(input.prompt),
+      stringValue(action.query),
+      stringValue(action.url)
+    )
+  );
+}
+function isGenericToolLabelSummary(message, candidate) {
+  if (!isToolLikeMessage(message)) {
+    return false;
+  }
+  const normalizedSummary = normalizeToken(candidate.summary);
+  if (!normalizedSummary) {
+    return true;
+  }
+  if (structuralToolLabelTokens(message).has(normalizedSummary)) {
+    return true;
+  }
+  return candidate.source === "payload.title" && !hasToolDigestSignal(message) && looksLikeBareLabel(candidate.summary);
+}
+function decorateMessageSummary(message, candidate) {
+  if (!isToolLikeMessage(message)) {
+    return candidate.summary;
+  }
+  const mcpTarget = extractAgentMcpToolTarget({ payload: message.payload });
+  if (!mcpTarget) {
+    return candidate.summary;
+  }
+  if (candidate.summary.includes(mcpTarget.displayName)) {
+    return candidate.summary;
+  }
+  return `${mcpTarget.displayName}: ${candidate.summary}`;
+}
+function isToolLikeMessage(message) {
+  const payload = recordValue(message.payload);
+  const normalizedKind = normalizeToken(message.kind);
+  const normalizedType = [
+    stringValue(payload.type),
+    stringValue(payload.action),
+    stringValue(payload.requestType)
+  ].map((value) => normalizeToken(value ?? "")).join(" ");
+  return includesAny(normalizedKind, ["call", "tool"]) || includesAny(normalizedType, ["call", "tool"]) || Boolean(
+    stringValue(payload.callType) || stringValue(payload.toolName) || stringValue(payload.tool) || hasRecordValue(payload.input) || hasRecordValue(payload.output) || hasRecordValue(payload.error)
+  );
+}
+function structuralToolLabelTokens(message) {
+  const payload = recordValue(message.payload);
+  const metadata = recordValue(payload.metadata);
+  return new Set(
+    [
+      message.kind,
+      message.status,
+      stringValue(payload.type),
+      stringValue(payload.action),
+      stringValue(payload.requestType),
+      stringValue(payload.callType),
+      stringValue(payload.toolName),
+      stringValue(payload.name),
+      stringValue(payload.tool),
+      stringValue(metadata.callType),
+      stringValue(metadata.toolName),
+      stringValue(metadata.name),
+      stringValue(metadata.tool)
+    ].map((value) => normalizeToken(value ?? "")).filter(Boolean)
+  );
+}
+function includesAny(value, needles) {
+  return needles.some((needle) => value.includes(normalizeToken(needle)));
+}
+function hasToolDigestSignal(message) {
+  const payload = recordValue(message.payload);
+  return Boolean(
+    toolErrorSummaryCandidate(payload) || toolOutputSummaryCandidate(payload) || toolInputSummaryCandidate(payload)
+  );
+}
+function looksLikeBareLabel(value) {
+  const trimmed = value.trim();
+  return trimmed.length > 0 && trimmed.length <= 40 && !/\s/u.test(trimmed) && !/[/:\\.[\]{}()=#?&]/u.test(trimmed);
+}
+function normalizeToken(value) {
+  return value.replace(/[_\s.-]+/g, "").toLowerCase();
+}
+function messageTimeUnixMs(message) {
+  return positiveNumber(message.occurredAtUnixMs) ?? positiveNumber(message.completedAtUnixMs) ?? positiveNumber(message.startedAtUnixMs) ?? positiveNumber(message.version) ?? 0;
+}
+function firstNonEmptyString(...values) {
+  return values.find((value) => value !== null && value.trim().length > 0) ?? "";
+}
+function stringValue(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : null;
+}
+function stringArrayFirstValue(value) {
+  if (!Array.isArray(value)) {
+    return null;
+  }
+  return value.map(stringValue).find((item) => Boolean(item)) ?? null;
+}
+function textFromContentValue(value) {
+  if (typeof value === "string") {
+    return stringValue(value);
+  }
+  if (Array.isArray(value)) {
+    return value.map(textFromContentValue).find((item) => Boolean(item)) ?? null;
+  }
+  if (!value || typeof value !== "object") {
+    return null;
+  }
+  const record = value;
+  return firstNonEmptyString(
+    stringValue(record.text),
+    "content" in record ? textFromContentValue(record.content) : null
+  );
+}
+function normalizeSummaryText(value) {
+  if (!value) {
+    return null;
+  }
+  return value.replace(/^#{1,6}\s+error\s*\n+/iu, "").replace(/\s+/gu, " ").trim();
+}
+function recordValue(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : {};
+}
+function hasRecordValue(value) {
+  return Object.keys(recordValue(value)).length > 0;
+}
+function positiveNumber(value) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : null;
+}
+
+// agent-message-center/workspaceAgentMessageCenterModel.ts
 var EMPTY_COUNTS = {
   all: 0,
   working: 0,
@@ -118,13 +463,20 @@ function buildWorkspaceAgentMessageCenterModel(snapshot, options = {}) {
   const items = snapshot.sessions.filter((session) => session.visible !== false).map((session) => {
     const messages = resolveSessionMessages(snapshot, session);
     const needsAttention = needsAttentionBySessionId.get(session.agentSessionId) ?? null;
-    const pendingPrompt = pendingPromptFromMessages(messages) ?? fallbackPromptFromNeedsAttention(
-      needsAttention,
-      options.promptFallbackLabels
-    );
     const status = displayStatuses.get(session.agentSessionId) ?? "idle";
     const lastAgentMessage = latestAgentMessage(messages);
     const title = resolveSessionTitle(session, messages);
+    const pendingPrompt = pendingPromptFromMessages(messages) ?? codexPlanImplementationPrompt(session, status, messages) ?? fallbackPromptFromNeedsAttention(
+      needsAttention,
+      options.promptFallbackLabels
+    );
+    const digest = buildWorkspaceAgentMessageCenterDigest({
+      fallbackTitle: resolveDigestFallbackTitle(session),
+      messages,
+      needsAttention,
+      pendingPrompt,
+      status
+    });
     const sortTimeUnixMs = resolveWorkspaceAgentSessionSortTimeUnixMs(
       session,
       {
@@ -143,11 +495,13 @@ function buildWorkspaceAgentMessageCenterModel(snapshot, options = {}) {
       ),
       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: latestTurnOutcome(session.agentSessionId, messages),
       sortTimeUnixMs
     };
   });
@@ -179,6 +533,12 @@ function resolveMessageCenterIdentity(agentSessionId, identityBySessionId) {
 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";
 }
@@ -208,6 +568,9 @@ function resolveSessionTitle(session, messages) {
   }
   return firstUserMessageText(messages) || session.provider || session.agentSessionId;
 }
+function resolveDigestFallbackTitle(session) {
+  return session.title.trim() || session.provider || session.agentSessionId;
+}
 function firstUserMessageText(messages) {
   for (const message of messages) {
     if (message.role.trim().toLowerCase() !== "user") {
@@ -244,116 +607,112 @@ function approvalPromptFromMessage(message) {
   if (!isPermissionMessage(message)) {
     return null;
   }
-  const payload = recordValue(message.payload);
-  const input = recordValue(payload.input);
-  const requestId = stringValue(input.requestId) ?? stringValue(payload.requestId) ?? stringValue(payload.approvalRequestId) ?? message.messageId;
+  const payload = recordValue2(message.payload);
+  const input = recordValue2(payload.input);
+  const requestId = stringValue2(input.requestId) ?? stringValue2(payload.requestId) ?? stringValue2(payload.approvalRequestId) ?? message.messageId;
   const options = [
     ...arrayValue(input.options),
     ...arrayValue(payload.options)
   ].flatMap((option) => {
-    const record = recordValue(option);
-    const id = stringValue(record.optionId) ?? stringValue(record.id) ?? stringValue(record.kind);
+    const record = recordValue2(option);
+    const id = stringValue2(record.optionId) ?? stringValue2(record.id) ?? stringValue2(record.kind);
     if (!id) {
       return [];
     }
     return [
       {
         id,
-        label: stringValue(record.name) ?? stringValue(record.label) ?? stringValue(record.title) ?? id,
-        kind: stringValue(record.kind) ?? id,
-        ...stringValue(record.description) ? { description: stringValue(record.description) } : {}
+        label: stringValue2(record.name) ?? stringValue2(record.label) ?? stringValue2(record.title) ?? id,
+        kind: stringValue2(record.kind) ?? id,
+        ...stringValue2(record.description) ? { description: stringValue2(record.description) } : {}
       }
     ];
   });
   if (options.length === 0) {
     return null;
   }
+  const mcpTarget = extractAgentMcpToolTarget({ payload });
   return {
     kind: "approval",
     id: `approval:${requestId}`,
     turnId: message.turnId ?? "turn:unknown",
     requestId,
-    callId: stringValue(payload.callId) ?? message.messageId,
-    title: firstNonEmptyString(
-      stringValue(payload.summary),
-      stringValue(payload.title),
-      stringValue(input.title),
-      stringValue(input.command),
+    callId: stringValue2(payload.callId) ?? message.messageId,
+    title: firstNonEmptyString2(
+      mcpTarget?.displayName ?? null,
+      stringValue2(payload.summary),
+      stringValue2(payload.title),
+      stringValue2(input.title),
+      stringValue2(input.command),
       messageSummary(message),
       message.kind
     ),
-    toolName: stringValue(payload.toolName) ?? stringValue(payload.name) ?? stringValue(payload.tool),
-    status: message.status ?? stringValue(payload.status),
+    toolName: stringValue2(payload.toolName) ?? stringValue2(payload.name) ?? stringValue2(payload.tool),
+    status: message.status ?? stringValue2(payload.status),
     input: Object.keys(input).length > 0 ? input : payload,
     options,
     output: null,
-    occurredAtUnixMs: messageTimeUnixMs(message) || null
+    occurredAtUnixMs: messageTimeUnixMs2(message) || null
   };
 }
 function askUserPromptFromMessage(message) {
   if (!isQuestionMessage(message)) {
     return null;
   }
-  const payload = recordValue(message.payload);
-  const questions = arrayValue(payload.questions).flatMap((value, index) => {
-    const question = recordValue(value);
-    const id = stringValue(question.id) ?? `question-${index + 1}`;
-    const label = stringValue(question.question) ?? stringValue(question.header) ?? stringValue(question.label);
-    if (!label) {
-      return [];
-    }
-    return [
-      {
-        id,
-        header: stringValue(question.header) ?? label,
-        question: label,
-        options: arrayValue(question.options).flatMap((optionValue) => {
-          const option = recordValue(optionValue);
-          const optionLabel = stringValue(option.label);
-          return optionLabel ? [
-            {
-              label: optionLabel,
-              description: stringValue(option.description) ?? ""
-            }
-          ] : [];
-        }),
-        multiSelect: Boolean(question.multiSelect),
-        answer: null
-      }
-    ];
-  });
+  const payload = recordValue2(message.payload);
+  const toolState = recordValue2(payload.tool_state);
+  const input = Object.keys(recordValue2(payload.input)).length > 0 ? recordValue2(payload.input) : recordValue2(toolState.input);
+  const rawQuestions = arrayValue(input.questions).length > 0 ? input.questions : payload.questions;
+  const questions = normalizeAskUserQuestions(rawQuestions);
   if (questions.length === 0) {
     return null;
   }
   return {
     kind: "ask-user",
-    requestId: stringValue(payload.requestId) ?? stringValue(payload.interactiveRequestId) ?? message.messageId,
-    title: stringValue(payload.title) ?? stringValue(payload.summary) ?? messageSummary(message),
+    requestId: stringValue2(input.requestId) ?? stringValue2(payload.requestId) ?? stringValue2(payload.interactiveRequestId) ?? message.messageId,
+    title: stringValue2(payload.title) ?? stringValue2(payload.summary) ?? messageSummary(message),
     questions
   };
 }
 function exitPlanPromptFromMessage(message) {
-  if (!includesAny(normalizedMetadataValues(message), ["exitplanmode"])) {
+  if (!includesAny2(normalizedMetadataValues(message), ["exitplanmode"])) {
     return null;
   }
-  const payload = recordValue(message.payload);
+  const payload = recordValue2(message.payload);
   return {
     kind: "exit-plan",
-    requestId: stringValue(payload.requestId) ?? message.messageId,
-    title: stringValue(payload.title) ?? stringValue(payload.summary) ?? messageSummary(message)
+    requestId: stringValue2(payload.requestId) ?? message.messageId,
+    title: stringValue2(payload.title) ?? stringValue2(payload.summary) ?? messageSummary(message)
   };
 }
+function codexPlanImplementationPrompt(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 latestAgentMessage(messages) {
   return messages.reduce(
     (latest, message) => {
-      if (!isAgentMessageRole(message.role)) {
+      if (!isAgentMessageRole2(message.role)) {
         return latest;
       }
       const summary = messageSummary(message);
       if (!summary) {
         return latest;
       }
-      const occurredAtUnixMs = messageTimeUnixMs(message);
+      const occurredAtUnixMs = messageTimeUnixMs2(message);
       if (!latest || occurredAtUnixMs >= latest.occurredAtUnixMs) {
         return { summary, occurredAtUnixMs };
       }
@@ -362,6 +721,54 @@ function latestAgentMessage(messages) {
     null
   );
 }
+function latestTurnOutcome(agentSessionId, messages) {
+  const latest = messages.flatMap((message) => {
+    const status = outcomeStatusFromMessage(message);
+    if (!status) {
+      return [];
+    }
+    const turnId = message.turnId?.trim() || null;
+    const messageId = message.messageId.trim();
+    const notificationSubject = turnId ? `turn:${turnId}` : `message:${messageId}`;
+    return [
+      {
+        notificationKey: `${agentSessionId}:${notificationSubject}:${status}`,
+        status,
+        turnId,
+        sortMessage: message
+      }
+    ];
+  }).sort(
+    (left, right) => compareMessagesByRecentTime(left.sortMessage, right.sortMessage)
+  )[0];
+  if (!latest) {
+    return null;
+  }
+  return {
+    notificationKey: latest.notificationKey,
+    status: latest.status,
+    turnId: latest.turnId
+  };
+}
+function outcomeStatusFromMessage(message) {
+  if (!isAgentMessageRole2(message.role)) {
+    return null;
+  }
+  const payload = recordValue2(message.payload);
+  const status = (message.status ?? stringValue2(payload.status) ?? "").trim().toLowerCase();
+  switch (status) {
+    case "completed":
+    case "done":
+    case "success":
+    case "succeeded":
+      return "completed";
+    case "error":
+    case "failed":
+      return "failed";
+    default:
+      return null;
+  }
+}
 function fallbackPromptFromNeedsAttention(item, labels) {
   if (!item || item.kind === "permission" || !labels) {
     return null;
@@ -421,7 +828,7 @@ function compareMessageCenterItems(left, right) {
   }
   return right.sortTimeUnixMs - left.sortTimeUnixMs || left.agentSessionId.localeCompare(right.agentSessionId);
 }
-function isAgentMessageRole(role) {
+function isAgentMessageRole2(role) {
   const normalized = role.trim().toLowerCase();
   return normalized === "assistant" || normalized === "agent";
 }
@@ -440,13 +847,13 @@ function isTerminalMessageStatus(status) {
   }
 }
 function isPermissionMessage(message) {
-  return includesAny(normalizedMetadataValues(message), [
+  return includesAny2(normalizedMetadataValues(message), [
     "permission",
     "approval"
   ]);
 }
 function isQuestionMessage(message) {
-  return includesAny(normalizedMetadataValues(message), [
+  return includesAny2(normalizedMetadataValues(message), [
     "ask_user",
     "ask-user",
     "askuserquestion",
@@ -454,1117 +861,1320 @@ function isQuestionMessage(message) {
   ]);
 }
 function normalizedMetadataValues(message) {
-  const payload = recordValue(message.payload);
-  const input = recordValue(payload.input);
+  const payload = recordValue2(message.payload);
+  const input = recordValue2(payload.input);
   return [
     message.kind,
     message.status ?? "",
-    stringValue(payload.type) ?? "",
-    stringValue(payload.action) ?? "",
-    stringValue(payload.requestType) ?? "",
-    stringValue(payload.callType) ?? "",
-    stringValue(payload.toolName) ?? "",
-    stringValue(payload.name) ?? "",
-    stringValue(payload.status) ?? "",
-    stringValue(input.type) ?? "",
-    stringValue(input.action) ?? "",
-    stringValue(input.requestType) ?? "",
-    stringValue(input.callType) ?? "",
-    stringValue(input.toolName) ?? "",
-    stringValue(input.name) ?? "",
-    stringValue(input.status) ?? ""
+    stringValue2(payload.type) ?? "",
+    stringValue2(payload.action) ?? "",
+    stringValue2(payload.requestType) ?? "",
+    stringValue2(payload.callType) ?? "",
+    stringValue2(payload.toolName) ?? "",
+    stringValue2(payload.name) ?? "",
+    stringValue2(payload.status) ?? "",
+    stringValue2(input.type) ?? "",
+    stringValue2(input.action) ?? "",
+    stringValue2(input.requestType) ?? "",
+    stringValue2(input.callType) ?? "",
+    stringValue2(input.toolName) ?? "",
+    stringValue2(input.name) ?? "",
+    stringValue2(input.status) ?? ""
   ].join(" ").replace(/[_\s-]+/g, "").toLowerCase();
 }
 function compareMessagesByRecentTime(left, right) {
-  return messageTimeUnixMs(right) - messageTimeUnixMs(left) || right.version - left.version || right.messageId.localeCompare(left.messageId);
+  return messageTimeUnixMs2(right) - messageTimeUnixMs2(left) || right.version - left.version || right.messageId.localeCompare(left.messageId);
 }
-function includesAny(value, needles) {
+function includesAny2(value, needles) {
   return needles.some(
     (needle) => value.includes(needle.replace(/[_\s-]+/g, "").toLowerCase())
   );
 }
 function messageSummary(message) {
-  return firstNonEmptyString(
-    stringValue(message.payload.summary),
-    stringValue(message.payload.text),
-    stringValue(message.payload.content),
-    stringValue(message.payload.message),
-    stringValue(message.payload.body),
-    stringValue(message.payload.title)
+  return firstNonEmptyString2(
+    stringValue2(message.payload.summary),
+    stringValue2(message.payload.displayPrompt),
+    stringValue2(message.payload.text),
+    stringValue2(message.payload.content),
+    stringValue2(message.payload.message),
+    stringValue2(message.payload.body),
+    stringValue2(message.payload.title)
   );
 }
-function messageTimeUnixMs(message) {
-  return positiveNumber(message.occurredAtUnixMs) ?? positiveNumber(message.completedAtUnixMs) ?? positiveNumber(message.startedAtUnixMs) ?? positiveNumber(message.version) ?? 0;
+function messageTimeUnixMs2(message) {
+  return positiveNumber2(message.occurredAtUnixMs) ?? positiveNumber2(message.completedAtUnixMs) ?? positiveNumber2(message.startedAtUnixMs) ?? positiveNumber2(message.version) ?? 0;
 }
-function firstNonEmptyString(...values) {
+function firstNonEmptyString2(...values) {
   return values.find((value) => value !== null && value.length > 0) ?? "";
 }
-function stringValue(value) {
+function stringValue2(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
-function recordValue(value) {
+function recordValue2(value) {
   return value && typeof value === "object" && !Array.isArray(value) ? value : {};
 }
 function arrayValue(value) {
   return Array.isArray(value) ? value : [];
 }
-function positiveNumber(value) {
+function positiveNumber2(value) {
   return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : null;
 }
 
-// agent-message-center/workspaceAgentMessageCenterViewModel.ts
-function partitionMessageCenterItemsByAgentUser(items) {
-  const stacks = /* @__PURE__ */ new Map();
-  for (const item of items) {
-    const stackId = messageCenterAgentUserStackId(item);
-    const stack = stacks.get(stackId);
-    if (stack) {
-      stack.items.push(item);
-    } else {
-      stacks.set(stackId, {
-        id: stackId,
-        provider: item.provider,
-        userId: item.userId,
-        items: [item]
-      });
-    }
-  }
-  return [...stacks.values()];
-}
-function messageCenterAgentUserStackId(item) {
-  const provider = item.provider.trim().toLowerCase() || "unknown-agent";
-  const userId = item.userId?.trim() || "unknown-user";
-  return `agent-user:${provider}:${userId}`;
-}
-function buildMessageCenterStatusOptions(counts, t) {
-  return [
-    {
-      count: counts.waiting,
-      label: t("agentHost.workspaceAgentMessageCenterFilterWaiting"),
-      value: "waiting"
-    },
-    {
-      count: counts.failed,
-      label: t("agentHost.workspaceAgentMessageCenterFilterFailed"),
-      value: "failed"
-    },
-    {
-      count: counts.working,
-      label: t("agentHost.workspaceAgentMessageCenterFilterWorking"),
-      value: "working"
-    },
+// agent-message-center/WorkspaceAgentMessageCenterAttentionDeck.tsx
+import { useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
+import { cn as cn3 } from "@tutti-os/ui-system";
+
+// agent-message-center/WorkspaceAgentMessageCenterCard.tsx
+import {
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState
+} from "react";
+import { ChevronDown, ChevronUp, ExternalLink, Info } from "lucide-react";
+import {
+  Button,
+  cn as cn2,
+  StatusDot,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+} from "@tutti-os/ui-system";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function stopMessageCenterTextPointerPropagation(event) {
+  event.stopPropagation();
+}
+function WorkspaceAgentMessageCenterCard({
+  cardRef,
+  highlighted = false,
+  interactive = true,
+  item,
+  isSubmitting,
+  onLinkAction,
+  onOpenChat,
+  onSubmitPrompt
+}) {
+  "use memo";
+  const { t } = useTranslation();
+  const prompt = item.pendingPrompt;
+  const displayTitle = normalizeAgentTitleText(item.title);
+  const summary = messageCenterVisibleSummary(item);
+  const displayStatus = statusClass(item);
+  const statusLabel = workspaceAgentActivityStatusLabel(displayStatus, t);
+  return /* @__PURE__ */ jsxs(
+    "article",
     {
-      count: counts.completed,
-      label: t("agentHost.workspaceAgentMessageCenterFilterCompleted"),
-      value: "completed"
+      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__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx2(TooltipTrigger, { asChild: true, 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
+                }
+              ) }),
+              /* @__PURE__ */ jsx2(
+                TooltipContent,
+                {
+                  side: "top",
+                  align: "start",
+                  className: "max-w-[min(360px,calc(100vw-32px))] whitespace-normal text-left [overflow-wrap:anywhere]",
+                  children: displayTitle
+                }
+              )
+            ] }),
+            item.cwd ? /* @__PURE__ */ jsx2(ProjectPathInfo, { path: item.cwd }) : null
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "workspace-agent-message-center__status inline-flex shrink-0 items-center gap-1.5 text-[11px] font-semibold leading-4 text-[var(--text-secondary)]",
+              "data-status": displayStatus,
+              title: statusLabel,
+              children: [
+                /* @__PURE__ */ jsx2(
+                  StatusDot,
+                  {
+                    tone: messageCenterStatusTone(item),
+                    pulse: isWaitingMessageCenterItem(item) || item.status === "working",
+                    size: "sm",
+                    title: statusLabel
+                  }
+                ),
+                /* @__PURE__ */ jsx2("span", { children: statusLabel })
+              ]
+            }
+          )
+        ] }),
+        summary ? /* @__PURE__ */ jsx2(
+          MessageCenterSummary,
+          {
+            item,
+            onLinkAction,
+            summary,
+            emptyLabel: t("agentHost.workspaceAgentMessageCenterNoSummary")
+          }
+        ) : null,
+        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,
+        /* @__PURE__ */ jsx2(
+          MessageCenterOpenChatButton,
+          {
+            provider: item.provider,
+            item,
+            label: t("agentHost.workspaceAgentMessageCenterOpenChat"),
+            onOpenChat,
+            alwaysVisible: interactive && prompt !== null
+          }
+        )
+      ]
     }
-  ];
+  );
 }
-function buildMessageCenterProviderOptions(items) {
-  const counts = /* @__PURE__ */ new Map();
-  for (const item of items) {
-    counts.set(item.provider, (counts.get(item.provider) ?? 0) + 1);
-  }
-  return [...counts.entries()].map(([value, count]) => ({
-    count,
-    label: workspaceAgentProviderLabel(value),
-    value
-  })).sort((left, right) => left.label.localeCompare(right.label));
+var STACK_PRESENCE_FALLBACK_MS = 380;
+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 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 };
 }
-function itemMatchesViewFilters({
-  item,
-  providerFilters,
-  statusFilters
+function WorkspaceAgentMessageCenterStack({
+  className,
+  expanded,
+  groupId,
+  items,
+  renderCard,
+  onCollapse,
+  onExpand
 }) {
-  if (statusFilters && !statusFilters.has(messageCenterStatusFilterValue(item))) {
-    return false;
-  }
-  if (providerFilters && !providerFilters.has(item.provider)) {
-    return false;
+  "use memo";
+  const { t } = useTranslation();
+  const summaryRegion = useStackRegionPresence(!expanded);
+  const cardsRegion = useStackRegionPresence(expanded);
+  if (items.length < 2) {
+    return null;
   }
-  return true;
+  const collapseLabel = t(
+    "agentHost.workspaceAgentMessageCenterCollapseStackAria"
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      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__ */ jsxs(Tooltip, { children: [
+                      /* @__PURE__ */ jsx2(TooltipTrigger, { asChild: true, 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,
+                          children: /* @__PURE__ */ jsx2(ChevronUp, { className: "size-3.5", "aria-hidden": "true" })
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx2(TooltipContent, { side: "top", align: "center", children: collapseLabel })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx2("div", { className: "flex min-w-0 flex-col gap-2.5", children: items.map(
+                    (item, stackedIndex) => renderCard(item, { stackedIndex })
+                  ) })
+                ]
+              }
+            )
+          }
+        ) : null
+      ]
+    }
+  );
 }
-function messageCenterStatusFilterValue(item) {
-  if (isWaitingMessageCenterItem(item)) {
-    return "waiting";
-  }
-  if (item.status === "failed") {
-    return "failed";
-  }
-  if (item.status === "working") {
-    return "working";
+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;
   }
-  return "completed";
-}
-function groupMessageCenterItems(items, groupBy, t) {
-  switch (groupBy) {
-    case "status":
-      return groupByFixedDefinitions(items, [
-        {
-          id: "waiting",
-          label: t("agentHost.workspaceAgentMessageCenterFilterWaiting"),
-          match: (item) => messageCenterStatusFilterValue(item) === "waiting"
-        },
-        {
-          id: "failed",
-          label: t("agentHost.workspaceAgentMessageCenterFilterFailed"),
-          match: (item) => messageCenterStatusFilterValue(item) === "failed"
-        },
-        {
-          id: "working",
-          label: t("agentHost.workspaceAgentMessageCenterFilterWorking"),
-          match: (item) => messageCenterStatusFilterValue(item) === "working"
-        },
-        {
-          id: "completed",
-          label: t("agentHost.workspaceAgentMessageCenterFilterCompleted"),
-          match: (item) => messageCenterStatusFilterValue(item) === "completed"
-        }
-      ]);
-    case "agent":
-      return groupByDynamicKey(items, (item) => ({
-        id: messageCenterAgentUserStackId(item),
-        identity: item.identity,
-        label: messageCenterAgentUserGroupLabel(item),
-        provider: item.provider,
-        userId: item.userId
-      }));
-    case "time":
-      return groupByFixedDefinitions(items, [
-        {
-          id: "today",
-          label: t("agentHost.workspaceAgentMessageCenterGroupToday"),
-          match: (item) => messageCenterTimeGroup(item) === "today"
-        },
-        {
-          id: "yesterday",
-          label: t("agentHost.workspaceAgentMessageCenterGroupYesterday"),
-          match: (item) => messageCenterTimeGroup(item) === "yesterday"
-        },
-        {
-          id: "previous-seven-days",
-          label: t(
-            "agentHost.workspaceAgentMessageCenterGroupPreviousSevenDays"
-          ),
-          match: (item) => messageCenterTimeGroup(item) === "previous-seven-days"
-        },
-        {
-          id: "older",
-          label: t("agentHost.workspaceAgentMessageCenterGroupOlder"),
-          match: (item) => messageCenterTimeGroup(item) === "older"
-        }
-      ]);
-    case "priority":
-    default: {
-      const nowUnixMs = Date.now();
-      return groupByFixedDefinitions(items, [
-        {
-          id: "needs-attention",
-          label: t("agentHost.workspaceAgentMessageCenterGroupNeedsAttention"),
-          match: (item) => messageCenterStatusFilterValue(item) === "waiting" || messageCenterStatusFilterValue(item) === "failed"
-        },
-        {
-          id: "working",
-          label: t("agentHost.workspaceAgentMessageCenterFilterWorking"),
-          match: (item) => messageCenterStatusFilterValue(item) === "working"
-        },
+  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,
+      children: /* @__PURE__ */ jsxs(
+        "span",
         {
-          id: "recently-completed",
-          label: t(
-            "agentHost.workspaceAgentMessageCenterGroupRecentlyCompleted"
+          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)]"
           ),
-          match: (item) => isRecentlyCompletedMessageCenterItem(item, nowUnixMs)
-        },
-        {
-          id: "completed",
-          label: t("agentHost.workspaceAgentMessageCenterFilterCompleted"),
-          match: (item) => messageCenterStatusFilterValue(item) === "completed" && !isRecentlyCompletedMessageCenterItem(item, nowUnixMs)
+          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: messageCenterStackPreviewText(firstItem) }) })
+          ]
         }
-      ]);
+      )
     }
-  }
+  );
 }
-function messageCenterAgentUserGroupLabel(item) {
-  if (item.identity) {
-    return `${item.identity.userName} & ${item.identity.agentName}`;
-  }
-  return workspaceAgentProviderLabel(item.provider);
+function messageCenterStackPreviewText(item) {
+  return item.digest.primary.summary.trim() || item.lastAgentMessageSummary.trim() || normalizeAgentTitleText(item.title);
 }
-var RECENTLY_COMPLETED_WINDOW_MS = 10 * 60 * 1e3;
-function isRecentlyCompletedMessageCenterItem(item, nowUnixMs) {
-  if (messageCenterStatusFilterValue(item) !== "completed") {
-    return false;
+function resolveMessageCenterNotificationAction(item, input) {
+  if (input.action) {
+    return normalizeMessageCenterNotificationAction(input.action);
   }
-  const completedAtUnixMs = item.sortTimeUnixMs || item.lastAgentMessageAtUnixMs || 0;
-  if (completedAtUnixMs <= 0) {
-    return false;
+  if (!input.optionId) {
+    return null;
   }
-  return completedAtUnixMs >= nowUnixMs - RECENTLY_COMPLETED_WINDOW_MS;
+  const prompt = item.pendingPrompt;
+  const option = prompt && "options" in prompt ? prompt.options.find((candidate) => candidate.id === input.optionId) : null;
+  const optionToken = `${option?.kind ?? ""}:${input.optionId}`.toLowerCase();
+  if (optionToken.includes("allow") || optionToken.includes("accept")) {
+    return "accept";
+  }
+  if (optionToken.includes("deny") || optionToken.includes("reject") || optionToken.includes("disallow")) {
+    return "reject";
+  }
+  return input.optionId;
+}
+function buildWorkspaceAgentInteractivePromptLabels(t, provider) {
+  return {
+    approvalLead: t("agentHost.agentGui.approvalRequired", {
+      provider: provider ? workspaceAgentProviderLabel(provider) : t("agentHost.workspaceAgentsGenericAgentName")
+    }),
+    planLead: t("agentHost.agentGui.planLead"),
+    planModes: [
+      {
+        id: "acceptEdits",
+        label: t("agentHost.agentGui.planModes.acceptEdits.label"),
+        description: t("agentHost.agentGui.planModes.acceptEdits.description")
+      },
+      {
+        id: "default",
+        label: t("agentHost.agentGui.planModes.askFirst.label"),
+        description: t("agentHost.agentGui.planModes.askFirst.description")
+      },
+      {
+        id: "bypassPermissions",
+        label: t("agentHost.agentGui.planModes.allowAll.label"),
+        description: t("agentHost.agentGui.planModes.allowAll.description")
+      }
+    ],
+    stayInPlan: t("agentHost.agentGui.stayInPlan"),
+    sendFeedback: t("agentHost.agentGui.sendFeedback"),
+    feedbackPlaceholder: t("agentHost.agentGui.feedbackPlaceholder"),
+    previousQuestion: t("agentHost.agentGui.previousQuestion"),
+    nextQuestion: t("agentHost.agentGui.nextQuestion"),
+    submitAnswers: t("agentHost.agentGui.submitAnswers"),
+    answerPlaceholder: t("agentHost.agentGui.answerPlaceholder"),
+    waitingForAnswer: t("agentHost.agentGui.waitingForAnswer"),
+    planImplementationLead: t("agentHost.agentGui.planImplementationLead"),
+    planImplementationConfirm: t(
+      "agentHost.agentGui.planImplementationConfirm"
+    ),
+    planImplementationFeedbackPlaceholder: t(
+      "agentHost.agentGui.planImplementationFeedbackPlaceholder"
+    ),
+    planImplementationSend: t("agentHost.agentGui.planImplementationSend"),
+    planImplementationSkip: t("agentHost.agentGui.planImplementationSkip")
+  };
 }
-function messageCenterGroupLabel(groupBy, t) {
-  switch (groupBy) {
-    case "status":
-      return t("agentHost.workspaceAgentMessageCenterGroupStatus");
-    case "agent":
-      return t("agentHost.workspaceAgentMessageCenterGroupAgent");
-    case "time":
-      return t("agentHost.workspaceAgentMessageCenterGroupTime");
-    case "priority":
+function normalizeMessageCenterNotificationAction(action) {
+  switch (action) {
+    case "allow":
+      return "accept";
+    case "deny":
+      return "reject";
     default:
-      return t("agentHost.workspaceAgentMessageCenterGroupPriority");
+      return action;
   }
 }
-function statusFilterSummary(statusFilters, statusOptions) {
-  if (statusFilters === null || statusFilters.size === statusOptions.length) {
-    return statusOptions.map((option) => option.label).join(", ");
+function messageCenterVisibleSummary(item) {
+  const summary = item.digest.primary.summary.trim();
+  if (item.pendingPrompt?.kind === "approval" && isGenericApprovalSummary(summary)) {
+    return "";
   }
-  return statusOptions.filter((option) => statusFilters.has(option.value)).map((option) => option.label).join(", ");
+  return summary;
 }
-function groupByFixedDefinitions(items, definitions) {
-  return definitions.map((definition) => ({
-    id: definition.id,
-    label: definition.label,
-    items: items.filter(definition.match)
-  })).filter((group) => group.items.length > 0);
+function isGenericApprovalSummary(summary) {
+  const normalized = summary.trim().toLowerCase();
+  return normalized === "approval";
 }
-function groupByDynamicKey(items, keyForItem) {
-  const groups = /* @__PURE__ */ new Map();
-  for (const item of items) {
-    const key = keyForItem(item);
-    const group = groups.get(key.id);
-    if (group) {
-      group.items.push(item);
-      if (!group.identity && key.identity) {
-        group.identity = key.identity;
-        group.label = key.label;
-      }
-    } else {
-      groups.set(key.id, { ...key, items: [item] });
+function MessageCenterSummary({
+  emptyLabel,
+  item,
+  onLinkAction,
+  summary
+}) {
+  "use memo";
+  const summaryRef = useRef(null);
+  const [isOverflowing, setIsOverflowing] = useState(false);
+  const handleLinkAction = useCallback(
+    (action) => {
+      onLinkAction?.(
+        action.type === "open-agent-session" && !action.provider ? { ...action, provider: item.provider } : action
+      );
+    },
+    [item.provider, onLinkAction]
+  );
+  useLayoutEffect(() => {
+    const element = summaryRef.current;
+    if (!element) {
+      return;
     }
-  }
-  return [...groups.values()];
-}
-function messageCenterTimeGroup(item) {
-  const timestamp = item.sortTimeUnixMs || item.lastAgentMessageAtUnixMs || 0;
-  if (timestamp <= 0) {
-    return "older";
-  }
-  const ageMs = Date.now() - timestamp;
-  const dayMs = 24 * 60 * 60 * 1e3;
-  if (ageMs < dayMs) {
-    return "today";
-  }
-  if (ageMs < dayMs * 2) {
-    return "yesterday";
-  }
-  if (ageMs < dayMs * 7) {
-    return "previous-seven-days";
-  }
-  return "older";
+    const updateOverflowState = () => {
+      setIsOverflowing(element.scrollHeight > element.clientHeight + 1);
+    };
+    updateOverflowState();
+    const resizeObserver = new ResizeObserver(updateOverflowState);
+    resizeObserver.observe(element);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [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 ? /* @__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
+        }
+      ) : emptyLabel
+    }
+  );
 }
-
-// agent-message-center/WorkspaceAgentMessageCenterViewControls.tsx
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-function MessageCenterViewMenu({
-  filtersActive = false,
-  groupBy,
-  providerFilters,
-  providerOptions,
-  statusFilters,
-  statusOptions,
-  onClearFilters,
-  onGroupByChange,
-  onProviderToggle,
-  onStatusToggle
+function MessageCenterOpenChatButton({
+  alwaysVisible = false,
+  item,
+  label,
+  onOpenChat,
+  provider
 }) {
   "use memo";
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(DropdownMenu, { modal: false, children: [
-    /* @__PURE__ */ jsx2(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs("div", { className: "workspace-agent-message-center__footer flex min-w-0 items-center justify-between gap-2", children: [
+    /* @__PURE__ */ jsx2(
+      MessageCenterIdentityLabel,
+      {
+        identity: item.identity,
+        provider
+      }
+    ),
+    /* @__PURE__ */ jsxs(
       Button,
       {
         type: "button",
         variant: "ghost",
-        size: "icon",
-        "aria-label": t("agentHost.workspaceAgentMessageCenterViewOptions"),
-        title: t("agentHost.workspaceAgentMessageCenterViewOptions"),
+        size: "default",
         className: cn2(
-          "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)]"
+          "workspace-agent-message-center__open-chat-button h-auto gap-1.5 border-0 bg-transparent p-0 text-[var(--agent-gui-accent)] shadow-none transition-[color,opacity,visibility] hover:bg-transparent hover:text-[var(--agent-gui-accent)] focus-visible:bg-transparent focus-visible:text-[var(--agent-gui-accent)] 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(ListFilter, { className: "size-4", strokeWidth: 2.1, "aria-hidden": "true" }),
-          filtersActive ? /* @__PURE__ */ jsx2(
-            "span",
-            {
-              "aria-label": t(
-                "agentHost.workspaceAgentMessageCenterFilterActive"
-              ),
-              className: "absolute -right-0.5 -top-0.5 size-2 rounded-full border border-[var(--background-panel)] bg-[var(--accent)]"
-            }
-          ) : null
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(
-      DropdownMenuContent,
-      {
-        align: "end",
-        sideOffset: 8,
-        className: "min-w-[240px] p-1.5",
-        style: { zIndex: "var(--z-dialog-popover)" },
-        children: [
-          /* @__PURE__ */ jsx2(DropdownMenuLabel, { children: t("agentHost.workspaceAgentMessageCenterGroupBy") }),
           /* @__PURE__ */ jsx2(
-            DropdownMenuRadioGroup,
+            ExternalLink,
             {
-              value: groupBy,
-              onValueChange: (value) => onGroupByChange(value),
-              children: ["priority", "status", "agent", "time"].map((value) => /* @__PURE__ */ jsx2(DropdownMenuRadioItem, { value, children: messageCenterGroupLabel(value, t) }, value))
+              className: "size-[15px]",
+              strokeWidth: 2.2,
+              "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsx2(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsx2(DropdownMenuLabel, { children: t("agentHost.workspaceAgentMessageCenterFilterStatus") }),
-          /* @__PURE__ */ jsx2(DropdownMenuGroup, { children: statusOptions.map((option) => /* @__PURE__ */ jsxs(
-            DropdownMenuCheckboxItem,
-            {
-              "aria-label": `${option.label} ${option.count}`,
-              checked: statusFilters === null || statusFilters.has(option.value),
-              onCheckedChange: () => onStatusToggle(option.value),
-              onSelect: (event) => event.preventDefault(),
-              children: [
-                /* @__PURE__ */ jsx2("span", { className: "min-w-0 flex-1 truncate", children: option.label }),
-                /* @__PURE__ */ jsx2("span", { className: "ml-auto text-[11px] text-[var(--text-tertiary)]", children: option.count })
-              ]
-            },
-            option.value
-          )) }),
-          providerOptions.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx2(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsx2(DropdownMenuLabel, { children: t("agentHost.workspaceAgentMessageCenterFilterAgent") }),
-            /* @__PURE__ */ jsx2(DropdownMenuGroup, { children: providerOptions.map((option) => /* @__PURE__ */ jsxs(
-              DropdownMenuCheckboxItem,
-              {
-                "aria-label": `${option.label} ${option.count}`,
-                checked: providerFilters === null || providerFilters.has(option.value),
-                onCheckedChange: () => onProviderToggle(option.value),
-                onSelect: (event) => event.preventDefault(),
-                children: [
-                  /* @__PURE__ */ jsx2("span", { className: "min-w-0 flex-1 truncate", children: option.label }),
-                  /* @__PURE__ */ jsx2("span", { className: "ml-auto text-[11px] text-[var(--text-tertiary)]", children: option.count })
-                ]
-              },
-              option.value
-            )) })
-          ] }) : null,
-          /* @__PURE__ */ jsx2(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsx2(DropdownMenuGroup, { children: /* @__PURE__ */ jsx2(DropdownMenuItem, { onClick: onClearFilters, children: t("agentHost.workspaceAgentMessageCenterClearFilters") }) })
+          label
         ]
       }
     )
   ] });
 }
-
-// agent-message-center/WorkspaceAgentMessageCenterCard.tsx
-import {
-  useCallback,
-  useEffect,
-  useLayoutEffect,
-  useRef,
-  useState
-} from "react";
-import { ChevronDown, ChevronUp, ExternalLink, Info } from "lucide-react";
-import {
-  Button as Button2,
-  cn as cn3,
-  StatusDot,
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger
-} from "@tutti-os/ui-system";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function stopMessageCenterTextPointerPropagation(event) {
-  event.stopPropagation();
+function MessageCenterIdentityLabel({
+  identity,
+  provider
+}) {
+  "use memo";
+  if (!identity) {
+    return /* @__PURE__ */ jsx2(AgentProviderLabel, { provider });
+  }
+  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-[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 })
+        ] })
+      ]
+    }
+  );
 }
-function WorkspaceAgentMessageCenterCard({
-  cardRef,
-  highlighted = false,
-  item,
-  isSubmitting,
-  onLinkAction,
-  onOpenChat,
-  onSubmitPrompt
+function MessageCenterIdentityAvatarMark({
+  identity,
+  provider,
+  userId
 }) {
   "use memo";
-  const { t } = useTranslation();
-  const prompt = item.pendingPrompt;
-  const displayTitle = normalizeAgentTitleText(item.title);
-  const summary = messageCenterVisibleSummary(item);
-  const displayStatus = statusClass(item);
-  const statusLabel = workspaceAgentActivityStatusLabel(displayStatus, t);
-  return /* @__PURE__ */ jsxs2(
-    "article",
+  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"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx2(
+    MessageCenterIdentityAvatarStack,
     {
-      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-item-id": item.id,
-      "data-waiting": isWaitingMessageCenterItem(item) ? "true" : void 0,
-      "data-status": displayStatus,
-      tabIndex: highlighted ? -1 : void 0,
+      userAvatarUrl: identity?.userAvatarUrl,
+      userName,
+      agentAvatarUrl: identity?.agentAvatarUrl?.trim() || managedAgentRoundedIconUrl(provider)
+    }
+  );
+}
+function MessageCenterIdentityAvatarStack({
+  agentAvatarUrl,
+  userAvatarUrl: rawUserAvatarUrl,
+  userName
+}) {
+  "use memo";
+  const [userAvatarFailed, setUserAvatarFailed] = useState(false);
+  const userAvatarUrl = rawUserAvatarUrl?.trim() ?? "";
+  const userImageUrl = userAvatarUrl.length > 0 && !userAvatarFailed ? userAvatarUrl : user_avatar_placeholder_default;
+  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__ */ jsxs2("div", { className: "flex min-w-0 items-center justify-between gap-2.5", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxs2(Tooltip, { children: [
-              /* @__PURE__ */ jsx3(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx3(
-                "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
-                }
-              ) }),
-              /* @__PURE__ */ jsx3(
-                TooltipContent,
-                {
-                  side: "top",
-                  align: "start",
-                  className: "max-w-[min(360px,calc(100vw-32px))] whitespace-normal text-left [overflow-wrap:anywhere]",
-                  children: displayTitle
-                }
-              )
-            ] }),
-            item.cwd ? /* @__PURE__ */ jsx3(ProjectPathInfo, { path: item.cwd }) : null
-          ] }),
-          /* @__PURE__ */ jsxs2(
-            "span",
-            {
-              className: "workspace-agent-message-center__status inline-flex shrink-0 items-center gap-1.5 text-[11px] font-semibold leading-4 text-[var(--text-secondary)]",
-              "data-status": displayStatus,
-              title: statusLabel,
-              children: [
-                /* @__PURE__ */ jsx3(
-                  StatusDot,
-                  {
-                    tone: messageCenterStatusTone(item),
-                    pulse: isWaitingMessageCenterItem(item) || item.status === "working",
-                    size: "sm",
-                    title: statusLabel
-                  }
-                ),
-                /* @__PURE__ */ jsx3("span", { children: statusLabel })
-              ]
-            }
-          )
-        ] }),
-        summary ? /* @__PURE__ */ jsx3(
-          MessageCenterSummary,
-          {
-            item,
-            onLinkAction,
-            summary,
-            emptyLabel: t("agentHost.workspaceAgentMessageCenterNoSummary")
-          }
-        ) : null,
-        prompt ? /* @__PURE__ */ jsx3("div", { className: "min-w-0", children: /* @__PURE__ */ jsx3(
-          AgentInteractivePromptSurface,
+        /* @__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",
           {
-            embedded: true,
-            keyboardShortcuts: false,
-            prompt,
-            isSubmitting,
-            onSubmit: onSubmitPrompt,
-            labels: buildWorkspaceAgentInteractivePromptLabels(
-              t,
-              item.provider
-            )
+            src: userImageUrl,
+            alt: userName,
+            className: "size-full object-cover",
+            decoding: "async",
+            loading: "lazy",
+            referrerPolicy: "no-referrer",
+            draggable: false,
+            onError: () => {
+              setUserAvatarFailed(true);
+            }
           }
-        ) }) : null,
-        /* @__PURE__ */ jsx3(
-          MessageCenterOpenChatButton,
+        ) }),
+        /* @__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",
           {
-            provider: item.provider,
-            item,
-            label: t("agentHost.workspaceAgentMessageCenterOpenChat"),
-            onOpenChat
+            src: agentAvatarUrl,
+            alt: "",
+            className: "size-full object-cover",
+            decoding: "async",
+            loading: "lazy",
+            draggable: false
           }
-        )
+        ) })
       ]
     }
   );
 }
-var STACK_PRESENCE_FALLBACK_MS = 380;
-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 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);
+function ProjectPathInfo({ path }) {
+  "use memo";
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx2(TooltipTrigger, { asChild: true, 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" })
       }
-    },
-    [closing]
-  );
-  return { closing, mounted, onAnimationEnd };
+    ) }),
+    /* @__PURE__ */ jsx2(
+      TooltipContent,
+      {
+        side: "top",
+        align: "start",
+        className: "max-w-[320px] text-[11px] [overflow-wrap:anywhere]",
+        children: path
+      }
+    )
+  ] });
 }
-function WorkspaceAgentMessageCenterStack({
-  className,
-  expanded,
-  groupId,
+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-[var(--text-secondary)]", children: label })
+  ] });
+}
+function statusClass(item) {
+  if (isWaitingMessageCenterItem(item)) {
+    return "waiting";
+  }
+  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";
+}
+
+// agent-message-center/WorkspaceAgentMessageCenterAttentionDeck.tsx
+import { jsx as jsx3, jsxs as jsxs2 } 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,
-  renderCard,
-  onCollapse,
-  onExpand
+  highlightedItemId = null,
+  submittingPromptKey,
+  registerNode,
+  onLinkAction,
+  onOpenChat,
+  onSubmitPrompt
 }) {
   "use memo";
   const { t } = useTranslation();
-  const summaryRegion = useStackRegionPresence(!expanded);
-  const cardsRegion = useStackRegionPresence(expanded);
-  if (items.length < 2) {
+  const ordered = useMemo(
+    () => orderDeckItems(items, highlightedItemId),
+    [items, highlightedItemId]
+  );
+  const topRequestId = ordered[0]?.pendingPrompt?.requestId ?? null;
+  const topPromotedByHighlight = ordered[0]?.id === highlightedItemId && highlightedItemId !== null;
+  const previousTopRequestIdRef = useRef2(null);
+  const [cooldownRequestId, setCooldownRequestId] = useState2(
+    null
+  );
+  useEffect2(() => {
+    const previousTopRequestId = previousTopRequestIdRef.current;
+    previousTopRequestIdRef.current = topRequestId;
+    if (!topRequestId || topPromotedByHighlight || previousTopRequestId === null || previousTopRequestId === topRequestId) {
+      return void 0;
+    }
+    setCooldownRequestId(topRequestId);
+    const timeoutId = window.setTimeout(() => {
+      setCooldownRequestId(
+        (current) => current === topRequestId ? null : current
+      );
+    }, DECK_NEW_CARD_COOLDOWN_MS);
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, [topPromotedByHighlight, topRequestId]);
+  const isTopCoolingDown = cooldownRequestId !== null && cooldownRequestId === topRequestId;
+  const previousTopItemRef = useRef2(
+    null
+  );
+  const [leavingItem, setLeavingItem] = useState2(null);
+  useEffect2(() => {
+    const previousTopItem = previousTopItemRef.current;
+    previousTopItemRef.current = ordered[0] ?? null;
+    if (previousTopItem && previousTopItem.id !== (ordered[0]?.id ?? null) && !items.some((item) => item.id === previousTopItem.id)) {
+      setLeavingItem(previousTopItem);
+      const timeoutId = window.setTimeout(() => {
+        setLeavingItem(
+          (current) => current?.id === previousTopItem.id ? null : current
+        );
+      }, DECK_LEAVE_ANIMATION_FALLBACK_MS);
+      return () => {
+        window.clearTimeout(timeoutId);
+      };
+    }
+    return void 0;
+  }, [items, ordered]);
+  const topItem = ordered[0];
+  if (!topItem) {
     return null;
   }
-  const collapseLabel = t(
-    "agentHost.workspaceAgentMessageCenterCollapseStackAria"
-  );
+  const peekCount = Math.min(ordered.length - 1, DECK_MAX_PEEK);
+  const topIsSubmitting = submittingPromptKey === `${topItem.agentSessionId}:${topItem.pendingPrompt?.requestId}`;
   return /* @__PURE__ */ jsxs2(
-    "div",
+    "section",
     {
-      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}`,
+      className: "flex min-w-0 flex-col gap-2.5",
+      "aria-label": t("agentHost.workspaceAgentMessageCenterGroupNeedsAttention"),
       children: [
-        summaryRegion.mounted ? /* @__PURE__ */ jsx3(
-          "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__ */ jsx3(
-              "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__ */ jsx3(
-                  MessageCenterStackSummary,
-                  {
-                    groupId,
-                    items,
-                    onExpand
-                  }
-                )
-              }
-            )
-          }
-        ) : null,
-        cardsRegion.mounted ? /* @__PURE__ */ jsx3(
+        /* @__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: [
+          t("agentHost.workspaceAgentMessageCenterGroupNeedsAttention"),
+          " \xB7",
+          " ",
+          ordered.length
+        ] }) }),
+        /* @__PURE__ */ jsxs2(
           "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"
+              "relative min-w-0",
+              peekCount > 1 ? "pb-[18px]" : peekCount > 0 && "pb-[10px]"
             ),
-            onAnimationEnd: cardsRegion.onAnimationEnd,
-            children: /* @__PURE__ */ jsxs2(
-              "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__ */ jsxs2("div", { className: "flex min-w-0 items-center justify-between gap-2 px-0.5 pb-1.5", children: [
-                    /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 items-center gap-1.5 text-[13px] font-semibold leading-4 text-[var(--text-tertiary)]", children: [
-                      /* @__PURE__ */ jsx3(
-                        MessageCenterIdentityAvatarMark,
-                        {
-                          identity: items[0]?.identity ?? null,
-                          provider: items[0]?.provider ?? "",
-                          userId: items[0]?.userId ?? null
-                        }
-                      ),
-                      /* @__PURE__ */ jsx3("span", { className: "min-w-0 truncate", children: t("agentHost.workspaceAgentMessageCenterStackSummaryCount", {
-                        count: items.length
-                      }) })
-                    ] }),
-                    /* @__PURE__ */ jsxs2(Tooltip, { children: [
-                      /* @__PURE__ */ jsx3(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx3(
-                        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,
-                          children: /* @__PURE__ */ jsx3(ChevronUp, { className: "size-3.5", "aria-hidden": "true" })
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx3(TooltipContent, { side: "top", align: "center", children: collapseLabel })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsx3("div", { className: "flex min-w-0 flex-col gap-2.5", children: items.map(
-                    (item, stackedIndex) => renderCard(item, { stackedIndex })
-                  ) })
-                ]
-              }
-            )
+            "data-testid": "workspace-agent-message-center-attention-deck",
+            "data-deck-count": ordered.length,
+            "data-deck-peek-count": peekCount,
+            "data-deck-top-item-id": topItem.id,
+            children: [
+              leavingItem ? /* @__PURE__ */ jsx3(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  inert: true,
+                  "data-deck-leaving-item-id": leavingItem.id,
+                  className: "pointer-events-none absolute inset-x-0 top-0 z-20 min-w-0 motion-safe:animate-out motion-safe:fade-out-0 motion-safe:slide-out-to-top-2 motion-safe:duration-300 motion-safe:ease-[cubic-bezier(0.4,0,0.2,1)] motion-reduce:hidden",
+                  onAnimationEnd: (event) => {
+                    if (event.target === event.currentTarget) {
+                      setLeavingItem(
+                        (current) => current?.id === leavingItem.id ? null : current
+                      );
+                    }
+                  },
+                  children: /* @__PURE__ */ jsx3(
+                    WorkspaceAgentMessageCenterCard,
+                    {
+                      interactive: false,
+                      isSubmitting: false,
+                      item: leavingItem,
+                      onOpenChat,
+                      onSubmitPrompt: () => {
+                      }
+                    }
+                  )
+                },
+                `leaving-${leavingItem.agentSessionId}`
+              ) : null,
+              /* @__PURE__ */ jsx3(
+                "div",
+                {
+                  className: cn3(
+                    "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)]"
+                  ),
+                  children: /* @__PURE__ */ jsx3(
+                    WorkspaceAgentMessageCenterCard,
+                    {
+                      cardRef: registerNode ? (node) => registerNode(topItem.id, node) : void 0,
+                      highlighted: topItem.id === highlightedItemId,
+                      interactive: true,
+                      isSubmitting: topIsSubmitting || isTopCoolingDown,
+                      item: topItem,
+                      onLinkAction,
+                      onOpenChat,
+                      onSubmitPrompt: (input) => onSubmitPrompt(topItem, input)
+                    }
+                  )
+                },
+                topItem.id
+              )
+            ]
           }
-        ) : null
+        )
       ]
     }
   );
 }
-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 orderDeckItems(items, highlightedItemId) {
+  if (!highlightedItemId) {
+    return [...items];
   }
-  return /* @__PURE__ */ jsx3(
-    "button",
+  const index = items.findIndex((item) => item.id === highlightedItemId);
+  if (index <= 0) {
+    return [...items];
+  }
+  const next = [...items];
+  const [picked] = next.splice(index, 1);
+  return picked ? [picked, ...next] : next;
+}
+
+// agent-message-center/WorkspaceAgentMessageCenterViewControls.tsx
+import { ListFilter } from "lucide-react";
+import {
+  Button as Button2,
+  cn as cn4,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "@tutti-os/ui-system";
+
+// agent-message-center/workspaceAgentMessageCenterViewModel.ts
+function partitionMessageCenterItemsByAgentUser(items) {
+  const stacks = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const stackId = messageCenterAgentUserStackId(item);
+    const stack = stacks.get(stackId);
+    if (stack) {
+      stack.items.push(item);
+    } else {
+      stacks.set(stackId, {
+        id: stackId,
+        provider: item.provider,
+        userId: item.userId,
+        items: [item]
+      });
+    }
+  }
+  return [...stacks.values()];
+}
+function messageCenterAgentUserStackId(item) {
+  const provider = item.provider.trim().toLowerCase() || "unknown-agent";
+  const userId = item.userId?.trim() || "unknown-user";
+  return `agent-user:${provider}:${userId}`;
+}
+function buildMessageCenterStatusOptions(counts, t) {
+  return [
     {
-      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,
-      children: /* @__PURE__ */ jsxs2(
-        "span",
+      count: counts.waiting,
+      label: t("agentHost.workspaceAgentMessageCenterFilterWaiting"),
+      value: "waiting"
+    },
+    {
+      count: counts.failed,
+      label: t("agentHost.workspaceAgentMessageCenterFilterFailed"),
+      value: "failed"
+    },
+    {
+      count: counts.working,
+      label: t("agentHost.workspaceAgentMessageCenterFilterWorking"),
+      value: "working"
+    },
+    {
+      count: counts.completed,
+      label: t("agentHost.workspaceAgentMessageCenterFilterCompleted"),
+      value: "completed"
+    }
+  ];
+}
+function buildMessageCenterProviderOptions(items) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    counts.set(item.provider, (counts.get(item.provider) ?? 0) + 1);
+  }
+  return [...counts.entries()].map(([value, count]) => ({
+    count,
+    label: workspaceAgentProviderLabel(value),
+    value
+  })).sort((left, right) => left.label.localeCompare(right.label));
+}
+function itemMatchesViewFilters({
+  item,
+  providerFilters,
+  statusFilters
+}) {
+  if (statusFilters && !statusFilters.has(messageCenterStatusFilterValue(item))) {
+    return false;
+  }
+  if (providerFilters && !providerFilters.has(item.provider)) {
+    return false;
+  }
+  return true;
+}
+function messageCenterStatusFilterValue(item) {
+  if (isWaitingMessageCenterItem(item)) {
+    return "waiting";
+  }
+  if (item.status === "failed") {
+    return "failed";
+  }
+  if (item.status === "working") {
+    return "working";
+  }
+  return "completed";
+}
+function groupMessageCenterItems(items, groupBy, t) {
+  switch (groupBy) {
+    case "status":
+      return groupByFixedDefinitions(items, [
+        {
+          id: "waiting",
+          label: t("agentHost.workspaceAgentMessageCenterFilterWaiting"),
+          match: (item) => messageCenterStatusFilterValue(item) === "waiting"
+        },
+        {
+          id: "failed",
+          label: t("agentHost.workspaceAgentMessageCenterFilterFailed"),
+          match: (item) => messageCenterStatusFilterValue(item) === "failed"
+        },
+        {
+          id: "working",
+          label: t("agentHost.workspaceAgentMessageCenterFilterWorking"),
+          match: (item) => messageCenterStatusFilterValue(item) === "working"
+        },
+        {
+          id: "completed",
+          label: t("agentHost.workspaceAgentMessageCenterFilterCompleted"),
+          match: (item) => messageCenterStatusFilterValue(item) === "completed"
+        }
+      ]);
+    case "agent":
+      return groupByDynamicKey(items, (item) => ({
+        id: messageCenterAgentUserStackId(item),
+        identity: item.identity,
+        label: messageCenterAgentUserGroupLabel(item),
+        provider: item.provider,
+        userId: item.userId
+      }));
+    case "time":
+      return groupByFixedDefinitions(items, [
         {
-          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)]"
+          id: "today",
+          label: t("agentHost.workspaceAgentMessageCenterGroupToday"),
+          match: (item) => messageCenterTimeGroup(item) === "today"
+        },
+        {
+          id: "yesterday",
+          label: t("agentHost.workspaceAgentMessageCenterGroupYesterday"),
+          match: (item) => messageCenterTimeGroup(item) === "yesterday"
+        },
+        {
+          id: "previous-seven-days",
+          label: t(
+            "agentHost.workspaceAgentMessageCenterGroupPreviousSevenDays"
           ),
-          children: [
-            /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 items-center justify-between gap-2.5", children: [
-              /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 items-center gap-2", children: [
-                /* @__PURE__ */ jsx3(
-                  MessageCenterIdentityAvatarMark,
-                  {
-                    identity: firstItem.identity,
-                    provider: firstItem.provider,
-                    userId: firstItem.userId
-                  }
-                ),
-                /* @__PURE__ */ jsx3("span", { className: "min-w-0 truncate text-[13px] font-bold leading-5 text-[var(--text-secondary)]", children: t("agentHost.workspaceAgentMessageCenterStackSummaryCount", {
-                  count: items.length
-                }) })
-              ] }),
-              /* @__PURE__ */ jsx3(
-                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__ */ jsx3("span", { className: "min-w-0 rounded-md bg-transparency-block p-2.5 text-[13px] leading-[1.45] text-[var(--text-primary)]", children: /* @__PURE__ */ jsx3("span", { className: "line-clamp-2 min-w-0 [overflow-wrap:anywhere]", children: messageCenterStackPreviewText(firstItem) }) })
-          ]
+          match: (item) => messageCenterTimeGroup(item) === "previous-seven-days"
+        },
+        {
+          id: "older",
+          label: t("agentHost.workspaceAgentMessageCenterGroupOlder"),
+          match: (item) => messageCenterTimeGroup(item) === "older"
         }
-      )
+      ]);
+    case "priority":
+    default: {
+      const nowUnixMs = Date.now();
+      return groupByFixedDefinitions(items, [
+        {
+          id: "needs-attention",
+          label: t("agentHost.workspaceAgentMessageCenterGroupNeedsAttention"),
+          match: (item) => messageCenterStatusFilterValue(item) === "waiting" || messageCenterStatusFilterValue(item) === "failed"
+        },
+        {
+          id: "working",
+          label: t("agentHost.workspaceAgentMessageCenterFilterWorking"),
+          match: (item) => messageCenterStatusFilterValue(item) === "working"
+        },
+        {
+          id: "recently-completed",
+          label: t(
+            "agentHost.workspaceAgentMessageCenterGroupRecentlyCompleted"
+          ),
+          match: (item) => isRecentlyCompletedMessageCenterItem(item, nowUnixMs)
+        },
+        {
+          id: "completed",
+          label: t("agentHost.workspaceAgentMessageCenterFilterCompleted"),
+          match: (item) => messageCenterStatusFilterValue(item) === "completed" && !isRecentlyCompletedMessageCenterItem(item, nowUnixMs)
+        }
+      ]);
     }
-  );
-}
-function messageCenterStackPreviewText(item) {
-  return item.lastAgentMessageSummary.trim() || normalizeAgentTitleText(item.title);
-}
-function resolveMessageCenterNotificationAction(item, input) {
-  if (input.action) {
-    return normalizeMessageCenterNotificationAction(input.action);
   }
-  if (!input.optionId) {
-    return null;
+}
+function messageCenterAgentUserGroupLabel(item) {
+  if (item.identity) {
+    return `${item.identity.userName} & ${item.identity.agentName}`;
   }
-  const prompt = item.pendingPrompt;
-  const option = prompt && "options" in prompt ? prompt.options.find((candidate) => candidate.id === input.optionId) : null;
-  const optionToken = `${option?.kind ?? ""}:${input.optionId}`.toLowerCase();
-  if (optionToken.includes("allow") || optionToken.includes("accept")) {
-    return "accept";
+  return workspaceAgentProviderLabel(item.provider);
+}
+var RECENTLY_COMPLETED_WINDOW_MS = 10 * 60 * 1e3;
+function isRecentlyCompletedMessageCenterItem(item, nowUnixMs) {
+  if (messageCenterStatusFilterValue(item) !== "completed") {
+    return false;
   }
-  if (optionToken.includes("deny") || optionToken.includes("reject") || optionToken.includes("disallow")) {
-    return "reject";
+  const completedAtUnixMs = item.sortTimeUnixMs || item.lastAgentMessageAtUnixMs || 0;
+  if (completedAtUnixMs <= 0) {
+    return false;
   }
-  return input.optionId;
-}
-function buildWorkspaceAgentInteractivePromptLabels(t, provider) {
-  return {
-    approvalLead: t("agentHost.agentGui.approvalRequired", {
-      provider: provider ? workspaceAgentProviderLabel(provider) : t("agentHost.workspaceAgentsGenericAgentName")
-    }),
-    planLead: t("agentHost.agentGui.planLead"),
-    planModes: [
-      {
-        id: "acceptEdits",
-        label: t("agentHost.agentGui.planModes.acceptEdits.label"),
-        description: t("agentHost.agentGui.planModes.acceptEdits.description")
-      },
-      {
-        id: "default",
-        label: t("agentHost.agentGui.planModes.askFirst.label"),
-        description: t("agentHost.agentGui.planModes.askFirst.description")
-      },
-      {
-        id: "bypassPermissions",
-        label: t("agentHost.agentGui.planModes.allowAll.label"),
-        description: t("agentHost.agentGui.planModes.allowAll.description")
-      }
-    ],
-    stayInPlan: t("agentHost.agentGui.stayInPlan"),
-    sendFeedback: t("agentHost.agentGui.sendFeedback"),
-    feedbackPlaceholder: t("agentHost.agentGui.feedbackPlaceholder"),
-    previousQuestion: t("agentHost.agentGui.previousQuestion"),
-    nextQuestion: t("agentHost.agentGui.nextQuestion"),
-    submitAnswers: t("agentHost.agentGui.submitAnswers"),
-    answerPlaceholder: t("agentHost.agentGui.answerPlaceholder"),
-    waitingForAnswer: t("agentHost.agentGui.waitingForAnswer")
-  };
+  return completedAtUnixMs >= nowUnixMs - RECENTLY_COMPLETED_WINDOW_MS;
 }
-function normalizeMessageCenterNotificationAction(action) {
-  switch (action) {
-    case "allow":
-      return "accept";
-    case "deny":
-      return "reject";
+function messageCenterGroupLabel(groupBy, t) {
+  switch (groupBy) {
+    case "status":
+      return t("agentHost.workspaceAgentMessageCenterGroupStatus");
+    case "agent":
+      return t("agentHost.workspaceAgentMessageCenterGroupAgent");
+    case "time":
+      return t("agentHost.workspaceAgentMessageCenterGroupTime");
+    case "priority":
     default:
-      return action;
+      return t("agentHost.workspaceAgentMessageCenterGroupPriority");
   }
 }
-function messageCenterVisibleSummary(item) {
-  const summary = item.lastAgentMessageSummary.trim();
-  if (item.pendingPrompt?.kind === "approval" && isGenericApprovalSummary(summary)) {
-    return "";
+function statusFilterSummary(statusFilters, statusOptions) {
+  if (statusFilters === null || statusFilters.size === statusOptions.length) {
+    return statusOptions.map((option) => option.label).join(", ");
   }
-  return summary;
+  return statusOptions.filter((option) => statusFilters.has(option.value)).map((option) => option.label).join(", ");
 }
-function isGenericApprovalSummary(summary) {
-  const normalized = summary.trim().toLowerCase();
-  return normalized === "approval";
+function groupByFixedDefinitions(items, definitions) {
+  return definitions.map((definition) => ({
+    id: definition.id,
+    label: definition.label,
+    items: items.filter(definition.match)
+  })).filter((group) => group.items.length > 0);
 }
-function MessageCenterSummary({
-  emptyLabel,
-  item,
-  onLinkAction,
-  summary
-}) {
-  "use memo";
-  const summaryRef = useRef(null);
-  const [isOverflowing, setIsOverflowing] = useState(false);
-  const handleLinkAction = useCallback(
-    (action) => {
-      onLinkAction?.(
-        action.type === "open-agent-session" && !action.provider ? { ...action, provider: item.provider } : action
-      );
-    },
-    [item.provider, onLinkAction]
-  );
-  useLayoutEffect(() => {
-    const element = summaryRef.current;
-    if (!element) {
-      return;
-    }
-    const updateOverflowState = () => {
-      setIsOverflowing(element.scrollHeight > element.clientHeight + 1);
-    };
-    updateOverflowState();
-    const resizeObserver = new ResizeObserver(updateOverflowState);
-    resizeObserver.observe(element);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [summary]);
-  return /* @__PURE__ */ jsx3(
-    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 ? /* @__PURE__ */ jsx3(
-        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
-        }
-      ) : emptyLabel
+function groupByDynamicKey(items, keyForItem) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const key = keyForItem(item);
+    const group = groups.get(key.id);
+    if (group) {
+      group.items.push(item);
+      if (!group.identity && key.identity) {
+        group.identity = key.identity;
+        group.label = key.label;
+      }
+    } else {
+      groups.set(key.id, { ...key, items: [item] });
     }
-  );
+  }
+  return [...groups.values()];
+}
+function messageCenterTimeGroup(item) {
+  const timestamp = item.sortTimeUnixMs || item.lastAgentMessageAtUnixMs || 0;
+  if (timestamp <= 0) {
+    return "older";
+  }
+  const ageMs = Date.now() - timestamp;
+  const dayMs = 24 * 60 * 60 * 1e3;
+  if (ageMs < dayMs) {
+    return "today";
+  }
+  if (ageMs < dayMs * 2) {
+    return "yesterday";
+  }
+  if (ageMs < dayMs * 7) {
+    return "previous-seven-days";
+  }
+  return "older";
 }
-function MessageCenterOpenChatButton({
-  item,
-  label,
-  onOpenChat,
-  provider
+
+// agent-message-center/WorkspaceAgentMessageCenterViewControls.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function MessageCenterViewMenu({
+  filtersActive = false,
+  groupBy,
+  providerFilters,
+  providerOptions,
+  statusFilters,
+  statusOptions,
+  onClearFilters,
+  onGroupByChange,
+  onProviderToggle,
+  onStatusToggle
 }) {
   "use memo";
-  return /* @__PURE__ */ jsxs2("div", { className: "workspace-agent-message-center__footer flex min-w-0 items-center justify-between gap-2", children: [
-    /* @__PURE__ */ jsx3(
-      MessageCenterIdentityLabel,
-      {
-        identity: item.identity,
-        provider
-      }
-    ),
-    /* @__PURE__ */ jsxs2(
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs3(DropdownMenu, { modal: false, children: [
+    /* @__PURE__ */ jsx4(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3(
       Button2,
       {
         type: "button",
         variant: "ghost",
-        size: "default",
-        className: "workspace-agent-message-center__open-chat-button invisible h-auto gap-1.5 border-0 bg-transparent p-0 text-[var(--agent-gui-accent)] opacity-0 shadow-none transition-[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-transparent hover:text-[var(--agent-gui-accent)] focus-visible:bg-transparent focus-visible:text-[var(--agent-gui-accent)] active:bg-transparent",
-        onClick: () => onOpenChat({
-          agentSessionId: item.agentSessionId,
-          provider: item.provider
-        }),
+        size: "icon",
+        "aria-label": t("agentHost.workspaceAgentMessageCenterViewOptions"),
+        title: t("agentHost.workspaceAgentMessageCenterViewOptions"),
+        className: cn4(
+          "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)]"
+        ),
         children: [
-          /* @__PURE__ */ jsx3(
-            ExternalLink,
+          /* @__PURE__ */ jsx4(ListFilter, { className: "size-4", strokeWidth: 2.1, "aria-hidden": "true" }),
+          filtersActive ? /* @__PURE__ */ jsx4(
+            "span",
             {
-              className: "size-[15px]",
-              strokeWidth: 2.2,
-              "aria-hidden": "true"
+              "aria-label": t(
+                "agentHost.workspaceAgentMessageCenterFilterActive"
+              ),
+              className: "absolute -right-0.5 -top-0.5 size-2 rounded-full border border-[var(--background-panel)] bg-[var(--accent)]"
             }
-          ),
-          label
+          ) : null
         ]
       }
-    )
-  ] });
-}
-function MessageCenterIdentityLabel({
-  identity,
-  provider
-}) {
-  "use memo";
-  if (!identity) {
-    return /* @__PURE__ */ jsx3(AgentProviderLabel, { provider });
-  }
-  const agentAvatarUrl = identity.agentAvatarUrl?.trim() || managedAgentRoundedIconUrl(provider);
-  const title = `${identity.userName} & ${identity.agentName}`;
-  return /* @__PURE__ */ jsxs2(
-    "span",
-    {
-      className: "workspace-agent-message-center__identity inline-flex min-w-0 max-w-full items-center gap-2",
-      title,
-      children: [
-        /* @__PURE__ */ jsx3(
-          MessageCenterIdentityAvatarStack,
-          {
-            userAvatarUrl: identity.userAvatarUrl,
-            userName: identity.userName,
-            agentAvatarUrl
-          }
-        ),
-        /* @__PURE__ */ jsxs2("span", { className: "workspace-agent-message-center__identity-names flex min-w-0 items-center gap-1 truncate text-[var(--text-secondary)]", children: [
-          /* @__PURE__ */ jsx3("span", { className: "min-w-0 truncate", children: identity.userName }),
-          /* @__PURE__ */ jsx3("span", { className: "shrink-0 text-[var(--text-tertiary)]", children: "&" }),
-          /* @__PURE__ */ jsx3("span", { className: "min-w-0 truncate", children: identity.agentName })
-        ] })
-      ]
-    }
-  );
-}
-function MessageCenterIdentityAvatarMark({
-  identity,
-  provider,
-  userId
-}) {
-  "use memo";
-  const userName = identity?.userName.trim() || userId?.trim() || "";
-  if (!userName) {
-    return /* @__PURE__ */ jsx3(
-      "img",
-      {
-        src: managedAgentRoundedIconUrl(provider),
-        alt: "",
-        className: "size-5 shrink-0 rounded-full",
-        decoding: "async",
-        loading: "lazy",
-        draggable: false,
-        "aria-hidden": "true"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx3(
-    MessageCenterIdentityAvatarStack,
-    {
-      userAvatarUrl: identity?.userAvatarUrl,
-      userName,
-      agentAvatarUrl: identity?.agentAvatarUrl?.trim() || managedAgentRoundedIconUrl(provider)
-    }
-  );
-}
-function MessageCenterIdentityAvatarStack({
-  agentAvatarUrl,
-  userAvatarUrl: rawUserAvatarUrl,
-  userName
-}) {
-  "use memo";
-  const [userAvatarFailed, setUserAvatarFailed] = useState(false);
-  const userAvatarUrl = rawUserAvatarUrl?.trim() ?? "";
-  const userImageUrl = userAvatarUrl.length > 0 && !userAvatarFailed ? userAvatarUrl : user_avatar_placeholder_default;
-  useEffect(() => {
-    setUserAvatarFailed(false);
-  }, [userAvatarUrl]);
-  return /* @__PURE__ */ jsxs2(
-    "span",
-    {
-      className: "workspace-agent-message-center__identity-avatar-stack inline-flex w-9 shrink-0 items-center",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx3("span", { className: "inline-flex size-5 shrink-0 overflow-hidden rounded-full bg-[var(--transparency-block)] ring-2 ring-[var(--background-fronted)]", children: /* @__PURE__ */ jsx3(
-          "img",
-          {
-            src: userImageUrl,
-            alt: userName,
-            className: "size-full object-cover",
-            decoding: "async",
-            loading: "lazy",
-            referrerPolicy: "no-referrer",
-            draggable: false,
-            onError: () => {
-              setUserAvatarFailed(true);
-            }
-          }
-        ) }),
-        /* @__PURE__ */ jsx3("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__ */ jsx3(
-          "img",
-          {
-            src: agentAvatarUrl,
-            alt: "",
-            className: "size-full object-cover",
-            decoding: "async",
-            loading: "lazy",
-            draggable: false
-          }
-        ) })
-      ]
-    }
-  );
-}
-function ProjectPathInfo({ path }) {
-  "use memo";
-  return /* @__PURE__ */ jsxs2(Tooltip, { children: [
-    /* @__PURE__ */ jsx3(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx3(
-      "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__ */ jsx3(Info, { className: "size-3.5", strokeWidth: 2, "aria-hidden": "true" })
-      }
     ) }),
-    /* @__PURE__ */ jsx3(
-      TooltipContent,
+    /* @__PURE__ */ jsxs3(
+      DropdownMenuContent,
       {
-        side: "top",
-        align: "start",
-        className: "max-w-[320px] text-[11px] [overflow-wrap:anywhere]",
-        children: path
+        align: "end",
+        sideOffset: 8,
+        className: "min-w-[240px] p-1.5",
+        style: { zIndex: "var(--z-dialog-popover)" },
+        children: [
+          /* @__PURE__ */ jsx4(DropdownMenuLabel, { children: t("agentHost.workspaceAgentMessageCenterGroupBy") }),
+          /* @__PURE__ */ jsx4(
+            DropdownMenuRadioGroup,
+            {
+              value: groupBy,
+              onValueChange: (value) => onGroupByChange(value),
+              children: ["priority", "status", "agent", "time"].map((value) => /* @__PURE__ */ jsx4(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__ */ jsxs3(
+            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("span", { className: "min-w-0 flex-1 truncate", children: option.label }),
+                /* @__PURE__ */ jsx4("span", { className: "ml-auto text-[11px] text-[var(--text-tertiary)]", children: option.count })
+              ]
+            },
+            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__ */ jsxs3(
+              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("span", { className: "min-w-0 flex-1 truncate", children: option.label }),
+                  /* @__PURE__ */ jsx4("span", { className: "ml-auto text-[11px] text-[var(--text-tertiary)]", children: option.count })
+                ]
+              },
+              option.value
+            )) })
+          ] }) : null,
+          /* @__PURE__ */ jsx4(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsx4(DropdownMenuGroup, { children: /* @__PURE__ */ jsx4(DropdownMenuItem, { onClick: onClearFilters, children: t("agentHost.workspaceAgentMessageCenterClearFilters") }) })
+        ]
       }
     )
   ] });
 }
-function AgentProviderLabel({ provider }) {
-  "use memo";
-  const label = workspaceAgentProviderLabel(provider);
-  return /* @__PURE__ */ jsxs2("span", { className: "workspace-agent-message-center__provider inline-flex min-w-0 max-w-full items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx3(
-      "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__ */ jsx3("span", { className: "workspace-agent-message-center__provider-name min-w-0 truncate text-[var(--text-secondary)]", children: label })
-  ] });
-}
-function statusClass(item) {
-  if (isWaitingMessageCenterItem(item)) {
-    return "waiting";
-  }
-  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";
-}
 
 // agent-message-center/WorkspaceAgentMessageCenterPanel.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var MESSAGE_CENTER_TOOLTIP_DELAY_MS = 300;
 var WorkspaceAgentMessageCenterPanel = memo(
   function WorkspaceAgentMessageCenterPanel2({
@@ -1582,7 +2192,7 @@ var WorkspaceAgentMessageCenterPanel = memo(
     onSubmitPrompt
   }) {
     "use memo";
-    return /* @__PURE__ */ jsx4(AgentGuiI18nProvider, { runtime: i18n, locale, children: /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5(AgentGuiI18nProvider, { runtime: i18n, locale, children: /* @__PURE__ */ jsx5(
       WorkspaceAgentMessageCenterPanelContent,
       {
         open,
@@ -1613,29 +2223,29 @@ function WorkspaceAgentMessageCenterPanelContent({
 }) {
   "use memo";
   const { t } = useTranslation();
-  const [groupBy, setGroupBy] = useState2("priority");
-  const [statusFilters, setStatusFilters] = useState2(null);
-  const [providerFilters, setProviderFilters] = useState2(
+  const [groupBy, setGroupBy] = useState3("priority");
+  const [statusFilters, setStatusFilters] = useState3(null);
+  const [providerFilters, setProviderFilters] = useState3(
     null
   );
-  const [expandedStackIds, setExpandedStackIds] = useState2(
+  const [expandedStackIds, setExpandedStackIds] = useState3(
     () => /* @__PURE__ */ new Set()
   );
-  const [submittingPromptKey, setSubmittingPromptKey] = useState2(
+  const [submittingPromptKey, setSubmittingPromptKey] = useState3(
     null
   );
-  const itemNodesRef = useRef2(/* @__PURE__ */ new Map());
-  const lastScrolledHighlightedItemIdRef = useRef2(null);
-  const lastFilterResetHighlightedItemIdRef = useRef2(null);
-  const statusOptions = useMemo(
+  const itemNodesRef = useRef3(/* @__PURE__ */ new Map());
+  const lastScrolledHighlightedItemIdRef = useRef3(null);
+  const lastFilterResetHighlightedItemIdRef = useRef3(null);
+  const statusOptions = useMemo2(
     () => buildMessageCenterStatusOptions(model.counts, t),
     [model.counts, t]
   );
-  const providerOptions = useMemo(
+  const providerOptions = useMemo2(
     () => buildMessageCenterProviderOptions(model.items),
     [model.items]
   );
-  const visibleItems = useMemo(
+  const visibleItems = useMemo2(
     () => model.items.filter(
       (item) => itemMatchesViewFilters({
         item,
@@ -1645,17 +2255,25 @@ function WorkspaceAgentMessageCenterPanelContent({
     ),
     [model.items, providerFilters, statusFilters]
   );
-  const itemGroups = useMemo(
-    () => groupMessageCenterItems(visibleItems, groupBy, t),
-    [groupBy, t, visibleItems]
+  const deckItems = useMemo2(
+    () => selectMessageCenterAttentionDeckItems(visibleItems),
+    [visibleItems]
+  );
+  const listItems = useMemo2(
+    () => visibleItems.filter((item) => !isInteractiveMessageCenterItem(item)),
+    [visibleItems]
   );
-  const highlightedItem = useMemo(
+  const itemGroups = useMemo2(
+    () => groupMessageCenterItems(listItems, groupBy, t),
+    [groupBy, t, listItems]
+  );
+  const highlightedItem = useMemo2(
     () => highlightedItemId ? model.items.find((item) => item.id === highlightedItemId) ?? null : null,
     [highlightedItemId, model.items]
   );
   const activeStatusSummary = statusFilterSummary(statusFilters, statusOptions);
   const hasActiveFilters = statusFilters !== null || providerFilters !== null;
-  const headerSummary = useMemo(() => {
+  const headerSummary = useMemo2(() => {
     if (hasActiveFilters) {
       return t("agentHost.workspaceAgentMessageCenterSummaryFiltered", {
         count: visibleItems.length,
@@ -1702,7 +2320,8 @@ function WorkspaceAgentMessageCenterPanelContent({
         }
         await onSubmitPrompt({
           ...input,
-          agentSessionId: item.agentSessionId
+          agentSessionId: item.agentSessionId,
+          promptKind: item.pendingPrompt?.kind
         });
       } finally {
         setSubmittingPromptKey(
@@ -1840,7 +2459,7 @@ function WorkspaceAgentMessageCenterPanelContent({
     statusFilters,
     visibleItems
   ]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!open || !highlightedItemId) {
       return void 0;
     }
@@ -1851,7 +2470,7 @@ function WorkspaceAgentMessageCenterPanelContent({
       window.clearTimeout(timeoutId);
     };
   }, [highlightedItemId, onHighlightedItemSettled, open]);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     Drawer,
     {
       open,
@@ -1862,10 +2481,10 @@ function WorkspaceAgentMessageCenterPanelContent({
           onClose();
         }
       },
-      children: /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsx5(
         DrawerContent,
         {
-          className: cn4(
+          className: cn5(
             "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]"
           ),
@@ -1873,13 +2492,13 @@ function WorkspaceAgentMessageCenterPanelContent({
           portalContainer: portalContainer ?? void 0,
           showOverlay: false,
           "aria-label": t("agentHost.workspaceAgentMessageCenterTitle"),
-          children: /* @__PURE__ */ jsxs3(TooltipProvider, { delayDuration: MESSAGE_CENTER_TOOLTIP_DELAY_MS, children: [
-            /* @__PURE__ */ jsx4("div", { className: "flex-none border-b border-[var(--border-1)] px-3.5 pt-3 pb-3", children: /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center justify-between gap-3", children: [
-              /* @__PURE__ */ jsxs3("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx4("div", { className: "truncate text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: t("agentHost.workspaceAgentMessageCenterTitle") }),
-                /* @__PURE__ */ jsx4("div", { className: "truncate text-[11px] leading-4 text-[var(--text-tertiary)]", children: headerSummary })
+          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("div", { className: "truncate text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: t("agentHost.workspaceAgentMessageCenterTitle") }),
+                /* @__PURE__ */ jsx5("div", { className: "truncate text-[11px] leading-4 text-[var(--text-tertiary)]", children: headerSummary })
               ] }),
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(
                 MessageCenterViewMenu,
                 {
                   filtersActive: hasActiveFilters,
@@ -1895,82 +2514,96 @@ function WorkspaceAgentMessageCenterPanelContent({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ jsx4(
+            /* @__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: `${groupBy}:${activeStatusSummary}:${visibleItems.map((item) => item.id).join("|")}`,
-                children: visibleItems.length > 0 ? /* @__PURE__ */ jsx4("div", { className: "flex w-full min-w-0 flex-col gap-4", children: itemGroups.map((group) => /* @__PURE__ */ jsxs3(
-                  "section",
-                  {
-                    className: "flex min-w-0 flex-col gap-2.5",
-                    "aria-label": `${group.label} ${group.items.length}`,
-                    children: [
-                      /* @__PURE__ */ jsx4("div", { className: "flex min-w-0 items-center justify-between gap-3 px-0.5", children: /* @__PURE__ */ jsx4(MessageCenterGroupHeading, { group }) }),
-                      (() => {
-                        const renderCard = (item, options = {}) => {
-                          const highlighted = item.id === highlightedItemId;
-                          const card = /* @__PURE__ */ jsx4(
-                            MessageCenterCard,
-                            {
-                              cardRef: (node) => setItemNode(item.id, node),
-                              highlighted,
-                              item,
-                              isSubmitting: submittingPromptKey === `${item.agentSessionId}:${item.pendingPrompt?.requestId}`,
-                              onLinkAction,
-                              onOpenChat,
-                              onSubmitPrompt: (input) => void submitPrompt(item, input)
-                            },
-                            item.agentSessionId
-                          );
-                          if (options.stackedIndex === void 0) {
-                            return card;
-                          }
-                          return /* @__PURE__ */ jsx4(
-                            "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",
-                              style: {
-                                animationDelay: `${Math.min(options.stackedIndex * 24, 96)}ms`
+                syncKey: `${groupBy}:${activeStatusSummary}:${[...deckItems, ...visibleItems].map((item) => item.id).join("|")}`,
+                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,
+                  itemGroups.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 }) }),
+                        (() => {
+                          const renderCard = (item, options = {}) => {
+                            const highlighted = item.id === highlightedItemId;
+                            const card = /* @__PURE__ */ jsx5(
+                              MessageCenterCard,
+                              {
+                                cardRef: (node) => setItemNode(item.id, node),
+                                highlighted,
+                                item,
+                                isSubmitting: submittingPromptKey === `${item.agentSessionId}:${item.pendingPrompt?.requestId}`,
+                                onLinkAction,
+                                onOpenChat,
+                                onSubmitPrompt: (input) => void submitPrompt(item, input)
                               },
-                              children: card
-                            },
-                            item.agentSessionId
-                          );
-                        };
-                        return partitionMessageCenterItemsByAgentUser(
-                          group.items
-                        ).map((stack) => {
-                          const firstItem = stack.items[0];
-                          if (!firstItem) {
-                            return null;
-                          }
-                          if (stack.items.length === 1) {
-                            return renderCard(firstItem);
-                          }
-                          const stackId = group.id === stack.id ? stack.id : `${group.id}:${stack.id}`;
-                          return /* @__PURE__ */ jsx4(
-                            MessageCenterStack,
-                            {
-                              expanded: expandedStackIds.has(stackId),
-                              groupId: stackId,
-                              items: stack.items,
-                              renderCard,
-                              onCollapse: () => collapseStack(stackId),
-                              onExpand: () => expandStack(stackId)
-                            },
-                            stackId
-                          );
-                        });
-                      })()
-                    ]
-                  },
-                  group.id
-                )) }) : model.items.length > 0 ? /* @__PURE__ */ jsxs3("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__ */ jsx4("span", { children: t("agentHost.workspaceAgentMessageCenterFilteredEmpty") }),
-                  /* @__PURE__ */ jsx4(
+                              item.agentSessionId
+                            );
+                            if (options.stackedIndex === void 0) {
+                              return card;
+                            }
+                            return /* @__PURE__ */ jsx5(
+                              "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",
+                                style: {
+                                  animationDelay: `${Math.min(options.stackedIndex * 24, 96)}ms`
+                                },
+                                children: card
+                              },
+                              item.agentSessionId
+                            );
+                          };
+                          return partitionMessageCenterItemsByAgentUser(
+                            group.items
+                          ).map((stack) => {
+                            const firstItem = stack.items[0];
+                            if (!firstItem) {
+                              return null;
+                            }
+                            if (stack.items.length === 1) {
+                              return renderCard(firstItem);
+                            }
+                            const stackId = group.id === stack.id ? stack.id : `${group.id}:${stack.id}`;
+                            return /* @__PURE__ */ jsx5(
+                              MessageCenterStack,
+                              {
+                                expanded: expandedStackIds.has(stackId),
+                                groupId: stackId,
+                                items: stack.items,
+                                renderCard,
+                                onCollapse: () => collapseStack(stackId),
+                                onExpand: () => expandStack(stackId)
+                              },
+                              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",
@@ -1981,7 +2614,7 @@ function WorkspaceAgentMessageCenterPanelContent({
                       children: t("agentHost.workspaceAgentMessageCenterClearFilters")
                     }
                   )
-                ] }) : /* @__PURE__ */ jsx4("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") })
+                ] }) : /* @__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") })
               }
             )
           ] })
@@ -1997,21 +2630,21 @@ function MessageCenterGroupHeading({
 }) {
   "use memo";
   if (group.provider) {
-    return /* @__PURE__ */ jsxs3(
+    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__ */ jsx4(
+          group.identity ? /* @__PURE__ */ jsx5(
             MessageCenterIdentityLabel,
             {
               identity: group.identity,
               provider: group.provider
             }
-          ) : /* @__PURE__ */ jsxs3("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx4(
+          ) : /* @__PURE__ */ jsxs4("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx5(
               MessageCenterIdentityAvatarMark,
               {
                 identity: null,
@@ -2019,9 +2652,9 @@ function MessageCenterGroupHeading({
                 userId: group.userId ?? null
               }
             ),
-            /* @__PURE__ */ jsx4("span", { className: "min-w-0 truncate", children: group.label })
+            /* @__PURE__ */ jsx5("span", { className: "min-w-0 truncate", children: group.label })
           ] }),
-          /* @__PURE__ */ jsxs3("span", { className: "shrink-0", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "shrink-0", children: [
             "\xB7 ",
             group.items.length
           ] })
@@ -2029,7 +2662,7 @@ function MessageCenterGroupHeading({
       }
     );
   }
-  return /* @__PURE__ */ jsxs3("h3", { className: "truncate text-[11px] font-normal leading-4 text-[var(--text-tertiary)]", children: [
+  return /* @__PURE__ */ jsxs4("h3", { className: "truncate text-[11px] font-normal leading-4 text-[var(--text-tertiary)]", children: [
     group.label,
     " \xB7 ",
     group.items.length
@@ -2037,6 +2670,8 @@ function MessageCenterGroupHeading({
 }
 export {
   AgentInteractivePromptSurface,
+  PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
+  PLAN_IMPLEMENTATION_PROMPT,
   WorkspaceAgentMessageCenterCard,
   WorkspaceAgentMessageCenterPanel,
   approvalOptionDisplayLabel,