@tutti-os/agent-gui 0.0.210 → 0.0.211

package/dist/{chunk-Y6M27YYS.js → chunk-AT4DII34.js}

@@ -15,7 +15,7 @@ import {
   resolveAgentGuiSessionProviderFlatIconUrl,
   resolveNextAgentGUIConversationRailWidthPx,
   shouldAutoCollapseAgentGUIConversationRail
-} from "./chunk-DKRX5IZS.js";
+} from "./chunk-P4LVBSFC.js";
 import {
   resolveAgentGuiWorkbenchProviderLabel
 } from "./chunk-MGSRWYRN.js";
@@ -34,7 +34,7 @@ import {
   resolveAgentGUIFirstUserMessageDisplayPrompt,
   resolveAgentGUIProviderDisplayLabel,
   resolveAgentGUIProviderIdentity
-} from "./chunk-V2MU37VN.js";
+} from "./chunk-U5NVLMW2.js";
 import {
   AgentCommercePresentationProvider,
   AgentConversationFlow,
@@ -70,7 +70,7 @@ import {
   toLocalShortDateTime,
   updateAgentComposerDraft,
   useProjectedAgentConversation
-} from "./chunk-CCFYCSBK.js";
+} from "./chunk-SXZJ3MDI.js";
 import {
   agentRichTextContentToPromptText,
   createAgentRichTextInputExtensions,
@@ -80,7 +80,7 @@ import {
   plainTextToAgentRichTextInlineContent,
   skillDescriptionForDisplay,
   skillTriggerForPrefix
-} from "./chunk-HXAOFFZJ.js";
+} from "./chunk-CVGUT36H.js";
 import {
   AgentEnvPanelActionProvider
 } from "./chunk-JZ6KUUDY.js";
@@ -95,7 +95,7 @@ import {
   AgentFileMentionPalette,
   agentMentionItemKey,
   isAgentMentionItemDisabled
-} from "./chunk-6LXC5BME.js";
+} from "./chunk-KY2IYJXK.js";
 import {
   normalizeAgentGUIAgents,
   projectAgentGUIAgentsToTargets
@@ -106,7 +106,7 @@ import {
   DEFAULT_AGENT_MENTION_FILTER,
   agentGuiScheduler,
   buildWorkspaceAgentActivityListViewModel
-} from "./chunk-JRYR2EA5.js";
+} from "./chunk-PLAOIDNY.js";
 import {
   AGENT_RICH_TEXT_CARET_ANCHOR,
   agentComposerFileMentionReferences,
@@ -123,7 +123,7 @@ import {
   parseMentionItemFromHref,
   remainingAgentComposerPromptAssetSlots,
   updateAgentComposerFileMentions
-} from "./chunk-5RZVXSQQ.js";
+} from "./chunk-7CJEFNHW.js";
 import {
   AgentInteractivePromptSurface,
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
@@ -135,7 +135,7 @@ import {
   normalizePlanIssueBudgetPreset,
   planImplementationPromptFromPlanTurn,
   planIssueBudgetPresetsEqual
-} from "./chunk-RAO2PI3T.js";
+} from "./chunk-4VXUWPPZ.js";
 import {
   useEngineSelector
 } from "./chunk-EVQ4JY3N.js";
