@tutti-os/agent-gui 0.0.167 → 0.0.169

package/dist/{chunk-FVACDLAJ.js → chunk-KDRU3NBW.js}

@@ -5,7 +5,7 @@ import {
   agentMentionFilterLabel,
   agentMentionGroupLabel,
   mentionGroupExpandCount
-} from "./chunk-A6UMKVKW.js";
+} from "./chunk-GMALB4L6.js";
 import {
   resolveAgentMentionFileThumbnailUrl,
   resolveAgentMentionFileVisualKind
@@ -13,13 +13,13 @@ import {
 import {
   userAvatarPlaceholderUrl,
   workspaceAgentActivityStatusLabel
-} from "./chunk-HIPSKKXB.js";
+} from "./chunk-BHLX4ZFU.js";
 import {
   managedAgentRoundedIconUrl
 } from "./chunk-ZWLWT3TZ.js";
 import {
   translate
-} from "./chunk-W4UPFP2N.js";
+} from "./chunk-EZ6E3LVP.js";
 
 // agent-gui/agentGuiNode/AgentFileMentionPalette.tsx
 import {
@@ -517,4 +517,4 @@ export {
   AgentFileMentionPalette,
   AgentContextMentionPalette
 };
-//# sourceMappingURL=chunk-FVACDLAJ.js.map
+//# sourceMappingURL=chunk-KDRU3NBW.js.map

package/dist/{chunk-4SLHS5X5.js → chunk-LQ6CK4GS.js}

@@ -12,7 +12,7 @@ import {
   resolveAgentGuiSessionProviderFlatIconUrl,
   resolveNextAgentGUIConversationRailWidthPx,
   shouldAutoCollapseAgentGUIConversationRail
-} from "./chunk-MJNX2SC6.js";
+} from "./chunk-Y3K2YTLD.js";
 import {
   resolveAgentGuiWorkbenchProviderLabel
 } from "./chunk-SZVHT57M.js";
@@ -31,7 +31,7 @@ import {
   resolveAgentGUIFirstUserMessageDisplayPrompt,
   resolveAgentGUIProviderDisplayLabel,
   resolveAgentGUIProviderIdentity
-} from "./chunk-W3EI5EWM.js";
+} from "./chunk-42KTGN4W.js";
 import {
   AgentConversationFlow,
   Button,
@@ -65,7 +65,7 @@ import {
   toLocalShortDateTime,
   updateAgentComposerDraft,
   useProjectedAgentConversation
-} from "./chunk-YB5DZYLI.js";
+} from "./chunk-C7RY5XMJ.js";
 import {
   agentRichTextContentToPromptText,
   createAgentRichTextInputExtensions,
@@ -75,7 +75,7 @@ import {
   plainTextToAgentRichTextInlineContent,
   skillDescriptionForDisplay,
   skillTriggerForPrefix
-} from "./chunk-GJBSQWIA.js";
+} from "./chunk-42W6JENH.js";
 import {
   AgentEnvPanelActionProvider
 } from "./chunk-THBCAUBR.js";
@@ -90,18 +90,18 @@ import {
   AgentFileMentionPalette,
   agentMentionItemKey,
   isAgentMentionItemDisabled
-} from "./chunk-FVACDLAJ.js";
+} from "./chunk-KDRU3NBW.js";
 import {
   normalizeAgentGUIAgents,
   projectAgentGUIAgentsToTargets
-} from "./chunk-66JZ7BQM.js";
+} from "./chunk-CX6XXG6R.js";
 import {
   AGENT_MENTION_FILTER_TAB_ORDER,
   AgentMentionSearchController,
   DEFAULT_AGENT_MENTION_FILTER,
   agentGuiScheduler,
   buildWorkspaceAgentActivityListViewModel
-} from "./chunk-A6UMKVKW.js";
+} from "./chunk-GMALB4L6.js";
 import {
   AGENT_RICH_TEXT_CARET_ANCHOR,
   agentComposerFileMentionReferences,
@@ -118,7 +118,7 @@ import {
   parseMentionItemFromHref,
   remainingAgentComposerPromptAssetSlots,
   updateAgentComposerFileMentions
-} from "./chunk-7W4WEFAY.js";
+} from "./chunk-7M6STXDS.js";
 import {
   AgentInteractivePromptSurface,
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
@@ -128,7 +128,7 @@ import {
   dispatchAgentPlanPromptAction,
   latestPlanTurnId,
   planImplementationPromptFromPlanTurn
-} from "./chunk-ZEYVTTUK.js";
+} from "./chunk-OUOVA353.js";
 import {
   useEngineSelector
 } from "./chunk-2RQM7PJN.js";
