@tutti-os/agent-gui 0.0.215 → 0.0.217

package/dist/{chunk-MWAUXAD2.js → chunk-NXQGAXIE.js}

@@ -1,3 +1,9 @@
+import {
+  cn,
+  readParsedDocumentCache,
+  resolveAgentTargetPresentation,
+  useAgentTargetPresentations
+} from "./chunk-LQMIEH4C.js";
 import {
   AGENT_RICH_TEXT_CARET_ANCHOR,
   AgentMentionReadonlyView,
@@ -6,13 +12,7 @@ import {
   formatAgentMentionMarkdown,
   mentionItemToAttrs,
   parseAgentMentionMarkdown
-} from "./chunk-2HYADTQP.js";
-import {
-  cn,
-  readParsedDocumentCache,
-  resolveAgentTargetPresentation,
-  useAgentTargetPresentations
-} from "./chunk-LQMIEH4C.js";
+} from "./chunk-JQOQETPN.js";
 
 // shared/AgentRichTextReadonly.tsx
 import { useMemo } from "react";
@@ -747,4 +747,4 @@ export {
   agentRichTextContentToPromptText,
   AgentRichTextReadonly
 };
-//# sourceMappingURL=chunk-MWAUXAD2.js.map
+//# sourceMappingURL=chunk-NXQGAXIE.js.map

package/dist/{chunk-GUD5NOHO.js → chunk-O4QFGCLU.js}

@@ -3,7 +3,7 @@ import {
   resolveAgentGUIConversationTitleDisplayPrompt,
   resolveAgentGuiWorkbenchHeaderTitle,
   resolveAgentGuiWorkbenchSessionTitle
-} from "./chunk-KVFBUOKZ.js";
+} from "./chunk-2QF3RBR4.js";
 import {
   createAgentGuiWorkbenchNodeStateSource,
   migrateLegacyAgentGuiWorkbenchState,
@@ -15,12 +15,14 @@ import {
   agentGuiWorkbenchTypeId,
   agentGuiWorkbenchUnifiedDockEntryId,
   createAgentGuiWorkbenchLaunchDescriptor
-} from "./chunk-4CHBM3G3.js";
+} from "./chunk-SUVMLCED.js";
 import {
   agentGuiWorkbenchDefaultDockProviders,
-  isAgentGuiWorkbenchProvider,
-  resolveAgentGuiWorkbenchProviderLabel
+  isAgentGuiWorkbenchProvider
 } from "./chunk-MGSRWYRN.js";
+import {
+  useEngineSelector
+} from "./chunk-EVQ4JY3N.js";
 import {
   normalizeAgentGUIAgents,
   projectAgentGUIAgentsToTargets
@@ -29,8 +31,10 @@ import {
   agentGuiDockIconUrls
 } from "./chunk-G7DS23D4.js";
 import {
-  useEngineSelector
-} from "./chunk-EVQ4JY3N.js";
+  AGENT_GUI_PROVIDER_RAIL_WIDTH_PX,
+  resolveAgentGUIConversationRailPresentation,
+  resolveAgentGUIExpandedWindowFrame
+} from "./chunk-6GX57XB5.js";
 import {
   normalizeManagedAgentProvider
 } from "./chunk-AFUVWWQY.js";
