@tutti-os/agent-gui 0.0.61 → 0.0.62

package/dist/context-mention-palette/index.js

@@ -4,19 +4,19 @@ import {
   AgentMentionSearchController,
   flattenAgentMentionPaletteEntries,
   groupStartKeys
-} from "../chunk-CUMZV32B.js";
-import "../chunk-I5ZIKJVN.js";
-import "../chunk-74TIEA6X.js";
+} from "../chunk-SGXYVGQT.js";
+import "../chunk-7P6CUYQT.js";
+import "../chunk-ZUVEBW5T.js";
 import "../chunk-IBIMGLCD.js";
-import "../chunk-2LGUBUEJ.js";
+import "../chunk-FQQDBBNI.js";
 import "../chunk-Y35GDLP2.js";
 import "../chunk-LUGELG5V.js";
 import "../chunk-FRCIPTUD.js";
 import "../chunk-TYGL25EL.js";
-import "../chunk-24CUBQKJ.js";
+import "../chunk-RO6KQD3J.js";
 import "../chunk-PJP5BUU6.js";
 import "../chunk-V4JGVBUN.js";
-import "../chunk-6VVBG4BF.js";
+import "../chunk-CA25GD5Q.js";
 import {
   AGENT_CONTEXT_MENTION_PROVIDER_IDS
 } from "../chunk-JM24HADP.js";

package/dist/i18n/index.d.ts

