@tutti-os/agent-gui 0.0.16 → 0.0.17

package/dist/agent-conversation/index.js

@@ -6,15 +6,15 @@ import {
   projectAgentConversationVM,
   reconcileProjectedAgentConversationVM,
   useProjectedAgentConversation
-} from "../chunk-267VY3EJ.js";
-import "../chunk-FJYH2ZPX.js";
-import "../chunk-KWPL3JYS.js";
+} from "../chunk-HVOPJU2K.js";
+import "../chunk-K44WER5Z.js";
+import "../chunk-KHTIC52P.js";
 import "../chunk-XJ34OIEQ.js";
 import "../chunk-O5TUTXHT.js";
 import "../chunk-TYGL25EL.js";
 import {
   translate
-} from "../chunk-SIDWRR5I.js";
+} from "../chunk-65YMY2M3.js";
 import "../chunk-LUGELG5V.js";
 import "../chunk-PJP5BUU6.js";
 

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

@@ -57,6 +57,7 @@ interface WorkspaceAgentMessageCenterTurnOutcome {
 interface BuildWorkspaceAgentMessageCenterOptions {
     avoidGroupingEdits?: boolean;
     identityBySessionId?: Record<string, WorkspaceAgentMessageCenterIdentity>;
+    itemCutoffUnixMs?: number | null;
     promptFallbackLabels?: WorkspaceAgentMessageCenterPromptFallbackLabels;
     workspaceRoot?: string | null;
 }
@@ -226,4 +227,6 @@ declare function approvalOptionDisplayLabel(option: {
     feedback?: boolean;
 }): string;
 
-export { AgentInteractivePromptSurface, type BuildWorkspaceAgentMessageCenterOptions, type PromptToolDetail, WorkspaceAgentMessageCenterCard, type WorkspaceAgentMessageCenterCardProps, type WorkspaceAgentMessageCenterCounts, type WorkspaceAgentMessageCenterDigest, type WorkspaceAgentMessageCenterDigestPrimary, type WorkspaceAgentMessageCenterDigestPrimaryKind, type WorkspaceAgentMessageCenterIdentity, type WorkspaceAgentMessageCenterItem, type WorkspaceAgentMessageCenterModel, WorkspaceAgentMessageCenterPanel, type WorkspaceAgentMessageCenterPanelProps, approvalOptionDisplayLabel, buildWorkspaceAgentInteractivePromptLabels, buildWorkspaceAgentMessageCenterModel, getPromptToolDetails, isPromptRequestIdTitle, isWaitingMessageCenterItem, managedAgentRoundedIconUrl, userAvatarPlaceholderUrl, workspaceAgentActivityStatusLabel };
+declare function stabilizeWorkspaceAgentMessageCenterModel(previous: WorkspaceAgentMessageCenterModel | null, next: WorkspaceAgentMessageCenterModel): WorkspaceAgentMessageCenterModel;
+
+export { AgentInteractivePromptSurface, type BuildWorkspaceAgentMessageCenterOptions, type PromptToolDetail, WorkspaceAgentMessageCenterCard, type WorkspaceAgentMessageCenterCardProps, type WorkspaceAgentMessageCenterCounts, type WorkspaceAgentMessageCenterDigest, type WorkspaceAgentMessageCenterDigestPrimary, type WorkspaceAgentMessageCenterDigestPrimaryKind, type WorkspaceAgentMessageCenterIdentity, type WorkspaceAgentMessageCenterItem, type WorkspaceAgentMessageCenterModel, WorkspaceAgentMessageCenterPanel, type WorkspaceAgentMessageCenterPanelProps, approvalOptionDisplayLabel, buildWorkspaceAgentInteractivePromptLabels, buildWorkspaceAgentMessageCenterModel, getPromptToolDetails, isPromptRequestIdTitle, isWaitingMessageCenterItem, managedAgentRoundedIconUrl, stabilizeWorkspaceAgentMessageCenterModel, userAvatarPlaceholderUrl, workspaceAgentActivityStatusLabel };

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

@@ -3,7 +3,7 @@ import {
   approvalOptionDisplayLabel,
   getPromptToolDetails,
   isPromptRequestIdTitle
-} from "../chunk-LW2S255I.js";
+} from "../chunk-VO2TZNKV.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
   PLAN_IMPLEMENTATION_PROMPT,
