@inf-monkeys-tech/monkeys-design 1.0.92 → 1.0.93

package/dist/components/agent-workbench/index.mjs

@@ -4472,6 +4472,7 @@ function AgentWorkbenchShell({
   children,
   details,
   sidebarOpen = true,
+  sidebarDefaultOpen = true,
   detailsOpen = true,
   onDetailsOpenChange,
   sidebarWidth = 280,
@@ -4519,6 +4520,7 @@ function AgentWorkbenchShell({
   );
   const [sidebarOverlayOpen, setSidebarOverlayOpen] = useState(false);
   const [detailsOverlayOpen, setDetailsOverlayOpen] = useState(false);
+  const [sidebarExpanded, setSidebarExpanded] = useState(sidebarDefaultOpen);
   const rememberReturnFocus = useCallback(
     (region, candidate = document.activeElement) => {
       if (!(candidate instanceof HTMLElement) || candidate === document.body || candidate === document.documentElement) {
@@ -4543,6 +4545,7 @@ function AgentWorkbenchShell({
       setSidebarPixelWidth(storedWidths.sidebar ?? sidebarWidth);
     }
   }, [sidebarWidth, storedWidths.sidebar]);
+  useEffect(() => setSidebarExpanded(sidebarDefaultOpen), [sidebarDefaultOpen]);
   useEffect(() => {
     if (typeof detailsWidth === "number") {
       setDetailsPixelWidth(storedWidths.details ?? detailsWidth);
@@ -4592,7 +4595,8 @@ function AgentWorkbenchShell({
   useEffect(() => onLayoutChange?.(layout), [layout, onLayoutChange]);
   const hasSidebar = sidebar !== void 0 && sidebarOpen;
   const hasDetails = details !== void 0 && detailsOpen;
-  const inlineSidebar = hasSidebar && (layout === "wide" || layout === "compact");
+  const sidebarUsesOverlay = layout === "drawer" || layout === "mobile";
+  const inlineSidebar = hasSidebar && sidebarExpanded && !sidebarUsesOverlay;
   const inlineDetails = hasDetails && layout === "wide";
   const resolvedSidebarMax = Math.max(
     sidebarMinWidth,
@@ -4736,9 +4740,10 @@ function AgentWorkbenchShell({
     gridTemplateColumns: inlineSidebar && inlineDetails ? "var(--agent-workbench-sidebar-width) minmax(0, 1fr) var(--agent-workbench-details-width)" : inlineSidebar ? "var(--agent-workbench-sidebar-width) minmax(0, 1fr)" : inlineDetails ? "minmax(0, 1fr) var(--agent-workbench-details-width)" : "minmax(0, 1fr)",
     ...style
   };
-  const sidebarOverlay = hasSidebar && !inlineSidebar;
+  const sidebarOverlay = hasSidebar && sidebarUsesOverlay;
+  const sidebarRestoreControl = hasSidebar && !sidebarExpanded && !sidebarUsesOverlay;
   const detailsOverlay = hasDetails && !inlineDetails;
-  const showControls = responsive && showResponsiveControls && (sidebarOverlay || detailsOverlay);
+  const showControls = responsive && showResponsiveControls && (sidebarOverlay || sidebarRestoreControl || detailsOverlay);
   const mobilePanel = layout === "mobile";
   const controlSize = mobilePanel ? "size-11" : "size-9";
   const panelCloseClass = mobilePanel ? "[&>button]:flex [&>button]:size-11 [&>button]:items-center [&>button]:justify-center" : "";
@@ -4755,6 +4760,7 @@ function AgentWorkbenchShell({
       "data-agent-workbench-layout": layout,
       "data-agent-workbench-low-height": lowHeight ? "true" : "false",
       "data-sidebar-open": hasSidebar ? "true" : "false",
+      "data-sidebar-expanded": sidebarExpanded ? "true" : "false",
       "data-sidebar-presentation": inlineSidebar ? "inline" : sidebarOverlay ? "overlay" : "hidden",
       "data-details-open": hasDetails ? "true" : "false",
       "data-details-presentation": inlineDetails ? "inline" : detailsOverlay ? "overlay" : "hidden",
@@ -4795,7 +4801,7 @@ function AgentWorkbenchShell({
                     classNames?.controls
                   ),
                   children: [
-                    sidebarOverlay ? /* @__PURE__ */ jsx(
+                    sidebarOverlay || sidebarRestoreControl ? /* @__PURE__ */ jsx(
                       "button",
                       {
                         type: "button",
@@ -4804,8 +4810,12 @@ function AgentWorkbenchShell({
                           controlSize
                         ),
                         "aria-label": labels?.openSidebar ?? "Open navigation",
-                        "aria-expanded": sidebarOverlayOpen,
+                        "aria-expanded": sidebarRestoreControl ? sidebarExpanded : sidebarOverlayOpen,
                         onClick: (event) => {
+                          if (sidebarRestoreControl) {
+                            setSidebarExpanded(true);
+                            return;
+                          }
                           rememberReturnFocus("sidebar", event.currentTarget);
                           requestOverlay("sidebar");
                           setSidebarOverlayOpen(true);