@@ -347,7 +347,7 @@ declare const agentGuiI18nResources: {
                 readonly providerGateLoginAction: "Connect";
                 readonly providerGateComingSoonTitle: "{{provider}} is coming soon";
                 readonly providerGateComingSoonDescription: "{{provider}} is not available yet. We will enable this agent when it is ready.";
-                readonly providerGateComingSoonAction: "Coming soon";
+                readonly providerGateComingSoonAction: "comming soon";
                 readonly providerGateUnavailableTitle: "{{provider}} is not ready yet";
                 readonly providerGateUnavailableDescription: "We could not confirm that {{provider}} is ready. Try checking again.";
                 readonly providerGateRetryAction: "Check again";
@@ -2491,6 +2491,7 @@ declare const agentGuiI18nResources: {
             readonly agentProviderSessionNotFound: "This session history is still available, but the underlying provider session can no longer be restored.";
             readonly agentResumeSessionNotLocal: "This session cannot be resumed on this device. Start a new session and @this session to keep going.";
             readonly agentSettingsRequireNewSession: "This model can only be used in a new session to preserve context.";
+            readonly agentPermissionModeAppliesNextTurn: "Permission mode will apply starting with your next message.";
             readonly agentThisSessionMentionLabel: "this session";
             readonly terminalLaunchFailed: "Terminal launch failed: {{message}}";
             readonly fallbackTerminalFailed: "Fallback terminal launch also failed: {{message}}";
@@ -2840,7 +2841,7 @@ declare const agentGuiI18nResources: {
                 readonly providerGateLoginAction: "连接";
                 readonly providerGateComingSoonTitle: "{{provider}} 即将上线";
                 readonly providerGateComingSoonDescription: "{{provider}} 暂未开放。准备好后即可在这里使用这个 Agent。";
-                readonly providerGateComingSoonAction: "即将上线";
+                readonly providerGateComingSoonAction: "comming soon";
                 readonly providerGateUnavailableTitle: "{{provider}} 暂时还不可用";
                 readonly providerGateUnavailableDescription: "我们还不能确认 {{provider}} 已准备好，可以再检测一次。";
                 readonly providerGateRetryAction: "重新检测";
@@ -4984,6 +4985,7 @@ declare const agentGuiI18nResources: {
             readonly agentProviderSessionNotFound: "这条会话历史仍可查看，但底层 Provider 会话已经无法恢复。";
             readonly agentResumeSessionNotLocal: "这个会话没法在当前设备里直接恢复，你可以在新会话里 @这段对话，接着继续聊。";
             readonly agentSettingsRequireNewSession: "为了保留上下文，这个模型只能在新会话中使用";
+            readonly agentPermissionModeAppliesNextTurn: "权限模式将从你的下一条消息开始生效。";
             readonly agentThisSessionMentionLabel: "本 session";
             readonly terminalLaunchFailed: "终端启动失败：{{message}}";
             readonly fallbackTerminalFailed: "兜底终端启动也失败了：{{message}}";

package/dist/i18n/index.js

@@ -6,8 +6,8 @@ import {
   translate,
   translateInUiLanguage,
   useTranslation
-} from "../chunk-24CUBQKJ.js";
-import "../chunk-6VVBG4BF.js";
+} from "../chunk-RO6KQD3J.js";
+import "../chunk-CA25GD5Q.js";
 export {
   AgentGuiI18nProvider,
   agentGuiI18nModule,

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import { AgentActivityNeedsAttentionItem, AgentActivitySnapshot, AgentActivityCa
 export { AgentActivityAdapter, AgentActivityController, AgentActivityMessage, AgentActivityNeedsAttentionItem, AgentActivitySnapshot, selectNeedsAttentionCount, selectNeedsAttentionItems } from '@tutti-os/agent-activity-core';
 import { m as WorkspaceAgentActivityListViewModel, g as AgentHostWorkspaceAgentSession, f as AgentHostWorkspaceAgentMessage, l as AgentHostWorkspaceAgentSnapshot, B as BuildWorkspaceAgentActivityListOptions, d as AgentHostRuntimeOpenclawGatewayWarmupResult, c as AgentHostManagedAgentsState } from './workspaceAgentActivityListViewModel-DJvAqZso.js';
 import * as react from 'react';
-import { ReactNode, PropsWithChildren, JSX } from 'react';
+import { ReactNode, PropsWithChildren, JSX, HTMLAttributes } from 'react';
 import { I18nRuntime } from '@tutti-os/ui-i18n-runtime';
 import { q as AgentProvider, f as AgentGUIProviderTargetRef, i as AgentHostAgentSessionComposerSettings, g as AgentHostActivateAgentSessionResult, o as AgentHostUpdateAgentSessionSettingsResult, m as AgentHostAgentSessionState, n as AgentHostUnactivateAgentSessionResult, A as AgentGUINodeData, a as AgentGUIProvider, e as AgentGUIProviderTarget, p as AgentPromptContentBlock, P as Point, b as AgentGUIProviderReadinessGate, N as NodeFrame } from './types-DSc2ta3s.js';
 export { c as AgentGUIProviderReadinessGateAction, d as AgentGUIProviderReadinessGateStatus } from './types-DSc2ta3s.js';
@@ -13,13 +13,13 @@ import { WorkspaceFileReference, ReferenceLocateTarget, WorkspaceFileReferenceAd
 import { ReferenceSourceAggregator } from '@tutti-os/workspace-file-reference/core';
 import { U as UiLanguage, a as UiTheme } from './uiSettings-BQS9r2eo.js';
 import { W as WorkspaceLinkAction } from './workspaceLinkActions-Bjy_XfBm.js';
-import { A as AgentContextMentionItem } from './AgentMentionSearchController-Po0KQLcL.js';
-export { p as preloadAgentMentionBrowse } from './AgentMentionSearchController-Po0KQLcL.js';
 import { b as AgentConversationPromptVM } from './agentConversationVM-DPAgUJlR.js';
 import { WorkspaceUserProjectI18nRuntime } from '@tutti-os/workspace-user-project/i18n';
 import { WorkspaceUserProjectSelectChangeAction } from '@tutti-os/workspace-user-project/ui';
 import { WorkspaceUserProject } from '@tutti-os/workspace-user-project/contracts';
 import { A as AgentMessageMarkdownWorkspaceAppIcon } from './AgentMessageMarkdown-DeYPURtF.js';
+import { A as AgentContextMentionItem } from './AgentMentionSearchController-Po0KQLcL.js';
+export { p as preloadAgentMentionBrowse } from './AgentMentionSearchController-Po0KQLcL.js';
 import { AgentContextMentionProvider } from './context-mention-provider.js';
 export { AGENT_CONTEXT_MENTION_PROVIDER_IDS, AgentContextMentionProviderId } from './context-mention-provider.js';
 import { AgentQueuedPromptRuntime, AgentQueuedPromptQueueSnapshot } from './queued-prompt-runtime.js';
@@ -483,6 +483,18 @@ interface AgentProjectPathChangeMetadata {
 
 type AgentDroppedFileReferenceResolver = (files: readonly File[]) => Promise<readonly WorkspaceFileReference[]> | readonly WorkspaceFileReference[];
 
+type DotLottieElementProps = HTMLAttributes<HTMLElement> & {
+    autoplay?: boolean;
+    loop?: boolean;
+    src?: string;
+};
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "dotlottie-wc": DotLottieElementProps;
+        }
+    }
+}
 /**
  * 引用 picker 的确认结果:松散文件按 file mention 插入;mentionItems(如文件夹 bundle)
  * 作为整体节点插入。两者各走各的插入路径,composer 不需要理解 bundle 内部结构。

package/dist/index.js

@@ -20,11 +20,11 @@ import {
   localAgentGUIProviderTargetId,
   normalizeAgentGUIProviderTargets,
   resolveAgentGUIProviderTarget
-} from "./chunk-SXML6H77.js";
+} from "./chunk-4UTWOSHP.js";
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-CZSMZRAV.js";
+} from "./chunk-QC642RAG.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -43,7 +43,7 @@ import {
   resolveAgentGUIExplicitConversationTitle,
   resolveAgentGUIProviderDisplayLabel,
   resolveAgentGUIProviderIdentity
-} from "./chunk-4OPTXOOZ.js";
+} from "./chunk-CVSCZ3CK.js";
 import {
   AgentConversationFlow,
   Button,
@@ -64,14 +64,14 @@ import {
   skillTriggerForPrefix,
   toLocalShortDateTime,
   useProjectedAgentConversation
-} from "./chunk-JLJIAKI3.js";
+} from "./chunk-6MUKWI6Z.js";
 import {
   AgentMessageMarkdown,
   AgentTargetPresentationProvider,
   ZoomableImage,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-B6YDXIZW.js";
+} from "./chunk-SW6JCJCO.js";
 import {
   openAgentEnvPanel
 } from "./chunk-PSLAWU25.js";
@@ -82,7 +82,7 @@ import {
   DEFAULT_AGENT_MENTION_FILTER,
   agentMentionItemKey,
   preloadAgentMentionBrowse
-} from "./chunk-CUMZV32B.js";
+} from "./chunk-SGXYVGQT.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   buildWorkspaceAgentActivityListViewModel,
@@ -92,10 +92,10 @@ import {
   isWorkspaceAgentUntitledTask,
   mergeWorkspaceAgentActivityDurableAndOverlayMessages,
   selectWorkspaceAgentActivityOverlayMessages
-} from "./chunk-I5ZIKJVN.js";
+} from "./chunk-7P6CUYQT.js";
 import {
   Spinner
-} from "./chunk-74TIEA6X.js";
+} from "./chunk-ZUVEBW5T.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
 } from "./chunk-IBIMGLCD.js";
@@ -106,7 +106,7 @@ import {
   mentionItemToAttrs,
   normalizeAgentSessionMentionTitle,
   parseMentionItemFromHref
-} from "./chunk-2LGUBUEJ.js";
+} from "./chunk-FQQDBBNI.js";
 import "./chunk-Y35GDLP2.js";
 import "./chunk-LUGELG5V.js";
 import {
@@ -137,10 +137,10 @@ import {
   agentGuiI18nResources,
   translate,
   useTranslation
-} from "./chunk-24CUBQKJ.js";
+} from "./chunk-RO6KQD3J.js";
 import "./chunk-PJP5BUU6.js";
 import "./chunk-V4JGVBUN.js";
-import "./chunk-6VVBG4BF.js";
+import "./chunk-CA25GD5Q.js";
 import {
   AGENT_CONTEXT_MENTION_PROVIDER_IDS
 } from "./chunk-JM24HADP.js";
@@ -13147,6 +13147,14 @@ function useAgentGUINodeController({
       }
       if (nextPermission !== void 0 && nextPermission && nextPermission !== currentPermission && activeSessionState2 !== null) {
         sessionSettingsPatch.permissionModeId = normalizePermissionModeId(nextPermission);
+        const turnPhase = activeSessionState2.turnLifecycle?.phase;
+        const isTurnInFlight = turnPhase === "running" || turnPhase === "submitted";
+        if (dataRef.current.provider === "codex" && isTurnInFlight) {
+          onShowMessageRef.current?.(
+            translate("messages.agentPermissionModeAppliesNextTurn"),
+            "info"
+          );
+        }
       }
       if (Object.keys(sessionSettingsPatch).length > 0 && activeSessionState2 !== null) {
         updateAgentSessionViewControlState(
@@ -14535,11 +14543,68 @@ function useAgentGUINodeController({
     draftSpeed
   ]);
   const stableComposerSettings = useStableComposerSettingsVM(composerSettings);
+  const resolveDefaultHomeComposerTarget = useCallback4(() => {
+    const defaultTargetId = defaultProviderTargetId?.trim() ?? "";
+    const explicitDefaultTarget = defaultTargetId ? normalizedProviderTargets.find(
+      (target) => target.targetId === defaultTargetId || target.agentTargetId === defaultTargetId
+    ) ?? null : null;
+    return explicitDefaultTarget ?? normalizedProviderTargets.find((target) => target.disabled !== true) ?? normalizedProviderTargets[0] ?? null;
+  }, [defaultProviderTargetId, normalizedProviderTargets]);
+  const resetHomeComposerAgentTargetToDefault = useCallback4(() => {
+    if (previewMode) {
+      return;
+    }
+    const nextTarget = resolveDefaultHomeComposerTarget();
+    if (!nextTarget) {
+      return;
+    }
+    const nextTargetIsExplicit = normalizedExplicitProviderTargets.some(
+      (target) => target.provider === nextTarget.provider && target.targetId === nextTarget.targetId && agentGUIProviderTargetRefsEqual(target.ref, nextTarget.ref)
+    );
+    const nextTargetData = composerTargetDataFromProviderTarget({
+      current: dataRef.current,
+      isExplicit: nextTargetIsExplicit,
+      target: nextTarget
+    });
+    setHomeComposerTargetOverride(nextTarget);
+    setIntent({ tag: "home" });
+    isComposerHomeRef.current = true;
+    setIsComposerHome(true);
+    onDataChangeRef.current((current) => {
+      const currentNextTargetData = composerTargetDataFromProviderTarget({
+        current,
+        isExplicit: nextTargetIsExplicit,
+        target: nextTarget
+      });
+      const nextData = {
+        ...currentNextTargetData.data,
+        lastActiveAgentSessionId: null
+      };
+      dataRef.current = nextData;
+      return nextData;
+    });
+    dataRef.current = {
+      ...nextTargetData.data,
+      lastActiveAgentSessionId: null
+    };
+    if (nextTarget.disabled !== true) {
+      loadComposerOptionsForTarget(nextTargetData, { force: true });
+    }
+  }, [
+    loadComposerOptionsForTarget,
+    normalizedExplicitProviderTargets,
+    previewMode,
+    resolveDefaultHomeComposerTarget
+  ]);
   const updateConversationFilter = useCallback4(
     (filter) => {
-      setConversationFilter(normalizeAgentGUIConversationFilter(filter));
+      const nextFilter = normalizeAgentGUIConversationFilter(filter);
+      setConversationFilter(nextFilter);
+      if (nextFilter.kind === "all" && activeConversationIdRef.current === null) {
+        resetHomeComposerAgentTargetToDefault();
+      }
     },
-    []
+    [resetHomeComposerAgentTargetToDefault]
   );
   const selectHomeComposerAgentTarget = useCallback4(
     (input) => {
@@ -14565,7 +14630,14 @@ function useAgentGUINodeController({
         isExplicit: nextTargetIsExplicit,
         target: nextTarget
       });
+      const shouldSyncScopedRailFilter = conversationFilterRef.current.kind === "agentTarget";
       setHomeComposerTargetOverride(nextTarget);
+      if (shouldSyncScopedRailFilter) {
+        const nextAgentTargetId = nextTarget.agentTargetId?.trim() ?? "";
+        setConversationFilter(
+          nextAgentTargetId ? { kind: "agentTarget", agentTargetId: nextAgentTargetId } : { kind: "all" }
+        );
+      }
       const previous = activeConversationIdRef.current;
       if (previous) {
         void activation.unactivate(previous);
@@ -14624,12 +14696,12 @@ function useAgentGUINodeController({
         providerTargets: normalizedProviderTargets,
         useStaticCatalog: shouldUseStaticProviderTargets
       });
-      if (!nextTarget || nextTarget.disabled === true) {
+      if (!nextTarget) {
         reportAgentGUIConversationFilterTargetUnresolved({
           provider: input.provider,
           providerTargetId: input.providerTargetId ?? null,
           providerTargetCount: normalizedProviderTargets.length,
-          reason: nextTarget ? "disabled" : "unresolved",
+          reason: "unresolved",
           runtime: agentActivityRuntime,
           workspaceId
         });
@@ -14651,6 +14723,34 @@ function useAgentGUINodeController({
       workspaceId
     ]
   );
+  useEffect4(() => {
+    if (previewMode || providerTargetsLoading || activeConversationId === null || conversationFilter.kind !== "agentTarget" || isLoadingConversations || conversationListState?.initialized !== true) {
+      return;
+    }
+    if (filterAgentGUIConversationSummaries(conversations, conversationFilter).length > 0) {
+      return;
+    }
+    const target = normalizedProviderTargets.find(
+      (candidate) => (candidate.agentTargetId?.trim() ?? "") === conversationFilter.agentTargetId
+    );
+    if (!target) {
+      return;
+    }
+    selectHomeComposerAgentTarget({
+      provider: target.provider,
+      providerTargetId: target.targetId
+    });
+  }, [
+    activeConversationId,
+    conversationFilter,
+    conversationListState?.initialized,
+    conversations,
+    isLoadingConversations,
+    normalizedProviderTargets,
+    previewMode,
+    providerTargetsLoading,
+    selectHomeComposerAgentTarget
+  ]);
   const stableCreateConversation = useStableControllerEventCallback(createConversation);
   const stableSelectHomeComposerAgentTarget = useStableControllerEventCallback(
     selectHomeComposerAgentTarget
@@ -16956,6 +17056,7 @@ var styles3 = {
   composerHero: "agent-gui-node__composer-hero",
   composerFloatingPrompt: "agent-gui-node__composer-floating-prompt",
   composerHandoffIcon: "agent-gui-node__composer-handoff-icon",
+  composerHandoffAnimatedIcon: "agent-gui-node__composer-handoff-icon-animated",
   composerHandoffMenuContent: "agent-gui-node__composer-handoff-menu-content",
   composerHandoffStaticIcon: "agent-gui-node__composer-handoff-icon-static",
   composerHandoffTrigger: "agent-gui-node__composer-handoff-trigger",
@@ -17413,6 +17514,13 @@ import {
 function permissionModeSelectionPatch(permissionModeId, options) {
   return options.clearsPlanMode ? { permissionModeId, planMode: false } : { permissionModeId };
 }
+function resolvePermissionModeControlsDisabled(options) {
+  const liveDuringTurn = options.provider === "claude-code" || options.provider === "codex";
+  if (liveDuringTurn) {
+    return options.isSubmittingPrompt;
+  }
+  return options.isSendingTurn || options.isSubmittingPrompt || options.showStopButton;
+}
 
 // agent-gui/agentGuiNode/model/composerSettingsMenuModel.ts
 function buildComposerModelMenuModel(composerSettings, labels) {
@@ -20407,6 +20515,8 @@ var handoff_lined_default = "./handoff-lined-4WQUBVG3.svg";
 // agent-gui/agentGuiNode/AgentComposer.tsx
 import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 var USAGE_POPOVER_HOVER_DELAY_MS = 120;
+var HANDOFF_LOTTIE_PLAYER_SCRIPT_SRC = "https://unpkg.com/@lottiefiles/dotlottie-wc@0.9.14/dist/dotlottie-wc.js";
+var HANDOFF_LOTTIE_ANIMATION_SRC = "https://lottie.host/03d75946-52e5-4ccf-97df-174919a13ced/Av6piqVmPa.lottie";
 var DOCK_COMPOSER_INPUT_MIN_HEIGHT = 56;
 var DOCK_COMPOSER_TEXT_LINE_HEIGHT = 24;
 var DOCK_COMPOSER_MAX_VISIBLE_TEXT_LINES = 3.5;
@@ -20699,23 +20809,93 @@ function AgentComposerMaskIcon({
   );
 }
 var HANDOFF_SELECT_IDLE_VALUE = "__agent-handoff-idle__";
-function AgentComposerHandoffIcon() {
-  return /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", className: AgentGUINode_styles_default.composerHandoffIcon, children: /* @__PURE__ */ jsx28(
+var handoffLottiePlayerLoadPromise = null;
+function loadHandoffLottiePlayer() {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return Promise.resolve(false);
+  }
+  if (window.customElements?.get("dotlottie-wc")) {
+    return Promise.resolve(true);
+  }
+  if (handoffLottiePlayerLoadPromise) {
+    return handoffLottiePlayerLoadPromise;
+  }
+  handoffLottiePlayerLoadPromise = new Promise((resolve) => {
+    const existingScript = document.querySelector(
+      'script[data-agent-gui-handoff-lottie="true"]'
+    );
+    const script = existingScript ?? document.createElement("script");
+    const handleLoad = () => {
+      resolve(Boolean(window.customElements?.get("dotlottie-wc")));
+    };
+    const handleError = () => {
+      resolve(false);
+    };
+    script.addEventListener("load", handleLoad, { once: true });
+    script.addEventListener("error", handleError, { once: true });
+    if (!existingScript) {
+      script.dataset.agentGuiHandoffLottie = "true";
+      script.src = HANDOFF_LOTTIE_PLAYER_SCRIPT_SRC;
+      script.type = "module";
+      document.head.append(script);
+    }
+  });
+  return handoffLottiePlayerLoadPromise;
+}
+function AgentComposerHandoffIcon({
+  disabled,
+  isPlaying
+}) {
+  const [isLottieReady, setIsLottieReady] = useState11(false);
+  useEffect12(() => {
+    let isMounted = true;
+    void loadHandoffLottiePlayer().then((isReady) => {
+      if (isMounted) {
+        setIsLottieReady(isReady);
+      }
+    });
+    return () => {
+      isMounted = false;
+    };
+  }, []);
+  const shouldShowAnimation = !disabled && isPlaying && isLottieReady;
+  return /* @__PURE__ */ jsxs15(
     "span",
     {
-      className: AgentGUINode_styles_default.composerHandoffStaticIcon,
-      style: {
-        WebkitMaskImage: `url("${handoff_lined_default}")`,
-        WebkitMaskPosition: "center",
-        WebkitMaskRepeat: "no-repeat",
-        WebkitMaskSize: "contain",
-        maskImage: `url("${handoff_lined_default}")`,
-        maskPosition: "center",
-        maskRepeat: "no-repeat",
-        maskSize: "contain"
-      }
+      "aria-hidden": "true",
+      className: AgentGUINode_styles_default.composerHandoffIcon,
+      "data-disabled": disabled ? "true" : void 0,
+      "data-playing": shouldShowAnimation ? "true" : void 0,
+      children: [
+        /* @__PURE__ */ jsx28(
+          "span",
+          {
+            className: AgentGUINode_styles_default.composerHandoffStaticIcon,
+            style: {
+              WebkitMaskImage: `url("${handoff_lined_default}")`,
+              WebkitMaskPosition: "center",
+              WebkitMaskRepeat: "no-repeat",
+              WebkitMaskSize: "contain",
+              maskImage: `url("${handoff_lined_default}")`,
+              maskPosition: "center",
+              maskRepeat: "no-repeat",
+              maskSize: "contain"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx28(
+          "dotlottie-wc",
+          {
+            autoplay: true,
+            className: AgentGUINode_styles_default.composerHandoffAnimatedIcon,
+            "data-active": shouldShowAnimation ? "true" : void 0,
+            loop: true,
+            src: HANDOFF_LOTTIE_ANIMATION_SRC
+          }
+        )
+      ]
     }
-  ) });
+  );
 }
 function AgentComposer({
   workspaceId,
@@ -20802,6 +20982,7 @@ function AgentComposer({
   );
   const [isPaletteOpen, setIsPaletteOpen] = useState11(true);
   const [isReviewPickerOpen, setIsReviewPickerOpen] = useState11(false);
+  const [isHandoffIconPlaying, setIsHandoffIconPlaying] = useState11(false);
   const [highlightedIndex, setHighlightedIndex] = useState11(0);
   const [mentionHighlightedKey, setMentionHighlightedKey] = useState11(null);
   const [shouldCenterMentionHighlight, setShouldCenterMentionHighlight] = useState11(false);
@@ -21096,6 +21277,12 @@ function AgentComposer({
     setIsSlashStatusPanelOpen(false);
   }, []);
   const settingsControlsDisabled = isSendingTurn || isSubmittingPrompt || showStopButton;
+  const permissionModeControlsDisabled = resolvePermissionModeControlsDisabled({
+    provider,
+    isSendingTurn,
+    isSubmittingPrompt,
+    showStopButton
+  });
   const composerControlsHardDisabled = isSelectedProjectMissing || isSubmittingPrompt || disabled && !isSendingTurn && !showStopButton;
   const closeReviewPicker = useCallback9(() => {
     setIsReviewPickerOpen(false);
@@ -22005,13 +22192,17 @@ function AgentComposer({
     () => providerTargets.filter(Boolean),
     [providerTargets]
   );
+  const enabledProviderSwitchTargets = useMemo9(
+    () => providerSwitchTargets.filter((target) => target.disabled !== true),
+    [providerSwitchTargets]
+  );
   const selectedProviderTargetId = selectedProviderTarget?.targetId ?? `local:${provider}`;
   const selectedProviderSwitchTarget = providerSwitchTargets.find(
     (target) => target.targetId === selectedProviderTargetId
   ) ?? providerSwitchTargets.find((target) => target.provider === provider) ?? selectedProviderTarget;
-  const providerMenuTargets = selectedProviderSwitchTarget && !providerSwitchTargets.some(
+  const providerMenuTargets = selectedProviderSwitchTarget && !enabledProviderSwitchTargets.some(
     (target) => target.targetId === selectedProviderSwitchTarget.targetId
-  ) ? [selectedProviderSwitchTarget, ...providerSwitchTargets] : providerSwitchTargets;
+  ) ? [selectedProviderSwitchTarget, ...enabledProviderSwitchTargets] : enabledProviderSwitchTargets;
   const handoffMenuTargets = selectedProviderSwitchTarget ? providerMenuTargets.filter((target) => {
     if (target.disabled === true) {
       return false;
@@ -22978,6 +23169,18 @@ function AgentComposer({
                                   size: "sm",
                                   "aria-label": effectiveHandoffLabel,
                                   title: effectiveHandoffLabel,
+                                  onBlur: () => {
+                                    setIsHandoffIconPlaying(false);
+                                  },
+                                  onFocus: () => {
+                                    setIsHandoffIconPlaying(true);
+                                  },
+                                  onMouseEnter: () => {
+                                    setIsHandoffIconPlaying(true);
+                                  },
+                                  onMouseLeave: () => {
+                                    setIsHandoffIconPlaying(false);
+                                  },
                                   className: cn(
                                     AgentGUINode_styles_default.composerMenuTrigger,
                                     AgentGUINode_styles_default.composerProviderSelect,
@@ -22985,7 +23188,13 @@ function AgentComposer({
                                     "w-auto max-w-[180px] [&>svg:last-child]:hidden"
                                   ),
                                   children: /* @__PURE__ */ jsxs15("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-                                    /* @__PURE__ */ jsx28(AgentComposerHandoffIcon, {}),
+                                    /* @__PURE__ */ jsx28(
+                                      AgentComposerHandoffIcon,
+                                      {
+                                        disabled: handoffDisabled,
+                                        isPlaying: isHandoffIconPlaying
+                                      }
+                                    ),
                                     /* @__PURE__ */ jsx28("span", { className: "min-w-0 truncate", children: effectiveHandoffLabel })
                                   ] })
                                 }
@@ -23210,7 +23419,7 @@ function AgentComposer({
                           AgentPermissionModeDropdown,
                           {
                             composerSettings,
-                            disabled: settingsControlsDisabled,
+                            disabled: permissionModeControlsDisabled,
                             previewMode,
                             labels: {
                               permissionLabel: labels.permissionLabel,
@@ -24560,7 +24769,7 @@ function AgentGUINodeView({
           showProviderRail ? /* @__PURE__ */ jsx31(
             "aside",
             {
-              className: AgentGUINode_styles_default.providerRailPanel,
+              className: `${AgentGUINode_styles_default.providerRailPanel} nodrag tsh-desktop-no-drag`,
               "aria-label": labels.providerSwitchLabel,
               "aria-hidden": conversationRailCollapsed ? "true" : void 0,
               inert: conversationRailCollapsed ? true : void 0,
@@ -26250,7 +26459,10 @@ function EmptyHeroTitle({
   }
   const providerEnd = providerStart + providerLabel.length;
   const selectedProviderTargetId = selectedProviderTarget?.targetId ?? `local:${selectedProviderTarget?.provider ?? ""}`;
-  const canSwitchProvider = providerTargets.length > 1 && selectedProviderTarget && onProviderSelect;
+  const enabledProviderTargets = providerTargets.filter(
+    (target) => target.disabled !== true
+  );
+  const canSwitchProvider = enabledProviderTargets.length > 1 && selectedProviderTarget && onProviderSelect;
   const providerName = label.slice(providerStart, providerEnd);
   return /* @__PURE__ */ jsxs17(Fragment8, { children: [
     label.slice(0, providerStart),
@@ -26259,10 +26471,10 @@ function EmptyHeroTitle({
       {
         value: selectedProviderTargetId,
         onValueChange: (nextTargetId) => {
-          const target = providerTargets.find(
+          const target = enabledProviderTargets.find(
             (candidate) => candidate.targetId === nextTargetId
           );
-          if (!target || target.disabled === true) {
+          if (!target) {
             return;
           }
           onProviderSelect({
@@ -26286,42 +26498,25 @@ function EmptyHeroTitle({
             {
               align: "center",
               className: cn3(AgentGUINode_styles_default.composerMenuContent, "min-w-[190px]"),
-              children: providerTargets.map((target) => /* @__PURE__ */ jsx31(
+              children: enabledProviderTargets.map((target) => /* @__PURE__ */ jsx31(
                 SelectItem3,
                 {
                   value: target.targetId,
-                  className: cn3(
-                    AgentGUINode_styles_default.composerMenuItem,
-                    "gap-2 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-30 data-[disabled]:text-[var(--text-disabled,var(--text-tertiary))]",
-                    target.disabled === true ? "cursor-not-allowed opacity-30" : null
-                  ),
-                  disabled: target.disabled === true,
+                  className: cn3(AgentGUINode_styles_default.composerMenuItem, "gap-2"),
                   children: /* @__PURE__ */ jsxs17("span", { className: "flex min-w-0 items-center gap-1.5", children: [
                     /* @__PURE__ */ jsx31(
                       "img",
                       {
                         alt: "",
                         "aria-hidden": "true",
-                        className: cn3(
-                          "size-4 shrink-0 rounded-[4px]",
-                          target.disabled === true ? "grayscale opacity-30" : null
-                        ),
+                        className: "size-4 shrink-0 rounded-[4px]",
                         src: agentGUIProviderIconPresentation(
                           target.provider,
                           target.iconUrl
                         ).iconUrl
                       }
                     ),
-                    /* @__PURE__ */ jsx31(
-                      "span",
-                      {
-                        className: cn3(
-                          "min-w-0 truncate",
-                          target.disabled === true ? "text-[var(--text-disabled,var(--text-tertiary))]" : null
-                        ),
-                        children: target.label
-                      }
-                    )
+                    /* @__PURE__ */ jsx31("span", { className: "min-w-0 truncate", children: target.label })
                   ] })
                 },
                 `${target.provider}:${target.targetId}`
@@ -26923,7 +27118,7 @@ var AgentGUIProviderRail = memo(function AgentGUIProviderRail2({
               "data-disabled": target.disabled === true ? "true" : void 0,
               "data-provider-tile": "true",
               "data-selected": providerSelected ? "true" : "false",
-              disabled: previewMode || target.disabled === true,
+              disabled: previewMode,
               onClick: () => selectAgentTargetTile(target),
               children: /* @__PURE__ */ jsx31("span", { className: AgentGUINode_styles_default.providerRailAvatar, children: /* @__PURE__ */ jsx31(
                 AgentGUIProviderIconVisual,