@inf-monkeys-tech/monkeys-design 1.0.76 → 1.0.77

package/dist/components/agent-workbench/index.d.mts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AgentWorkbenchComposerViewModel, AgentSessionPermissionProfile, AgentWorkbenchQuickStartViewModel, AgentSessionViewModel, AgentSessionEvent } from '@inf-monkeys-tech/monkeys';
 export { AgentWorkbenchQuickStartCategory, AgentWorkbenchQuickStartIcon, AgentWorkbenchQuickStartSection, AgentWorkbenchQuickStartTemplate, AgentWorkbenchQuickStartViewModel } from '@inf-monkeys-tech/monkeys';
-import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-36bc59186950.mjs';
-export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, L as AgentWorkbenchApproval, M as AgentWorkbenchApprovalData, N as AgentWorkbenchApprovalProps, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, O as AgentWorkbenchExploreCardMedia, P as AgentWorkbenchExploreCardMediaProps, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, Q as AgentWorkbenchExploreMediaTreatment, R as AgentWorkbenchExploreMediaVariant, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchShell, r as AgentWorkbenchShellClassNames, s as AgentWorkbenchShellProps, t as AgentWorkbenchSidebar, u as AgentWorkbenchSidebarClassNames, v as AgentWorkbenchSidebarContainer, w as AgentWorkbenchSidebarContainerBodyProps, x as AgentWorkbenchSidebarContainerClassNames, y as AgentWorkbenchSidebarContainerProps, z as AgentWorkbenchSidebarIntent, B as AgentWorkbenchSidebarProps, C as AgentWorkbenchTaskDetails, D as AgentWorkbenchTaskDetailsClassNames, E as AgentWorkbenchTaskDetailsProps, F as AgentWorkbenchTerminalModel, G as AgentWorkbenchTool, H as AgentWorkbenchToolClassNames, I as AgentWorkbenchToolProps, J as createAgentWorkbenchActivityModel, K as createAgentWorkbenchDetailsModel } from '../../details-model-36bc59186950.mjs';
+import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-90adf27b0674.mjs';
+export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, L as AgentWorkbenchApproval, M as AgentWorkbenchApprovalData, N as AgentWorkbenchApprovalProps, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, O as AgentWorkbenchExploreCardMedia, P as AgentWorkbenchExploreCardMediaProps, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, Q as AgentWorkbenchExploreMediaTreatment, R as AgentWorkbenchExploreMediaVariant, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchShell, r as AgentWorkbenchShellClassNames, s as AgentWorkbenchShellProps, t as AgentWorkbenchSidebar, u as AgentWorkbenchSidebarClassNames, v as AgentWorkbenchSidebarContainer, w as AgentWorkbenchSidebarContainerBodyProps, x as AgentWorkbenchSidebarContainerClassNames, y as AgentWorkbenchSidebarContainerProps, z as AgentWorkbenchSidebarIntent, B as AgentWorkbenchSidebarProps, C as AgentWorkbenchTaskDetails, D as AgentWorkbenchTaskDetailsClassNames, E as AgentWorkbenchTaskDetailsProps, F as AgentWorkbenchTerminalModel, G as AgentWorkbenchTool, H as AgentWorkbenchToolClassNames, I as AgentWorkbenchToolProps, J as createAgentWorkbenchActivityModel, K as createAgentWorkbenchDetailsModel } from '../../details-model-90adf27b0674.mjs';
 import * as React from 'react';
 import { ReactNode, HTMLAttributes, ButtonHTMLAttributes, ComponentType } from 'react';
 type AgentWorkbenchComposerIntent = {

package/dist/components/agent-workbench/index.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AgentWorkbenchComposerViewModel, AgentSessionPermissionProfile, AgentWorkbenchQuickStartViewModel, AgentSessionViewModel, AgentSessionEvent } from '@inf-monkeys-tech/monkeys';
 export { AgentWorkbenchQuickStartCategory, AgentWorkbenchQuickStartIcon, AgentWorkbenchQuickStartSection, AgentWorkbenchQuickStartTemplate, AgentWorkbenchQuickStartViewModel } from '@inf-monkeys-tech/monkeys';