@@ -16,12 +16,12 @@ import {
   cn,
   extractAgentMcpToolTarget,
   normalizeAskUserQuestions
-} from "../chunk-FJYH2ZPX.js";
+} from "../chunk-K44WER5Z.js";
 import {
   managedAgentRoundedIconUrl,
   userAvatarPlaceholderUrl,
   workspaceAgentActivityStatusLabel
-} from "../chunk-EKATXC3W.js";
+} from "../chunk-CDTTIUPL.js";
 import "../chunk-MTFSQWZ6.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
@@ -36,7 +36,7 @@ import {
 import {
   AgentGuiI18nProvider,
   useTranslation
-} from "../chunk-SIDWRR5I.js";
+} from "../chunk-65YMY2M3.js";
 import "../chunk-PJP5BUU6.js";
 
 // agent-message-center/WorkspaceAgentMessageCenterPanel.tsx
@@ -507,7 +507,9 @@ function buildWorkspaceAgentMessageCenterModel(snapshot, options = {}) {
       latestTurnOutcome: latestTurnOutcome(session.agentSessionId, messages),
       sortTimeUnixMs
     };
-  });
+  }).filter(
+    (item) => isWithinMessageCenterItemCutoff(item, options.itemCutoffUnixMs)
+  );
   return {
     waitingCount: items.filter(isWaitingMessageCenterItem).length,
     items: items.sort(compareMessageCenterItems),
@@ -539,6 +541,16 @@ function isWaitingMessageCenterItem(item) {
 function isInteractiveMessageCenterItem(item) {
   return item.pendingPrompt !== null;
 }
+function isWithinMessageCenterItemCutoff(item, cutoffUnixMs) {
+  if (!Number.isFinite(cutoffUnixMs)) {
+    return true;
+  }
+  if (isWaitingMessageCenterItem(item)) {
+    return true;
+  }
+  const timestamp = item.sortTimeUnixMs || item.lastAgentMessageAtUnixMs || 0;
+  return timestamp >= Number(cutoffUnixMs);
+}
 function selectMessageCenterAttentionDeckItems(items) {
   return items.filter(isInteractiveMessageCenterItem);
 }
@@ -1229,8 +1241,35 @@ var WorkspaceAgentMessageCenterStack = memo(
         ]
       }
     );
-  }
+  },
+  areMessageCenterStackPropsEqual
 );
