@tutti-os/agent-gui 0.0.99 → 0.0.101

package/dist/{chunk-7M77BK6K.js → chunk-ZPKPIHMZ.js}

@@ -13,15 +13,15 @@ import {
   attrsToMentionItem,
   createAgentFileMentionExtension,
   formatAgentMentionMarkdown,
+  isWorkspaceAgentSyntheticControlMessage,
   mentionItemToAttrs,
   parseAgentMentionMarkdown
-} from "./chunk-CPUEPDF7.js";
+} from "./chunk-GCW57WYQ.js";
 import {
   fileChangeCountFromChanges,
   fileChangeEntriesFromChanges,
-  fileChangeTypeValue,
-  isWorkspaceAgentSyntheticControlMessage
-} from "./chunk-Y35GDLP2.js";
+  fileChangeTypeValue
+} from "./chunk-F5UR6EJG.js";
 import {
   AgentGUIConversation_styles_default,
   AgentMessageMarkdown,
@@ -39,21 +39,19 @@ import {
   resolveWorkspaceFilePathCandidate,
   resolveWorkspaceLinkAction,
   useAgentTargetPresentations
-} from "./chunk-T6PEJFRP.js";
+} from "./chunk-MJOQP2ED.js";
 import {
   useOptionalAgentActivityRuntime,
-  useOptionalAgentHostApi
-} from "./chunk-MASXZENX.js";
-import {
+  useOptionalAgentHostApi,
   workspaceAgentProviderLabel
-} from "./chunk-Y5M6Q6WX.js";
+} from "./chunk-UESYITH6.js";
 import {
   normalizeAgentTitleText
-} from "./chunk-GCBDIQDX.js";
+} from "./chunk-MIJXEELH.js";
 import {
   getActiveUiLanguage,
   translate
-} from "./chunk-RHTZAODZ.js";
+} from "./chunk-E5AD46HP.js";
 
 // shared/imageGenerationTool.ts
 var KNOWN_IMAGE_GENERATION_TOOL_NAMES = /* @__PURE__ */ new Set([
@@ -1432,6 +1430,17 @@ function stripReviewProcessSummaryTitle(body) {
 function normalizedMessageBody(body) {
   return body.trim().replace(/\s+/g, " ");
 }
+function userMessageProjectionKey(item, body) {
+  const normalizedBody = normalizedMessageBody(body);
+  if (normalizedBody) {
+    return `text:${normalizedBody}`;
+  }
+  if (!hasRenderableUserPromptContent(item.payload?.content)) {
+    return null;
+  }
+  const clientSubmitId = stringRecordValue4(item.payload, "clientSubmitId");
+  return clientSubmitId ? `client-submit:${clientSubmitId}` : `event:${item.eventId}`;
+}
 function isRecentDuplicateUserMessage(previous, current) {
   if (!previous) {
     return false;
@@ -1456,6 +1465,21 @@ function isRecentDuplicateUserMessage(previous, current) {
   }
   return false;
 }
+function hasRenderableUserPromptContent(content) {
+  if (!Array.isArray(content)) {
+    return false;
+  }
+  return content.some((candidate) => {
+    if (!candidate || typeof candidate !== "object" || Array.isArray(candidate)) {
+      return false;
+    }
+    const block = candidate;
+    if (block.type === "text") {
+      return typeof block.text === "string" && block.text.trim().length > 0;
+    }
+    return block.type === "image" && typeof block.mimeType === "string" && block.mimeType.trim().length > 0;
+  });
+}
 function stringRecordValue4(record, key) {
   if (!record || typeof record !== "object") {
     return null;
@@ -2217,11 +2241,12 @@ function buildCanonicalWorkspaceAgentDetailView({
     const explicitTurnId = item.turnId?.trim();
     if (role === "user") {
       const turnId2 = explicitTurnId || `seq:${item.seq || item.id}`;
-      if (!body) {
+      const projectionKey = userMessageProjectionKey(item, body);
+      if (!projectionKey) {
         continue;
       }
       if (isRecentDuplicateUserMessage(
-        recentUserMessages.get(normalizedMessageBody(body)),
+        recentUserMessages.get(projectionKey),
         item
       )) {
         continue;
@@ -2239,7 +2264,7 @@ function buildCanonicalWorkspaceAgentDetailView({
       );
       turn2.userMessages.push(message);
       turn2.userMessage ??= message;
-      recentUserMessages.set(normalizedMessageBody(body), item);
+      recentUserMessages.set(projectionKey, item);
       continue;
     }
     const turnId = explicitTurnId || activeSequenceTurnId || `seq:${item.seq || item.id}`;
@@ -2930,6 +2955,122 @@ function dedupeStrings(values) {
   return [...new Set(values.map((value) => value.trim()).filter(Boolean))];
 }
 
+// shared/agentConversation/projection/agentToolRendererKind.ts
+function resolveAgentToolRendererKind(call, approval = null, askUserQuestion = null, planMode = null, task = null) {
+  const normalizedToolName = normalizeToolName3(call.toolName);
+  const normalizedCallType = normalizeCallType(call.callType);
+  if (approval) {
+    return "approval";
+  }
+  if (askUserQuestion) {
+    return "ask-user";
+  }
+  if (normalizedToolName === "askuserquestion") {
+    return "ask-user";
+  }
+  if (planMode?.kind === "enter") {
+    return "plan-enter";
+  }
+  if (normalizedToolName === "enterplanmode") {
+    return "plan-enter";
+  }
+  if (planMode?.kind === "exit") {
+    return "plan-exit";
+  }
+  if (normalizedToolName === "exitplanmode") {
+    return "plan-exit";
+  }
+  if (normalizedCallType === "approval" || normalizedToolName === "approval") {
+    return "approval";
+  }
+  if (task) {
+    return "task";
+  }
+  if (["task", "subagent", "delegatetask", "delegateagent", "agent"].includes(
+    normalizedToolName
+  )) {
+    return "task";
+  }
+  if (isImageGenerationToolCall({
+    toolName: call.toolName,
+    displayName: call.displayName,
+    content: call.content,
+    outputContent: call.output?.content,
+    inputPrompt: call.input?.prompt
+  })) {
+    return "image-generation";
+  }
+  switch (normalizedToolName) {
+    case "read":
+    case "readfile":
+      return "read";
+    case "write":
+    case "writefile":
+      return "write";
+    case "edit":
+    case "editfile":
+    case "multiedit":
+      return "edit";
+    case "bash":
+    case "shell":
+    case "exec":
+    case "execcommand":
+      return "bash";
+    case "grep":
+    case "glob":
+    case "search":
+    case "searchfiles":
+      return "search";
+    case "websearch":
+      return "web-search";
+    case "webfetch":
+      return "web-fetch";
+    case "todowrite":
+      return "todo-write";
+    case "toolsearch":
+      return "tool-search";
+    case "skill":
+      return "skill";
+    default:
+      if (normalizedCallType === "mcp" || normalizedToolName.startsWith("mcp") || hasMcpMetadata(call.metadata)) {
+        return "mcp";
+      }
+      return "default";
+  }
+}
+function inferToolCallType(toolName) {
+  const normalizedToolName = normalizeToolName3(toolName);
+  if (normalizedToolName === "approval") {
+    return "approval";
+  }
+  if (["askuserquestion", "enterplanmode", "exitplanmode"].includes(
+    normalizedToolName
+  )) {
+    return "interactive";
+  }
+  if (normalizedToolName.startsWith("mcp")) {
+    return "mcp";
+  }
+  return "tool";
+}
+function isApprovalToolCall(call) {
+  return normalizeCallType(call.callType) === "approval" || normalizeToolName3(call.toolName) === "approval";
+}
+function normalizeToolName3(value) {
+  return (value ?? "").replace(/[_\s-]+/g, "").trim().toLowerCase();
+}
+function hasMcpMetadata(metadata) {
+  return Boolean(
+    stringValue3(metadata?.server) ?? stringValue3(metadata?.serverName) ?? stringValue3(metadata?.mcpServer)
+  );
+}
+function normalizeCallType(value) {
+  return (value ?? "").trim().toLowerCase();
+}
+function stringValue3(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : null;
+}
+
 // shared/agentConversation/projection/agentApprovalProjection.ts
 function projectAgentApprovalItem(call, input, output) {
   const callType = normalizeToken(call.callType);
@@ -2937,7 +3078,7 @@ function projectAgentApprovalItem(call, input, output) {
   if (callType !== "approval" && toolName !== "approval") {
     return null;
   }
-  const requestId = stringValue3(input?.requestId) ?? stringValue3(call.payload?.requestId) ?? stringValue3(output?.requestId);
+  const requestId = stringValue4(input?.requestId) ?? stringValue4(call.payload?.requestId) ?? stringValue4(output?.requestId);
   if (!requestId) {
     return null;
   }
@@ -2961,7 +3102,7 @@ function projectAgentApprovalItem(call, input, output) {
     callId: call.id.replace(/^call:/, ""),
     title: mcpTarget?.displayName ?? (call.summary.trim() || call.name),
     toolName: call.toolName,
-    status: stringValue3(call.payload?.status) ?? call.status,
+    status: stringValue4(call.payload?.status) ?? call.status,
     input,
     options,
     output,
@@ -2971,17 +3112,17 @@ function projectAgentApprovalItem(call, input, output) {
 function normalizeApprovalOptions(values) {
   return values.flatMap((value) => {
     const option = objectValue(value);
-    const id = stringValue3(option?.optionId) ?? stringValue3(option?.id);
+    const id = stringValue4(option?.optionId) ?? stringValue4(option?.id);
     if (!id) {
       return [];
     }
-    const label = stringValue3(option?.name) ?? stringValue3(option?.label) ?? stringValue3(option?.title) ?? stringValue3(option?.kind) ?? id;
+    const label = stringValue4(option?.name) ?? stringValue4(option?.label) ?? stringValue4(option?.title) ?? stringValue4(option?.kind) ?? id;
     return [
       {
         id,
         label,
-        kind: stringValue3(option?.kind) ?? "",
-        ...stringValue3(option?.description) ? { description: stringValue3(option?.description) } : {}
+        kind: stringValue4(option?.kind) ?? "",
+        ...stringValue4(option?.description) ? { description: stringValue4(option?.description) } : {}
       }
     ];
   });
@@ -2989,7 +3130,7 @@ function normalizeApprovalOptions(values) {
 function normalizeToken(value) {
   return (value ?? "").trim().toLowerCase();
 }
-function stringValue3(value) {
+function stringValue4(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 function objectValue(value) {
@@ -3001,7 +3142,7 @@ function arrayValue(value) {
 
 // shared/agentConversation/projection/agentInteractiveProjection.ts
 function projectAgentAskUserQuestionItem(call, input, output) {
-  if (normalizeToolName3(call.toolName) !== "askuserquestion") {
+  if (normalizeToolName4(call.toolName) !== "askuserquestion") {
     return null;
   }
   const questions = normalizeAskUserQuestions(input?.questions);
@@ -3013,7 +3154,7 @@ function projectAgentAskUserQuestionItem(call, input, output) {
     kind: "ask-user",
     id: call.id,
     turnId: call.turnId ?? "turn:unknown",
-    requestId: stringValue4(input?.requestId) ?? stringValue4(call.payload?.requestId) ?? call.id.replace(/^call:/, ""),
+    requestId: stringValue5(input?.requestId) ?? stringValue5(call.payload?.requestId) ?? call.id.replace(/^call:/, ""),
     title: call.name,
     status: call.status,
     questions: questions.map((question) => ({
@@ -3029,18 +3170,18 @@ function projectAgentPlanModeItem(call, input) {
       itemKind: "plan-mode",
       id: call.id,
       turnId: call.turnId ?? "turn:unknown",
-      requestId: stringValue4(input?.requestId) ?? stringValue4(call.payload?.requestId) ?? call.id.replace(/^call:/, ""),
+      requestId: stringValue5(input?.requestId) ?? stringValue5(call.payload?.requestId) ?? call.id.replace(/^call:/, ""),
       kind: "exit",
-      title: stringValue4(objectValue2(input?.toolCall)?.title) ?? call.name,
+      title: stringValue5(objectValue2(input?.toolCall)?.title) ?? call.name,
       status: call.status,
-      plan: stringValue4(input?.plan) ?? stringValue4(call.payload?.plan) ?? (call.summary.trim() || null),
-      filePath: stringValue4(input?.filePath) ?? stringValue4(call.payload?.filePath),
+      plan: stringValue5(input?.plan) ?? stringValue5(call.payload?.plan) ?? (call.summary.trim() || null),
+      filePath: stringValue5(input?.filePath) ?? stringValue5(call.payload?.filePath),
       options: extractExitPlanModeOptions(input),
       ...keepPlanningOption(extractExitPlanKeepPlanningOptionId(input)),
       occurredAtUnixMs: call.occurredAtUnixMs ?? null
     };
   }
-  const toolName = normalizeToolName3(call.toolName);
+  const toolName = normalizeToolName4(call.toolName);
   if (toolName === "enterplanmode") {
     return {
       itemKind: "plan-mode",
@@ -3049,8 +3190,8 @@ function projectAgentPlanModeItem(call, input) {
       kind: "enter",
       title: call.name,
       status: call.status,
-      plan: stringValue4(input?.content) ?? (call.summary.trim() || null),
-      filePath: stringValue4(input?.filePath),
+      plan: stringValue5(input?.content) ?? (call.summary.trim() || null),
+      filePath: stringValue5(input?.filePath),
       occurredAtUnixMs: call.occurredAtUnixMs ?? null
     };
   }
@@ -3061,12 +3202,12 @@ function projectAgentPlanModeItem(call, input) {
     itemKind: "plan-mode",
     id: call.id,
     turnId: call.turnId ?? "turn:unknown",
-    requestId: stringValue4(input?.requestId) ?? stringValue4(call.payload?.requestId) ?? call.id.replace(/^call:/, ""),
+    requestId: stringValue5(input?.requestId) ?? stringValue5(call.payload?.requestId) ?? call.id.replace(/^call:/, ""),
     kind: "exit",
     title: call.name,
     status: call.status,
-    plan: stringValue4(input?.plan) ?? stringValue4(call.payload?.plan) ?? (call.summary.trim() || null),
-    filePath: stringValue4(input?.filePath) ?? stringValue4(call.payload?.filePath),
+    plan: stringValue5(input?.plan) ?? stringValue5(call.payload?.plan) ?? (call.summary.trim() || null),
+    filePath: stringValue5(input?.filePath) ?? stringValue5(call.payload?.filePath),
     occurredAtUnixMs: call.occurredAtUnixMs ?? null
   };
 }
@@ -3088,10 +3229,10 @@ function answerForQuestion(questionId, answersByQuestionId, output) {
 function keepPlanningOption(optionId) {
   return optionId ? { keepPlanningOptionId: optionId } : {};
 }
-function normalizeToolName3(value) {
+function normalizeToolName4(value) {
   return (value ?? "").replace(/[_\s-]+/g, "").trim().toLowerCase();
 }
-function stringValue4(value) {
+function stringValue5(value) {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 }
 function objectValue2(value) {
@@ -3101,122 +3242,9 @@ function arrayValue2(value) {
   return Array.isArray(value) ? value : null;
 }
 
-// shared/agentConversation/projection/agentToolRendererKind.ts
-function resolveAgentToolRendererKind(call, approval = null, askUserQuestion = null, planMode = null, task = null) {
-  const normalizedToolName = normalizeToolName4(call.toolName);
-  const normalizedCallType = normalizeCallType(call.callType);
-  if (approval) {
-    return "approval";
-  }
-  if (askUserQuestion) {
-    return "ask-user";
-  }
-  if (normalizedToolName === "askuserquestion") {
-    return "ask-user";
-  }
-  if (planMode?.kind === "enter") {
-    return "plan-enter";
-  }
-  if (normalizedToolName === "enterplanmode") {
-    return "plan-enter";
-  }
-  if (planMode?.kind === "exit") {
-    return "plan-exit";
-  }
-  if (normalizedToolName === "exitplanmode") {
-    return "plan-exit";
-  }
-  if (normalizedCallType === "approval" || normalizedToolName === "approval") {
-    return "approval";
-  }
-  if (task) {
-    return "task";
-  }
-  if (["task", "subagent", "delegatetask", "delegateagent", "agent"].includes(
-    normalizedToolName
-  )) {
-    return "task";
-  }
-  if (isImageGenerationToolCall({
-    toolName: call.toolName,
-    displayName: call.displayName,
-    content: call.content,
-    outputContent: call.output?.content,
-    inputPrompt: call.input?.prompt
-  })) {
-    return "image-generation";
-  }
-  switch (normalizedToolName) {
-    case "read":
-    case "readfile":
-      return "read";
-    case "write":
-    case "writefile":
-      return "write";
-    case "edit":
-    case "editfile":
-    case "multiedit":
-      return "edit";
-    case "bash":
-    case "shell":
-    case "exec":
-    case "execcommand":
-      return "bash";
-    case "grep":
-    case "glob":
-    case "search":
-    case "searchfiles":
-      return "search";
-    case "websearch":
-      return "web-search";
-    case "webfetch":
-      return "web-fetch";
-    case "todowrite":
-      return "todo-write";
-    case "toolsearch":
-      return "tool-search";
-    case "skill":
-      return "skill";
-    default:
-      if (normalizedCallType === "mcp" || normalizedToolName.startsWith("mcp") || hasMcpMetadata(call.metadata)) {
-        return "mcp";
-      }
-      return "default";
-  }
-}
-function inferToolCallType(toolName) {
-  const normalizedToolName = normalizeToolName4(toolName);
-  if (normalizedToolName === "approval") {
-    return "approval";
-  }
-  if (["askuserquestion", "enterplanmode", "exitplanmode"].includes(
-    normalizedToolName
-  )) {
-    return "interactive";
-  }
-  if (normalizedToolName.startsWith("mcp")) {
-    return "mcp";
-  }
-  return "tool";
-}
-function normalizeToolName4(value) {
-  return (value ?? "").replace(/[_\s-]+/g, "").trim().toLowerCase();
-}
-function hasMcpMetadata(metadata) {
-  return Boolean(
-    stringValue5(metadata?.server) ?? stringValue5(metadata?.serverName) ?? stringValue5(metadata?.mcpServer)
-  );
-}
-function normalizeCallType(value) {
-  return (value ?? "").trim().toLowerCase();
-}
-function stringValue5(value) {
-  return typeof value === "string" && value.trim() ? value.trim() : null;
-}
-
 // shared/agentConversation/projection/agentTaskProjection.ts
 function projectAgentTaskItem(call, input, output, metadata) {
-  const toolName = normalizeToolName4(call.toolName);
+  const toolName = normalizeToolName3(call.toolName);
   if (!["task", "subagent", "delegatetask", "delegateagent", "agent"].includes(
     toolName
   )) {
@@ -3250,6 +3278,9 @@ function normalizeTaskSteps(values, turnId) {
     }
     const toolName = stringValue6(step.toolName) ?? stringValue6(step.tool_name) ?? stringValue6(step.name);
     const callType = stringValue6(step.callType) ?? stringValue6(step.call_type);
+    if (isApprovalToolCall({ toolName, callType })) {
+      return [];
+    }
     const inputPayload = objectValue3(step.toolInput) ?? objectValue3(step.tool_input);
     const outputPayload = objectValue3(step.toolResult) ?? objectValue3(step.tool_result);
     const errorPayload = objectValue3(step.toolError) ?? objectValue3(step.tool_error);
@@ -4017,7 +4048,7 @@ function projectUserMessageContentParts(message, turnId, workspaceId) {
       body: "",
       contentKind: "image-grid",
       images: imageBlocks.map((image, index) => ({
-        id: image.path || image.attachmentId || `${message.id}:image:0:${index}`,
+        id: `${message.id}:image:${index}`,
         workspaceId: image.workspaceId,
         agentSessionId: image.agentSessionId,
         attachmentId: image.attachmentId,
@@ -4136,6 +4167,9 @@ function buildAgentTurnSequenceItems(turn, workspaceId) {
         });
         return;
       }
+      if (isApprovalToolCall(entry.call)) {
+        return;
+      }
       sequence.push({
         kind: "tool-call",
         call: projectAgentToolCall(entry.call)
@@ -6584,7 +6618,10 @@ function AgentRichTextReadonly({
   );
   const isMentionOnly = isMentionOnlyRichTextDoc(contentDoc);
   const editor = useEditor({
-    immediatelyRender: false,
+    // AgentGUI is client-only. Deferring editor creation leaves every user
+    // message blank for one commit, then changes each transcript turn's
+    // measured height when TipTap mounts.
+    immediatelyRender: true,
     editable: false,
     extensions: createAgentRichTextReadonlyExtensions({
       skills: availableSkills
@@ -8095,7 +8132,6 @@ function AgentMessageBlock({
                 source: "agent-markdown"
               },
               workspaceAppIcons,
-              deferLongContentRender: true,
               enableImageZoom: true,
               previewMode,
               streaming: message.statusKind === "working"
@@ -8369,7 +8405,6 @@ function AgentPlanCardMessage({
         source: "agent-markdown"
       },
       workspaceAppIcons,
-      deferLongContentRender: true,
       enableImageZoom: true,
       previewMode
     }
@@ -14214,6 +14249,7 @@ var AgentTranscriptItemView = memo3(function AgentTranscriptItemView2({
 var AGENT_TRANSCRIPT_COMPLEXITY_VIRTUALIZATION_SCORE = 40;
 var AGENT_TRANSCRIPT_COMPLEXITY_SINGLE_TURN_SCORE = 24;
 var AGENT_TRANSCRIPT_COMPLEXITY_TURN_COUNT = 30;
+var AGENT_TRANSCRIPT_COMPLEXITY_MINIMUM_TURN_COUNT = 8;
 function assessAgentTranscriptComplexity(turnGroups) {
   const complexity = calculateAgentTranscriptComplexity(turnGroups);
   return {
@@ -14235,6 +14271,9 @@ function calculateAgentTranscriptComplexity(turnGroups) {
   };
 }
 function shouldVirtualizeAgentTranscript(input) {
+  if (input.turnCount < AGENT_TRANSCRIPT_COMPLEXITY_MINIMUM_TURN_COUNT) {
+    return false;
+  }
   return input.turnCount >= AGENT_TRANSCRIPT_COMPLEXITY_TURN_COUNT || input.complexity.totalScore >= AGENT_TRANSCRIPT_COMPLEXITY_VIRTUALIZATION_SCORE || input.complexity.maxTurnScore >= AGENT_TRANSCRIPT_COMPLEXITY_SINGLE_TURN_SCORE;
 }
 function calculateTurnScore(rows) {
@@ -15032,11 +15071,13 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
     [turnGroups]
   );
   const rowVirtualizer = useVirtualizer({
+    anchorTo: "end",
     count: turnGroups.length,
     estimateSize: () => AGENT_TRANSCRIPT_ESTIMATED_TURN_HEIGHT_PX,
     getItemKey: (index) => turnGroups[index]?.key ?? index,
     getScrollElement: () => virtualScrollElement,
-    overscan: AGENT_TRANSCRIPT_VIRTUALIZATION_OVERSCAN
+    overscan: AGENT_TRANSCRIPT_VIRTUALIZATION_OVERSCAN,
+    scrollEndThreshold: 24
   });
   const handleLocateUserMessage = useCallback10(
     (item) => {
@@ -15068,7 +15109,6 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
   );
   useLayoutEffect4(() => {
     if (!shouldVirtualize) {
-      setVirtualScrollElement(null);
       return;
     }
     setVirtualScrollElement(
@@ -15298,4 +15338,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-7M77BK6K.js.map
+//# sourceMappingURL=chunk-ZPKPIHMZ.js.map