-import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-36bc59186950.js';
-export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, L as AgentWorkbenchApproval, M as AgentWorkbenchApprovalData, N as AgentWorkbenchApprovalProps, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, O as AgentWorkbenchExploreCardMedia, P as AgentWorkbenchExploreCardMediaProps, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, Q as AgentWorkbenchExploreMediaTreatment, R as AgentWorkbenchExploreMediaVariant, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchShell, r as AgentWorkbenchShellClassNames, s as AgentWorkbenchShellProps, t as AgentWorkbenchSidebar, u as AgentWorkbenchSidebarClassNames, v as AgentWorkbenchSidebarContainer, w as AgentWorkbenchSidebarContainerBodyProps, x as AgentWorkbenchSidebarContainerClassNames, y as AgentWorkbenchSidebarContainerProps, z as AgentWorkbenchSidebarIntent, B as AgentWorkbenchSidebarProps, C as AgentWorkbenchTaskDetails, D as AgentWorkbenchTaskDetailsClassNames, E as AgentWorkbenchTaskDetailsProps, F as AgentWorkbenchTerminalModel, G as AgentWorkbenchTool, H as AgentWorkbenchToolClassNames, I as AgentWorkbenchToolProps, J as createAgentWorkbenchActivityModel, K as createAgentWorkbenchDetailsModel } from '../../details-model-36bc59186950.js';
+import { d as AgentWorkbenchApprovalIntent, e as AgentWorkbenchArtifactIntent } from '../../details-model-90adf27b0674.js';
+export { A as AgentWorkbenchActivity, a as AgentWorkbenchActivityClassNames, b as AgentWorkbenchActivityModel, c as AgentWorkbenchActivityProps, L as AgentWorkbenchApproval, M as AgentWorkbenchApprovalData, N as AgentWorkbenchApprovalProps, f as AgentWorkbenchDetailsIntent, g as AgentWorkbenchDetailsModel, h as AgentWorkbenchDetailsState, i as AgentWorkbenchDetailsTab, j as AgentWorkbenchEventOf, O as AgentWorkbenchExploreCardMedia, P as AgentWorkbenchExploreCardMediaProps, k as AgentWorkbenchExploreGroup, l as AgentWorkbenchExploreItem, Q as AgentWorkbenchExploreMediaTreatment, R as AgentWorkbenchExploreMediaVariant, m as AgentWorkbenchExploreSidebar, n as AgentWorkbenchExploreSidebarIntent, o as AgentWorkbenchExploreSidebarLabels, p as AgentWorkbenchExploreSidebarProps, q as AgentWorkbenchShell, r as AgentWorkbenchShellClassNames, s as AgentWorkbenchShellProps, t as AgentWorkbenchSidebar, u as AgentWorkbenchSidebarClassNames, v as AgentWorkbenchSidebarContainer, w as AgentWorkbenchSidebarContainerBodyProps, x as AgentWorkbenchSidebarContainerClassNames, y as AgentWorkbenchSidebarContainerProps, z as AgentWorkbenchSidebarIntent, B as AgentWorkbenchSidebarProps, C as AgentWorkbenchTaskDetails, D as AgentWorkbenchTaskDetailsClassNames, E as AgentWorkbenchTaskDetailsProps, F as AgentWorkbenchTerminalModel, G as AgentWorkbenchTool, H as AgentWorkbenchToolClassNames, I as AgentWorkbenchToolProps, J as createAgentWorkbenchActivityModel, K as createAgentWorkbenchDetailsModel } from '../../details-model-90adf27b0674.js';
 import * as React from 'react';
 import { ReactNode, HTMLAttributes, ButtonHTMLAttributes, ComponentType } from 'react';
 type AgentWorkbenchComposerIntent = {

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

@@ -15,6 +15,7 @@ var TabsPrimitive = require('@radix-ui/react-tabs');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var classVarianceAuthority = require('class-variance-authority');
 var SelectPrimitive = require('@radix-ui/react-select');
+var monkeys = require('@inf-monkeys-tech/monkeys');
 var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
@@ -1610,7 +1611,8 @@ function SessionActions({
 }
 function AgentWorkbenchSidebar({
   viewModel,
-  navigationMode = "agents-and-sessions",
+  navigationMode,
+  config,
   header,
   headerActions,
   footer,
@@ -1620,7 +1622,11 @@ function AgentWorkbenchSidebar({
 }) {
   const { locale } = useMonkeysLocale();
   const messages = useMonkeysLocaleMessages().agentWorkbench.navigation;
-  const sessionsOnly = navigationMode === "sessions-only";
+  const resolvedConfig = React5.useMemo(() => monkeys.resolveAgentWorkbenchSidebarConfig(config), [config]);
+  const visibleSections = React5.useMemo(() => new Set(resolvedConfig.visibleSections), [resolvedConfig.visibleSections]);
+  const sessionsOnly = navigationMode === "sessions-only" || navigationMode === void 0 && resolvedConfig.navigationMode !== "default";
+  const showAgents = visibleSections.has("agents") && !sessionsOnly;
+  const showSessions = visibleSections.has("sessions");
   const searchRef = React5.useRef(null);
   const renameInputRef = React5.useRef(null);
   const [editingSessionId, setEditingSessionId] = React5.useState();
@@ -1720,7 +1726,7 @@ function AgentWorkbenchSidebar({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Tabs,
     {
-      value: sessionsOnly ? "sessions" : viewModel.activeTab,
+      value: sessionsOnly || !showAgents ? "sessions" : viewModel.activeTab,
       onValueChange: (value) => {
         if (!sessionsOnly && (value === "agents" || value === "sessions")) onIntent?.({ type: "change-tab", tab: value });
       },
@@ -1728,9 +1734,10 @@ function AgentWorkbenchSidebar({
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         AgentWorkbenchSidebarContainer,
         {
+          "data-sidebar-width-percent": resolvedConfig.widthPercent,
           "aria-label": messages.tabsLabel,
-          header,
-          search: /* @__PURE__ */ jsxRuntime.jsxs(InputGroup, { className: cn2("h-10 rounded-lg bg-card", classNames?.search), children: [
+          header: visibleSections.has("header") ? header : void 0,
+          search: visibleSections.has("search") ? /* @__PURE__ */ jsxRuntime.jsxs(InputGroup, { className: cn2("h-10 rounded-lg bg-card", classNames?.search), children: [
             /* @__PURE__ */ jsxRuntime.jsx(InputGroupAddon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "size-4", "aria-hidden": "true" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               InputGroupInput,
@@ -1750,15 +1757,15 @@ function AgentWorkbenchSidebar({
               }
             ),
             viewModel.searchQuery ? /* @__PURE__ */ jsxRuntime.jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsxRuntime.jsx(InputGroupButton, { size: "icon-xs", "aria-label": messages.clearSearch, onClick: () => onIntent?.({ type: "change-search", query: "" }), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5", "aria-hidden": "true" }) }) }) : /* @__PURE__ */ jsxRuntime.jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "border border-border px-1.5 py-0.5 text-[10px]", children: "Ctrl K" }) })
-          ] }),
-          actions: !sessionsOnly || headerActions ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            !sessionsOnly ? /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: cn2("grid min-w-0 flex-1 grid-cols-2 text-foreground", classNames?.tabs), "aria-label": messages.tabsLabel, children: [
+          ] }) : void 0,
+          actions: showAgents && showSessions || headerActions ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            showAgents && showSessions ? /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: cn2("grid min-w-0 flex-1 grid-cols-2 text-foreground", classNames?.tabs), "aria-label": messages.tabsLabel, children: [
               /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "agents", children: messages.agents }),
               /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "sessions", children: messages.sessions })
             ] }) : null,
             headerActions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center", children: headerActions }) : null
           ] }) : void 0,
-          footer: !sessionsOnly && viewModel.capabilities.manageAgentSettings || footer ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn2("border-t border-border p-4", classNames?.footer), children: [
+          footer: visibleSections.has("footer") && (!sessionsOnly && viewModel.capabilities.manageAgentSettings || footer) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn2("border-t border-border p-4", classNames?.footer), children: [
             !sessionsOnly && viewModel.capabilities.manageAgentSettings ? /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", variant: "ghost", className: "h-10 w-full justify-start gap-2 px-3 text-sm", onClick: () => onIntent?.({ type: "open-agent-settings" }), children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "size-4", "aria-hidden": "true" }),
               messages.settings
@@ -1769,7 +1776,7 @@ function AgentWorkbenchSidebar({
           className,
           classNames: { root: classNames?.root, body: "flex min-h-0 flex-1 flex-col p-0" },
           children: [
-            !sessionsOnly ? /* @__PURE__ */ jsxRuntime.jsxs(TabsContent, { value: "agents", "data-agent-workbench-scroll-region": true, className: cn2("mt-0 min-h-0 flex-1 overflow-x-hidden overflow-y-auto overscroll-contain px-4 pb-4", classNames?.body), children: [
+            showAgents ? /* @__PURE__ */ jsxRuntime.jsxs(TabsContent, { value: "agents", "data-agent-workbench-scroll-region": true, className: cn2("mt-0 min-h-0 flex-1 overflow-x-hidden overflow-y-auto overscroll-contain px-4 pb-4", classNames?.body), children: [
               viewModel.capabilities.createAgent ? /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", variant: "ghost", className: "mb-3 h-9 w-full justify-start gap-2 px-3 text-sm", onClick: () => onIntent?.({ type: "create-agent" }), children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-4", "aria-hidden": "true" }),
                 messages.newAgent
@@ -1817,8 +1824,8 @@ function AgentWorkbenchSidebar({
                 item.id
               )) })
             ] }) : null,
-            /* @__PURE__ */ jsxRuntime.jsxs(TabsContent, { value: "sessions", "data-agent-workbench-scroll-region": true, className: cn2("mt-0 min-h-0 flex-1 overflow-x-hidden overflow-y-auto overscroll-contain px-4 pb-4", classNames?.body), children: [
-              viewModel.capabilities.createSession ? /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", variant: "ghost", className: "h-9 w-full justify-start gap-2 px-3 text-sm", onClick: () => onIntent?.({ type: "create-session" }), children: [
+            showSessions ? /* @__PURE__ */ jsxRuntime.jsxs(TabsContent, { value: "sessions", "data-agent-workbench-scroll-region": true, className: cn2("mt-0 min-h-0 flex-1 overflow-x-hidden overflow-y-auto overscroll-contain px-4 pb-4", classNames?.body), children: [
+              visibleSections.has("new-session") && viewModel.capabilities.createSession ? /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", variant: "ghost", className: "h-9 w-full justify-start gap-2 px-3 text-sm", onClick: () => onIntent?.({ type: "create-session" }), children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquarePen, { className: "size-4", "aria-hidden": "true" }),
                 messages.newSession
               ] }) : null,
@@ -1838,7 +1845,7 @@ function AgentWorkbenchSidebar({
                 ] }),
                 renderSessionItems(items)
               ] }, id)) }) : !sessionsOnly ? renderSessionItems(sessions) : null
-            ] })
+            ] }) : null
           ]
         }
       )
