@tutti-os/agent-gui 0.0.5 → 0.0.7

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

@@ -68,6 +68,7 @@ interface WorkspaceAgentMessageCenterItem {
     id: string;
     agentSessionId: string;
     provider: string;
+    userId: string | null;
     title: string;
     identity: WorkspaceAgentMessageCenterIdentity | null;
     cwd: string;

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

@@ -9,7 +9,7 @@ import {
   managedAgentRoundedIconUrl,
   user_avatar_placeholder_default,
   workspaceAgentActivityStatusLabel
-} from "../chunk-F55LU7IJ.js";
+} from "../chunk-VBNWIBNV.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs,
   workspaceAgentProviderLabel
@@ -20,7 +20,7 @@ import {
 import {
   AgentGuiI18nProvider,
   useTranslation
-} from "../chunk-BHCCGKOP.js";
+} from "../chunk-ZAVQMGAX.js";
 import "../chunk-PJP5BUU6.js";
 import "../chunk-ZU3FKYMG.js";
 
@@ -135,6 +135,7 @@ function buildWorkspaceAgentMessageCenterModel(snapshot, options = {}) {
       id: `message-center-${session.agentSessionId}`,
       agentSessionId: session.agentSessionId,
       provider: session.provider,
+      userId: session.userId?.trim() || null,
       title,
       identity: resolveMessageCenterIdentity(
         session.agentSessionId,
@@ -512,18 +513,29 @@ function positiveNumber(value) {
 }
 
 // agent-message-center/workspaceAgentMessageCenterViewModel.ts
-function partitionMessageCenterItemsByProvider(items) {
+function partitionMessageCenterItemsByAgentUser(items) {
   const stacks = /* @__PURE__ */ new Map();
   for (const item of items) {
-    const stack = stacks.get(item.provider);
+    const stackId = messageCenterAgentUserStackId(item);
+    const stack = stacks.get(stackId);
     if (stack) {
       stack.items.push(item);
     } else {
-      stacks.set(item.provider, { provider: item.provider, items: [item] });
+      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 [
     {
@@ -611,8 +623,11 @@ function groupMessageCenterItems(items, groupBy, t) {
       ]);
     case "agent":
       return groupByDynamicKey(items, (item) => ({
-        id: `agent:${item.provider}`,
-        label: workspaceAgentProviderLabel(item.provider)
+        id: messageCenterAgentUserStackId(item),
+        identity: item.identity,
+        label: messageCenterAgentUserGroupLabel(item),
+        provider: item.provider,
+        userId: item.userId
       }));
     case "time":
       return groupByFixedDefinitions(items, [
@@ -669,6 +684,12 @@ function groupMessageCenterItems(items, groupBy, t) {
     }
   }
 }
+function messageCenterAgentUserGroupLabel(item) {
+  if (item.identity) {
+    return `${item.identity.userName} & ${item.identity.agentName}`;
+  }
+  return workspaceAgentProviderLabel(item.provider);
+}
 var RECENTLY_COMPLETED_WINDOW_MS = 10 * 60 * 1e3;
 function isRecentlyCompletedMessageCenterItem(item, nowUnixMs) {
   if (messageCenterStatusFilterValue(item) !== "completed") {
@@ -713,6 +734,10 @@ function groupByDynamicKey(items, keyForItem) {
     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] });
     }
@@ -1075,15 +1100,11 @@ function WorkspaceAgentMessageCenterStack({
                   /* @__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(
-                        "img",
+                        MessageCenterIdentityAvatarMark,
                         {
-                          src: managedAgentRoundedIconUrl(items[0]?.provider ?? ""),
-                          alt: "",
-                          className: "size-4 shrink-0 rounded-full",
-                          decoding: "async",
-                          loading: "lazy",
-                          draggable: false,
-                          "aria-hidden": "true"
+                          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", {
@@ -1143,6 +1164,7 @@ function MessageCenterStackSummary({
       ),
       "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(
@@ -1157,15 +1179,11 @@ function MessageCenterStackSummary({
             /* @__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(
-                  "img",
+                  MessageCenterIdentityAvatarMark,
                   {
-                    src: managedAgentRoundedIconUrl(firstItem.provider),
-                    alt: "",
-                    className: "size-5 shrink-0 rounded-full",
-                    decoding: "async",
-                    loading: "lazy",
-                    draggable: false,
-                    "aria-hidden": "true"
+                    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", {
@@ -1397,6 +1415,36 @@ function MessageCenterIdentityLabel({
     }
   );
 }
+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,
@@ -1753,9 +1801,9 @@ function WorkspaceAgentMessageCenterPanelContent({
       return;
     }
     for (const group of itemGroups) {
-      for (const stack of partitionMessageCenterItemsByProvider(group.items)) {
+      for (const stack of partitionMessageCenterItemsByAgentUser(group.items)) {
         if (stack.items.length > 1 && stack.items.some((item) => item.id === highlightedItemId)) {
-          expandStack(`${group.id}:${stack.provider}`);
+          expandStack(`${group.id}:${stack.id}`);
           return;
         }
       }
@@ -1860,11 +1908,7 @@ function WorkspaceAgentMessageCenterPanelContent({
                     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__ */ jsxs3("h3", { className: "truncate text-[11px] font-normal leading-4 text-[var(--text-tertiary)]", children: [
-                        group.label,
-                        " \xB7 ",
-                        group.items.length
-                      ] }) }),
+                      /* @__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;
@@ -1896,7 +1940,7 @@ function WorkspaceAgentMessageCenterPanelContent({
                             item.agentSessionId
                           );
                         };
-                        return partitionMessageCenterItemsByProvider(
+                        return partitionMessageCenterItemsByAgentUser(
                           group.items
                         ).map((stack) => {
                           const firstItem = stack.items[0];
@@ -1906,7 +1950,7 @@ function WorkspaceAgentMessageCenterPanelContent({
                           if (stack.items.length === 1) {
                             return renderCard(firstItem);
                           }
-                          const stackId = `${group.id}:${stack.provider}`;
+                          const stackId = group.id === stack.id ? stack.id : `${group.id}:${stack.id}`;
                           return /* @__PURE__ */ jsx4(
                             MessageCenterStack,
                             {
@@ -1948,6 +1992,49 @@ function WorkspaceAgentMessageCenterPanelContent({
 }
 var MessageCenterCard = WorkspaceAgentMessageCenterCard;
 var MessageCenterStack = WorkspaceAgentMessageCenterStack;
+function MessageCenterGroupHeading({
+  group
+}) {
+  "use memo";
+  if (group.provider) {
+    return /* @__PURE__ */ jsxs3(
+      "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(
+            MessageCenterIdentityLabel,
+            {
+              identity: group.identity,
+              provider: group.provider
+            }
+          ) : /* @__PURE__ */ jsxs3("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx4(
+              MessageCenterIdentityAvatarMark,
+              {
+                identity: null,
+                provider: group.provider,
+                userId: group.userId ?? null
+              }
+            ),
+            /* @__PURE__ */ jsx4("span", { className: "min-w-0 truncate", children: group.label })
+          ] }),
+          /* @__PURE__ */ jsxs3("span", { className: "shrink-0", children: [
+            "\xB7 ",
+            group.items.length
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs3("h3", { className: "truncate text-[11px] font-normal leading-4 text-[var(--text-tertiary)]", children: [
+    group.label,
+    " \xB7 ",
+    group.items.length
+  ] });
+}
 export {
   AgentInteractivePromptSurface,
   WorkspaceAgentMessageCenterCard,