@tutti-os/agent-gui 0.0.69 → 0.0.70

package/dist/index.js

@@ -26,7 +26,7 @@ import {
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-JA6Z3QA7.js";
+} from "./chunk-QJ42HQ24.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -45,7 +45,7 @@ import {
   resolveAgentGUIExplicitConversationTitle,
   resolveAgentGUIProviderDisplayLabel,
   resolveAgentGUIProviderIdentity
-} from "./chunk-KTIKZNGS.js";
+} from "./chunk-SG6A35BU.js";
 import {
   AgentConversationFlow,
   Button,
@@ -66,14 +66,14 @@ import {
   skillTriggerForPrefix,
   toLocalShortDateTime,
   useProjectedAgentConversation
-} from "./chunk-6XRTDIDR.js";
+} from "./chunk-ISQCYEUJ.js";
 import {
   AgentMessageMarkdown,
   AgentTargetPresentationProvider,
   ZoomableImage,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-DAPKF2SN.js";
+} from "./chunk-WWY6MYMU.js";
 import {
   openAgentEnvPanel
 } from "./chunk-PSLAWU25.js";
@@ -84,12 +84,12 @@ import {
   DEFAULT_AGENT_MENTION_FILTER,
   agentMentionItemKey,
   preloadAgentMentionBrowse
-} from "./chunk-S32FLJRP.js";
+} from "./chunk-QDWV5VTD.js";
 import {
   buildWorkspaceAgentActivityListViewModel,
   isWorkspaceAgentUntitledTask
-} from "./chunk-ERBUQOIL.js";
-import "./chunk-HAKNLXW7.js";
+} from "./chunk-DXENDZEF.js";
+import "./chunk-MVPSFOJZ.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
 } from "./chunk-IBIMGLCD.js";
@@ -100,7 +100,7 @@ import {
   mentionItemToAttrs,
   normalizeAgentSessionMentionTitle,
   parseMentionItemFromHref
-} from "./chunk-547R2HOD.js";
+} from "./chunk-IZX2YQXY.js";
 import "./chunk-Y35GDLP2.js";
 import "./chunk-LUGELG5V.js";
 import {
@@ -124,7 +124,7 @@ import {
   useAgentHostApi,
   useOptionalAgentActivityRuntime,
   useOptionalAgentHostApi
-} from "./chunk-ZZBLWZJR.js";
+} from "./chunk-KS35VKHM.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   createWorkspaceAgentActivityUserMessageIdFromClientSubmitId,
@@ -139,14 +139,14 @@ import {
   agentGuiI18nResources,
   translate,
   useTranslation
-} from "./chunk-NH3XBJTZ.js";
+} from "./chunk-SC3PS7AT.js";
 import "./chunk-PJP5BUU6.js";
 import {
   agentColorfulUrl,
   cursorColorfulUrl,
   normalizeManagedAgentProvider
 } from "./chunk-4I2VCAMW.js";
-import "./chunk-KAPBUKIT.js";
+import "./chunk-DGNKXT3Q.js";
 import {
   AGENT_CONTEXT_MENTION_PROVIDER_IDS
 } from "./chunk-JM24HADP.js";