@@ -1896,7 +1903,8 @@ function AgentWorkbenchExploreCardMedia({
 }
 function AgentWorkbenchExploreSidebar({
   sessions,
-  groups,
+  groups: configuredGroups,
+  config,
   labels,
   selectedSessionId,
   searchQuery = "",
@@ -1913,8 +1921,15 @@ function AgentWorkbenchExploreSidebar({
 }) {
   const navigationMessages = useMonkeysLocaleMessages().agentWorkbench.navigation;
   const searchRef = React5.useRef(null);
+  const resolvedConfig = React5.useMemo(() => monkeys.resolveAgentWorkbenchSidebarConfig(config), [config]);
+  const visibleSections = React5.useMemo(
+    () => new Set(resolvedConfig.visibleSections),
+    [resolvedConfig.visibleSections]
+  );
+  const groups = configuredGroups?.length ? configuredGroups : resolvedConfig.groups;
+  const resolvedDefaultGroupId = defaultGroupId ?? resolvedConfig.defaultGroupId;
   const [activeGroupId, setActiveGroupId] = React5.useState(
-    defaultGroupId ?? groups[0]?.id ?? ""
+    resolvedDefaultGroupId ?? groups[0]?.id ?? ""
   );
   const activeGroup = groups.find((group) => group.id === activeGroupId) ?? groups[0];
   const normalizedQuery = searchQuery.trim().toLocaleLowerCase();
@@ -1927,8 +1942,8 @@ function AgentWorkbenchExploreSidebar({
   );
   React5.useEffect(() => {
     if (groups.some((group) => group.id === activeGroupId)) return;
-    setActiveGroupId(defaultGroupId ?? groups[0]?.id ?? "");
-  }, [activeGroupId, defaultGroupId, groups]);
+    setActiveGroupId(resolvedDefaultGroupId ?? groups[0]?.id ?? "");
+  }, [activeGroupId, groups, resolvedDefaultGroupId]);
   React5.useEffect(() => {
     const handleShortcut = (event) => {
       if (!(event.ctrlKey || event.metaKey) || event.key.toLocaleLowerCase() !== "k")
@@ -1944,8 +1959,8 @@ function AgentWorkbenchExploreSidebar({
     setActiveGroupId(groupId);
     onIntent?.({ type: "change-group", groupId });
   };
-  const state = error ? "error" : loading && sessions.length === 0 ? "loading" : filteredSessions.length === 0 && !draftVisible ? "empty" : "ready";
-  const groupNavigation = activeGroup ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border px-4 pb-4 pt-3", children: /* @__PURE__ */ jsxRuntime.jsxs(Tabs, { value: activeGroup.id, onValueChange: changeGroup, children: [
+  const state = !visibleSections.has("sessions") ? "ready" : error ? "error" : loading && sessions.length === 0 ? "loading" : filteredSessions.length === 0 && !draftVisible ? "empty" : "ready";
+  const groupNavigation = visibleSections.has("groups") && activeGroup ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border px-4 pb-4 pt-3", children: /* @__PURE__ */ jsxRuntime.jsxs(Tabs, { value: activeGroup.id, onValueChange: changeGroup, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       TabsList,
       {
@@ -1979,9 +1994,10 @@ function AgentWorkbenchExploreSidebar({
     AgentWorkbenchSidebarContainer,
     {
       "data-sidebar-style": "explore",
+      "data-sidebar-width-percent": resolvedConfig.widthPercent,
       "aria-label": labels.navigation,
-      header,
-      search: /* @__PURE__ */ jsxRuntime.jsxs(InputGroup, { className: "h-12 rounded-[var(--radius)] border-border bg-card text-foreground", children: [
+      header: visibleSections.has("header") ? header : void 0,
+      search: visibleSections.has("search") ? /* @__PURE__ */ jsxRuntime.jsxs(InputGroup, { className: "h-12 rounded-[var(--radius)] border-border bg-card text-foreground", children: [
         /* @__PURE__ */ jsxRuntime.jsx(InputGroupAddon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           InputGroupInput,
@@ -1996,8 +2012,8 @@ function AgentWorkbenchExploreSidebar({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "rounded-sm border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground", children: "Ctrl K" }) })
-      ] }),
-      primaryAction: /* @__PURE__ */ jsxRuntime.jsxs(
+      ] }) : void 0,
+      primaryAction: visibleSections.has("new-session") ? /* @__PURE__ */ jsxRuntime.jsxs(
         Button,
         {
           type: "button",
@@ -2008,9 +2024,9 @@ function AgentWorkbenchExploreSidebar({
             labels.newSession
           ]
         }
-      ),
+      ) : void 0,
       groups: groupNavigation,
-      footer,
+      footer: visibleSections.has("footer") ? footer : void 0,
       status: state,
       loadingState: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-24 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-5 animate-spin" }) }),
       emptyState: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-8 text-center text-sm text-muted-foreground", children: normalizedQuery ? labels.noResults : labels.emptySessions }),
@@ -2025,7 +2041,7 @@ function AgentWorkbenchExploreSidebar({
       bodyProps: { "data-agent-workbench-session-scroll-region": "" },
       className,
       classNames: { body: "min-h-[160px] flex-[0_1_280px] px-4 pb-3" },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      children: visibleSections.has("sessions") ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
         draftVisible ? /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -2083,7 +2099,7 @@ function AgentWorkbenchExploreSidebar({
           },
           session.id
         ))
-      ] })
+      ] }) : null
     }
   );
 }