@tutti-os/agent-gui 0.0.6 → 0.0.8

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

@@ -9,7 +9,7 @@ import {
   managedAgentRoundedIconUrl,
   user_avatar_placeholder_default,
   workspaceAgentActivityStatusLabel
-} from "../chunk-FKCXHCPO.js";
+} from "../chunk-3D3TO2MH.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs,
   workspaceAgentProviderLabel
@@ -20,7 +20,7 @@ import {
 import {
   AgentGuiI18nProvider,
   useTranslation
-} from "../chunk-JWVLIF5R.js";
+} from "../chunk-ZAVQMGAX.js";
 import "../chunk-PJP5BUU6.js";
 import "../chunk-ZU3FKYMG.js";
 
@@ -623,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, [
@@ -681,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") {
@@ -725,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] });
     }
@@ -1087,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", {
@@ -1170,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", {
@@ -1410,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,
@@ -1873,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;
@@ -1919,7 +1950,7 @@ function WorkspaceAgentMessageCenterPanelContent({
                           if (stack.items.length === 1) {
                             return renderCard(firstItem);
                           }
-                          const stackId = `${group.id}:${stack.id}`;
+                          const stackId = group.id === stack.id ? stack.id : `${group.id}:${stack.id}`;
                           return /* @__PURE__ */ jsx4(
                             MessageCenterStack,
                             {
@@ -1961,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,