@tutti-os/agent-gui 0.0.58 → 0.0.60

package/dist/index.js

@@ -9,20 +9,21 @@ import {
   resolveAgentGUIExpandedWindowFrame,
   resolveNextAgentGUIConversationRailWidthPx,
   shouldAutoCollapseAgentGUIConversationRail
-} from "./chunk-Q75AK47T.js";
+} from "./chunk-5WB3NGIN.js";
 import {
   agentGUIDefaultTargetProviders,
   agentGUIProviderTargetRefsEqual,
+  createDisabledPlaceholderAgentGUIProviderTarget,
   createLocalAgentGUIProviderTarget,
   createLocalAgentGUIProviderTargets,
   localAgentGUIProviderTargetId,
   normalizeAgentGUIProviderTargets,
   resolveAgentGUIProviderTarget
-} from "./chunk-7GM7UQXD.js";
+} from "./chunk-BB2SVMEV.js";
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-OFMORNBO.js";
+} from "./chunk-CZSMZRAV.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -41,7 +42,7 @@ import {
   resolveAgentGUIExplicitConversationTitle,
   resolveAgentGUIProviderDisplayLabel,
   resolveAgentGUIProviderIdentity
-} from "./chunk-UCCUIUGK.js";
+} from "./chunk-4OPTXOOZ.js";
 import {
   AgentConversationFlow,
   Button,
@@ -62,14 +63,14 @@ import {
   skillTriggerForPrefix,
   toLocalShortDateTime,
   useProjectedAgentConversation
-} from "./chunk-BEFNWUOZ.js";
+} from "./chunk-YZ3POK7G.js";
 import {
   AgentMessageMarkdown,
   AgentTargetPresentationProvider,
   ZoomableImage,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-SLT5Q37C.js";
+} from "./chunk-B6YDXIZW.js";
 import {
   openAgentEnvPanel
 } from "./chunk-PSLAWU25.js";
@@ -80,7 +81,7 @@ import {
   DEFAULT_AGENT_MENTION_FILTER,
   agentMentionItemKey,
   preloadAgentMentionBrowse
-} from "./chunk-BT5WEZO5.js";
+} from "./chunk-CUMZV32B.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   buildWorkspaceAgentActivityListViewModel,
@@ -90,10 +91,10 @@ import {
   isWorkspaceAgentUntitledTask,
   mergeWorkspaceAgentActivityDurableAndOverlayMessages,
   selectWorkspaceAgentActivityOverlayMessages
-} from "./chunk-CEMXB7LA.js";
+} from "./chunk-I5ZIKJVN.js";
 import {
   Spinner
-} from "./chunk-OLI2A3EM.js";
+} from "./chunk-74TIEA6X.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
 } from "./chunk-IBIMGLCD.js";
@@ -104,7 +105,7 @@ import {
   mentionItemToAttrs,
   normalizeAgentSessionMentionTitle,
   parseMentionItemFromHref
-} from "./chunk-NX6T3DDS.js";
+} from "./chunk-2LGUBUEJ.js";
 import "./chunk-Y35GDLP2.js";
 import "./chunk-LUGELG5V.js";
 import {
@@ -112,6 +113,7 @@ import {
   AgentActivityRuntimeProvider,
   MANAGED_AGENT_ICON_FALLBACK_URL,
   MANAGED_AGENT_ICON_URLS,
+  MANAGED_AGENT_PROVIDER_RAIL_ICON_URLS,
   getAgentActivityRuntime,
   getAgentCustomMentionKind,
   getOptionalAgentActivityRuntime,
@@ -126,7 +128,7 @@ import {
   useAgentHostApi,
   useOptionalAgentActivityRuntime,
   useOptionalAgentHostApi
-} from "./chunk-HVU46DDA.js";
+} from "./chunk-FRCIPTUD.js";
 import "./chunk-TYGL25EL.js";
 import {
   AgentGuiI18nProvider,
@@ -134,10 +136,10 @@ import {
   agentGuiI18nResources,
   translate,
   useTranslation
-} from "./chunk-5SRRKWE4.js";
+} from "./chunk-24CUBQKJ.js";
 import "./chunk-PJP5BUU6.js";
-import "./chunk-MTFSQWZ6.js";
-import "./chunk-IS6JUDDY.js";
+import "./chunk-V4JGVBUN.js";
+import "./chunk-6VVBG4BF.js";
 import {
   AGENT_CONTEXT_MENTION_PROVIDER_IDS
 } from "./chunk-JM24HADP.js";
@@ -310,7 +312,7 @@ import { memo as memo3 } from "react";
 import { TooltipProvider as TooltipProvider3 } from "@tutti-os/ui-system";
 
 // agent-gui/agentGuiNode/AgentGUINode.tsx
-import { memo as memo2, useCallback as useCallback12, useEffect as useEffect14, useMemo as useMemo11 } from "react";
+import { memo as memo2, useCallback as useCallback12, useEffect as useEffect15, useMemo as useMemo11 } from "react";
 import { createWorkspaceUserProjectI18nRuntime } from "@tutti-os/workspace-user-project/i18n";
 import { createWorkspaceFileManagerI18nRuntime } from "@tutti-os/workspace-file-manager";
 
@@ -4903,6 +4905,13 @@ function conversationFilterKey(filter, provider) {
   }
   return `agent-target:${normalized.agentTargetId}`;
 }
+function conversationRetainableForQueryFilter(conversation, filter) {
+  if (!conversation || !filter || filter.kind !== "agentTarget") {
+    return true;
+  }
+  const agentTargetId = conversation.agentTargetId?.trim() ?? "";
+  return agentTargetId.length === 0 || agentTargetId === filter.agentTargetId;
+}
 function createAgentGUIConversationListQueryKey(input) {
   const normalized = normalizeQuery(input);
   if (!normalized) {
@@ -5703,24 +5712,53 @@ async function refreshAgentGUIConversationListQuery(query, reason, options = {})
       ...dirtySessionIds,
       ...baseConversations.map((conversation) => conversation.id)
     ]) : null;
