@tutti-os/agent-gui 0.0.177 → 0.0.179

package/dist/{chunk-XQV7VV2N.js → chunk-G5JCVOF3.js}

@@ -12,7 +12,7 @@ import {
   resolveAgentGuiSessionProviderFlatIconUrl,
   resolveNextAgentGUIConversationRailWidthPx,
   shouldAutoCollapseAgentGUIConversationRail
-} from "./chunk-GZXOFYCW.js";
+} from "./chunk-54T2VMRC.js";
 import {
   resolveAgentGuiWorkbenchProviderLabel
 } from "./chunk-SZVHT57M.js";
@@ -18125,6 +18125,7 @@ function useComposerPaletteCatalog({
   compactSupported,
   composerSettings,
   capabilityMenuState,
+  capabilityControlsReadOnly,
   labels,
   uiLanguage,
   editorHandleRef
@@ -18172,6 +18173,9 @@ function useComposerPaletteCatalog({
     [availableSkills, skillQueryMatch]
   );
   const availableCapabilities = useMemo22(() => {
+    if (capabilityControlsReadOnly) {
+      return [];
+    }
     const entries = [];
     if (composerSettings.supportsBrowser) {
       entries.push({
@@ -18191,6 +18195,7 @@ function useComposerPaletteCatalog({
     }
     return entries;
   }, [
+    capabilityControlsReadOnly,
     composerSettings.supportsBrowser,
     composerSettings.supportsComputerUse,
     labels.browserUseCapabilityLabel,
@@ -18212,6 +18217,7 @@ function useComposerPaletteCatalog({
           description: capDescription,
           settingsAriaLabel: capSettingsLabel,
           settingsLabel: labels.capabilityInlineSettingsLabel,
+          disabled: capabilityControlsReadOnly,
           selectAction: command.capability === "computerUse" && (computerUseInstalled === false || computerUseInstalled === true && (computerUseAuthorization === "needs-authorization" || computerUseAuthorization === "unknown")) ? "settings" : "capability",
           capability: command
         };
@@ -18248,6 +18254,7 @@ function useComposerPaletteCatalog({
     capabilityMenuState?.browserUse?.connectionMode,
     capabilityMenuState?.computerUse?.authorization,
     capabilityMenuState?.computerUse?.installed,
+    capabilityControlsReadOnly,
     filteredCommands,
     filteredSkills,
     labels.browserUseCapabilityDescription,
@@ -18766,6 +18773,7 @@ function useComposerSlashActions(input) {
     promptImagesSupported,
     availableSkills = [],
     composerSettings,
+    capabilityControlsReadOnly = false,
     onDraftContentChange,
     onSettingsChange,
     onSubmit,
@@ -18988,6 +18996,9 @@ function useComposerSlashActions(input) {
   );
   const selectCapability = useCallback35(
     (capability) => {
+      if (capabilityControlsReadOnly) {
+        return;
+      }
       const selectionEffect = resolveSlashCommandSelectionEffect({
         provider,
         policy: slashCommandPolicy,
@@ -18998,14 +19009,22 @@ function useComposerSlashActions(input) {
         executeSlashCommandEffect(selectionEffect);
       }
     },
-    [executeSlashCommandEffect, provider, slashCommandPolicy]
+    [
+      capabilityControlsReadOnly,
+      executeSlashCommandEffect,
+      provider,
+      slashCommandPolicy
+    ]
   );
   const selectCapabilitySettings = useCallback35(
     (capability) => {
+      if (capabilityControlsReadOnly) {
+        return;
+      }
       onCapabilitySettingsRequest?.(capability.capability);
       setIsPaletteOpen(false);
     },
-    [onCapabilitySettingsRequest]
+    [capabilityControlsReadOnly, onCapabilitySettingsRequest]
   );
   const selectSkill = useCallback35(
     (skill) => {
@@ -19077,6 +19096,9 @@ function useComposerSlashActions(input) {
           policy: slashCommandPolicy
         });
         if (slashCommandEffect) {
+          if (capabilityControlsReadOnly && slashCommandEffect.kind === "submitPrompt" && (slashCommandEffect.requiredSettingsPatch?.browserUse !== void 0 || slashCommandEffect.requiredSettingsPatch?.computerUse !== void 0)) {
+            return;
+          }
           executeSlashCommandEffect(slashCommandEffect);
           return;
         }
@@ -19164,6 +19186,9 @@ function useComposerSlashActions(input) {
       if (event.key === "Tab" || event.key === "Enter") {
         event.preventDefault();
         const activeEntry = slashPaletteEntries[activeHighlight];
+        if (activeEntry?.type === "capability" && activeEntry.disabled) {
+          return true;
+        }
         if (activeEntry?.type === "command") {
           selectCommand(activeEntry.command);
         } else if (activeEntry?.type === "capability") {
@@ -23823,6 +23848,7 @@ function AgentSlashCommandPalette({
   return /* @__PURE__ */ jsxs23("div", { className: paletteStyles.palette, role: "listbox", "aria-label": label, children: [
     entries.map((entry, index) => {
       const isHighlighted = index === highlightedIndex;
+      const isDisabled = entry.type === "capability" && entry.disabled === true;
       const groupType = entryGroupType(entry);
       const entryIcon = slashPaletteEntryIcon(entry);
       const groupHeader = showGroupHeaders && firstEntryIndexByType.get(groupType) === index ? /* @__PURE__ */ jsx32(
@@ -23852,14 +23878,19 @@ function AgentSlashCommandPalette({
             ref: isHighlighted ? highlightedOptionRef : null,
             className: cn(
               paletteStyles.option,
-              isHighlighted && "bg-[var(--transparency-block)]"
+              isHighlighted && "bg-[var(--transparency-block)]",
+              isDisabled && "cursor-not-allowed text-[var(--agent-gui-text-tertiary)] opacity-60 hover:bg-transparent active:bg-transparent"
             ),
             role: "option",
             "aria-selected": isHighlighted,
+            "aria-disabled": isDisabled || void 0,
             "data-highlighted": isHighlighted ? "" : void 0,
             onMouseEnter: () => onHighlightChange(index),
             onMouseDown: (event) => event.preventDefault(),
             onClick: () => {
+              if (isDisabled) {
+                return;
+              }
               if (entry.type === "command") {
                 onSelect(entry.command);
                 return;
@@ -23888,6 +23919,7 @@ function AgentSlashCommandPalette({
                 {
                   "aria-label": entry.settingsAriaLabel ?? entry.settingsLabel,
                   className: paletteStyles.settingsButton,
+                  disabled: isDisabled,
                   title: entry.settingsAriaLabel ?? entry.settingsLabel,
                   type: "button",
                   onClick: (event) => {
@@ -27313,6 +27345,7 @@ function AgentComposer(props) {
     onDraftContentChange,
     onSettingsChange,
     capabilityMenuState,
+    capabilityControlsReadOnly = false,
     onSubmit,
     onSubmitGuidance,
     onInterruptCurrentTurn,
@@ -27414,6 +27447,7 @@ function AgentComposer(props) {
     compactSupported,
     composerSettings,
     capabilityMenuState,
+    capabilityControlsReadOnly,
     labels,
     uiLanguage,
     editorHandleRef
@@ -27511,6 +27545,7 @@ function AgentComposer(props) {
     promptImagesSupported: canUploadAttachment && promptImagesSupported,
     availableSkills,
     composerSettings,
+    capabilityControlsReadOnly,
     onDraftContentChange,
     onSettingsChange,
     onSubmit,
@@ -28019,6 +28054,7 @@ function createFallbackAgentGUIAgentAvatar(input) {
 import { Component as Component3 } from "react";
 import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
 var AgentGUIEmptyHeroCarouselStage = class extends Component3 {
+  alignmentActive = false;
   animationFrame = null;
   layer = null;
   mutationObserver = null;
@@ -28028,7 +28064,15 @@ var AgentGUIEmptyHeroCarouselStage = class extends Component3 {
     this.startAlignment();
   }
   componentDidUpdate() {
-    this.startAlignment();
+    if (!this.canAlign()) {
+      this.stopAlignment();
+      return;
+    }
+    if (!this.alignmentActive) {
+      this.startAlignment();
+      return;
+    }
+    this.scheduleAlignment();
   }
   componentWillUnmount() {
     this.stopAlignment();
@@ -28060,10 +28104,12 @@ var AgentGUIEmptyHeroCarouselStage = class extends Component3 {
   // while measuring the slot preserves alignment across host padding and
   // ready/gated subtree changes. The CSS fallback covers the pre-measure paint.
   startAlignment() {
-    if (this.props.previewMode || this.props.items.length <= 1 || !this.stage || !this.layer) {
+    const stage = this.stage;
+    if (!this.canAlign() || !stage) {
       this.stopAlignment();
       return;
     }
+    this.alignmentActive = true;
     if (!this.resizeObserver && typeof ResizeObserver === "function") {
       this.resizeObserver = new ResizeObserver(this.scheduleAlignment);
     }
@@ -28072,7 +28118,7 @@ var AgentGUIEmptyHeroCarouselStage = class extends Component3 {
         this.observeLayoutRoots();
         this.scheduleAlignment();
       });
-      this.mutationObserver.observe(this.stage, {
+      this.mutationObserver.observe(stage, {
         childList: true,
         subtree: true
       });
@@ -28080,7 +28126,13 @@ var AgentGUIEmptyHeroCarouselStage = class extends Component3 {
     this.observeLayoutRoots();
     this.syncAlignment();
   }
+  canAlign() {
+    return Boolean(
+      !this.props.previewMode && this.props.items.length > 1 && this.stage && this.layer
+    );
+  }
   stopAlignment() {
+    this.alignmentActive = false;
     if (this.animationFrame !== null) {
       cancelAnimationFrame(this.animationFrame);
       this.animationFrame = null;
@@ -33143,7 +33195,6 @@ function useAgentGUIConversationRailViewState(input) {
       recordScrollTop();
     }
     return () => {
-      recordScrollTop();
       viewport.removeEventListener("scroll", recordScrollTop);
     };
   }, [
@@ -36628,6 +36679,7 @@ var AgentGUIDetailPane = memo12(function AgentGUIDetailPane2({
   onLinkAction,
   onHandoffConversation,
   capabilityMenuState,
+  capabilityControlsReadOnly = false,
   onCapabilitySettingsRequest,
   onAgentProviderLogin,
   onRequestWorkspaceReferences,
@@ -36882,6 +36934,7 @@ var AgentGUIDetailPane = memo12(function AgentGUIDetailPane2({
       labels: composerLabels,
       workspaceUserProjectI18n,
       capabilityMenuState,
+      capabilityControlsReadOnly,
       onDraftContentChange: updateDraftContent,
       onProjectPathChange: updateSelectedProjectPath,
       onSettingsChange: updateComposerSettings,
@@ -36906,6 +36959,7 @@ var AgentGUIDetailPane = memo12(function AgentGUIDetailPane2({
     [
       canQueueWhileBusy,
       capabilityMenuState,
+      capabilityControlsReadOnly,
       canSwitchComposerProvider,
       composerDisabled,
       composerDisabledReason,
@@ -37994,6 +38048,7 @@ function AgentGUINodeView({
   onLinkAction,
   onHandoffConversation,
   capabilityMenuState,
+  capabilityControlsReadOnly = false,
   onCapabilitySettingsRequest,
   isActive = true,
   isVisible = true,
@@ -38582,6 +38637,7 @@ function AgentGUINodeView({
                   onLinkAction,
                   onHandoffConversation,
                   capabilityMenuState,
+                  capabilityControlsReadOnly,
                   onCapabilitySettingsRequest,
                   onAgentProviderLogin,
                   onRequestWorkspaceReferences: requestWorkspaceReferences,
@@ -38900,7 +38956,7 @@ function areAgentGUINodePropsEqual(previous, next) {
   const pc = previous.hostCapabilities, nc = next.hostCapabilities;
   const pa = previous.hostActions, na = next.hostActions;
   const ps = previous.renderSlots, ns = next.renderSlots;
-  return pi.nodeId === ni.nodeId && pi.workspaceId === ni.workspaceId && pi.currentUserId === ni.currentUserId && pi.title === ni.title && pw.path === nw.path && pw.fileReferenceAdapter === nw.fileReferenceAdapter && pw.onRequestGitBranches === nw.onRequestGitBranches && pw.selectProjectDirectory === nw.selectProjectDirectory && pw.resolveExternalPromptEntries === nw.resolveExternalPromptEntries && pw.prepareExternalPromptFiles === nw.prepareExternalPromptFiles && pw.promptAssetLimit === nw.promptAssetLimit && pw.projectDirectorySourceAggregator === nw.projectDirectorySourceAggregator && pw.referenceSourceAggregator === nw.referenceSourceAggregator && pw.resolveReferenceEntryIconUrl === nw.resolveReferenceEntryIconUrl && pw.resolveMentionReferenceTarget === nw.resolveMentionReferenceTarget && pw.resolveReferenceInitialTarget === nw.resolveReferenceInitialTarget && pw.onFileReferencesAdded === nw.onFileReferencesAdded && pw.agentSettings.avoidGroupingEdits === nw.agentSettings.avoidGroupingEdits && pc.referenceProvenanceFilterCatalog === nc.referenceProvenanceFilterCatalog && pc.referenceProvenanceFilterEnabled === nc.referenceProvenanceFilterEnabled && agentGuiStateEquals(previous.state, next.state) && pf.position.x === nf.position.x && pf.position.y === nf.position.y && pf.width === nf.width && pf.height === nf.height && pf.desktopSize.width === nf.desktopSize.width && pf.desktopSize.height === nf.desktopSize.height && pf.isMaximized === nf.isMaximized && pf.isActive === nf.isActive && pf.isVisible === nf.isVisible && pf.embedded === nf.embedded && pf.previewMode === nf.previewMode && pf.conversationRailAutoCollapseWidthPx === nf.conversationRailAutoCollapseWidthPx && pr.composerFocusSequence === nr.composerFocusSequence && pr.composerAppend === nr.composerAppend && pr.newConversationSequence === nr.newConversationSequence && pr.sessionAction === nr.sessionAction && pr.openSession === nr.openSession && pr.prefillPrompt === nr.prefillPrompt && pr.agentStatusController === nr.agentStatusController && pc.capabilityMenuState === nc.capabilityMenuState && pc.accountMenuState === nc.accountMenuState && pc.agentTargets === nc.agentTargets && pc.agentTargetsLoading === nc.agentTargetsLoading && pc.handoffAgentTargets === nc.handoffAgentTargets && pc.handoffAgentTargetsLoading === nc.handoffAgentTargetsLoading && pc.providerRailAllPresentation?.iconUrl === nc.providerRailAllPresentation?.iconUrl && pc.providerRailMode === nc.providerRailMode && pc.comingSoonProviders === nc.comingSoonProviders && pc.providerReadinessGates === nc.providerReadinessGates && pc.defaultAgentTargetId === nc.defaultAgentTargetId && pc.providerAuthAccountLabels === nc.providerAuthAccountLabels && pc.mentionService === nc.mentionService && pc.workspaceAppIcons === nc.workspaceAppIcons && pc.disabledHomeSuggestions === nc.disabledHomeSuggestions && pa.onLinkAction === na.onLinkAction && pa.onHandoffConversation === na.onHandoffConversation && pa.onCapabilitySettingsRequest === na.onCapabilitySettingsRequest && pa.onAgentProviderLogin === na.onAgentProviderLogin && pa.onAgentEnvPanelOpen === na.onAgentEnvPanelOpen && pa.onOpenConversationWindow === na.onOpenConversationWindow && pa.onClose === na.onClose && pa.onResize === na.onResize && pa.onUpdateNode === na.onUpdateNode && pa.onRememberComposerDefaults === na.onRememberComposerDefaults && pa.isMuted === na.isMuted && pa.onMinimize === na.onMinimize && pa.onToggleMaximize === na.onToggleMaximize && pa.onShowMessage === na.onShowMessage && pa.onEngagementEvent === na.onEngagementEvent && pa.onConversationRailLayoutChange === na.onConversationRailLayoutChange && ps.providerRailEmpty === ns.providerRailEmpty && ps.providerUnavailableState === ns.providerUnavailableState && ps.sidebarFooter === ns.sidebarFooter;
+  return pi.nodeId === ni.nodeId && pi.workspaceId === ni.workspaceId && pi.currentUserId === ni.currentUserId && pi.title === ni.title && pw.path === nw.path && pw.fileReferenceAdapter === nw.fileReferenceAdapter && pw.onRequestGitBranches === nw.onRequestGitBranches && pw.selectProjectDirectory === nw.selectProjectDirectory && pw.resolveExternalPromptEntries === nw.resolveExternalPromptEntries && pw.prepareExternalPromptFiles === nw.prepareExternalPromptFiles && pw.promptAssetLimit === nw.promptAssetLimit && pw.projectDirectorySourceAggregator === nw.projectDirectorySourceAggregator && pw.referenceSourceAggregator === nw.referenceSourceAggregator && pw.resolveReferenceEntryIconUrl === nw.resolveReferenceEntryIconUrl && pw.resolveMentionReferenceTarget === nw.resolveMentionReferenceTarget && pw.resolveReferenceInitialTarget === nw.resolveReferenceInitialTarget && pw.onFileReferencesAdded === nw.onFileReferencesAdded && pw.agentSettings.avoidGroupingEdits === nw.agentSettings.avoidGroupingEdits && pc.referenceProvenanceFilterCatalog === nc.referenceProvenanceFilterCatalog && pc.referenceProvenanceFilterEnabled === nc.referenceProvenanceFilterEnabled && agentGuiStateEquals(previous.state, next.state) && pf.position.x === nf.position.x && pf.position.y === nf.position.y && pf.width === nf.width && pf.height === nf.height && pf.desktopSize.width === nf.desktopSize.width && pf.desktopSize.height === nf.desktopSize.height && pf.isMaximized === nf.isMaximized && pf.isActive === nf.isActive && pf.isVisible === nf.isVisible && pf.embedded === nf.embedded && pf.previewMode === nf.previewMode && pf.conversationRailAutoCollapseWidthPx === nf.conversationRailAutoCollapseWidthPx && pr.composerFocusSequence === nr.composerFocusSequence && pr.composerAppend === nr.composerAppend && pr.newConversationSequence === nr.newConversationSequence && pr.sessionAction === nr.sessionAction && pr.openSession === nr.openSession && pr.prefillPrompt === nr.prefillPrompt && pr.agentStatusController === nr.agentStatusController && pc.capabilityMenuState === nc.capabilityMenuState && pc.capabilityControlsReadOnly === nc.capabilityControlsReadOnly && pc.accountMenuState === nc.accountMenuState && pc.agentTargets === nc.agentTargets && pc.agentTargetsLoading === nc.agentTargetsLoading && pc.handoffAgentTargets === nc.handoffAgentTargets && pc.handoffAgentTargetsLoading === nc.handoffAgentTargetsLoading && pc.providerRailAllPresentation?.iconUrl === nc.providerRailAllPresentation?.iconUrl && pc.providerRailMode === nc.providerRailMode && pc.comingSoonProviders === nc.comingSoonProviders && pc.providerReadinessGates === nc.providerReadinessGates && pc.defaultAgentTargetId === nc.defaultAgentTargetId && pc.providerAuthAccountLabels === nc.providerAuthAccountLabels && pc.mentionService === nc.mentionService && pc.workspaceAppIcons === nc.workspaceAppIcons && pc.disabledHomeSuggestions === nc.disabledHomeSuggestions && pa.onLinkAction === na.onLinkAction && pa.onHandoffConversation === na.onHandoffConversation && pa.onCapabilitySettingsRequest === na.onCapabilitySettingsRequest && pa.onAgentProviderLogin === na.onAgentProviderLogin && pa.onAgentEnvPanelOpen === na.onAgentEnvPanelOpen && pa.onOpenConversationWindow === na.onOpenConversationWindow && pa.onClose === na.onClose && pa.onResize === na.onResize && pa.onUpdateNode === na.onUpdateNode && pa.onRememberComposerDefaults === na.onRememberComposerDefaults && pa.isMuted === na.isMuted && pa.onMinimize === na.onMinimize && pa.onToggleMaximize === na.onToggleMaximize && pa.onShowMessage === na.onShowMessage && pa.onEngagementEvent === na.onEngagementEvent && pa.onConversationRailLayoutChange === na.onConversationRailLayoutChange && ps.providerRailEmpty === ns.providerRailEmpty && ps.providerUnavailableState === ns.providerUnavailableState && ps.sidebarFooter === ns.sidebarFooter;
 }
 
 // agent-gui/agentGuiNode/AgentGUIMentionServiceBoundary.tsx
@@ -40047,6 +40103,7 @@ var AgentGUINode = memo14(function AgentGUINode2({
   } = runtimeRequests;
   const {
     capabilityMenuState,
+    capabilityControlsReadOnly = false,
     accountMenuState = null,
     agentTargets,
     agentTargetsLoading = false,
@@ -40397,6 +40454,7 @@ var AgentGUINode = memo14(function AgentGUINode2({
             onLinkAction: handleLinkAction,
             onHandoffConversation,
             capabilityMenuState,
+            capabilityControlsReadOnly,
             onCapabilitySettingsRequest,
             onAgentProviderLogin: onAgentProviderLogin ? handleAgentProviderLogin : void 0,
             onAgentEnvPanelOpen,
@@ -40537,4 +40595,4 @@ export {
   AgentHandoffMenu,
   AgentGUI
 };
-//# sourceMappingURL=chunk-XQV7VV2N.js.map
+//# sourceMappingURL=chunk-G5JCVOF3.js.map