@tutti-os/agent-gui 0.0.22 → 0.0.24

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

@@ -3,7 +3,7 @@ import {
   approvalOptionDisplayLabel,
   getPromptToolDetails,
   isPromptRequestIdTitle
-} from "../chunk-64FJGJ3F.js";
+} from "../chunk-4MOHKNXA.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
   PLAN_IMPLEMENTATION_PROMPT,
@@ -16,7 +16,7 @@ import {
   cn,
   extractAgentMcpToolTarget,
   normalizeAskUserQuestions
-} from "../chunk-6TRWLMRE.js";
+} from "../chunk-BUBD5E4F.js";
 import {
   managedAgentRoundedIconUrl,
   userAvatarPlaceholderUrl,
@@ -26,7 +26,7 @@ import "../chunk-MTFSQWZ6.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
 } from "../chunk-IBIMGLCD.js";
-import "../chunk-222YHU5Z.js";
+import "../chunk-CCI6EK5W.js";
 import {
   workspaceAgentProviderLabel
 } from "../chunk-TYGL25EL.js";

package/dist/{agentConversationVM-BVe64P2E.d.ts → agentConversationVM-BvlmCNOm.d.ts}

@@ -1,4 +1,4 @@
-import { W as WorkspaceAgentActivityCard, n as WorkspaceAgentActivitySession, T as ToolCallStatusKind, p as WorkspaceAgentActivityTimelineItem } from './workspaceAgentActivityListViewModel-BK_J3aNX.js';
+import { W as WorkspaceAgentActivityCard, n as WorkspaceAgentActivitySession, T as ToolCallStatusKind, q as WorkspaceAgentActivityTimelineItem } from './workspaceAgentActivityListViewModel-jRF8cP37.js';
 
 interface WorkspaceAgentSessionDetailMessage {
     id: string;
@@ -172,6 +172,7 @@ interface AgentMessageImageVM {
     mimeType: string;
     name?: string | null;
     data?: string | null;
+    path?: string | null;
 }
 interface AgentThinkingContentVM {
     kind: "thinking-content";
@@ -339,4 +340,4 @@ interface AgentConversationVM {
     pendingInteractivePrompt: AgentConversationPendingInteractivePromptVM | null;
 }
 
-export { type AgentConversationPromptVM as A, type BuildWorkspaceAgentSessionDetailInput as B, type WorkspaceAgentSessionDetailViewModel as W, type AgentConversationVM as a, buildWorkspaceAgentSessionDetailViewModel as b };
+export { type AgentApprovalItemVM as A, type BuildWorkspaceAgentSessionDetailInput as B, type WorkspaceAgentSessionDetailViewModel as W, type AgentAskUserQuestionVM as a, type AgentConversationPromptVM as b, type AgentConversationVM as c, buildWorkspaceAgentSessionDetailViewModel as d };

package/dist/app/renderer/agentactivity.css

@@ -623,7 +623,7 @@ aside.workspace-agents-status-panel
 
 .workspace-agents-status-panel__content--detail {
   gap: 0;
-  padding-inline: 24px;
+  padding-inline: 28px;
 }
 
 .workspace-agents-status-panel__content--detail-overlay {
@@ -2292,7 +2292,7 @@ aside.workspace-agents-status-panel
   justify-self: stretch;
   width: auto;
   gap: 0;
-  margin: 0 24px;
+  margin: 0 8px;
   padding: 0;
   background: transparent;
 }
@@ -2317,11 +2317,16 @@ aside.workspace-agents-status-panel
 }
 
 .agent-gui-chrome__session-chrome:has(+ .agent-gui-chrome__session-chrome) {
-  margin-right: 36px;
-  margin-left: 36px;
+  margin-right: 16px;
+  margin-left: 16px;
 }
 
 .agent-gui-node__composer-input-group > .agent-gui-chrome__session-chrome {
+  margin-right: 8px;
+  margin-left: 8px;
+}
+
+.agent-gui-node__composer-input-group-hero > .agent-gui-chrome__session-chrome {
   margin-right: 24px;
   margin-left: 24px;
 }
@@ -2332,8 +2337,8 @@ aside.workspace-agents-status-panel
       .agent-gui-node__composer-input-group
       > .agent-gui-chrome__session-chrome
   ) {
-  margin-right: 36px;
-  margin-left: 36px;
+  margin-right: 16px;
+  margin-left: 16px;
 }
 
 .agent-gui-node__bottom-dock
