@tutti-os/agent-gui 0.0.200 → 0.0.202

package/dist/{chunk-DAP74J63.js → chunk-VZ4QAXXL.js}

@@ -15,7 +15,7 @@ import {
   resolveAgentGuiSessionProviderFlatIconUrl,
   resolveNextAgentGUIConversationRailWidthPx,
   shouldAutoCollapseAgentGUIConversationRail
-} from "./chunk-7NUEEGAA.js";
+} from "./chunk-X5V6P2EB.js";
 import {
   resolveAgentGuiWorkbenchProviderLabel
 } from "./chunk-MGSRWYRN.js";
@@ -69,7 +69,7 @@ import {
   toLocalShortDateTime,
   updateAgentComposerDraft,
   useProjectedAgentConversation
-} from "./chunk-ZADHMOME.js";
+} from "./chunk-UVJBQ6WD.js";
 import {
   agentRichTextContentToPromptText,
   createAgentRichTextInputExtensions,
@@ -188,11 +188,11 @@ import {
 } from "./chunk-O433KXLK.js";
 
 // AgentGUI.tsx
-import { memo as memo15, useMemo as useMemo51 } from "react";
+import { memo as memo16, useMemo as useMemo51 } from "react";
 import { TooltipProvider as TooltipProvider8 } from "@tutti-os/ui-system";
 
 // agent-gui/agentGuiNode/AgentGUINode.tsx
-import { memo as memo14, useCallback as useCallback69, useMemo as useMemo50, useRef as useRef61 } from "react";
+import { memo as memo15, useCallback as useCallback69, useMemo as useMemo50, useRef as useRef61 } from "react";
 import { createWorkspaceUserProjectI18nRuntime } from "@tutti-os/workspace-user-project/i18n";
 import { createWorkspaceFileManagerI18nRuntime } from "@tutti-os/workspace-file-manager";
 import { useReferenceProvenanceFilterCatalog } from "@tutti-os/workspace-file-reference/react";
@@ -11508,7 +11508,8 @@ function useAgentGUIConversationDetail(input) {
   );
   const sessionTurns = useEngineSelector(
     input.sessionEngine,
-    (state) => selectEngineTurnsForSession(state, input.activeConversationId)
+    (state) => selectEngineTurnsForSession(state, input.activeConversationId),
+    referenceArrayEqual
   );
   const projectionConversation = useMemo11(() => {
     if (!input.activeConversation) {
@@ -11679,6 +11680,9 @@ function useAgentGUIConversationDetail(input) {
     serverInteractivePrompt: hasProviderSessionNotFoundError ? null : rawPendingInteractivePrompt
   };
 }
+function referenceArrayEqual(left, right) {
+  return left.length === right.length && left.every((value, index) => value === right[index]);
+}
 
 // agent-gui/agentGuiNode/controller/useAgentGUIConversationPresentation.ts
 import { useEffect as useEffect9, useMemo as useMemo12, useRef as useRef15 } from "react";
@@ -24379,10 +24383,46 @@ function handleAgentRichTextKeyDownCapture(event, input) {
   input.onSubmitRef.current();
 }
 
+// agent-gui/agentGuiNode/agentRichText/agentRichTextControlledValue.ts
+function createAgentRichTextControlledValueTracker(scopeKey) {
+  return { nextRevision: 0, pendingLocalEchoes: [], scopeKey };
+}
+function recordAgentRichTextLocalEdit(tracker, value) {
+  tracker.nextRevision += 1;
+  tracker.pendingLocalEchoes.push({
+    revision: tracker.nextRevision,
+    scopeKey: tracker.scopeKey,
+    value
+  });
+}
+function shouldApplyAgentRichTextControlledValue(input) {
+  const { lastEmittedValue, scopeKey, tracker, value } = input;
+  const scopeChanged = tracker.scopeKey !== scopeKey;
+  if (scopeChanged) {
+    tracker.scopeKey = scopeKey;
+    tracker.pendingLocalEchoes = [];
+  }
+  const localEcho = tracker.pendingLocalEchoes.find(
+    (candidate) => candidate.scopeKey === scopeKey && candidate.value === value
+  );
+  if (!scopeChanged && localEcho) {
+    tracker.pendingLocalEchoes = tracker.pendingLocalEchoes.filter(
+      (candidate) => candidate.scopeKey !== scopeKey || candidate.revision > localEcho.revision
+    );
+    return false;
+  }
+  if (!scopeChanged && value === lastEmittedValue) {
+    return false;
+  }
+  tracker.pendingLocalEchoes = [];
+  return true;
+}
+
 // agent-gui/agentGuiNode/agentRichText/AgentRichTextEditor.tsx
 import { jsx as jsx31 } from "react/jsx-runtime";
 var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
   value,
+  contentScopeKey = "default",
   disabled,
   placeholder,
   removeMentionLabel,
@@ -24411,7 +24451,9 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
   "use memo";
   const { t } = useTranslation();
   const lastEmittedPromptRef = useRef31(value);
-  const pendingLocalPromptEchoesRef = useRef31(/* @__PURE__ */ new Set());
+  const controlledValueTrackerRef = useRef31(
+    createAgentRichTextControlledValueTracker(contentScopeKey)
+  );
   const editorRef = useRef31(null);
   const onChangeRef = useRef31(onChange);
   const onContentLayoutInvalidatedRef = useRef31(onContentLayoutInvalidated);
@@ -24843,7 +24885,10 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
         return;
       }
       lastEmittedPromptRef.current = nextPrompt;
-      pendingLocalPromptEchoesRef.current.add(nextPrompt);
+      recordAgentRichTextLocalEdit(
+        controlledValueTrackerRef.current,
+        nextPrompt
+      );
       if (isAgentRichTextUserContentInsertion(transaction)) {
         onUserContentChangeRef.current?.(nextPrompt);
       }
@@ -24924,16 +24969,14 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
     if (!editor || editor.isDestroyed) {
       return;
     }
-    if (pendingLocalPromptEchoesRef.current.has(value)) {
-      if (value === lastEmittedPromptRef.current) {
-        pendingLocalPromptEchoesRef.current.clear();
-      }
-      return;
-    }
-    if (value === lastEmittedPromptRef.current) {
+    if (!shouldApplyAgentRichTextControlledValue({
+      lastEmittedValue: lastEmittedPromptRef.current,
+      scopeKey: contentScopeKey,
+      tracker: controlledValueTrackerRef.current,
+      value
+    })) {
       return;
     }
-    pendingLocalPromptEchoesRef.current.clear();
     const nextDoc = plainTextToAgentRichTextDoc(value, {
       capabilities: availableCapabilities,
       skills: availableSkills
@@ -24946,7 +24989,7 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
     editor.commands.setTextSelection(editor.state.doc.content.size);
     lastEmittedPromptRef.current = value;
     onContentLayoutInvalidatedRef.current?.();
-  }, [availableCapabilities, availableSkills, editor, value]);
+  }, [availableCapabilities, availableSkills, contentScopeKey, editor, value]);
   return /* @__PURE__ */ jsx31(
     AgentRichTextEditorSurface,
     {
@@ -28102,6 +28145,7 @@ function AgentComposerView(input) {
                                         {
                                           ref: input.editorHandleRef,
                                           value: input.paletteDraftPrompt,
+                                          contentScopeKey: input.props.draftScopeKey,
                                           placeholder: effectivePlaceholder,
                                           disabled: inputDisabled,
                                           className: AgentGUINode_styles_default.composerTextarea,
@@ -36847,15 +36891,7 @@ var AgentGUIConversationRailController = memo9(
 );
 
 // agent-gui/agentGuiNode/view/AgentGUIDetailPane.tsx
-import {
-  memo as memo12,
-  useCallback as useCallback61,
-  useEffect as useEffect35,
-  useMemo as useMemo44,
-  useRef as useRef53,
-  useState as useState48
-} from "react";
-import { ScrollArea as ScrollArea3 } from "@tutti-os/ui-system/components";
+import { memo as memo13, useCallback as useCallback61, useEffect as useEffect35, useMemo as useMemo44, useRef as useRef53, useState as useState48 } from "react";
 
 // agent-gui/agentGuiNode/view/agentGUIDetailModelHelpers.ts
 import { useRef as useRef50 } from "react";
@@ -39236,6 +39272,12 @@ function AgentGUIContentToast({
   ] });
 }
 
+// agent-gui/agentGuiNode/view/AgentGUIDetailTimeline.tsx
+import {
+  memo as memo12
+} from "react";
+import { ScrollArea as ScrollArea3 } from "@tutti-os/ui-system/components";
+
 // agent-gui/agentGuiNode/view/AgentGUIConversationTimelinePane.tsx
 import { memo as memo11 } from "react";
 import { Fragment as Fragment24, jsx as jsx77, jsxs as jsxs57 } from "react/jsx-runtime";
@@ -39304,6 +39346,65 @@ function setTimelineScrollTopWithUserTransition(element, top) {
   element.scrollTop = top;
 }
 
+// agent-gui/agentGuiNode/view/AgentGUIDetailTimeline.tsx
+import { jsx as jsx78 } from "react/jsx-runtime";
+var TIMELINE_CONTENT_STYLE = {
+  width: "100%",
+  minWidth: "100%",
+  display: "grid",
+  gridTemplateColumns: "minmax(0, 1fr)",
+  gap: "24px"
+};
+var AgentGUIDetailTimeline = memo12(function AgentGUIDetailTimeline2({
+  availableSkills,
+  conversation,
+  conversationFlowEmpty,
+  conversationFlowLabels,
+  hasActiveConversation,
+  homeContent,
+  isLoadingOlderMessages,
+  isTimelineScrolledToTop,
+  labels,
+  onAuthLogin,
+  onLinkAction,
+  previewMode,
+  showTimelineSkeleton,
+  showUnavailableChatEmpty,
+  timelineContentRef,
+  timelineRef,
+  workspaceAppIcons
+}) {
+  "use memo";
+  return /* @__PURE__ */ jsx78(
+    ScrollArea3,
+    {
+      scrollbarMode: "native",
+      className: "flex h-full min-h-0 flex-1 flex-col [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100",
+      viewportRef: timelineRef,
+      viewportContentRef: timelineContentRef,
+      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(),
+      viewportContentStyle: TIMELINE_CONTENT_STYLE,
+      children: hasActiveConversation ? /* @__PURE__ */ jsx78(
+        AgentGUIConversationTimelinePane,
+        {
+          conversation,
+          isLoading: showTimelineSkeleton,
+          isLoadingOlderMessages,
+          loadingLabel: labels.loadingConversation,
+          empty: conversationFlowEmpty,
+          onLinkAction,
+          onAuthLogin,
+          availableSkills,
+          workspaceAppIcons,
+          previewMode,
+          labels: conversationFlowLabels
+        }
+      ) : homeContent
+    }
+  );
+});
+
 // agent-gui/agentGuiNode/view/useAgentGUIDetailScroll.ts
 import {
   useCallback as useCallback60,
@@ -39699,10 +39800,10 @@ function useAgentGUIDetailScroll(input) {
 import { useMemo as useMemo43 } from "react";
 
 // app/renderer/components/icons/UnavailableChatIcon.tsx
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 function UnavailableChatIcon(props) {
   "use memo";
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx79(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -39710,7 +39811,7 @@ function UnavailableChatIcon(props) {
       fill: "currentColor",
       "aria-hidden": true,
       ...props,
-      children: /* @__PURE__ */ jsx78("path", { d: "M20.833 2.125C21.6507 2.125 22.4355 2.45019 23.0137 3.02832C23.5916 3.60645 23.9159 4.39053 23.916 5.20801V17.708C23.916 18.5257 23.5918 19.3104 23.0137 19.8887C22.4355 20.4668 21.6507 20.792 20.833 20.792H7.1123C6.82516 20.7922 6.5497 20.9063 6.34668 21.1094L4.05273 23.4033C3.80954 23.6464 3.49934 23.8118 3.16211 23.8789C2.82492 23.9459 2.47487 23.9118 2.15723 23.7803C1.83953 23.6486 1.56707 23.4256 1.37598 23.1396C1.18489 22.8536 1.08305 22.5168 1.08301 22.1729V5.20801C1.08309 4.39045 1.40827 3.60647 1.98633 3.02832C2.56441 2.45024 3.3485 2.12517 4.16602 2.125H20.833ZM16.1533 7.80566C15.7628 7.41518 15.1298 7.41527 14.7393 7.80566L12.5 10.0439L10.2607 7.80469C9.87031 7.41464 9.23712 7.41465 8.84668 7.80469C8.45627 8.19509 8.45651 8.8282 8.84668 9.21875L11.0859 11.458L8.84668 13.6982C8.45651 14.0888 8.45627 14.7219 8.84668 15.1123C9.2371 15.5026 9.87024 15.5024 10.2607 15.1123L12.5 12.873L14.7393 15.1113C15.1298 15.5017 15.7628 15.5018 16.1533 15.1113C16.5434 14.7208 16.5436 14.0877 16.1533 13.6973L13.9141 11.458L16.1533 9.21973C16.5437 8.82924 16.5437 8.19616 16.1533 7.80566Z" })
+      children: /* @__PURE__ */ jsx79("path", { d: "M20.833 2.125C21.6507 2.125 22.4355 2.45019 23.0137 3.02832C23.5916 3.60645 23.9159 4.39053 23.916 5.20801V17.708C23.916 18.5257 23.5918 19.3104 23.0137 19.8887C22.4355 20.4668 21.6507 20.792 20.833 20.792H7.1123C6.82516 20.7922 6.5497 20.9063 6.34668 21.1094L4.05273 23.4033C3.80954 23.6464 3.49934 23.8118 3.16211 23.8789C2.82492 23.9459 2.47487 23.9118 2.15723 23.7803C1.83953 23.6486 1.56707 23.4256 1.37598 23.1396C1.18489 22.8536 1.08305 22.5168 1.08301 22.1729V5.20801C1.08309 4.39045 1.40827 3.60647 1.98633 3.02832C2.56441 2.45024 3.3485 2.12517 4.16602 2.125H20.833ZM16.1533 7.80566C15.7628 7.41518 15.1298 7.41527 14.7393 7.80566L12.5 10.0439L10.2607 7.80469C9.87031 7.41464 9.23712 7.41465 8.84668 7.80469C8.45627 8.19509 8.45651 8.8282 8.84668 9.21875L11.0859 11.458L8.84668 13.6982C8.45651 14.0888 8.45627 14.7219 8.84668 15.1123C9.2371 15.5026 9.87024 15.5024 10.2607 15.1123L12.5 12.873L14.7393 15.1113C15.1298 15.5017 15.7628 15.5018 16.1533 15.1113C16.5434 14.7208 16.5436 14.0877 16.1533 13.6973L13.9141 11.458L16.1533 9.21973C16.5437 8.82924 16.5437 8.19616 16.1533 7.80566Z" })
     }
   );
 }
@@ -39756,7 +39857,7 @@ function useAgentGUITimelineTransition(input) {
 }
 
 // agent-gui/agentGuiNode/view/useAgentGUIDetailModel.tsx
-import { Fragment as Fragment25, jsx as jsx79, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx80, jsxs as jsxs58 } from "react/jsx-runtime";
 function resolveTuttiModeUpdateInlineNotice(input) {
   if (input.status !== "failed" && input.status !== "uncertain") return null;
   const localizedMessage = input.status === "failed" ? input.failedMessage : input.uncertainMessage;
@@ -39950,11 +40051,11 @@ function useAgentGUIDetailModel(input) {
         className: AgentGUINode_styles_default.unavailableChatEmpty,
         "data-testid": "agent-gui-unavailable-chat-empty",
         children: [
-          /* @__PURE__ */ jsx79(UnavailableChatIcon, { className: AgentGUINode_styles_default.unavailableChatEmptyIcon }),
-          /* @__PURE__ */ jsx79("span", { className: AgentGUINode_styles_default.unavailableChatEmptyText, children: labels.conversationUnavailable })
+          /* @__PURE__ */ jsx80(UnavailableChatIcon, { className: AgentGUINode_styles_default.unavailableChatEmptyIcon }),
+          /* @__PURE__ */ jsx80("span", { className: AgentGUINode_styles_default.unavailableChatEmptyText, children: labels.conversationUnavailable })
         ]
       }
-    ) : /* @__PURE__ */ jsx79(Fragment25, {}),
+    ) : /* @__PURE__ */ jsx80(Fragment25, {}),
     [labels.conversationUnavailable, showUnavailableChatEmpty]
   );
   const chromeLabels = useMemo43(
@@ -40625,17 +40726,16 @@ function useAgentGUITuttiWorkflow(input) {
 }
 
 // agent-gui/agentGuiNode/view/AgentGUIDetailPane.tsx
-import { Fragment as Fragment26, jsx as jsx80, jsxs as jsxs59 } from "react/jsx-runtime";
-var AGENT_GUI_TIMELINE_SCROLL_AREA_CONTENT_STYLE = {
-  width: "100%",
-  minWidth: "100%",
-  display: "grid",
-  gridTemplateColumns: "minmax(0, 1fr)",
-  gap: "24px"
-};
+import { Fragment as Fragment26, jsx as jsx81, jsxs as jsxs59 } from "react/jsx-runtime";
 var EMPTY_WORKSPACE_APP_ICONS4 = [];
-var AgentGUIDetailPane = memo12(function AgentGUIDetailPane2({
-  viewModel,
+var AgentGUIDetailPane = memo13(function AgentGUIDetailPane2({
+  shell,
+  rail,
+  detail,
+  composer,
+  interaction,
+  readiness,
+  operations,
   homeTargetProjection,
   referenceProvenanceFilter = null,
   composerEngagement,
@@ -40671,6 +40771,15 @@ var AgentGUIDetailPane = memo12(function AgentGUIDetailPane2({
   renderProviderUnavailableState
 }) {
   "use memo";
+  const viewModel = {
+    shell,
+    rail,
+    detail,
+    composer,
+    interaction,
+    readiness,
+    operations
+  };
   const timelineRef = useRef53(null);
   const timelineContentRef = useRef53(null);
   const bottomDockRef = useRef53(null);
@@ -41110,6 +41219,41 @@ var AgentGUIDetailPane = memo12(function AgentGUIDetailPane2({
     timelineScrollAnchorRef,
     viewModel
   });
+  const homeContent = !hasActiveConversation ? shouldRenderProviderUnavailableState && disabledProviderTarget ? /* @__PURE__ */ jsx81(Fragment26, { children: renderProviderUnavailableState?.({
+    provider: disabledProviderTarget.provider,
+    providerLabel: labels.emptyProviderForProvider?.(
+      disabledProviderTarget.provider
+    ) ?? resolveAgentGuiWorkbenchProviderLabel(
+      disabledProviderTarget.provider
+    ),
+    target: disabledProviderTarget,
+    iconUrl: resolveAgentGUIHeroIconUrl2(disabledProviderTarget.provider),
+    unavailableReason: disabledProviderTarget.unavailableReason ?? null
+  }) }) : /* @__PURE__ */ jsx81(
+    AgentGUIEmptyHomePane,
+    {
+      provider: emptyHeroProvider,
+      providerReadinessGate: emptyProviderReadinessGate,
+      showAllProviders: viewModel.rail.conversationFilter.kind === "all",
+      agentTargets: composerProviderTargets,
+      selectedAgentTarget: composerSelectedProviderTarget,
+      onProviderSelect: canSwitchComposerProvider && viewModel.rail.activeConversationId === null ? selectHomeComposerAgentTargetAndFocus : void 0,
+      noticeChrome: homeNoticeChrome,
+      isRespondingApproval: isInteractionPending,
+      previewMode,
+      onSubmitApprovalOption: submitApprovalOption,
+      onRetryActivation: retryActivation,
+      onAuthLogin: authLogin,
+      onContinueInNewConversation: continueInNewConversation,
+      chromeLabels,
+      composerProps: emptyHeroComposerProps,
+      labels,
+      suggestions: labels.homeSuggestions ?? EMPTY_HOME_SUGGESTIONS,
+      suggestionsCloseLabel: labels.homeSuggestionsClose,
+      onSelectSuggestion: handleSelectHomeSuggestion,
+      onSelectSuggestionAction: handleHomeSuggestionAction
+    }
+  ) : null;
   return /* @__PURE__ */ jsxs59(
     "main",
     {
@@ -41117,7 +41261,7 @@ var AgentGUIDetailPane = memo12(function AgentGUIDetailPane2({
       "aria-busy": timelineInteractionLocked || void 0,
       inert: timelineInteractionLocked,
       children: [
-        viewModel.operations.goalClearNoticeSequence > 0 ? /* @__PURE__ */ jsx80(
+        viewModel.operations.goalClearNoticeSequence > 0 ? /* @__PURE__ */ jsx81(
           AgentGUIContentToast,
           {
             insetTopPx: 16,
@@ -41125,71 +41269,29 @@ var AgentGUIDetailPane = memo12(function AgentGUIDetailPane2({
           },
           viewModel.operations.goalClearNoticeSequence
         ) : null,
-        /* @__PURE__ */ jsx80(
-          ScrollArea3,
+        /* @__PURE__ */ jsx81(
+          AgentGUIDetailTimeline,
           {
-            scrollbarMode: "native",
-            className: "flex h-full min-h-0 flex-1 flex-col [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100",
-            viewportRef: timelineRef,
-            viewportContentRef: timelineContentRef,
-            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(),
-            viewportContentStyle: AGENT_GUI_TIMELINE_SCROLL_AREA_CONTENT_STYLE,
-            children: !hasActiveConversation ? shouldRenderProviderUnavailableState && disabledProviderTarget ? /* @__PURE__ */ jsx80(Fragment26, { children: renderProviderUnavailableState?.({
-              provider: disabledProviderTarget.provider,
-              providerLabel: labels.emptyProviderForProvider?.(
-                disabledProviderTarget.provider
-              ) ?? resolveAgentGuiWorkbenchProviderLabel(
-                disabledProviderTarget.provider
-              ),
-              target: disabledProviderTarget,
-              iconUrl: resolveAgentGUIHeroIconUrl2(
-                disabledProviderTarget.provider
-              ),
-              unavailableReason: disabledProviderTarget.unavailableReason ?? null
-            }) }) : /* @__PURE__ */ jsx80(
-              AgentGUIEmptyHomePane,
-              {
-                provider: emptyHeroProvider,
-                providerReadinessGate: emptyProviderReadinessGate,
-                showAllProviders: viewModel.rail.conversationFilter.kind === "all",
-                agentTargets: composerProviderTargets,
-                selectedAgentTarget: composerSelectedProviderTarget,
-                onProviderSelect: canSwitchComposerProvider && viewModel.rail.activeConversationId === null ? selectHomeComposerAgentTargetAndFocus : void 0,
-                noticeChrome: homeNoticeChrome,
-                isRespondingApproval: isInteractionPending,
-                previewMode,
-                onSubmitApprovalOption: submitApprovalOption,
-                onRetryActivation: retryActivation,
-                onAuthLogin: authLogin,
-                onContinueInNewConversation: continueInNewConversation,
-                chromeLabels,
-                composerProps: emptyHeroComposerProps,
-                labels,
-                suggestions: labels.homeSuggestions ?? EMPTY_HOME_SUGGESTIONS,
-                suggestionsCloseLabel: labels.homeSuggestionsClose,
-                onSelectSuggestion: handleSelectHomeSuggestion,
-                onSelectSuggestionAction: handleHomeSuggestionAction
-              }
-            ) : /* @__PURE__ */ jsx80(Fragment26, { children: /* @__PURE__ */ jsx80(
-              AgentGUIConversationTimelinePane,
-              {
-                conversation,
-                isLoading: showTimelineSkeleton,
-                isLoadingOlderMessages: viewModel.detail.isLoadingOlderMessages,
-                loadingLabel: labels.loadingConversation,
-                empty: conversationFlowEmpty,
-                onLinkAction: stableLinkAction,
-                onAuthLogin: authLogin,
-                availableSkills: viewModel.composer.availableSkills,
-                workspaceAppIcons,
-                previewMode,
-                labels: conversationFlowLabels
-              }
-            ) })
+            availableSkills: viewModel.composer.availableSkills,
+            conversation,
+            conversationFlowEmpty,
+            conversationFlowLabels,
+            hasActiveConversation,
+            homeContent,
+            isLoadingOlderMessages: viewModel.detail.isLoadingOlderMessages,
+            isTimelineScrolledToTop,
+            labels,
+            onAuthLogin: authLogin,
+            onLinkAction: stableLinkAction,
+            previewMode,
+            showTimelineSkeleton,
+            showUnavailableChatEmpty,
+            timelineContentRef,
+            timelineRef,
+            workspaceAppIcons
           }
         ),
-        hasActiveConversation ? /* @__PURE__ */ jsx80(
+        hasActiveConversation ? /* @__PURE__ */ jsx81(
           AgentGUIBottomDockPane,
           {
             bottomDockRef,
@@ -41226,10 +41328,10 @@ var AgentGUIDetailPane = memo12(function AgentGUIDetailPane2({
 });
 
 // agent-gui/agentGuiNode/view/AgentGUIRenameConversationDialog.tsx
-import { memo as memo13, useCallback as useCallback62, useEffect as useEffect36, useRef as useRef54, useState as useState49 } from "react";
+import { memo as memo14, useCallback as useCallback62, useEffect as useEffect36, useRef as useRef54, useState as useState49 } from "react";
 import { ConfirmationDialog as ConfirmationDialog4, Input as Input4 } from "@tutti-os/ui-system";
-import { jsx as jsx81, jsxs as jsxs60 } from "react/jsx-runtime";
-var AgentGUIRenameConversationDialog = memo13(
+import { jsx as jsx82, jsxs as jsxs60 } from "react/jsx-runtime";
+var AgentGUIRenameConversationDialog = memo14(
   function AgentGUIRenameConversationDialog2({
     conversation,
     open,
@@ -41284,7 +41386,7 @@ var AgentGUIRenameConversationDialog = memo13(
         setIsSaving(false);
       });
     }, [conversation, onOpenChange, onRename, trimmedTitle]);
-    return /* @__PURE__ */ jsx81(
+    return /* @__PURE__ */ jsx82(
       ConfirmationDialog4,
       {
         cancelLabel: labels.cancel,
@@ -41294,7 +41396,7 @@ var AgentGUIRenameConversationDialog = memo13(
         confirmLabel: labels.renameSessionSave,
         description: labels.renameSessionDescription,
         footer: /* @__PURE__ */ jsxs60("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx82(
             Button,
             {
               disabled: isSaving,
@@ -41332,7 +41434,7 @@ var AgentGUIRenameConversationDialog = memo13(
               children: labels.cancel
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx82(
             Button,
             {
               className: "shadow-none",
@@ -41387,7 +41489,7 @@ var AgentGUIRenameConversationDialog = memo13(
         title: labels.renameSessionTitle,
         onConfirm: confirmRename,
         onOpenChange,
-        children: /* @__PURE__ */ jsx81(
+        children: /* @__PURE__ */ jsx82(
           Input4,
           {
             ref: inputRef,
@@ -41415,7 +41517,7 @@ import {
   ReferenceSourcePicker,
   WorkspaceFileReferencePicker
 } from "@tutti-os/workspace-file-reference/ui";
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { jsx as jsx83 } from "react/jsx-runtime";
 function AgentGUIReferencePickerSurface({
   aggregator,
   copy,
@@ -41432,7 +41534,7 @@ function AgentGUIReferencePickerSurface({
   onConfirm,
   onConfirmBundles
 }) {
-  return aggregator ? /* @__PURE__ */ jsx82(
+  return aggregator ? /* @__PURE__ */ jsx83(
     ReferenceSourcePicker,
     {
       aggregator,
@@ -41448,7 +41550,7 @@ function AgentGUIReferencePickerSurface({
       onConfirm,
       onConfirmBundles
     }
-  ) : /* @__PURE__ */ jsx82(
+  ) : /* @__PURE__ */ jsx83(
     WorkspaceFileReferencePicker,
     {
       copy,
@@ -41465,7 +41567,7 @@ function AgentGUIReferencePickerSurface({
 
 // agent-gui/agentGuiNode/view/AgentTargetSetupRoot.tsx
 import { useCallback as useCallback63, useMemo as useMemo45 } from "react";
-import { jsx as jsx83, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs61 } from "react/jsx-runtime";
 function useAgentTargetSetupRoot(input) {
   const { preferences } = useAgentGUIProviderRailPreferences();
   const homeTargetProjection = useMemo45(
@@ -41509,9 +41611,9 @@ function AgentTargetSetupRoot({
   controller,
   openEnvironmentSetup
 }) {
-  return /* @__PURE__ */ jsx83(AgentEnvPanelActionProvider, { openPanel: openEnvironmentSetup, children: /* @__PURE__ */ jsxs61(AgentTargetSetupControllerProvider, { controller, children: [
+  return /* @__PURE__ */ jsx84(AgentEnvPanelActionProvider, { openPanel: openEnvironmentSetup, children: /* @__PURE__ */ jsxs61(AgentTargetSetupControllerProvider, { controller, children: [
     children,
-    /* @__PURE__ */ jsx83(
+    /* @__PURE__ */ jsx84(
       AgentTargetSetupGate,
       {
         carouselMountedExternally: false,
@@ -42074,7 +42176,7 @@ function useAgentGUIExternalRequests(input) {
 }
 
 // agent-gui/agentGuiNode/AgentGUINodeView.tsx
-import { jsx as jsx84, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs62 } from "react/jsx-runtime";
 function AgentGUINodeView({
   viewModel,
   referenceProvenanceFilter = null,
@@ -42503,7 +42605,7 @@ function AgentGUINodeView({
     }),
     [targetPresentationKey, viewModel.shell.workspaceId]
   );
-  const content = /* @__PURE__ */ jsx84(AgentTargetPresentationProvider, { agentTargets: agentTargetPresentations, children: /* @__PURE__ */ jsxs62(
+  const content = /* @__PURE__ */ jsx85(AgentTargetPresentationProvider, { agentTargets: agentTargetPresentations, children: /* @__PURE__ */ jsxs62(
     AgentTargetSetupRoot,
     {
       controller: targetSetupController,
@@ -42527,7 +42629,7 @@ function AgentGUINodeView({
                   "aria-hidden": conversationRailCollapsed ? "true" : void 0,
                   inert: conversationRailCollapsed ? true : void 0,
                   children: [
-                    /* @__PURE__ */ jsx84(
+                    /* @__PURE__ */ jsx85(
                       AgentGUIProviderRail,
                       {
                         activeConversation: viewModel.rail.activeConversation,
@@ -42551,7 +42653,7 @@ function AgentGUINodeView({
                         onRequestComposerFocus: requestComposerFocus
                       }
                     ),
-                    renderSidebarFooter ? /* @__PURE__ */ jsx84(
+                    renderSidebarFooter ? /* @__PURE__ */ jsx85(
                       "div",
                       {
                         className: `${AgentGUINode_styles_default.providerRailFooter} ${AgentGUINode_styles_default.providerRailSidebarFooter} nodrag tsh-desktop-no-drag`,
@@ -42562,12 +42664,12 @@ function AgentGUINodeView({
                         })
                       }
                     ) : null,
-                    shouldShowProviderRailConfigButton ? /* @__PURE__ */ jsx84(
+                    shouldShowProviderRailConfigButton ? /* @__PURE__ */ jsx85(
                       "div",
                       {
                         className: `${AgentGUINode_styles_default.providerRailFooter} ${AgentGUINode_styles_default.providerRailConfigFooter} nodrag tsh-desktop-no-drag`,
                         "data-testid": "agent-gui-config-footer",
-                        children: /* @__PURE__ */ jsx84(
+                        children: /* @__PURE__ */ jsx85(
                           AgentGUIConfigMenu,
                           {
                             environmentSetupVisible,
@@ -42594,14 +42696,14 @@ function AgentGUINodeView({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx84(
+              /* @__PURE__ */ jsx85(
                 "aside",
                 {
                   id: "agent-gui-conversation-rail",
                   className: `${AgentGUINode_styles_default.railPanel}${conversationRailCollapsed ? ` ${AgentGUINode_styles_default.railPanelCollapsed}` : ""}`,
                   "aria-hidden": conversationRailCollapsed ? "true" : void 0,
                   inert: conversationRailCollapsed ? true : void 0,
-                  children: /* @__PURE__ */ jsx84(
+                  children: /* @__PURE__ */ jsx85(
                     AgentGUIConversationRailController,
                     {
                       ...conversationRailStoreState,
@@ -42610,7 +42712,7 @@ function AgentGUINodeView({
                       registerInteractionLockProbe: registerRailInteractionLockProbe,
                       userProjects: viewModel.rail.userProjects,
                       workspaceId: viewModel.shell.workspaceId,
-                      footer: accountMenuState?.user ? /* @__PURE__ */ jsx84(
+                      footer: accountMenuState?.user ? /* @__PURE__ */ jsx85(
                         AgentGUIAccountRailMenu,
                         {
                           accountMenuState,
@@ -42622,7 +42724,7 @@ function AgentGUINodeView({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx84(
+              /* @__PURE__ */ jsx85(
                 "div",
                 {
                   id: "agent-gui-conversation-rail-resize",
@@ -42646,10 +42748,16 @@ function AgentGUINodeView({
                   onPointerUp: endConversationRailResize
                 }
               ),
-              /* @__PURE__ */ jsx84("section", { id: "agent-gui-detail", className: AgentGUINode_styles_default.detailPanel, children: /* @__PURE__ */ jsx84(
+              /* @__PURE__ */ jsx85("section", { id: "agent-gui-detail", className: AgentGUINode_styles_default.detailPanel, children: /* @__PURE__ */ jsx85(
                 AgentGUIDetailPane,
                 {
-                  viewModel,
+                  shell: viewModel.shell,
+                  rail: viewModel.rail,
+                  detail: viewModel.detail,
+                  composer: viewModel.composer,
+                  interaction: viewModel.interaction,
+                  readiness: viewModel.readiness,
+                  operations: viewModel.operations,
                   homeTargetProjection,
                   referenceProvenanceFilter,
                   composerEngagement,
@@ -42688,7 +42796,7 @@ function AgentGUINodeView({
             ]
           }
         ),
-        /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsx85(
           AgentGUIReferencePickerSurface,
           {
             aggregator: workspaceReferencePickerAggregator,
@@ -42707,7 +42815,7 @@ function AgentGUINodeView({
             onConfirmBundles: workspaceReferencePickerPurpose === "reference" ? confirmWorkspaceReferenceBundles : void 0
           }
         ),
-        /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsx85(
           AgentGUIRenameConversationDialog,
           {
             conversation: renameConversationTarget,
@@ -42725,7 +42833,7 @@ function AgentGUINodeView({
       ]
     }
   ) });
-  return previewMode ? content : /* @__PURE__ */ jsx84(TooltipProvider7, { children: content });
+  return previewMode ? content : /* @__PURE__ */ jsx85(TooltipProvider7, { children: content });
 }
 
 // agent-gui/workspaceDesktop/view/AgentProbeInfoPopover.tsx
@@ -42738,7 +42846,7 @@ import {
   useState as useState52
 } from "react";
 import { createPortal as createPortal5 } from "react-dom";
-import { Fragment as Fragment27, jsx as jsx85, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx86, jsxs as jsxs63 } from "react/jsx-runtime";
 var POPOVER_MIN_VIEWPORT_INSET_PX = 16;
 var POPOVER_DEFAULT_WIDTH_PX = 260;
 function dockAgentProbeLineKey(line) {
@@ -42752,7 +42860,7 @@ function renderDockAgentProbeLine(line) {
     line.primary,
     line.secondary ? /* @__PURE__ */ jsxs63(Fragment27, { children: [
       " ",
-      /* @__PURE__ */ jsx85("span", { className: "desktop-dock-popup__agent-status-secondary", children: line.secondary })
+      /* @__PURE__ */ jsx86("span", { className: "desktop-dock-popup__agent-status-secondary", children: line.secondary })
     ] }) : null
   ] });
 }
@@ -42845,7 +42953,7 @@ function AgentProbeInfoPopover({
   if (lines.length === 0) {
     return null;
   }
-  const popover = /* @__PURE__ */ jsx85(
+  const popover = /* @__PURE__ */ jsx86(
     "div",
     {
       ref: popoverRef,
@@ -42854,7 +42962,7 @@ function AgentProbeInfoPopover({
       style: popoverStyle ?? void 0,
       onMouseEnter: openPopover,
       onMouseLeave: closeIfPointerLeavesPopover,
-      children: /* @__PURE__ */ jsx85("ul", { className: "desktop-dock-popup__agent-info-list", children: lines.map((line) => {
+      children: /* @__PURE__ */ jsx86("ul", { className: "desktop-dock-popup__agent-info-list", children: lines.map((line) => {
         const label = getDockAgentProbeLineLabel(line);
         const valueText = formatDockAgentProbeLineText(line);
         return /* @__PURE__ */ jsxs63(
@@ -42863,8 +42971,8 @@ function AgentProbeInfoPopover({
             className: "desktop-dock-popup__agent-info-item",
             "data-has-label": label ? "true" : "false",
             children: [
-              label ? /* @__PURE__ */ jsx85("span", { className: "desktop-dock-popup__agent-info-label", children: label }) : null,
-              /* @__PURE__ */ jsx85(
+              label ? /* @__PURE__ */ jsx86("span", { className: "desktop-dock-popup__agent-info-label", children: label }) : null,
+              /* @__PURE__ */ jsx86(
                 "span",
                 {
                   className: "desktop-dock-popup__agent-info-value",
@@ -42899,7 +43007,7 @@ function AgentProbeInfoPopover({
       },
       onBlur: closePopover,
       children: [
-        /* @__PURE__ */ jsx85(Info2, { size: 15, strokeWidth: 2.1, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx86(Info2, { size: 15, strokeWidth: 2.1, "aria-hidden": "true" }),
         isOpen ? createPortal5(popover, document.body) : null
       ]
     }
@@ -43035,7 +43143,7 @@ function composeAgentGUIMentionService(input) {
 }
 
 // agent-gui/agentGuiNode/AgentGUIMentionServiceBoundary.tsx
-import { jsx as jsx86 } from "react/jsx-runtime";
+import { jsx as jsx87 } from "react/jsx-runtime";
 function AgentGUIMentionServiceBoundary({
   children,
   service
@@ -43051,7 +43159,7 @@ function AgentGUIMentionServiceBoundary({
   if (!effectiveService || effectiveService === inheritedService) {
     return children;
   }
-  return /* @__PURE__ */ jsx86(RichTextMentionServiceProvider, { service: effectiveService, children });
+  return /* @__PURE__ */ jsx87(RichTextMentionServiceProvider, { service: effectiveService, children });
 }
 
 // agent-gui/agentGuiNode/AgentGUINode.labels.ts
@@ -44209,13 +44317,13 @@ function useAgentGUIWorkspaceFileReferenceCopy(t) {
 }
 
 // agent-gui/agentGuiNode/AgentGUINode.tsx
-import { jsx as jsx87, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs64 } from "react/jsx-runtime";
 var DISABLED_REFERENCE_PROVENANCE_CATALOG = {
   enabledDimensions: [],
   agentOptions: [],
   memberOptions: []
 };
-var AgentGUINode = memo14(function AgentGUINode2({
+var AgentGUINode = memo15(function AgentGUINode2({
   identity,
   workspace,
   frame,
@@ -44523,7 +44631,7 @@ var AgentGUINode = memo14(function AgentGUINode2({
     t,
     viewModel
   });
-  return /* @__PURE__ */ jsx87(AgentGUIMentionServiceBoundary, { service: mentionService, children: /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(AgentGUIMentionServiceBoundary, { service: mentionService, children: /* @__PURE__ */ jsx88(
     WorkspaceNodeWindow,
     {
       nodeId,
@@ -44540,7 +44648,7 @@ var AgentGUINode = memo14(function AgentGUINode2({
       bodyClassName: `${AgentGUINode_styles_default.shell} nodrag size-full min-h-0 min-w-0 !bg-transparent p-0`,
       hideHeader: embedded,
       titleAccessory: /* @__PURE__ */ jsxs64("span", { className: "inline-flex flex-none items-center gap-1", children: [
-        /* @__PURE__ */ jsx87(
+        /* @__PURE__ */ jsx88(
           AgentProbeInfoPopover,
           {
             lines: agentProbeLines,
@@ -44550,7 +44658,7 @@ var AgentGUINode = memo14(function AgentGUINode2({
             onClose: handleAgentProbeInfoClose
           }
         ),
-        /* @__PURE__ */ jsx87(
+        /* @__PURE__ */ jsx88(
           CanvasNodeGhostIconButton,
           {
             "aria-label": isConversationRailCollapsed ? t("agentHost.agentGui.expandConversationRail") : t("agentHost.agentGui.collapseConversationRail"),
@@ -44562,7 +44670,7 @@ var AgentGUINode = memo14(function AgentGUINode2({
               event.stopPropagation();
               handleConversationRailToggle();
             },
-            children: /* @__PURE__ */ jsx87(
+            children: /* @__PURE__ */ jsx88(
               CanvasNodePanelLinedIcon,
               {
                 width: 18,
@@ -44586,7 +44694,7 @@ var AgentGUINode = memo14(function AgentGUINode2({
           renderedWidth,
           railAutoCollapseWidthPx
         );
-        return /* @__PURE__ */ jsx87(
+        return /* @__PURE__ */ jsx88(
           AgentGUINodeView,
           {
             viewModel,
@@ -44668,8 +44776,8 @@ var AgentGUINode = memo14(function AgentGUINode2({
 }, areAgentGUINodePropsEqual);
 
 // AgentGUI.tsx
-import { jsx as jsx88 } from "react/jsx-runtime";
-var AgentGUI = memo15(function AgentGUI2({
+import { jsx as jsx89 } from "react/jsx-runtime";
+var AgentGUI = memo16(function AgentGUI2({
   agentActivityRuntime,
   agentHostApi,
   tuttiModePlanReviewRuntime,
@@ -44740,15 +44848,15 @@ var AgentGUI = memo15(function AgentGUI2({
     hostCapabilities: nodeHostCapabilities,
     renderSlots: nodeRenderSlots
   };
-  const content = /* @__PURE__ */ jsx88(AgentGuiI18nProvider, { runtime: i18n, locale, children: /* @__PURE__ */ jsx88(TuttiModePlanReviewRuntimeProvider, { runtime: tuttiModePlanReviewRuntime, children: /* @__PURE__ */ jsx88(
+  const content = /* @__PURE__ */ jsx89(AgentGuiI18nProvider, { runtime: i18n, locale, children: /* @__PURE__ */ jsx89(TuttiModePlanReviewRuntimeProvider, { runtime: tuttiModePlanReviewRuntime, children: /* @__PURE__ */ jsx89(
     AgentActivityHostProvider,
     {
       agentActivityRuntime,
       agentHostApi,
-      children: /* @__PURE__ */ jsx88(AgentGUINode, { ...nodeProps })
+      children: /* @__PURE__ */ jsx89(AgentGUINode, { ...nodeProps })
     }
   ) }) });
-  return props.frame.previewMode ? content : /* @__PURE__ */ jsx88(TooltipProvider8, { delayDuration: 120, skipDelayDuration: 0, children: content });
+  return props.frame.previewMode ? content : /* @__PURE__ */ jsx89(TooltipProvider8, { delayDuration: 120, skipDelayDuration: 0, children: content });
 });
 
 export {
@@ -44764,4 +44872,4 @@ export {
   AgentHandoffMenu,
   AgentGUI
 };
-//# sourceMappingURL=chunk-DAP74J63.js.map
+//# sourceMappingURL=chunk-VZ4QAXXL.js.map