-    const retainedSessionIds = new Set(retainedSnapshotSessionIds);
+    const currentConversationsById = new Map(
+      currentConversations.map((conversation) => [
+        conversation.id,
+        conversation
+      ])
+    );
+    const snapshotSessionAgentTargetIdById = new Map(
+      workspaceAgentSnapshot.sessions.flatMap((session) => {
+        const agentSessionId = session.agentSessionId.trim();
+        const agentTargetId = session.agentTargetId?.trim() ?? "";
+        return agentSessionId && agentTargetId ? [[agentSessionId, agentTargetId]] : [];
+      })
+    );
+    const retainableForQueryFilter = (agentSessionId) => {
+      const filter = state.query.conversationFilter;
+      if (!filter || filter.kind !== "agentTarget") {
+        return true;
+      }
+      const snapshotAgentTargetId = snapshotSessionAgentTargetIdById.get(agentSessionId);
+      if (snapshotAgentTargetId) {
+        return snapshotAgentTargetId === filter.agentTargetId;
+      }
+      return conversationRetainableForQueryFilter(
+        currentConversationsById.get(agentSessionId),
+        filter
+      );
+    };
+    const retainedSessionIds = new Set(
+      [...retainedSnapshotSessionIds].filter(retainableForQueryFilter)
+    );
     if (reason === "workspace-agent-update") {
       for (const conversation of currentConversations) {
-        if (!nextDeletedConversationIds.has(conversation.id)) {
+        if (!nextDeletedConversationIds.has(conversation.id) && retainableForQueryFilter(conversation.id)) {
           retainedSessionIds.add(conversation.id);
         }
       }
     }
     if (retainedSnapshotSessionIds.size > 0) {
       for (const agentSessionId of localCreatedConversationIds) {
-        if (!nextDeletedConversationIds.has(agentSessionId)) {
+        if (!nextDeletedConversationIds.has(agentSessionId) && retainableForQueryFilter(agentSessionId)) {
           retainedSessionIds.add(agentSessionId);
         }
       }
     }
     if (canApplyDirtySessionProjection) {
       for (const conversation of currentConversations) {
-        if (!nextDeletedConversationIds.has(conversation.id)) {
+        if (!nextDeletedConversationIds.has(conversation.id) && retainableForQueryFilter(conversation.id)) {
           retainedSessionIds.add(conversation.id);
         }
       }
@@ -6617,6 +6655,28 @@ function nodeDataFromComposerSettings(current, settings) {
   };
 }
 
+// agent-gui/agentGuiNode/controller/agentGuiController.sessionHelpers.ts
+function mergeAgentSessionControlStateSnapshot(current, snapshot3) {
+  const incomingUsage = recordValue2(snapshot3.runtimeContext?.usage);
+  if (incomingUsage || !current) {
+    return snapshot3;
+  }
+  const previousUsage = recordValue2(current.runtimeContext?.usage);
+  if (!previousUsage) {
+    return snapshot3;
+  }
+  return {
+    ...snapshot3,
+    runtimeContext: {
+      ...snapshot3.runtimeContext ?? {},
+      usage: previousUsage
+    }
+  };
+}
+function recordValue2(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+
 // agent-gui/agentGuiNode/controller/useAgentGUINodeController.ts
 var EMPTY_AGENT_GUI_MESSAGES = [];
 var EMPTY_AGENT_GUI_AVAILABLE_COMMANDS = [];
@@ -6789,6 +6849,30 @@ function reportAgentGUIRuntimeError(input) {
   } catch {
   }
 }
+function reportAgentGUIConversationFilterTargetUnresolved(input) {
+  const reportDiagnostic = input.runtime.reportDiagnostic;
+  if (!reportDiagnostic) {
+    return;
+  }
+  try {
+    void Promise.resolve(
+      reportDiagnostic.call(input.runtime, {
+        details: {
+          provider: input.provider,
+          providerTargetCount: input.providerTargetCount,
+          providerTargetId: input.providerTargetId,
+          reason: input.reason
+        },
+        event: "agent.gui.conversation_filter.target_unresolved",
+        level: "warn",
+        source: "agent-gui",
+        workspaceId: input.workspaceId
+      })
+    ).catch(() => {
+    });
+  } catch {
+  }
+}
 function reportAgentGUIMessagePageDiagnostic(input) {
   const reportDiagnostic = input.runtime.reportDiagnostic;
   if (!reportDiagnostic) {
@@ -7789,7 +7873,7 @@ function hasRejectedApprovalDecision(timelineItems) {
     if (status !== "completed") {
       return false;
     }
-    const output = recordValue2(payload.output);
+    const output = recordValue3(payload.output);
     return isRejectedApprovalDecision(output);
   });
 }
@@ -7922,7 +8006,7 @@ function normalizeAgentGUIOpenSessionRequest(request) {
     sequence: request.sequence
   };
 }
-function recordValue2(value) {
+function recordValue3(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
 }
 function numberValue(value) {
@@ -7936,7 +8020,7 @@ function numberValue(value) {
   return null;
 }
 function activeBackgroundAgentCount(runtimeContext) {
-  const backgroundAgents = recordValue2(runtimeContext?.backgroundAgents);
+  const backgroundAgents = recordValue3(runtimeContext?.backgroundAgents);
   if (!backgroundAgents) {
     return 0;
   }
@@ -7946,7 +8030,7 @@ function activeBackgroundAgentCount(runtimeContext) {
     return count === null ? 0 : Math.max(0, Math.floor(count));
   }
   return items.filter((item) => {
-    const record = recordValue2(item);
+    const record = recordValue3(item);
     if (!record) {
       return false;
     }
@@ -7961,7 +8045,7 @@ function activeBackgroundAgentCount(runtimeContext) {
   }).length;
 }
 function appServerStartupMetadata(runtimeContext) {
-  return recordValue2(runtimeContext?.appServerStartup);
+  return recordValue3(runtimeContext?.appServerStartup);
 }
 function isAppServerStartupLoading(runtimeContext, key) {
   return appServerStartupMetadata(runtimeContext)?.[key] === "loading";
@@ -7983,6 +8067,24 @@ function modelSelectionFromComposerOptions(options, currentValue) {
     currentValue
   };
 }
+function configOptionCurrentValue(runtimeContext, ids) {
+  const rawConfigOptions = Array.isArray(runtimeContext?.configOptions) ? runtimeContext.configOptions : [];
+  const idSet = new Set(ids);
+  for (const rawOption of rawConfigOptions) {
+    const option = recordValue3(rawOption);
+    if (!option) {
+      continue;
+    }
+    const id = normalizeOptionalText2(option.id);
+    if (!id || !idSet.has(id)) {
+      continue;
+    }
+    return normalizeOptionalText2(
+      option.currentValue ?? option.current_value
+    );
+  }
+  return null;
+}
 function reasoningSelectionFromComposerOptions(options, currentValue) {
   if (!options) {
     return null;
@@ -8681,7 +8783,6 @@ function useAgentGUINodeController({
   workspacePath,
   avoidGroupingEdits,
   data,
-  conversationScope = "single-provider",
   providerTargets,
   providerTargetsLoading = false,
   providerReadinessGates = null,
@@ -8699,23 +8800,35 @@ function useAgentGUINodeController({
   const agentActivitySnapshot = useAgentActivitySnapshot(workspaceId);
   const normalizedExplicitProviderTargets = useMemo4(
     () => normalizeAgentGUIProviderTargets(providerTargets, {
-      fallbackToLocal: false
+      includeDisabledPlaceholders: true,
+      useStaticCatalog: false
     }),
     [providerTargets]
   );
-  const normalizedProviderTargets = useMemo4(
-    () => providerTargetsLoading ? [] : providerTargets === void 0 ? normalizeAgentGUIProviderTargets(null) : normalizedExplicitProviderTargets,
-    [normalizedExplicitProviderTargets, providerTargets, providerTargetsLoading]
-  );
-  const shouldFallbackToLocalProviderTargets = providerTargets === void 0 && !providerTargetsLoading;
+  const normalizedProviderTargets = useMemo4(() => {
+    if (providerTargetsLoading) {
+      return [];
+    }
+    if (providerTargets === void 0 || normalizedExplicitProviderTargets.length === 0) {
+      return normalizeAgentGUIProviderTargets(null, {
+        includeDisabledPlaceholders: true
+      });
+    }
+    return normalizedExplicitProviderTargets;
+  }, [
+    normalizedExplicitProviderTargets,
+    providerTargets,
+    providerTargetsLoading
+  ]);
+  const shouldUseStaticProviderTargets = !providerTargetsLoading && (providerTargets === void 0 || normalizedExplicitProviderTargets.length === 0);
   const selectedProviderTarget = useMemo4(() => {
     const resolved = resolveAgentGUIProviderTarget({
       agentTargetId: data.agentTargetId,
       defaultProviderTargetId,
-      fallbackToLocal: shouldFallbackToLocalProviderTargets,
       provider: data.provider,
       providerTargetId: data.providerTargetId,
-      providerTargets: normalizedProviderTargets
+      providerTargets: normalizedProviderTargets,
+      useStaticCatalog: shouldUseStaticProviderTargets
     });
     return resolved ?? {
       targetId: data.agentTargetId ?? "__loading__",
@@ -8733,7 +8846,7 @@ function useAgentGUINodeController({
     data.providerTargetId,
     defaultProviderTargetId,
     normalizedProviderTargets,
-    shouldFallbackToLocalProviderTargets
+    shouldUseStaticProviderTargets
   ]);
   const selectedProviderTargetIsExplicit = useMemo4(
     () => normalizedExplicitProviderTargets.some(
@@ -8808,14 +8921,8 @@ function useAgentGUINodeController({
   const [conversationFilter, setConversationFilter] = useState4(
     () => createAgentGUIConversationFilterState().filter
   );
-  const canUseConversationTargetFilter = conversationScope === "multi-provider";
-  const queryConversationFilter = canUseConversationTargetFilter ? conversationFilter : null;
-  useEffect4(() => {
-    if (canUseConversationTargetFilter || conversationFilter.kind === "all") {
-      return;
-    }
-    setConversationFilter({ kind: "all" });
-  }, [canUseConversationTargetFilter, conversationFilter]);
+  const conversationFilterRef = useRef4(conversationFilter);
+  conversationFilterRef.current = conversationFilter;
   const conversationListQuery = useMemo4(() => {
     const userId = currentUserId?.trim() ?? "";
     const provider = data.provider?.trim() ?? "";
@@ -8823,13 +8930,13 @@ function useAgentGUINodeController({
       return null;
     }
     return {
-      ...queryConversationFilter ? { conversationFilter: queryConversationFilter } : {},
+      conversationFilter,
       workspaceId,
       userId,
       provider: data.provider,
       sessionOrigin: AGENT_GUI_RUNTIME_SESSION_ORIGIN
     };
-  }, [currentUserId, data.provider, queryConversationFilter, workspaceId]);
+  }, [currentUserId, data.provider, conversationFilter, workspaceId]);
   const conversationListState = useAgentGuiConversationList(
     conversationListQuery
   );
@@ -8940,6 +9047,10 @@ function useAgentGUINodeController({
     composerOptions: providerComposerOptions,
     sessionRuntimeContext: activeSessionState?.runtimeContext
   });
+  const goalPauseSupported = resolveAgentActivityCapability2("goalPause", {
+    composerOptions: providerComposerOptions,
+    sessionRuntimeContext: activeSessionState?.runtimeContext
+  }) ?? false;
   const activeSessionRuntimeContext = activeSessionState?.runtimeContext;
   const backgroundAgentCount = useMemo4(
     () => activeBackgroundAgentCount(activeSessionRuntimeContext),
@@ -10191,9 +10302,9 @@ function useAgentGUINodeController({
           ...sessionStateSnapshotCauseBySessionIdRef.current,
           [agentSessionId]: cause ? { source: cause.source } : void 0
         };
-        setAgentSessionViewControlState(
+        updateAgentSessionViewControlState(
           sessionViewRef(agentSessionId),
-          snapshot3
+          (current) => mergeAgentSessionControlStateSnapshot(current, snapshot3)
         );
       } catch (error) {
         if (!isMountedRef.current || cause?.allowInactive !== true && activeConversationIdRef.current !== agentSessionId) {
@@ -11669,14 +11780,25 @@ function useAgentGUINodeController({
         activatedConversationIdsRef.current.add(conversation2.id);
         setTransientConversation(conversation2);
         if (conversationListQuery) {
+          const createdAgentTargetId = normalizeOptionalText2(conversation2.agentTargetId) ?? targetData.agentTargetId;
+          const currentQueryFilter = conversationListQuery.conversationFilter;
+          const filterExcludesCreatedConversation = currentQueryFilter?.kind === "agentTarget" && currentQueryFilter.agentTargetId !== (createdAgentTargetId ?? "");
+          const createdConversationFilter = createdAgentTargetId ? { kind: "agentTarget", agentTargetId: createdAgentTargetId } : { kind: "all" };
+          const createdConversationQuery = filterExcludesCreatedConversation ? {
+            ...conversationListQuery,
+            conversationFilter: createdConversationFilter
+          } : conversationListQuery;
           upsertLocalCreatedAgentGUIConversation({
-            query: conversationListQuery,
+            query: createdConversationQuery,
             conversation: conversation2
           });
           scheduleAgentGUIConversationListProjection(
-            conversationListQuery,
+            createdConversationQuery,
             "local-create"
           );
+          if (filterExcludesCreatedConversation) {
+            setConversationFilter(createdConversationFilter);
+          }
         }
         setAgentSessionViewMessagesLoading(
           sessionViewRef(conversation2.id),
@@ -11850,12 +11972,27 @@ function useAgentGUINodeController({
       setIsLoadingMessages(false);
       setDetailError(null);
       persistActiveConversation(null);
+      const filter = conversationFilterRef.current;
+      if (filter.kind === "agentTarget") {
+        const filterTarget = resolveAgentGUIProviderTarget({
+          agentTargetId: filter.agentTargetId,
+          defaultProviderTargetId,
+          provider: dataRef.current.provider,
+          providerTargets: normalizedProviderTargets,
+          useStaticCatalog: false
+        });
+        if (filterTarget && filterTarget.disabled !== true && (filterTarget.agentTargetId?.trim() ?? "") === filter.agentTargetId) {
+          setHomeComposerTargetOverride(filterTarget);
+        }
+      }
       loadDraftComposerOptions();
     },
     [
       activation,
       agentActivityRuntime,
+      defaultProviderTargetId,
       loadDraftComposerOptions,
+      normalizedProviderTargets,
       persistActiveConversation,
       workspaceId
     ]
@@ -11898,13 +12035,12 @@ function useAgentGUINodeController({
     setActiveConversationId(null);
     setIsLoadingMessages(false);
     setDetailError(null);
-    const targetData = selectedComposerTargetDataRef.current;
+    const selectedTargetData = selectedComposerTargetDataRef.current;
+    const targetProvider = prefillPromptRequest.provider ?? selectedTargetData.provider;
+    const targetAgentTargetId = prefillPromptRequest.agentTargetId ?? selectedTargetData.agentTargetId;
     setDraftBySessionId((current) => ({
       ...current,
-      [nodeDefaultDraftContentKey(
-        targetData.provider,
-        targetData.agentTargetId
-      )]: {
+      [nodeDefaultDraftContentKey(targetProvider, targetAgentTargetId)]: {
         ...emptyAgentComposerDraft(),
         prompt: draftPrompt2
       }
@@ -12425,6 +12561,36 @@ function useAgentGUINodeController({
       shouldQueuePromptLocally
     ]
   );
+  const goalControl = useCallback4(
+    (action, objective) => {
+      if (previewMode) {
+        return;
+      }
+      const agentSessionId = activeConversationIdRef.current;
+      if (!agentSessionId) {
+        return;
+      }
+      setDetailError(null);
+      void agentActivityRuntime.goalControl({
+        workspaceId,
+        agentSessionId,
+        action,
+        ...objective !== void 0 ? { objective } : {}
+      }).catch((error) => {
+        if (!isCurrentConversation(agentSessionId)) {
+          return;
+        }
+        setDetailError(getAgentGUIErrorMessage(error));
+      });
+    },
+    [
+      agentActivityRuntime,
+      isCurrentConversation,
+      previewMode,
+      setDetailError,
+      workspaceId
+    ]
+  );
   const submitPrompt = useCallback4(
     (content, displayPrompt) => {
       if (previewMode) {
@@ -12786,10 +12952,12 @@ function useAgentGUINodeController({
       }).then((result) => {
         const queuedUpdate = queuedComposerSettingsUpdatesRef.current[agentSessionId] ?? null;
         const optimisticSettings = queuedUpdate?.sessionSettingsPatch ?? null;
-        const nextAppliedSettings = optimisticSettings ? {
+        const pendingClaudeModelRefreshSettings = dataRef.current.provider === "claude-code" && sessionSettingsPatch.model !== void 0 ? { model: sessionSettingsPatch.model } : null;
+        const nextAppliedSettings = {
           ...result.settings,
-          ...optimisticSettings
-        } : result.settings;
+          ...pendingClaudeModelRefreshSettings ?? {},
+          ...optimisticSettings ?? {}
+        };
         updateAgentSessionViewControlState(
           sessionViewRef(agentSessionId),
           (existing) => existing ? {
@@ -13677,6 +13845,66 @@ function useAgentGUINodeController({
     userProjects,
     workspacePath
   ]);
+  useEffect4(() => {
+    if (previewMode || providerTargetsLoading || !activeConversationId) {
+      return;
+    }
+    const summary = resolveConversationSummaryById(
+      conversations,
+      activeConversationId,
+      transientConversationRef.current
+    );
+    if (!summary || summary.provider === "unknown") {
+      return;
+    }
+    const summaryAgentTargetId = normalizeOptionalText2(summary.agentTargetId);
+    const providerMismatch = dataRef.current.provider !== summary.provider;
+    const agentTargetMismatch = summaryAgentTargetId !== null && normalizeOptionalText2(dataRef.current.agentTargetId) !== summaryAgentTargetId;
+    if (!providerMismatch && !agentTargetMismatch) {
+      return;
+    }
+    const sessionTarget = resolveAgentGUIProviderTarget({
+      agentTargetId: summaryAgentTargetId,
+      defaultProviderTargetId,
+      provider: summary.provider,
+      providerTargets: normalizedProviderTargets,
+      useStaticCatalog: shouldUseStaticProviderTargets
+    });
+    if (!sessionTarget || sessionTarget.provider !== summary.provider) {
+      return;
+    }
+    if (!providerMismatch && summaryAgentTargetId !== null && (sessionTarget.agentTargetId?.trim() ?? "") !== summaryAgentTargetId) {
+      return;
+    }
+    setHomeComposerTargetOverride(null);
+    const sessionTargetIsExplicit = normalizedExplicitProviderTargets.some(
+      (target) => target.provider === sessionTarget.provider && target.targetId === sessionTarget.targetId && agentGUIProviderTargetRefsEqual(target.ref, sessionTarget.ref)
+    );
+    onDataChangeRef.current((current) => {
+      const targetData = composerTargetDataFromProviderTarget({
+        current,
+        isExplicit: sessionTargetIsExplicit,
+        target: sessionTarget
+      });
+      if (current.provider === targetData.provider && normalizeOptionalText2(current.agentTargetId) === targetData.agentTargetId && (current.providerTargetId ?? null) === targetData.providerTargetId && agentGUIProviderTargetRefsEqual(
+        current.providerTargetRef,
+        targetData.providerTargetRef
+      )) {
+        return current;
+      }
+      dataRef.current = targetData.data;
+      return targetData.data;
+    });
+  }, [
+    activeConversationId,
+    conversations,
+    defaultProviderTargetId,
+    normalizedExplicitProviderTargets,
+    normalizedProviderTargets,
+    previewMode,
+    providerTargetsLoading,
+    shouldUseStaticProviderTargets
+  ]);
   const visibleConversationsRef = useRef4(
     null
   );
@@ -13999,7 +14227,8 @@ function useAgentGUINodeController({
     )
   });
   const draftSettings = activeConversationId ? sessionSettings ?? defaultConversationDraftSettings : homeComposerSettings;
-  const draftModel = normalizeOptionalText2(draftSettings.model);
+  const liveConfigModel = activeConversationId !== null ? configOptionCurrentValue(activeSessionRuntimeContext, ["model"]) : null;
+  const draftModel = liveConfigModel ?? normalizeOptionalText2(draftSettings.model);
   const draftReasoningEffort = normalizeOptionalText2(
     draftSettings.reasoningEffort
   );
@@ -14262,15 +14491,11 @@ function useAgentGUINodeController({
   const stableComposerSettings = useStableComposerSettingsVM(composerSettings);
   const updateConversationFilter = useCallback4(
     (filter) => {
-      if (!canUseConversationTargetFilter) {
-        setConversationFilter({ kind: "all" });
-        return;
-      }
       setConversationFilter(normalizeAgentGUIConversationFilter(filter));
     },
-    [canUseConversationTargetFilter]
+    []
   );
-  const selectProvider = useCallback4(
+  const selectHomeComposerAgentTarget = useCallback4(
     (input) => {
       if (previewMode) {
         return;
@@ -14278,17 +14503,14 @@ function useAgentGUINodeController({
       const nextProvider = input.provider;
       const nextTarget = resolveAgentGUIProviderTarget({
         defaultProviderTargetId,
-        fallbackToLocal: shouldFallbackToLocalProviderTargets,
         provider: nextProvider,
         providerTargetId: input.providerTargetId,
-        providerTargets: normalizedProviderTargets
+        providerTargets: normalizedProviderTargets,
+        useStaticCatalog: shouldUseStaticProviderTargets
       });
       if (!nextTarget) {
         return;
       }
-      if (nextTarget.disabled === true) {
-        return;
-      }
       const nextTargetIsExplicit = normalizedExplicitProviderTargets.some(
         (target) => target.provider === nextTarget.provider && target.targetId === nextTarget.targetId && agentGUIProviderTargetRefsEqual(target.ref, nextTarget.ref)
       );
@@ -14332,7 +14554,9 @@ function useAgentGUINodeController({
         dataRef.current = nextData;
         return nextData;
       });
-      loadComposerOptionsForTarget(nextTargetData, { force: true });
+      if (nextTarget.disabled !== true) {
+        loadComposerOptionsForTarget(nextTargetData, { force: true });
+      }
     },
     [
       activation,
@@ -14342,43 +14566,55 @@ function useAgentGUINodeController({
       normalizedProviderTargets,
       persistActiveConversation,
       previewMode,
-      shouldFallbackToLocalProviderTargets
+      shouldUseStaticProviderTargets
     ]
   );
   const selectConversationFilterTarget = useCallback4(
     (input) => {
-      if (!canUseConversationTargetFilter) {
-        setConversationFilter({ kind: "all" });
-        return;
-      }
       const nextTarget = resolveAgentGUIProviderTarget({
         defaultProviderTargetId,
-        fallbackToLocal: shouldFallbackToLocalProviderTargets,
         provider: input.provider,
         providerTargetId: input.providerTargetId,
-        providerTargets: normalizedProviderTargets
+        providerTargets: normalizedProviderTargets,
+        useStaticCatalog: shouldUseStaticProviderTargets
       });
       if (!nextTarget || nextTarget.disabled === true) {
+        reportAgentGUIConversationFilterTargetUnresolved({
+          provider: input.provider,
+          providerTargetId: input.providerTargetId ?? null,
+          providerTargetCount: normalizedProviderTargets.length,
+          reason: nextTarget ? "disabled" : "unresolved",
+          runtime: agentActivityRuntime,
+          workspaceId
+        });
         return;
       }
       const agentTargetId = nextTarget.agentTargetId?.trim() ?? "";
       const nextFilter = agentTargetId ? { kind: "agentTarget", agentTargetId } : { kind: "all" };
       setConversationFilter(nextFilter);
+      if (activeConversationIdRef.current === null) {
+        selectHomeComposerAgentTarget(input);
+      }
     },
     [
-      canUseConversationTargetFilter,
+      agentActivityRuntime,
       defaultProviderTargetId,
       normalizedProviderTargets,
-      shouldFallbackToLocalProviderTargets
+      selectHomeComposerAgentTarget,
+      shouldUseStaticProviderTargets,
+      workspaceId
     ]
   );
   const stableCreateConversation = useStableControllerEventCallback(createConversation);
-  const stableSelectProvider = useStableControllerEventCallback(selectProvider);
+  const stableSelectHomeComposerAgentTarget = useStableControllerEventCallback(
+    selectHomeComposerAgentTarget
+  );
   const stableSelectConversationFilterTarget = useStableControllerEventCallback(
     selectConversationFilterTarget
   );
   const stableSelectConversation = useStableControllerEventCallback(selectConversation);
   const stableSubmitPrompt = useStableControllerEventCallback(submitPrompt);
+  const stableGoalControl = useStableControllerEventCallback(goalControl);
   const stableSubmitGuidancePrompt = useStableControllerEventCallback(submitGuidancePrompt);
   const stableShowPromptImagesUnsupported = useStableControllerEventCallback(
     showPromptImagesUnsupported
@@ -14436,10 +14672,11 @@ function useAgentGUINodeController({
     () => ({
       updateConversationFilter: stableUpdateConversationFilter,
       selectConversationFilterTarget: stableSelectConversationFilterTarget,
-      selectProvider: stableSelectProvider,
+      selectHomeComposerAgentTarget: stableSelectHomeComposerAgentTarget,
       createConversation: stableCreateConversation,
       selectConversation: stableSelectConversation,
       submitPrompt: stableSubmitPrompt,
+      goalControl: stableGoalControl,
       submitGuidancePrompt: stableSubmitGuidancePrompt,
       loadOlderConversationMessages: stableLoadOlderConversationMessages,
       showPromptImagesUnsupported: stableShowPromptImagesUnsupported,
@@ -14484,13 +14721,14 @@ function useAgentGUINodeController({
       stableRetryOpenclawGateway,
       stableSelectConversation,
       stableSelectConversationFilterTarget,
-      stableSelectProvider,
+      stableSelectHomeComposerAgentTarget,
       stableSendQueuedPromptNext,
       stableSubmitGuidancePrompt,
       stableShowPromptImagesUnsupported,
       stableSubmitApprovalOption,
       stableSubmitInteractivePrompt,
       stableSubmitPrompt,
+      stableGoalControl,
       stableToggleConversationPinned,
       stableUpdateConversationFilter,
       stableUpdateComposerSettings,
@@ -14508,7 +14746,6 @@ function useAgentGUINodeController({
         selectedProviderTarget: effectiveSelectedProviderTarget,
         providerTargets: normalizedProviderTargets,
         providerTargetsLoading,
-        conversationScope,
         conversationFilter,
         conversations: visibleConversations,
         userProjects,
@@ -14529,6 +14766,7 @@ function useAgentGUINodeController({
         isRespondingApproval,
         promptImagesSupported,
         compactSupported,
+        goalPauseSupported,
         usage,
         backgroundAgentCount,
         listError,
@@ -14573,7 +14811,6 @@ function useAgentGUINodeController({
       canSubmit,
       canQueueWhileBusy,
       conversation,
-      conversationScope,
       conversationFilter,
       conversationDetail,
       controllerActions,
@@ -14589,6 +14826,7 @@ function useAgentGUINodeController({
       openclawGateway,
       promptImagesSupported,
       compactSupported,
+      goalPauseSupported,
       usage,
       backgroundAgentCount,
       isInterrupting,
@@ -14805,19 +15043,19 @@ import {
   Fragment as Fragment7,
   memo,
   useCallback as useCallback10,
-  useEffect as useEffect12,
+  useEffect as useEffect13,
   useLayoutEffect as useLayoutEffect4,
   useMemo as useMemo10,
   useRef as useRef12,
-  useState as useState11
+  useState as useState12
 } from "react";
 import { useSnapshot } from "valtio";
 import { proxy as proxy2 } from "valtio/vanilla";
 import {
   ChevronRight as ChevronRight2,
+  ChevronsDown,
   ExternalLink,
   Info as Info2,
-  LayoutGrid,
   Wrench
 } from "lucide-react";
 
@@ -14889,6 +15127,10 @@ import {
   TooltipContent as TooltipContent3,
   TooltipProvider as TooltipProvider2,
   TooltipTrigger as TooltipTrigger3,
+  Select as Select3,
+  SelectContent as SelectContent3,
+  SelectItem as SelectItem3,
+  SelectTrigger as SelectTrigger3,
   NewWorkspaceLinedIcon as NewWorkspaceLinedIcon2,
   ConfirmationDialog,
   toastVariants,
@@ -15568,7 +15810,9 @@ var styles2 = {
   chromeActions: "agent-gui-chrome__actions",
   chromeMetaRow: "agent-gui-chrome__meta-row",
   chromeDangerGhostButton: "agent-gui-chrome__danger-ghost-button",
-  chromeGoalHint: "agent-gui-chrome__goal-hint"
+  chromeGoalHint: "agent-gui-chrome__goal-hint",
+  chromeGoalActions: "agent-gui-chrome__goal-actions",
+  chromeGoalEditInput: "agent-gui-chrome__goal-edit-input"
 };
 var AgentGUIChrome_styles_default = styles2;
 
@@ -15769,8 +16013,15 @@ function AgentSessionChrome({
 }
 
 // agent-gui/agentGuiNode/AgentGoalBanner.tsx
-import { Target } from "lucide-react";
+import { useEffect as useEffect6, useState as useState5 } from "react";
+import { CirclePause, CirclePlay, Pencil, Target, Trash2 } from "lucide-react";
 import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
+var RESUMABLE_GOAL_STATUSES = /* @__PURE__ */ new Set([
+  "paused",
+  "blocked",
+  "usagelimited",
+  "budgetlimited"
+]);
 var TERMINAL_GOAL_STATUSES = /* @__PURE__ */ new Set(["complete", "completed", "done"]);
 function normalizeGoalStatus(status) {
   return (status ?? "").trim().toLowerCase();
@@ -15781,49 +16032,98 @@ function isGoalBannerVisible(objective, status) {
   }
   return !TERMINAL_GOAL_STATUSES.has(normalizeGoalStatus(status));
 }
-function goalStatusLabel(status, labels) {
+function goalStatusTitle(status, labels) {
   switch (normalizeGoalStatus(status)) {
     case "paused":
-      return labels.statusPaused;
+      return labels.titlePaused;
     case "blocked":
-      return labels.statusBlocked;
+      return labels.titleBlocked;
     case "usagelimited":
-      return labels.statusUsageLimited;
+      return labels.titleUsageLimited;
     case "budgetlimited":
-      return labels.statusBudgetLimited;
+      return labels.titleBudgetLimited;
     case "complete":
     case "completed":
     case "done":
-      return labels.statusComplete;
+      return labels.titleComplete;
     default:
-      return labels.statusActive;
+      return labels.titleActive;
+  }
+}
+function formatGoalElapsed(totalSeconds) {
+  const seconds = Math.max(0, Math.floor(totalSeconds));
+  if (seconds < 60) {
+    return `${seconds}s`;
+  }
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) {
+    const rest = seconds % 60;
+    return rest > 0 ? `${minutes}m ${rest}s` : `${minutes}m`;
   }
+  const hours = Math.floor(minutes / 60);
+  const restMinutes = minutes % 60;
+  return restMinutes > 0 ? `${hours}h ${restMinutes}m` : `${hours}h`;
 }
 function describeGoal(input) {
-  const trimmedObjective = input.objective.trim();
-  const detailParts = [goalStatusLabel(input.status, input.labels)];
+  const detailParts = [input.objective.trim()];
+  if (typeof input.elapsedSeconds === "number") {
+    detailParts.push(formatGoalElapsed(input.elapsedSeconds));
+  }
   if (typeof input.tokenBudget === "number" && input.tokenBudget > 0) {
     const used = typeof input.tokensUsed === "number" && input.tokensUsed >= 0 ? input.tokensUsed : 0;
     detailParts.push(input.labels.budgetUsage(used, input.tokenBudget));
   }
-  return `${trimmedObjective} \xB7 ${detailParts.join(" \xB7 ")}`;
+  return detailParts.join(" \xB7 ");
 }
 function AgentGoalBanner({
   objective,
   status,
   tokenBudget,
   tokensUsed,
-  labels
+  timeUsedSeconds,
+  labels,
+  onEditObjective,
+  onPauseGoal,
+  onResumeGoal,
+  onClearGoal
 }) {
   "use memo";
+  const [editDraft, setEditDraft] = useState5(null);
+  const normalizedStatus = normalizeGoalStatus(status);
+  const isActive = normalizedStatus === "" || normalizedStatus === "active";
+  const serverSeconds = typeof timeUsedSeconds === "number" && timeUsedSeconds >= 0 ? Math.floor(timeUsedSeconds) : null;
+  const [localElapsed, setLocalElapsed] = useState5(0);
+  useEffect6(() => {
+    setLocalElapsed(0);
+    if (!isActive || serverSeconds === null) {
+      return;
+    }
+    const startedAtMs = Date.now();
+    const timer = window.setInterval(() => {
+      setLocalElapsed(Math.floor((Date.now() - startedAtMs) / 1e3));
+    }, 1e3);
+    return () => window.clearInterval(timer);
+  }, [isActive, serverSeconds]);
+  const elapsedSeconds = serverSeconds === null ? null : serverSeconds + (isActive ? localElapsed : 0);
+  const title = goalStatusTitle(status, labels);
   const description = describeGoal({
     objective,
-    status,
+    elapsedSeconds,
     tokenBudget,
     tokensUsed,
     labels
   });
-  const fullMessage = `${labels.goalLabel} ${description}`;
+  const fullMessage = `${title} ${description}`;
+  const showPause = onPauseGoal !== void 0 && isActive;
+  const showResume = onResumeGoal !== void 0 && RESUMABLE_GOAL_STATUSES.has(normalizedStatus);
+  const hasActions = onEditObjective !== void 0 || showPause || showResume || onClearGoal !== void 0;
+  const commitEdit = () => {
+    const next = (editDraft ?? "").trim();
+    setEditDraft(null);
+    if (next !== "" && next !== objective.trim()) {
+      onEditObjective?.(next);
+    }
+  };
   return /* @__PURE__ */ jsx20("div", { className: AgentGUIChrome_styles_default.sessionChrome, children: /* @__PURE__ */ jsx20(
     "section",
     {
@@ -15833,19 +16133,91 @@ function AgentGoalBanner({
       children: /* @__PURE__ */ jsxs8("div", { className: AgentGUIChrome_styles_default.chromeMetaRow, children: [
         /* @__PURE__ */ jsxs8("div", { className: AgentGUIChrome_styles_default.chromeMessageSlot, children: [
           /* @__PURE__ */ jsx20("span", { className: AgentGUIChrome_styles_default.chromeIcon, children: /* @__PURE__ */ jsx20(Target, { "aria-hidden": true, className: "size-3.5" }) }),
-          /* @__PURE__ */ jsxs8(
+          editDraft !== null ? /* @__PURE__ */ jsx20(
+            "input",
+            {
+              className: AgentGUIChrome_styles_default.chromeGoalEditInput,
+              value: editDraft,
+              autoFocus: true,
+              "aria-label": labels.editAction,
+              "data-testid": "agent-gui-goal-banner-edit-input",
+              onChange: (event) => setEditDraft(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key === "Enter") {
+                  event.preventDefault();
+                  commitEdit();
+                } else if (event.key === "Escape") {
+                  event.preventDefault();
+                  setEditDraft(null);
+                }
+              },
+              onBlur: () => setEditDraft(null)
+            }
+          ) : /* @__PURE__ */ jsxs8(
             "p",
             {
               className: cn(AgentGUIChrome_styles_default.chromeMessage, AgentGUIChrome_styles_default.chromeNoticeMessage),
               title: fullMessage,
               children: [
-                /* @__PURE__ */ jsx20("span", { className: AgentGUIChrome_styles_default.chromeNoticeTitle, children: labels.goalLabel }),
-                /* @__PURE__ */ jsx20("span", { className: AgentGUIChrome_styles_default.chromeNoticeDescription, children: description })
+                /* @__PURE__ */ jsx20("span", { className: AgentGUIChrome_styles_default.chromeNoticeTitle, children: title }),
+                /* @__PURE__ */ jsx20(
+                  "span",
+                  {
+                    className: AgentGUIChrome_styles_default.chromeNoticeDescription,
+                    "data-testid": "agent-gui-goal-banner-description",
+                    children: description
+                  }
+                )
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx20(
+        hasActions ? /* @__PURE__ */ jsxs8("div", { className: AgentGUIChrome_styles_default.chromeGoalActions, children: [
+          onEditObjective !== void 0 && editDraft === null ? /* @__PURE__ */ jsx20(
+            "button",
+            {
+              type: "button",
+              onClick: () => setEditDraft(objective),
+              title: labels.editAction,
+              "aria-label": labels.editAction,
+              "data-testid": "agent-gui-goal-banner-edit",
+              children: /* @__PURE__ */ jsx20(Pencil, { "aria-hidden": true, className: "size-3.5" })
+            }
+          ) : null,
+          showPause ? /* @__PURE__ */ jsx20(
+            "button",
+            {
+              type: "button",
+              onClick: onPauseGoal,
+              title: labels.pauseAction,
+              "aria-label": labels.pauseAction,
+              "data-testid": "agent-gui-goal-banner-pause",
+              children: /* @__PURE__ */ jsx20(CirclePause, { "aria-hidden": true, className: "size-3.5" })
+            }
+          ) : null,
+          showResume ? /* @__PURE__ */ jsx20(
+            "button",
+            {
+              type: "button",
+              onClick: onResumeGoal,
+              title: labels.resumeAction,
+              "aria-label": labels.resumeAction,
+              "data-testid": "agent-gui-goal-banner-resume",
+              children: /* @__PURE__ */ jsx20(CirclePlay, { "aria-hidden": true, className: "size-3.5" })
+            }
+          ) : null,
+          onClearGoal !== void 0 ? /* @__PURE__ */ jsx20(
+            "button",
+            {
+              type: "button",
+              onClick: onClearGoal,
+              title: labels.clearAction,
+              "aria-label": labels.clearAction,
+              "data-testid": "agent-gui-goal-banner-clear",
+              children: /* @__PURE__ */ jsx20(Trash2, { "aria-hidden": true, className: "size-3.5" })
+            }
+          ) : null
+        ] }) : /* @__PURE__ */ jsx20(
           "span",
           {
             className: AgentGUIChrome_styles_default.chromeGoalHint,
@@ -15861,21 +16233,19 @@ function AgentGoalBanner({
 // agent-gui/agentGuiNode/AgentComposer.tsx
 import {
   useCallback as useCallback9,
-  useEffect as useEffect11,
+  useEffect as useEffect12,
   useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo9,
   useRef as useRef11,
-  useState as useState10
+  useState as useState11
 } from "react";
 import { createPortal as createPortal3, flushSync } from "react-dom";
 import {
-  AddIcon,
   Button as Button3,
   Select as Select2,
   SelectContent as SelectContent2,
   SelectItem as SelectItem2,
-  SelectTrigger as SelectTrigger2,
-  SelectValue
+  SelectTrigger as SelectTrigger2
 } from "@tutti-os/ui-system";
 import { ListChecks as ListChecks2, Target as Target3, X } from "lucide-react";
 import {
@@ -16319,7 +16689,7 @@ function filterUnavailableSlashCommands(commands, input) {
 }
 
 // agent-gui/agentGuiNode/AgentSlashCommandPalette.tsx
-import { Fragment as Fragment3, useEffect as useEffect6, useRef as useRef6 } from "react";
+import { Fragment as Fragment3, useEffect as useEffect7, useRef as useRef6 } from "react";
 import {
   Globe,
   Info,
@@ -16363,7 +16733,7 @@ function AgentSlashCommandPalette({
 }) {
   "use memo";
   const highlightedOptionRef = useRef6(null);
-  useEffect6(() => {
+  useEffect7(() => {
     highlightedOptionRef.current?.scrollIntoView({ block: "nearest" });
   }, [highlightedIndex]);
   if (entries.length === 0) {
@@ -16521,7 +16891,7 @@ function slashPaletteEntryIcon(entry) {
 import {
   useLayoutEffect,
   useRef as useRef7,
-  useState as useState5
+  useState as useState6
 } from "react";
 import { ChevronRight } from "lucide-react";
 
@@ -16529,6 +16899,7 @@ import { ChevronRight } from "lucide-react";
 var styles3 = {
   bottomDock: "agent-gui-node__bottom-dock",
   bottomDockPrompt: "agent-gui-node__bottom-dock-prompt",
+  bottomDockScrollToBottom: "agent-gui-node__bottom-dock-scroll-to-bottom",
   body: "agent-gui-node__body",
   composer: "agent-gui-node__composer",
   composerChip: "agent-gui-node__composer-chip",
@@ -16538,6 +16909,10 @@ var styles3 = {
   composerFooterRight: "agent-gui-node__composer-footer-right",
   composerHero: "agent-gui-node__composer-hero",
   composerFloatingPrompt: "agent-gui-node__composer-floating-prompt",
+  composerHandoffIcon: "agent-gui-node__composer-handoff-icon",
+  composerHandoffMenuContent: "agent-gui-node__composer-handoff-menu-content",
+  composerHandoffStaticIcon: "agent-gui-node__composer-handoff-icon-static",
+  composerHandoffTrigger: "agent-gui-node__composer-handoff-trigger",
   composerQueuedPromptFloating: "agent-gui-node__composer-floating-prompt--queued",
   composerInputGroup: "agent-gui-node__composer-input-group",
   composerInputGroupHero: "agent-gui-node__composer-input-group-hero",
@@ -16583,6 +16958,7 @@ var styles3 = {
   conversationItem: "agent-gui-node__conversation-item",
   conversationList: "agent-gui-node__conversation-list",
   conversationMeta: "agent-gui-node__conversation-meta",
+  conversationProviderIcon: "agent-gui-node__conversation-provider-icon",
   conversationOpenWindowButton: "agent-gui-node__conversation-open-window-button",
   conversationPinButton: "agent-gui-node__conversation-pin-button",
   conversationSection: "agent-gui-node__conversation-section",
@@ -16604,6 +16980,7 @@ var styles3 = {
   conversationStatusGlyph: "agent-gui-node__conversation-status-glyph",
   conversationTime: "agent-gui-node__conversation-time",
   conversationTitle: "agent-gui-node__conversation-title",
+  conversationTitleRow: "agent-gui-node__conversation-title-row",
   conversationUnreadLamp: "agent-gui-node__conversation-unread-lamp",
   detailHeader: "agent-gui-node__detail-header",
   detailHeaderPathInfo: "agent-gui-node__detail-header-path-info",
@@ -16619,7 +16996,11 @@ var styles3 = {
   emptyHero: "agent-gui-node__empty-hero",
   emptyHeroBody: "agent-gui-node__empty-hero-body",
   emptyHeroIconEffect: "agent-gui-node__empty-hero-icon-effect",
+  emptyHeroIconRail: "agent-gui-node__empty-hero-icon-rail",
+  emptyHeroIconRailItem: "agent-gui-node__empty-hero-icon-rail-item",
+  emptyHeroIconRailScroller: "agent-gui-node__empty-hero-icon-rail-scroller",
   emptyHeroProvider: "agent-gui-node__empty-hero-provider",
+  emptyHeroProviderSelect: "agent-gui-node__empty-hero-provider-select",
   emptyHeroTitle: "agent-gui-node__empty-hero-title",
   emptyProviderGate: "agent-gui-node__empty-provider-gate",
   emptyProviderGateAction: "agent-gui-node__empty-provider-gate-action",
@@ -16643,6 +17024,11 @@ var styles3 = {
   providerRailAvatar: "agent-gui-node__provider-rail-avatar",
   providerRailAvatarIcon: "agent-gui-node__provider-rail-avatar-icon",
   providerRailAvatarImage: "agent-gui-node__provider-rail-avatar-image",
+  providerRailLaunchpadIcon: "agent-gui-node__provider-rail-launchpad-icon",
+  emptyHeroLaunchpadIcon: "agent-gui-node__empty-hero-launchpad-icon",
+  providerRailLaunchpadItem: "agent-gui-node__provider-rail-launchpad-item",
+  providerRailPanel: "agent-gui-node__provider-rail-panel",
+  providerRailSeparator: "agent-gui-node__provider-rail-separator",
   providerRailTile: "agent-gui-node__provider-rail-tile",
   providerRailTileLabel: "agent-gui-node__provider-rail-tile-label",
   rail: "agent-gui-node__rail",
@@ -16698,12 +17084,12 @@ function AgentQueuedPromptPanel({
   workspaceAppIcons = EMPTY_WORKSPACE_APP_ICONS
 }) {
   "use memo";
-  const [isExpanded, setIsExpanded] = useState5(false);
+  const [isExpanded, setIsExpanded] = useState6(false);
   const singlePromptTextRef = useRef7(null);
   const queuedPromptListRef = useRef7(null);
   const pointerHandledEditPromptIdRef = useRef7(null);
-  const [isSinglePromptOverflowing, setIsSinglePromptOverflowing] = useState5(false);
-  const [expandedListMaxHeightPx, setExpandedListMaxHeightPx] = useState5(280);
+  const [isSinglePromptOverflowing, setIsSinglePromptOverflowing] = useState6(false);
+  const [expandedListMaxHeightPx, setExpandedListMaxHeightPx] = useState6(280);
   const singlePromptHasImages = queuedPrompts.length === 1 && queuedPromptImages(queuedPrompts[0]).length > 0;
   const canExpand = queuedPrompts.length > 1 || singlePromptHasImages || isSinglePromptOverflowing;
   const panelStyle = {
@@ -16942,9 +17328,9 @@ function AgentQueuedPromptPanel({
 // agent-gui/agentGuiNode/AgentComposerSettingsMenus.tsx
 import {
   cloneElement,
-  useEffect as useEffect7,
+  useEffect as useEffect8,
   useMemo as useMemo5,
-  useState as useState6
+  useState as useState7
 } from "react";
 import { ChevronDown, ZapIcon as ZapIcon2 } from "lucide-react";
 import {
@@ -17417,7 +17803,7 @@ function AgentPermissionModeDropdown({
   onSettingsChange
 }) {
   "use memo";
-  const [isSelectOpen, setIsSelectOpen] = useState6(false);
+  const [isSelectOpen, setIsSelectOpen] = useState7(false);
   const isLoading = composerSettings.isSettingsLoading || composerSettings.isModelOptionsLoading === true;
   const availableOptions = composerSettings.availablePermissionModes ?? [];
   const selectedValue = composerSettings.selectedPermissionModeValue ?? composerSettings.draftSettings.permissionModeId;
@@ -17556,7 +17942,7 @@ function AgentProjectMissingStatusProbe({
   "use memo";
   const agentHostApi = useAgentHostApi();
   const selectedPath = composerSettings.selectedProjectPath?.trim() ?? "";
-  useEffect7(() => {
+  useEffect8(() => {
     let canceled = false;
     const userProjects = agentHostApi.userProjects;
     if (!userProjects || !composerSettings.projectLocked || !selectedPath) {
@@ -17647,7 +18033,7 @@ function AgentModelReasoningDropdown({
   onSettingsChange
 }) {
   "use memo";
-  const [menuOpen, setMenuOpen] = useState6(false);
+  const [menuOpen, setMenuOpen] = useState7(false);
   const menu = buildComposerModelMenuModel(composerSettings, labels);
   const menuDisabled = disabled || menu.disabled;
   const isModelLoading = composerSettings.isModelOptionsLoading || composerSettings.isSettingsLoading;
@@ -17902,7 +18288,7 @@ function ComposerModelOptionTooltip({
         "data-agent-model-option-tooltip": "true",
         children: [
           /* @__PURE__ */ jsx23("span", { className: "block text-[15px] font-semibold leading-[1.2]", children: option.tooltip.title }),
-          option.tooltip.description ? /* @__PURE__ */ jsx23("span", { className: "mt-1.5 block text-[13px] leading-[1.35]", children: option.tooltip.description }) : null,
+          option.tooltip.description ? /* @__PURE__ */ jsx23("span", { className: "mt-1.5 block text-[13px] leading-[1.35] text-[var(--text-tertiary)]", children: option.tooltip.description }) : null,
           option.tooltip.contextWindow ? /* @__PURE__ */ jsx23("span", { className: "mt-4 block", children: option.tooltip.contextWindow }) : null,
           option.tooltip.version ? /* @__PURE__ */ jsx23("span", { className: "mt-4 block italic", children: option.tooltip.version }) : null
         ]
@@ -17915,11 +18301,11 @@ function ComposerModelOptionTooltip({
 import {
   forwardRef as forwardRef3,
   useCallback as useCallback6,
-  useEffect as useEffect8,
+  useEffect as useEffect9,
   useImperativeHandle as useImperativeHandle2,
   useMemo as useMemo6,
   useRef as useRef8,
-  useState as useState7
+  useState as useState8
 } from "react";
 import { createPortal } from "react-dom";
 import { Extension } from "@tiptap/core";
@@ -18515,7 +18901,7 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
   const availableCapabilitiesRef = useRef8(availableCapabilities);
   const suppressPastedAtSuggestionRef = useRef8(false);
   const scrollFrameRef = useRef8(null);
-  const [contextMenu, setContextMenu] = useState7(null);
+  const [contextMenu, setContextMenu] = useState8(null);
   const closeContextMenu = useCallback6(() => {
     setContextMenu(null);
   }, []);
@@ -18988,10 +19374,10 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
     }
     onSubmitRef.current();
   };
-  useEffect8(() => {
+  useEffect9(() => {
     editorRef.current = editor;
   }, [editor]);
-  useEffect8(
+  useEffect9(
     () => () => {
       if (scrollFrameRef.current !== null && typeof window.cancelAnimationFrame === "function") {
         window.cancelAnimationFrame(scrollFrameRef.current);
@@ -18999,7 +19385,7 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
     },
     []
   );
-  useEffect8(() => {
+  useEffect9(() => {
     if (!contextMenu) {
       return;
     }
@@ -19105,7 +19491,7 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
     }),
     []
   );
-  useEffect8(() => {
+  useEffect9(() => {
     if (!editor) {
       return;
     }
@@ -19116,7 +19502,7 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
       editor.state.tr.setMeta("agentRichTextPlaceholder", placeholder)
     );
   }, [disabled, editor, placeholder]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!editor || editor.isDestroyed) {
       return;
     }
@@ -19358,7 +19744,7 @@ function AgentSlashStatusPanel({
 }
 
 // agent-gui/agentGuiNode/AgentReviewPickerPanel.tsx
-import { useCallback as useCallback7, useEffect as useEffect9, useMemo as useMemo7, useRef as useRef9, useState as useState8 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect10, useMemo as useMemo7, useRef as useRef9, useState as useState9 } from "react";
 import { menuItemClassName } from "@tutti-os/ui-system";
 
 // agent-gui/agentGuiNode/AgentReviewBranchController.ts
@@ -19473,21 +19859,21 @@ function AgentReviewPickerPanel({
   onSubmitReview,
   onClose
 }) {
-  const [stage, setStage] = useState8("root");
-  const [query, setQuery] = useState8("");
-  const [highlightedIndex, setHighlightedIndex] = useState8(0);
+  const [stage, setStage] = useState9("root");
+  const [query, setQuery] = useState9("");
+  const [highlightedIndex, setHighlightedIndex] = useState9(0);
   const searchInputRef = useRef9(null);
   const highlightedOptionRef = useRef9(null);
   const reviewBranchControllerRef = useRef9(
     null
   );
-  const [branchState, setBranchState] = useState8({
+  const [branchState, setBranchState] = useState9({
     status: "idle",
     branches: [],
     currentBranch: null,
     error: null
   });
-  useEffect9(() => {
+  useEffect10(() => {
     const controller = new AgentReviewBranchController();
     reviewBranchControllerRef.current = controller;
     const unsubscribe = controller.subscribe(setBranchState);
@@ -19497,7 +19883,7 @@ function AgentReviewPickerPanel({
       reviewBranchControllerRef.current = null;
     };
   }, []);
-  useEffect9(() => {
+  useEffect10(() => {
     const controller = reviewBranchControllerRef.current;
     if (!controller) {
       return;
@@ -19507,7 +19893,7 @@ function AgentReviewPickerPanel({
       controller.ensureLoaded();
     }
   }, [onRequestGitBranches, stage]);
-  useEffect9(() => {
+  useEffect10(() => {
     searchInputRef.current?.focus();
   }, [stage]);
   const submit = useCallback7(
@@ -19597,7 +19983,7 @@ function AgentReviewPickerPanel({
     goToStage
   ]);
   const safeHighlightedIndex = entries.length === 0 ? -1 : Math.min(highlightedIndex, entries.length - 1);
-  useEffect9(() => {
+  useEffect10(() => {
     highlightedOptionRef.current?.scrollIntoView({ block: "nearest" });
   }, [safeHighlightedIndex]);
   const searchPlaceholder = stage === "base" ? labels.branchPlaceholder : stage === "commit" ? labels.commitPlaceholder : stage === "custom" ? labels.customPlaceholder : labels.searchPlaceholder;
@@ -19720,11 +20106,11 @@ function AgentReviewPickerPanel({
 import {
   forwardRef as forwardRef4,
   useCallback as useCallback8,
-  useEffect as useEffect10,
+  useEffect as useEffect11,
   useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo8,
   useRef as useRef10,
-  useState as useState9
+  useState as useState10
 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { jsx as jsx27 } from "react/jsx-runtime";
@@ -19801,7 +20187,7 @@ function useComposerAnchoredMenuFrame({
   maxHeight,
   open
 }) {
-  const [frame, setFrame] = useState9(null);
+  const [frame, setFrame] = useState10(null);
   const syncFrame = useCallback8(() => {
     const anchor = anchorRef.current;
     if (!anchor || typeof window === "undefined") {
@@ -19873,7 +20259,7 @@ var ComposerFloatingMenuSurface = forwardRef4(function ComposerFloatingMenuSurfa
     },
     [forwardedRef, surfaceRef]
   );
-  useEffect10(() => {
+  useEffect11(() => {
     if (!open || !onDismiss) {
       return;
     }
@@ -19963,8 +20349,14 @@ var ComposerFloatingMenuSurface = forwardRef4(function ComposerFloatingMenuSurfa
   );
 });
 
-// app/renderer/assets/icons/@-lined-14px.svg
-var lined_14px_default = "./@-lined-14px-64O2KKB4.svg";
+// app/renderer/assets/icons/add-lined-bold.svg
+var add_lined_bold_default = "./add-lined-bold-5QPUDZCU.svg";
+
+// app/renderer/assets/icons/@-bold-lined.svg
+var bold_lined_default = "./@-bold-lined-BLLFKBFI.svg";
+
+// app/renderer/assets/icons/handoff-lined.svg
+var handoff_lined_default = "./handoff-lined-4WQUBVG3.svg";
 
 // agent-gui/agentGuiNode/AgentComposer.tsx
 import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
@@ -20006,7 +20398,7 @@ function AgentUsageChip({
   compactDisabled
 }) {
   "use memo";
-  const [usagePopoverOpen, setUsagePopoverOpen] = useState10(false);
+  const [usagePopoverOpen, setUsagePopoverOpen] = useState11(false);
   const usagePopoverHoverTimerRef = useRef11(null);
   const usagePopoverContentRef = useRef11(null);
   const clampedPercent = Math.max(0, Math.min(100, percentUsed));
@@ -20079,7 +20471,7 @@ function AgentUsageChip({
       closeUsagePopover
     ]
   );
-  useEffect11(
+  useEffect12(
     () => () => {
       clearUsagePopoverHoverTimer();
       clearUsagePopoverCloseTimer();
@@ -20202,6 +20594,12 @@ var MENTION_PALETTE_DISMISS_INTERACTION_SELECTOR = [
   ".workbench-window__resize-handle",
   "#agent-gui-conversation-rail-resize"
 ].join(",");
+function resolveComposerProviderIconUrl(provider) {
+  return MANAGED_AGENT_ICON_URLS[normalizeManagedAgentProvider(provider)] ?? MANAGED_AGENT_ICON_FALLBACK_URL;
+}
+function resolveComposerProviderTargetIconUrl(target) {
+  return target.iconUrl ?? resolveComposerProviderIconUrl(target.provider);
+}
 function resolveMentionPalettePortalTarget(anchor) {
   return anchor.closest('[data-slot="viewport-menu-boundary"]') ?? anchor.closest(
     "[data-workbench-window-id], [data-workspace-node-window-root='true']"
@@ -20231,21 +20629,53 @@ function hasInlineOverflow(element) {
   }
   return element.scrollWidth > element.clientWidth + 1;
 }
-function resolveComposerProviderIconUrl(provider) {
-  const normalizedProvider = normalizeManagedAgentProvider(provider);
-  return MANAGED_AGENT_ICON_URLS[normalizedProvider] ?? MANAGED_AGENT_ICON_FALLBACK_URL;
+function AgentComposerMaskIcon({
+  iconUrl,
+  marker
+}) {
+  return /* @__PURE__ */ jsx28(
+    "span",
+    {
+      "aria-hidden": true,
+      className: "inline-block size-3.5 bg-[var(--text-secondary)] transition-colors group-hover:bg-[var(--text-primary)] group-focus-visible:bg-[var(--text-primary)]",
+      "data-agent-reference-add-icon": marker === "reference-add" ? "true" : void 0,
+      style: {
+        WebkitMaskImage: `url("${iconUrl}")`,
+        WebkitMaskPosition: "center",
+        WebkitMaskRepeat: "no-repeat",
+        WebkitMaskSize: "contain",
+        maskImage: `url("${iconUrl}")`,
+        maskPosition: "center",
+        maskRepeat: "no-repeat",
+        maskSize: "contain"
+      }
+    }
+  );
 }
-function resolveComposerProviderTargetIconUrl(target) {
-  return target.iconUrl?.trim() || resolveComposerProviderIconUrl(target.provider);
+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(
+    "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"
+      }
+    }
+  ) });
 }
 function AgentComposer({
   workspaceId,
   workspacePath,
   currentUserId,
   provider,
-  selectedProviderTarget = null,
-  providerTargets = [],
-  providerSelectReadonly = false,
   slashStatus = null,
   usage = null,
   draftContent,
@@ -20255,12 +20685,18 @@ function AgentComposer({
   availableSkills = EMPTY_PROVIDER_SKILLS,
   disabled,
   disabledReason,
+  hasActiveConversation = true,
   submitDisabled,
   placeholder,
   composerSettings,
   queuedPrompts,
   drainingQueuedPromptId,
   workspaceAppIcons = EMPTY_WORKSPACE_APP_ICONS2,
+  selectedProviderTarget = null,
+  providerTargets = [],
+  providerSelectReadonly = false,
+  onProviderSelect,
+  onHandoffConversation,
   canQueueWhileBusy,
   showStopButton,
   activePrompt,
@@ -20277,13 +20713,15 @@ function AgentComposer({
   promptImagesSupported = true,
   composerFocusRequestSequence = null,
   layoutMode = "dock",
+  providerSelectLabel = "",
+  handoffLabel,
+  handoffMenuLabel,
   labels,
   workspaceUserProjectI18n,
   onDraftContentChange,
   onProjectPathChange = () => {
   },
   onSettingsChange,
-  onProviderSelect,
   capabilityMenuState,
   onSubmit,
   onSubmitGuidance,
@@ -20316,28 +20754,28 @@ function AgentComposer({
   const promptFilesSupported = Boolean(
     resolveDroppedFileReferences && promptFileUploadSupported
   );
-  const [isPaletteOpen, setIsPaletteOpen] = useState10(true);
-  const [isReviewPickerOpen, setIsReviewPickerOpen] = useState10(false);
-  const [highlightedIndex, setHighlightedIndex] = useState10(0);
-  const [mentionHighlightedKey, setMentionHighlightedKey] = useState10(null);
-  const [shouldCenterMentionHighlight, setShouldCenterMentionHighlight] = useState10(false);
+  const [isPaletteOpen, setIsPaletteOpen] = useState11(true);
+  const [isReviewPickerOpen, setIsReviewPickerOpen] = useState11(false);
+  const [highlightedIndex, setHighlightedIndex] = useState11(0);
+  const [mentionHighlightedKey, setMentionHighlightedKey] = useState11(null);
+  const [shouldCenterMentionHighlight, setShouldCenterMentionHighlight] = useState11(false);
   const [
     shouldResetMentionHighlightToFilter,
     setShouldResetMentionHighlightToFilter
-  ] = useState10(false);
-  const [paletteDraftPrompt, setPaletteDraftPrompt] = useState10(
+  ] = useState11(false);
+  const [paletteDraftPrompt, setPaletteDraftPrompt] = useState11(
     goalDraftObjective ?? draftPrompt
   );
-  const [fileMentionSuggestion, setFileMentionSuggestion] = useState10(null);
-  const [isSelectedProjectMissing, setIsSelectedProjectMissing] = useState10(false);
-  const [isSlashStatusPanelOpen, setIsSlashStatusPanelOpen] = useState10(false);
+  const [fileMentionSuggestion, setFileMentionSuggestion] = useState11(null);
+  const [isSelectedProjectMissing, setIsSelectedProjectMissing] = useState11(false);
+  const [isSlashStatusPanelOpen, setIsSlashStatusPanelOpen] = useState11(false);
   const slashStatusAgentSessionId = slashStatus?.agentSessionId ?? null;
   const previousSlashStatusAgentSessionIdRef = useRef11(
     slashStatusAgentSessionId
   );
   const selectedProjectPath = composerSettings.selectedProjectPath?.trim() ?? "";
   const previousSelectedProjectPathRef = useRef11(selectedProjectPath);
-  const [mentionSearchState, setMentionSearchState] = useState10({
+  const [mentionSearchState, setMentionSearchState] = useState11({
     status: "idle",
     query: "",
     mode: "browse",
@@ -20361,15 +20799,15 @@ function AgentComposer({
   const wasActiveRef = useRef11(isActive);
   const lastComposerFocusRequestRef = useRef11(null);
   const autoMentionHighlightedKeyRef = useRef11(null);
-  const [isPromptTipOverflowing, setIsPromptTipOverflowing] = useState10(false);
-  const [dockComposerInputHeight, setDockComposerInputHeight] = useState10(
+  const [isPromptTipOverflowing, setIsPromptTipOverflowing] = useState11(false);
+  const [dockComposerInputHeight, setDockComposerInputHeight] = useState11(
     DOCK_COMPOSER_INPUT_MIN_HEIGHT
   );
-  const [dockComposerInputMaxHeight, setDockComposerInputMaxHeight] = useState10(
+  const [dockComposerInputMaxHeight, setDockComposerInputMaxHeight] = useState11(
     DOCK_COMPOSER_INPUT_MAX_HEIGHT
   );
-  const [dockComposerAttachmentHeight, setDockComposerAttachmentHeight] = useState10(0);
-  const [dockComposerTextHeight, setDockComposerTextHeight] = useState10(
+  const [dockComposerAttachmentHeight, setDockComposerAttachmentHeight] = useState11(0);
+  const [dockComposerTextHeight, setDockComposerTextHeight] = useState11(
     DOCK_COMPOSER_INPUT_MIN_HEIGHT
   );
   const slashQuery = isGoalModeActive ? null : getPromptStartSlashCommandQuery(paletteDraftPrompt);
@@ -20529,11 +20967,11 @@ function AgentComposer({
     highlightedIndex,
     slashPaletteEntries.length
   );
-  const [mentionPaletteFrame, setMentionPaletteFrame] = useState10(null);
-  useEffect11(() => {
+  const [mentionPaletteFrame, setMentionPaletteFrame] = useState11(null);
+  useEffect12(() => {
     setHighlightedIndex(0);
   }, [skillQueryMatch?.prefix, skillQueryMatch?.query, slashQuery]);
-  useEffect11(() => {
+  useEffect12(() => {
     const preferredKey = shouldResetMentionHighlightToFilter && mentionSearchState.mode === "browse" ? `category:${mentionSearchState.filter}` : null;
     if (shouldResetMentionHighlightToFilter) {
       const nextKey = repairMentionPaletteHighlight({
@@ -20565,7 +21003,7 @@ function AgentComposer({
     mentionSearchState,
     shouldResetMentionHighlightToFilter
   ]);
-  useEffect11(() => {
+  useEffect12(() => {
     const controller = new AgentMentionSearchController({
       contextMentionProviders
     });
@@ -20577,7 +21015,7 @@ function AgentComposer({
       mentionControllerRef.current = null;
     };
   }, [contextMentionProviders]);
-  useEffect11(() => {
+  useEffect12(() => {
     const isExternalDraftReplacement = draftPromptRef.current !== draftPrompt;
     draftPromptRef.current = draftPrompt;
     setPaletteDraftPrompt(goalDraftObjective ?? draftPrompt);
@@ -20589,13 +21027,13 @@ function AgentComposer({
       });
     }
   }, [draftPrompt, goalDraftObjective]);
-  useEffect11(() => {
+  useEffect12(() => {
     draftImagesRef.current = draftImages;
   }, [draftImages]);
-  useEffect11(() => {
+  useEffect12(() => {
     draftFilesRef.current = draftFiles;
   }, [draftFiles]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (previousSlashStatusAgentSessionIdRef.current === slashStatusAgentSessionId) {
       return;
     }
@@ -20851,11 +21289,13 @@ function AgentComposer({
       } else {
         onSubmit(submitContent);
       }
-      draftPromptRef.current = "";
-      draftImagesRef.current = [];
-      draftFilesRef.current = [];
-      setPaletteDraftPrompt("");
-      onDraftContentChange(emptyAgentComposerDraft());
+      if (hasActiveConversation) {
+        draftPromptRef.current = "";
+        draftImagesRef.current = [];
+        draftFilesRef.current = [];
+        setPaletteDraftPrompt("");
+        onDraftContentChange(emptyAgentComposerDraft());
+      }
     }
   );
   const submit = useCallback9(
@@ -21039,7 +21479,10 @@ function AgentComposer({
       return makeAtPanelKeyDown({
         close: closeFileMentionPalette,
         commitSelection: () => {
-          createFileMentionPaletteAdapter().commitHighlighted();
+          const result = createFileMentionPaletteAdapter().commitHighlighted();
+          if (result.type === "none") {
+            closeFileMentionPalette();
+          }
         },
         cycleFilter: cycleFileMentionFilter,
         moveSelection: moveFileMentionSelection,
@@ -21080,7 +21523,7 @@ function AgentComposer({
   const handlePaletteKeyDown = useStableEventCallback(
     (event) => handleFileMentionKeyDown(event) || handleSlashPaletteKeyDown(event) || handleSlashCommandMenuKeyDown(event) || handlePlanModeToggleKeyDown(event)
   );
-  useEffect11(() => {
+  useEffect12(() => {
     if (!showPalette || workspaceReferencePickerOpen) {
       return;
     }
@@ -21146,12 +21589,12 @@ function AgentComposer({
     },
     [onLinkAction, workspacePath]
   );
-  useEffect11(() => {
+  useEffect12(() => {
     if (!showFileMentionPalette && shouldCenterMentionHighlight) {
       setShouldCenterMentionHighlight(false);
     }
   }, [shouldCenterMentionHighlight, showFileMentionPalette]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!showFileMentionPalette) {
       return;
     }
@@ -21397,17 +21840,6 @@ function AgentComposer({
     }
     await applyReferencePickResult(await onRequestWorkspaceReferences());
   }, [applyReferencePickResult, onRequestWorkspaceReferences]);
-  const providerSwitchTargets = useMemo9(
-    () => providerTargets.filter((target) => target.disabled !== true),
-    [providerTargets]
-  );
-  const showProviderSelect = providerSwitchTargets.length > 1;
-  const selectedProviderTargetId = selectedProviderTarget?.targetId ?? `local:${provider}`;
-  const selectedProviderSwitchTarget = providerSwitchTargets.find(
-    (target) => target.targetId === selectedProviderTargetId
-  ) ?? selectedProviderTarget ?? providerSwitchTargets.find((target) => target.provider === provider) ?? null;
-  const selectedProviderLabel = selectedProviderSwitchTarget?.label ?? provider;
-  const providerSelectDisabled = previewMode || providerSelectReadonly || !onProviderSelect;
   const applyDroppedFileReferences = useCallback9(
     async (files) => {
       if (!promptFilesSupported || !resolveDroppedFileReferences || files.length === 0) {
@@ -21523,11 +21955,40 @@ function AgentComposer({
   const mentionPaletteHeightPx = mentionPaletteFrame?.height ?? MENTION_PALETTE_MIN_HEIGHT_PX;
   const isHeroLayout = layoutMode === "hero";
   const composerClassName = isHeroLayout ? AgentGUINode_styles_default.composerHero : AgentGUINode_styles_default.composer;
+  const providerSwitchTargets = useMemo9(
+    () => providerTargets.filter(Boolean),
+    [providerTargets]
+  );
+  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(
+    (target) => target.targetId === selectedProviderSwitchTarget.targetId
+  ) ? [selectedProviderSwitchTarget, ...providerSwitchTargets] : providerSwitchTargets;
+  const handoffMenuTargets = selectedProviderSwitchTarget ? providerMenuTargets.filter((target) => {
+    if (target.disabled === true) {
+      return false;
+    }
+    if (target.targetId === selectedProviderSwitchTarget.targetId) {
+      return false;
+    }
+    const selectedAgentTargetId = selectedProviderSwitchTarget.agentTargetId ?? selectedProviderSwitchTarget.targetId;
+    const targetAgentTargetId = target.agentTargetId ?? target.targetId;
+    return targetAgentTargetId !== selectedAgentTargetId;
+  }) : providerMenuTargets;
+  const selectedProviderLabel = selectedProviderSwitchTarget?.label ?? selectedProviderTarget?.label ?? provider;
+  const effectiveHandoffLabel = handoffLabel || labels.handoffConversation;
+  const effectiveHandoffMenuLabel = handoffMenuLabel || labels.handoffConversationMenu;
   const inputShellClassName = cn(
     AgentGUINode_styles_default.composerInputShell,
     isHeroLayout && AgentGUINode_styles_default.composerInputShellHero
   );
   const inputDisabled = isSelectedProjectMissing || disabled && !canQueueWhileBusy;
+  const providerSelectDisabled = providerSelectReadonly || composerControlsHardDisabled || inputDisabled;
+  const handoffDisabled = composerControlsHardDisabled || inputDisabled || !onHandoffConversation || handoffMenuTargets.length === 0;
+  const showProviderSelect = !isHeroLayout && selectedProviderSwitchTarget !== null && providerMenuTargets.length > 0;
+  const showHandoffSelect = showProviderSelect && providerSelectReadonly && !previewMode;
   const handleMentionPaletteButton = useCallback9(() => {
     if (composerControlsHardDisabled || inputDisabled) {
       return;
@@ -21551,7 +22012,7 @@ function AgentComposer({
     },
     [addDraftImages, scheduleComposerFocus]
   );
-  useEffect11(() => {
+  useEffect12(() => {
     const composer = composerRef.current;
     const dropTarget = composer?.closest("#agent-gui-detail") ?? composer;
     if (!dropTarget) {
@@ -21653,7 +22114,7 @@ function AgentComposer({
     promptImagesSupported,
     scheduleComposerFocus
   ]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!isActive) {
       wasActiveRef.current = false;
       return;
@@ -21663,7 +22124,7 @@ function AgentComposer({
     }
     wasActiveRef.current = true;
   }, [isActive, scheduleComposerFocus]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (composerFocusRequestSequence === null || composerFocusRequestSequence === lastComposerFocusRequestRef.current) {
       return;
     }
@@ -21864,12 +22325,12 @@ function AgentComposer({
   const sendButtonState = isQueueMode ? "queue" : shouldShowStopButton ? isInterrupting ? "stopping" : "interrupt" : isSendingTurn ? "loading" : "send";
   const sendButtonBusy = isSendingTurn && !isQueueMode;
   const activePromptRequestId = activePrompt?.requestId ?? null;
-  const [dismissedPromptRequestId, setDismissedPromptRequestId] = useState10(null);
+  const [dismissedPromptRequestId, setDismissedPromptRequestId] = useState11(null);
   const visibleActivePrompt = activePrompt && dismissedPromptRequestId !== activePromptRequestId ? activePrompt : null;
   const disabledReasonText = disabledReason?.trim() ?? "";
   const effectivePlaceholder = disabledReasonText || placeholder;
   const visibleDraftFiles = draftFiles;
-  useEffect11(() => {
+  useEffect12(() => {
     if (previousSelectedProjectPathRef.current === selectedProjectPath) {
       return;
     }
@@ -21885,7 +22346,7 @@ function AgentComposer({
       sessionCwd: selectedProjectPath || null
     });
   }, [currentUserId, fileMentionSuggestion, selectedProjectPath, workspaceId]);
-  useEffect11(() => {
+  useEffect12(() => {
     setDismissedPromptRequestId(null);
   }, [activePromptRequestId]);
   const submitInteractivePromptAndDismiss = useCallback9(
@@ -22361,14 +22822,13 @@ function AgentComposer({
                                 className: cn(
                                   AgentGUINode_styles_default.composerMenuTrigger,
                                   AgentGUINode_styles_default.composerReferenceTrigger,
-                                  "w-auto justify-center text-[var(--agent-gui-text-secondary)] [&_svg]:shrink-0"
+                                  "group w-auto justify-center text-[var(--agent-gui-text-secondary)]"
                                 ),
                                 children: /* @__PURE__ */ jsx28(
-                                  AddIcon,
+                                  AgentComposerMaskIcon,
                                   {
-                                    "aria-hidden": true,
-                                    className: "size-3.5",
-                                    "data-agent-reference-add-icon": "true"
+                                    iconUrl: add_lined_bold_default,
+                                    marker: "reference-add"
                                   }
                                 )
                               }
@@ -22396,17 +22856,17 @@ function AgentComposer({
                                   {
                                     size: "sm",
                                     "aria-label": labels.referenceWorkspaceFiles,
+                                    title: labels.referenceWorkspaceFiles,
                                     className: cn(
                                       AgentGUINode_styles_default.composerMenuTrigger,
                                       AgentGUINode_styles_default.composerReferenceTrigger,
-                                      "w-auto justify-center text-[var(--agent-gui-text-secondary)] [&>svg:last-child]:hidden [&_svg]:shrink-0"
+                                      "group w-auto justify-center text-[var(--agent-gui-text-secondary)] [&>svg:last-child]:hidden"
                                     ),
                                     children: /* @__PURE__ */ jsx28(
-                                      AddIcon,
+                                      AgentComposerMaskIcon,
                                       {
-                                        "aria-hidden": true,
-                                        className: "size-3.5",
-                                        "data-agent-reference-add-icon": "true"
+                                        iconUrl: add_lined_bold_default,
+                                        marker: "reference-add"
                                       }
                                     )
                                   }
@@ -22415,50 +22875,120 @@ function AgentComposer({
                             ),
                             /* @__PURE__ */ jsx28(TooltipContent, { side: "top", children: labels.addContent })
                           ] }) }),
-                          /* @__PURE__ */ jsx28(
-                            "button",
-                            {
-                              type: "button",
-                              "aria-label": labels.mentionPalette,
-                              title: labels.mentionPalette,
-                              disabled: composerControlsHardDisabled || inputDisabled,
-                              className: cn(
-                                AgentGUINode_styles_default.composerMenuTrigger,
-                                AgentGUINode_styles_default.composerReferenceTrigger,
-                                "group w-auto justify-center text-[var(--agent-gui-text-secondary)] disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0"
+                          /* @__PURE__ */ jsx28(TooltipProvider, { delayDuration: 120, children: /* @__PURE__ */ jsxs15(Tooltip, { children: [
+                            /* @__PURE__ */ jsx28(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
+                              "button",
+                              {
+                                type: "button",
+                                "aria-label": labels.mentionPalette,
+                                disabled: composerControlsHardDisabled || inputDisabled,
+                                className: cn(
+                                  AgentGUINode_styles_default.composerMenuTrigger,
+                                  AgentGUINode_styles_default.composerReferenceTrigger,
+                                  "group w-auto justify-center text-[var(--agent-gui-text-secondary)] disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0"
+                                ),
+                                onMouseDown: (event) => event.preventDefault(),
+                                onClick: handleMentionPaletteButton,
+                                children: /* @__PURE__ */ jsx28(
+                                  "span",
+                                  {
+                                    "aria-hidden": true,
+                                    className: "inline-block size-3.5 bg-[var(--text-secondary)] transition-colors group-hover:bg-[var(--text-primary)] group-focus-visible:bg-[var(--text-primary)]",
+                                    style: {
+                                      WebkitMaskImage: `url("${bold_lined_default}")`,
+                                      WebkitMaskPosition: "center",
+                                      WebkitMaskRepeat: "no-repeat",
+                                      WebkitMaskSize: "contain",
+                                      maskImage: `url("${bold_lined_default}")`,
+                                      maskPosition: "center",
+                                      maskRepeat: "no-repeat",
+                                      maskSize: "contain"
+                                    }
+                                  }
+                                )
+                              }
+                            ) }),
+                            /* @__PURE__ */ jsx28(TooltipContent, { side: "top", children: labels.mentionPalette })
+                          ] }) })
+                        ] }),
+                        showHandoffSelect ? /* @__PURE__ */ jsxs15(
+                          Select2,
+                          {
+                            value: HANDOFF_SELECT_IDLE_VALUE,
+                            disabled: handoffDisabled,
+                            onValueChange: (nextTargetId) => {
+                              const target = handoffMenuTargets.find(
+                                (candidate) => candidate.targetId === nextTargetId
+                              );
+                              if (!target || target.disabled === true) {
+                                return;
+                              }
+                              onHandoffConversation?.(target);
+                            },
+                            children: [
+                              /* @__PURE__ */ jsx28(
+                                SelectTrigger2,
+                                {
+                                  size: "sm",
+                                  "aria-label": effectiveHandoffLabel,
+                                  title: effectiveHandoffLabel,
+                                  className: cn(
+                                    AgentGUINode_styles_default.composerMenuTrigger,
+                                    AgentGUINode_styles_default.composerProviderSelect,
+                                    AgentGUINode_styles_default.composerHandoffTrigger,
+                                    "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("span", { className: "min-w-0 truncate", children: effectiveHandoffLabel })
+                                  ] })
+                                }
                               ),
-                              onMouseDown: (event) => event.preventDefault(),
-                              onClick: handleMentionPaletteButton,
-                              children: /* @__PURE__ */ jsx28(
-                                "span",
+                              /* @__PURE__ */ jsx28(
+                                SelectContent2,
                                 {
-                                  "aria-hidden": true,
-                                  className: "inline-block size-3.5 bg-[var(--text-secondary)] transition-colors group-hover:bg-[var(--text-primary)] group-focus-visible:bg-[var(--text-primary)]",
-                                  style: {
-                                    WebkitMaskImage: `url("${lined_14px_default}")`,
-                                    WebkitMaskPosition: "center",
-                                    WebkitMaskRepeat: "no-repeat",
-                                    WebkitMaskSize: "contain",
-                                    maskImage: `url("${lined_14px_default}")`,
-                                    maskPosition: "center",
-                                    maskRepeat: "no-repeat",
-                                    maskSize: "contain"
-                                  }
+                                  align: "start",
+                                  className: cn(
+                                    AgentGUINode_styles_default.composerMenuContent,
+                                    AgentGUINode_styles_default.composerHandoffMenuContent,
+                                    "min-w-[190px]"
+                                  ),
+                                  "aria-label": effectiveHandoffMenuLabel,
+                                  children: handoffMenuTargets.map((target) => /* @__PURE__ */ jsx28(
+                                    SelectItem2,
+                                    {
+                                      value: target.targetId,
+                                      className: cn(AgentGUINode_styles_default.composerMenuItem, "gap-2"),
+                                      disabled: target.disabled === true,
+                                      children: /* @__PURE__ */ jsxs15("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+                                        /* @__PURE__ */ jsx28(
+                                          "img",
+                                          {
+                                            alt: "",
+                                            "aria-hidden": "true",
+                                            className: "size-4 shrink-0 rounded-[4px]",
+                                            src: resolveComposerProviderTargetIconUrl(target)
+                                          }
+                                        ),
+                                        /* @__PURE__ */ jsx28("span", { className: "min-w-0 truncate", children: target.label })
+                                      ] })
+                                    },
+                                    `${target.provider}:${target.targetId}`
+                                  ))
                                 }
                               )
-                            }
-                          )
-                        ] }),
-                        showProviderSelect && selectedProviderSwitchTarget ? /* @__PURE__ */ jsxs15(
+                            ]
+                          }
+                        ) : showProviderSelect && selectedProviderSwitchTarget ? /* @__PURE__ */ jsxs15(
                           Select2,
                           {
-                            value: selectedProviderTargetId,
+                            value: selectedProviderSwitchTarget.targetId,
                             disabled: providerSelectDisabled,
                             onValueChange: (nextTargetId) => {
-                              const target = providerSwitchTargets.find(
+                              const target = providerMenuTargets.find(
                                 (candidate) => candidate.targetId === nextTargetId
                               );
-                              if (!target) {
+                              if (!target || target.disabled === true) {
                                 return;
                               }
                               onProviderSelect?.({
@@ -22471,14 +23001,27 @@ function AgentComposer({
                                 SelectTrigger2,
                                 {
                                   size: "sm",
-                                  "aria-label": labels.providerSwitchLabel,
-                                  title: labels.providerSwitchLabel,
+                                  "aria-label": providerSelectLabel,
+                                  title: providerSelectLabel,
                                   className: cn(
                                     AgentGUINode_styles_default.composerMenuTrigger,
                                     AgentGUINode_styles_default.composerProviderSelect,
-                                    "max-w-[160px] text-[var(--agent-gui-text-secondary)]"
+                                    "w-auto max-w-[180px]"
                                   ),
-                                  children: /* @__PURE__ */ jsx28("span", { className: "min-w-0 truncate", children: /* @__PURE__ */ jsx28(SelectValue, { placeholder: selectedProviderLabel }) })
+                                  children: /* @__PURE__ */ jsxs15("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+                                    /* @__PURE__ */ jsx28(
+                                      "img",
+                                      {
+                                        alt: "",
+                                        "aria-hidden": "true",
+                                        className: "size-4 shrink-0 rounded-[4px]",
+                                        src: resolveComposerProviderTargetIconUrl(
+                                          selectedProviderSwitchTarget
+                                        )
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsx28("span", { className: "min-w-0 truncate", children: selectedProviderLabel })
+                                  ] })
                                 }
                               ),
                               /* @__PURE__ */ jsx28(
@@ -22486,12 +23029,13 @@ function AgentComposer({
                                 {
                                   align: "start",
                                   className: cn(AgentGUINode_styles_default.composerMenuContent, "min-w-[190px]"),
-                                  children: providerSwitchTargets.map((target) => /* @__PURE__ */ jsx28(
+                                  children: providerMenuTargets.map((target) => /* @__PURE__ */ jsx28(
                                     SelectItem2,
                                     {
                                       value: target.targetId,
                                       className: cn(AgentGUINode_styles_default.composerMenuItem, "gap-2"),
-                                      children: /* @__PURE__ */ jsxs15("span", { className: "flex min-w-0 items-center gap-2", children: [
+                                      disabled: target.disabled === true,
+                                      children: /* @__PURE__ */ jsxs15("span", { className: "flex min-w-0 items-center gap-1.5", children: [
                                         /* @__PURE__ */ jsx28(
                                           "img",
                                           {
@@ -22605,7 +23149,7 @@ function AgentComposer({
                             totalTokens: usage.totalTokens,
                             tooltipsEnabled: !previewMode,
                             compactSupported: compactSupported ?? false,
-                            compactDisabled: !hasCompactableContext || composerControlsHardDisabled,
+                            compactDisabled: !hasCompactableContext || composerControlsHardDisabled || isSendingTurn,
                             onCompact: () => onSubmit(textPromptContent("/compact")),
                             labels: {
                               usageChipLabel: labels.usageChipLabel,
@@ -22726,7 +23270,7 @@ function AgentComposerDraftImagePreview({
   removeLabel,
   onRemove
 }) {
-  const [aspectRatio, setAspectRatio] = useState10(1);
+  const [aspectRatio, setAspectRatio] = useState11(1);
   const previewWidth = Math.round(
     Math.min(
       DRAFT_IMAGE_PREVIEW_MAX_WIDTH_PX,
@@ -23222,6 +23766,14 @@ function AttentionGlyph() {
 
 // agent-gui/agentGuiNode/AgentGUINodeView.tsx
 import { createRichTextMentionHref as createRichTextMentionHref2 } from "@tutti-os/ui-rich-text/core";
+
+// app/renderer/assets/icons/agents/claudecode-flat-filled.svg
+var claudecode_flat_filled_default = "./claudecode-flat-filled-NHO4JCVK.svg";
+
+// app/renderer/assets/icons/agents/codex-flat-filled.svg
+var codex_flat_filled_default = "./codex-flat-filled-WYHCF5VR.svg";
+
+// agent-gui/agentGuiNode/AgentGUINodeView.tsx
 import { Fragment as Fragment8, jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
 var AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX = 24;
 var AGENT_GUI_TOP_HISTORY_PREFETCH_THRESHOLD_PX = 240;
@@ -23242,8 +23794,22 @@ function resolveAgentGUIHeroIconUrl(provider) {
   const normalizedProvider = normalizeManagedAgentProvider(provider);
   return MANAGED_AGENT_ICON_URLS[normalizedProvider] ?? MANAGED_AGENT_ICON_FALLBACK_URL;
 }
+function agentGUIProviderIconPresentation(provider, iconUrl) {
+  const normalizedProvider = normalizeManagedAgentProvider(provider);
+  return {
+    provider: normalizedProvider,
+    iconUrl: iconUrl?.trim() || resolveAgentGUIHeroIconUrl(normalizedProvider)
+  };
+}
+function agentGUIProviderRailIconPresentation(provider, iconUrl) {
+  const normalizedProvider = normalizeManagedAgentProvider(provider);
+  return {
+    provider: normalizedProvider,
+    iconUrl: iconUrl?.trim() || MANAGED_AGENT_PROVIDER_RAIL_ICON_URLS[normalizedProvider] || resolveAgentGUIHeroIconUrl(normalizedProvider)
+  };
+}
 function shouldEmphasizeEmptyHeroProvider(label) {
-  return !/[\u3400-\u9fff]/u.test(label);
+  return label.trim().length > 0;
 }
 var fallbackWorkspaceFileReferenceCopy = {
   t(key, values) {
@@ -23424,9 +23990,45 @@ function conversationPlainTitle(conversation, labels, uiLanguage) {
     language: uiLanguage
   });
 }
+function buildAgentConversationHandoffPrompt(input) {
+  const conversation = input.activeConversation;
+  if (!conversation) {
+    return "";
+  }
+  const sourceAgentLabel = input.selectedProviderTarget?.label?.trim() || conversation.provider;
+  const title = conversationPlainTitle(
+    conversation,
+    input.labels,
+    input.uiLanguage
+  );
+  const mentionLabel = `${sourceAgentLabel}${title ? ` ${title}` : ""}`.trim();
+  const href = createRichTextMentionHref2({
+    providerId: "agent-session",
+    entityId: conversation.id,
+    label: mentionLabel,
+    scope: { workspaceId: input.workspaceId }
+  });
+  return `${formatAgentMentionMarkdown({
+    kind: "session",
+    href,
+    workspaceId: input.workspaceId,
+    targetId: conversation.id,
+    name: mentionLabel,
+    title: title || sourceAgentLabel,
+    scope: "my_sessions",
+    initiatorName: input.currentUserId?.trim() || sourceAgentLabel,
+    agentName: sourceAgentLabel,
+    status: conversation.status,
+    updatedAtUnixMs: conversation.updatedAtUnixMs
+  })} `;
+}
+function handoffProjectPathForConversation(conversation) {
+  return conversation?.project?.path?.trim() || conversation?.cwd?.trim() || null;
+}
 function AgentGUINodeView({
   viewModel,
   onLinkAction,
+  onHandoffConversation,
   capabilityMenuState,
   onCapabilitySettingsRequest,
   isActive = true,
@@ -23467,16 +24069,16 @@ function AgentGUINodeView({
   "use memo";
   const layoutElementRef = useRef12(null);
   const railResizeInteractionRef = useRef12(null);
-  const [isRailResizing, setIsRailResizing] = useState11(false);
-  const [railResizeWidthPx, setRailResizeWidthPx] = useState11(
+  const [isRailResizing, setIsRailResizing] = useState12(false);
+  const [railResizeWidthPx, setRailResizeWidthPx] = useState12(
     null
   );
-  const [workspaceReferencePickerOpen, setWorkspaceReferencePickerOpen] = useState11(false);
-  const [workspaceReferencePickerTarget, setWorkspaceReferencePickerTarget] = useState11(null);
+  const [workspaceReferencePickerOpen, setWorkspaceReferencePickerOpen] = useState12(false);
+  const [workspaceReferencePickerTarget, setWorkspaceReferencePickerTarget] = useState12(null);
   const [
     localComposerFocusRequestSequence,
     setLocalComposerFocusRequestSequence
-  ] = useState11(0);
+  ] = useState12(0);
   const handledNewConversationRequestSequenceRef = useRef12(
     newConversationRequestSequence
   );
@@ -23644,7 +24246,7 @@ function AgentGUINodeView({
       viewModel.composerSettings.selectedProjectPath
     ]
   );
-  useEffect12(() => {
+  useEffect13(() => {
     if (newConversationRequestSequence === null || handledNewConversationRequestSequenceRef.current === newConversationRequestSequence) {
       return;
     }
@@ -23734,7 +24336,7 @@ function AgentGUINodeView({
     },
     [onConversationRailWidthChanged]
   );
-  useEffect12(() => {
+  useEffect13(() => {
     if (isRailResizing || railResizeWidthPx === null) {
       return;
     }
@@ -23774,13 +24376,22 @@ function AgentGUINodeView({
     ]
   );
   const visualConversationRailWidthPx = isRailResizing ? railResizeInteractionRef.current?.lastWidthPx ?? conversationRailWidthPx : railResizeWidthPx ?? conversationRailWidthPx;
+  const effectiveConversationRailWidthPx = conversationRailCollapsed ? 0 : visualConversationRailWidthPx;
+  const showProviderRail = true;
+  const renderProviderRail = showProviderRail && !conversationRailCollapsed;
   const layoutStyle = {
-    "--agent-gui-conversation-rail-width": `${visualConversationRailWidthPx}px`,
+    "--agent-gui-conversation-rail-width": `${effectiveConversationRailWidthPx}px`,
+    "--agent-gui-conversation-rail-content-width": `${visualConversationRailWidthPx}px`,
     "--agent-gui-detail-min-width": `${detailMinWidthPx}px`,
-    gridTemplateColumns: conversationRailCollapsed ? "0 minmax(var(--agent-gui-detail-min-width), 1fr)" : "var(--agent-gui-conversation-rail-width) minmax(var(--agent-gui-detail-min-width), 1fr)"
+    "--agent-gui-provider-rail-width": renderProviderRail ? "52px" : "0px",
+    gridTemplateColumns: showProviderRail ? "var(--agent-gui-provider-rail-width) var(--agent-gui-conversation-rail-width) minmax(var(--agent-gui-detail-min-width), 1fr)" : "var(--agent-gui-conversation-rail-width) minmax(var(--agent-gui-detail-min-width), 1fr)"
   };
   const effectiveRailConfigProvider = railConfigProvider === void 0 ? viewModel.data.provider : railConfigProvider;
   const effectiveRailSlashStatusLimits = railSlashStatusLimits ?? slashStatusLimits;
+  const enabledProviderTargets = viewModel.providerTargets.filter(
+    (target) => target.disabled !== true && ((target.agentTargetId?.trim() ?? "") || (target.targetId?.trim() ?? ""))
+  );
+  const sectionAgentTargetFallbackId = enabledProviderTargets.length <= 1 ? viewModel.selectedProviderTarget.agentTargetId?.trim() || viewModel.selectedProviderTarget.targetId?.trim() || null : null;
   const openAgentEnvSetup = useCallback10(() => {
     if (!effectiveRailConfigProvider) {
       return;
@@ -23806,8 +24417,8 @@ function AgentGUINodeView({
       selectedProviderTarget: viewModel.selectedProviderTarget,
       providerTargets: viewModel.providerTargets,
       providerTargetsLoading: viewModel.providerTargetsLoading,
-      conversationScope: viewModel.conversationScope,
       conversationFilter: viewModel.conversationFilter,
+      sectionAgentTargetFallbackId,
       onCreateConversation: requestCreateConversation,
       onUpdateConversationFilter: actions.updateConversationFilter,
       onSelectConversationFilterTarget: actions.selectConversationFilterTarget,
@@ -23845,6 +24456,7 @@ function AgentGUINodeView({
       retryOpenclawGateway,
       selectConversation,
       selectProjectDirectory,
+      sectionAgentTargetFallbackId,
       effectiveRailConfigProvider,
       effectiveRailSlashStatusLimits,
       viewModel.selectedProviderTarget,
@@ -23852,7 +24464,6 @@ function AgentGUINodeView({
       viewModel.providerTargetsLoading,
       toggleConversationPinned,
       uiLanguage,
-      viewModel.conversationScope,
       viewModel.conversationFilter,
       viewModel.activeConversationId,
       viewModel.isDeletingConversation,
@@ -23900,6 +24511,28 @@ function AgentGUINodeView({
         inert: previewMode ? true : void 0,
         style: layoutStyle,
         children: [
+          showProviderRail ? /* @__PURE__ */ jsx31(
+            "aside",
+            {
+              className: AgentGUINode_styles_default.providerRailPanel,
+              "aria-label": labels.providerSwitchLabel,
+              "aria-hidden": conversationRailCollapsed ? "true" : void 0,
+              inert: conversationRailCollapsed ? true : void 0,
+              children: /* @__PURE__ */ jsx31(
+                AgentGUIProviderRail,
+                {
+                  conversationFilter: viewModel.conversationFilter,
+                  labels,
+                  previewMode,
+                  selectedProviderTarget: viewModel.selectedProviderTarget,
+                  providerTargets: viewModel.providerTargets,
+                  providerTargetsLoading: viewModel.providerTargetsLoading,
+                  onSelectConversationFilterTarget: actions.selectConversationFilterTarget,
+                  onUpdateConversationFilter: actions.updateConversationFilter
+                }
+              )
+            }
+          ) : null,
           /* @__PURE__ */ jsx31(
             "aside",
             {
@@ -23958,6 +24591,7 @@ function AgentGUINodeView({
               slashStatusLimits,
               slashStatusLimitsLoading,
               onLinkAction,
+              onHandoffConversation,
               capabilityMenuState,
               onCapabilitySettingsRequest,
               onAgentProviderLogin,
@@ -24078,6 +24712,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
   slashStatusLimits,
   slashStatusLimitsLoading,
   onLinkAction,
+  onHandoffConversation,
   capabilityMenuState,
   onCapabilitySettingsRequest,
   onAgentProviderLogin,
@@ -24094,18 +24729,20 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
   const timelineScrollAnchorRef = useRef12(null);
   const submittedPromptScrollConversationRef = useRef12(null);
   const pendingPrependScrollAnchorRef = useRef12(null);
-  const [isTimelineScrolledToTop, setIsTimelineScrolledToTop] = useState11(true);
+  const [isTimelineScrolledToTop, setIsTimelineScrolledToTop] = useState12(true);
+  const [isTimelineScrolledToBottom, setIsTimelineScrolledToBottom] = useState12(true);
   const [
     bottomDockDismissedPromptRequestId,
     setBottomDockDismissedPromptRequestId
-  ] = useState11(null);
+  ] = useState12(null);
   const conversation = useProjectedAgentConversation({
     conversation: viewModel.conversation,
     detail: viewModel.conversationDetail,
     avoidGroupingEdits: viewModel.avoidGroupingEdits
   });
   const hasActiveConversation = viewModel.activeConversationId !== null;
-  const emptyProviderReadinessGate = !hasActiveConversation ? viewModel.providerReadinessGate : null;
+  const selectedProviderTargetComingSoon = viewModel.selectedProviderTarget?.disabled === true;
+  const emptyProviderReadinessGate = !hasActiveConversation ? selectedProviderTargetComingSoon ? { status: "coming_soon" } : viewModel.providerReadinessGate : null;
   const activePrompt = viewModel.pendingInteractivePrompt ?? viewModel.pendingApproval;
   const activePromptRequestId = activePrompt?.requestId ?? null;
   const sessionChrome = useMemo10(
@@ -24252,26 +24889,32 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
   );
   const goalBannerLabels = useMemo10(
     () => ({
-      goalLabel: labels.goalLabel,
-      statusActive: labels.goalStatusActive,
-      statusPaused: labels.goalStatusPaused,
-      statusBlocked: labels.goalStatusBlocked,
-      statusUsageLimited: labels.goalStatusUsageLimited,
-      statusBudgetLimited: labels.goalStatusBudgetLimited,
-      statusComplete: labels.goalStatusComplete,
+      titleActive: labels.goalTitleActive,
+      titlePaused: labels.goalTitlePaused,
+      titleBlocked: labels.goalTitleBlocked,
+      titleUsageLimited: labels.goalTitleUsageLimited,
+      titleBudgetLimited: labels.goalTitleBudgetLimited,
+      titleComplete: labels.goalTitleComplete,
       budgetUsage: labels.goalBudgetUsage,
-      clearHint: labels.goalClearHint
+      clearHint: labels.goalClearHint,
+      editAction: labels.goalEditAction,
+      pauseAction: labels.goalPauseAction,
+      resumeAction: labels.goalResumeAction,
+      clearAction: labels.goalClearAction
     }),
     [
-      labels.goalLabel,
-      labels.goalStatusActive,
-      labels.goalStatusPaused,
-      labels.goalStatusBlocked,
-      labels.goalStatusUsageLimited,
-      labels.goalStatusBudgetLimited,
-      labels.goalStatusComplete,
+      labels.goalTitleActive,
+      labels.goalTitlePaused,
+      labels.goalTitleBlocked,
+      labels.goalTitleUsageLimited,
+      labels.goalTitleBudgetLimited,
+      labels.goalTitleComplete,
       labels.goalBudgetUsage,
-      labels.goalClearHint
+      labels.goalClearHint,
+      labels.goalEditAction,
+      labels.goalPauseAction,
+      labels.goalResumeAction,
+      labels.goalClearAction
     ]
   );
   const interactivePromptLabels = useMemo10(
@@ -24421,6 +25064,8 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       addReference: labels.addReference,
       addContent: labels.addContent,
       referenceWorkspaceFiles: labels.referenceWorkspaceFiles,
+      handoffConversation: labels.handoffConversation,
+      handoffConversationMenu: labels.handoffConversationMenu,
       providerSwitchLabel: labels.providerSwitchLabel,
       projectLocked: labels.projectLocked,
       projectMissingDescription: labels.projectMissingDescription,
@@ -24440,6 +25085,8 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       labels.fileMentionLoading,
       labels.fileMentionPalette,
       labels.fileMentionTabHint,
+      labels.handoffConversation,
+      labels.handoffConversationMenu,
       labels.inheritedUnavailable,
       labels.loadingConversation,
       labels.modelLabel,
@@ -24558,6 +25205,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
     actions.updateComposerSettings
   );
   const submitPrompt = useStableEventCallback2(actions.submitPrompt);
+  const goalControl = useStableEventCallback2(actions.goalControl);
   const submitGuidancePrompt = useStableEventCallback2(
     actions.submitGuidancePrompt
   );
@@ -24619,17 +25267,22 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
     },
     [submitInteractivePrompt]
   );
-  const canSwitchComposerProvider = viewModel.conversationScope === "multi-provider";
-  const composerProviderTargets = canSwitchComposerProvider ? viewModel.providerTargets : [viewModel.selectedProviderTarget];
+  const canSwitchComposerProvider = true;
+  const composerProviderTargets = viewModel.providerTargets;
+  const composerProvider = viewModel.activeConversationId === null ? viewModel.selectedProviderTarget?.provider ?? viewModel.data.provider : viewModel.data.provider;
+  const composerSelectedProviderTarget = viewModel.activeConversationId === null ? viewModel.selectedProviderTarget : viewModel.providerTargets.find((target) => {
+    if (target.provider !== viewModel.data.provider) {
+      return false;
+    }
+    const agentTargetId = viewModel.data.agentTargetId;
+    return !agentTargetId || target.targetId === agentTargetId || target.agentTargetId === agentTargetId;
+  }) ?? viewModel.selectedProviderTarget;
   const bottomDockComposerProps = useMemo10(
     () => ({
       workspaceId: viewModel.workspaceId,
       workspacePath: viewModel.workspacePath,
       currentUserId: viewModel.currentUserId,
-      provider: viewModel.data.provider,
-      selectedProviderTarget: viewModel.selectedProviderTarget,
-      providerTargets: composerProviderTargets,
-      providerSelectReadonly: !canSwitchComposerProvider || viewModel.activeConversationId !== null,
+      provider: composerProvider,
       slashStatus,
       usage: viewModel.usage,
       draftContent: viewModel.draftContent,
@@ -24637,8 +25290,13 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       hasCompactableContext: viewModel.hasSentUserMessage,
       compactSupported: viewModel.compactSupported,
       availableSkills: viewModel.availableSkills,
+      selectedProviderTarget: composerSelectedProviderTarget,
+      providerTargets: composerProviderTargets,
+      providerSelectReadonly: !canSwitchComposerProvider || viewModel.activeConversationId !== null,
+      onProviderSelect: canSwitchComposerProvider && viewModel.activeConversationId === null ? actions.selectHomeComposerAgentTarget : void 0,
       disabled: composerDisabled,
       disabledReason: composerDisabledReason,
+      hasActiveConversation: viewModel.activeConversationId !== null,
       submitDisabled,
       composerSettings: viewModel.composerSettings,
       queuedPrompts: viewModel.queuedPrompts,
@@ -24658,6 +25316,9 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       composerFocusRequestSequence,
       isActive,
       promptImagesSupported: viewModel.promptImagesSupported,
+      providerSelectLabel: labels.providerSwitchLabel,
+      handoffLabel: labels.handoffConversation,
+      handoffMenuLabel: labels.handoffConversationMenu,
       isInterrupting: viewModel.isInterrupting,
       isSendingTurn: isComposerSending,
       isSubmittingPrompt: viewModel.isRespondingApproval,
@@ -24668,7 +25329,6 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       onDraftContentChange: updateDraftContent,
       onProjectPathChange: updateSelectedProjectPath,
       onSettingsChange: updateComposerSettings,
-      onProviderSelect: canSwitchComposerProvider ? actions.selectProvider : void 0,
       onSubmit: submitPromptAndScrollToBottom,
       onSubmitGuidance: submitGuidancePromptAndScrollToBottom,
       onPromptImagesUnsupported: showPromptImagesUnsupported,
@@ -24679,6 +25339,21 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       onSubmitInteractivePrompt: submitInteractivePrompt,
       onCapabilitySettingsRequest,
       onLinkAction: stableLinkAction,
+      onHandoffConversation: onHandoffConversation && viewModel.activeConversationId !== null ? (target) => onHandoffConversation({
+        agentTargetId: target.agentTargetId ?? target.targetId,
+        draftPrompt: buildAgentConversationHandoffPrompt({
+          activeConversation: viewModel.activeConversation,
+          currentUserId: viewModel.currentUserId,
+          labels,
+          selectedProviderTarget: composerSelectedProviderTarget,
+          uiLanguage,
+          workspaceId: viewModel.workspaceId
+        }),
+        provider: target.provider,
+        userProjectPath: handoffProjectPathForConversation(
+          viewModel.activeConversation
+        )
+      }) : void 0,
       onRequestWorkspaceReferences: stableRequestWorkspaceReferences,
       resolveDroppedFileReferences,
       selectProjectDirectory: stableSelectProjectDirectory,
@@ -24688,19 +25363,26 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
     [
       canQueueWhileBusy,
       backgroundAgentStatusText,
-      canSwitchComposerProvider,
+      actions.selectHomeComposerAgentTarget,
       capabilityMenuState,
-      composerProviderTargets,
+      canSwitchComposerProvider,
       composerDisabled,
       composerDisabledReason,
       composerFocusRequestSequence,
       composerLabels,
+      composerProviderTargets,
+      composerSelectedProviderTarget,
       handleInterruptCurrentTurn,
       isActive,
       isComposerSending,
       labels.followupPlaceholder,
+      labels.handoffConversation,
+      labels.handoffConversationMenu,
       labels.initialPlaceholder,
       labels.promptTips,
+      labels.providerSwitchLabel,
+      labels,
+      onHandoffConversation,
       previewMode,
       workspaceReferencePickerOpen,
       composerActivePrompt,
@@ -24723,16 +25405,17 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       stableSelectProjectDirectory,
       stableRequestWorkspaceReferences,
       updateComposerSettings,
-      actions.selectProvider,
       updateDraftContent,
       updateSelectedProjectPath,
+      viewModel.activeConversationId,
       viewModel.availableCommands,
       viewModel.availableSkills,
       viewModel.compactSupported,
       viewModel.composerSettings,
       viewModel.currentUserId,
-      viewModel.data.provider,
-      viewModel.selectedProviderTarget,
+      viewModel.activeConversationId,
+      viewModel.activeConversation,
+      composerProvider,
       viewModel.draftContent,
       viewModel.draftPrompt,
       viewModel.drainingQueuedPromptId,
@@ -24756,6 +25439,12 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
     [bottomDockComposerProps]
   );
   const emptyHeroProvider = viewModel.selectedProviderTarget?.provider ?? viewModel.data.provider;
+  const emptyHeroProviderLabel = labels.emptyProviderForProvider?.(emptyHeroProvider) ?? labels.emptyProvider ?? "";
+  const emptyHeroLabel = labels.emptyForProvider?.(emptyHeroProvider) ?? labels.empty;
+  const emptyHeroIconPresentations = useMemo10(
+    () => viewModel.conversationFilter.kind === "all" ? agentGUILaunchpadIconPresentations() : [agentGUIProviderIconPresentation(emptyHeroProvider)],
+    [emptyHeroProvider, viewModel.conversationFilter]
+  );
   const bottomDockStoreState = useMemo10(
     () => ({
       // The lifted prompt is rendered from props on the pane; the store still
@@ -24792,7 +25481,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
     viewModel.drainingQueuedPromptId ?? "",
     viewModel.isRespondingApproval ? "1" : "0"
   ].join("|");
-  useEffect12(() => {
+  useEffect13(() => {
     setBottomDockDismissedPromptRequestId(null);
   }, [activePromptRequestId]);
   useLayoutEffect4(() => {
@@ -24806,6 +25495,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       pendingPrependScrollAnchorRef.current = null;
       submittedPromptScrollConversationRef.current = null;
       setIsTimelineScrolledToTop(true);
+      setIsTimelineScrolledToBottom(true);
       return;
     }
     const maxScrollTop = Math.max(
@@ -24856,6 +25546,9 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
     setIsTimelineScrolledToTop(
       nextScrollTop <= AGENT_GUI_TOP_MASK_SCROLL_EPSILON_PX
     );
+    setIsTimelineScrolledToBottom(
+      maxScrollTop - nextScrollTop <= AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX
+    );
   }, [
     conversation,
     showTimelineSkeleton,
@@ -24874,6 +25567,9 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       const bottomDockRect = bottomDock.getBoundingClientRect();
       let visualTop = bottomDockRect.top;
       bottomDock.querySelectorAll("*").forEach((element) => {
+        if (element.closest(`.${AgentGUINode_styles_default.bottomDockScrollToBottom}`)) {
+          return;
+        }
         const rect = element.getBoundingClientRect();
         if (rect.width > 0 && rect.height > 0) {
           visualTop = Math.min(visualTop, rect.top);
@@ -24887,6 +25583,10 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
         "--agent-gui-bottom-dock-safe-area",
         `${overflowHeight}px`
       );
+      bottomDock.style.setProperty(
+        "--agent-gui-bottom-dock-floating-safe-area",
+        `${overflowHeight}px`
+      );
     };
     const syncBottomDockSpace = () => {
       syncBottomDockSafeArea();
@@ -24917,12 +25617,16 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
         setIsTimelineScrolledToTop(
           maxScrollTop <= AGENT_GUI_TOP_MASK_SCROLL_EPSILON_PX
         );
+        setIsTimelineScrolledToBottom(true);
       });
     };
     syncBottomDockSpace();
     if (typeof ResizeObserver === "undefined") {
       return () => {
         timeline.style.removeProperty("--agent-gui-bottom-dock-safe-area");
+        bottomDock.style.removeProperty(
+          "--agent-gui-bottom-dock-floating-safe-area"
+        );
         if (animationFrameId !== null) {
           window.cancelAnimationFrame(animationFrameId);
         }
@@ -24938,13 +25642,16 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
     }
     return () => {
       timeline.style.removeProperty("--agent-gui-bottom-dock-safe-area");
+      bottomDock.style.removeProperty(
+        "--agent-gui-bottom-dock-floating-safe-area"
+      );
       if (animationFrameId !== null) {
         window.cancelAnimationFrame(animationFrameId);
       }
       observer.disconnect();
     };
   }, [bottomDockStoreRevision, viewModel.activeConversationId]);
-  useEffect12(() => {
+  useEffect13(() => {
     const timeline = timelineRef.current;
     const activeConversationId = viewModel.activeConversationId;
     if (!timeline || !activeConversationId) {
@@ -24961,6 +25668,9 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       setIsTimelineScrolledToTop(
         scrollTop <= AGENT_GUI_TOP_MASK_SCROLL_EPSILON_PX
       );
+      setIsTimelineScrolledToBottom(
+        timeline.scrollHeight - scrollTop - timeline.clientHeight <= AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX
+      );
       if (viewModel.hasOlderMessages && !viewModel.isLoadingOlderMessages && scrollTop <= AGENT_GUI_TOP_HISTORY_PREFETCH_THRESHOLD_PX) {
         pendingPrependScrollAnchorRef.current = {
           conversationId: activeConversationId,
@@ -24981,6 +25691,28 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
     viewModel.hasOlderMessages,
     viewModel.isLoadingOlderMessages
   ]);
+  const scrollTimelineToBottom = useCallback10(() => {
+    const timeline = timelineRef.current;
+    const activeConversationId = viewModel.activeConversationId;
+    if (!timeline || !activeConversationId) {
+      return;
+    }
+    const maxScrollTop = Math.max(
+      0,
+      timeline.scrollHeight - timeline.clientHeight
+    );
+    setTimelineScrollTopWithUserTransition(timeline, maxScrollTop);
+    timelineScrollAnchorRef.current = {
+      conversationId: activeConversationId,
+      scrollHeight: timeline.scrollHeight,
+      scrollTop: maxScrollTop,
+      clientHeight: timeline.clientHeight
+    };
+    setIsTimelineScrolledToTop(
+      maxScrollTop <= AGENT_GUI_TOP_MASK_SCROLL_EPSILON_PX
+    );
+    setIsTimelineScrolledToBottom(true);
+  }, [viewModel.activeConversationId]);
   return /* @__PURE__ */ jsxs17("main", { className: AgentGUINode_styles_default.detail, children: [
     /* @__PURE__ */ jsx31(
       AgentGUIDetailHeader,
@@ -25032,7 +25764,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       ScrollArea,
       {
         scrollbarMode: "native",
-        className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100",
+        className: "flex h-full min-h-0 flex-1 flex-col [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100",
         viewportRef: timelineRef,
         viewportTestId: "agent-gui-timeline",
         viewportClassName: `${AgentGUINode_styles_default.timeline} ${hasActiveConversation ? AgentGUINode_styles_default.timelineWithComposer : AgentGUINode_styles_default.timelineCentered} ${!isTimelineScrolledToTop ? AgentGUINode_styles_default.timelineScrolledFromTop : ""} ${showUnavailableChatEmpty ? AgentGUINode_styles_default.timelineUnavailableChatEmpty : ""}`.trim(),
@@ -25042,22 +25774,28 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
           {
             provider: emptyHeroProvider,
             gate: emptyProviderReadinessGate,
+            showAllProviders: viewModel.conversationFilter.kind === "all",
             labels
           }
         ) : /* @__PURE__ */ jsx31(
           AgentGUIEmptyHeroPane,
           {
             provider: emptyHeroProvider,
-            emptyLabel: labels.empty,
-            emptyProvider: labels.emptyProvider ?? "",
+            emptyLabel: emptyHeroLabel,
+            emptyProvider: emptyHeroProviderLabel,
+            iconPresentations: emptyHeroIconPresentations,
             inlineNoticeChrome,
             isRespondingApproval: viewModel.isRespondingApproval,
             onSubmitApprovalOption: submitApprovalOption,
             onRetryActivation: retryActivation,
             onAuthLogin: authLogin,
             onContinueInNewConversation: continueInNewConversation,
+            onProviderSelect: canSwitchComposerProvider && viewModel.activeConversationId === null ? actions.selectHomeComposerAgentTarget : void 0,
+            providerTargets: composerProviderTargets,
+            selectedProviderTarget: viewModel.selectedProviderTarget,
             chromeLabels,
-            composerProps: emptyHeroComposerProps
+            composerProps: emptyHeroComposerProps,
+            providerSelectLabel: labels.providerSwitchLabel
           }
         ) : /* @__PURE__ */ jsx31(
           AgentGUIConversationTimelinePane,
@@ -25081,6 +25819,9 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       AgentGUIBottomDockPane,
       {
         bottomDockRef,
+        showScrollToBottom: !isTimelineScrolledToBottom,
+        scrollToBottomLabel: labels.scrollToBottom,
+        onScrollToBottom: scrollTimelineToBottom,
         bottomDockLiftedPrompt,
         bottomDockReplacementPrompt,
         store: bottomDockStore,
@@ -25093,7 +25834,9 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
         onRetryActivation: retryActivation,
         onAuthLogin: authLogin,
         onContinueInNewConversation: continueInNewConversation,
-        onSubmitBottomDockInteractivePrompt: submitBottomDockInteractivePrompt
+        onSubmitBottomDockInteractivePrompt: submitBottomDockInteractivePrompt,
+        onGoalControl: goalControl,
+        goalPauseSupported: viewModel.goalPauseSupported
       }
     ) : null
   ] });
@@ -25195,29 +25938,52 @@ var AgentGUIEmptyHeroPane = memo(function AgentGUIEmptyHeroPane2({
   provider,
   emptyLabel,
   emptyProvider,
+  iconPresentations,
   inlineNoticeChrome,
   isRespondingApproval,
   onSubmitApprovalOption,
   onAuthLogin,
   onRetryActivation,
   onContinueInNewConversation,
+  onProviderSelect,
+  providerTargets,
+  selectedProviderTarget,
   chromeLabels,
-  composerProps
+  composerProps,
+  providerSelectLabel
 }) {
   "use memo";
-  const heroIconUrl = resolveAgentGUIHeroIconUrl(provider);
+  const heroIconPresentations = iconPresentations.length > 0 ? iconPresentations : [agentGUIProviderIconPresentation(provider)];
+  const heroIconAnimationKey = heroIconPresentations.map((icon) => `${icon.provider}:${icon.iconUrl}`).join("|");
   return /* @__PURE__ */ jsx31("div", { className: AgentGUINode_styles_default.emptyHero, children: /* @__PURE__ */ jsxs17("div", { className: AgentGUINode_styles_default.emptyHeroBody, children: [
-    /* @__PURE__ */ jsx31(
-      "img",
+    heroIconPresentations.length > 1 ? /* @__PURE__ */ jsx31(
+      AgentGUIAllProviderGridIcon,
       {
-        "aria-hidden": "true",
-        className: AgentGUINode_styles_default.emptyHeroIconEffect,
-        draggable: false,
-        src: heroIconUrl,
-        alt: ""
-      }
+        activeProvider: provider,
+        className: AgentGUINode_styles_default.emptyHeroLaunchpadIcon,
+        icons: heroIconPresentations
+      },
+      heroIconAnimationKey
+    ) : /* @__PURE__ */ jsx31(
+      AgentGUIProviderIconVisual,
+      {
+        ariaHidden: true,
+        imageClassName: AgentGUINode_styles_default.emptyHeroIconEffect,
+        icon: heroIconPresentations[0]
+      },
+      heroIconAnimationKey
     ),
-    /* @__PURE__ */ jsx31("h2", { className: AgentGUINode_styles_default.emptyHeroTitle, children: /* @__PURE__ */ jsx31(EmptyHeroTitle, { label: emptyLabel, providerLabel: emptyProvider }) }),
+    /* @__PURE__ */ jsx31("h2", { className: AgentGUINode_styles_default.emptyHeroTitle, children: /* @__PURE__ */ jsx31(
+      EmptyHeroTitle,
+      {
+        label: emptyLabel,
+        providerLabel: emptyProvider,
+        providerSelectLabel,
+        providerTargets,
+        selectedProviderTarget,
+        onProviderSelect
+      }
+    ) }),
     inlineNoticeChrome ? /* @__PURE__ */ jsx31(
       AgentSessionChrome,
       {
@@ -25237,13 +26003,21 @@ var AgentGUIProviderReadinessGatePane = memo(
   function AgentGUIProviderReadinessGatePane2({
     provider,
     gate,
+    showAllProviders = false,
     labels
   }) {
     "use memo";
     const heroIconUrl = resolveAgentGUIHeroIconUrl(provider);
+    const launchpadIconPresentations = useMemo10(
+      () => agentGUILaunchpadIconPresentations(),
+      []
+    );
     const pendingAction = gate.pendingAction ?? null;
     const isPending = pendingAction !== null;
-    const content = providerGateContent(gate.status, labels);
+    const showAllProvidersChecking = showAllProviders && gate.status === "checking";
+    const content = providerGateContent(gate.status, labels, {
+      showAllProviders: showAllProvidersChecking
+    });
     const action = providerGateAction(gate.status);
     const pendingLabel = pendingAction === "install" ? labels.providerGatePendingInstall : pendingAction === "login" ? labels.providerGatePendingLogin : pendingAction === "refresh" ? labels.providerGatePendingRefresh : null;
     return /* @__PURE__ */ jsx31("div", { className: AgentGUINode_styles_default.emptyHero, children: /* @__PURE__ */ jsxs17(
@@ -25253,7 +26027,13 @@ var AgentGUIProviderReadinessGatePane = memo(
         "data-testid": "agent-gui-provider-readiness-gate",
         role: "status",
         children: [
-          /* @__PURE__ */ jsx31(
+          showAllProvidersChecking ? /* @__PURE__ */ jsx31(
+            AgentGUIAllProviderGridIcon,
+            {
+              className: AgentGUINode_styles_default.emptyHeroLaunchpadIcon,
+              icons: launchpadIconPresentations
+            }
+          ) : /* @__PURE__ */ jsx31(
             "img",
             {
               "aria-hidden": "true",
@@ -25273,7 +26053,7 @@ var AgentGUIProviderReadinessGatePane = memo(
               children: pendingLabel
             }
           ) : null,
-          action ? /* @__PURE__ */ jsxs17(
+          action ? /* @__PURE__ */ jsx31(
             Button,
             {
               type: "button",
@@ -25290,10 +26070,20 @@ var AgentGUIProviderReadinessGatePane = memo(
                 }
                 gate.onAction?.(provider, action);
               },
-              children: [
-                /* @__PURE__ */ jsx31(Wrench, { size: 16, strokeWidth: 2, "aria-hidden": "true" }),
-                isPending && pendingLabel ? pendingLabel : content.actionLabel
-              ]
+              children: isPending && pendingLabel ? pendingLabel : content.actionLabel
+            }
+          ) : content.actionLabel ? /* @__PURE__ */ jsx31(
+            Button,
+            {
+              type: "button",
+              className: cn3(
+                AgentGUINode_styles_default.emptyProviderGateAction,
+                "nodrag tsh-desktop-no-drag [-webkit-app-region:no-drag]"
+              ),
+              "data-testid": "agent-gui-provider-readiness-gate-action",
+              disabled: true,
+              onPointerDown: (event) => event.stopPropagation(),
+              children: content.actionLabel
             }
           ) : null
         ]
@@ -25301,12 +26091,12 @@ var AgentGUIProviderReadinessGatePane = memo(
     ) });
   }
 );
-function providerGateContent(status, labels) {
+function providerGateContent(status, labels, options = {}) {
   switch (status) {
     case "checking":
       return {
         title: labels.providerGateCheckingTitle,
-        description: labels.providerGateCheckingDescription
+        description: options.showAllProviders === true ? labels.providerGateCheckingAgentsDescription : labels.providerGateCheckingDescription
       };
     case "not_installed":
       return {
@@ -25320,6 +26110,12 @@ function providerGateContent(status, labels) {
         description: labels.providerGateLoginDescription,
         actionLabel: labels.providerGateLoginAction
       };
+    case "coming_soon":
+      return {
+        title: labels.providerGateComingSoonTitle,
+        description: labels.providerGateComingSoonDescription,
+        actionLabel: labels.providerGateComingSoonAction
+      };
     case "unavailable":
       return {
         title: labels.providerGateUnavailableTitle,
@@ -25336,27 +26132,167 @@ function providerGateAction(status) {
       return "login";
     case "unavailable":
       return "refresh";
+    case "coming_soon":
     case "checking":
       return null;
   }
 }
+function AgentGUIAllProviderGridIcon({
+  activeProvider,
+  className,
+  icons
+}) {
+  return /* @__PURE__ */ jsx31(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: [AgentGUINode_styles_default.providerRailAvatar, className].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ jsx31(
+        AgentGUILaunchpadIconGrid,
+        {
+          activeProvider,
+          icons
+        }
+      )
+    }
+  );
+}
+function AgentGUILaunchpadIconGrid({
+  activeProvider,
+  icons
+}) {
+  const normalizedActiveProvider = activeProvider ? normalizeManagedAgentProvider(activeProvider) : null;
+  return /* @__PURE__ */ jsx31("span", { "aria-hidden": "true", className: AgentGUINode_styles_default.providerRailLaunchpadIcon, children: icons.map((icon) => {
+    return /* @__PURE__ */ jsx31(
+      "span",
+      {
+        className: AgentGUINode_styles_default.providerRailLaunchpadItem,
+        "data-provider-active": normalizedActiveProvider === null ? void 0 : normalizeManagedAgentProvider(icon.provider) === normalizedActiveProvider,
+        children: /* @__PURE__ */ jsx31(AgentGUIProviderIconVisual, { imageClassName: "", icon })
+      },
+      `${icon.provider}:${icon.iconUrl}`
+    );
+  }) });
+}
+function AgentGUIProviderIconVisual({
+  ariaHidden = false,
+  icon,
+  imageClassName
+}) {
+  return /* @__PURE__ */ jsx31(
+    "img",
+    {
+      alt: "",
+      "aria-hidden": ariaHidden ? "true" : void 0,
+      className: imageClassName,
+      draggable: false,
+      src: icon.iconUrl
+    }
+  );
+}
 function EmptyHeroTitle({
   label,
-  providerLabel
+  providerLabel,
+  providerSelectLabel,
+  providerTargets = [],
+  selectedProviderTarget = null,
+  onProviderSelect
 }) {
   const providerStart = providerLabel ? label.indexOf(providerLabel) : -1;
   if (!shouldEmphasizeEmptyHeroProvider(label) || providerStart < 0) {
     return /* @__PURE__ */ jsx31(Fragment8, { children: label });
   }
   const providerEnd = providerStart + providerLabel.length;
+  const selectedProviderTargetId = selectedProviderTarget?.targetId ?? `local:${selectedProviderTarget?.provider ?? ""}`;
+  const canSwitchProvider = providerTargets.length > 1 && selectedProviderTarget && onProviderSelect;
+  const providerName = label.slice(providerStart, providerEnd);
   return /* @__PURE__ */ jsxs17(Fragment8, { children: [
     label.slice(0, providerStart),
-    /* @__PURE__ */ jsx31("span", { className: AgentGUINode_styles_default.emptyHeroProvider, children: label.slice(providerStart, providerEnd) }),
+    canSwitchProvider ? /* @__PURE__ */ jsxs17(
+      Select3,
+      {
+        value: selectedProviderTargetId,
+        onValueChange: (nextTargetId) => {
+          const target = providerTargets.find(
+            (candidate) => candidate.targetId === nextTargetId
+          );
+          if (!target || target.disabled === true) {
+            return;
+          }
+          onProviderSelect({
+            provider: target.provider,
+            providerTargetId: target.targetId
+          });
+        },
+        children: [
+          /* @__PURE__ */ jsx31(
+            SelectTrigger3,
+            {
+              size: "sm",
+              "aria-label": providerSelectLabel,
+              title: providerSelectLabel,
+              className: AgentGUINode_styles_default.emptyHeroProviderSelect,
+              children: /* @__PURE__ */ jsx31("span", { className: AgentGUINode_styles_default.emptyHeroProvider, children: providerName })
+            }
+          ),
+          /* @__PURE__ */ jsx31(
+            SelectContent3,
+            {
+              align: "center",
+              className: cn3(AgentGUINode_styles_default.composerMenuContent, "min-w-[190px]"),
+              children: providerTargets.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,
+                  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
+                        ),
+                        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
+                      }
+                    )
+                  ] })
+                },
+                `${target.provider}:${target.targetId}`
+              ))
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ jsx31("span", { className: AgentGUINode_styles_default.emptyHeroProvider, children: providerName }),
     label.slice(providerEnd)
   ] });
 }
 var AgentGUIBottomDockPane = memo(function AgentGUIBottomDockPane2({
   bottomDockRef,
+  showScrollToBottom,
+  scrollToBottomLabel,
+  onScrollToBottom,
   bottomDockLiftedPrompt,
   bottomDockReplacementPrompt,
   store,
@@ -25369,7 +26305,9 @@ var AgentGUIBottomDockPane = memo(function AgentGUIBottomDockPane2({
   onAuthLogin,
   onRetryActivation,
   onContinueInNewConversation,
-  onSubmitBottomDockInteractivePrompt
+  onSubmitBottomDockInteractivePrompt,
+  onGoalControl,
+  goalPauseSupported
 }) {
   "use memo";
   const state = useSnapshot(store);
@@ -25385,6 +26323,7 @@ var AgentGUIBottomDockPane = memo(function AgentGUIBottomDockPane2({
   const goalStatus = goal ? stringValue2(goal.status) : "";
   const goalTokenBudget = goal ? numberValue2(goal.tokenBudget) : null;
   const goalTokensUsed = goal ? numberValue2(goal.tokensUsed) : null;
+  const goalTimeUsedSeconds = goal ? numberValue2(goal.timeUsedSeconds) : null;
   const showGoalBanner = isGoalBannerVisible(goalObjective, goalStatus);
   return /* @__PURE__ */ jsxs17(
     "div",
@@ -25393,6 +26332,22 @@ var AgentGUIBottomDockPane = memo(function AgentGUIBottomDockPane2({
       className: AgentGUINode_styles_default.bottomDock,
       "data-testid": "agent-gui-bottom-dock",
       children: [
+        showScrollToBottom ? /* @__PURE__ */ jsx31(
+          "button",
+          {
+            type: "button",
+            className: cn3(
+              AgentGUINode_styles_default.bottomDockScrollToBottom,
+              "nodrag tsh-desktop-no-drag [-webkit-app-region:no-drag]"
+            ),
+            "data-testid": "agent-gui-scroll-to-bottom",
+            "aria-label": scrollToBottomLabel,
+            title: scrollToBottomLabel,
+            onPointerDown: (event) => event.stopPropagation(),
+            onClick: onScrollToBottom,
+            children: /* @__PURE__ */ jsx31(ChevronsDown, { "aria-hidden": "true", size: 15, strokeWidth: 2.2 })
+          }
+        ) : null,
         bottomDockLiftedPrompt ? /* @__PURE__ */ jsx31(
           "div",
           {
@@ -25444,7 +26399,12 @@ var AgentGUIBottomDockPane = memo(function AgentGUIBottomDockPane2({
             status: goalStatus,
             tokenBudget: goalTokenBudget ?? void 0,
             tokensUsed: goalTokensUsed ?? void 0,
-            labels: goalBannerLabels
+            timeUsedSeconds: goalTimeUsedSeconds ?? void 0,
+            labels: goalBannerLabels,
+            onEditObjective: (objective) => onGoalControl("set", objective),
+            onPauseGoal: goalPauseSupported ? () => onGoalControl("pause") : void 0,
+            onResumeGoal: goalPauseSupported ? () => onGoalControl("resume") : void 0,
+            onClearGoal: () => onGoalControl("clear")
           }
         ) : null,
         bottomDockReplacementPrompt ? /* @__PURE__ */ jsx31(
@@ -25481,7 +26441,7 @@ function syncAgentGUIConversationRailStore(store, next) {
   Object.assign(store, next);
 }
 function agentGUIConversationRailStoreSnapshotsEqual(current, next) {
-  return current.activeConversationId === next.activeConversationId && current.pendingDeleteConversationId === next.pendingDeleteConversationId && current.isLoadingConversations === next.isLoadingConversations && current.isDeletingConversation === next.isDeletingConversation && current.isDeletingProjectConversations === next.isDeletingProjectConversations && current.labels === next.labels && current.workspaceUserProjectI18n === next.workspaceUserProjectI18n && current.uiLanguage === next.uiLanguage && current.previewMode === next.previewMode && current.createConversationDisabled === next.createConversationDisabled && current.openclawGateway === next.openclawGateway && current.isCollapsed === next.isCollapsed && current.railConfigProvider === next.railConfigProvider && current.slashStatusLimits === next.slashStatusLimits && current.selectedProviderTarget === next.selectedProviderTarget && current.providerTargets === next.providerTargets && current.providerTargetsLoading === next.providerTargetsLoading && current.conversationScope === next.conversationScope && current.conversationFilter === next.conversationFilter && current.onUpdateConversationFilter === next.onUpdateConversationFilter && current.onSelectConversationFilterTarget === next.onSelectConversationFilterTarget && current.onCreateConversation === next.onCreateConversation && current.onOpenAgentEnvSetup === next.onOpenAgentEnvSetup && current.onRetryOpenclawGateway === next.onRetryOpenclawGateway && current.onSelectConversation === next.onSelectConversation && current.onToggleConversationPinned === next.onToggleConversationPinned && current.onOpenProjectFiles === next.onOpenProjectFiles && current.onOpenConversationWindow === next.onOpenConversationWindow && current.selectProjectDirectory === next.selectProjectDirectory && current.onRemoveProject === next.onRemoveProject && current.onConfirmDeleteProjectConversations === next.onConfirmDeleteProjectConversations && current.onRequestDeleteConversation === next.onRequestDeleteConversation && current.onCancelDeleteConversation === next.onCancelDeleteConversation && current.onConfirmDeleteConversation === next.onConfirmDeleteConversation;
+  return current.activeConversationId === next.activeConversationId && current.pendingDeleteConversationId === next.pendingDeleteConversationId && current.isLoadingConversations === next.isLoadingConversations && current.isDeletingConversation === next.isDeletingConversation && current.isDeletingProjectConversations === next.isDeletingProjectConversations && current.labels === next.labels && current.workspaceUserProjectI18n === next.workspaceUserProjectI18n && current.uiLanguage === next.uiLanguage && current.previewMode === next.previewMode && current.createConversationDisabled === next.createConversationDisabled && current.openclawGateway === next.openclawGateway && current.isCollapsed === next.isCollapsed && current.railConfigProvider === next.railConfigProvider && current.slashStatusLimits === next.slashStatusLimits && current.selectedProviderTarget === next.selectedProviderTarget && current.providerTargets === next.providerTargets && current.providerTargetsLoading === next.providerTargetsLoading && current.conversationFilter === next.conversationFilter && current.sectionAgentTargetFallbackId === next.sectionAgentTargetFallbackId && current.onUpdateConversationFilter === next.onUpdateConversationFilter && current.onSelectConversationFilterTarget === next.onSelectConversationFilterTarget && current.onCreateConversation === next.onCreateConversation && current.onOpenAgentEnvSetup === next.onOpenAgentEnvSetup && current.onRetryOpenclawGateway === next.onRetryOpenclawGateway && current.onSelectConversation === next.onSelectConversation && current.onToggleConversationPinned === next.onToggleConversationPinned && current.onOpenProjectFiles === next.onOpenProjectFiles && current.onOpenConversationWindow === next.onOpenConversationWindow && current.selectProjectDirectory === next.selectProjectDirectory && current.onRemoveProject === next.onRemoveProject && current.onConfirmDeleteProjectConversations === next.onConfirmDeleteProjectConversations && current.onRequestDeleteConversation === next.onRequestDeleteConversation && current.onCancelDeleteConversation === next.onCancelDeleteConversation && current.onConfirmDeleteConversation === next.onConfirmDeleteConversation;
 }
 var AgentGUIConversationRailStorePane = memo(
   function AgentGUIConversationRailStorePane2({
@@ -25706,18 +26666,51 @@ function conversationProjectsRenderEqual2(left, right) {
   return left === right || (!left || !right ? !left && !right : left.id === right.id && left.path === right.path && left.label === right.label && left.createdAtUnixMs === right.createdAtUnixMs && left.updatedAtUnixMs === right.updatedAtUnixMs && left.lastUsedAtUnixMs === right.lastUsedAtUnixMs);
 }
 var agentGUIProviderRailOrder = [
-  "nexight",
-  "claude-code",
   "codex",
-  "openclaw",
+  "claude-code",
+  "nexight",
   "hermes",
+  "openclaw",
   "gemini"
 ];
+var agentGUIProviderRailDefaultProviders = [
+  "codex",
+  "claude-code",
+  "nexight",
+  "hermes",
+  "openclaw"
+];
+var agentGUIProviderRailDisabledProviders = /* @__PURE__ */ new Set([
+  "nexight",
+  "hermes",
+  "openclaw"
+]);
 function agentGUIProviderRailOrderIndex(provider) {
   const index = agentGUIProviderRailOrder.indexOf(provider);
   return index < 0 ? agentGUIProviderRailOrder.length : index;
 }
+function agentGUILaunchpadIconPresentations() {
+  return [
+    agentGUIProviderRailIconPresentation("codex"),
+    agentGUIProviderRailIconPresentation("claude-code"),
+    agentGUIProviderRailIconPresentation("tutti"),
+    agentGUIProviderRailIconPresentation("hermes")
+  ];
+}
+function agentGUIConversationProviderIconUrl(provider) {
+  switch (normalizeManagedAgentProvider(provider)) {
+    case "claude-code":
+      return claudecode_flat_filled_default;
+    case "codex":
+      return codex_flat_filled_default;
+    default:
+      return null;
+  }
+}
 function agentGUIProviderRailLabel(provider, targetLabel, labels) {
+  if (provider === "nexight" && targetLabel === "Tutti Agent") {
+    return labels.conversationFilterTutti;
+  }
   if (targetLabel.trim() && targetLabel !== provider) {
     return targetLabel;
   }
@@ -25732,21 +26725,51 @@ function agentGUIProviderRailLabel(provider, targetLabel, labels) {
 function agentGUIProviderTargetMatchesConversationFilter(target, filter) {
   return filter.kind === "agentTarget" && (target.agentTargetId?.trim() ?? "") === filter.agentTargetId;
 }
+function agentGUIProviderRailTargets(providerTargets, providerTargetsLoading) {
+  if (providerTargetsLoading) {
+    return [];
+  }
+  const source = providerTargets.length > 0 && !agentGUIProviderRailTargetsAreFullLocalFallback(providerTargets) ? providerTargets : [];
+  const seenProviders = new Set(source.map((target) => target.provider));
+  const missingDefaultProviders = agentGUIProviderRailDefaultProviders.filter(
+    (provider) => !seenProviders.has(provider)
+  );
+  if (source.length > 0 && missingDefaultProviders.length === 0) {
+    return source;
+  }
+  return [
+    ...source,
+    ...missingDefaultProviders.map(
+      (provider) => agentGUIProviderRailDisabledProviders.has(provider) ? createDisabledPlaceholderAgentGUIProviderTarget(provider) : createLocalAgentGUIProviderTarget(provider)
+    )
+  ];
+}
+function agentGUIProviderRailTargetsAreFullLocalFallback(providerTargets) {
+  if (providerTargets.length !== agentGUIProviderRailOrder.length) {
+    return false;
+  }
+  const fallbackProviders = new Set(agentGUIProviderRailOrder);
+  return providerTargets.every(
+    (target) => fallbackProviders.has(target.provider) && target.ref.kind === "local" && target.ref.provider === target.provider && target.targetId === `local:${target.provider}`
+  );
+}
 var AgentGUIProviderRail = memo(function AgentGUIProviderRail2({
   conversationFilter,
   labels,
   previewMode,
+  selectedProviderTarget,
   providerTargets,
   providerTargetsLoading,
   onSelectConversationFilterTarget,
   onUpdateConversationFilter
 }) {
   "use memo";
+  const railProviderTargets = useMemo10(
+    () => agentGUIProviderRailTargets(providerTargets, providerTargetsLoading),
+    [providerTargets, providerTargetsLoading]
+  );
   const providerTiles = useMemo10(() => {
-    const enabledTargets = providerTargets.filter(
-      (target) => target.disabled !== true
-    );
-    const targets = [...enabledTargets];
+    const targets = [...railProviderTargets];
     const originalIndexByTarget = /* @__PURE__ */ new Map();
     targets.forEach((target, index) => {
       originalIndexByTarget.set(
@@ -25763,12 +26786,31 @@ var AgentGUIProviderRail = memo(function AgentGUIProviderRail2({
         `${right.provider}\0${right.targetId}`
       ) ?? 0);
     });
-  }, [providerTargets]);
-  const allTileSelected = conversationFilter.kind === "all";
+  }, [railProviderTargets]);
+  const launchpadIconPresentations = useMemo10(
+    () => agentGUILaunchpadIconPresentations(),
+    []
+  );
+  const selectedProviderTargetIsPlaceholder = selectedProviderTarget?.disabled === true;
+  const allTileSelected = conversationFilter.kind === "all" && !selectedProviderTargetIsPlaceholder;
   const selectAllProviders = useCallback10(() => {
     onUpdateConversationFilter({ kind: "all" });
-  }, [onUpdateConversationFilter]);
-  const selectProviderTile = useCallback10(
+    if (selectedProviderTargetIsPlaceholder) {
+      const fallbackTarget = railProviderTargets.find((target) => target.disabled !== true) ?? null;
+      if (fallbackTarget) {
+        onSelectConversationFilterTarget({
+          provider: fallbackTarget.provider,
+          providerTargetId: fallbackTarget.targetId
+        });
+      }
+    }
+  }, [
+    onSelectConversationFilterTarget,
+    onUpdateConversationFilter,
+    railProviderTargets,
+    selectedProviderTargetIsPlaceholder
+  ]);
+  const selectAgentTargetTile = useCallback10(
     (target) => {
       onSelectConversationFilterTarget({
         provider: target.provider,
@@ -25785,23 +26827,22 @@ var AgentGUIProviderRail = memo(function AgentGUIProviderRail2({
       "aria-label": labels.providerSwitchLabel,
       "aria-busy": providerTargetsLoading,
       children: [
-        /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsx31(
           "button",
           {
             type: "button",
             role: "tab",
+            "aria-label": labels.conversationFilterAll,
             "aria-selected": allTileSelected,
             className: AgentGUINode_styles_default.providerRailTile,
             "data-selected": allTileSelected ? "true" : "false",
             disabled: previewMode,
             onClick: selectAllProviders,
-            children: [
-              /* @__PURE__ */ jsx31("span", { className: AgentGUINode_styles_default.providerRailAvatar, children: /* @__PURE__ */ jsx31(LayoutGrid, { "aria-hidden": true, className: AgentGUINode_styles_default.providerRailAvatarIcon }) }),
-              /* @__PURE__ */ jsx31("span", { className: AgentGUINode_styles_default.providerRailTileLabel, children: labels.conversationFilterAll })
-            ]
+            children: /* @__PURE__ */ jsx31(AgentGUIAllProviderGridIcon, { icons: launchpadIconPresentations })
           }
         ),
-        providerTargetsLoading ? [0, 1, 2].map((index) => /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsx31("span", { "aria-hidden": "true", className: AgentGUINode_styles_default.providerRailSeparator }),
+        providerTargetsLoading ? [0, 1, 2].map((index) => /* @__PURE__ */ jsx31(
           "button",
           {
             type: "button",
@@ -25811,49 +26852,54 @@ var AgentGUIProviderRail = memo(function AgentGUIProviderRail2({
             "data-loading": "true",
             "data-selected": "false",
             disabled: true,
-            children: [
-              /* @__PURE__ */ jsx31("span", { "aria-hidden": "true", className: AgentGUINode_styles_default.providerRailAvatar }),
-              /* @__PURE__ */ jsx31(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: AgentGUINode_styles_default.providerRailTileLabel
-                }
-              )
-            ]
+            children: /* @__PURE__ */ jsx31("span", { "aria-hidden": "true", className: AgentGUINode_styles_default.providerRailAvatar })
           },
           `provider-target-loading-${index}`
         )) : null,
         providerTiles.map((target) => {
-          const providerSelected = agentGUIProviderTargetMatchesConversationFilter(
+          const providerSelected = target.disabled === true ? selectedProviderTarget?.provider === target.provider && selectedProviderTarget?.targetId === target.targetId : agentGUIProviderTargetMatchesConversationFilter(
             target,
             conversationFilter
           );
-          return /* @__PURE__ */ jsxs17(
+          const label = agentGUIProviderRailLabel(
+            target.provider,
+            target.label,
+            labels
+          );
+          const tile = /* @__PURE__ */ jsx31(
             "button",
             {
               type: "button",
               role: "tab",
+              "aria-label": label,
               "aria-selected": providerSelected,
               className: AgentGUINode_styles_default.providerRailTile,
+              "data-disabled": target.disabled === true ? "true" : void 0,
+              "data-provider-tile": "true",
               "data-selected": providerSelected ? "true" : "false",
-              disabled: previewMode,
-              onClick: () => selectProviderTile(target),
-              children: [
-                /* @__PURE__ */ jsx31("span", { className: AgentGUINode_styles_default.providerRailAvatar, children: /* @__PURE__ */ jsx31(
-                  "img",
-                  {
-                    alt: "",
-                    "aria-hidden": "true",
-                    className: AgentGUINode_styles_default.providerRailAvatarImage,
-                    src: target.iconUrl || resolveAgentGUIHeroIconUrl(target.provider)
-                  }
-                ) }),
-                /* @__PURE__ */ jsx31("span", { className: AgentGUINode_styles_default.providerRailTileLabel, children: agentGUIProviderRailLabel(target.provider, target.label, labels) })
-              ]
+              disabled: previewMode || target.disabled === true,
+              onClick: () => selectAgentTargetTile(target),
+              children: /* @__PURE__ */ jsx31("span", { className: AgentGUINode_styles_default.providerRailAvatar, children: /* @__PURE__ */ jsx31(
+                AgentGUIProviderIconVisual,
+                {
+                  ariaHidden: true,
+                  imageClassName: AgentGUINode_styles_default.providerRailAvatarImage,
+                  icon: agentGUIProviderRailIconPresentation(
+                    target.provider,
+                    target.iconUrl
+                  )
+                }
+              ) })
             },
             `${target.provider}:${target.targetId}`
           );
+          if (previewMode) {
+            return tile;
+          }
+          return /* @__PURE__ */ jsxs17(Tooltip3, { children: [
+            /* @__PURE__ */ jsx31(TooltipTrigger3, { asChild: true, children: tile }),
+            /* @__PURE__ */ jsx31(TooltipContent3, { side: "right", sideOffset: -4, children: label })
+          ] }, `${target.provider}:${target.targetId}:tooltip`);
         })
       ]
     }
@@ -25865,18 +26911,19 @@ function useAgentGUIConversationRail({
   conversations,
   labels,
   previewMode,
+  sectionAgentTargetFallbackId,
   userProjects,
   workspaceId
 }) {
   const agentActivityRuntime = useAgentActivityRuntime();
-  const [runtimeRailSections, setRuntimeRailSections] = useState11(null);
-  const [sectionPageStates, setSectionPageStates] = useState11(() => /* @__PURE__ */ new Map());
+  const [runtimeRailSections, setRuntimeRailSections] = useState12(null);
+  const [sectionPageStates, setSectionPageStates] = useState12(() => /* @__PURE__ */ new Map());
   const pagingRequestSequenceRef = useRef12(0);
   const pagingAbortControllersRef = useRef12(/* @__PURE__ */ new Map());
   const runtimeListSessionSections = agentActivityRuntime.listSessionSections;
   const runtimeListSessionSectionPage = agentActivityRuntime.listSessionSectionPage;
   const runtimeSectionsEnabled = !previewMode && Boolean(runtimeListSessionSections) && Boolean(runtimeListSessionSectionPage);
-  const sectionAgentTargetId = conversationFilter.kind === "agentTarget" ? conversationFilter.agentTargetId.trim() : "";
+  const sectionAgentTargetId = conversationFilter.kind === "agentTarget" ? conversationFilter.agentTargetId.trim() : sectionAgentTargetFallbackId?.trim() ?? "";
   const userProjectPaths = useMemo10(
     () => userProjects.map((project) => project.path.trim()).filter((path) => path.length > 0),
     [userProjects]
@@ -25892,7 +26939,7 @@ function useAgentGUIConversationRail({
     }),
     [labels.sectionConversations, labels.sectionPinned]
   );
-  useEffect12(() => {
+  useEffect13(() => {
     pagingRequestSequenceRef.current += 1;
     for (const controller of pagingAbortControllersRef.current.values()) {
       controller.abort();
@@ -25914,7 +26961,7 @@ function useAgentGUIConversationRail({
     ).join("|"),
     [conversations]
   );
-  useEffect12(() => {
+  useEffect13(() => {
     if (!runtimeSectionsEnabled || !runtimeListSessionSections) {
       return;
     }
@@ -25968,7 +27015,7 @@ function useAgentGUIConversationRail({
     userProjectPathKey,
     workspaceId
   ]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!runtimeSectionsEnabled) {
       return;
     }
@@ -26107,12 +27154,8 @@ var AgentGUIConversationRailPane = memo(
     isCollapsed,
     railConfigProvider,
     slashStatusLimits,
-    providerTargets,
-    providerTargetsLoading,
-    conversationScope,
     conversationFilter,
-    onUpdateConversationFilter,
-    onSelectConversationFilterTarget,
+    sectionAgentTargetFallbackId,
     onCreateConversation,
     onOpenAgentEnvSetup,
     onRetryOpenclawGateway,
@@ -26129,17 +27172,10 @@ var AgentGUIConversationRailPane = memo(
     onConfirmDeleteConversation
   }) {
     "use memo";
-    const showProviderRail = conversationScope === "multi-provider";
-    const [conversationQuery, setConversationQuery] = useState11("");
-    const updateConversationFilter = useStableEventCallback2(
-      onUpdateConversationFilter
-    );
-    const selectConversationFilterTarget = useStableEventCallback2(
-      onSelectConversationFilterTarget
-    );
-    const [collapsedProjectSectionIds, setCollapsedProjectSectionIds] = useState11(() => /* @__PURE__ */ new Set());
-    const [currentTimeMs, setCurrentTimeMs] = useState11(() => Date.now());
-    const [pendingProjectAction, setPendingProjectAction] = useState11(null);
+    const [conversationQuery, setConversationQuery] = useState12("");
+    const [collapsedProjectSectionIds, setCollapsedProjectSectionIds] = useState12(() => /* @__PURE__ */ new Set());
+    const [currentTimeMs, setCurrentTimeMs] = useState12(() => Date.now());
+    const [pendingProjectAction, setPendingProjectAction] = useState12(null);
     const railElementRef = useRef12(null);
     const conversationListRef = useRef12(null);
     const conversationItemElementsRef = useRef12(
@@ -26159,10 +27195,11 @@ var AgentGUIConversationRailPane = memo(
       conversations,
       labels,
       previewMode,
+      sectionAgentTargetFallbackId,
       userProjects,
       workspaceId
     });
-    useEffect12(() => {
+    useEffect13(() => {
       const timer = window.setInterval(() => {
         setCurrentTimeMs(Date.now());
       }, 6e4);
@@ -26314,18 +27351,6 @@ var AgentGUIConversationRailPane = memo(
               }
             )
           ] }),
-          showProviderRail ? /* @__PURE__ */ jsx31(
-            AgentGUIProviderRail,
-            {
-              conversationFilter,
-              labels,
-              previewMode,
-              providerTargets,
-              providerTargetsLoading,
-              onSelectConversationFilterTarget: selectConversationFilterTarget,
-              onUpdateConversationFilter: updateConversationFilter
-            }
-          ) : null,
           openclawGateway?.status === "starting" ? /* @__PURE__ */ jsxs17("div", { className: AgentGUINode_styles_default.gatewayStatus, "data-state": "starting", children: [
             /* @__PURE__ */ jsx31(
               StatusDot,
@@ -26559,7 +27584,7 @@ var AgentGUIConversationRailSection = memo(
   }) {
     "use memo";
     const isProjectSection = section.kind === "project";
-    const [visibleItemLimit, setVisibleItemLimit] = useState11(
+    const [visibleItemLimit, setVisibleItemLimit] = useState12(
       AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE
     );
     const visibleItemCount = isSectionCollapsed ? 0 : Math.min(visibleItemLimit, section.items.length);
@@ -26922,6 +27947,7 @@ var AgentGUIConversationRailItem = memo(
   }) {
     "use memo";
     const pinned = (item.pinnedAtUnixMs ?? 0) > 0;
+    const providerIconUrl = agentGUIConversationProviderIconUrl(item.provider);
     const setItemElement = useCallback10(
       (element) => {
         registerItemElement(item.id, element);
@@ -26963,7 +27989,19 @@ var AgentGUIConversationRailItem = memo(
               className: AgentGUINode_styles_default.conversationSelect,
               onClick: handleSelect,
               children: [
-                /* @__PURE__ */ jsx31("span", { className: AgentGUINode_styles_default.conversationTitle, children: conversationPlainTitle(item, labels, uiLanguage) }),
+                /* @__PURE__ */ jsxs17("span", { className: AgentGUINode_styles_default.conversationTitleRow, children: [
+                  providerIconUrl ? /* @__PURE__ */ jsx31(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: AgentGUINode_styles_default.conversationProviderIcon,
+                      style: {
+                        "--agent-gui-conversation-provider-icon-url": `url("${providerIconUrl}")`
+                      }
+                    }
+                  ) : null,
+                  /* @__PURE__ */ jsx31("span", { className: AgentGUINode_styles_default.conversationTitle, children: conversationPlainTitle(item, labels, uiLanguage) })
+                ] }),
                 /* @__PURE__ */ jsx31(ConversationMeta, { item, nowMs: currentTimeMs, labels })
               ]
             }
@@ -27174,6 +28212,17 @@ var AgentGUIConversationTimelinePane = memo(
 function setTimelineScrollTopInstantly(element, top) {
   element.scrollTop = top;
 }
+function setTimelineScrollTopWithUserTransition(element, top) {
+  const reducedMotion = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  if (typeof element.scrollTo === "function") {
+    element.scrollTo({
+      top,
+      behavior: reducedMotion ? "auto" : "smooth"
+    });
+    return;
+  }
+  element.scrollTop = top;
+}
 
 // agent-gui/workspaceDesktop/view/desktopDockAgentProbeTooltipModel.ts
 function findWorkspaceAgentProbeForDockProvider(snapshot3, provider) {
@@ -27182,35 +28231,6 @@ function findWorkspaceAgentProbeForDockProvider(snapshot3, provider) {
   }
   return snapshot3.providers.find((p) => p.provider === provider) ?? null;
 }
-function quotaRenderStateEquals(left, right) {
-  return left?.quotaType === right?.quotaType && left?.percentRemaining === right?.percentRemaining && left?.resetsAtUnixMs === right?.resetsAtUnixMs && left?.resetText === right?.resetText && left?.dollarRemaining === right?.dollarRemaining && left?.modelName === right?.modelName;
-}
-function agentProbeProviderRenderStateEquals(left, right) {
-  if (left === right) {
-    return true;
-  }
-  if (!left || !right) {
-    return left === right;
-  }
-  return left.provider === right.provider && left.availability.status === right.availability.status && left.availability.detailsVisible === right.availability.detailsVisible && (left.availability.checks?.length ?? 0) === (right.availability.checks?.length ?? 0) && (left.availability.checks ?? []).every((check, index) => {
-    const next = right.availability.checks?.[index];
-    return check.name === next?.name && check.passed === next?.passed && check.detail === next?.detail;
-  }) && (left.usage?.accountTier ?? null) === (right.usage?.accountTier ?? null) && (left.usage?.costUsage?.dollarUsed ?? null) === (right.usage?.costUsage?.dollarUsed ?? null) && (left.usage?.costUsage?.dollarLimit ?? null) === (right.usage?.costUsage?.dollarLimit ?? null) && (left.usage?.quotas?.length ?? 0) === (right.usage?.quotas?.length ?? 0) && (left.usage?.quotas ?? []).every(
-    (quota, index) => quotaRenderStateEquals(quota, right.usage?.quotas?.[index])
-  ) && (left.attempts?.length ?? 0) === (right.attempts?.length ?? 0) && (left.attempts ?? []).every((attempt, index) => {
-    const next = right.attempts?.[index];
-    return attempt.strategy === next?.strategy && attempt.success === next?.success && attempt.errorCode === next?.errorCode && attempt.errorMessage === next?.errorMessage;
-  }) && left.lastError?.code === right.lastError?.code && left.lastError?.message === right.lastError?.message;
-}
-function workspaceAgentProbeRenderStateEqualsForProvider(left, right, provider) {
-  if (left === right) {
-    return true;
-  }
-  return (left?.isLoadingAvailability ?? false) === (right?.isLoadingAvailability ?? false) && (left?.isLoadingUsage ?? false) === (right?.isLoadingUsage ?? false) && agentProbeProviderRenderStateEquals(
-    findWorkspaceAgentProbeForDockProvider(left?.snapshot ?? null, provider),
-    findWorkspaceAgentProbeForDockProvider(right?.snapshot ?? null, provider)
-  );
-}
 function buildDockAgentProbeTooltipLines(probe, isLoadingAvailability, t, popupOpts) {
   if (isLoadingAvailability && !probe) {
     return [t("agentHost.workspaceAgentProbeDockChecking")];
@@ -27378,10 +28398,10 @@ function appendDockProbeUsageLines(probe, lines, isLoadingUsage, t) {
 import { Info as Info3 } from "lucide-react";
 import {
   useCallback as useCallback11,
-  useEffect as useEffect13,
+  useEffect as useEffect14,
   useLayoutEffect as useLayoutEffect5,
   useRef as useRef13,
-  useState as useState12
+  useState as useState13
 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 import { Fragment as Fragment9, jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -27420,8 +28440,8 @@ function AgentProbeInfoPopover({
   "use memo";
   const anchorRef = useRef13(null);
   const popoverRef = useRef13(null);
-  const [isOpen, setIsOpen] = useState12(false);
-  const [popoverStyle, setPopoverStyle] = useState12(null);
+  const [isOpen, setIsOpen] = useState13(false);
+  const [popoverStyle, setPopoverStyle] = useState13(null);
   const openPopover = useCallback11(() => {
     if (!isOpen) {
       onOpen?.();
@@ -27461,7 +28481,7 @@ function AgentProbeInfoPopover({
       maxWidth: availableWidth
     });
   }, []);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!isOpen) {
       return;
     }
@@ -27857,9 +28877,6 @@ function normalizeSlashStatusModelName(value) {
   return value?.trim().toLowerCase().replace(/[^a-z0-9]+/gu, "-").replace(/^-+|-+$/gu, "") ?? "";
 }
 function resolveAgentGUIRailStatusProvider(input) {
-  if (input.conversationScope !== "multi-provider") {
-    return input.activeProvider;
-  }
   const filter = input.conversationFilter;
   if (filter.kind !== "agentTarget") {
     return null;
@@ -27911,11 +28928,7 @@ function composerOverridesByAgentTargetIdEqual(left, right) {
   return true;
 }
 function areAgentGUINodePropsEqual(previous, next) {
-  return previous.nodeId === next.nodeId && previous.workspaceId === next.workspaceId && previous.currentUserId === next.currentUserId && previous.workspacePath === next.workspacePath && previous.workspaceFileReferenceAdapter === next.workspaceFileReferenceAdapter && previous.resolveDroppedFileReferences === next.resolveDroppedFileReferences && previous.selectProjectDirectory === next.selectProjectDirectory && previous.referenceSourceAggregator === next.referenceSourceAggregator && previous.resolveWorkspaceReferenceEntryIconUrl === next.resolveWorkspaceReferenceEntryIconUrl && previous.resolveMentionReferenceTarget === next.resolveMentionReferenceTarget && previous.resolveWorkspaceReferenceInitialTarget === next.resolveWorkspaceReferenceInitialTarget && previous.onWorkspaceFileReferencesAdded === next.onWorkspaceFileReferencesAdded && previous.agentSettings.avoidGroupingEdits === next.agentSettings.avoidGroupingEdits && previous.title === next.title && agentGuiStateEquals(previous.state, next.state) && previous.position.x === next.position.x && previous.position.y === next.position.y && previous.width === next.width && previous.height === next.height && previous.desktopSize.width === next.desktopSize.width && previous.desktopSize.height === next.desktopSize.height && previous.onLinkAction === next.onLinkAction && previous.onCapabilitySettingsRequest === next.onCapabilitySettingsRequest && previous.onAgentProviderLogin === next.onAgentProviderLogin && previous.providerTargets === next.providerTargets && previous.providerTargetsLoading === next.providerTargetsLoading && previous.providerReadinessGates === next.providerReadinessGates && previous.defaultProviderTargetId === next.defaultProviderTargetId && previous.conversationScope === next.conversationScope && previous.onClose === next.onClose && previous.onResize === next.onResize && previous.onUpdateNode === next.onUpdateNode && previous.onRememberComposerDefaults === next.onRememberComposerDefaults && previous.onOpenConversationWindow === next.onOpenConversationWindow && previous.isMaximized === next.isMaximized && previous.isMuted === next.isMuted && previous.onMinimize === next.onMinimize && previous.onToggleMaximize === next.onToggleMaximize && previous.onShowMessage === next.onShowMessage && (previous.conversationScope === "multi-provider" || next.conversationScope === "multi-provider" ? previous.workspaceAgentProbes === next.workspaceAgentProbes : workspaceAgentProbeRenderStateEqualsForProvider(
-    previous.workspaceAgentProbes,
-    next.workspaceAgentProbes,
-    previous.state.provider
-  )) && previous.onAgentProbeDemandChange === next.onAgentProbeDemandChange && previous.onAgentProbeRefreshRequest === next.onAgentProbeRefreshRequest && previous.managedAgentsState === next.managedAgentsState && previous.contextMentionProviders === next.contextMentionProviders && previous.workspaceAppIcons === next.workspaceAppIcons && previous.embedded === next.embedded && previous.previewMode === next.previewMode && previous.isActive === next.isActive && previous.composerFocusRequestSequence === next.composerFocusRequestSequence && previous.newConversationRequestSequence === next.newConversationRequestSequence && previous.openSessionRequest === next.openSessionRequest && previous.prefillPromptRequest === next.prefillPromptRequest;
+  return previous.nodeId === next.nodeId && previous.workspaceId === next.workspaceId && previous.currentUserId === next.currentUserId && previous.workspacePath === next.workspacePath && previous.workspaceFileReferenceAdapter === next.workspaceFileReferenceAdapter && previous.resolveDroppedFileReferences === next.resolveDroppedFileReferences && previous.selectProjectDirectory === next.selectProjectDirectory && previous.referenceSourceAggregator === next.referenceSourceAggregator && previous.resolveWorkspaceReferenceEntryIconUrl === next.resolveWorkspaceReferenceEntryIconUrl && previous.resolveMentionReferenceTarget === next.resolveMentionReferenceTarget && previous.resolveWorkspaceReferenceInitialTarget === next.resolveWorkspaceReferenceInitialTarget && previous.onWorkspaceFileReferencesAdded === next.onWorkspaceFileReferencesAdded && previous.agentSettings.avoidGroupingEdits === next.agentSettings.avoidGroupingEdits && previous.title === next.title && agentGuiStateEquals(previous.state, next.state) && previous.position.x === next.position.x && previous.position.y === next.position.y && previous.width === next.width && previous.height === next.height && previous.desktopSize.width === next.desktopSize.width && previous.desktopSize.height === next.desktopSize.height && previous.onLinkAction === next.onLinkAction && previous.onHandoffConversation === next.onHandoffConversation && previous.onCapabilitySettingsRequest === next.onCapabilitySettingsRequest && previous.onAgentProviderLogin === next.onAgentProviderLogin && previous.providerTargets === next.providerTargets && previous.providerTargetsLoading === next.providerTargetsLoading && previous.providerReadinessGates === next.providerReadinessGates && previous.defaultProviderTargetId === next.defaultProviderTargetId && previous.onClose === next.onClose && previous.onResize === next.onResize && previous.onUpdateNode === next.onUpdateNode && previous.onRememberComposerDefaults === next.onRememberComposerDefaults && previous.onOpenConversationWindow === next.onOpenConversationWindow && previous.isMaximized === next.isMaximized && previous.isMuted === next.isMuted && previous.onMinimize === next.onMinimize && previous.onToggleMaximize === next.onToggleMaximize && previous.onShowMessage === next.onShowMessage && previous.workspaceAgentProbes === next.workspaceAgentProbes && previous.onAgentProbeDemandChange === next.onAgentProbeDemandChange && previous.onAgentProbeRefreshRequest === next.onAgentProbeRefreshRequest && previous.managedAgentsState === next.managedAgentsState && previous.contextMentionProviders === next.contextMentionProviders && previous.workspaceAppIcons === next.workspaceAppIcons && previous.embedded === next.embedded && previous.previewMode === next.previewMode && previous.isActive === next.isActive && previous.composerFocusRequestSequence === next.composerFocusRequestSequence && previous.newConversationRequestSequence === next.newConversationRequestSequence && previous.openSessionRequest === next.openSessionRequest && previous.prefillPromptRequest === next.prefillPromptRequest;
 }
 var AgentGUINode = memo2(function AgentGUINode2({
   nodeId,
@@ -27938,6 +28951,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
   height,
   desktopSize,
   onLinkAction,
+  onHandoffConversation,
   capabilityMenuState,
   onCapabilitySettingsRequest,
   onAgentProviderLogin,
@@ -27945,7 +28959,6 @@ var AgentGUINode = memo2(function AgentGUINode2({
   providerTargetsLoading = false,
   providerReadinessGates = null,
   defaultProviderTargetId = null,
-  conversationScope = "single-provider",
   onWorkspaceFileReferencesAdded,
   onOpenConversationWindow,
   onClose,
@@ -28102,7 +29115,6 @@ var AgentGUINode = memo2(function AgentGUINode2({
     workspacePath,
     avoidGroupingEdits: agentSettings.avoidGroupingEdits,
     data: state,
-    conversationScope,
     openSessionRequest,
     prefillPromptRequest,
     providerTargets,
@@ -28141,13 +29153,8 @@ var AgentGUINode = memo2(function AgentGUINode2({
   const activeReadinessProvider = viewModel.activeConversationId !== null ? activeProvider : viewModel.selectedProviderTarget.provider;
   const selectedProviderTargetLabel = viewModel.selectedProviderTarget?.label ?? resolveAgentGUIProviderDisplayLabel(state.provider, fallbackAgentTitle);
   const displayProviderLabel = viewModel.activeConversation ? resolveAgentGUIProviderDisplayLabel(activeProvider, fallbackAgentTitle) : selectedProviderTargetLabel;
-  const windowAgentTitle = viewModel.activeConversation ? getAgentHostManagedToolchainAgentByName(activeProvider)?.label ?? displayProviderLabel : displayProviderLabel;
   const activeConversationDockTitle = viewModel.activeConversation ? resolveAgentGUIDockConversationTitle(viewModel.activeConversation) : null;
-  const activeConversationWindowTitle = viewModel.activeConversation ? formatAgentGUIConversationPlainTitle(viewModel.activeConversation, {
-    fallbackAgentLabel: fallbackAgentTitle,
-    language: locale
-  }) : null;
-  useEffect14(() => {
+  useEffect15(() => {
     if (previewMode || !viewModel.activeConversation) {
       return;
     }
@@ -28199,6 +29206,9 @@ var AgentGUINode = memo2(function AgentGUINode2({
         "agentHost.agentGui.providerGateCheckingDescription",
         { provider: displayProviderLabel }
       ),
+      providerGateCheckingAgentsDescription: t(
+        "agentHost.agentGui.providerGateCheckingAgentsDescription"
+      ),
       providerGateInstallTitle: t(
         "agentHost.agentGui.providerGateInstallTitle",
         { provider: displayProviderLabel }
@@ -28218,6 +29228,17 @@ var AgentGUINode = memo2(function AgentGUINode2({
         { provider: displayProviderLabel }
       ),
       providerGateLoginAction: t("agentHost.agentGui.providerGateLoginAction"),
+      providerGateComingSoonTitle: t(
+        "agentHost.agentGui.providerGateComingSoonTitle",
+        { provider: displayProviderLabel }
+      ),
+      providerGateComingSoonDescription: t(
+        "agentHost.agentGui.providerGateComingSoonDescription",
+        { provider: displayProviderLabel }
+      ),
+      providerGateComingSoonAction: t(
+        "agentHost.agentGui.providerGateComingSoonAction"
+      ),
       providerGateUnavailableTitle: t(
         "agentHost.agentGui.providerGateUnavailableTitle",
         { provider: displayProviderLabel }
@@ -28342,7 +29363,14 @@ var AgentGUINode = memo2(function AgentGUINode2({
       planImplementationSkip: t("agentHost.agentGui.planImplementationSkip"),
       noRunningResponse: t("agentHost.agentGui.noRunningResponse"),
       empty: t("agentHost.agentGui.empty", { provider: displayProviderLabel }),
+      emptyForProvider: (provider) => t("agentHost.agentGui.empty", {
+        provider: resolveAgentGUIProviderDisplayLabel(
+          provider,
+          fallbackAgentTitle
+        )
+      }),
       emptyProvider: displayProviderLabel,
+      emptyProviderForProvider: (provider) => resolveAgentGUIProviderDisplayLabel(provider, fallbackAgentTitle),
       conversations: t("agentHost.agentGui.conversations"),
       newConversation: t("agentHost.agentGui.newConversation"),
       agentConfig: t("agentHost.agentGui.agentConfig"),
@@ -28356,11 +29384,13 @@ var AgentGUINode = memo2(function AgentGUINode2({
       conversationFilterClaudeCode: t(
         "agentHost.agentGui.conversationFilterClaudeCode"
       ),
+      conversationFilterTutti: t("agentHost.agentGui.conversationFilterTutti"),
       providerSwitchLabel: t("agentHost.agentGui.providerSwitchLabel"),
       startConversation: t("agentHost.agentGui.startConversation"),
       selectConversation: t("agentHost.agentGui.selectConversation"),
       loadingConversations: t("agentHost.agentGui.loadingConversations"),
       loadingConversation: t("agentHost.agentGui.loadingConversation"),
+      scrollToBottom: t("agentHost.agentGui.scrollToBottom"),
       searchNoConversations: t("agentHost.agentGui.searchNoConversations"),
       conversationUnavailable: t("agentHost.agentGui.conversationUnavailable"),
       fallbackAgentTitle,
@@ -28429,14 +29459,18 @@ var AgentGUINode = memo2(function AgentGUINode2({
         "agentHost.agentGui.continueInNewConversation"
       ),
       goalLabel: t("agentHost.agentGui.goalLabel"),
-      goalStatusActive: t("agentHost.agentGui.goalStatusActive"),
-      goalStatusPaused: t("agentHost.agentGui.goalStatusPaused"),
-      goalStatusBlocked: t("agentHost.agentGui.goalStatusBlocked"),
-      goalStatusUsageLimited: t("agentHost.agentGui.goalStatusUsageLimited"),
-      goalStatusBudgetLimited: t("agentHost.agentGui.goalStatusBudgetLimited"),
-      goalStatusComplete: t("agentHost.agentGui.goalStatusComplete"),
+      goalTitleActive: t("agentHost.agentGui.goalTitleActive"),
+      goalTitlePaused: t("agentHost.agentGui.goalTitlePaused"),
+      goalTitleBlocked: t("agentHost.agentGui.goalTitleBlocked"),
+      goalTitleUsageLimited: t("agentHost.agentGui.goalTitleUsageLimited"),
+      goalTitleBudgetLimited: t("agentHost.agentGui.goalTitleBudgetLimited"),
+      goalTitleComplete: t("agentHost.agentGui.goalTitleComplete"),
       goalBudgetUsage: (used, budget) => t("agentHost.agentGui.goalBudgetUsage", { used, budget }),
       goalClearHint: t("agentHost.agentGui.goalClearHint"),
+      goalEditAction: t("agentHost.agentGui.goalEditAction"),
+      goalPauseAction: t("agentHost.agentGui.goalPauseAction"),
+      goalResumeAction: t("agentHost.agentGui.goalResumeAction"),
+      goalClearAction: t("agentHost.agentGui.goalClearAction"),
       processing: t("agentHost.agentGui.processing"),
       turnSummary: t("agentHost.agentGui.turnSummary"),
       userMessageLocator: t("agentHost.agentGui.userMessageLocator"),
@@ -28674,7 +29708,9 @@ var AgentGUINode = memo2(function AgentGUINode2({
       removeMention: t("common.remove"),
       addReference: t("agentHost.agentGui.addReference"),
       addContent: t("agentHost.agentGui.addContent"),
-      referenceWorkspaceFiles: t("agentHost.issue.referenceWorkspaceFiles")
+      referenceWorkspaceFiles: t("agentHost.issue.referenceWorkspaceFiles"),
+      handoffConversation: t("agentHost.agentGui.handoffConversation"),
+      handoffConversationMenu: t("agentHost.agentGui.handoffConversationMenu")
     }),
     [displayProviderLabel, fallbackAgentTitle, t]
   );
@@ -28687,23 +29723,14 @@ var AgentGUINode = memo2(function AgentGUINode2({
     }),
     [t]
   );
-  const collapsedWindowConversationTitle = isConversationRailCollapsed ? activeConversationDockTitle : null;
-  const windowTitle = collapsedWindowConversationTitle || (isConversationRailCollapsed ? activeConversationWindowTitle : null) || windowAgentTitle || title;
-  const windowTitleIconUrl = agentGuiDockIconUrls[activeProvider] ?? null;
+  const windowTitle = title;
   const activeProbeProvider = activeProvider;
   const railStatusProvider = useMemo11(
     () => resolveAgentGUIRailStatusProvider({
-      activeProvider: activeProbeProvider,
       conversationFilter: viewModel.conversationFilter,
-      conversationScope: viewModel.conversationScope,
       providerTargets: viewModel.providerTargets
     }),
-    [
-      activeProbeProvider,
-      viewModel.conversationFilter,
-      viewModel.conversationScope,
-      viewModel.providerTargets
-    ]
+    [viewModel.conversationFilter, viewModel.providerTargets]
   );
   const activeAgentProbe = useMemo11(
     () => findWorkspaceAgentProbeForDockProvider(
@@ -28775,7 +29802,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
     workspaceAgentProbes?.isLoadingUsage,
     t
   ]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (previewMode || !onAgentProbeDemandChange) {
       return;
     }
@@ -28785,7 +29812,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
       onAgentProbeDemandChange(null, probeSourceId);
     };
   }, [activeProbeProvider, nodeId, onAgentProbeDemandChange, previewMode]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (previewMode || !onAgentProbeDemandChange || !railStatusProvider || railStatusProvider === activeProbeProvider) {
       return;
     }
@@ -28813,17 +29840,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
       nodeId,
       kind: "agentGui",
       title: windowTitle,
-      titleIcon: windowTitleIconUrl ? /* @__PURE__ */ jsx33(
-        "img",
-        {
-          src: windowTitleIconUrl,
-          alt: "",
-          draggable: false,
-          "aria-hidden": "true",
-          className: "size-4 rounded-[4px]",
-          "data-agent-gui-window-provider-icon": "true"
-        }
-      ) : null,
+      titleIcon: null,
       position,
       width,
       height,
@@ -28891,6 +29908,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
             railSlashStatusLimits,
             previewMode,
             onLinkAction: handleLinkAction,
+            onHandoffConversation,
             capabilityMenuState,
             onCapabilitySettingsRequest,
             onAgentProviderLogin: onAgentProviderLogin ? handleAgentProviderLogin : void 0,