@@ -2345,8 +2350,8 @@ aside.workspace-agents-status-panel
   + .agent-gui-node__composer
   .agent-gui-node__composer-input-group
   > .agent-gui-chrome__session-chrome {
-  margin-right: 24px;
-  margin-left: 24px;
+  margin-right: 8px;
+  margin-left: 8px;
 }
 
 .agent-gui-chrome__card {
@@ -2520,23 +2525,6 @@ aside.workspace-agents-status-panel
   cursor: pointer;
 }
 
-.agent-gui-node__empty-hero-body
-  > .agent-gui-chrome__session-chrome
-  > .agent-gui-chrome__card--danger,
-.agent-gui-node__composer-input-group
-  > .agent-gui-chrome__session-chrome
-  > .agent-gui-chrome__card--danger,
-.agent-gui-node__bottom-dock
-  > .agent-gui-chrome__session-chrome:has(+ .agent-gui-node__composer)
-  > .agent-gui-chrome__card--danger {
-  border-bottom: 1px solid
-    color-mix(
-      in srgb,
-      var(--status-danger, var(--state-danger)) 16%,
-      transparent
-    );
-}
-
 .agent-gui-chrome__card[data-has-inline-actions="true"] {
   padding-right: 4px;
 }
@@ -3818,7 +3806,7 @@ aside.workspace-agents-status-panel
   --agent-conversation-text: var(--text-primary);
   --agent-conversation-user-text: var(--text-primary);
   --agent-conversation-user-bg: var(--agent-gui-surface-muted);
-  --agent-gui-detail-padding-x: 24px;
+  --agent-gui-detail-padding-x: 28px;
   --agent-gui-detail-flow-max-width: 1280px;
   width: 100%;
   height: 100%;
@@ -4427,6 +4415,11 @@ button.agent-gui-node__conversation-section-toggle:hover
   pointer-events: auto;
 }
 
+.agent-gui-node__conversation-section[data-kind="conversations"]
+  .agent-gui-node__conversation-section-actions {
+  min-width: 0;
+}
+
 .agent-gui-node__conversation-section-action-tooltip-wrap {
   position: relative;
   display: inline-flex;
@@ -5153,8 +5146,8 @@ button.agent-gui-node__conversation-section-toggle:hover
 }
 
 .workspace-agents-status-panel__conversation-timeline.agent-gui-node__timeline {
-  padding-right: 24px;
-  padding-left: 24px;
+  padding-right: 28px;
+  padding-left: 28px;
 }
 
 .agent-gui-node__timeline-with-composer {

package/dist/{chunk-64FJGJ3F.js → chunk-4MOHKNXA.js}

@@ -7,14 +7,14 @@ import {
   AgentGUIConversation_styles_default,
   MessageSquareMoreIcon,
   extractAgentMcpToolTarget
-} from "./chunk-6TRWLMRE.js";
+} from "./chunk-BUBD5E4F.js";
 import {
   Spinner
 } from "./chunk-F7XLV7M3.js";
 import {
   getOptionalAgentHostApi,
   useOptionalAgentHostApi
-} from "./chunk-222YHU5Z.js";
+} from "./chunk-CCI6EK5W.js";
 import {
   translate
 } from "./chunk-GLDKFIWM.js";
@@ -1120,4 +1120,4 @@ export {
   isPromptRequestIdTitle,
   AgentInteractivePromptSurface
 };
-//# sourceMappingURL=chunk-64FJGJ3F.js.map
+//# sourceMappingURL=chunk-4MOHKNXA.js.map

package/dist/{chunk-KRKC3XXB.js → chunk-7JW4OAKS.js}