@@ -138,7 +138,7 @@ import {
   blobToBase64,
   normalizeAgentApprovalPurpose,
   resolveWorkspaceLinkAction
-} from "./chunk-T7DN6RYO.js";
+} from "./chunk-5EHKHIFG.js";
 import {
   AgentTargetPresentationProvider,
   cn,
@@ -156,7 +156,7 @@ import {
   useAgentHostApi,
   useOptionalAgentActivityRuntime,
   useOptionalAgentHostApi
-} from "./chunk-KUTB4EGX.js";
+} from "./chunk-QEOAZW53.js";
 import {
   MANAGED_AGENT_ICON_FALLBACK_URL,
   MANAGED_AGENT_ICON_URLS,
@@ -166,7 +166,7 @@ import {
   AgentGuiI18nProvider,
   translate,
   useTranslation
-} from "./chunk-W4UPFP2N.js";
+} from "./chunk-EZ6E3LVP.js";
 import {
   isBetaAgentProvider,
   normalizeManagedAgentProvider
@@ -3717,6 +3717,7 @@ function createSharedAgentGUIAgentTarget(input) {
     label: input.label,
     ...badge ? { badge } : {},
     ...input.ownerLabel?.trim() ? { ownerLabel: input.ownerLabel.trim() } : {},
+    ...input.ownerDeviceLabel?.trim() ? { ownerDeviceLabel: input.ownerDeviceLabel.trim() } : {},
     ...input.iconUrl?.trim() ? { iconUrl: input.iconUrl.trim() } : {},
     ...input.maskIconUrl?.trim() ? { maskIconUrl: input.maskIconUrl.trim() } : {},
     ...input.unavailableReason?.trim() ? { unavailableReason: input.unavailableReason.trim() } : {},
@@ -3823,6 +3824,7 @@ function normalizeAgentGUIAgentTarget(target) {
     maskIconUrl,
     heroImageUrl,
     ownerLabel,
+    ownerDeviceLabel,
     unavailableReason,
     ...rest
   } = target;
@@ -3851,6 +3853,7 @@ function normalizeAgentGUIAgentTarget(target) {
     ...maskIconUrl?.trim() ? { maskIconUrl: maskIconUrl.trim() } : {},
     ...heroImageUrl?.trim() ? { heroImageUrl: heroImageUrl.trim() } : {},
     ...ownerLabel?.trim() ? { ownerLabel: ownerLabel.trim() } : {},
+    ...ownerDeviceLabel?.trim() ? { ownerDeviceLabel: ownerDeviceLabel.trim() } : {},
     ...unavailableReason?.trim() ? { unavailableReason: unavailableReason.trim() } : {}
   };
 }
@@ -17034,7 +17037,6 @@ function hasInlineOverflow(element) {
 function useComposerLayout({
   isHeroLayout,
   inputDisabled,
-  paletteDraftPrompt,
   showFileMentionPalette,
   showFloatingCommandMenu,
   previewMode,
@@ -17205,24 +17207,20 @@ function useComposerLayout({
         (currentHeight) => currentHeight === textHeight ? currentHeight : textHeight
       );
     };
-    measure();
     const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
     resizeObserver?.observe(inputArea);
     resizeObserver?.observe(editor);
-    for (const child of Array.from(inputArea.querySelectorAll("*"))) {
-      resizeObserver?.observe(child);
+    for (const attachmentArea of Array.from(
+      inputArea.querySelectorAll(
+        '[data-testid="agent-gui-composer-image-drafts"], [data-testid="agent-gui-composer-file-drafts"]'
+      )
+    )) {
+      resizeObserver?.observe(attachmentArea);
     }
-    window.addEventListener("resize", measure);
     return () => {
       resizeObserver?.disconnect();
-      window.removeEventListener("resize", measure);
     };
-  }, [
-    draftImages.length,
-    draftLargeTexts.length,
-    isHeroLayout,
-    paletteDraftPrompt
-  ]);
+  }, [draftImages.length, draftLargeTexts.length, isHeroLayout]);
   const composerStyle = useMemo20(
     () => isHeroLayout ? void 0 : {
       // The dock keeps only the collapsed 56px input row in flow; a
@@ -23967,6 +23965,53 @@ function AgentHandoffMenu({
 }) {
   const [isIconPlaying, setIsIconPlaying] = useState21(false);
   const menuDisabled = disabled || targets.length === 0;
+  const tooltip = labels.tooltip.trim();
+  const trigger = /* @__PURE__ */ jsx36("span", { className: "inline-flex", children: /* @__PURE__ */ jsx36(
+    SelectTrigger2,
+    {
+      size: "sm",
+      "aria-label": labels.action,
+      "data-testid": testId,
+      onClick: isolateTriggerEvents ? (event) => {
+        event.stopPropagation();
+      } : void 0,
+      onKeyDown: isolateTriggerEvents ? (event) => {
+        event.stopPropagation();
+      } : void 0,
+      onPointerDown: isolateTriggerEvents ? (event) => {
+        event.stopPropagation();
+      } : void 0,
+      onBlur: () => {
+        setIsIconPlaying(false);
+      },
+      onFocus: () => {
+        setIsIconPlaying(true);
+      },
+      onMouseEnter: () => {
+        setIsIconPlaying(true);
+      },
+      onMouseLeave: () => {
+        setIsIconPlaying(false);
+      },
+      className: cn(
+        AgentGUINode_styles_default.composerMenuTrigger,
+        AgentGUINode_styles_default.composerProviderSelect,
+        AgentGUINode_styles_default.composerHandoffTrigger,
+        "w-auto max-w-[180px] [&>svg:last-child]:hidden",
+        triggerClassName
+      ),
+      children: /* @__PURE__ */ jsxs26("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx36(
+          AgentComposerHandoffIcon,
+          {
+            disabled: menuDisabled,
+            isPlaying: isIconPlaying
+          }
+        ),
+        !iconOnly ? /* @__PURE__ */ jsx36("span", { className: "min-w-0 truncate", children: triggerLabel }) : null
+      ] })
+    }
+  ) });
   return /* @__PURE__ */ jsx36(
     "span",
     {
@@ -23995,55 +24040,10 @@ function AgentHandoffMenu({
             onSelect(target);
           },
           children: [
-            /* @__PURE__ */ jsx36(TooltipProvider3, { delayDuration: 120, children: /* @__PURE__ */ jsxs26(Tooltip3, { children: [
-              /* @__PURE__ */ jsx36(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx36("span", { className: "inline-flex", children: /* @__PURE__ */ jsx36(
-                SelectTrigger2,
-                {
-                  size: "sm",
-                  "aria-label": labels.action,
-                  "data-testid": testId,
-                  onClick: isolateTriggerEvents ? (event) => {
-                    event.stopPropagation();
-                  } : void 0,
-                  onKeyDown: isolateTriggerEvents ? (event) => {
-                    event.stopPropagation();
-                  } : void 0,
-                  onPointerDown: isolateTriggerEvents ? (event) => {
-                    event.stopPropagation();
-                  } : void 0,
-                  onBlur: () => {
-                    setIsIconPlaying(false);
-                  },
-                  onFocus: () => {
-                    setIsIconPlaying(true);
-                  },
-                  onMouseEnter: () => {
-                    setIsIconPlaying(true);
-                  },
-                  onMouseLeave: () => {
-                    setIsIconPlaying(false);
-                  },
-                  className: cn(
-                    AgentGUINode_styles_default.composerMenuTrigger,
-                    AgentGUINode_styles_default.composerProviderSelect,
-                    AgentGUINode_styles_default.composerHandoffTrigger,
-                    "w-auto max-w-[180px] [&>svg:last-child]:hidden",
-                    triggerClassName
-                  ),
-                  children: /* @__PURE__ */ jsxs26("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-                    /* @__PURE__ */ jsx36(
-                      AgentComposerHandoffIcon,
-                      {
-                        disabled: menuDisabled,
-                        isPlaying: isIconPlaying
-                      }
-                    ),
-                    !iconOnly ? /* @__PURE__ */ jsx36("span", { className: "min-w-0 truncate", children: triggerLabel }) : null
-                  ] })
-                }
-              ) }) }),
-              /* @__PURE__ */ jsx36(TooltipContent3, { side: "top", children: labels.tooltip })
-            ] }) }),
+            tooltip ? /* @__PURE__ */ jsx36(TooltipProvider3, { delayDuration: 120, children: /* @__PURE__ */ jsxs26(Tooltip3, { children: [
+              /* @__PURE__ */ jsx36(TooltipTrigger3, { asChild: true, children: trigger }),
+              /* @__PURE__ */ jsx36(TooltipContent3, { side: "top", children: tooltip })
+            ] }) }) : trigger,
             /* @__PURE__ */ jsx36(
               SelectContent2,
               {
@@ -24060,6 +24060,8 @@ function AgentHandoffMenu({
                     self: labels.self,
                     shared: labels.shared
                   });
+                  const ownerDeviceLabel = target.ownerDeviceLabel?.trim() ?? "";
+                  const deviceSourceLabel = ownerDeviceLabel ? labels.deviceSource?.(ownerDeviceLabel) ?? ownerDeviceLabel : null;
                   return /* @__PURE__ */ jsx36(
                     SelectItem2,
                     {
@@ -24089,7 +24091,10 @@ function AgentHandoffMenu({
                         ] }),
                         /* @__PURE__ */ jsxs26("span", { className: "flex min-w-0 flex-col gap-0.5", children: [
                           /* @__PURE__ */ jsx36("span", { className: "min-w-0 truncate", children: target.label }),
-                          ownershipLabel ? /* @__PURE__ */ jsx36("span", { className: "min-w-0 truncate text-[11px] leading-none text-[var(--agent-gui-text-secondary)]", children: ownershipLabel }) : null
+                          ownershipLabel || deviceSourceLabel ? /* @__PURE__ */ jsxs26("span", { className: "flex min-w-0 items-center gap-1.5 truncate text-[11px] leading-none text-[var(--agent-gui-text-secondary)]", children: [
+                            ownershipLabel ? /* @__PURE__ */ jsx36("span", { children: ownershipLabel }) : null,
+                            deviceSourceLabel ? /* @__PURE__ */ jsx36("span", { children: deviceSourceLabel }) : null
+                          ] }) : null
                         ] })
                       ] })
                     },
