@tutti-os/agent-gui 0.0.106 → 0.0.107

package/dist/{chunk-4HSLSSPJ.js → chunk-ZWY32ZKZ.js}

@@ -60,7 +60,7 @@ import {
   toLocalShortDateTime,
   updateAgentComposerDraft,
   useProjectedAgentConversation
-} from "./chunk-IR2CL2X2.js";
+} from "./chunk-F7Q7QK42.js";
 import {
   agentRichTextContentToPromptText,
   createAgentRichTextInputExtensions,
@@ -12841,6 +12841,7 @@ var styles = {
   composerQueuedPromptActions: "agent-gui-node__composer-queued-prompt-actions",
   composerReferenceTrigger: "agent-gui-node__composer-reference-trigger",
   composerSendButton: "agent-gui-node__composer-send-button",
+  composerStopButton: "agent-gui-node__composer-stop-button",
   composerSelect: "agent-gui-node__composer-select",
   composerTextarea: "agent-gui-node__composer-textarea",
   composerToggle: "agent-gui-node__composer-toggle",
@@ -13104,7 +13105,7 @@ function AgentProbeUsageFreshness({
       type: "button",
       "data-testid": testId,
       "data-state": isLoading ? "loading" : didFail ? "failed" : "idle",
-      className: `nodrag inline-flex shrink-0 cursor-pointer items-center gap-1 rounded-[5px] px-1 py-0.5 text-[11px] leading-4 transition-colors hover:bg-[var(--transparency-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-focus)] disabled:cursor-default disabled:opacity-70 disabled:hover:bg-transparent [-webkit-app-region:no-drag] ${stateClassName}`,
+      className: `nodrag inline-flex shrink-0 cursor-pointer items-center gap-1 rounded-[5px] px-1 py-0.5 text-[11px] leading-4 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-focus)] disabled:cursor-default disabled:opacity-70 [-webkit-app-region:no-drag] ${stateClassName}`,
       onClick: handleClick,
       disabled: isLoading || disabled,
       "aria-label": labels.refreshAria,
@@ -13452,6 +13453,7 @@ function AgentGUIConfigMenu({
   slashStatusUsageCapturedAtUnixMs,
   slashStatusUsageDidFail,
   slashStatusUsageAttempted,
+  provider,
   providerAuthAccountLabel,
   onAgentConfigMenuOpen,
   onAgentUsageRefresh,
@@ -13460,6 +13462,9 @@ function AgentGUIConfigMenu({
   onOpenAgentSettings
 }) {
   const [open, setOpen] = useState9(false);
+  const providerFlatIconUrl = resolveAgentGuiSessionProviderFlatIconUrl(
+    provider ?? void 0
+  );
   return /* @__PURE__ */ jsxs8(
     Popover,
     {
@@ -13489,10 +13494,23 @@ function AgentGUIConfigMenu({
             align: "end",
             className: "w-[300px] max-w-[calc(100vw-32px)] gap-3 p-1 text-xs",
             "data-testid": "agent-gui-config-menu",
-            children: /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 flex-col gap-3", children: [
+            children: /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 flex-col gap-1", children: [
               providerScopedActionsVisible && providerAuthAccountLabel ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
                 /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 flex-col gap-2 p-2", children: [
-                  /* @__PURE__ */ jsx15("span", { className: "text-[13px] font-semibold leading-4", children: labels.slashStatusAccount }),
+                  /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 items-center gap-2", children: [
+                    providerFlatIconUrl ? /* @__PURE__ */ jsx15(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: "size-4 shrink-0 bg-current",
+                        style: {
+                          mask: `url("${providerFlatIconUrl}") center / contain no-repeat`,
+                          WebkitMask: `url("${providerFlatIconUrl}") center / contain no-repeat`
+                        }
+                      }
+                    ) : null,
+                    /* @__PURE__ */ jsx15("span", { className: "text-[13px] font-semibold leading-4", children: labels.slashStatusAccount })
+                  ] }),
                   /* @__PURE__ */ jsx15("span", { className: "text-[13px] leading-5 text-[var(--text-secondary)]", children: providerAuthAccountLabel })
                 ] }),
                 slashStatusLimits.length > 0 || slashStatusUsageAttempted || slashStatusLimitsLoading ? /* @__PURE__ */ jsx15("div", { className: "px-2", children: /* @__PURE__ */ jsx15("span", { className: "block h-px bg-[var(--border-1)]" }) }) : null
@@ -16482,6 +16500,20 @@ function useComposerLayout({
     isHeroLayout,
     paletteDraftPrompt
   ]);
+  const composerStyle = useMemo20(
+    () => isHeroLayout ? void 0 : {
+      // The dock keeps only the collapsed 56px input row in flow; a
+      // growing draft overhangs upward past the composer's top edge.
+      // Floating panels anchored to that edge (queued prompts, the
+      // interactive prompt) read this var to stay above the grown input
+      // instead of being covered by it.
+      "--agent-gui-composer-input-overflow": `${Math.max(
+        0,
+        dockComposerInputHeight - DOCK_COMPOSER_INPUT_MIN_HEIGHT
+      )}px`
+    },
+    [dockComposerInputHeight, isHeroLayout]
+  );
   const inputShellStyle = useMemo20(
     () => showFileMentionPalette || showFloatingCommandMenu ? { zIndex: COMPOSER_PALETTE_Z_INDEX } : void 0,
     [showFileMentionPalette, showFloatingCommandMenu]
@@ -16507,6 +16539,7 @@ function useComposerLayout({
   return {
     activePromptTip,
     activePromptTipText,
+    composerStyle,
     inputShellStyle,
     promptInputAreaStyle,
     promptTipStyle,
@@ -18792,7 +18825,7 @@ function useComposerPresentation(input) {
     "button",
     {
       type: "button",
-      className: "relative inline-flex size-7 shrink-0 items-center justify-center rounded-full border border-transparent bg-transparent p-0 text-[var(--text-primary)] transition-[color,opacity] duration-150 hover:bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:color-mix(in_srgb,var(--text-primary)_34%,transparent)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--background-panel)] active:bg-transparent disabled:cursor-not-allowed disabled:opacity-45",
+      className: `${AgentGUINode_styles_default.composerStopButton} relative inline-flex size-7 shrink-0 items-center justify-center rounded-full border border-transparent bg-transparent p-0 text-[var(--text-primary)] transition-[color,opacity] duration-150 hover:bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:color-mix(in_srgb,var(--text-primary)_34%,transparent)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--background-panel)] active:bg-transparent disabled:cursor-not-allowed disabled:opacity-45`,
       disabled: isInterrupting,
       "aria-label": isInterrupting ? labels.stopping : labels.stop,
       title: isInterrupting ? labels.stopping : labels.stop,
@@ -19356,36 +19389,45 @@ function AgentQueuedPromptPanel({
                         );
                       }) }) : null
                     ] }) }),
-                    /* @__PURE__ */ jsxs17("div", { className: AgentGUINode_styles_default.composerQueuedPromptActions, children: [
-                      /* @__PURE__ */ jsx24(
-                        CanvasNodeGhostIconButton,
-                        {
-                          "aria-label": labels.sendQueuedPromptNext,
-                          disabled: isDraining,
-                          onClick: () => onSendQueuedPromptNext(queuedPrompt.id),
-                          children: /* @__PURE__ */ jsx24(CanvasNodeGuideLinedIcon, { "aria-hidden": "true" })
-                        }
-                      ),
-                      /* @__PURE__ */ jsx24(
-                        CanvasNodeGhostIconButton,
-                        {
-                          "aria-label": labels.deleteQueuedPrompt,
-                          disabled: isDraining,
-                          onClick: () => onRemoveQueuedPrompt(queuedPrompt.id),
-                          children: /* @__PURE__ */ jsx24(CanvasNodeTrashLinedIcon, { "aria-hidden": "true" })
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs17(DropdownMenu2, { children: [
-                        /* @__PURE__ */ jsx24(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx24(
+                    /* @__PURE__ */ jsx24("div", { className: AgentGUINode_styles_default.composerQueuedPromptActions, children: /* @__PURE__ */ jsxs17(TooltipProvider, { delayDuration: 200, children: [
+                      /* @__PURE__ */ jsxs17(Tooltip, { children: [
+                        /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
+                          CanvasNodeGhostIconButton,
+                          {
+                            "aria-label": labels.sendQueuedPromptNext,
+                            disabled: isDraining,
+                            onClick: () => onSendQueuedPromptNext(queuedPrompt.id),
+                            children: /* @__PURE__ */ jsx24(CanvasNodeGuideLinedIcon, { "aria-hidden": "true" })
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsx24(TooltipContent, { children: labels.sendQueuedPromptNext })
+                      ] }),
+                      /* @__PURE__ */ jsxs17(Tooltip, { children: [
+                        /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
                           CanvasNodeGhostIconButton,
                           {
-                            "aria-label": labels.queuedPromptMoreActions,
+                            "aria-label": labels.deleteQueuedPrompt,
                             disabled: isDraining,
-                            stopsEventPropagation: false,
-                            onClick: (event) => event.stopPropagation(),
-                            children: /* @__PURE__ */ jsx24(CanvasNodeMoreLinedIcon, { "aria-hidden": "true" })
+                            onClick: () => onRemoveQueuedPrompt(queuedPrompt.id),
+                            children: /* @__PURE__ */ jsx24(CanvasNodeTrashLinedIcon, { "aria-hidden": "true" })
                           }
                         ) }),
+                        /* @__PURE__ */ jsx24(TooltipContent, { children: labels.deleteQueuedPrompt })
+                      ] }),
+                      /* @__PURE__ */ jsxs17(DropdownMenu2, { children: [
+                        /* @__PURE__ */ jsxs17(Tooltip, { children: [
+                          /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx24(
+                            CanvasNodeGhostIconButton,
+                            {
+                              "aria-label": labels.queuedPromptMoreActions,
+                              disabled: isDraining,
+                              stopsEventPropagation: false,
+                              onClick: (event) => event.stopPropagation(),
+                              children: /* @__PURE__ */ jsx24(CanvasNodeMoreLinedIcon, { "aria-hidden": "true" })
+                            }
+                          ) }) }),
+                          /* @__PURE__ */ jsx24(TooltipContent, { children: labels.queuedPromptMoreActions })
+                        ] }),
                         /* @__PURE__ */ jsx24(
                           DropdownMenuContent2,
                           {
@@ -19412,7 +19454,7 @@ function AgentQueuedPromptPanel({
                           }
                         )
                       ] })
-                    ] })
+                    ] }) })
                   ]
                 },
                 queuedPrompt.id
@@ -23457,6 +23499,7 @@ function AgentComposerView(input) {
   const {
     activePromptTip,
     activePromptTipText,
+    composerStyle,
     inputShellStyle,
     promptInputAreaStyle,
     showEdgeGlow,
@@ -23481,6 +23524,7 @@ function AgentComposerView(input) {
       ref: input.composerRef,
       className: composerClassName,
       "data-layout": layoutMode,
+      style: composerStyle,
       onSubmit: submit,
       children: [
         fileDropOverlay,
@@ -32731,6 +32775,7 @@ function AgentGUINodeView({
                         slashStatusUsageCapturedAtUnixMs,
                         slashStatusUsageDidFail,
                         slashStatusUsageAttempted,
+                        provider: effectiveRailConfigProvider,
                         providerAuthAccountLabel: effectiveProviderAuthAccountLabel,
                         onAgentConfigMenuOpen,
                         onAgentUsageRefresh,
@@ -34726,4 +34771,4 @@ export {
   resolveAgentGUIAgentTarget,
   AgentGUI
 };
-//# sourceMappingURL=chunk-4HSLSSPJ.js.map
+//# sourceMappingURL=chunk-ZWY32ZKZ.js.map