@@ -10,7 +10,7 @@ import {
   resolveWorkspaceFileLinkAction,
   resolveWorkspaceFilePathCandidate,
   resolveWorkspaceLinkAction
-} from "./chunk-6TRWLMRE.js";
+} from "./chunk-BUBD5E4F.js";
 import {
   attrsToMentionItem,
   createAgentFileMentionExtension,
@@ -24,7 +24,7 @@ import {
 import {
   getOptionalAgentActivityRuntime,
   useOptionalAgentHostApi
-} from "./chunk-222YHU5Z.js";
+} from "./chunk-CCI6EK5W.js";
 import {
   workspaceAgentProviderLabel
 } from "./chunk-TYGL25EL.js";
@@ -4368,13 +4368,14 @@ function projectUserMessageContentParts(message, turnId, workspaceId) {
       body: "",
       contentKind: "image-grid",
       images: imageBlocks.map((image, index) => ({
-        id: image.attachmentId || `${message.id}:image:0:${index}`,
+        id: image.path || image.attachmentId || `${message.id}:image:0:${index}`,
         workspaceId: image.workspaceId,
         agentSessionId: image.agentSessionId,
         attachmentId: image.attachmentId,
         mimeType: image.mimeType,
         name: image.name,
-        data: image.data
+        data: image.data,
+        path: image.path
       })),
       occurredAtUnixMs: message.occurredAtUnixMs ?? null,
       sourceTimelineItems: message.sourceTimelineItems
@@ -4448,7 +4449,8 @@ function userPromptContentBlocks(message, fallbackWorkspaceId) {
         attachmentId: typeof block.attachmentId === "string" && block.attachmentId.trim() ? block.attachmentId.trim() : null,
         mimeType,
         name: typeof block.name === "string" && block.name.trim() ? block.name.trim() : null,
-        data: typeof block.data === "string" && block.data.trim() ? block.data.trim() : null
+        data: typeof block.data === "string" && block.data.trim() ? block.data.trim() : null,
+        path: typeof block.path === "string" && block.path.trim() ? block.path.trim() : null
       }
     ];
   });
@@ -4661,7 +4663,7 @@ import {
   useMemo,
   useState as useState5
 } from "react";
-import { ChevronRight as ChevronRight3 } from "lucide-react";
+import { ChevronRight as ChevronRight3, LoaderCircle } from "lucide-react";
 import { CheckIcon, CopyIcon } from "@tutti-os/ui-system/icons";
 
 // app/renderer/components/ui/button.tsx
