@tutti-os/agent-gui 0.0.21 → 0.0.23

package/dist/agent-conversation/index.d.ts

@@ -28,6 +28,7 @@ interface AgentConversationFlowProps {
     onAuthLogin?: (provider?: string | null) => void;
     availableSkills?: readonly AgentGUIProviderSkillOption[];
     workspaceAppIcons?: readonly AgentMessageMarkdownWorkspaceAppIcon[];
+    previewMode?: boolean;
     showRawTimelineJson?: boolean;
     labels: {
         toolCallsLabel: (count: number) => string;
@@ -45,6 +46,7 @@ interface AgentTranscriptViewProps {
     onAuthLogin?: (provider?: string | null) => void;
     availableSkills?: readonly AgentGUIProviderSkillOption[];
     workspaceAppIcons?: readonly AgentMessageMarkdownWorkspaceAppIcon[];
+    previewMode?: boolean;
     showRawTimelineJson?: boolean;
     labels: {
         toolCallsLabel: (count: number) => string;

package/dist/agent-conversation/index.js

@@ -6,8 +6,8 @@ import {
   projectAgentConversationVM,
   reconcileProjectedAgentConversationVM,
   useProjectedAgentConversation
-} from "../chunk-4NGM7NFL.js";
-import "../chunk-BMGCH4JC.js";
+} from "../chunk-MQAGIHYM.js";
+import "../chunk-7Q3JKSQ5.js";
 import "../chunk-XAQQN6MP.js";
 import "../chunk-XJ34OIEQ.js";
 import "../chunk-CCI6EK5W.js";

package/dist/agent-message-center/index.d.ts

@@ -165,6 +165,7 @@ interface AgentInteractivePromptSurfaceProps {
     variant?: AgentInteractivePromptVariant;
     edgeGlow?: boolean;
     keyboardShortcuts?: boolean;
+    previewMode?: boolean;
     isSubmitting: boolean;
     onSubmit: (input: {
         requestId: string;
@@ -195,7 +196,7 @@ interface AgentInteractivePromptSurfaceProps {
         planImplementationSkip: string;
     };
 }
-declare function AgentInteractivePromptSurface({ prompt, variant, edgeGlow, embedded, keyboardShortcuts, isSubmitting, onSubmit, labels }: AgentInteractivePromptSurfaceProps & {
+declare function AgentInteractivePromptSurface({ prompt, variant, edgeGlow, embedded, keyboardShortcuts, previewMode, isSubmitting, onSubmit, labels }: AgentInteractivePromptSurfaceProps & {
     embedded?: boolean;
 }): JSX.Element | null;
 

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

@@ -3,7 +3,7 @@ import {
   approvalOptionDisplayLabel,
   getPromptToolDetails,
   isPromptRequestIdTitle
-} from "../chunk-2BGUS7DE.js";
+} from "../chunk-ZC4E2QJU.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
   PLAN_IMPLEMENTATION_PROMPT,
@@ -16,7 +16,7 @@ import {
   cn,
   extractAgentMcpToolTarget,
   normalizeAskUserQuestions
-} from "../chunk-BMGCH4JC.js";
+} from "../chunk-7Q3JKSQ5.js";
 import {
   managedAgentRoundedIconUrl,
   userAvatarPlaceholderUrl,
@@ -54,6 +54,7 @@ import {
   cn as cn5,
   Drawer,
   DrawerContent,
+  StatusDot as StatusDot2,
   TooltipProvider
 } from "@tutti-os/ui-system";
 
@@ -103,16 +104,16 @@ import {
 } from "@tutti-os/agent-activity-core";
 
 // agent-message-center/workspaceAgentMessageCenterDigest.ts
-function buildWorkspaceAgentMessageCenterDigest({
-  fallbackTitle,
-  messages,
-  needsAttention,
-  pendingPrompt,
-  status
-}) {
-  const latestAgentMessage2 = latestAgentMessageSummary(messages);
+function buildWorkspaceAgentMessageCenterDigest(input) {
+  const {
+    fallbackTitle,
+    latestAgentMessage,
+    needsAttention,
+    pendingPrompt,
+    status
+  } = input;
   const fallbackSummary = firstNonEmptyString(
-    latestAgentMessage2?.summary ?? null,
+    latestAgentMessage?.summary ?? null,
     needsAttention?.summary ?? null,
     pendingPromptSummary(pendingPrompt),
     fallbackTitle
@@ -126,7 +127,7 @@ function buildWorkspaceAgentMessageCenterDigest({
           needsAttention?.summary ?? null,
           fallbackSummary
         ),
-        occurredAtUnixMs: needsAttention?.occurredAtUnixMs ?? promptTimeUnixMs(pendingPrompt) ?? latestAgentMessage2?.occurredAtUnixMs ?? null
+        occurredAtUnixMs: needsAttention?.occurredAtUnixMs ?? promptTimeUnixMs(pendingPrompt) ?? latestAgentMessage?.occurredAtUnixMs ?? null
       }
     };
   }
@@ -135,7 +136,7 @@ function buildWorkspaceAgentMessageCenterDigest({
       primary: {
         kind: "error",
         summary: fallbackSummary,
-        occurredAtUnixMs: latestAgentMessage2?.occurredAtUnixMs ?? null
+        occurredAtUnixMs: latestAgentMessage?.occurredAtUnixMs ?? null
       }
     };
   }
@@ -144,7 +145,7 @@ function buildWorkspaceAgentMessageCenterDigest({
       primary: {
         kind: "outcome",
         summary: fallbackSummary,
-        occurredAtUnixMs: latestAgentMessage2?.occurredAtUnixMs ?? null
+        occurredAtUnixMs: latestAgentMessage?.occurredAtUnixMs ?? null
       }
     };
   }
@@ -153,7 +154,7 @@ function buildWorkspaceAgentMessageCenterDigest({
       primary: {
         kind: "progress",
         summary: fallbackSummary,
-        occurredAtUnixMs: latestAgentMessage2?.occurredAtUnixMs ?? null
+        occurredAtUnixMs: latestAgentMessage?.occurredAtUnixMs ?? null
       }
     };
   }
@@ -161,28 +162,15 @@ function buildWorkspaceAgentMessageCenterDigest({
     primary: {
       kind: "summary",
       summary: fallbackSummary,
-      occurredAtUnixMs: latestAgentMessage2?.occurredAtUnixMs ?? null
+      occurredAtUnixMs: latestAgentMessage?.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 resolveWorkspaceAgentMessageCenterDigestAgentMessageSummary(message) {
+  if (!isAgentMessageRole(message.role)) {
+    return "";
+  }
+  return meaningfulMessageSummary(message);
 }
 function pendingPromptSummary(prompt) {
   if (!prompt) {
@@ -211,36 +199,45 @@ function isAgentMessageRole(role) {
   return normalized === "assistant" || normalized === "agent";
 }
 function meaningfulMessageSummary(message) {
-  for (const candidate of messageSummaryCandidates(message)) {
-    if (!isGenericToolLabelSummary(message, candidate)) {
-      return decorateMessageSummary(message, candidate);
+  const payload = recordValue(message.payload);
+  const isToolMessage = isToolLikeMessage(message, payload);
+  const candidates = messageSummaryCandidates(message, payload, isToolMessage);
+  const structuralLabelTokens = isToolMessage ? structuralToolLabelTokens(message, payload) : null;
+  const hasToolDigestSignal = isToolMessage && candidates.some(isToolDigestSignalCandidate);
+  for (const candidate of candidates) {
+    if (!isGenericToolLabelSummary(candidate, {
+      hasToolDigestSignal,
+      isToolMessage,
+      structuralLabelTokens
+    })) {
+      return decorateMessageSummary(message, candidate, isToolMessage);
     }
   }
   return "";
 }
-function messageSummaryCandidates(message) {
+function messageSummaryCandidates(message, payload, isToolMessage) {
   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)
+    summaryCandidate("payload.summary", payload.summary),
+    summaryCandidate("payload.displayPrompt", payload.displayPrompt),
+    summaryCandidate("payload.text", payload.text),
+    summaryCandidate("payload.content", payload.content),
+    summaryCandidate("payload.message", payload.message),
+    summaryCandidate("payload.body", payload.body)
   ];
-  if (!isToolLikeMessage(message)) {
+  if (!isToolMessage) {
     return [
       ...explicitCandidates,
-      summaryCandidate("payload.title", message.payload.title)
+      summaryCandidate("payload.title", payload.title)
     ].filter(
       (candidate) => Boolean(candidate)
     );
   }
   return [
     ...explicitCandidates,
-    toolErrorSummaryCandidate(message.payload),
-    toolOutputSummaryCandidate(message.payload),
-    toolInputSummaryCandidate(message.payload),
-    summaryCandidate("payload.title", message.payload.title)
+    toolErrorSummaryCandidate(payload),
+    toolOutputSummaryCandidate(payload),
+    toolInputSummaryCandidate(payload),
+    summaryCandidate("payload.title", payload.title)
   ].filter(
     (candidate) => Boolean(candidate)
   );
@@ -328,21 +325,21 @@ function toolInputSummaryCandidate(payload) {
     )
   );
 }
-function isGenericToolLabelSummary(message, candidate) {
-  if (!isToolLikeMessage(message)) {
+function isGenericToolLabelSummary(candidate, context) {
+  if (!context.isToolMessage) {
     return false;
   }
   const normalizedSummary = normalizeToken(candidate.summary);
   if (!normalizedSummary) {
     return true;
   }
-  if (structuralToolLabelTokens(message).has(normalizedSummary)) {
+  if (context.structuralLabelTokens?.has(normalizedSummary)) {
     return true;
   }
-  return candidate.source === "payload.title" && !hasToolDigestSignal(message) && looksLikeBareLabel(candidate.summary);
+  return candidate.source === "payload.title" && !context.hasToolDigestSignal && looksLikeBareLabel(candidate.summary);
 }
-function decorateMessageSummary(message, candidate) {
-  if (!isToolLikeMessage(message)) {
+function decorateMessageSummary(message, candidate, isToolMessage) {
+  if (!isToolMessage) {
     return candidate.summary;
   }
   const mcpTarget = extractAgentMcpToolTarget({ payload: message.payload });
@@ -354,8 +351,7 @@ function decorateMessageSummary(message, candidate) {
   }
   return `${mcpTarget.displayName}: ${candidate.summary}`;
 }
-function isToolLikeMessage(message) {
-  const payload = recordValue(message.payload);
+function isToolLikeMessage(message, payload = recordValue(message.payload)) {
   const normalizedKind = normalizeToken(message.kind);
   const normalizedType = [
     stringValue(payload.type),
@@ -366,8 +362,7 @@ function isToolLikeMessage(message) {
     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);
+function structuralToolLabelTokens(message, payload = recordValue(message.payload)) {
   const metadata = recordValue(payload.metadata);
   return new Set(
     [
@@ -390,11 +385,8 @@ function structuralToolLabelTokens(message) {
 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 isToolDigestSignalCandidate(candidate) {
+  return candidate.source === "tool.error" || candidate.source === "tool.output" || candidate.source === "tool.input";
 }
 function looksLikeBareLabel(value) {
   const trimmed = value.trim();
@@ -403,9 +395,6 @@ function looksLikeBareLabel(value) {
 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) ?? "";
 }
@@ -465,17 +454,24 @@ function buildWorkspaceAgentMessageCenterModel(snapshot, options = {}) {
   const displayStatuses = selectSessionDisplayStatuses(snapshot);
   const items = snapshot.sessions.filter((session) => session.visible !== false).map((session) => {
     const messages = resolveSessionMessages(snapshot, session);
+    const messageAnalysis = analyzeMessageCenterSessionMessages(
+      session.agentSessionId,
+      messages
+    );
     const needsAttention = needsAttentionBySessionId.get(session.agentSessionId) ?? null;
     const status = displayStatuses.get(session.agentSessionId) ?? "idle";
-    const lastAgentMessage = latestAgentMessage(messages);
-    const title = resolveSessionTitle(session, messages);
-    const pendingPrompt = pendingPromptFromMessages(messages) ?? codexPlanImplementationPrompt(session, status, messages) ?? fallbackPromptFromNeedsAttention(
+    const lastAgentMessage = messageAnalysis.latestAgentMessage;
+    const title = resolveSessionTitle(
+      session,
+      messageAnalysis.firstUserMessageSummary
+    );
+    const pendingPrompt = messageAnalysis.pendingPrompt ?? codexPlanImplementationPrompt(session, status, messages) ?? fallbackPromptFromNeedsAttention(
       needsAttention,
       options.promptFallbackLabels
     );
     const digest = buildWorkspaceAgentMessageCenterDigest({
       fallbackTitle: resolveDigestFallbackTitle(session),
-      messages,
+      latestAgentMessage: messageAnalysis.latestDigestAgentMessage,
       needsAttention,
       pendingPrompt,
       status
@@ -504,7 +500,7 @@ function buildWorkspaceAgentMessageCenterModel(snapshot, options = {}) {
       pendingPrompt,
       needsAttentionKind: needsAttention?.kind ?? null,
       needsAttentionSummary: needsAttention?.summary ?? null,
-      latestTurnOutcome: latestTurnOutcome(session.agentSessionId, messages),
+      latestTurnOutcome: messageAnalysis.latestTurnOutcome,
       sortTimeUnixMs
     };
   }).filter(
@@ -576,47 +572,66 @@ function resolveSessionMessages(snapshot, session) {
   }
   return [];
 }
-function resolveSessionTitle(session, messages) {
+function resolveSessionTitle(session, firstUserMessageSummary) {
   const title = session.title.trim();
   if (title) {
     return title;
   }
-  return firstUserMessageText(messages) || session.provider || session.agentSessionId;
+  return firstUserMessageSummary || session.provider || session.agentSessionId;
 }
 function resolveDigestFallbackTitle(session) {
   return session.title.trim() || session.provider || session.agentSessionId;
 }
-function firstUserMessageText(messages) {
+function analyzeMessageCenterSessionMessages(agentSessionId, messages) {
+  let firstUserMessageSummary = "";
+  let latestAgentMessage = null;
+  let latestDigestAgentMessage = null;
+  let latestPendingPrompt = null;
+  let latestOutcome = null;
   for (const message of messages) {
-    if (message.role.trim().toLowerCase() !== "user") {
-      continue;
-    }
-    const summary = messageSummary(message);
-    if (summary) {
-      return summary;
-    }
-  }
-  return "";
-}
-function pendingPromptFromMessages(messages) {
-  for (const message of [...messages].sort(compareMessagesByRecentTime)) {
-    if (isTerminalMessageStatus(message.status)) {
-      continue;
-    }
-    const approval = approvalPromptFromMessage(message);
-    if (approval) {
-      return approval;
+    if (!firstUserMessageSummary && isUserMessageRole(message.role)) {
+      firstUserMessageSummary = messageSummary(message);
     }
-    const askUser = askUserPromptFromMessage(message);
-    if (askUser) {
-      return askUser;
+    if (isAgentMessageRole2(message.role)) {
+      const summary = messageSummary(message);
+      if (summary) {
+        const occurredAtUnixMs = messageTimeUnixMs(message);
+        if (!latestAgentMessage || occurredAtUnixMs >= latestAgentMessage.occurredAtUnixMs) {
+          latestAgentMessage = { summary, occurredAtUnixMs };
+        }
+      }
+      const digestSummary = resolveWorkspaceAgentMessageCenterDigestAgentMessageSummary(message);
+      if (digestSummary) {
+        const occurredAtUnixMs = messageTimeUnixMs(message);
+        if (!latestDigestAgentMessage || occurredAtUnixMs >= latestDigestAgentMessage.occurredAtUnixMs) {
+          latestDigestAgentMessage = {
+            summary: digestSummary,
+            occurredAtUnixMs
+          };
+        }
+      }
+      const outcome = turnOutcomeFromMessage(agentSessionId, message);
+      if (outcome && (!latestOutcome || compareMessagesByRecentTime(message, latestOutcome.message) < 0)) {
+        latestOutcome = { message, outcome };
+      }
     }
-    const exitPlan = exitPlanPromptFromMessage(message);
-    if (exitPlan) {
-      return exitPlan;
+    if (!isTerminalMessageStatus(message.status)) {
+      const prompt = promptFromMessage(message);
+      if (prompt && (!latestPendingPrompt || compareMessagesByRecentTime(message, latestPendingPrompt.message) < 0)) {
+        latestPendingPrompt = { message, prompt };
+      }
     }
   }
-  return null;
+  return {
+    firstUserMessageSummary,
+    latestDigestAgentMessage,
+    latestAgentMessage,
+    latestTurnOutcome: latestOutcome?.outcome ?? null,
+    pendingPrompt: latestPendingPrompt?.prompt ?? null
+  };
+}
+function promptFromMessage(message) {
+  return approvalPromptFromMessage(message) ?? askUserPromptFromMessage(message) ?? exitPlanPromptFromMessage(message);
 }
 function approvalPromptFromMessage(message) {
   if (!isPermissionMessage(message)) {
@@ -667,7 +682,7 @@ function approvalPromptFromMessage(message) {
     input: Object.keys(input).length > 0 ? input : payload,
     options,
     output: null,
-    occurredAtUnixMs: messageTimeUnixMs2(message) || null
+    occurredAtUnixMs: messageTimeUnixMs(message) || null
   };
 }
 function askUserPromptFromMessage(message) {
@@ -677,8 +692,7 @@ function askUserPromptFromMessage(message) {
   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);
+  const questions = normalizeAskUserQuestions(input.questions);
   if (questions.length === 0) {
     return null;
   }
@@ -717,52 +731,18 @@ function codexPlanImplementationPrompt(session, status, messages) {
   const title = planMessage ? messageSummary(planMessage) : "";
   return planImplementationPromptFromPlanTurn(planTurnId, title);
 }
-function latestAgentMessage(messages) {
-  return messages.reduce(
-    (latest, message) => {
-      if (!isAgentMessageRole2(message.role)) {
-        return latest;
-      }
-      const summary = messageSummary(message);
-      if (!summary) {
-        return latest;
-      }
-      const occurredAtUnixMs = messageTimeUnixMs2(message);
-      if (!latest || occurredAtUnixMs >= latest.occurredAtUnixMs) {
-        return { summary, occurredAtUnixMs };
-      }
-      return latest;
-    },
-    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) {
+function turnOutcomeFromMessage(agentSessionId, message) {
+  const status = outcomeStatusFromMessage(message);
+  if (!status) {
     return null;
   }
+  const turnId = message.turnId?.trim() || null;
+  const messageId = message.messageId.trim();
+  const notificationSubject = turnId ? `turn:${turnId}` : `message:${messageId}`;
   return {
-    notificationKey: latest.notificationKey,
-    status: latest.status,
-    turnId: latest.turnId
+    notificationKey: `${agentSessionId}:${notificationSubject}:${status}`,
+    status,
+    turnId
   };
 }
 function outcomeStatusFromMessage(message) {
@@ -847,6 +827,9 @@ function isAgentMessageRole2(role) {
   const normalized = role.trim().toLowerCase();
   return normalized === "assistant" || normalized === "agent";
 }
+function isUserMessageRole(role) {
+  return role.trim().toLowerCase() === "user";
+}
 function isTerminalMessageStatus(status) {
   switch (status?.trim().toLowerCase()) {
     case "answered":
@@ -898,7 +881,7 @@ function normalizedMetadataValues(message) {
   ].join(" ").replace(/[_\s-]+/g, "").toLowerCase();
 }
 function compareMessagesByRecentTime(left, right) {
-  return messageTimeUnixMs2(right) - messageTimeUnixMs2(left) || right.version - left.version || right.messageId.localeCompare(left.messageId);
+  return messageTimeUnixMs(right) - messageTimeUnixMs(left) || right.version - left.version || right.messageId.localeCompare(left.messageId);
 }
 function includesAny2(value, needles) {
   return needles.some(
@@ -916,7 +899,7 @@ function messageSummary(message) {
     stringValue2(message.payload.title)
   );
 }
-function messageTimeUnixMs2(message) {
+function messageTimeUnixMs(message) {
   return positiveNumber2(message.occurredAtUnixMs) ?? positiveNumber2(message.completedAtUnixMs) ?? positiveNumber2(message.startedAtUnixMs) ?? positiveNumber2(message.version) ?? 0;
 }
 function firstNonEmptyString2(...values) {
@@ -1633,7 +1616,7 @@ function MessageCenterOpenChatButton({
         variant: "ghost",
         size: "default",
         className: cn2(
-          "workspace-agent-message-center__open-chat-button h-auto gap-1.5 border-0 bg-transparent p-0 text-[var(--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",
+          "workspace-agent-message-center__open-chat-button h-auto gap-1.5 border-0 bg-transparent p-0 text-[var(--accent-codex)] shadow-none transition-[color,opacity,visibility] hover:bg-transparent hover:text-[var(--accent-codex)] focus-visible:bg-transparent focus-visible:text-[var(--accent-codex)] active:bg-transparent",
           !alwaysVisible && "invisible opacity-0 group-hover/message-card:visible group-hover/message-card:opacity-100 group-focus-within/message-card:visible group-focus-within/message-card:opacity-100"
         ),
         onClick: () => onOpenChat({
@@ -1679,7 +1662,7 @@ function MessageCenterIdentityLabel({
             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__ */ jsxs("span", { className: "workspace-agent-message-center__identity-names flex min-w-0 items-center gap-1 truncate text-[13px] leading-5 text-[var(--text-secondary)]", children: [
           /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: identity.userName }),
           /* @__PURE__ */ jsx2("span", { className: "shrink-0 text-[var(--text-tertiary)]", children: "&" }),
           /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: identity.agentName })
@@ -1846,7 +1829,7 @@ function AgentProviderLabel({ provider }) {
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ jsx2("span", { className: "workspace-agent-message-center__provider-name min-w-0 truncate text-[var(--text-secondary)]", children: label })
+    /* @__PURE__ */ jsx2("span", { className: "workspace-agent-message-center__provider-name min-w-0 truncate text-[13px] leading-5 text-[var(--text-secondary)]", children: label })
   ] });
 }
 function statusClass(item) {
@@ -3000,6 +2983,7 @@ function MessageCenterGroupHeading({
   group
 }) {
   "use memo";
+  const statusSignal = messageCenterGroupStatusSignal(group.id);
   if (group.provider) {
     return /* @__PURE__ */ jsxs4(
       "h3",
@@ -3033,11 +3017,45 @@ function MessageCenterGroupHeading({
       }
     );
   }
-  return /* @__PURE__ */ jsxs4("h3", { className: "truncate text-[11px] font-normal leading-4 text-[var(--text-tertiary)]", children: [
-    group.label,
-    " \xB7 ",
-    group.items.length
-  ] });
+  return /* @__PURE__ */ jsxs4(
+    "h3",
+    {
+      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: [
+        statusSignal ? /* @__PURE__ */ jsx5(
+          StatusDot2,
+          {
+            tone: statusSignal.tone,
+            pulse: statusSignal.pulse,
+            size: "sm",
+            title: group.label
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs4("span", { className: "min-w-0 truncate", children: [
+          group.label,
+          " \xB7 ",
+          group.items.length
+        ] })
+      ]
+    }
+  );
+}
+function messageCenterGroupStatusSignal(groupId) {
+  switch (groupId) {
+    case "needs-attention":
+    case "waiting":
+      return { pulse: true, tone: "amber" };
+    case "working":
+      return { pulse: true, tone: "blue" };
+    case "failed":
+      return { pulse: false, tone: "red" };
+    case "recently-completed":
+    case "completed":
+      return { pulse: false, tone: "green" };
+    default:
+      return null;
+  }
 }
 
 // agent-message-center/workspaceAgentMessageCenterModelStability.ts