@@ -44,88 +48,6 @@ import {
 // workbench/contribution.ts
 import { createElement as createElement3 } from "react";
 
-// agent-gui/agentGuiNode/model/agentGuiRailLayout.ts
-function clamp(value, min, max) {
-  return Math.min(max, Math.max(min, value));
-}
-var AGENT_GUI_CONVERSATION_RAIL_DEFAULT_WIDTH_PX = 280;
-var AGENT_GUI_CONVERSATION_RAIL_MIN_WIDTH_PX = 248;
-var AGENT_GUI_CONVERSATION_RAIL_MAX_WIDTH_PX = 520;
-var AGENT_GUI_DETAIL_MIN_WIDTH_PX = 220;
-var AGENT_GUI_HOME_COMPOSER_MIN_WIDTH_PX = 320;
-var AGENT_GUI_RAIL_RESIZE_HANDLE_WIDTH_PX = 10;
-var AGENT_GUI_COLLAPSED_MIN_WIDTH_PX = 460;
-var AGENT_GUI_EXPANDED_MIN_WIDTH_PX = AGENT_GUI_CONVERSATION_RAIL_MIN_WIDTH_PX + AGENT_GUI_DETAIL_MIN_WIDTH_PX + AGENT_GUI_RAIL_RESIZE_HANDLE_WIDTH_PX;
-var AGENT_GUI_AUTO_COLLAPSE_WIDTH_PX = 610;
-var AGENT_GUI_STANDALONE_AUTO_COLLAPSE_WIDTH_PX = AGENT_GUI_CONVERSATION_RAIL_MIN_WIDTH_PX + AGENT_GUI_HOME_COMPOSER_MIN_WIDTH_PX + AGENT_GUI_RAIL_RESIZE_HANDLE_WIDTH_PX + 52;
-var AGENT_GUI_EXPANDED_TARGET_WIDTH_PX = 800;
-function shouldAutoCollapseAgentGUIConversationRail(containerWidthPx, autoCollapseWidthPx = AGENT_GUI_AUTO_COLLAPSE_WIDTH_PX) {
-  return Number.isFinite(containerWidthPx) && containerWidthPx > 0 && containerWidthPx <= autoCollapseWidthPx;
-}
-function resolveAgentGUIConversationRailMaxWidthPx(containerWidthPx) {
-  const safeContainerWidth = Number.isFinite(containerWidthPx) && containerWidthPx > 0 ? containerWidthPx : AGENT_GUI_CONVERSATION_RAIL_DEFAULT_WIDTH_PX + AGENT_GUI_DETAIL_MIN_WIDTH_PX + AGENT_GUI_RAIL_RESIZE_HANDLE_WIDTH_PX;
-  return Math.max(
-    AGENT_GUI_CONVERSATION_RAIL_MIN_WIDTH_PX,
-    Math.min(
-      AGENT_GUI_CONVERSATION_RAIL_MAX_WIDTH_PX,
-      safeContainerWidth - AGENT_GUI_DETAIL_MIN_WIDTH_PX - AGENT_GUI_RAIL_RESIZE_HANDLE_WIDTH_PX
-    )
-  );
-}
-function clampAgentGUIConversationRailWidthPx(widthPx, containerWidthPx) {
-  const preferredWidthPx = typeof widthPx === "number" && Number.isFinite(widthPx) ? Math.round(widthPx) : null;
-  return clamp(
-    preferredWidthPx ?? AGENT_GUI_CONVERSATION_RAIL_DEFAULT_WIDTH_PX,
-    AGENT_GUI_CONVERSATION_RAIL_MIN_WIDTH_PX,
-    resolveAgentGUIConversationRailMaxWidthPx(containerWidthPx)
-  );
-}
-function resolveNextAgentGUIConversationRailWidthPx(input) {
-  const nextWidthPx = clampAgentGUIConversationRailWidthPx(
-    input.requestedWidthPx,
-    input.containerWidthPx
-  );
-  if (input.currentWidthPx === nextWidthPx) {
-    return input.currentWidthPx;
-  }
-  if (input.currentWidthPx === null || input.currentWidthPx === void 0) {
-    const defaultWidthPx = clampAgentGUIConversationRailWidthPx(
-      null,
-      input.containerWidthPx
-    );
-    if (nextWidthPx === defaultWidthPx) {
-      return null;
-    }
-  }
-  return nextWidthPx;
-}
-function resolveAgentGUIExpandedWindowFrame(input) {
-  const desiredRailWidthPx = clampAgentGUIConversationRailWidthPx(
-    input.conversationRailWidthPx,
-    AGENT_GUI_CONVERSATION_RAIL_MAX_WIDTH_PX + AGENT_GUI_DETAIL_MIN_WIDTH_PX + AGENT_GUI_RAIL_RESIZE_HANDLE_WIDTH_PX
-  );
-  const desiredWidthPx = Math.max(
-    Math.round(input.width),
-    desiredRailWidthPx + AGENT_GUI_DETAIL_MIN_WIDTH_PX + AGENT_GUI_RAIL_RESIZE_HANDLE_WIDTH_PX,
-    AGENT_GUI_EXPANDED_MIN_WIDTH_PX,
-    AGENT_GUI_EXPANDED_TARGET_WIDTH_PX
-  );
-  const desktopWidthPx = Number.isFinite(input.desktopSize.width) && input.desktopSize.width > 0 ? Math.round(input.desktopSize.width) : desiredWidthPx;
-  const nextWidthPx = Math.min(desiredWidthPx, desktopWidthPx);
-  const maxX = Math.max(0, desktopWidthPx - nextWidthPx);
-  const nextX = clamp(Math.round(input.position.x), 0, maxX);
-  return {
-    position: {
-      x: nextX,
-      y: input.position.y
-    },
-    size: {
-      width: nextWidthPx,
-      height: input.height
-    }
-  };
-}
-
 // workbench/AgentGuiWorkbenchReactiveHeader.tsx
 import { useMemo } from "react";
 
@@ -400,7 +322,7 @@ function stopPointerPropagation(event) {
 
 // workbench/header.ts
 var LazyAgentRichTextReadonly = lazy(
-  () => import("./AgentRichTextReadonly-56TZAJ47.js").then((module) => ({
+  () => import("./AgentRichTextReadonly-WZHUIARR.js").then((module) => ({
     default: module.AgentRichTextReadonly
   }))
 );
@@ -423,6 +345,7 @@ function AgentGuiWorkbenchHeader({
   providerRailWidthPx,
   primaryAccessory,
   secondaryAccessory,
+  toolSidebar,
   sessionMenuAdditionalActions,
   sessionMenuActions,
   conversationTitle,
@@ -450,6 +373,7 @@ function AgentGuiWorkbenchHeader({
   const hasExpandedIdentity = Boolean(
     collapsedTitle || sessionIconUrl || sessionIconFallbackUrl
   );
+  const resolvedSecondaryAccessory = toolSidebar?.actions ?? secondaryAccessory;
   const sessionMenu = onSessionAction && copy.sessionMenu && sessionTitle && !hasBodyRenderError ? createElement(AgentGuiWorkbenchSessionMenu, {
     actions: sessionMenuActions,
     additionalActions: sessionMenuAdditionalActions,
@@ -469,6 +393,12 @@ function AgentGuiWorkbenchHeader({
       "--agent-gui-workbench-header-rail-width": `${Math.round(
         conversationRailWidthPx + (typeof providerRailWidthPx === "number" && Number.isFinite(providerRailWidthPx) ? providerRailWidthPx : 0)
       )}px`
+    } : {},
+    ...toolSidebar ? {
+      "--agent-gui-tool-sidebar-layout-width": `${Math.max(
+        0,
+        Math.round(toolSidebar.layoutWidthPx)
+      )}px`
     } : {}
   };
   return createElement(
@@ -480,6 +410,7 @@ function AgentGuiWorkbenchHeader({
       "data-agent-gui-workbench-header-body-error": hasBodyRenderError ? "true" : "false",
       "data-agent-gui-workbench-header-collapsed": isConversationRailCollapsed ? "true" : "false",
       "data-agent-gui-workbench-header-has-session": sessionTitle ? "true" : "false",
+      "data-agent-gui-workbench-header-tool-sidebar": toolSidebar ? "true" : "false",
       style: headerStyle
     },
     createElement(
@@ -568,15 +499,15 @@ function AgentGuiWorkbenchHeader({
         ),
         sessionMenu
       ) : null,
-      isConversationRailCollapsed && secondaryAccessory ? createElement(
+      isConversationRailCollapsed && resolvedSecondaryAccessory ? createElement(
         "div",
         {
           className: "agent-gui-workbench-header__secondary-accessory"
         },
-        secondaryAccessory
+        resolvedSecondaryAccessory
       ) : null
     ),
-    !isConversationRailCollapsed && (hasExpandedIdentity || secondaryAccessory) ? createElement(
+    !isConversationRailCollapsed && (hasExpandedIdentity || resolvedSecondaryAccessory) ? createElement(
       "div",
       {
         className: "agent-gui-workbench-header__detail"
@@ -617,12 +548,12 @@ function AgentGuiWorkbenchHeader({
         ) : null,
         sessionMenu
       ) : null,
-      secondaryAccessory ? createElement(
+      resolvedSecondaryAccessory ? createElement(
         "div",
         {
           className: "agent-gui-workbench-header__secondary-accessory"
         },
-        secondaryAccessory
+        resolvedSecondaryAccessory
       ) : null
     ) : null
   );
@@ -925,7 +856,7 @@ var agentGuiWorkbenchDefaultUsableWidthRatio = 0.9;
 var agentGuiWorkbenchDefaultUsableHeightRatio = 0.9;
 var agentGuiWorkbenchCompactVisibleAreaRatio = 0.9;
 var agentGuiWorkbenchNewWindowCascadeOffset = { x: 180, y: 88 };
-var agentGuiWorkbenchProviderRailWidthPx = 52;
+var agentGuiWorkbenchProviderRailWidthPx = AGENT_GUI_PROVIDER_RAIL_WIDTH_PX;
 var agentGuiWorkbenchUnifiedDockTileProviders = [
   "codex",
   "claude-code",
@@ -964,7 +895,6 @@ function buildAgentGuiDockEntries(input) {
       launchPayload,
       order: input.order ?? 0,
       provider,
-      renderPreview: input.renderPreview,
       resolveDockPopupIdentity: input.resolveDockPopupIdentity,
       resolveDockPopupTitle: input.resolveDockPopupTitle,
       sectionId,
@@ -1023,15 +953,6 @@ function createAgentGuiWorkbenchDockEntry(input) {
     id: input.dockEntryId,
     label: input.label,
     order: input.order,
-    providePopupItemPreview: (item) => input.renderPreview ? createAgentGuiWorkbenchPreviewContent({
-      agentDirectory: input.agentDirectory,
-      item,
-      label: input.label,
-      provider: input.provider,
-      renderPreview: input.renderPreview,
-      resolveDockPopupIdentity: input.resolveDockPopupIdentity,
-      resolveDockPopupTitle: input.resolveDockPopupTitle
-    }) : null,
     resolvePopupItem: ({ externalNodeState }) => {
       const state = normalizeAgentGuiWorkbenchState(externalNodeState);
       const title = input.resolveDockPopupIdentity?.(state)?.title ?? input.resolveDockPopupTitle?.(state) ?? null;
@@ -1215,54 +1136,6 @@ function providerTargetLaunchPayloadFromRequest(payload, _expectedProvider) {
     agentTargetId: typeof agentTargetId === "string" && agentTargetId.trim() ? agentTargetId.trim() : typeof providerTargetId === "string" && providerTargetId.trim() ? providerTargetId.trim() : null
   };
 }
-function createAgentGuiWorkbenchPreviewContent(input) {
-  const { externalNodeState, node } = input.item;
-  const state = normalizeAgentGuiWorkbenchState(externalNodeState);
-  const title = input.resolveDockPopupIdentity?.(state)?.title ?? input.resolveDockPopupTitle?.(state) ?? node.title;
-  const agentTargetId = state.agentTargetId?.trim() ?? "";
-  const agent = input.agentDirectory.getSnapshot().agents.find((candidate) => candidate.agentTargetId === agentTargetId);
-  const provider = input.provider ?? agent?.provider ?? null;
-  const label = input.label ?? agent?.name ?? (provider ? resolveAgentGuiWorkbenchProviderLabel(provider) : node.title);
-  const lines = [label, state.lastActiveAgentSessionId].filter(
-    (line) => Boolean(line?.trim())
-  );
-  return {
-    element: input.renderPreview(
-      createAgentGuiWorkbenchPreviewBodyContext(input.item),
-      {
-        agentDirectory: input.agentDirectory,
-        nodeTypeId: agentGuiWorkbenchTypeId,
-        onStateChange: () => void 0,
-        agentTargetId: agentTargetId || null,
-        provider
-      }
-    ),
-    kind: "component",
-    revision: `${agentTargetId}
-${provider ?? ""}
-${title}
-${lines.join("\n")}`
-  };
-}
-function createAgentGuiWorkbenchPreviewBodyContext(input) {
-  return {
-    activation: null,
-    displayMode: input.node.displayMode,
-    externalNodeState: input.externalNodeState,
-    externalWorkspaceState: input.externalWorkspaceState,
-    focus: () => void 0,
-    host: input.host,
-    instanceId: input.node.data.instanceId,
-    instanceKey: input.node.data.instanceKey ?? null,
-    isDragging: false,
-    isFocused: false,
-    isResizing: false,
-    node: input.node,
-    previewViewport: input.previewViewport,
-    setNodeRuntimeState: () => void 0,
-    setSnapshotNodeState: () => void 0
-  };
-}
 
 // workbench/contribution.ts
 var AGENT_GUI_WORKBENCH_CONVERSATION_RAIL_TOGGLE_EVENT = "tutti:agent-gui-workbench-conversation-rail-toggle";
@@ -1281,7 +1154,6 @@ function createAgentGuiWorkbenchContribution(input) {
       dockIconUrls: input.dockIconUrls,
       label: copy.nodeTitle,
       providerAvailability: input.providerAvailability,
-      renderPreview: input.renderPreview,
       resolveDockPopupIdentity: input.resolveDockPopupIdentity,
       resolveDockPopupTitle: input.resolveDockPopupTitle,
       sectionId: input.dockSectionId ?? "agents",
@@ -1300,16 +1172,15 @@ function createAgentGuiWorkbenchContribution(input) {
           const workbenchState = normalizeAgentGuiWorkbenchState(
             migrateLegacyAgentGuiWorkbenchState(rawWorkbenchState)
           );
-          const isAutoCollapsed = shouldAutoCollapseAgentGUIConversationRail(
-            context.node.frame.width
-          );
-          if (workbenchState.conversationRailCollapsed === true || isAutoCollapsed) {
+          const railPresentation = resolveAgentGUIConversationRailPresentation({
+            containerWidthPx: context.node.frame.width,
+            conversationRailCollapsed: workbenchState.conversationRailCollapsed,
+            conversationRailWidthPx: workbenchState.conversationRailWidthPx
+          });
+          if (railPresentation.isCollapsed) {
             return "collapsed";
           }
-          return `expanded:${clampAgentGUIConversationRailWidthPx(
-            workbenchState.conversationRailWidthPx,
-            context.node.frame.width
-          )}`;
+          return `expanded:${railPresentation.conversationRailWidthPx}`;
         },
         instance: { mode: "multi" },
         onBodyRenderErrorChange: ({ hasError, node }) => {
@@ -1370,12 +1241,14 @@ function createAgentGuiWorkbenchContribution(input) {
             migratedWorkbenchState,
             provider
           );
-          const isConversationRailAutoCollapsed = shouldAutoCollapseAgentGUIConversationRail(node.frame.width);
-          const isConversationRailCollapsed = nodeState.conversationRailCollapsed === true || isConversationRailAutoCollapsed;
-          const conversationRailWidthPx = clampAgentGUIConversationRailWidthPx(
-            nodeState.conversationRailWidthPx,
-            node.frame.width
-          );
+          const railPresentation = resolveAgentGUIConversationRailPresentation({
+            containerWidthPx: node.frame.width,
+            conversationRailCollapsed: nodeState.conversationRailCollapsed,
+            conversationRailWidthPx: nodeState.conversationRailWidthPx
+          });
+          const isConversationRailAutoCollapsed = railPresentation.isAutoCollapsed;
+          const isConversationRailCollapsed = railPresentation.isCollapsed;
+          const conversationRailWidthPx = railPresentation.conversationRailWidthPx;
           const conversationIdentity = input.sessionEngine ? null : input.resolveDockPopupIdentity?.(workbenchState) ?? null;
           const conversationTitle = input.sessionEngine ? null : conversationIdentity?.title ?? input.resolveDockPopupTitle?.(workbenchState) ?? null;
           const hasConversation = Boolean(
@@ -1503,17 +1376,10 @@ function createAgentGuiWorkbenchContribution(input) {
           closable: true,
           defaultOpen: false,
           header: {
+            border: "none",
             layout: "overlay"
           },
-          minimizedDock: {
-            kind: "component",
-            providePreview: (item) => createAgentGuiWorkbenchPreviewContent({
-              agentDirectory: input.agentDirectory,
-              item,
-              renderPreview: input.renderMinimizedPreview,
-              resolveDockPopupTitle: input.resolveDockPopupTitle
-            })
-          },
+          minimizedDock: { kind: "snapshot" },
           minimizable: true
         }
       }
@@ -1636,16 +1502,6 @@ function hasAgentSessionId2(payload) {
 
 export {
   resolveAgentGuiSessionProviderFlatIconUrl,
-  AGENT_GUI_CONVERSATION_RAIL_MIN_WIDTH_PX,
-  AGENT_GUI_DETAIL_MIN_WIDTH_PX,
-  AGENT_GUI_COLLAPSED_MIN_WIDTH_PX,
-  AGENT_GUI_STANDALONE_AUTO_COLLAPSE_WIDTH_PX,
-  AGENT_GUI_EXPANDED_TARGET_WIDTH_PX,
-  shouldAutoCollapseAgentGUIConversationRail,
-  resolveAgentGUIConversationRailMaxWidthPx,
-  clampAgentGUIConversationRailWidthPx,
-  resolveNextAgentGUIConversationRailWidthPx,
-  resolveAgentGUIExpandedWindowFrame,
   resolveAgentGuiWorkbenchConversationIdentity,
   agentGuiWorkbenchConversationIdentitiesEqual,
   AgentGuiWorkbenchHeader,
@@ -1663,10 +1519,9 @@ export {
   resolveAgentGuiUnifiedDockLaunchPayload,
   resolveAgentGuiWorkbenchDefaultLaunchFrame,
   resolveAgentGuiWorkbenchContributionCopy,
-  createAgentGuiWorkbenchPreviewContent,
   AGENT_GUI_WORKBENCH_CONVERSATION_RAIL_TOGGLE_EVENT,
   AGENT_GUI_WORKBENCH_NEW_CONVERSATION_EVENT,
   AGENT_GUI_WORKBENCH_OPEN_EXTERNAL_IMPORT_EVENT,
   createAgentGuiWorkbenchContribution
 };
-//# sourceMappingURL=chunk-GUD5NOHO.js.map
+//# sourceMappingURL=chunk-O4QFGCLU.js.map