@tutti-os/agent-gui 0.0.187 → 0.0.189

package/dist/{chunk-43M2GHDA.js → chunk-F5YFT4VB.js}

@@ -68,7 +68,7 @@ import {
   toLocalShortDateTime,
   updateAgentComposerDraft,
   useProjectedAgentConversation
-} from "./chunk-62JB3KCN.js";
+} from "./chunk-BVA5SVOD.js";
 import {
   agentRichTextContentToPromptText,
   createAgentRichTextInputExtensions,
@@ -2174,17 +2174,37 @@ function mergeProfilesIntoSnapshot(snapshot, users) {
 
 // shared/agentConversation/projection/workspaceAgentMessageProjection.ts
 function projectWorkspaceAgentMessagesToTimelineItems(messages) {
-  const sortedMessages = latestMessageSnapshots(messages).filter((message) => !isGoalControlAudit(message)).sort(compareMessagesByDisplayOrder);
+  const sortedMessages = latestMessageSnapshots(messages).sort(
+    compareMessagesByDisplayOrder
+  );
   const mergedToolPayloadByKey = /* @__PURE__ */ new Map();
   return sortedMessages.map((message, index) => {
     const kind = normalizeToken(message.kind);
     const role = normalizeToken(message.role);
     const payload = normalizedPayload(message.payload);
+    const goalControlAudit = isGoalControlAudit(message);
     const id = normalizedMessageId(message.version, index);
     const seq = index + 1;
-    const eventId = message.messageId.trim() || `message:${id}`;
+    const eventId = goalControlAudit ? firstNonEmptyString(
+      stringValue(payload.messageId),
+      message.messageId,
+      `message:${id}`
+    ) : message.messageId.trim() || `message:${id}`;
     const turnId = message.turnId?.trim() || void 0;
     const occurredAtUnixMs = messageDisplayOrderTime(message);
+    if (goalControlAudit) {
+      return messageTimelineItem({
+        message,
+        id,
+        seq,
+        eventId,
+        actorType: "user",
+        itemType: "goal.control",
+        role: "user",
+        content: messageText(message),
+        occurredAtUnixMs
+      });
+    }
     if (kind === "tool_call") {
       const callId = firstNonEmptyString(
         messagePayloadString(message, "callId"),
@@ -3654,6 +3674,20 @@ function createOptimisticPromptMessage(input) {
     startedAtUnixMs: input.occurredAtUnixMs
   };
 }
+function createOptimisticGoalControlMessage(input) {
+  const message = createOptimisticPromptMessage(input);
+  return {
+    ...message,
+    kind: "session_audit",
+    payload: {
+      ...message.payload,
+      action: input.goalControl.action,
+      goalControl: true,
+      ...input.goalControl.objective !== void 0 ? { objective: input.goalControl.objective } : {},
+      messageId: message.messageId
+    }
+  };
+}
 function projectAgentGUIMessagesToTimelineItems(messages) {
   return mergeAgentGUITimelineItems(
     [],
@@ -5182,7 +5216,7 @@ function stabilizeConversationDetail(previous, next) {
     previous.activity,
     next.activity
   );
-  if (previous.cwd === next.cwd && previous.workspaceRoot === next.workspaceRoot && previous.showProcessingIndicator === next.showProcessingIndicator && previous.turns === next.turns && previous.sessionTurns === next.sessionTurns && previous.session === session && previous.activity === activity) {
+  if (previous.cwd === next.cwd && previous.workspaceRoot === next.workspaceRoot && previous.showProcessingIndicator === next.showProcessingIndicator && previous.goalControls === next.goalControls && previous.turns === next.turns && previous.sessionTurns === next.sessionTurns && previous.session === session && previous.activity === activity) {
     return previous;
   }
   return {
@@ -5952,7 +5986,19 @@ function useAgentGUIActiveMessages(input) {
         workspaceId
       })
     );
-    const pendingActivationMessage = activePendingActivation?.mode === "new" && isPendingActivationViable(activePendingActivation) && activePendingActivation.clientSubmitId && activePendingActivation.content.length > 0 ? createOptimisticPromptMessage({
+    const pendingActivationMessage = activePendingActivation?.mode === "new" && isPendingActivationViable(activePendingActivation) && activePendingActivation.clientSubmitId && activePendingActivation.content.length > 0 ? activePendingActivation.initialGoalControl ? createOptimisticGoalControlMessage({
+      agentSessionId: activePendingActivation.agentSessionId,
+      clientSubmitId: activePendingActivation.clientSubmitId,
+      content: [...activePendingActivation.content],
+      displayPrompt: activePendingActivation.displayPrompt,
+      goalControl: activePendingActivation.initialGoalControl,
+      occurredAtUnixMs: activePendingActivation.requestedAtUnixMs,
+      turnId: createPendingOptimisticTurnId(
+        activePendingActivation.clientSubmitId
+      ),
+      userId: currentUserId?.trim() || "user",
+      workspaceId
+    }) : createOptimisticPromptMessage({
       agentSessionId: activePendingActivation.agentSessionId,
       clientSubmitId: activePendingActivation.clientSubmitId,
       content: [...activePendingActivation.content],
@@ -9094,11 +9140,102 @@ import {
 import {
   selectEngineQueuedPrompt
 } from "@tutti-os/agent-activity-core";
+
+// agent-gui/agentGuiNode/queuedPromptImageLoadOwner.ts
+function queuedPromptImageLoadRequestIdentity(request) {
+  return [
+    request.imageKey,
+    request.workspaceId,
+    request.agentSessionId,
+    request.attachmentId,
+    request.path,
+    request.mimeType,
+    request.name,
+    request.remoteUrl
+  ].join("\0");
+}
+function queuedPromptImageHasSafeRemoteUrl(value) {
+  try {
+    const url = new URL(value);
+    return url.protocol === "https:" && Boolean(url.hostname) && !url.username && !url.password;
+  } catch {
+    return false;
+  }
+}
+var QueuedPromptImageLoadOwner = class {
+  constructor(request, onSource) {
+    this.request = request;
+    this.onSource = onSource;
+  }
+  request;
+  onSource;
+  canceled = false;
+  start() {
+    const {
+      agentSessionId,
+      attachmentId,
+      mimeType,
+      name,
+      path,
+      runtime,
+      workspaceId
+    } = this.request;
+    const readAsset = async () => {
+      if (attachmentId) {
+        return await runtime.readSessionAttachment?.({
+          workspaceId,
+          agentSessionId,
+          attachmentId
+        });
+      }
+      return await runtime.readPromptAsset?.({
+        workspaceId,
+        agentSessionId,
+        mimeType,
+        name,
+        path
+      });
+    };
+    void readAsset().then((asset) => {
+      if (this.canceled || !asset) {
+        return;
+      }
+      this.onSource(`data:${asset.mimeType};base64,${asset.data}`);
+    }).catch((error) => {
+      if (this.canceled) {
+        return;
+      }
+      this.onSource(null);
+      console.warn(
+        "[agent-gui]",
+        JSON.stringify({
+          event: "agent.gui.queued_prompt_image_load_failed",
+          level: "warn",
+          source: "agent-gui",
+          workspaceId,
+          details: {
+            agentSessionId: agentSessionId || null,
+            attachmentId: attachmentId || null,
+            path: path || null,
+            error: error instanceof Error ? error.message : String(error)
+          }
+        })
+      );
+    });
+  }
+  dispose() {
+    this.canceled = true;
+  }
+};
+
+// agent-gui/agentGuiNode/controller/useAgentGUIQueueActions.ts
 function useAgentGUIQueueActions({
   activeConversationIdRef,
+  agentActivityRuntime,
   previewMode,
   sessionEngine,
-  setDraftByScopeKey
+  setDraftByScopeKey,
+  workspaceId
 }) {
   const removeQueuedPrompt = useCallback17(
     (queuedPromptId) => {
@@ -9144,6 +9281,13 @@ function useAgentGUIQueueActions({
       if (!queuedPrompt) {
         return;
       }
+      const draftScopeKey = resolveAgentComposerDraftScopeKey({
+        agentSessionId
+      });
+      const restoredDraft = agentPromptContentToComposerDraft(
+        queuedPrompt.content,
+        `restore-${queuedPrompt.id}`
+      );
       sessionEngine.dispatch(
         queuedPrompt.clientSubmitId ? {
           agentSessionId,
@@ -9157,13 +9301,65 @@ function useAgentGUIQueueActions({
       );
       setDraftByScopeKey((current) => ({
         ...current,
-        [resolveAgentComposerDraftScopeKey({ agentSessionId })]: agentPromptContentToComposerDraft(
-          queuedPrompt.content,
-          `restore-${queuedPrompt.id}`
-        )
+        [draftScopeKey]: restoredDraft
       }));
+      for (const restoredImage of agentComposerDraftImages(restoredDraft)) {
+        const attachmentId = restoredImage.attachmentId?.trim() ?? "";
+        const path = restoredImage.path?.trim() ?? "";
+        if (restoredImage.previewUrl || !attachmentId && !path) {
+          continue;
+        }
+        const owner = new QueuedPromptImageLoadOwner(
+          {
+            agentSessionId,
+            attachmentId,
+            imageKey: restoredImage.id,
+            mimeType: restoredImage.mimeType,
+            name: restoredImage.name,
+            path,
+            remoteUrl: restoredImage.url?.trim() ?? "",
+            runtime: agentActivityRuntime,
+            workspaceId
+          },
+          (source) => {
+            if (!source) {
+              return;
+            }
+            setDraftByScopeKey((current) => {
+              const currentDraft = current[draftScopeKey];
+              if (!currentDraft) {
+                return current;
+              }
+              let updated = false;
+              const images = agentComposerDraftImages(currentDraft).map(
+                (currentImage) => {
+                  if (currentImage.id !== restoredImage.id || currentImage.previewUrl || currentImage.attachmentId !== restoredImage.attachmentId || currentImage.path !== restoredImage.path || currentImage.url !== restoredImage.url) {
+                    return currentImage;
+                  }
+                  updated = true;
+                  return { ...currentImage, previewUrl: source };
+                }
+              );
+              return updated ? {
+                ...current,
+                [draftScopeKey]: updateAgentComposerDraft(currentDraft, {
+                  images
+                })
+              } : current;
+            });
+          }
+        );
+        owner.start();
+      }
     },
-    [activeConversationIdRef, previewMode, sessionEngine, setDraftByScopeKey]
+    [
+      activeConversationIdRef,
+      agentActivityRuntime,
+      previewMode,
+      sessionEngine,
+      setDraftByScopeKey,
+      workspaceId
+    ]
   );
   const sendQueuedPromptNext = useCallback17(
     (queuedPromptId) => {
@@ -20143,7 +20339,7 @@ import { Spinner as Spinner2 } from "@tutti-os/ui-system";
 // agent-gui/agentGuiNode/composer/AgentComposerDraftPreview.tsx
 import { useState as useState13 } from "react";
 import { Spinner } from "@tutti-os/ui-system";
-import { X as X2 } from "lucide-react";
+import { ImageIcon, X as X2 } from "lucide-react";
 import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 function AgentComposerDraftImagePreview({
   image,
@@ -20178,7 +20374,7 @@ function AgentComposerDraftImagePreview({
       "data-upload-error": image.uploadError ? "true" : void 0,
       style: previewStyle,
       children: [
-        /* @__PURE__ */ jsx22(
+        image.previewUrl ? /* @__PURE__ */ jsx22(
           ZoomableImage,
           {
             src: image.previewUrl,
@@ -20200,6 +20396,13 @@ function AgentComposerDraftImagePreview({
               setAspectRatio(nextRatio);
             }
           }
+        ) : /* @__PURE__ */ jsx22(
+          "div",
+          {
+            className: "grid size-full place-items-center text-[var(--text-tertiary)]",
+            "data-testid": "agent-gui-composer-image-preview-pending",
+            children: /* @__PURE__ */ jsx22(ImageIcon, { "aria-hidden": true, size: 22, strokeWidth: 1.8 })
+          }
         ),
         image.uploading ? /* @__PURE__ */ jsx22(
           "div",
@@ -20547,95 +20750,6 @@ import {
   useTextOverflow
 } from "@tutti-os/ui-system";
 import { extractPlainTextFromContent } from "@tutti-os/ui-rich-text";
-
-// agent-gui/agentGuiNode/queuedPromptImageLoadOwner.ts
-function queuedPromptImageLoadRequestIdentity(request) {
-  return [
-    request.imageKey,
-    request.workspaceId,
-    request.agentSessionId,
-    request.attachmentId,
-    request.path,
-    request.mimeType,
-    request.name,
-    request.remoteUrl
-  ].join("\0");
-}
-function queuedPromptImageHasSafeRemoteUrl(value) {
-  try {
-    const url = new URL(value);
-    return url.protocol === "https:" && Boolean(url.hostname) && !url.username && !url.password;
-  } catch {
-    return false;
-  }
-}
-var QueuedPromptImageLoadOwner = class {
-  constructor(request, onSource) {
-    this.request = request;
-    this.onSource = onSource;
-  }
-  request;
-  onSource;
-  canceled = false;
-  start() {
-    const {
-      agentSessionId,
-      attachmentId,
-      mimeType,
-      name,
-      path,
-      runtime,
-      workspaceId
-    } = this.request;
-    const readAsset = async () => {
-      if (attachmentId) {
-        return await runtime.readSessionAttachment?.({
-          workspaceId,
-          agentSessionId,
-          attachmentId
-        });
-      }
-      return await runtime.readPromptAsset?.({
-        workspaceId,
-        agentSessionId,
-        mimeType,
-        name,
-        path
-      });
-    };
-    void readAsset().then((asset) => {
-      if (this.canceled || !asset) {
-        return;
-      }
-      this.onSource(`data:${asset.mimeType};base64,${asset.data}`);
-    }).catch((error) => {
-      if (this.canceled) {
-        return;
-      }
-      this.onSource(null);
-      console.warn(
-        "[agent-gui]",
-        JSON.stringify({
-          event: "agent.gui.queued_prompt_image_load_failed",
-          level: "warn",
-          source: "agent-gui",
-          workspaceId,
-          details: {
-            agentSessionId: agentSessionId || null,
-            attachmentId: attachmentId || null,
-            path: path || null,
-            error: error instanceof Error ? error.message : String(error)
-          }
-        })
-      );
-    });
-  }
-  dispose() {
-    this.canceled = true;
-  }
-};
-
-// agent-gui/agentGuiNode/AgentQueuedPromptPanel.tsx
 import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var EMPTY_WORKSPACE_APP_ICONS2 = [];
 var QUEUED_PROMPT_OVERFLOW_DESCENDANTS = '[data-workspace-agent-markdown="true"], .tsh-agent-object-token__main';
@@ -40693,4 +40807,4 @@ export {
   AgentHandoffMenu,
   AgentGUI
 };
-//# sourceMappingURL=chunk-43M2GHDA.js.map
+//# sourceMappingURL=chunk-F5YFT4VB.js.map