@@ -6308,6 +6310,7 @@ var CanvasNodeGhostIconButton = forwardRef3(function CanvasNodeGhostIconButton2(
 // shared/agentConversation/components/AgentMessageBlock.tsx
 import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var MESSAGE_COPY_FEEDBACK_MS = 1400;
+var CONTEXT_COMPACTION_NOTICE_TITLE = "Context compacted.";
 function AgentMessageBlock({
   workspaceRoot,
   basePath,
@@ -6519,7 +6522,7 @@ function AgentUserImageGrid({
 }) {
   "use memo";
   const images = message.images ?? [];
-  const loadedImages = useAgentMessageImageSources(images);
+  const { loadingIds, sources: loadedImages } = useAgentMessageImageSources(images);
   const columnCount = Math.min(Math.max(images.length, 1), 4);
   return /* @__PURE__ */ jsx12(
     "div",
@@ -6528,6 +6531,7 @@ function AgentUserImageGrid({
       style: { gridTemplateColumns: `repeat(${columnCount}, 80px)` },
       children: images.map((image) => {
         const src = loadedImages.get(image.id) ?? imageDataUrl(image);
+        const loading = !src && loadingIds.has(image.id);
         return /* @__PURE__ */ jsx12(
           "div",
           {
@@ -6540,6 +6544,20 @@ function AgentUserImageGrid({
                 className: "size-full object-cover",
                 draggable: false
               }
+            ) : loading ? /* @__PURE__ */ jsx12(
+              "div",
+              {
+                className: "flex size-full items-center justify-center bg-[color-mix(in_srgb,var(--text-primary)_6%,transparent)]",
+                "data-testid": "agent-gui-message-image-loading",
+                children: /* @__PURE__ */ jsx12(
+                  LoaderCircle,
+                  {
+                    "aria-hidden": "true",
+                    className: "size-5 animate-spin text-[color-mix(in_srgb,var(--text-primary)_45%,transparent)]",
+                    strokeWidth: 2
+                  }
+                )
+              }
             ) : /* @__PURE__ */ jsx12("div", { className: "size-full animate-pulse bg-[color-mix(in_srgb,var(--text-primary)_8%,transparent)]" })
           },
           image.id
@@ -6551,23 +6569,42 @@ function AgentUserImageGrid({
 function useAgentMessageImageSources(images) {
   const runtime = getOptionalAgentActivityRuntime();
   const [sources, setSources] = useState5(() => /* @__PURE__ */ new Map());
+  const [loadingIds, setLoadingIds] = useState5(() => /* @__PURE__ */ new Set());
   const missingImages = useMemo(
     () => images.filter(
-      (image) => !imageDataUrl(image) && !sources.has(image.id) && image.workspaceId && image.agentSessionId && image.attachmentId
+      (image) => !imageDataUrl(image) && !sources.has(image.id) && image.workspaceId && image.agentSessionId && (image.attachmentId || image.path)
     ),
     [images, sources]
   );
   useEffect4(() => {
-    if (!runtime?.readSessionAttachment || missingImages.length === 0) {
+    if (!runtime?.readSessionAttachment && !runtime?.readPromptAsset || missingImages.length === 0) {
       return;
     }
     let canceled = false;
     for (const image of missingImages) {
-      void runtime.readSessionAttachment({
+      const readImage = image.attachmentId ? runtime.readSessionAttachment?.({
         workspaceId: image.workspaceId ?? "",
         agentSessionId: image.agentSessionId,
         attachmentId: image.attachmentId ?? ""
-      }).then((attachment) => {
+      }) : runtime.readPromptAsset?.({
+        workspaceId: image.workspaceId ?? "",
+        agentSessionId: image.agentSessionId,
+        mimeType: image.mimeType,
+        name: image.name,
+        path: image.path
+      });
+      if (!readImage) {
+        continue;
+      }
+      setLoadingIds((current) => {
+        if (current.has(image.id)) {
+          return current;
+        }
+        const next = new Set(current);
+        next.add(image.id);
+        return next;
+      });
+      void readImage.then((attachment) => {
         if (canceled) {
           return;
         }
@@ -6583,13 +6620,25 @@ function useAgentMessageImageSources(images) {
           return next;
         });
       }).catch(() => {
+      }).finally(() => {
+        if (canceled) {
+          return;
+        }
+        setLoadingIds((current) => {
+          if (!current.has(image.id)) {
+            return current;
+          }
+          const next = new Set(current);
+          next.delete(image.id);
+          return next;
+        });
       });
     }
     return () => {
       canceled = true;
     };
   }, [missingImages, runtime]);
-  return sources;
+  return { loadingIds, sources };
 }
 function imageDataUrl(image) {
   const data = image.data?.trim() ?? "";
@@ -6605,6 +6654,33 @@ function AgentSystemNoticeMessage({
   "use memo";
   const notice = message.systemNotice;
   const detail = notice?.detail?.trim() ?? "";
+  const title = systemNoticeTitle(message);
+  if (isContextCompactionNotice(message, title)) {
+    return /* @__PURE__ */ jsxs7(
+      "div",
+      {
+        role: "status",
+        className: "box-border flex w-full min-w-0 items-center gap-3 py-2 text-[12px] leading-4 text-[var(--text-secondary)]",
+        children: [
+          /* @__PURE__ */ jsx12(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "h-px min-w-4 flex-1 bg-[var(--line-1)]"
+            }
+          ),
+          /* @__PURE__ */ jsx12("span", { className: "shrink-0 whitespace-nowrap", children: title }),
+          /* @__PURE__ */ jsx12(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "h-px min-w-4 flex-1 bg-[var(--line-1)]"
+            }
+          )
+        ]
+      }
+    );
+  }
   const isWarning = notice?.severity === "warning" || notice?.severity === "error";
   return /* @__PURE__ */ jsx12(
     "section",
@@ -6612,12 +6688,16 @@ function AgentSystemNoticeMessage({
       role: isWarning ? "status" : void 0,
       className: "box-border w-full min-w-0 rounded-[8px] border border-[color-mix(in_srgb,var(--state-warning)_14%,transparent)] bg-[color-mix(in_srgb,var(--background-fronted)_100%,var(--state-warning)_6%)] p-3 text-[13px] leading-5 text-[var(--text-primary)]",
       children: /* @__PURE__ */ jsxs7("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx12("div", { className: "font-medium text-[var(--text-primary)]", children: systemNoticeTitle(message) }),
+        /* @__PURE__ */ jsx12("div", { className: "font-medium text-[var(--text-primary)]", children: title }),
         detail ? /* @__PURE__ */ jsx12(AgentMessageDetailsDisclosure, { detail, className: "mt-1" }) : null
       ] })
     }
   );
 }
+function isContextCompactionNotice(message, title) {
+  const notice = message.systemNotice;
+  return notice?.noticeKind === "system_notice" && (notice.detail?.trim() ?? "") === "" && title.trim() === CONTEXT_COMPACTION_NOTICE_TITLE;
+}
 function AgentPlanCardMessage({
   message,
   workspaceRoot,
@@ -12234,4 +12314,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-KRKC3XXB.js.map
+//# sourceMappingURL=chunk-7JW4OAKS.js.map