@@ -24253,6 +24258,7 @@ function ComposerFooter({
           disabled: handoffDisabled,
           labels: {
             action: effectiveHandoffLabel,
+            deviceSource: labels.handoffTargetDeviceSource,
             menu: effectiveHandoffMenuLabel,
             self: labels.handoffTargetSelf,
             shared: labels.handoffTargetShared,
@@ -26870,7 +26876,6 @@ function AgentComposer(props) {
   const layout = useComposerLayout({
     isHeroLayout,
     inputDisabled,
-    paletteDraftPrompt,
     showFileMentionPalette,
     showFloatingCommandMenu,
     previewMode,
@@ -34989,32 +34994,24 @@ function useAgentGUIDetailScroll(input) {
       return;
     }
     const captureScrollAnchor = () => {
-      let scrollTop = timeline.scrollTop;
       const previousAnchor = timelineScrollAnchorRef.current;
-      const geometryChanged = previousAnchor?.conversationId !== activeConversationId || previousAnchor.scrollHeight !== timeline.scrollHeight || previousAnchor.clientHeight !== timeline.clientHeight;
-      const inferredUserScrollAway = previousAnchor?.conversationId === activeConversationId && !geometryChanged && scrollTop < previousAnchor.scrollTop - 1;
+      if (!previousAnchor || previousAnchor.conversationId !== activeConversationId) {
+        return;
+      }
+      const scrollTop = timeline.scrollTop;
+      const inferredUserScrollAway = scrollTop < previousAnchor.scrollTop - 1;
       const explicitUserScrollAway = userScrollAwayIntentConversationRef.current === activeConversationId;
       if (explicitUserScrollAway || inferredUserScrollAway) {
         bottomLockOwnerRef.current = null;
         userScrollAwayIntentConversationRef.current = null;
       }
-      if (geometryChanged && bottomLockOwnerRef.current === activeConversationId) {
-        const maxScrollTop = Math.max(
-          0,
-          timeline.scrollHeight - timeline.clientHeight
-        );
-        if (maxScrollTop - scrollTop > AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX) {
-          setTimelineScrollTopInstantly(timeline, maxScrollTop);
-          scrollTop = maxScrollTop;
-        }
-      }
       timelineScrollAnchorRef.current = {
         conversationId: activeConversationId,
-        scrollHeight: timeline.scrollHeight,
+        scrollHeight: previousAnchor.scrollHeight,
         scrollTop,
-        clientHeight: timeline.clientHeight
+        clientHeight: previousAnchor.clientHeight
       };
-      const atBottom = timeline.scrollHeight - scrollTop - timeline.clientHeight <= AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX;
+      const atBottom = previousAnchor.scrollHeight - scrollTop - previousAnchor.clientHeight <= AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX;
       if (atBottom) {
         bottomLockOwnerRef.current = activeConversationId;
       }
@@ -35026,7 +35023,7 @@ function useAgentGUIDetailScroll(input) {
       if (activeConversationId === viewModel.rail.activeConversationId && viewModel.detail.hasOlderMessages && !viewModel.detail.isLoadingOlderMessages && scrollTop <= AGENT_GUI_TOP_HISTORY_PREFETCH_THRESHOLD_PX) {
         pendingPrependScrollAnchorRef.current = {
           conversationId: activeConversationId,
-          scrollHeight: timeline.scrollHeight,
+          scrollHeight: previousAnchor.scrollHeight,
           scrollTop
         };
         actions.loadOlderConversationMessages();
@@ -35558,6 +35555,7 @@ function useAgentGUIDetailModel(input) {
       handoffConversation: labels.handoffConversation,
       handoffConversationTooltip: labels.handoffConversationTooltip,
       handoffConversationMenu: labels.handoffConversationMenu,
+      handoffTargetDeviceSource: labels.handoffTargetDeviceSource,
       handoffTargetSelf: labels.handoffTargetSelf,
       handoffTargetShared: labels.handoffTargetShared,
       providerSwitchLabel: labels.providerSwitchLabel,
@@ -35584,6 +35582,7 @@ function useAgentGUIDetailModel(input) {
       labels.handoffConversation,
       labels.handoffConversationTooltip,
       labels.handoffConversationMenu,
+      labels.handoffTargetDeviceSource,
       labels.handoffTargetSelf,
       labels.handoffTargetShared,
       labels.inheritedUnavailable,
@@ -39281,6 +39280,9 @@ function useAgentGUIViewLabels(input) {
         "agentHost.agentGui.handoffConversationTooltip"
       ),
       handoffConversationMenu: t("agentHost.agentGui.handoffConversationMenu"),
+      handoffTargetDeviceSource: (deviceLabel) => t("agentHost.agentGui.handoffTargetDeviceSource", {
+        device: deviceLabel
+      }),
       handoffTargetSelf: t("agentHost.agentGui.handoffTargetSelf"),
       handoffTargetShared: t("agentHost.agentGui.handoffTargetShared")
     }),
@@ -40040,4 +40042,4 @@ export {
   AgentHandoffMenu,
   AgentGUI
 };
-//# sourceMappingURL=chunk-4SLHS5X5.js.map
+//# sourceMappingURL=chunk-LQ6CK4GS.js.map