+function areMessageCenterStackPropsEqual(previous, next) {
+  if (previous.className !== next.className || previous.expanded !== next.expanded || previous.groupId !== next.groupId || previous.onCollapse !== next.onCollapse || previous.onExpand !== next.onExpand || previous.renderCard !== next.renderCard) {
+    return false;
+  }
+  if (next.expanded) {
+    return previous.highlightedItemId === next.highlightedItemId && previous.items === next.items;
+  }
+  return messageCenterCollapsedStackSignature(previous.items) === messageCenterCollapsedStackSignature(next.items);
+}
+function messageCenterCollapsedStackSignature(items) {
+  const firstItem = items[0];
+  if (!firstItem) {
+    return "0";
+  }
+  const hasWaiting = items.some(isWaitingMessageCenterItem) ? "1" : "0";
+  return [
+    items.length,
+    firstItem.id,
+    firstItem.provider,
+    firstItem.userId ?? "",
+    firstItem.identity?.userName ?? "",
+    firstItem.identity?.agentName ?? "",
+    hasWaiting,
+    messageCenterStackPreviewText(firstItem)
+  ].join(":");
+}
 function useBatchedMessageCenterStackItems({
   expanded,
   highlightedItemId,
@@ -2043,6 +2082,40 @@ function messageCenterAgentUserStackId(item) {
   const userId = item.userId?.trim() || "unknown-user";
   return `agent-user:${provider}:${userId}`;
 }
+function messageCenterStackRenderId(groupId, stackId) {
+  return groupId === stackId ? stackId : `${groupId}:${stackId}`;
+}
+function messageCenterStackScrollSyncSegment({
+  expanded,
+  groupId,
+  stack
+}) {
+  const stackId = messageCenterStackRenderId(groupId, stack.id);
+  if (expanded) {
+    return `expanded:${stackId}:${stack.items.map((item) => item.id).join("|")}`;
+  }
+  return `collapsed:${stackId}:${messageCenterCollapsedStackSignature2(
+    stack.items
+  )}`;
+}
+function messageCenterCollapsedStackSignature2(items) {
+  const firstItem = items[0];
+  if (!firstItem) {
+    return "0";
+  }
+  const hasWaiting = items.some(isWaitingMessageCenterItem) ? "1" : "0";
+  const summary = firstItem.digest.primary.summary.trim() || firstItem.lastAgentMessageSummary.trim() || firstItem.title.trim();
+  return [
+    items.length,
+    firstItem.id,
+    firstItem.provider,
+    firstItem.userId ?? "",
+    firstItem.identity?.userName ?? "",
+    firstItem.identity?.agentName ?? "",
+    hasWaiting,
+    summary
+  ].join(":");
+}
 function buildMessageCenterStatusOptions(counts, t) {
   return [
     {
@@ -2502,6 +2575,24 @@ function WorkspaceAgentMessageCenterPanelContent({
     [highlightedItemId, model.items]
   );
   const activeStatusSummary = statusFilterSummary(statusFilters, statusOptions);
+  const scrollSyncKey = useMemo2(
+    () => [
+      groupBy,
+      activeStatusSummary,
+      ...deckItems.map((item) => `deck:${item.id}`),
+      ...itemGroupStacks.flatMap(
+        (group) => group.stacks.map((stack) => {
+          const stackId = messageCenterStackRenderId(group.id, stack.id);
+          return messageCenterStackScrollSyncSegment({
+            expanded: expandedStackIds.has(stackId),
+            groupId: group.id,
+            stack
+          });
+        })
+      )
+    ].join("|"),
+    [activeStatusSummary, deckItems, expandedStackIds, groupBy, itemGroupStacks]
+  );
   const hasActiveFilters = statusFilters !== null || providerFilters !== null;
   const headerSummary = useMemo2(() => {
     if (hasActiveFilters) {
@@ -2652,7 +2743,7 @@ function WorkspaceAgentMessageCenterPanelContent({
     for (const group of itemGroupStacks) {
       for (const stack of group.stacks) {
         if (stack.items.length > 1 && stack.items.some((item) => item.id === highlightedItemId)) {
-          expandStack(`${group.id}:${stack.id}`);
+          expandStack(messageCenterStackRenderId(group.id, stack.id));
           return;
         }
       }
@@ -2792,7 +2883,7 @@ function WorkspaceAgentMessageCenterPanelContent({
                 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}:${[...deckItems, ...visibleItems].map((item) => item.id).join("|")}`,
+                syncKey: scrollSyncKey,
                 children: deckItems.length > 0 || listItems.length > 0 ? /* @__PURE__ */ jsxs4("div", { className: "flex w-full min-w-0 flex-col gap-4", children: [
                   deckItems.length > 0 ? /* @__PURE__ */ jsx5(
                     WorkspaceAgentMessageCenterAttentionDeck,
@@ -2822,7 +2913,10 @@ function WorkspaceAgentMessageCenterPanelContent({
                             if (stack.items.length === 1) {
                               return renderMessageCenterCard(firstItem);
                             }
-                            const stackId = group.id === stack.id ? stack.id : `${group.id}:${stack.id}`;
+                            const stackId = messageCenterStackRenderId(
+                              group.id,
+                              stack.id
+                            );
                             return /* @__PURE__ */ jsx5(
                               MessageCenterStack,
                               {
@@ -2945,6 +3039,74 @@ function MessageCenterGroupHeading({
     group.items.length
   ] });
 }
+
+// agent-message-center/workspaceAgentMessageCenterModelStability.ts
+function stabilizeWorkspaceAgentMessageCenterModel(previous, next) {
+  if (!previous) {
+    return next;
+  }
+  const previousItemsById = new Map(
+    previous.items.map((item) => [item.id, item])
+  );
+  let itemsChanged = previous.items.length !== next.items.length;
+  const items = next.items.map((nextItem, index) => {
+    const previousItem = previousItemsById.get(nextItem.id);
+    const stableItem = previousItem && messageCenterItemsEqual(previousItem, nextItem) ? previousItem : nextItem;
+    if (stableItem !== previous.items[index]) {
+      itemsChanged = true;
+    }
+    return stableItem;
+  });
+  const stableItems = itemsChanged ? items : previous.items;
+  const stableCounts = messageCenterCountsEqual(previous.counts, next.counts) ? previous.counts : next.counts;
+  if (previous.waitingCount === next.waitingCount && stableItems === previous.items && stableCounts === previous.counts) {
+    return previous;
+  }
+  return {
+    ...next,
+    counts: stableCounts,
+    items: stableItems
+  };
+}
+function messageCenterItemsEqual(left, right) {
+  return left.id === right.id && left.agentSessionId === right.agentSessionId && left.provider === right.provider && left.userId === right.userId && left.title === right.title && left.cwd === right.cwd && left.status === right.status && left.lastAgentMessageSummary === right.lastAgentMessageSummary && left.lastAgentMessageAtUnixMs === right.lastAgentMessageAtUnixMs && left.needsAttentionKind === right.needsAttentionKind && left.needsAttentionSummary === right.needsAttentionSummary && left.sortTimeUnixMs === right.sortTimeUnixMs && messageCenterIdentityEqual(left.identity, right.identity) && messageCenterDigestEqual(left.digest, right.digest) && messageCenterPromptEqual(left.pendingPrompt, right.pendingPrompt) && messageCenterTurnOutcomeEqual(
+    left.latestTurnOutcome ?? null,
+    right.latestTurnOutcome ?? null
+  );
+}
+function messageCenterCountsEqual(left, right) {
+  return left.all === right.all && left.working === right.working && left.waiting === right.waiting && left.completed === right.completed && left.failed === right.failed;
+}
+function messageCenterIdentityEqual(left, right) {
+  if (left === right) {
+    return true;
+  }
+  if (!left || !right) {
+    return false;
+  }
+  return left.userName === right.userName && left.userAvatarUrl === right.userAvatarUrl && left.agentName === right.agentName && left.agentAvatarUrl === right.agentAvatarUrl;
+}
+function messageCenterDigestEqual(left, right) {
+  return left.primary.kind === right.primary.kind && left.primary.summary === right.primary.summary && left.primary.occurredAtUnixMs === right.primary.occurredAtUnixMs;
+}
+function messageCenterTurnOutcomeEqual(left, right) {
+  if (left === right) {
+    return true;
+  }
+  if (!left || !right) {
+    return false;
+  }
+  return left.notificationKey === right.notificationKey && left.status === right.status && left.turnId === right.turnId;
+}
+function messageCenterPromptEqual(left, right) {
+  if (left === right) {
+    return true;
+  }
+  if (!left || !right || left.kind !== right.kind) {
+    return false;
+  }
+  return JSON.stringify(left) === JSON.stringify(right);
+}
 export {
   AgentInteractivePromptSurface,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -2958,6 +3120,7 @@ export {
   isPromptRequestIdTitle,
   isWaitingMessageCenterItem,
   managedAgentRoundedIconUrl,
+  stabilizeWorkspaceAgentMessageCenterModel,
   userAvatarPlaceholderUrl,
   workspaceAgentActivityStatusLabel
 };