@@ -6417,18 +6417,20 @@ function useAgentGUIActivation({
         [agentSessionId]: null
       }));
       try {
+        const agentTargetId = input.agentTargetId?.trim() ?? "";
+        if (input.mode === "new" && !agentTargetId) {
+          throw new Error("agent_target_required");
+        }
         const request = input.mode === "new" ? {
           mode: input.mode,
           workspaceId,
           agentSessionId,
-          agentTargetId: input.agentTargetId,
-          provider: input.provider,
+          agentTargetId,
           cwd: input.cwd,
           initialContent: input.initialContent,
           initialDisplayPrompt: input.initialDisplayPrompt,
           metadata: input.metadata,
           title: input.title,
-          providerTargetRef: input.providerTargetRef,
           settings: input.settings,
           visible: input.visible,
           openclawGatewayReady: input.openclawGatewayReady
@@ -6469,7 +6471,7 @@ function useAgentGUIActivation({
         throw error;
       }
     },
-    [agentActivityRuntime, getErrorMessage, workspaceId]
+    [agentActivityRuntime, getErrorCode, getErrorMessage, workspaceId]
   );
   const unactivate = useCallback3(
     async (agentSessionId) => {
@@ -7033,6 +7035,13 @@ function reportAgentGUIRuntimeError(input) {
   } catch {
   }
 }
+function showAgentGUIControllerErrorToast(hostToast, message) {
+  if (hostToast?.error) {
+    hostToast.error(message);
+    return;
+  }
+  toast.error(message);
+}
 function reportAgentGUIConversationFilterTargetUnresolved(input) {
   const reportDiagnostic = input.runtime.reportDiagnostic;
   if (!reportDiagnostic) {
@@ -9101,7 +9110,6 @@ function useAgentGUINodeController({
     [homeComposerTargetOverride, normalizedExplicitProviderTargets]
   );
   const effectiveSelectedProviderTarget = homeComposerTargetOverride ?? selectedProviderTarget;
-  const effectiveSelectedProviderTargetIsExplicit = homeComposerTargetOverride ? homeComposerTargetOverrideIsExplicit : selectedProviderTargetIsExplicit;
   const firstReadyHomeComposerProviderTarget = useMemo3(() => {
     if (!providerReadinessGates) {
       return null;
@@ -9521,9 +9529,11 @@ function useAgentGUINodeController({
   const selectedProviderTargetRef = useRef4(effectiveSelectedProviderTarget);
   selectedProviderTargetRef.current = effectiveSelectedProviderTarget;
   const selectedProviderTargetIsExplicitRef = useRef4(
-    effectiveSelectedProviderTargetIsExplicit
+    homeComposerTargetOverride ? homeComposerTargetOverrideIsExplicit : selectedProviderTargetIsExplicit
   );
-  selectedProviderTargetIsExplicitRef.current = effectiveSelectedProviderTargetIsExplicit;
+  selectedProviderTargetIsExplicitRef.current = homeComposerTargetOverride ? homeComposerTargetOverrideIsExplicit : selectedProviderTargetIsExplicit;
+  const providerTargetsProvidedRef = useRef4(providerTargets !== void 0);
+  providerTargetsProvidedRef.current = providerTargets !== void 0;
   const selectedComposerTargetDataRef = useRef4(selectedComposerTargetData);
   selectedComposerTargetDataRef.current = selectedComposerTargetData;
   const draftSettingsBySessionIdRef = useRef4(draftSettingsBySessionId);
@@ -11883,7 +11893,7 @@ function useAgentGUINodeController({
         return;
       }
       const agentTargetId = targetData.agentTargetId ?? "";
-      if (!agentTargetId && selectedProviderTargetIsExplicitRef.current) {
+      if (!agentTargetId || providerTargetsProvidedRef.current && !selectedProviderTargetIsExplicitRef.current) {
         setDetailError(translate("agentHost.agentGui.agentTargetRequired"));
         return;
       }
@@ -12070,8 +12080,6 @@ function useAgentGUINodeController({
           mode: "new",
           agentSessionId,
           agentTargetId: agentTargetId2 || null,
-          provider,
-          providerTargetRef: targetData.providerTargetRef,
           cwd: selectedProjectPath2 ?? "",
           initialContent: normalizedInitialContent,
           initialDisplayPrompt,
@@ -13925,7 +13933,7 @@ function useAgentGUINodeController({
       const handleRemoveError = (error) => {
         const message = getAgentGUIErrorMessage(error);
         setListError(message);
-        toast.error(message);
+        showAgentGUIControllerErrorToast(agentHostApi.toast, message);
       };
       try {
         void Promise.resolve(remove({ path: normalizedPath })).then(() => {
@@ -13939,7 +13947,7 @@ function useAgentGUINodeController({
         handleRemoveError(error);
       }
     },
-    [agentHostApi.userProjects, setUserProjectsSnapshot]
+    [agentHostApi.toast, agentHostApi.userProjects, setUserProjectsSnapshot]
   );
   const requestDeleteProjectConversations = useCallback4(
     (path) => {
@@ -14053,8 +14061,7 @@ function useAgentGUINodeController({
         runtime: agentActivityRuntime,
         workspaceId
       });
-      toast.error(message);
-      setDetailError(message);
+      showAgentGUIControllerErrorToast(agentHostApi.toast, message);
       if (activeConversationIdRef.current === target.id) {
         setIsLoadingMessages(false);
         setAgentSessionViewMessagesLoading(sessionViewRef(target.id), false);
@@ -14073,6 +14080,7 @@ function useAgentGUINodeController({
     workspaceId,
     sessionViewRef,
     agentActivityRuntime,
+    agentHostApi.toast,
     agentQueuedPromptRuntime,
     removeConversations
   ]);
@@ -14212,8 +14220,7 @@ function useAgentGUINodeController({
           }
         });
         setListError(message);
-        toast.error(message);
-        setDetailError(message);
+        showAgentGUIControllerErrorToast(agentHostApi.toast, message);
         if (activeDeletedConversationId && activeConversationIdRef.current === activeDeletedConversationId) {
           setIsLoadingMessages(false);
           setAgentSessionViewMessagesLoading(
@@ -14238,6 +14245,7 @@ function useAgentGUINodeController({
       sessionViewRef,
       setTransientConversation,
       removeConversations,
+      agentHostApi.toast,
       workspaceId
     ]
   );
@@ -14290,8 +14298,7 @@ function useAgentGUINodeController({
           }
         });
         setListError(message);
-        toast.error(message);
-        setDetailError(message);
+        showAgentGUIControllerErrorToast(agentHostApi.toast, message);
         if (activeDeletedConversationId && activeConversationIdRef.current === activeDeletedConversationId) {
           setIsLoadingMessages(false);
           setAgentSessionViewMessagesLoading(
@@ -14310,6 +14317,7 @@ function useAgentGUINodeController({
       finalizeConversationBatchDeletion,
       isDeletingProjectConversations,
       sessionViewRef,
+      agentHostApi.toast,
       workspaceId
     ]
   );
@@ -14349,8 +14357,7 @@ function useAgentGUINodeController({
           runtime: agentActivityRuntime,
           workspaceId
         });
-        toast.error(message);
-        setDetailError(message);
+        showAgentGUIControllerErrorToast(agentHostApi.toast, message);
         const previous = previousConversations.find(
           (conversation2) => conversation2.id === normalizedAgentSessionId
         );
@@ -14362,7 +14369,7 @@ function useAgentGUINodeController({
         );
       });
     },
-    [agentActivityRuntime, patchConversation, workspaceId]
+    [agentActivityRuntime, agentHostApi.toast, patchConversation, workspaceId]
   );
   const activeConversation = useMemo3(() => {
     const resolved = resolveConversationSummaryById(
@@ -17479,6 +17486,9 @@ var styles3 = {
   composerFooterRight: "agent-gui-node__composer-footer-right",
   composerHero: "agent-gui-node__composer-hero",
   composerFloatingPrompt: "agent-gui-node__composer-floating-prompt",
+  composerFileDropOverlay: "agent-gui-node__composer-file-drop-overlay",
+  composerFileDropOverlayActive: "agent-gui-node__composer-file-drop-overlay--active",
+  composerFileDropOverlayCard: "agent-gui-node__composer-file-drop-overlay-card",
   composerHandoffIcon: "agent-gui-node__composer-handoff-icon",
   composerHandoffAnimatedIcon: "agent-gui-node__composer-handoff-icon-animated",
   composerHandoffMenuContent: "agent-gui-node__composer-handoff-menu-content",
@@ -21393,6 +21403,13 @@ function hasInlineOverflow(element) {
   }
   return element.scrollWidth > element.clientWidth + 1;
 }
+function isPointInsideElement(element, clientX, clientY) {
+  if (!element) {
+    return false;
+  }
+  const bounds = element.getBoundingClientRect();
+  return clientX >= bounds.left && clientX <= bounds.right && clientY >= bounds.top && clientY <= bounds.bottom;
+}
 function AgentComposerMaskIcon({
   iconUrl,
   marker
@@ -22926,6 +22943,8 @@ function AgentComposer({
     },
     [addDraftImages, scheduleComposerFocus]
   );
+  const [fileDropOverlayHost, setFileDropOverlayHost] = useState12(null);
+  const [fileDropOverlayActive, setFileDropOverlayActive] = useState12(false);
   useEffect13(() => {
     const composer = composerRef.current;
     const dropTarget = composer?.closest("#agent-gui-detail") ?? composer;
@@ -22933,7 +22952,13 @@ function AgentComposer({
       return void 0;
     }
     let isDisposed = false;
+    setFileDropOverlayHost(dropTarget);
     const isDragEvent = (event) => "dataTransfer" in event;
+    const clearDropOverlay = () => {
+      if (!isDisposed) {
+        setFileDropOverlayActive(false);
+      }
+    };
     const containsEventTarget = (event) => {
       const target = event.target;
       return target instanceof Node && dropTarget.contains(target);
@@ -22973,11 +22998,15 @@ function AgentComposer({
       }
       event.preventDefault();
       if (!drag.hasRegularFiles && drag.hasImageFiles && !promptImagesSupported) {
+        clearDropOverlay();
         return;
       }
       if (event.dataTransfer) {
         event.dataTransfer.dropEffect = "copy";
       }
+      if (!isDisposed) {
+        setFileDropOverlayActive(true);
+      }
     };
     const handleDrop = (event) => {
       if (!isDragEvent(event)) {
@@ -22989,6 +23018,7 @@ function AgentComposer({
       }
       event.preventDefault();
       event.stopPropagation();
+      clearDropOverlay();
       if (drop.regularFiles.length > 0) {
         editorHandleRef.current?.focusAtEnd();
         void applyDroppedFileReferences(drop.regularFiles).then(() => {
@@ -23012,12 +23042,46 @@ function AgentComposer({
         scheduleComposerFocus();
       });
     };
+    const handleDocumentDragOver = (event) => {
+      if (!isDragEvent(event)) {
+        return;
+      }
+      if (isPointInsideElement(
+        dropTarget,
+        event.clientX,
+        event.clientY
+      )) {
+        return;
+      }
+      clearDropOverlay();
+    };
+    const handleDocumentDragLeave = (event) => {
+      if (!isDragEvent(event)) {
+        return;
+      }
+      const leftWindow = event.relatedTarget === null || event.clientX <= 0 || event.clientY <= 0 || event.clientX >= window.innerWidth || event.clientY >= window.innerHeight;
+      if (leftWindow) {
+        clearDropOverlay();
+      }
+    };
     dropTarget.addEventListener("dragover", handleDragOver);
     dropTarget.addEventListener("drop", handleDrop);
+    document.addEventListener("dragover", handleDocumentDragOver, true);
+    document.addEventListener("dragleave", handleDocumentDragLeave, true);
+    window.addEventListener("dragend", clearDropOverlay);
+    window.addEventListener("drop", clearDropOverlay);
+    window.addEventListener("blur", clearDropOverlay);
     return () => {
       isDisposed = true;
+      setFileDropOverlayHost(null);
+      setFileDropOverlayActive(false);
       dropTarget.removeEventListener("dragover", handleDragOver);
       dropTarget.removeEventListener("drop", handleDrop);
+      document.removeEventListener("dragover", handleDocumentDragOver, true);
+      document.removeEventListener("dragleave", handleDocumentDragLeave, true);
+      window.removeEventListener("dragend", clearDropOverlay);
+      window.removeEventListener("drop", clearDropOverlay);
+      window.removeEventListener("blur", clearDropOverlay);
     };
   }, [
     addDraftImages,
@@ -23358,6 +23422,22 @@ function AgentComposer({
     },
     activePromptTip.id
   ) : null;
+  const fileDropOverlay = fileDropOverlayHost !== null ? createPortal3(
+    /* @__PURE__ */ jsx30(
+      "div",
+      {
+        "aria-hidden": "true",
+        "data-testid": "agent-gui-composer-file-drop-overlay",
+        "data-active": fileDropOverlayActive ? "true" : "false",
+        className: cn(
+          AgentGUINode_styles_default.composerFileDropOverlay,
+          fileDropOverlayActive && AgentGUINode_styles_default.composerFileDropOverlayActive
+        ),
+        children: /* @__PURE__ */ jsx30("span", { className: AgentGUINode_styles_default.composerFileDropOverlayCard, children: labels.fileDropHint })
+      }
+    ),
+    fileDropOverlayHost
+  ) : null;
   return /* @__PURE__ */ jsxs18(
     "form",
     {
@@ -23366,6 +23446,7 @@ function AgentComposer({
       "data-layout": layoutMode,
       onSubmit: submit,
       children: [
+        fileDropOverlay,
         visibleActivePrompt ? /* @__PURE__ */ jsx30(
           "div",
           {
@@ -26229,6 +26310,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       fileMentionEmpty: labels.fileMentionEmpty,
       fileMentionError: labels.fileMentionError,
       fileMentionTabHint: labels.fileMentionTabHint,
+      fileDropHint: labels.fileDropHint,
       mentionPalette: labels.mentionPalette,
       removeMention: labels.removeMention,
       addReference: labels.addReference,
@@ -26256,6 +26338,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       labels.fileMentionLoading,
       labels.fileMentionPalette,
       labels.fileMentionTabHint,
+      labels.fileDropHint,
       labels.handoffConversation,
       labels.handoffConversationTooltip,
       labels.handoffConversationMenu,
@@ -26592,6 +26675,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       viewModel.activeConversationId,
       viewModel.availableCommands,
       viewModel.availableSkills,
+      viewModel.activeConversationId,
       viewModel.compactSupported,
       viewModel.composerSettings,
       viewModel.currentUserId,
@@ -31722,6 +31806,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
       fileMentionEmpty: t("agentHost.agentGui.fileMentionEmpty"),
       fileMentionError: t("agentHost.agentGui.fileMentionError"),
       fileMentionTabHint: t("agentHost.agentGui.fileMentionTabHint"),
+      fileDropHint: t("agentHost.agentGui.fileDropHint"),
       mentionPalette: t("agentHost.agentGui.mentionPalette"),
       removeMention: t("common.remove"),
       addReference: t("agentHost.agentGui.addReference"),