@@ -145,7 +145,7 @@ import {
   blobToBase64,
   normalizeAgentApprovalPurpose,
   resolveWorkspaceLinkAction
-} from "./chunk-VGPFDVSK.js";
+} from "./chunk-Z23HCYYR.js";
 import {
   AgentTargetPresentationProvider,
   cn,
@@ -163,7 +163,7 @@ import {
   useAgentHostApi,
   useOptionalAgentActivityRuntime,
   useOptionalAgentHostApi
-} from "./chunk-FWR5BZYR.js";
+} from "./chunk-HH5EWBH2.js";
 import {
   MANAGED_AGENT_ICON_FALLBACK_URL,
   MANAGED_AGENT_ICON_URLS,
@@ -173,7 +173,7 @@ import {
   AgentGuiI18nProvider,
   translate,
   useTranslation
-} from "./chunk-THRBLO2B.js";
+} from "./chunk-X2LSVRRX.js";
 import {
   isBetaAgentProvider,
   normalizeManagedAgentProvider
@@ -15050,6 +15050,7 @@ var styles = {
   composerFooterRight: "agent-gui-node__composer-footer-right",
   composerHero: "agent-gui-node__composer-hero",
   composerFloatingPrompt: "agent-gui-node__composer-floating-prompt",
+  composerDisclosurePanel: "agent-gui-chrome__composer-disclosure-panel",
   composerFileDropOverlay: "agent-gui-node__composer-file-drop-overlay",
   composerFileDropOverlayActive: "agent-gui-node__composer-file-drop-overlay--active",
   composerFileDropOverlayCard: "agent-gui-node__composer-file-drop-overlay-card",
@@ -15992,7 +15993,7 @@ import {
   useCallback as useCallback51,
   useMemo as useMemo37,
   useRef as useRef45,
-  useState as useState33
+  useState as useState32
 } from "react";
 import { Tooltip as Tooltip9, TooltipContent as TooltipContent9, TooltipTrigger as TooltipTrigger9 } from "@tutti-os/ui-system";
 
@@ -16215,14 +16216,12 @@ function changeAgentGUIProviderManagerVisibility(input) {
 }
 
 // agent-gui/agentGuiNode/view/AgentGUIEmptyState.tsx
-import { memo as memo3, useId as useId2, useMemo as useMemo36 } from "react";
-import { Sparkles as Sparkles2 } from "lucide-react";
+import { memo as memo3, useMemo as useMemo36 } from "react";
 import {
   Select as Select5,
   SelectContent as SelectContent5,
   SelectItem as SelectItem5,
   SelectTrigger as SelectTrigger5,
-  Switch,
   cn as cn7
 } from "@tutti-os/ui-system";
 
@@ -17925,7 +17924,7 @@ function AgentSessionChrome({
 }
 
 // agent-gui/agentGuiNode/AgentComposer.tsx
-import { useCallback as useCallback48, useEffect as useEffect28, useRef as useRef42, useState as useState29 } from "react";
+import { useCallback as useCallback48, useEffect as useEffect28, useRef as useRef42, useState as useState28 } from "react";
 import { repairMentionPaletteHighlight } from "@tutti-os/ui-rich-text/at-panel";
 
 // agent-gui/agentGuiNode/AgentSlashStatusPanel.tsx
@@ -19601,7 +19600,7 @@ function AgentComposerMaskIcon({
     "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)]",
+      className: "inline-block size-4 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}")`,
@@ -21523,7 +21522,7 @@ function useComposerPresentation(input) {
 // agent-gui/agentGuiNode/composer/AgentComposerView.tsx
 import { createPortal as createPortal4 } from "react-dom";
 import {
-  Popover as Popover6,
+  Popover as Popover5,
   PopoverAnchor as PopoverAnchor2,
   Tooltip as Tooltip8,
   TooltipContent as TooltipContent8,
@@ -26095,7 +26094,7 @@ function ComposerDraftAttachments({
 }
 
 // agent-gui/agentGuiNode/composer/ComposerFooter.tsx
-import { ListChecks as ListChecks2, Sparkles, Target as Target2, X as X5 } from "lucide-react";
+import { ListChecks as ListChecks2, Target as Target2, X as X5 } from "lucide-react";
 import {
   Select as Select3,
   SelectContent as SelectContent3,
@@ -26300,200 +26299,69 @@ function AgentHandoffMenu({
   );
 }
 
-// agent-gui/agentGuiNode/composer/TuttiBudgetPopover.tsx
-import { useState as useState23 } from "react";
-import {
-  Badge,
-  Button as Button4,
-  Popover as Popover4,
-  PopoverContent as PopoverContent4,
-  PopoverTrigger as PopoverTrigger3,
-  Slider
-} from "@tutti-os/ui-system";
+// agent-gui/agentGuiNode/composer/ComposerTuttiModeChip.tsx
+import { useId } from "react";
+import { Switch } from "@tutti-os/ui-system";
 
-// agent-gui/agentGuiNode/composer/tuttiIntensityPreview.ts
-function projectTuttiIntensityPreview(intensity) {
-  const normalized = Number.isFinite(intensity) ? Math.min(100, Math.max(0, Math.round(intensity))) : 50;
-  const tier = normalized <= 33 ? "cost" : normalized <= 66 ? "balance" : "powerful";
-  return {
-    intensity: normalized,
-    tier,
-    modelStrength: tier === "cost" ? "economical" : tier === "balance" ? "balanced" : "mostCapable",
-    agentCount: tier === "cost" ? "single" : tier === "balance" ? "smallGroup" : "maxParallel"
-  };
-}
+// app/renderer/assets/icons/tutti-mode-lined.svg
+var tutti_mode_lined_default = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.2525%202.29982C7.33705%201.67365%208.42639%201.76315%209.30719%202.19923C10.1442%202.61379%2010.7869%203.32997%2011.1783%204.00782C11.182%204.01417%2011.1865%204.02092%2011.19%204.02735L14.6041%2010.2568C14.8975%209.82469%2015.2682%209.41791%2015.6949%209.08398C16.562%208.40562%2017.7709%207.94423%2019.1187%208.30273C20.0625%208.55396%2020.6751%209.17174%2020.9293%2010.0039C21.1566%2010.7488%2021.0723%2011.5815%2020.9039%2012.3262C20.5644%2013.8263%2019.7411%2015.5353%2019.1636%2016.7519C18.1461%2018.8959%2016.5837%2020.9345%2014.6656%2022.2089C12.7211%2023.5006%2010.3591%2024.0285%207.92243%2022.9794C6.53406%2022.3816%205.11984%2021.3547%204.02984%2020.1396C2.95362%2018.9398%202.08969%2017.4375%202.0191%2015.8711C2.00256%2015.5011%202.07428%2015.0786%202.21051%2014.707C2.32007%2014.4085%202.5283%2013.9859%202.9107%2013.6933L3.08551%2013.5761C3.52116%2013.3247%204.00247%2013.2136%204.47613%2013.2246C4.56029%2012.337%205.00243%2011.5023%205.92926%2010.9639C6.24585%2010.78%206.59784%2010.6401%206.96442%2010.5586L5.18121%207.4707C4.77623%206.76922%204.50913%205.83092%204.59723%204.89063C4.68916%203.91106%205.17521%202.92193%206.2525%202.29982ZM8.4195%203.99219C8.0585%203.81354%207.68432%203.78292%207.2525%204.03223C6.81383%204.28569%206.62867%204.64873%206.58844%205.07715C6.54458%205.54507%206.6839%206.07275%206.91364%206.4707L9.6861%2011.2724C9.72481%2011.3395%209.75419%2011.4094%209.77594%2011.4805C9.83692%2011.5617%209.89457%2011.649%209.94782%2011.7412C10.2235%2012.2194%2010.0596%2012.8313%209.58161%2013.1074C9.10351%2013.3833%208.49163%2013.219%208.2154%2012.7412C8.13017%2012.5938%208.00116%2012.508%207.78668%2012.4844C7.54655%2012.458%207.22985%2012.5217%206.93414%2012.6933C6.47716%2012.9588%206.21644%2013.6335%206.75055%2014.5586C6.80212%2014.648%206.8383%2014.7422%206.85993%2014.8379C6.88169%2014.9341%206.88921%2015.0325%206.88239%2015.1289C6.88011%2015.1605%206.87591%2015.1924%206.87067%2015.2236C6.84953%2015.3497%206.80398%2015.4712%206.73688%2015.581C6.71999%2015.6086%206.70182%2015.6361%206.68219%2015.6621C6.604%2015.7655%206.50365%2015.8558%206.38434%2015.9248C6.26484%2015.9937%206.13622%2016.0358%206.00739%2016.0517C5.97532%2016.0557%205.94278%2016.0567%205.91071%2016.0576C5.78181%2016.0609%205.65369%2016.0399%205.53375%2015.9951C5.50399%2015.984%205.47451%2015.9719%205.44586%2015.958C5.38803%2015.9299%205.33274%2015.8956%205.28082%2015.8564C5.22884%2015.8172%205.17952%2015.7725%205.13531%2015.7226C5.0915%2015.6731%205.05248%2015.618%205.01813%2015.5586C4.84584%2015.2603%204.44767%2015.1429%204.13824%2015.2851C4.12447%2015.3096%204.10645%2015.3465%204.08844%2015.3955C4.06324%2015.4643%204.04336%2015.542%204.03082%2015.6172C4.01804%2015.6941%204.01585%2015.7518%204.01715%2015.7812C4.05847%2016.6992%204.59721%2017.777%205.5191%2018.8046C6.42748%2019.8172%207.60728%2020.6662%208.71344%2021.1425C10.3938%2021.8659%2012.0425%2021.5504%2013.5592%2020.5429C15.1019%2019.5179%2016.4527%2017.7999%2017.357%2015.8945C17.965%2014.6134%2018.6735%2013.1231%2018.9537%2011.8847C19.0949%2011.2602%2019.0921%2010.8367%2019.0162%2010.5879C18.967%2010.4271%2018.8907%2010.3115%2018.6051%2010.2353C18.0234%2010.0806%2017.4482%2010.2526%2016.9283%2010.6592C16.3901%2011.0803%2016.0271%2011.6697%2015.9146%2012.0888C15.8847%2012.2004%2015.8355%2012.3022%2015.774%2012.3926L15.8941%2012.6133C16.1594%2013.0975%2015.9828%2013.7052%2015.4986%2013.9707C15.0144%2014.236%2014.4067%2014.0583%2014.1412%2013.5742L9.44196%204.99903C9.19845%204.58079%208.82143%204.19137%208.4195%203.99219ZM16.8004%201.13869C16.8688%200.95384%2017.1302%200.953926%2017.1988%201.13869L17.5113%201.98243C17.7695%202.67996%2018.3197%203.22996%2019.0172%203.48829L19.8609%203.80079C20.0458%203.86929%2020.0458%204.13073%2019.8609%204.19922L19.0172%204.51172C18.3197%204.77005%2017.7695%205.32004%2017.5113%206.01758L17.1988%206.86133C17.1302%207.04606%2016.8689%207.04614%2016.8004%206.86133L16.4879%206.01758C16.2296%205.31999%2015.6796%204.76998%2014.982%204.51172L14.1383%204.19922C13.9538%204.13058%2013.9538%203.86944%2014.1383%203.80079L14.982%203.48829C15.6796%203.23003%2016.2296%202.68002%2016.4879%201.98243L16.8004%201.13869Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A";
 
-// agent-gui/agentGuiNode/composer/TuttiBudgetPopover.tsx
+// agent-gui/agentGuiNode/composer/ComposerTuttiModeChip.tsx
 import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
-var tierTone = {
-  cost: {
-    badgeVariant: "success",
-    sliderClassName: "[&_[data-slot=slider-thumb]]:border-[var(--state-success)]"
-  },
-  balance: {
-    badgeVariant: "warning",
-    sliderClassName: "[&_[data-slot=slider-thumb]]:border-[var(--state-warning)]"
-  },
-  powerful: {
-    badgeVariant: "pending",
-    sliderClassName: "[&_[data-slot=slider-thumb]]:border-[var(--tutti-purple)]"
-  }
-};
-function TuttiBudgetPopover({
-  children,
-  intensity,
-  labels,
-  onConfirm
+function ComposerTuttiModeChip({
+  active,
+  updating,
+  label,
+  description,
+  tuttiModeSupported,
+  onTuttiModeChange
 }) {
-  const [open, setOpen] = useState23(false);
-  const [draftIntensity, setDraftIntensity] = useState23(intensity);
-  const preview = projectTuttiIntensityPreview(draftIntensity);
-  const previewTone = tierTone[preview.tier];
-  const previewLabel = {
-    cost: labels.previewCost,
-    balance: labels.previewBalance,
-    powerful: labels.previewPowerful
-  }[preview.tier];
-  const modelStrength = {
-    economical: labels.modelStrengthCost,
-    balanced: labels.modelStrengthBalance,
-    mostCapable: labels.modelStrengthPowerful
-  }[preview.modelStrength];
-  const agentCount = {
-    single: labels.agentCountCost,
-    smallGroup: labels.agentCountBalance,
-    maxParallel: labels.agentCountPowerful
-  }[preview.agentCount];
+  const switchId = useId();
+  if (!onTuttiModeChange || !tuttiModeSupported) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs29(
-    Popover4,
+    "label",
     {
-      open,
-      onOpenChange: (nextOpen) => {
-        if (nextOpen) {
-          setDraftIntensity(intensity);
-        }
-        setOpen(nextOpen);
-      },
+      htmlFor: switchId,
+      title: description ?? label,
+      "data-testid": "agent-gui-composer-tutti-mode-toggle",
+      "data-agent-tutti-mode-active": active ? "true" : void 0,
+      className: cn(
+        AgentGUINode_styles_default.composerMenuTrigger,
+        "group w-auto !gap-1.5",
+        updating ? "cursor-wait opacity-70" : "cursor-pointer"
+      ),
       children: [
-        /* @__PURE__ */ jsx39(PopoverTrigger3, { asChild: true, children }),
-        /* @__PURE__ */ jsxs29(
-          PopoverContent4,
+        /* @__PURE__ */ jsx39(
+          "span",
           {
-            align: "start",
-            className: "nodrag",
-            "data-agent-tutti-budget-popover": "true",
-            onEscapeKeyDown: (event) => {
-              event.preventDefault();
-              setOpen(false);
-            },
-            onInteractOutside: (event) => event.preventDefault(),
-            onPointerDownOutside: (event) => event.preventDefault(),
-            children: [
-              /* @__PURE__ */ jsx39("div", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: labels.title }),
-              /* @__PURE__ */ jsxs29(
-                "div",
-                {
-                  className: "rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)] p-2.5",
-                  "data-agent-tutti-budget-preview": preview.tier,
-                  children: [
-                    /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between gap-2 text-[12px] text-[var(--text-secondary)]", children: [
-                      /* @__PURE__ */ jsx39("span", { children: labels.intensityLabel }),
-                      /* @__PURE__ */ jsx39(
-                        "span",
-                        {
-                          className: "text-[var(--text-primary)] tabular-nums",
-                          "data-agent-tutti-budget-intensity-value": "true",
-                          children: draftIntensity
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsxs29("div", { className: "mt-2", children: [
-                      /* @__PURE__ */ jsx39(
-                        Slider,
-                        {
-                          "aria-label": labels.intensityLabel,
-                          className: `[&_[data-slot=slider-range]]:bg-transparent [&_[data-slot=slider-track]]:bg-[linear-gradient(90deg,var(--state-success)_0%,var(--state-warning)_50%,var(--tutti-purple)_100%)] ${previewTone.sliderClassName}`,
-                          "data-agent-tutti-budget-intensity-slider": "true",
-                          "data-agent-tutti-budget-slider-tone": preview.tier,
-                          max: 100,
-                          min: 0,
-                          step: 1,
-                          value: [draftIntensity],
-                          onValueChange: (values) => setDraftIntensity(values[0] ?? draftIntensity)
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs29("div", { className: "mt-1 flex items-center justify-between gap-2 text-[10px] font-medium", children: [
-                        /* @__PURE__ */ jsx39("span", { className: "text-[var(--state-success)]", children: labels.previewCost }),
-                        /* @__PURE__ */ jsx39("span", { className: "text-[var(--state-warning)]", children: labels.previewBalance }),
-                        /* @__PURE__ */ jsx39("span", { className: "text-[var(--tutti-purple)]", children: labels.previewPowerful })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs29(
-                      "div",
-                      {
-                        "aria-live": "polite",
-                        className: "mt-2 flex items-center justify-between gap-2 border-t border-[var(--line-2)] pt-2",
-                        children: [
-                          /* @__PURE__ */ jsx39("span", { className: "text-[11px] font-medium text-[var(--text-secondary)]", children: labels.previewTitle }),
-                          /* @__PURE__ */ jsx39(Badge, { size: "sm", variant: previewTone.badgeVariant, children: previewLabel })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs29("div", { className: "mt-2 grid grid-cols-2 gap-2 text-[10px]", children: [
-                      /* @__PURE__ */ jsxs29("div", { className: "min-w-0", children: [
-                        /* @__PURE__ */ jsx39("div", { className: "text-[var(--text-tertiary)]", children: labels.modelStrengthLabel }),
-                        /* @__PURE__ */ jsx39(
-                          "div",
-                          {
-                            className: "truncate font-medium text-[var(--text-primary)]",
-                            "data-agent-tutti-budget-model-strength": "true",
-                            children: modelStrength
-                          }
-                        )
-                      ] }),
-                      /* @__PURE__ */ jsxs29("div", { className: "min-w-0", children: [
-                        /* @__PURE__ */ jsx39("div", { className: "text-[var(--text-tertiary)]", children: labels.agentCountLabel }),
-                        /* @__PURE__ */ jsx39(
-                          "div",
-                          {
-                            className: "truncate font-medium text-[var(--text-primary)]",
-                            "data-agent-tutti-budget-agent-count": "true",
-                            children: agentCount
-                          }
-                        )
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsx39("p", { className: "mt-2 mb-0 text-[10px] leading-[1.35] text-[var(--text-tertiary)]", children: labels.previewHint })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-end gap-2", children: [
-                /* @__PURE__ */ jsx39(
-                  Button4,
-                  {
-                    "data-agent-tutti-budget-cancel": "true",
-                    size: "sm",
-                    type: "button",
-                    variant: "secondary",
-                    onClick: () => setOpen(false),
-                    children: labels.cancel
-                  }
-                ),
-                /* @__PURE__ */ jsx39(
-                  Button4,
-                  {
-                    "data-agent-tutti-budget-confirm": "true",
-                    size: "sm",
-                    type: "button",
-                    onClick: () => {
-                      onConfirm(draftIntensity);
-                      setOpen(false);
-                    },
-                    children: labels.confirm
-                  }
-                )
-              ] })
-            ]
+            "aria-hidden": true,
+            className: "inline-block size-4 shrink-0 bg-current transition-colors",
+            style: {
+              WebkitMaskImage: `url("${tutti_mode_lined_default}")`,
+              WebkitMaskPosition: "center",
+              WebkitMaskRepeat: "no-repeat",
+              WebkitMaskSize: "contain",
+              maskImage: `url("${tutti_mode_lined_default}")`,
+              maskPosition: "center",
+              maskRepeat: "no-repeat",
+              maskSize: "contain"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx39("span", { className: "min-w-0 truncate", children: label }),
+        /* @__PURE__ */ jsx39(
+          Switch,
+          {
+            id: switchId,
+            size: "sm",
+            checked: active,
+            disabled: updating,
+            "aria-label": label,
+            className: "ml-0.5",
+            "data-testid": "agent-gui-composer-tutti-mode-toggle-switch",
+            onCheckedChange: (checked) => onTuttiModeChange(checked)
           }
         )
       ]
@@ -26522,7 +26390,8 @@ function ComposerFooter({
   isPlanModeActive,
   isTuttiModeActive,
   isTuttiModeUpdating,
-  tuttiModeOrchestrationIntensity,
+  tuttiModeSupported,
+  onTuttiModeChange,
   composerActionButton,
   quickPromptControl,
   showHandoffSelect,
@@ -26546,9 +26415,7 @@ function ComposerFooter({
   onSubmit,
   onClearGoalMode: clearGoalModeBadge,
   draftPrompt: _draftPrompt,
-  onClearPlanMode,
-  onClearTuttiMode,
-  onTuttiModeOrchestrationIntensityChange
+  onClearPlanMode
 }) {
   const showSettingsLoadingPlaceholders = composerSettings.isSettingsLoading;
   return /* @__PURE__ */ jsx40(Fragment13, { children: /* @__PURE__ */ jsxs30("div", { className: AgentGUINode_styles_default.composerFooter, children: [
@@ -26634,7 +26501,7 @@ function ComposerFooter({
                 "span",
                 {
                   "aria-hidden": true,
-                  className: "inline-block size-3.5 bg-current transition-colors",
+                  className: "inline-block size-4 bg-current transition-colors",
                   style: {
                     WebkitMaskImage: `url("${lined_default}")`,
                     WebkitMaskPosition: "center",
@@ -26652,6 +26519,17 @@ function ComposerFooter({
           /* @__PURE__ */ jsx40(TooltipContent5, { side: "top", children: labels.mentionPalette })
         ] }) })
       ] }),
+      /* @__PURE__ */ jsx40(
+        ComposerTuttiModeChip,
+        {
+          active: isTuttiModeActive,
+          updating: isTuttiModeUpdating,
+          label: labels.tuttiModeLabel,
+          description: labels.tuttiModeDescription,
+          tuttiModeSupported,
+          onTuttiModeChange
+        }
+      ),
       showHandoffSelect ? /* @__PURE__ */ jsx40(
         AgentHandoffMenu,
         {
@@ -26771,70 +26649,6 @@ function ComposerFooter({
           ] })
         }
       ) : null,
-      isTuttiModeActive ? /* @__PURE__ */ jsxs30("span", { className: "inline-flex shrink-0 items-center gap-0.5", children: [
-        /* @__PURE__ */ jsx40(
-          TuttiBudgetPopover,
-          {
-            intensity: tuttiModeOrchestrationIntensity,
-            labels: {
-              title: labels.tuttiBudgetTitle,
-              intensityLabel: labels.tuttiBudgetIntensityLabel,
-              previewTitle: labels.tuttiBudgetPreviewTitle,
-              previewHint: labels.tuttiBudgetPreviewHint,
-              previewCost: labels.tuttiBudgetPreviewCost,
-              previewBalance: labels.tuttiBudgetPreviewBalance,
-              previewPowerful: labels.tuttiBudgetPreviewPowerful,
-              modelStrengthLabel: labels.tuttiBudgetModelStrengthLabel,
-              modelStrengthCost: labels.tuttiBudgetModelStrengthCost,
-              modelStrengthBalance: labels.tuttiBudgetModelStrengthBalance,
-              modelStrengthPowerful: labels.tuttiBudgetModelStrengthPowerful,
-              agentCountLabel: labels.tuttiBudgetAgentCountLabel,
-              agentCountCost: labels.tuttiBudgetAgentCountCost,
-              agentCountBalance: labels.tuttiBudgetAgentCountBalance,
-              agentCountPowerful: labels.tuttiBudgetAgentCountPowerful,
-              confirm: labels.tuttiBudgetConfirm,
-              cancel: labels.tuttiBudgetCancel
-            },
-            onConfirm: onTuttiModeOrchestrationIntensityChange,
-            children: /* @__PURE__ */ jsx40(
-              "button",
-              {
-                type: "button",
-                disabled: isTuttiModeUpdating,
-                "aria-label": labels.tuttiModeLabel,
-                title: labels.tuttiModeDescription,
-                "data-agent-tutti-mode-badge": "true",
-                className: cn(
-                  AgentGUINode_styles_default.composerMenuTrigger,
-                  "group w-auto",
-                  "disabled:cursor-not-allowed disabled:opacity-60"
-                ),
-                children: /* @__PURE__ */ jsxs30("span", { className: "flex min-w-0 items-center gap-1.5 overflow-hidden", children: [
-                  /* @__PURE__ */ jsx40(Sparkles, { "aria-hidden": true, className: "size-3.5 shrink-0" }),
-                  /* @__PURE__ */ jsx40("span", { className: "min-w-0 truncate", children: labels.tuttiModeLabel })
-                ] })
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx40(
-          "button",
-          {
-            type: "button",
-            disabled: isTuttiModeUpdating,
-            "aria-label": labels.tuttiModeRemove,
-            title: labels.tuttiModeRemove,
-            "data-agent-tutti-mode-remove": "true",
-            className: cn(
-              AgentGUINode_styles_default.composerMenuTrigger,
-              "group w-auto justify-center",
-              "disabled:cursor-not-allowed disabled:opacity-60"
-            ),
-            onClick: onClearTuttiMode,
-            children: /* @__PURE__ */ jsx40(X5, { "aria-hidden": true, className: "size-3", strokeWidth: 3 })
-          }
-        )
-      ] }) : null,
       isGoalModeActive ? /* @__PURE__ */ jsx40(
         "button",
         {
@@ -26983,15 +26797,15 @@ function RemovableBadgeIcon({ icon }) {
 }
 
 // agent-gui/agentGuiNode/composer/quickPrompts/AgentQuickPromptPopover.tsx
-import { useId, useRef as useRef38, useState as useState25 } from "react";
+import { useId as useId2, useRef as useRef38, useState as useState24 } from "react";
 import {
-  Button as Button7,
+  Button as Button6,
   ConfirmationDialog as ConfirmationDialog2,
   DialogFooter as DialogFooter2,
   Input as Input2,
-  Popover as Popover5,
-  PopoverContent as PopoverContent5,
-  PopoverTrigger as PopoverTrigger4,
+  Popover as Popover4,
+  PopoverContent as PopoverContent4,
+  PopoverTrigger as PopoverTrigger3,
   ScrollArea,
   Spinner as Spinner6,
   Tooltip as Tooltip7,
@@ -27010,9 +26824,9 @@ import {
 } from "@tutti-os/ui-system/icons";
 
 // agent-gui/agentGuiNode/composer/quickPrompts/AgentQuickPromptEditorDialog.tsx
-import { useRef as useRef35, useState as useState24 } from "react";
+import { useRef as useRef35, useState as useState23 } from "react";
 import {
-  Button as Button5,
+  Button as Button4,
   Dialog,
   DialogContent,
   DialogDescription,
@@ -27031,10 +26845,10 @@ function AgentQuickPromptEditorDialog({
 }) {
   const { labels } = controller;
   const source = controller.mode === "edit" ? controller.selectedPrompt : null;
-  const [draft, setDraft] = useState24(
+  const [draft, setDraft] = useState23(
     () => controller.initialDraft ?? promptDraft(source)
   );
-  const [validationError, setValidationError] = useState24(null);
+  const [validationError, setValidationError] = useState23(null);
   const cancelRequestedOnPointerDownRef = useRef35(false);
   const submit = async () => {
     const error = validateDraft(draft, labels);
@@ -27124,7 +26938,7 @@ function AgentQuickPromptEditorDialog({
                   validationError || mutationError ? /* @__PURE__ */ jsx41("p", { className: "text-[12px] text-[var(--state-danger)]", role: "alert", children: validationError ?? mutationError }) : null,
                   /* @__PURE__ */ jsxs31(DialogFooter, { children: [
                     /* @__PURE__ */ jsx41(
-                      Button5,
+                      Button4,
                       {
                         disabled: controller.isSaving,
                         size: "dialog",
@@ -27146,7 +26960,7 @@ function AgentQuickPromptEditorDialog({
                         children: labels.cancel
                       }
                     ),
-                    /* @__PURE__ */ jsxs31(Button5, { disabled: controller.isSaving, size: "dialog", type: "submit", children: [
+                    /* @__PURE__ */ jsxs31(Button4, { disabled: controller.isSaving, size: "dialog", type: "submit", children: [
                       controller.isSaving ? /* @__PURE__ */ jsx41(Spinner5, { size: 14 }) : null,
                       controller.isSaving ? labels.saving : labels.save
                     ] })
@@ -27184,7 +26998,7 @@ import { Sortable, SortableContent, SortableItem } from "@tutti-os/ui-system";
 import { useRef as useRef36 } from "react";
 import {
   BareIconButton,
-  Button as Button6,
+  Button as Button5,
   SortableItemHandle,
   Tooltip as Tooltip6,
   TooltipContent as TooltipContent6,
@@ -27240,7 +27054,7 @@ function AgentQuickPromptRow({
       }
     ) : null,
     isSorting ? /* @__PURE__ */ jsx42("div", { className: "h-auto min-w-0 flex-1 px-1 py-2 text-left whitespace-normal", children: promptContent }) : /* @__PURE__ */ jsx42(
-      Button6,
+      Button5,
       {
         ...selectionAction,
         ref: selectionRef,
@@ -27446,8 +27260,8 @@ function AgentQuickPromptPopover({
   const preserveExternalFocusRef = useRef38(false);
   const createRequestedOnPointerDownRef = useRef38(false);
   const templateRequestedOnPointerDownRef = useRef38(false);
-  const [view, setView] = useState25("prompts");
-  const [sortingState, setSortingState] = useState25({
+  const [view, setView] = useState24("prompts");
+  const [sortingState, setSortingState] = useState24({
     isPopoverOpen: controller.isPopoverOpen,
     isSorting: false
   });
@@ -27465,7 +27279,7 @@ function AgentQuickPromptPopover({
       isSorting: next
     });
   };
-  const titleId = useId();
+  const titleId = useId2();
   const { labels, snapshot } = controller;
   const templateEntryAction = usePrimaryPointerAction2(
     () => setView("templates")
@@ -27496,7 +27310,7 @@ function AgentQuickPromptPopover({
   const isTemplateView = view === "templates";
   return /* @__PURE__ */ jsxs33(Fragment15, { children: [
     /* @__PURE__ */ jsxs33(
-      Popover5,
+      Popover4,
       {
         modal: false,
         open: controller.isPopoverOpen,
@@ -27509,8 +27323,8 @@ function AgentQuickPromptPopover({
         },
         children: [
           /* @__PURE__ */ jsx44(TooltipProvider5, { delayDuration: 120, children: /* @__PURE__ */ jsxs33(Tooltip7, { children: [
-            /* @__PURE__ */ jsx44(TooltipTrigger7, { asChild: true, children: /* @__PURE__ */ jsx44("span", { className: "inline-flex shrink-0", children: /* @__PURE__ */ jsx44(PopoverTrigger4, { asChild: true, children: /* @__PURE__ */ jsxs33(
-              Button7,
+            /* @__PURE__ */ jsx44(TooltipTrigger7, { asChild: true, children: /* @__PURE__ */ jsx44("span", { className: "inline-flex shrink-0", children: /* @__PURE__ */ jsx44(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs33(
+              Button6,
               {
                 "aria-label": labels.triggerTooltip,
                 disabled,
@@ -27526,7 +27340,7 @@ function AgentQuickPromptPopover({
             /* @__PURE__ */ jsx44(TooltipContent7, { side: "top", children: labels.triggerTooltip })
           ] }) }),
           /* @__PURE__ */ jsxs33(
-            PopoverContent5,
+            PopoverContent4,
             {
               "aria-labelledby": titleId,
               align: "start",
@@ -27560,7 +27374,7 @@ function AgentQuickPromptPopover({
                     }
                   ),
                   isTemplateView ? /* @__PURE__ */ jsxs33(
-                    Button7,
+                    Button6,
                     {
                       size: "sm",
                       type: "button",
@@ -27572,7 +27386,7 @@ function AgentQuickPromptPopover({
                       ]
                     }
                   ) : /* @__PURE__ */ jsx44("div", { className: "flex items-center gap-1", children: isSorting ? /* @__PURE__ */ jsxs33(
-                    Button7,
+                    Button6,
                     {
                       disabled: controller.isInteractionLocked,
                       size: "sm",
@@ -27586,7 +27400,7 @@ function AgentQuickPromptPopover({
                     }
                   ) : /* @__PURE__ */ jsxs33(Fragment15, { children: [
                     /* @__PURE__ */ jsxs33(
-                      Button7,
+                      Button6,
                       {
                         disabled: controller.isInteractionLocked || !controller.showReorderHandles,
                         size: "sm",
@@ -27600,7 +27414,7 @@ function AgentQuickPromptPopover({
                       }
                     ),
                     /* @__PURE__ */ jsxs33(
-                      Button7,
+                      Button6,
                       {
                         disabled: controller.isInteractionLocked,
                         size: "sm",
@@ -27661,7 +27475,7 @@ function AgentQuickPromptPopover({
                     children: [
                       /* @__PURE__ */ jsx44("span", { children: labels.loadError }),
                       /* @__PURE__ */ jsx44(
-                        Button7,
+                        Button6,
                         {
                           size: "xs",
                           type: "button",
@@ -27681,7 +27495,7 @@ function AgentQuickPromptPopover({
                     children: [
                       /* @__PURE__ */ jsx44("span", { children: controller.reorderError === "conflict" ? labels.reorderConflict : labels.reorderError }),
                       /* @__PURE__ */ jsx44(
-                        Button7,
+                        Button6,
                         {
                           size: "xs",
                           type: "button",
@@ -27719,7 +27533,7 @@ function AgentQuickPromptPopover({
                       {
                         label: labels.loadError,
                         action: /* @__PURE__ */ jsx44(
-                          Button7,
+                          Button6,
                           {
                             disabled: controller.isInteractionLocked,
                             size: "sm",
@@ -27789,7 +27603,7 @@ function AgentQuickPromptPopover({
         description: controller.promptToDelete ? labels.deleteDescription(controller.promptToDelete.title) : void 0,
         footer: /* @__PURE__ */ jsxs33(DialogFooter2, { children: [
           /* @__PURE__ */ jsx44(
-            Button7,
+            Button6,
             {
               ...deleteCancelAction,
               disabled: controller.isDeleting,
@@ -27800,7 +27614,7 @@ function AgentQuickPromptPopover({
             }
           ),
           /* @__PURE__ */ jsx44(
-            Button7,
+            Button6,
             {
               ...deleteConfirmAction,
               disabled: controller.isDeleting,
@@ -27835,7 +27649,7 @@ function RecommendedTemplateList({
       /* @__PURE__ */ jsx44("p", { className: "pt-0.5 text-[12px] leading-[1.35] text-[var(--text-secondary)]", children: labels.recommendedTemplatesDescription })
     ] }),
     labels.recommendedTemplates.map((template, index) => /* @__PURE__ */ jsxs33(
-      Button7,
+      Button6,
       {
         ref: index === 0 ? firstTemplateRef : void 0,
         className: "h-auto w-full justify-between px-2 py-2 text-left whitespace-normal",
@@ -27876,7 +27690,7 @@ function TemplateEntry({
   label
 }) {
   return /* @__PURE__ */ jsxs33(
-    Button7,
+    Button6,
     {
       ...action,
       className: "mt-1 h-auto w-full justify-between px-2 py-2 text-left whitespace-normal",
@@ -28171,7 +27985,7 @@ function AgentComposerView(input) {
                   style: inputShellStyle,
                   children: [
                     /* @__PURE__ */ jsxs34(
-                      Popover6,
+                      Popover5,
                       {
                         open: input.showFileMentionPalette,
                         onOpenChange: input.setIsPaletteOpen,
@@ -28425,10 +28239,9 @@ function AgentComposerView(input) {
                         isPlanModeActive: input.isPlanModeActive,
                         isTuttiModeActive: input.isTuttiModeActive,
                         isTuttiModeUpdating: input.isTuttiModeUpdating,
-                        tuttiModeOrchestrationIntensity: input.tuttiModeOrchestrationIntensity,
+                        tuttiModeSupported: input.props.capabilityMenuState?.tuttiMode?.enabled === true,
+                        onTuttiModeChange: input.props.onTuttiModeChange,
                         onClearPlanMode: input.onClearPlanMode,
-                        onClearTuttiMode: input.onClearTuttiMode,
-                        onTuttiModeOrchestrationIntensityChange: input.onTuttiModeOrchestrationIntensityChange,
                         composerActionButton,
                         quickPromptControl: /* @__PURE__ */ jsx45(
                           AgentQuickPromptPopover,
@@ -28516,7 +28329,7 @@ function AgentComposerView(input) {
 }
 
 // agent-gui/agentGuiNode/composer/useAgentMentionSearchController.ts
-import { useEffect as useEffect27, useMemo as useMemo33, useRef as useRef39, useState as useState26 } from "react";
+import { useEffect as useEffect27, useMemo as useMemo33, useRef as useRef39, useState as useState25 } from "react";
 import { useRichTextMentionService } from "@tutti-os/ui-rich-text/editor";
 var EMPTY_AGENT_CONTEXT_MENTION_PROVIDERS = [];
 function useAgentMentionSearchController(referenceProvenanceFilter) {
@@ -28525,7 +28338,7 @@ function useAgentMentionSearchController(referenceProvenanceFilter) {
     () => mentionService?.listProviders().filter(isAgentContextMentionProvider) ?? EMPTY_AGENT_CONTEXT_MENTION_PROVIDERS,
     [mentionService]
   );
-  const [mentionSearchState, setMentionSearchState] = useState26(INITIAL_AGENT_MENTION_SEARCH_STATE);
+  const [mentionSearchState, setMentionSearchState] = useState25(INITIAL_AGENT_MENTION_SEARCH_STATE);
   const mentionControllerRef = useRef39(
     null
   );
@@ -28574,7 +28387,7 @@ var INITIAL_AGENT_MENTION_SEARCH_STATE = {
 };
 
 // agent-gui/agentGuiNode/composer/quickPrompts/useAgentQuickPromptLibrary.ts
-import { useCallback as useCallback46, useMemo as useMemo34, useRef as useRef40, useState as useState27 } from "react";
+import { useCallback as useCallback46, useMemo as useMemo34, useRef as useRef40, useState as useState26 } from "react";
 var unavailableSnapshot = {
   enabled: false,
   status: "idle",
@@ -28596,21 +28409,21 @@ function useAgentQuickPromptLibrary(input) {
     quickPrompts ?? unavailableQuickPromptStore,
     selectQuickPromptSnapshot
   );
-  const [mode, setMode] = useState27("closed");
+  const [mode, setMode] = useState26("closed");
   const modeRef = useRef40(mode);
   modeRef.current = mode;
-  const [searchQuery, setSearchQuery] = useState27("");
-  const [selectedPrompt, setSelectedPrompt] = useState27(null);
-  const [initialDraft, setInitialDraft] = useState27(null);
-  const [promptToDelete, setPromptToDelete] = useState27(null);
-  const [mutationError, setMutationError] = useState27(null);
-  const [isSaving, setIsSaving] = useState27(false);
-  const [isDeleting, setIsDeleting] = useState27(false);
-  const [isReordering, setIsReordering] = useState27(false);
-  const [reorderError, setReorderError] = useState27(null);
+  const [searchQuery, setSearchQuery] = useState26("");
+  const [selectedPrompt, setSelectedPrompt] = useState26(null);
+  const [initialDraft, setInitialDraft] = useState26(null);
+  const [promptToDelete, setPromptToDelete] = useState26(null);
+  const [mutationError, setMutationError] = useState26(null);
+  const [isSaving, setIsSaving] = useState26(false);
+  const [isDeleting, setIsDeleting] = useState26(false);
+  const [isReordering, setIsReordering] = useState26(false);
+  const [reorderError, setReorderError] = useState26(null);
   const capabilityAvailable = Boolean(quickPrompts && snapshot.enabled);
   const disclosureAvailable = capabilityAvailable && !disabled;
-  const [previousDisclosureAvailable, setPreviousDisclosureAvailable] = useState27(disclosureAvailable);
+  const [previousDisclosureAvailable, setPreviousDisclosureAvailable] = useState26(disclosureAvailable);
   const disclosureAvailableRef = useRef40(disclosureAvailable);
   disclosureAvailableRef.current = disclosureAvailable;
   if (previousDisclosureAvailable !== disclosureAvailable) {
@@ -28891,7 +28704,7 @@ function isVersionConflict(error) {
 }
 
 // agent-gui/agentGuiNode/composer/useScopedProjectMissingState.ts
-import { useCallback as useCallback47, useRef as useRef41, useState as useState28 } from "react";
+import { useCallback as useCallback47, useRef as useRef41, useState as useState27 } from "react";
 function useScopedProjectMissingState(scopeKey) {
   const identityRef = useRef41({
     key: scopeKey,
@@ -28904,7 +28717,7 @@ function useScopedProjectMissingState(scopeKey) {
     };
   }
   const identity = identityRef.current;
-  const [result, setResult] = useState28({
+  const [result, setResult] = useState27({
     identity,
     isMissing: false
   });
@@ -29091,8 +28904,8 @@ function AgentComposer(props) {
       hadPrefill: agentComposerDraftHasContent(draftContent)
     });
   };
-  const [isPaletteOpen, setIsPaletteOpen] = useState29(true);
-  const [isReviewPickerOpen, setIsReviewPickerOpen] = useState29(false);
+  const [isPaletteOpen, setIsPaletteOpen] = useState28(true);
+  const [isReviewPickerOpen, setIsReviewPickerOpen] = useState28(false);
   const submitWithComposerModifiers = (content, displayPrompt, options) => {
     onSubmit(
       content,
@@ -29113,19 +28926,19 @@ function AgentComposer(props) {
       } : void 0
     );
   };
-  const [highlightedIndex, setHighlightedIndex] = useState29(0);
-  const [mentionHighlightedKey, setMentionHighlightedKey] = useState29(null);
-  const [shouldCenterMentionHighlight, setShouldCenterMentionHighlight] = useState29(false);
+  const [highlightedIndex, setHighlightedIndex] = useState28(0);
+  const [mentionHighlightedKey, setMentionHighlightedKey] = useState28(null);
+  const [shouldCenterMentionHighlight, setShouldCenterMentionHighlight] = useState28(false);
   const [
     shouldResetMentionHighlightToFilter,
     setShouldResetMentionHighlightToFilter
-  ] = useState29(false);
-  const [paletteDraftPrompt, setPaletteDraftPrompt] = useState29(
+  ] = useState28(false);
+  const [paletteDraftPrompt, setPaletteDraftPrompt] = useState28(
     goalDraftObjective ?? draftPrompt
   );
-  const [fileMentionSuggestion, setFileMentionSuggestion] = useState29(null);
+  const [fileMentionSuggestion, setFileMentionSuggestion] = useState28(null);
   const [isSelectedProjectMissing, setIsSelectedProjectMissing] = useScopedProjectMissingState(draftScopeKey);
-  const [isSlashStatusPanelOpen, setIsSlashStatusPanelOpen] = useState29(false);
+  const [isSlashStatusPanelOpen, setIsSlashStatusPanelOpen] = useState28(false);
   const slashStatusAgentSessionId = slashStatus?.agentSessionId ?? null;
   const previousSlashStatusAgentSessionIdRef = useRef42(
     slashStatusAgentSessionId
@@ -29151,8 +28964,8 @@ function AgentComposer(props) {
   const wasActiveRef = useRef42(isActive);
   const lastComposerFocusRequestRef = useRef42(null);
   const autoMentionHighlightedKeyRef = useRef42(null);
-  const [isPromptTipOverflowing, setIsPromptTipOverflowing] = useState29(false);
-  const [dockComposerMetrics, setDockComposerMetrics] = useState29(
+  const [isPromptTipOverflowing, setIsPromptTipOverflowing] = useState28(false);
+  const [dockComposerMetrics, setDockComposerMetrics] = useState28(
     INITIAL_DOCK_COMPOSER_METRICS
   );
   const paletteCatalog = useComposerPaletteCatalog({
@@ -29265,7 +29078,7 @@ function AgentComposer(props) {
     availableSkills,
     composerSettings,
     // Host-gated product capability: omit or enabled:false must hide Tutti Mode
-    // entries (hero toggle, badge activation, /tutti). Fail closed like other
+    // entries (footer chip, badge activation, /tutti). Fail closed like other
     // unsupported host capabilities — do not treat a missing flag as enabled.
     tuttiModeSupported: capabilityMenuState?.tuttiMode?.enabled === true,
     capabilityControlsReadOnly,
@@ -29552,7 +29365,7 @@ function AgentComposer(props) {
 }
 
 // agent-gui/agentGuiNode/AgentHomeSuggestions.tsx
-import { memo as memo2, useState as useState30 } from "react";
+import { memo as memo2, useState as useState29 } from "react";
 import { ArrowLeftRight, Code, Compass, Import, Pencil, X as X6 } from "lucide-react";
 import { jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
 function TuttiIcon(props) {
@@ -29663,7 +29476,7 @@ var AgentHomeSuggestions = memo2(function AgentHomeSuggestions2({
   closeLabel
 }) {
   "use memo";
-  const [activeCategoryId, setActiveCategoryId] = useState30(null);
+  const [activeCategoryId, setActiveCategoryId] = useState29(null);
   if (categories.length === 0) {
     return null;
   }
@@ -29925,7 +29738,7 @@ var AgentGUIEmptyHeroCarouselStage = class extends Component3 {
 // agent-gui/agentGuiNode/view/AgentTargetSetupGate.tsx
 import { useExternalStoreSnapshot } from "@tutti-os/ui-react-hooks";
 import {
-  Button as Button8,
+  Button as Button7,
   RefreshIcon,
   Select as Select4,
   SelectContent as SelectContent4,
@@ -30220,7 +30033,7 @@ function AgentTargetSetupGate({
           }) }),
           /* @__PURE__ */ jsx50("p", { className: AgentGUINode_styles_default.emptyProviderGateDescription, children: setupDescription }),
           !setupChecking ? /* @__PURE__ */ jsx50(
-            Button8,
+            Button7,
             {
               type: "button",
               className: AgentGUINode_styles_default.emptyProviderGateAction,
@@ -30241,7 +30054,7 @@ function AgentTargetSetupGate({
         }),
         description: setupDescription,
         footer: /* @__PURE__ */ jsxs37(
-          Button8,
+          Button7,
           {
             size: "dialog",
             type: "button",
@@ -30276,7 +30089,7 @@ function AgentTargetSetupGate({
                 warning: snapshot?.status === "not_installed",
                 detail: snapshot?.plan ? `${snapshot.plan.packageName}@${snapshot.plan.packageVersion}` : void 0,
                 action: (snapshot?.status === "not_installed" || installRetryAvailable) && snapshot.plan ? /* @__PURE__ */ jsx50(
-                  Button8,
+                  Button7,
                   {
                     type: "button",
                     size: "sm",
@@ -30300,7 +30113,7 @@ function AgentTargetSetupGate({
                 warning: snapshot?.status === "auth_required",
                 detail: snapshot?.status === "ready" ? accountDetail : void 0,
                 action: authenticationAvailable && authMethods.length > 0 ? /* @__PURE__ */ jsx50(
-                  Button8,
+                  Button7,
                   {
                     type: "button",
                     size: "sm",
@@ -30658,7 +30471,6 @@ var AgentGUIEmptyHeroPane = memo3(function AgentGUIEmptyHeroPane2({
       }
     ) : null,
     /* @__PURE__ */ jsx52(AgentComposer, { ...composerProps }),
-    /* @__PURE__ */ jsx52(AgentGUIEmptyHeroTuttiToggle, { composerProps }),
     /* @__PURE__ */ jsx52(
       AgentHomeSuggestions,
       {
@@ -30670,61 +30482,6 @@ var AgentGUIEmptyHeroPane = memo3(function AgentGUIEmptyHeroPane2({
     )
   ] }) });
 });
-function AgentGUIEmptyHeroTuttiToggle({
-  composerProps
-}) {
-  const switchId = useId2();
-  const onTuttiModeChange = composerProps.onTuttiModeChange;
-  const tuttiModeEnabled = composerProps.capabilityMenuState?.tuttiMode?.enabled === true;
-  if (!onTuttiModeChange || !tuttiModeEnabled) {
-    return null;
-  }
-  const active = composerProps.tuttiModeActive === true;
-  const updating = composerProps.tuttiModeUpdating === true;
-  const label = composerProps.labels.tuttiModeLabel;
-  const description = composerProps.labels.tuttiModeDescription;
-  return /* @__PURE__ */ jsxs39(
-    "label",
-    {
-      className: cn7(
-        "mx-auto flex w-full max-w-[560px] items-center gap-2.5 rounded-xl border px-3 py-2 transition-colors",
-        active ? "border-[var(--tutti-purple)] bg-[color-mix(in_srgb,var(--tutti-purple)_8%,transparent)]" : "border-[var(--line-2)] hover:border-[var(--tutti-purple)]",
-        updating ? "cursor-wait opacity-70" : "cursor-pointer"
-      ),
-      htmlFor: switchId,
-      title: description,
-      "data-testid": "agent-gui-hero-tutti-toggle",
-      children: [
-        /* @__PURE__ */ jsx52(
-          Sparkles2,
-          {
-            "aria-hidden": true,
-            className: cn7(
-              "size-4 shrink-0",
-              active ? "text-[var(--tutti-purple)]" : "text-[var(--agent-gui-text-secondary)]"
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxs39("span", { className: "flex min-w-0 flex-1 flex-col text-left", children: [
-          /* @__PURE__ */ jsx52("span", { className: "text-[13px] font-medium text-[var(--text-primary)]", children: label }),
-          description ? /* @__PURE__ */ jsx52("span", { className: "truncate text-[11px] text-[var(--agent-gui-text-tertiary)]", children: description }) : null
-        ] }),
-        /* @__PURE__ */ jsx52(
-          Switch,
-          {
-            id: switchId,
-            size: "sm",
-            checked: active,
-            disabled: updating,
-            "aria-label": label,
-            "data-testid": "agent-gui-hero-tutti-toggle-switch",
-            onCheckedChange: (checked) => onTuttiModeChange(checked)
-          }
-        )
-      ]
-    }
-  );
-}
 var AgentGUIProviderReadinessGatePane = memo3(
   function AgentGUIProviderReadinessGatePane2({
     provider,
@@ -31020,11 +30777,11 @@ function EmptyHeroTitle({
 // agent-gui/agentGuiNode/view/AgentGUIProviderManagerDialog.tsx
 import {
   useRef as useRef44,
-  useState as useState31
+  useState as useState30
 } from "react";
 import { CircleMinus, CirclePlus } from "lucide-react";
 import {
-  Button as Button9,
+  Button as Button8,
   Dialog as Dialog2,
   DialogContent as DialogContent2,
   DialogDescription as DialogDescription2,
@@ -31053,17 +30810,17 @@ function AgentGUIProviderManagerDialog({
   const disabledTargets = targets.filter(
     (target) => hidden.has(target.targetId)
   );
-  const [editing, setEditing] = useState31(false);
-  const [dragState, setDragState] = useState31(
+  const [editing, setEditing] = useState30(false);
+  const [dragState, setDragState] = useState30(
     null
   );
-  const [dragOverZone, setDragOverZone] = useState31(
+  const [dragOverZone, setDragOverZone] = useState30(
     null
   );
-  const [dragPreview, setDragPreview] = useState31(null);
+  const [dragPreview, setDragPreview] = useState30(null);
   const dragStateRef = useRef44(null);
   const dragPreviewRef = useRef44(null);
-  const [longPressTargetId, setLongPressTargetId] = useState31(
+  const [longPressTargetId, setLongPressTargetId] = useState30(
     null
   );
   const longPressOriginRef = useRef44(null);
@@ -31356,7 +31113,7 @@ function AgentGUIProviderManagerDialog({
                                   }
                                 ) : null,
                                 editing ? /* @__PURE__ */ jsx53(
-                                  Button9,
+                                  Button8,
                                   {
                                     "aria-label": labels.removeAgentFromSidebar(label),
                                     className: "absolute right-0.5 top-0 z-10 size-5 rounded-full bg-[var(--background-panel)] p-0 text-[var(--state-danger)] shadow-sm hover:bg-[var(--transparency-hover)] hover:text-[var(--state-danger-hover)]",
@@ -31478,7 +31235,7 @@ function AgentGUIProviderManagerDialog({
                                   }
                                 ) : null,
                                 editing ? /* @__PURE__ */ jsx53(
-                                  Button9,
+                                  Button8,
                                   {
                                     "aria-label": labels.addAgentToSidebar(label),
                                     className: "absolute right-0.5 top-0 z-10 size-5 rounded-full bg-[var(--background-panel)] p-0 text-[var(--state-success)] shadow-sm hover:bg-[var(--transparency-hover)] hover:text-[var(--state-success)]",
@@ -31523,7 +31280,7 @@ function AgentGUIProviderManagerDialog({
 }
 
 // agent-gui/agentGuiNode/view/useAgentGUIProviderRailPreferences.ts
-import { useCallback as useCallback50, useEffect as useEffect29, useState as useState32 } from "react";
+import { useCallback as useCallback50, useEffect as useEffect29, useState as useState31 } from "react";
 function readAgentGUIProviderRailPreferences(storageKey) {
   return parseAgentGUIProviderRailPreferences(
     globalThis.localStorage?.getItem(storageKey)
@@ -31531,7 +31288,7 @@ function readAgentGUIProviderRailPreferences(storageKey) {
 }
 function useAgentGUIProviderRailPreferences() {
   const storageKey = agentGUIProviderRailOrderStorageKey();
-  const [preferences, setPreferences] = useState32(
+  const [preferences, setPreferences] = useState31(
     () => readAgentGUIProviderRailPreferences(storageKey)
   );
   useEffect29(() => {
@@ -31664,7 +31421,7 @@ var AgentGUIProviderRail = memo4(function AgentGUIProviderRail2({
     persistPreferences: persistProviderRailPreferences,
     preferences: providerRailPreferences
   } = useAgentGUIProviderRailPreferences();
-  const [dragState, setDragState] = useState33(null);
+  const [dragState, setDragState] = useState32(null);
   const dragStateRef = useRef45(null);
   const setProviderRailDragState = useCallback51(
     (nextDragState) => {
@@ -32138,10 +31895,10 @@ var AgentGUIProviderRail = memo4(function AgentGUIProviderRail2({
 });
 
 // agent-gui/agentGuiNode/controller/AgentGUIConversationRailController.tsx
-import { memo as memo9, useState as useState39 } from "react";
+import { memo as memo9, useState as useState38 } from "react";
 
 // agent-gui/agentGuiNode/view/AgentGUIConversationRailPane.tsx
-import { Fragment as Fragment22, memo as memo8, useEffect as useEffect30, useMemo as useMemo40, useRef as useRef48, useState as useState38 } from "react";
+import { Fragment as Fragment22, memo as memo8, useEffect as useEffect30, useMemo as useMemo40, useRef as useRef48, useState as useState37 } from "react";
 import { Button as SystemButton } from "@tutti-os/ui-system";
 import { ScrollArea as ScrollArea2 } from "@tutti-os/ui-system/components";
 import { CreateChatIcon as CreateChatIcon2 } from "@tutti-os/ui-system/icons";
@@ -32884,7 +32641,7 @@ function reduceAgentGUIConversationRailViewState(state, action) {
 }
 
 // agent-gui/agentGuiNode/controller/useAgentGUIProjectDrag.ts
-import { useCallback as useCallback52, useState as useState34 } from "react";
+import { useCallback as useCallback52, useState as useState33 } from "react";
 var PROJECT_DRAG_SCROLL_EDGE_PX = 40;
 function projectDragAutoScrollDelta(clientY, bounds) {
   if (clientY < bounds.top + PROJECT_DRAG_SCROLL_EDGE_PX) {
@@ -32902,9 +32659,9 @@ function projectDragAutoScrollDelta(clientY, bounds) {
   return 0;
 }
 function useAgentGUIProjectDrag(input) {
-  const [dragState, setDragState] = useState34(null);
-  const [isMovePending, setIsMovePending] = useState34(false);
-  const [runtime] = useState34(() => ({
+  const [dragState, setDragState] = useState33(null);
+  const [isMovePending, setIsMovePending] = useState33(false);
+  const [runtime] = useState33(() => ({
     active: false,
     clientY: null,
     dragState: null,
@@ -33327,7 +33084,7 @@ import {
   useCallback as useCallback53,
   useMemo as useMemo38,
   useRef as useRef46,
-  useState as useState35
+  useState as useState34
 } from "react";
 import {
   AtSign,
@@ -33537,7 +33294,7 @@ function useConversationActionGroups({
   const agentHostApi = useOptionalAgentHostApi();
   const agentActivityRuntime = useOptionalAgentActivityRuntime();
   const copyConversationValue = useAgentGUIConversationCopyAction(labels);
-  const [resetKey, setResetKey] = useState35(0);
+  const [resetKey, setResetKey] = useState34(0);
   const pendingActionRef = useRef46(false);
   const run = useCallback53(
     (action) => {
@@ -33631,7 +33388,7 @@ function AgentGUIConversationActionsDropdown({
   menu,
   moreSessionActionsLabel
 }) {
-  const [open, setOpen] = useState35(false);
+  const [open, setOpen] = useState34(false);
   return /* @__PURE__ */ jsxs44(DropdownMenu4, { onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx61(DropdownMenuTrigger4, { asChild: true, children: /* @__PURE__ */ jsx61(
       BareIconButton2,
@@ -33661,7 +33418,7 @@ function AgentGUIConversationActionsContextMenu({
   children,
   menu
 }) {
-  const [open, setOpen] = useState35(false);
+  const [open, setOpen] = useState34(false);
   return /* @__PURE__ */ jsxs44(ContextMenu2, { onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx61(ContextMenuTrigger2, { asChild: true, children }),
     open ? /* @__PURE__ */ jsx61(ContextMenuContent2, { className: menuContentClassName, children: /* @__PURE__ */ jsx61(ContextActionGroups, { groups: menu.groups }) }) : null
@@ -34086,7 +33843,7 @@ function AgentGUIProjectRailHeader({
 }
 
 // agent-gui/agentGuiNode/view/AgentGUIConversationRailSectionHeader.tsx
-import { forwardRef as forwardRef5, memo as memo6, useCallback as useCallback55, useState as useState36 } from "react";
+import { forwardRef as forwardRef5, memo as memo6, useCallback as useCallback55, useState as useState35 } from "react";
 import { ChevronRight as ChevronRight2 } from "lucide-react";
 import {
   DropdownMenu as DropdownMenu5,
@@ -34500,8 +34257,8 @@ var AgentGUIConversationRailSectionHeader = memo6(
     sectionLabel
   }) {
     "use memo";
-    const [projectMenuOpen, setProjectMenuOpen] = useState36(false);
-    const [conversationMenuOpen, setConversationMenuOpen] = useState36(false);
+    const [projectMenuOpen, setProjectMenuOpen] = useState35(false);
+    const [conversationMenuOpen, setConversationMenuOpen] = useState35(false);
     const handleProjectMenuOpenChange = useCallback55(
       (open) => {
         setProjectMenuOpen(open);
@@ -35032,9 +34789,9 @@ function useAgentGUIConversationRailViewState(input) {
 }
 
 // agent-gui/agentGuiNode/view/useAgentGUIProjectMenuState.ts
-import { useCallback as useCallback58, useState as useState37 } from "react";
+import { useCallback as useCallback58, useState as useState36 } from "react";
 function useAgentGUIProjectMenuState(isRailInteractionLocked, isUserProjectMutationPending) {
-  const [openSectionId, setOpenSectionId] = useState37(null);
+  const [openSectionId, setOpenSectionId] = useState36(null);
   const isProjectActionLocked = useCallback58(
     () => isRailInteractionLocked() || isUserProjectMutationPending,
     [isRailInteractionLocked, isUserProjectMutationPending]
@@ -35057,7 +34814,7 @@ function useAgentGUIProjectMenuState(isRailInteractionLocked, isUserProjectMutat
 // agent-gui/agentGuiNode/view/AgentGUIConversationRailPane.tsx
 import { jsx as jsx67, jsxs as jsxs48 } from "react/jsx-runtime";
 function useDelayedBoolean(value, delayMs) {
-  const [delayedValue, setDelayedValue] = useState38(false);
+  const [delayedValue, setDelayedValue] = useState37(false);
   useEffect30(() => {
     if (!value) {
       setDelayedValue(false);
@@ -35111,8 +34868,8 @@ var AgentGUIConversationRailPane = memo8(
     onConversationQueryChange
   }) {
     "use memo";
-    const [pendingProjectAction, setPendingProjectAction] = useState38(null);
-    const [isRequestingBatchDeletion, setIsRequestingBatchDeletion] = useState38(false);
+    const [pendingProjectAction, setPendingProjectAction] = useState37(null);
+    const [isRequestingBatchDeletion, setIsRequestingBatchDeletion] = useState37(false);
     const { railSearch } = railQuery;
     const railElementRef = useRef48(null);
     const railActiveConversationRef = useRef48([]);
@@ -36934,7 +36691,7 @@ function identitySnapshot(snapshot) {
 import { jsx as jsx68 } from "react/jsx-runtime";
 var AgentGUIConversationRailController = memo9(
   function AgentGUIConversationRailController2(props) {
-    const [conversationQuery, setConversationQuery] = useState39("");
+    const [conversationQuery, setConversationQuery] = useState38("");
     const railQuery = useAgentGUIConversationRailQuery({
       activeConversationId: props.activeConversationId,
       conversationFilter: props.conversationFilter,
@@ -37196,7 +36953,7 @@ function AgentComposerRegion({
 }
 
 // agent-gui/agentGuiNode/AgentGoalBanner.tsx
-import { useEffect as useEffect32, useState as useState40 } from "react";
+import { useEffect as useEffect32, useState as useState39 } from "react";
 import { CirclePause, CirclePlay, Pencil as Pencil3, Target as Target3, Trash2 } from "lucide-react";
 import { jsx as jsx69, jsxs as jsxs50 } from "react/jsx-runtime";
 var RESUMABLE_GOAL_STATUSES = /* @__PURE__ */ new Set([
@@ -37272,11 +37029,11 @@ function AgentGoalBanner({
   onClearGoal
 }) {
   "use memo";
-  const [editDraft, setEditDraft] = useState40(null);
+  const [editDraft, setEditDraft] = useState39(null);
   const normalizedStatus = normalizeGoalStatus(status);
   const isActive = normalizedStatus === "" || normalizedStatus === "active";
   const serverSeconds = optimistic ? null : typeof durationMs === "number" && durationMs >= 0 ? Math.floor(durationMs / 1e3) : isActive ? 0 : null;
-  const [localElapsed, setLocalElapsed] = useState40(0);
+  const [localElapsed, setLocalElapsed] = useState39(0);
   useEffect32(() => {
     setLocalElapsed(0);
     if (!isActive || serverSeconds === null) {
@@ -37422,9 +37179,9 @@ import {
   ListChecks as ListChecks4,
   LoaderCircle,
   RotateCcw,
-  Sparkles as Sparkles3,
   X as X7
 } from "lucide-react";
+import { TaskIcon } from "@tutti-os/ui-system/icons";
 
 // workspaceWorkflow/workspaceWorkflowRuntime.tsx
 import { createContext as createContext3, useContext as useContext3 } from "react";
@@ -37613,7 +37370,7 @@ import ReactMarkdown2 from "react-markdown";
 import rehypeSanitize from "rehype-sanitize";
 import remarkGfm2 from "remark-gfm";
 import {
-  Badge as Badge2,
+  Badge,
   Card,
   CardContent,
   CardDescription,
@@ -37693,7 +37450,7 @@ function TuttiModePlanTaskAssignmentEditor({
   return /* @__PURE__ */ jsxs51(
     "div",
     {
-      className: "mt-3 flex flex-wrap items-center gap-0.5 border-t border-border/70 pt-2",
+      className: "tutti-plan-task-assignment-row mt-3 flex flex-wrap items-center gap-1 border-t border-[var(--line-2)] pt-2",
       "data-testid": `tutti-plan-task-assignment-${task.id}`,
       children: [
         /* @__PURE__ */ jsxs51(
@@ -37784,7 +37541,7 @@ function TuttiModePlanTaskAssignmentEditor({
           "label",
           {
             className: cn9(
-              "flex min-h-[28px] w-auto shrink-0 items-center gap-1.5 px-2 text-[13px]",
+              "flex min-h-[28px] w-auto shrink-0 items-center gap-1.5 px-1 text-[13px]",
               disabled ? "cursor-not-allowed text-[var(--agent-gui-text-tertiary)]" : "cursor-pointer text-[var(--agent-gui-text-secondary)]"
             ),
             htmlFor: `tutti-plan-task-parallel-${task.id}`,
@@ -37811,7 +37568,7 @@ function TuttiModePlanTaskAssignmentEditor({
           "label",
           {
             className: cn9(
-              "flex min-h-[28px] w-auto shrink-0 items-center gap-1.5 px-2 text-[13px]",
+              "flex min-h-[28px] w-auto shrink-0 items-center gap-1.5 px-1 text-[13px]",
               disabled ? "cursor-not-allowed text-[var(--agent-gui-text-tertiary)]" : "cursor-pointer text-[var(--agent-gui-text-secondary)]"
             ),
             htmlFor: `tutti-plan-task-auto-accept-${task.id}`,
@@ -37970,7 +37727,7 @@ function TuttiModePlanPanel({
             /* @__PURE__ */ jsx72("ol", { className: "grid gap-2", children: panel.tasks.map((task) => /* @__PURE__ */ jsxs52(
               "li",
               {
-                className: "rounded-md bg-muted/60 px-3 py-2 text-sm",
+                className: "rounded-lg border border-[var(--line-2)] bg-[var(--background-board-card)] px-4 pt-3 pb-2 text-sm",
                 children: [
                   /* @__PURE__ */ jsxs52("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
                     /* @__PURE__ */ jsxs52("div", { className: "font-medium text-foreground", children: [
@@ -37978,7 +37735,7 @@ function TuttiModePlanPanel({
                       ". ",
                       task.title
                     ] }),
-                    /* @__PURE__ */ jsx72(Badge2, { variant: "secondary", children: priorityLabel(labels, task.priority) })
+                    /* @__PURE__ */ jsx72(Badge, { variant: "secondary", children: priorityLabel(labels, task.priority) })
                   ] }),
                   task.content ? /* @__PURE__ */ jsx72("p", { className: "mt-1 text-xs text-muted-foreground", children: task.content }) : null,
                   editable && assignmentCatalog ? /* @__PURE__ */ jsx72(
@@ -38029,7 +37786,7 @@ function TaskAssignmentSummary({
   if (chips.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx72("div", { className: "mt-3 flex flex-wrap items-center gap-0.5 border-t border-border/70 pt-2", children: chips.map((chip) => /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx72("div", { className: "mt-3 flex flex-wrap items-center gap-0.5 border-t border-[var(--line-2)] pt-2", children: chips.map((chip) => /* @__PURE__ */ jsx72(
     "span",
     {
       title: chip.label,
@@ -38055,9 +37812,9 @@ function priorityLabel(labels, priority) {
 }
 
 // workspaceWorkflow/tuttiModePlan/TuttiPlanIssuePanel.tsx
-import { useState as useState41 } from "react";
+import { useState as useState40 } from "react";
 import { ExternalLink as ExternalLink4, ListChecks as ListChecks3, Square } from "lucide-react";
-import { Button as Button10, Card as Card2, CardContent as CardContent2, CardHeader as CardHeader2, cn as cn11 } from "@tutti-os/ui-system";
+import { Button as Button9, Card as Card2, CardContent as CardContent2, CardHeader as CardHeader2, cn as cn11 } from "@tutti-os/ui-system";
 import { jsx as jsx73, jsxs as jsxs53 } from "react/jsx-runtime";
 var BOARD_STATUS_ORDER = [
   "not_started",
@@ -38134,9 +37891,9 @@ function TuttiPlanIssuePanel({
   onCancelExecution,
   onOpenTask
 }) {
-  const [viewMode, setViewMode] = useState41("board");
-  const [decidingTaskIds, setDecidingTaskIds] = useState41([]);
-  const [stopping, setStopping] = useState41(false);
+  const [viewMode, setViewMode] = useState40("board");
+  const [decidingTaskIds, setDecidingTaskIds] = useState40([]);
+  const [stopping, setStopping] = useState40(false);
   const decideTask = onDecideTask ? (taskId, decision) => {
     setDecidingTaskIds(
       (current) => current.includes(taskId) ? current : [...current, taskId]
@@ -38204,7 +37961,7 @@ function TuttiPlanIssuePanel({
               mode
             )) }),
             stopExecution ? /* @__PURE__ */ jsxs53(
-              Button10,
+              Button9,
               {
                 type: "button",
                 size: "sm",
@@ -38220,7 +37977,7 @@ function TuttiPlanIssuePanel({
               }
             ) : null,
             onOpenIssue ? /* @__PURE__ */ jsxs53(
-              Button10,
+              Button9,
               {
                 type: "button",
                 size: "sm",
@@ -38272,7 +38029,7 @@ function TaskStructureChips({
     dependencies.length > 0 ? /* @__PURE__ */ jsxs53(
       "span",
       {
-        className: "min-w-0 truncate rounded-full border border-border/70 px-1.5 text-[10px] leading-4 text-muted-foreground",
+        className: "min-w-0 truncate rounded-full border border-[var(--line-2)] px-1.5 text-[10px] leading-4 text-muted-foreground",
         title: dependencies.join(", "),
         children: [
           labels.dependencies,
@@ -38296,7 +38053,7 @@ function TaskDecisionActions({
   }
   return /* @__PURE__ */ jsxs53("span", { className: "flex shrink-0 items-center gap-1", children: [
     canAccept ? /* @__PURE__ */ jsx73(
-      Button10,
+      Button9,
       {
         type: "button",
         size: "sm",
@@ -38311,7 +38068,7 @@ function TaskDecisionActions({
       }
     ) : null,
     /* @__PURE__ */ jsx73(
-      Button10,
+      Button9,
       {
         type: "button",
         size: "sm",
@@ -38355,7 +38112,7 @@ function TuttiPlanIssueBoard({
         return /* @__PURE__ */ jsxs53(
           "div",
           {
-            className: "min-h-[220px] rounded-lg border border-border/70 bg-muted/30 px-2 py-2",
+            className: "min-h-[220px] rounded-lg border border-[var(--line-2)] bg-muted/30 px-2 py-2",
             "data-testid": `tutti-plan-issue-column-${status}`,
             children: [
               /* @__PURE__ */ jsxs53("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [
@@ -38426,11 +38183,11 @@ function TuttiPlanIssueList({
 }) {
   const showStages = issue.tasks.some((task) => task.parallelizable);
   const stages = showStages ? groupTuttiPlanIssueTasksIntoStages(issue.tasks) : [{ kind: "sequential", tasks: [...issue.tasks] }];
-  return /* @__PURE__ */ jsx73("div", { className: "overflow-hidden rounded-lg border border-border/70", children: stages.map((stage, index) => /* @__PURE__ */ jsxs53("div", { children: [
+  return /* @__PURE__ */ jsx73("div", { className: "overflow-hidden rounded-lg border border-[var(--line-2)]", children: stages.map((stage, index) => /* @__PURE__ */ jsxs53("div", { children: [
     showStages ? /* @__PURE__ */ jsx73(
       "div",
       {
-        className: "border-b border-border/70 bg-muted/40 px-3 py-1 text-[10px] font-medium text-muted-foreground",
+        className: "border-b border-[var(--line-2)] bg-muted/40 px-3 py-1 text-[10px] font-medium text-muted-foreground",
         "data-testid": `tutti-plan-issue-stage-${stage.kind}`,
         children: stage.kind === "parallel" ? labels.stageParallel(
           String(index + 1),
@@ -38448,7 +38205,7 @@ function TuttiPlanIssueList({
           tabIndex: openable ? 0 : void 0,
           "data-testid": `tutti-plan-issue-row-${task.taskId}`,
           className: cn11(
-            "flex items-start justify-between gap-3 border-b border-border/70 px-3 py-2 last:border-b-0",
+            "flex items-start justify-between gap-3 border-b border-[var(--line-2)] px-3 py-2 last:border-b-0",
             openable && "cursor-pointer transition-colors hover:bg-muted/40"
           ),
           onClick: openable ? () => void openTask(task.taskId) : void 0,
@@ -38498,7 +38255,7 @@ function TuttiPlanIssueList({
 }
 
 // workspaceWorkflow/tuttiModePlan/useTuttiModePlanPanels.ts
-import { useCallback as useCallback59, useEffect as useEffect33, useMemo as useMemo42, useRef as useRef51, useState as useState42 } from "react";
+import { useCallback as useCallback59, useEffect as useEffect33, useMemo as useMemo42, useRef as useRef51, useState as useState41 } from "react";
 function emptyState(scopeKey) {
   return {
     error: null,
@@ -38519,14 +38276,14 @@ var EMPTY_AGENT_DETAIL = {
 };
 function useTuttiModePlanPanels(input) {
   const runtime = useOptionalTuttiModePlanReviewRuntime();
-  const [state, setState] = useState42(() => emptyState(""));
-  const [assignmentState, setAssignmentState] = useState42(() => emptyAssignmentState(""));
-  const [planIssueState, setPlanIssueState] = useState42({
+  const [state, setState] = useState41(() => emptyState(""));
+  const [assignmentState, setAssignmentState] = useState41(() => emptyAssignmentState(""));
+  const [planIssueState, setPlanIssueState] = useState41({
     result: null,
     scopeKey: ""
   });
   const requestSequenceRef = useRef51(0);
-  const [retrySequence, setRetrySequence] = useState42(0);
+  const [retrySequence, setRetrySequence] = useState41(0);
   const enabled = input.enabled ?? true;
   const workspaceId = input.workspaceId.trim();
   const sourceSessionId = input.sourceSessionId?.trim() ?? "";
@@ -38950,8 +38707,209 @@ function AgentComposerDisclosureCard({
   ) });
 }
 
+// agent-gui/agentGuiNode/composer/TuttiBudgetPopover.tsx
+import { useState as useState42 } from "react";
+import {
+  Badge as Badge2,
+  Button as Button10,
+  Popover as Popover6,
+  PopoverContent as PopoverContent5,
+  PopoverTrigger as PopoverTrigger4,
+  Slider
+} from "@tutti-os/ui-system";
+
+// agent-gui/agentGuiNode/composer/tuttiIntensityPreview.ts
+function projectTuttiIntensityPreview(intensity) {
+  const normalized = Number.isFinite(intensity) ? Math.min(100, Math.max(0, Math.round(intensity))) : 50;
+  const tier = normalized <= 33 ? "cost" : normalized <= 66 ? "balance" : "powerful";
+  return {
+    intensity: normalized,
+    tier,
+    modelStrength: tier === "cost" ? "economical" : tier === "balance" ? "balanced" : "mostCapable",
+    agentCount: tier === "cost" ? "single" : tier === "balance" ? "smallGroup" : "maxParallel"
+  };
+}
+
+// agent-gui/agentGuiNode/composer/TuttiBudgetPopover.tsx
+import { jsx as jsx75, jsxs as jsxs55 } from "react/jsx-runtime";
+var tierTone = {
+  cost: {
+    badgeVariant: "success",
+    sliderClassName: "[&_[data-slot=slider-thumb]]:border-[var(--state-success)]"
+  },
+  balance: {
+    badgeVariant: "warning",
+    sliderClassName: "[&_[data-slot=slider-thumb]]:border-[var(--state-warning)]"
+  },
+  powerful: {
+    badgeVariant: "pending",
+    sliderClassName: "[&_[data-slot=slider-thumb]]:border-[var(--tutti-purple)]"
+  }
+};
+function TuttiBudgetPopover({
+  children,
+  intensity,
+  labels,
+  onConfirm
+}) {
+  const [open, setOpen] = useState42(false);
+  const [draftIntensity, setDraftIntensity] = useState42(intensity);
+  const preview = projectTuttiIntensityPreview(draftIntensity);
+  const previewTone = tierTone[preview.tier];
+  const previewLabel = {
+    cost: labels.previewCost,
+    balance: labels.previewBalance,
+    powerful: labels.previewPowerful
+  }[preview.tier];
+  const modelStrength = {
+    economical: labels.modelStrengthCost,
+    balanced: labels.modelStrengthBalance,
+    mostCapable: labels.modelStrengthPowerful
+  }[preview.modelStrength];
+  const agentCount = {
+    single: labels.agentCountCost,
+    smallGroup: labels.agentCountBalance,
+    maxParallel: labels.agentCountPowerful
+  }[preview.agentCount];
+  return /* @__PURE__ */ jsxs55(
+    Popover6,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        if (nextOpen) {
+          setDraftIntensity(intensity);
+        }
+        setOpen(nextOpen);
+      },
+      children: [
+        /* @__PURE__ */ jsx75(PopoverTrigger4, { asChild: true, children }),
+        /* @__PURE__ */ jsxs55(
+          PopoverContent5,
+          {
+            align: "start",
+            className: "nodrag",
+            "data-agent-tutti-budget-popover": "true",
+            onEscapeKeyDown: (event) => {
+              event.preventDefault();
+              setOpen(false);
+            },
+            onInteractOutside: (event) => event.preventDefault(),
+            onPointerDownOutside: (event) => event.preventDefault(),
+            children: [
+              /* @__PURE__ */ jsx75("div", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: labels.title }),
+              /* @__PURE__ */ jsxs55(
+                "div",
+                {
+                  className: "rounded-[8px] border border-[var(--line-2)] bg-[var(--transparency-block)] p-2.5",
+                  "data-agent-tutti-budget-preview": preview.tier,
+                  children: [
+                    /* @__PURE__ */ jsxs55("div", { className: "flex items-center justify-between gap-2 text-[12px] text-[var(--text-secondary)]", children: [
+                      /* @__PURE__ */ jsx75("span", { children: labels.intensityLabel }),
+                      /* @__PURE__ */ jsx75(
+                        "span",
+                        {
+                          className: "text-[var(--text-primary)] tabular-nums",
+                          "data-agent-tutti-budget-intensity-value": "true",
+                          children: draftIntensity
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs55("div", { className: "mt-2", children: [
+                      /* @__PURE__ */ jsx75(
+                        Slider,
+                        {
+                          "aria-label": labels.intensityLabel,
+                          className: `[&_[data-slot=slider-range]]:bg-transparent [&_[data-slot=slider-track]]:bg-[linear-gradient(90deg,var(--state-success)_0%,var(--state-warning)_50%,var(--tutti-purple)_100%)] ${previewTone.sliderClassName} [&_[data-slot=slider-thumb]]:cursor-grab [&_[data-slot=slider-thumb]]:active:cursor-grabbing`,
+                          "data-agent-tutti-budget-intensity-slider": "true",
+                          "data-agent-tutti-budget-slider-tone": preview.tier,
+                          max: 100,
+                          min: 0,
+                          step: 1,
+                          value: [draftIntensity],
+                          onValueChange: (values) => setDraftIntensity(values[0] ?? draftIntensity)
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs55("div", { className: "mt-1 flex items-center justify-between gap-2 text-[10px] font-medium", children: [
+                        /* @__PURE__ */ jsx75("span", { className: "text-[var(--state-success)]", children: labels.previewCost }),
+                        /* @__PURE__ */ jsx75("span", { className: "text-[var(--state-warning)]", children: labels.previewBalance }),
+                        /* @__PURE__ */ jsx75("span", { className: "text-[var(--tutti-purple)]", children: labels.previewPowerful })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs55(
+                      "div",
+                      {
+                        "aria-live": "polite",
+                        className: "mt-2 flex items-center justify-between gap-2 border-t border-[var(--line-2)] pt-2",
+                        children: [
+                          /* @__PURE__ */ jsx75("span", { className: "text-[11px] font-medium text-[var(--text-secondary)]", children: labels.previewTitle }),
+                          /* @__PURE__ */ jsx75(Badge2, { size: "sm", variant: previewTone.badgeVariant, children: previewLabel })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs55("div", { className: "mt-2 grid grid-cols-2 gap-2 text-[10px]", children: [
+                      /* @__PURE__ */ jsxs55("div", { className: "min-w-0", children: [
+                        /* @__PURE__ */ jsx75("div", { className: "text-[var(--text-tertiary)]", children: labels.modelStrengthLabel }),
+                        /* @__PURE__ */ jsx75(
+                          "div",
+                          {
+                            className: "truncate font-medium text-[var(--text-primary)]",
+                            "data-agent-tutti-budget-model-strength": "true",
+                            children: modelStrength
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxs55("div", { className: "min-w-0", children: [
+                        /* @__PURE__ */ jsx75("div", { className: "text-[var(--text-tertiary)]", children: labels.agentCountLabel }),
+                        /* @__PURE__ */ jsx75(
+                          "div",
+                          {
+                            className: "truncate font-medium text-[var(--text-primary)]",
+                            "data-agent-tutti-budget-agent-count": "true",
+                            children: agentCount
+                          }
+                        )
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsx75("p", { className: "mt-2 mb-0 text-[10px] leading-[1.35] text-[var(--text-tertiary)]", children: labels.previewHint })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs55("div", { className: "flex items-center justify-end gap-2", children: [
+                /* @__PURE__ */ jsx75(
+                  Button10,
+                  {
+                    "data-agent-tutti-budget-cancel": "true",
+                    size: "sm",
+                    type: "button",
+                    variant: "secondary",
+                    onClick: () => setOpen(false),
+                    children: labels.cancel
+                  }
+                ),
+                /* @__PURE__ */ jsx75(
+                  Button10,
+                  {
+                    "data-agent-tutti-budget-confirm": "true",
+                    size: "sm",
+                    type: "button",
+                    onClick: () => {
+                      onConfirm(draftIntensity);
+                      setOpen(false);
+                    },
+                    children: labels.confirm
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
 // agent-gui/agentGuiNode/TuttiWorkflowDock.tsx
-import { Fragment as Fragment23, jsx as jsx75, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx76, jsxs as jsxs56 } from "react/jsx-runtime";
 function countIssueTasks(issue, status) {
   return issue.tasks.filter((task) => task.status === status).length;
 }
@@ -39004,15 +38962,15 @@ function TuttiWorkflowDock({
   };
   const title = review !== null ? labels.reviewTitle : phase.kind === "materializing" ? labels.materializingTitle : execution !== null ? execution.issue.title : labels.errorTitle;
   const summary = review !== null ? `${review.panel.title} \xB7 ${review.intensityDiverged ? labels.reviewHintReplan : labels.reviewHint}` : phase.kind === "materializing" ? `${phase.title} \xB7 ${labels.materializingHint}` : execution !== null ? issueSummary(labels, execution.issue) : failure?.message ?? "";
-  const icon = review !== null ? /* @__PURE__ */ jsx75(Sparkles3, { "aria-hidden": true, className: "size-3.5" }) : phase.kind === "materializing" ? /* @__PURE__ */ jsx75(LoaderCircle, { "aria-hidden": true, className: "size-3.5 animate-spin" }) : execution !== null ? countIssueTasks(execution.issue, "running") > 0 ? /* @__PURE__ */ jsx75(LoaderCircle, { "aria-hidden": true, className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx75(ListChecks4, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ jsx75(AlertTriangle, { "aria-hidden": true, className: "size-3.5" });
-  const actions = review !== null ? /* @__PURE__ */ jsxs55(Fragment23, { children: [
-    /* @__PURE__ */ jsx75(
+  const icon = review !== null ? /* @__PURE__ */ jsx76(TaskIcon, { "aria-hidden": true, className: "size-3.5" }) : phase.kind === "materializing" ? /* @__PURE__ */ jsx76(LoaderCircle, { "aria-hidden": true, className: "size-3.5 animate-spin" }) : execution !== null ? countIssueTasks(execution.issue, "running") > 0 ? /* @__PURE__ */ jsx76(LoaderCircle, { "aria-hidden": true, className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx76(ListChecks4, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ jsx76(AlertTriangle, { "aria-hidden": true, className: "size-3.5" });
+  const actions = review !== null ? /* @__PURE__ */ jsxs56(Fragment23, { children: [
+    /* @__PURE__ */ jsx76(
       TuttiBudgetPopover,
       {
         intensity: review.intensity,
         labels: intensityPopoverLabels,
         onConfirm: onIntensityChange,
-        children: /* @__PURE__ */ jsxs55(
+        children: /* @__PURE__ */ jsxs56(
           "button",
           {
             type: "button",
@@ -39021,18 +38979,20 @@ function TuttiWorkflowDock({
             "aria-label": intensityPopoverLabels.intensityLabel,
             "data-testid": "agent-gui-tutti-workflow-intensity",
             className: cn(
-              "flex items-center gap-1",
+              "flex items-center gap-1 rounded-md px-1.5 py-0.5 transition-colors",
+              "hover:bg-[var(--transparency-hover)]",
+              "data-[state=open]:bg-[color-mix(in_srgb,var(--tutti-purple)_12%,transparent)] data-[state=open]:text-[var(--tutti-purple)]",
               review.intensityDiverged && "text-[var(--tutti-purple)]"
             ),
             children: [
-              /* @__PURE__ */ jsx75(Gauge2, { "aria-hidden": true, className: "size-3.5" }),
-              /* @__PURE__ */ jsx75("span", { className: "text-[11px] tabular-nums", children: review.intensity })
+              /* @__PURE__ */ jsx76(Gauge2, { "aria-hidden": true, className: "size-3.5" }),
+              /* @__PURE__ */ jsx76("span", { className: "text-[11px] tabular-nums", children: review.intensity })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx75(
+    /* @__PURE__ */ jsx76(
       "button",
       {
         type: "button",
@@ -39041,10 +39001,10 @@ function TuttiWorkflowDock({
         title: labels.cancel,
         "aria-label": labels.cancel,
         "data-testid": "agent-gui-tutti-workflow-cancel",
-        children: /* @__PURE__ */ jsx75(X7, { "aria-hidden": true, className: "size-3.5" })
+        children: /* @__PURE__ */ jsx76(X7, { "aria-hidden": true, className: "size-3.5" })
       }
     )
-  ] }) : phase.kind === "error" && phase.retryable ? /* @__PURE__ */ jsxs55(
+  ] }) : phase.kind === "error" && phase.retryable ? /* @__PURE__ */ jsxs56(
     "button",
     {
       type: "button",
@@ -39053,12 +39013,12 @@ function TuttiWorkflowDock({
       "aria-label": labels.retry,
       "data-testid": "agent-gui-tutti-workflow-retry",
       children: [
-        /* @__PURE__ */ jsx75(RotateCcw, { "aria-hidden": true, className: "size-3.5" }),
+        /* @__PURE__ */ jsx76(RotateCcw, { "aria-hidden": true, className: "size-3.5" }),
         labels.retry
       ]
     }
   ) : null;
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx76(
     AgentComposerDisclosureCard,
     {
       actions,
@@ -39069,7 +39029,7 @@ function TuttiWorkflowDock({
       summary,
       testId: "agent-gui-tutti-workflow-dock",
       title,
-      children: review !== null ? /* @__PURE__ */ jsx75(
+      children: review !== null ? /* @__PURE__ */ jsx76(
         TuttiModePlanPanel,
         {
           assignmentCatalog,
@@ -39080,23 +39040,23 @@ function TuttiWorkflowDock({
           submitting: review.submitting,
           onAssignmentDraftChange
         }
-      ) : phase.kind === "materializing" ? /* @__PURE__ */ jsxs55(
+      ) : phase.kind === "materializing" ? /* @__PURE__ */ jsxs56(
         "div",
         {
           className: "grid min-h-28 place-items-center gap-2 text-center text-sm text-muted-foreground",
           role: "status",
           children: [
-            /* @__PURE__ */ jsx75(
+            /* @__PURE__ */ jsx76(
               LoaderCircle,
               {
                 "aria-hidden": true,
                 className: "size-5 animate-spin text-[var(--tutti-purple)]"
               }
             ),
-            /* @__PURE__ */ jsx75("span", { children: labels.materializingHint })
+            /* @__PURE__ */ jsx76("span", { children: labels.materializingHint })
           ]
         }
-      ) : execution !== null ? /* @__PURE__ */ jsx75(
+      ) : execution !== null ? /* @__PURE__ */ jsx76(
         TuttiPlanIssuePanel,
         {
           embedded: true,
@@ -39107,7 +39067,7 @@ function TuttiWorkflowDock({
           onOpenIssue,
           onOpenTask
         }
-      ) : /* @__PURE__ */ jsx75(
+      ) : /* @__PURE__ */ jsx76(
         "div",
         {
           className: "rounded-md border border-[color-mix(in_srgb,var(--state-danger)_45%,transparent)] px-4 py-3 text-sm text-muted-foreground",
@@ -39120,7 +39080,7 @@ function TuttiWorkflowDock({
 }
 
 // agent-gui/agentGuiNode/view/AgentGUIBottomDockPane.tsx
-import { Fragment as Fragment24, jsx as jsx76, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx77, jsxs as jsxs57 } from "react/jsx-runtime";
 var AgentGUIBottomDockPane = memo10(function AgentGUIBottomDockPane2({
   bottomDockRef,
   showScrollToBottom,
@@ -39160,11 +39120,11 @@ var AgentGUIBottomDockPane = memo10(function AgentGUIBottomDockPane2({
   const goalIsOptimistic = sessionChrome.rawState?.goalIsOptimistic === true;
   const showGoalBanner = isGoalBannerVisible(goalObjective, goalStatus);
   const workflowPhase = tuttiWorkflowDock.phase;
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(
     AgentComposerRegion,
     {
       regionRef: bottomDockRef,
-      floating: showScrollToBottom ? /* @__PURE__ */ jsx76(
+      floating: showScrollToBottom ? /* @__PURE__ */ jsx77(
         "button",
         {
           type: "button",
@@ -39177,15 +39137,15 @@ var AgentGUIBottomDockPane = memo10(function AgentGUIBottomDockPane2({
           title: scrollToBottomLabel,
           onPointerDown: (event) => event.stopPropagation(),
           onClick: onScrollToBottom,
-          children: /* @__PURE__ */ jsx76(ChevronsDown, { "aria-hidden": "true", size: 15, strokeWidth: 2.2 })
+          children: /* @__PURE__ */ jsx77(ChevronsDown, { "aria-hidden": "true", size: 15, strokeWidth: 2.2 })
         }
       ) : null,
-      lifted: bottomDockLiftedPrompt ? /* @__PURE__ */ jsx76(
+      lifted: bottomDockLiftedPrompt ? /* @__PURE__ */ jsx77(
         "div",
         {
           className: AgentGUINode_styles_default.bottomDockPrompt,
           "data-testid": "agent-gui-bottom-dock-active-prompt",
-          children: /* @__PURE__ */ jsx76(
+          children: /* @__PURE__ */ jsx77(
             AgentInteractivePromptSurface,
             {
               prompt: bottomDockLiftedPrompt,
@@ -39200,8 +39160,8 @@ var AgentGUIBottomDockPane = memo10(function AgentGUIBottomDockPane2({
           )
         }
       ) : null,
-      accessories: /* @__PURE__ */ jsxs56(Fragment24, { children: [
-        inlineNoticeChrome ? /* @__PURE__ */ jsx76(
+      accessories: /* @__PURE__ */ jsxs57(Fragment24, { children: [
+        inlineNoticeChrome ? /* @__PURE__ */ jsx77(
           AgentSessionChrome,
           {
             chrome: inlineNoticeChrome,
@@ -39213,7 +39173,7 @@ var AgentGUIBottomDockPane = memo10(function AgentGUIBottomDockPane2({
             labels: chromeLabels
           }
         ) : null,
-        /* @__PURE__ */ jsx76(
+        /* @__PURE__ */ jsx77(
           AgentSessionChrome,
           {
             chrome: sessionChrome,
@@ -39225,7 +39185,7 @@ var AgentGUIBottomDockPane = memo10(function AgentGUIBottomDockPane2({
             labels: chromeLabels
           }
         ),
-        showGoalBanner ? /* @__PURE__ */ jsx76(
+        showGoalBanner ? /* @__PURE__ */ jsx77(
           AgentGoalBanner,
           {
             objective: goalObjective,
@@ -39240,7 +39200,7 @@ var AgentGUIBottomDockPane = memo10(function AgentGUIBottomDockPane2({
             onClearGoal: () => onGoalControl("clear")
           }
         ) : null,
-        workflowPhase ? /* @__PURE__ */ jsx76(
+        workflowPhase ? /* @__PURE__ */ jsx77(
           TuttiWorkflowDock,
           {
             assignmentCatalog: tuttiWorkflowDock.assignmentCatalog,
@@ -39279,12 +39239,12 @@ var AgentGUIBottomDockPane = memo10(function AgentGUIBottomDockPane2({
           }
         ) : null
       ] }),
-      primary: bottomDockReplacementPrompt ? /* @__PURE__ */ jsx76(
+      primary: bottomDockReplacementPrompt ? /* @__PURE__ */ jsx77(
         "div",
         {
           className: AgentGUINode_styles_default.bottomDockPrompt,
           "data-testid": "agent-gui-bottom-dock-active-prompt",
-          children: /* @__PURE__ */ jsx76(
+          children: /* @__PURE__ */ jsx77(
             AgentInteractivePromptSurface,
             {
               prompt: bottomDockReplacementPrompt,
@@ -39298,7 +39258,7 @@ var AgentGUIBottomDockPane = memo10(function AgentGUIBottomDockPane2({
             }
           )
         }
-      ) : /* @__PURE__ */ jsx76(AgentComposer, { ...composerProps })
+      ) : /* @__PURE__ */ jsx77(AgentComposer, { ...composerProps })
     }
   );
 });
@@ -39311,14 +39271,14 @@ import {
   ToastTitle,
   ToastViewport
 } from "@tutti-os/ui-system";
-import { jsx as jsx77, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs58 } from "react/jsx-runtime";
 function AgentGUIContentToast({
   insetTopPx,
   message
 }) {
   const [open, setOpen] = useState44(true);
-  return /* @__PURE__ */ jsxs57(ToastProvider, { children: [
-    /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsxs58(ToastProvider, { children: [
+    /* @__PURE__ */ jsx78(
       ToastRoot,
       {
         open,
@@ -39326,10 +39286,10 @@ function AgentGUIContentToast({
         "data-testid": "agent-gui-content-toast",
         variant: "default",
         onOpenChange: setOpen,
-        children: /* @__PURE__ */ jsx77(ToastTitle, { children: message })
+        children: /* @__PURE__ */ jsx78(ToastTitle, { children: message })
       }
     ),
-    /* @__PURE__ */ jsx77(
+    /* @__PURE__ */ jsx78(
       ToastViewport,
       {
         className: "nodrag tsh-desktop-no-drag absolute left-0 w-full translate-x-0 px-4 [-webkit-app-region:no-drag]",
@@ -39348,7 +39308,7 @@ 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 Fragment25, jsx as jsx78, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx79, jsxs as jsxs59 } from "react/jsx-runtime";
 var EMPTY_WORKSPACE_APP_ICONS3 = [];
 var AgentGUIConversationTimelinePane = memo11(
   function AgentGUIConversationTimelinePane2({
@@ -39368,17 +39328,17 @@ var AgentGUIConversationTimelinePane = memo11(
     labels
   }) {
     "use memo";
-    return /* @__PURE__ */ jsxs58(Fragment25, { children: [
-      isLoadingOlderMessages && !isLoading ? /* @__PURE__ */ jsx78(
+    return /* @__PURE__ */ jsxs59(Fragment25, { children: [
+      isLoadingOlderMessages && !isLoading ? /* @__PURE__ */ jsx79(
         "div",
         {
           className: "mx-auto flex h-8 items-center justify-center text-[12px] text-[var(--text-secondary)]",
           "data-testid": "agent-gui-older-messages-loading",
           role: "status",
-          children: /* @__PURE__ */ jsx78("span", { className: "tsh-inline-loading-ellipsis", children: loadingLabel })
+          children: /* @__PURE__ */ jsx79("span", { className: "tsh-inline-loading-ellipsis", children: loadingLabel })
         }
       ) : null,
-      /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx79(
         AgentConversationFlow,
         {
           conversation,
@@ -39415,7 +39375,7 @@ function setTimelineScrollTopWithUserTransition(element, top) {
 }
 
 // agent-gui/agentGuiNode/view/AgentGUIDetailTimeline.tsx
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 var TIMELINE_CONTENT_STYLE = {
   width: "100%",
   minWidth: "100%",
@@ -39443,7 +39403,7 @@ var AgentGUIDetailTimeline = memo12(function AgentGUIDetailTimeline2({
   workspaceAppIcons
 }) {
   "use memo";
-  return /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx80(
     ScrollArea3,
     {
       scrollbarMode: "native",
@@ -39453,7 +39413,7 @@ var AgentGUIDetailTimeline = memo12(function AgentGUIDetailTimeline2({
       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__ */ jsx79(
+      children: hasActiveConversation ? /* @__PURE__ */ jsx80(
         AgentGUIConversationTimelinePane,
         {
           conversation,
@@ -39622,6 +39582,10 @@ function useAgentGUIDetailScroll(input) {
           }
           return;
         }
+        if (element.closest(`.${AgentGUINode_styles_default.composerDisclosurePanel}`)) {
+          floatingVisualTop = Math.min(floatingVisualTop, rect.top);
+          return;
+        }
         floatingVisualTop = Math.min(floatingVisualTop, rect.top);
         timelineVisualTop = Math.min(timelineVisualTop, rect.top);
       });
@@ -39868,10 +39832,10 @@ function useAgentGUIDetailScroll(input) {
 import { useMemo as useMemo43 } from "react";
 
 // app/renderer/components/icons/UnavailableChatIcon.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 function UnavailableChatIcon(props) {
   "use memo";
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -39879,7 +39843,7 @@ function UnavailableChatIcon(props) {
       fill: "currentColor",
       "aria-hidden": true,
       ...props,
-      children: /* @__PURE__ */ jsx80("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__ */ jsx81("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" })
     }
   );
 }
@@ -39925,7 +39889,7 @@ function useAgentGUITimelineTransition(input) {
 }
 
 // agent-gui/agentGuiNode/view/useAgentGUIDetailModel.tsx
-import { Fragment as Fragment26, jsx as jsx81, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx82, jsxs as jsxs60 } 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;
@@ -40113,17 +40077,17 @@ function useAgentGUIDetailModel(input) {
     ]
   );
   const conversationFlowEmpty = useMemo43(
-    () => showUnavailableChatEmpty ? /* @__PURE__ */ jsxs59(
+    () => showUnavailableChatEmpty ? /* @__PURE__ */ jsxs60(
       "div",
       {
         className: AgentGUINode_styles_default.unavailableChatEmpty,
         "data-testid": "agent-gui-unavailable-chat-empty",
         children: [
-          /* @__PURE__ */ jsx81(UnavailableChatIcon, { className: AgentGUINode_styles_default.unavailableChatEmptyIcon }),
-          /* @__PURE__ */ jsx81("span", { className: AgentGUINode_styles_default.unavailableChatEmptyText, children: labels.conversationUnavailable })
+          /* @__PURE__ */ jsx82(UnavailableChatIcon, { className: AgentGUINode_styles_default.unavailableChatEmptyIcon }),
+          /* @__PURE__ */ jsx82("span", { className: AgentGUINode_styles_default.unavailableChatEmptyText, children: labels.conversationUnavailable })
         ]
       }
-    ) : /* @__PURE__ */ jsx81(Fragment26, {}),
+    ) : /* @__PURE__ */ jsx82(Fragment26, {}),
     [labels.conversationUnavailable, showUnavailableChatEmpty]
   );
   const chromeLabels = useMemo43(
@@ -40794,7 +40758,7 @@ function useAgentGUITuttiWorkflow(input) {
 }
 
 // agent-gui/agentGuiNode/view/AgentGUIDetailPane.tsx
-import { Fragment as Fragment27, jsx as jsx82, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx83, jsxs as jsxs61 } from "react/jsx-runtime";
 var EMPTY_WORKSPACE_APP_ICONS4 = [];
 var AgentGUIDetailPane = memo13(function AgentGUIDetailPane2({
   shell,
@@ -41124,7 +41088,7 @@ var AgentGUIDetailPane = memo13(function AgentGUIDetailPane2({
       onSettingsChange: updateComposerSettings,
       onRetryComposerOptions: retryComposerOptions,
       // Only wire Tutti Mode callbacks when the host explicitly enables the
-      // capability. Empty hero toggle keys off callback presence; slash/badge
+      // capability. Composer footer chip keys off callback presence; slash/badge
       // use capabilityMenuState.tuttiMode.enabled === true (fail closed).
       onTuttiModeChange: capabilityMenuState?.tuttiMode?.enabled === true ? tuttiWorkflowComposer.setTuttiModeActiveAndSettleReview : void 0,
       onTuttiModeOrchestrationIntensityChange: capabilityMenuState?.tuttiMode?.enabled === true ? setTuttiModeOrchestrationIntensity : void 0,
@@ -41287,7 +41251,7 @@ var AgentGUIDetailPane = memo13(function AgentGUIDetailPane2({
     timelineScrollAnchorRef,
     viewModel
   });
-  const homeContent = !hasActiveConversation ? shouldRenderProviderUnavailableState && disabledProviderTarget ? /* @__PURE__ */ jsx82(Fragment27, { children: renderProviderUnavailableState?.({
+  const homeContent = !hasActiveConversation ? shouldRenderProviderUnavailableState && disabledProviderTarget ? /* @__PURE__ */ jsx83(Fragment27, { children: renderProviderUnavailableState?.({
     provider: disabledProviderTarget.provider,
     providerLabel: labels.emptyProviderForProvider?.(
       disabledProviderTarget.provider
@@ -41297,7 +41261,7 @@ var AgentGUIDetailPane = memo13(function AgentGUIDetailPane2({
     target: disabledProviderTarget,
     iconUrl: resolveAgentGUIHeroIconUrl2(disabledProviderTarget.provider),
     unavailableReason: disabledProviderTarget.unavailableReason ?? null
-  }) }) : /* @__PURE__ */ jsx82(
+  }) }) : /* @__PURE__ */ jsx83(
     AgentGUIEmptyHomePane,
     {
       provider: emptyHeroProvider,
@@ -41322,14 +41286,14 @@ var AgentGUIDetailPane = memo13(function AgentGUIDetailPane2({
       onSelectSuggestionAction: handleHomeSuggestionAction
     }
   ) : null;
-  return /* @__PURE__ */ jsxs60(
+  return /* @__PURE__ */ jsxs61(
     "main",
     {
       className: AgentGUINode_styles_default.detail,
       "aria-busy": timelineInteractionLocked || void 0,
       inert: timelineInteractionLocked,
       children: [
-        viewModel.operations.goalClearNoticeSequence > 0 ? /* @__PURE__ */ jsx82(
+        viewModel.operations.goalClearNoticeSequence > 0 ? /* @__PURE__ */ jsx83(
           AgentGUIContentToast,
           {
             insetTopPx: 16,
@@ -41337,7 +41301,7 @@ var AgentGUIDetailPane = memo13(function AgentGUIDetailPane2({
           },
           viewModel.operations.goalClearNoticeSequence
         ) : null,
-        /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx83(
           AgentGUIDetailTimeline,
           {
             availableSkills: viewModel.composer.availableSkills,
@@ -41359,7 +41323,7 @@ var AgentGUIDetailPane = memo13(function AgentGUIDetailPane2({
             workspaceAppIcons
           }
         ),
-        hasActiveConversation ? /* @__PURE__ */ jsx82(
+        hasActiveConversation ? /* @__PURE__ */ jsx83(
           AgentGUIBottomDockPane,
           {
             bottomDockRef,
@@ -41398,7 +41362,7 @@ var AgentGUIDetailPane = memo13(function AgentGUIDetailPane2({
 // agent-gui/agentGuiNode/view/AgentGUIRenameConversationDialog.tsx
 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 jsx83, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs62 } from "react/jsx-runtime";
 var AgentGUIRenameConversationDialog = memo14(
   function AgentGUIRenameConversationDialog2({
     conversation,
@@ -41454,7 +41418,7 @@ var AgentGUIRenameConversationDialog = memo14(
         setIsSaving(false);
       });
     }, [conversation, onOpenChange, onRename, trimmedTitle]);
-    return /* @__PURE__ */ jsx83(
+    return /* @__PURE__ */ jsx84(
       ConfirmationDialog4,
       {
         cancelLabel: labels.cancel,
@@ -41463,8 +41427,8 @@ var AgentGUIRenameConversationDialog = memo14(
         confirmDisabled: !trimmedTitle,
         confirmLabel: labels.renameSessionSave,
         description: labels.renameSessionDescription,
-        footer: /* @__PURE__ */ jsxs61("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx83(
+        footer: /* @__PURE__ */ jsxs62("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx84(
             Button,
             {
               disabled: isSaving,
@@ -41502,7 +41466,7 @@ var AgentGUIRenameConversationDialog = memo14(
               children: labels.cancel
             }
           ),
-          /* @__PURE__ */ jsx83(
+          /* @__PURE__ */ jsx84(
             Button,
             {
               className: "shadow-none",
@@ -41557,7 +41521,7 @@ var AgentGUIRenameConversationDialog = memo14(
         title: labels.renameSessionTitle,
         onConfirm: confirmRename,
         onOpenChange,
-        children: /* @__PURE__ */ jsx83(
+        children: /* @__PURE__ */ jsx84(
           Input4,
           {
             ref: inputRef,
@@ -41585,7 +41549,7 @@ import {
   ReferenceSourcePicker,
   WorkspaceFileReferencePicker
 } from "@tutti-os/workspace-file-reference/ui";
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx85 } from "react/jsx-runtime";
 function AgentGUIReferencePickerSurface({
   aggregator,
   copy,
@@ -41603,7 +41567,7 @@ function AgentGUIReferencePickerSurface({
   onConfirm,
   onConfirmBundles
 }) {
-  return aggregator ? /* @__PURE__ */ jsx84(
+  return aggregator ? /* @__PURE__ */ jsx85(
     ReferenceSourcePicker,
     {
       aggregator,
@@ -41620,7 +41584,7 @@ function AgentGUIReferencePickerSurface({
       onConfirm,
       onConfirmBundles
     }
-  ) : /* @__PURE__ */ jsx84(
+  ) : /* @__PURE__ */ jsx85(
     WorkspaceFileReferencePicker,
     {
       copy,
@@ -41637,7 +41601,7 @@ function AgentGUIReferencePickerSurface({
 
 // agent-gui/agentGuiNode/view/AgentTargetSetupRoot.tsx
 import { useCallback as useCallback63, useMemo as useMemo45 } from "react";
-import { jsx as jsx85, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs63 } from "react/jsx-runtime";
 function useAgentTargetSetupRoot(input) {
   const { preferences } = useAgentGUIProviderRailPreferences();
   const homeTargetProjection = useMemo45(
@@ -41681,9 +41645,9 @@ function AgentTargetSetupRoot({
   controller,
   openEnvironmentSetup
 }) {
-  return /* @__PURE__ */ jsx85(AgentEnvPanelActionProvider, { openPanel: openEnvironmentSetup, children: /* @__PURE__ */ jsxs62(AgentTargetSetupControllerProvider, { controller, children: [
+  return /* @__PURE__ */ jsx86(AgentEnvPanelActionProvider, { openPanel: openEnvironmentSetup, children: /* @__PURE__ */ jsxs63(AgentTargetSetupControllerProvider, { controller, children: [
     children,
-    /* @__PURE__ */ jsx85(
+    /* @__PURE__ */ jsx86(
       AgentTargetSetupGate,
       {
         carouselMountedExternally: false,
@@ -42246,7 +42210,7 @@ function useAgentGUIExternalRequests(input) {
 }
 
 // agent-gui/agentGuiNode/AgentGUINodeView.tsx
-import { jsx as jsx86, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs64 } from "react/jsx-runtime";
 function AgentGUINodeView({
   viewModel,
   referenceProvenanceFilter = null,
@@ -42676,13 +42640,13 @@ function AgentGUINodeView({
     }),
     [targetPresentationKey, viewModel.shell.workspaceId]
   );
-  const content = /* @__PURE__ */ jsx86(AgentTargetPresentationProvider, { agentTargets: agentTargetPresentations, children: /* @__PURE__ */ jsxs63(
+  const content = /* @__PURE__ */ jsx87(AgentTargetPresentationProvider, { agentTargets: agentTargetPresentations, children: /* @__PURE__ */ jsxs64(
     AgentTargetSetupRoot,
     {
       controller: targetSetupController,
       openEnvironmentSetup: onAgentEnvPanelOpen,
       children: [
-        /* @__PURE__ */ jsxs63(
+        /* @__PURE__ */ jsxs64(
           "div",
           {
             ref: layoutElementRef,
@@ -42692,7 +42656,7 @@ function AgentGUINodeView({
             inert: previewMode ? true : void 0,
             style: layoutStyle,
             children: [
-              /* @__PURE__ */ jsxs63(
+              /* @__PURE__ */ jsxs64(
                 "aside",
                 {
                   className: `${AgentGUINode_styles_default.providerRailPanel} nodrag tsh-desktop-no-drag`,
@@ -42700,7 +42664,7 @@ function AgentGUINodeView({
                   "aria-hidden": conversationRailCollapsed ? "true" : void 0,
                   inert: conversationRailCollapsed ? true : void 0,
                   children: [
-                    /* @__PURE__ */ jsx86(
+                    /* @__PURE__ */ jsx87(
                       AgentGUIProviderRail,
                       {
                         activeConversation: viewModel.rail.activeConversation,
@@ -42724,7 +42688,7 @@ function AgentGUINodeView({
                         onRequestComposerFocus: requestComposerFocus
                       }
                     ),
-                    renderSidebarFooter ? /* @__PURE__ */ jsx86(
+                    renderSidebarFooter ? /* @__PURE__ */ jsx87(
                       "div",
                       {
                         className: `${AgentGUINode_styles_default.providerRailFooter} ${AgentGUINode_styles_default.providerRailSidebarFooter} nodrag tsh-desktop-no-drag`,
@@ -42735,12 +42699,12 @@ function AgentGUINodeView({
                         })
                       }
                     ) : null,
-                    shouldShowProviderRailConfigButton ? /* @__PURE__ */ jsx86(
+                    shouldShowProviderRailConfigButton ? /* @__PURE__ */ jsx87(
                       "div",
                       {
                         className: `${AgentGUINode_styles_default.providerRailFooter} ${AgentGUINode_styles_default.providerRailConfigFooter} nodrag tsh-desktop-no-drag`,
                         "data-testid": "agent-gui-config-footer",
-                        children: /* @__PURE__ */ jsx86(
+                        children: /* @__PURE__ */ jsx87(
                           AgentGUIConfigMenu,
                           {
                             environmentSetupVisible,
@@ -42767,14 +42731,14 @@ function AgentGUINodeView({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx86(
+              /* @__PURE__ */ jsx87(
                 "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__ */ jsx86(
+                  children: /* @__PURE__ */ jsx87(
                     AgentGUIConversationRailController,
                     {
                       ...conversationRailStoreState,
@@ -42783,7 +42747,7 @@ function AgentGUINodeView({
                       registerInteractionLockProbe: registerRailInteractionLockProbe,
                       userProjects: viewModel.rail.userProjects,
                       workspaceId: viewModel.shell.workspaceId,
-                      footer: accountMenuState?.user ? /* @__PURE__ */ jsx86(
+                      footer: accountMenuState?.user ? /* @__PURE__ */ jsx87(
                         AgentGUIAccountRailMenu,
                         {
                           accountMenuState,
@@ -42795,7 +42759,7 @@ function AgentGUINodeView({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx86(
+              /* @__PURE__ */ jsx87(
                 "div",
                 {
                   id: "agent-gui-conversation-rail-resize",
@@ -42819,7 +42783,7 @@ function AgentGUINodeView({
                   onPointerUp: endConversationRailResize
                 }
               ),
-              /* @__PURE__ */ jsx86("section", { id: "agent-gui-detail", className: AgentGUINode_styles_default.detailPanel, children: /* @__PURE__ */ jsx86(
+              /* @__PURE__ */ jsx87("section", { id: "agent-gui-detail", className: AgentGUINode_styles_default.detailPanel, children: /* @__PURE__ */ jsx87(
                 AgentGUIDetailPane,
                 {
                   shell: viewModel.shell,
@@ -42867,7 +42831,7 @@ function AgentGUINodeView({
             ]
           }
         ),
-        /* @__PURE__ */ jsx86(
+        /* @__PURE__ */ jsx87(
           AgentGUIReferencePickerSurface,
           {
             aggregator: workspaceReferencePickerAggregator,
@@ -42887,7 +42851,7 @@ function AgentGUINodeView({
             onConfirmBundles: workspaceReferencePickerPurpose === "reference" ? confirmWorkspaceReferenceBundles : void 0
           }
         ),
-        /* @__PURE__ */ jsx86(
+        /* @__PURE__ */ jsx87(
           AgentGUIRenameConversationDialog,
           {
             conversation: renameConversationTarget,
@@ -42905,7 +42869,7 @@ function AgentGUINodeView({
       ]
     }
   ) });
-  return previewMode ? content : /* @__PURE__ */ jsx86(TooltipProvider7, { children: content });
+  return previewMode ? content : /* @__PURE__ */ jsx87(TooltipProvider7, { children: content });
 }
 
 // agent-gui/workspaceDesktop/view/AgentProbeInfoPopover.tsx
@@ -42918,7 +42882,7 @@ import {
   useState as useState52
 } from "react";
 import { createPortal as createPortal5 } from "react-dom";
-import { Fragment as Fragment28, jsx as jsx87, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx88, jsxs as jsxs65 } from "react/jsx-runtime";
 var POPOVER_MIN_VIEWPORT_INSET_PX = 16;
 var POPOVER_DEFAULT_WIDTH_PX = 260;
 function dockAgentProbeLineKey(line) {
@@ -42928,11 +42892,11 @@ function renderDockAgentProbeLine(line) {
   if (typeof line === "string") {
     return line;
   }
-  return /* @__PURE__ */ jsxs64(Fragment28, { children: [
+  return /* @__PURE__ */ jsxs65(Fragment28, { children: [
     line.primary,
-    line.secondary ? /* @__PURE__ */ jsxs64(Fragment28, { children: [
+    line.secondary ? /* @__PURE__ */ jsxs65(Fragment28, { children: [
       " ",
-      /* @__PURE__ */ jsx87("span", { className: "desktop-dock-popup__agent-status-secondary", children: line.secondary })
+      /* @__PURE__ */ jsx88("span", { className: "desktop-dock-popup__agent-status-secondary", children: line.secondary })
     ] }) : null
   ] });
 }
@@ -43025,7 +42989,7 @@ function AgentProbeInfoPopover({
   if (lines.length === 0) {
     return null;
   }
-  const popover = /* @__PURE__ */ jsx87(
+  const popover = /* @__PURE__ */ jsx88(
     "div",
     {
       ref: popoverRef,
@@ -43034,17 +42998,17 @@ function AgentProbeInfoPopover({
       style: popoverStyle ?? void 0,
       onMouseEnter: openPopover,
       onMouseLeave: closeIfPointerLeavesPopover,
-      children: /* @__PURE__ */ jsx87("ul", { className: "desktop-dock-popup__agent-info-list", children: lines.map((line) => {
+      children: /* @__PURE__ */ jsx88("ul", { className: "desktop-dock-popup__agent-info-list", children: lines.map((line) => {
         const label = getDockAgentProbeLineLabel(line);
         const valueText = formatDockAgentProbeLineText(line);
-        return /* @__PURE__ */ jsxs64(
+        return /* @__PURE__ */ jsxs65(
           "li",
           {
             className: "desktop-dock-popup__agent-info-item",
             "data-has-label": label ? "true" : "false",
             children: [
-              label ? /* @__PURE__ */ jsx87("span", { className: "desktop-dock-popup__agent-info-label", children: label }) : null,
-              /* @__PURE__ */ jsx87(
+              label ? /* @__PURE__ */ jsx88("span", { className: "desktop-dock-popup__agent-info-label", children: label }) : null,
+              /* @__PURE__ */ jsx88(
                 "span",
                 {
                   className: "desktop-dock-popup__agent-info-value",
@@ -43059,7 +43023,7 @@ function AgentProbeInfoPopover({
       }) })
     }
   );
-  return /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsxs65(
     "div",
     {
       ref: anchorRef,
@@ -43079,7 +43043,7 @@ function AgentProbeInfoPopover({
       },
       onBlur: closePopover,
       children: [
-        /* @__PURE__ */ jsx87(Info2, { size: 15, strokeWidth: 2.1, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx88(Info2, { size: 15, strokeWidth: 2.1, "aria-hidden": "true" }),
         isOpen ? createPortal5(popover, document.body) : null
       ]
     }
@@ -43215,7 +43179,7 @@ function composeAgentGUIMentionService(input) {
 }
 
 // agent-gui/agentGuiNode/AgentGUIMentionServiceBoundary.tsx
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 function AgentGUIMentionServiceBoundary({
   children,
   service
@@ -43231,7 +43195,7 @@ function AgentGUIMentionServiceBoundary({
   if (!effectiveService || effectiveService === inheritedService) {
     return children;
   }
-  return /* @__PURE__ */ jsx88(RichTextMentionServiceProvider, { service: effectiveService, children });
+  return /* @__PURE__ */ jsx89(RichTextMentionServiceProvider, { service: effectiveService, children });
 }
 
 // agent-gui/agentGuiNode/AgentGUINode.labels.ts
@@ -44391,7 +44355,7 @@ function useAgentGUIWorkspaceFileReferenceCopy(t) {
 }
 
 // agent-gui/agentGuiNode/AgentGUINode.tsx
-import { jsx as jsx89, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs66 } from "react/jsx-runtime";
 var DISABLED_REFERENCE_PROVENANCE_CATALOG = {
   enabledDimensions: [],
   agentOptions: [],
@@ -44706,7 +44670,7 @@ var AgentGUINode = memo15(function AgentGUINode2({
     t,
     viewModel
   });
-  return /* @__PURE__ */ jsx89(AgentGUIMentionServiceBoundary, { service: mentionService, children: /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(AgentGUIMentionServiceBoundary, { service: mentionService, children: /* @__PURE__ */ jsx90(
     WorkspaceNodeWindow,
     {
       nodeId,
@@ -44722,8 +44686,8 @@ var AgentGUINode = memo15(function AgentGUINode2({
       className: "size-full bg-transparent",
       bodyClassName: `${AgentGUINode_styles_default.shell} nodrag size-full min-h-0 min-w-0 !bg-transparent p-0`,
       hideHeader: embedded,
-      titleAccessory: /* @__PURE__ */ jsxs65("span", { className: "inline-flex flex-none items-center gap-1", children: [
-        /* @__PURE__ */ jsx89(
+      titleAccessory: /* @__PURE__ */ jsxs66("span", { className: "inline-flex flex-none items-center gap-1", children: [
+        /* @__PURE__ */ jsx90(
           AgentProbeInfoPopover,
           {
             lines: agentProbeLines,
@@ -44733,7 +44697,7 @@ var AgentGUINode = memo15(function AgentGUINode2({
             onClose: handleAgentProbeInfoClose
           }
         ),
-        /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsx90(
           CanvasNodeGhostIconButton,
           {
             "aria-label": isConversationRailCollapsed ? t("agentHost.agentGui.expandConversationRail") : t("agentHost.agentGui.collapseConversationRail"),
@@ -44745,7 +44709,7 @@ var AgentGUINode = memo15(function AgentGUINode2({
               event.stopPropagation();
               handleConversationRailToggle();
             },
-            children: /* @__PURE__ */ jsx89(
+            children: /* @__PURE__ */ jsx90(
               CanvasNodePanelLinedIcon,
               {
                 width: 18,
@@ -44769,7 +44733,7 @@ var AgentGUINode = memo15(function AgentGUINode2({
           renderedWidth,
           railAutoCollapseWidthPx
         );
-        return /* @__PURE__ */ jsx89(
+        return /* @__PURE__ */ jsx90(
           AgentGUINodeView,
           {
             viewModel,
@@ -44852,7 +44816,7 @@ var AgentGUINode = memo15(function AgentGUINode2({
 }, areAgentGUINodePropsEqual);
 
 // AgentGUI.tsx
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 var AgentGUI = memo16(function AgentGUI2({
   agentActivityRuntime,
   agentHostApi,
@@ -44924,21 +44888,21 @@ var AgentGUI = memo16(function AgentGUI2({
     hostCapabilities: nodeHostCapabilities,
     renderSlots: nodeRenderSlots
   };
-  const content = /* @__PURE__ */ jsx90(AgentGuiI18nProvider, { runtime: i18n, locale, children: /* @__PURE__ */ jsx90(TuttiModePlanReviewRuntimeProvider, { runtime: tuttiModePlanReviewRuntime, children: /* @__PURE__ */ jsx90(
+  const content = /* @__PURE__ */ jsx91(AgentGuiI18nProvider, { runtime: i18n, locale, children: /* @__PURE__ */ jsx91(TuttiModePlanReviewRuntimeProvider, { runtime: tuttiModePlanReviewRuntime, children: /* @__PURE__ */ jsx91(
     AgentActivityHostProvider,
     {
       agentActivityRuntime,
       agentHostApi,
-      children: /* @__PURE__ */ jsx90(
+      children: /* @__PURE__ */ jsx91(
         AgentCommercePresentationProvider,
         {
           value: props.hostCapabilities?.commercePresentation,
-          children: /* @__PURE__ */ jsx90(AgentGUINode, { ...nodeProps })
+          children: /* @__PURE__ */ jsx91(AgentGUINode, { ...nodeProps })
         }
       )
     }
   ) }) });
-  return props.frame.previewMode ? content : /* @__PURE__ */ jsx90(TooltipProvider8, { delayDuration: 120, skipDelayDuration: 0, children: content });
+  return props.frame.previewMode ? content : /* @__PURE__ */ jsx91(TooltipProvider8, { delayDuration: 120, skipDelayDuration: 0, children: content });
 });
 
 export {
@@ -44958,4 +44922,4 @@ export {
   AgentHandoffMenu,
   AgentGUI
 };
-//# sourceMappingURL=chunk-Y6M27YYS.js.map
+//# sourceMappingURL=chunk-AT4DII34.js.map