@mastra/playground-ui 57.0.0 → 58.0.0-alpha.1

package/dist/components/JSONSchemaForm.es.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { c as cn } from '../cn-65Adrsfj.js';
-import { T as TextFieldBlock } from '../text-field-block-Cihf0IRw.js';
+import { T as TextFieldBlock } from '../text-field-block-DGIM1i3Z.js';
 import { Type, Hash, ToggleLeft, AlignLeft, Braces, List, Trash2Icon, Plus } from 'lucide-react';
-import { S as SelectFieldBlock } from '../select-field-block-D_b9N7od.js';
+import { S as SelectFieldBlock } from '../select-field-block-BfiHq9t6.js';
 import { Icon } from '../icons/Icon.es.js';
 import { C as Checkbox } from '../checkbox-CQedzgsi.js';
-import { B as Button } from '../Button-KUj0U-5I.js';
+import { B as Button } from '../Button-B8nF87ai.js';
 
 const JSONSchemaFormContext = React.createContext(null);
 function JSONSchemaFormProvider({

package/dist/components/ListSearch.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const listSearch = require('../list-search-DhReauU5.cjs');
+const listSearch = require('../list-search-S1mco9Bl.cjs');
 
 
 

package/dist/components/ListSearch.es.js

@@ -1,2 +1,2 @@
-export { L as ListSearch } from '../list-search-DK2yMiME.js';
+export { L as ListSearch } from '../list-search-FJ1O5F3S.js';
 //# sourceMappingURL=ListSearch.es.js.map

package/dist/components/LogsDataList.cjs.js

@@ -2,10 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const logsDataList = require('../logs-data-list-DgoCLb6k.cjs');
+const logsDataList = require('../logs-data-list-BGJTRyO_.cjs');
 const dataListSkeleton = require('../data-list-skeleton-K_WmrVke.cjs');
-require('react');
-require('../keyboard/keyboard-shortcuts-context.cjs.js');
 
 
 

package/dist/components/LogsDataList.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogsDataList.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"LogsDataList.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/LogsDataList.es.js

@@ -1,5 +1,3 @@
-export { L as LogsDataList } from '../logs-data-list-B24gfDle.js';
+export { L as LogsDataList } from '../logs-data-list-XU1hCwI5.js';
 export { D as LogsDataListSkeleton } from '../data-list-skeleton-h4pILqCC.js';
-import 'react';
-import '../keyboard/keyboard-shortcuts-context.es.js';
 //# sourceMappingURL=LogsDataList.es.js.map

package/dist/components/LogsDataList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogsDataList.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"LogsDataList.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/MainSidebar.cjs.js

@@ -2,18 +2,132 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const mainSidebar = require('../main-sidebar-DYfRxFn4.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
+const mainSidebarLinkActive = require('../main-sidebar-link-active-UEuukSeT.cjs');
+const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
+const React = require('react');
 
+function MainSidebarBottom({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("mt-auto", className), ...props, children });
+}
 
+function MainSidebarNavHeader({
+  children,
+  className,
+  state: stateProp,
+  href,
+  isActive,
+  LinkComponent: LinkProp,
+  ...props
+}) {
+  const ctx = mainSidebarLinkActive.useMaybeSidebarState();
+  const state = stateProp ?? ctx?.state ?? "default";
+  const isMobile = ctx?.isMobile ?? false;
+  const Link = LinkProp ?? ctx?.LinkComponent ?? "a";
+  const showTitle = state === "default" && !isMobile;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("mt-2 mb-0.5 flex min-h-8 min-w-0 items-center", className), children: showTitle ? /* @__PURE__ */ jsxRuntime.jsx(
+    "header",
+    {
+      ...props,
+      className: utils_cn.cn("max-w-full min-w-0 truncate pl-3 text-column", {
+        "text-foreground": isActive,
+        "text-muted-foreground/70": !isActive
+      }),
+      children: href ? /* @__PURE__ */ jsxRuntime.jsx(
+        Link,
+        {
+          href,
+          className: utils_cn.cn("block min-w-0 truncate transition-colors duration-normal", {
+            "hover:text-foreground": !isActive,
+            "text-foreground": isActive
+          }),
+          children
+        }
+      ) : children
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("header", { ...props, children }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: "mx-3 h-px flex-1 bg-border" })
+  ] }) });
+}
 
-exports.MainSidebar = mainSidebar.MainSidebar;
-exports.MainSidebarMobileTrigger = mainSidebar.MainSidebarMobileTrigger;
-exports.MainSidebarProvider = mainSidebar.MainSidebarProvider;
-exports.MainSidebarTrigger = mainSidebar.MainSidebarTrigger;
-exports.getIsLinkActive = mainSidebar.getIsLinkActive;
-exports.navItemClasses = mainSidebar.navItemClasses;
-exports.useMainSidebar = mainSidebar.useMainSidebar;
-exports.useMaybeSidebar = mainSidebar.useMaybeSidebar;
-exports.useMaybeSidebarState = mainSidebar.useMaybeSidebarState;
-exports.useMobileDrawer = mainSidebar.useMobileDrawer;
+function getLinkKey(link) {
+  return `${link.url}:${link.name}`;
+}
+function MainSidebarSectionLink({ link, activeCandidates, level = 0, isActive }) {
+  const childLinks = link.children ?? [];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    mainSidebarLinkActive.MainSidebarNavLink,
+    {
+      link,
+      isActive: isActive?.(link, activeCandidates) ?? link.isActive,
+      level,
+      subItems: childLinks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(mainSidebarLinkActive.MainSidebarNavList, { className: "mt-0.5", children: childLinks.map((child) => /* @__PURE__ */ jsxRuntime.jsx(
+        MainSidebarSectionLink,
+        {
+          link: child,
+          activeCandidates,
+          level: level + 1,
+          isActive
+        },
+        getLinkKey(child)
+      )) }) : null
+    }
+  );
+}
+function MainSidebarSections({ sections, isActive, className }) {
+  const baseId = React.useId();
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: sections.map((section) => {
+    const showSeparator = section.links.length > 0 && section.separator;
+    const headerId = section.title ? `${baseId}-${section.key}` : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      mainSidebarLinkActive.MainSidebarNavSection,
+      {
+        className,
+        "aria-labelledby": headerId,
+        "aria-label": !headerId ? section.key : void 0,
+        children: [
+          showSeparator ? /* @__PURE__ */ jsxRuntime.jsx(mainSidebarLinkActive.MainSidebarNavSeparator, {}) : null,
+          section.title ? /* @__PURE__ */ jsxRuntime.jsx(MainSidebarNavHeader, { id: headerId, href: section.href, isActive: section.isHeaderActive, children: section.title }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(mainSidebarLinkActive.MainSidebarNavList, { children: section.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+            MainSidebarSectionLink,
+            {
+              link,
+              activeCandidates: section.links,
+              isActive
+            },
+            getLinkKey(link)
+          )) })
+        ]
+      },
+      section.key
+    );
+  }) });
+}
+
+const MainSidebar = Object.assign(mainSidebarLinkActive.MainSidebarRoot, {
+  Bottom: MainSidebarBottom,
+  Nav: mainSidebarLinkActive.MainSidebarNav,
+  NavSection: mainSidebarLinkActive.MainSidebarNavSection,
+  NavLink: mainSidebarLinkActive.MainSidebarNavLink,
+  NavLabel: mainSidebarLinkActive.MainSidebarNavLabel,
+  NavHeader: MainSidebarNavHeader,
+  NavList: mainSidebarLinkActive.MainSidebarNavList,
+  NavSeparator: mainSidebarLinkActive.MainSidebarNavSeparator,
+  Sections: MainSidebarSections,
+  Trigger: mainSidebarLinkActive.MainSidebarTrigger,
+  MobileTrigger: mainSidebarLinkActive.MainSidebarMobileTrigger
+});
+
+exports.MainSidebarMobileTrigger = mainSidebarLinkActive.MainSidebarMobileTrigger;
+exports.MainSidebarProvider = mainSidebarLinkActive.MainSidebarProvider;
+exports.MainSidebarTrigger = mainSidebarLinkActive.MainSidebarTrigger;
+exports.getIsLinkActive = mainSidebarLinkActive.getIsLinkActive;
+exports.navItemClasses = mainSidebarLinkActive.navItemClasses;
+exports.useMainSidebar = mainSidebarLinkActive.useMainSidebar;
+exports.useMaybeSidebar = mainSidebarLinkActive.useMaybeSidebar;
+exports.useMaybeSidebarState = mainSidebarLinkActive.useMaybeSidebarState;
+exports.useMobileDrawer = mainSidebarLinkActive.useMobileDrawer;
+exports.MainSidebar = MainSidebar;
 //# sourceMappingURL=MainSidebar.cjs.js.map

package/dist/components/MainSidebar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainSidebar.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MainSidebar.cjs.js","sources":["../../src/ds/components/MainSidebar/main-sidebar-bottom.tsx","../../src/ds/components/MainSidebar/main-sidebar-nav-header.tsx","../../src/ds/components/MainSidebar/main-sidebar-sections.tsx","../../src/ds/components/MainSidebar/main-sidebar.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarBottomProps = ComponentPropsWithoutRef<'div'>;\n\nexport function MainSidebarBottom({ className, children, ...props }: MainSidebarBottomProps) {\n  return (\n    <div className={cn('mt-auto', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport type { SidebarState } from './main-sidebar-context';\nimport { useMaybeSidebarState } from './main-sidebar-context';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarNavHeaderProps = Omit<ComponentPropsWithoutRef<'header'>, 'children'> & {\n  children?: React.ReactNode;\n  state?: SidebarState;\n  href?: string;\n  isActive?: boolean;\n  LinkComponent?: LinkComponent;\n};\nexport function MainSidebarNavHeader({\n  children,\n  className,\n  state: stateProp,\n  href,\n  isActive,\n  LinkComponent: LinkProp,\n  ...props\n}: MainSidebarNavHeaderProps) {\n  const ctx = useMaybeSidebarState();\n  const state: SidebarState = stateProp ?? ctx?.state ?? 'default';\n  const isMobile = ctx?.isMobile ?? false;\n  const Link: LinkComponent = LinkProp ?? ctx?.LinkComponent ?? 'a';\n  const showTitle = state === 'default' && !isMobile;\n\n  return (\n    <div className={cn('mt-2 mb-0.5 flex min-h-8 min-w-0 items-center', className)}>\n      {showTitle ? (\n        <header\n          {...props}\n          className={cn('max-w-full min-w-0 truncate pl-3 text-column', {\n            'text-foreground': isActive,\n            'text-muted-foreground/70': !isActive,\n          })}\n        >\n          {href ? (\n            <Link\n              href={href}\n              className={cn('block min-w-0 truncate transition-colors duration-normal', {\n                'hover:text-foreground': !isActive,\n                'text-foreground': isActive,\n              })}\n            >\n              {children}\n            </Link>\n          ) : (\n            children\n          )}\n        </header>\n      ) : (\n        <>\n          <VisuallyHidden asChild>\n            <header {...props}>{children}</header>\n          </VisuallyHidden>\n          <div aria-hidden=\"true\" className=\"mx-3 h-px flex-1 bg-border\" />\n        </>\n      )}\n    </div>\n  );\n}\n","import { useId } from 'react';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport type { NavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport type { NavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\n\nexport type MainSidebarSectionsProps = {\n  sections: NavSection[];\n  /**\n   * Called per link to decide the active state. Receives the section's links so\n   * callers can use section-aware active logic without re-scanning `sections`\n   * from the outside. Default: each link's `isActive`.\n   */\n  isActive?: (link: NavLink, activeCandidates: NavLink[]) => boolean;\n  className?: string;\n};\n\ntype MainSidebarSectionLinkProps = {\n  link: NavLink;\n  activeCandidates: NavLink[];\n  level?: number;\n  isActive?: MainSidebarSectionsProps['isActive'];\n};\n\nfunction getLinkKey(link: NavLink) {\n  return `${link.url}:${link.name}`;\n}\n\nfunction MainSidebarSectionLink({ link, activeCandidates, level = 0, isActive }: MainSidebarSectionLinkProps) {\n  const childLinks = link.children ?? [];\n\n  return (\n    <MainSidebarNavLink\n      link={link}\n      isActive={isActive?.(link, activeCandidates) ?? link.isActive}\n      level={level}\n      subItems={\n        childLinks.length > 0 ? (\n          <MainSidebarNavList className=\"mt-0.5\">\n            {childLinks.map(child => (\n              <MainSidebarSectionLink\n                key={getLinkKey(child)}\n                link={child}\n                activeCandidates={activeCandidates}\n                level={level + 1}\n                isActive={isActive}\n              />\n            ))}\n          </MainSidebarNavList>\n        ) : null\n      }\n    />\n  );\n}\n\nexport function MainSidebarSections({ sections, isActive, className }: MainSidebarSectionsProps) {\n  const baseId = useId();\n\n  return (\n    <>\n      {sections.map(section => {\n        const showSeparator = section.links.length > 0 && section.separator;\n        const headerId = section.title ? `${baseId}-${section.key}` : undefined;\n        return (\n          <MainSidebarNavSection\n            key={section.key}\n            className={className}\n            aria-labelledby={headerId}\n            aria-label={!headerId ? section.key : undefined}\n          >\n            {/* Render separator and header independently — a section can have\n                both (titled group preceded by a divider). */}\n            {showSeparator ? <MainSidebarNavSeparator /> : null}\n            {section.title ? (\n              <MainSidebarNavHeader id={headerId} href={section.href} isActive={section.isHeaderActive}>\n                {section.title}\n              </MainSidebarNavHeader>\n            ) : null}\n            <MainSidebarNavList>\n              {section.links.map(link => (\n                <MainSidebarSectionLink\n                  key={getLinkKey(link)}\n                  link={link}\n                  activeCandidates={section.links}\n                  isActive={isActive}\n                />\n              ))}\n            </MainSidebarNavList>\n          </MainSidebarNavSection>\n        );\n      })}\n    </>\n  );\n}\n","import { MainSidebarBottom } from './main-sidebar-bottom';\nimport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nimport { MainSidebarNav } from './main-sidebar-nav';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLabel } from './main-sidebar-nav-label';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\nimport { MainSidebarRoot } from './main-sidebar-root';\nimport { MainSidebarSections } from './main-sidebar-sections';\nimport { MainSidebarTrigger } from './main-sidebar-trigger';\n\nexport type { MainSidebarStateContextValue, MobileDrawerContextValue, SidebarState } from './main-sidebar-context';\nexport { useMainSidebar, useMaybeSidebar, useMaybeSidebarState, useMobileDrawer } from './main-sidebar-context';\nexport { MainSidebarProvider, type MainSidebarProviderProps } from './main-sidebar-provider';\nexport { navItemClasses } from './main-sidebar-nav-item-classes';\nexport { type MainSidebarNavItemSize } from './main-sidebar-nav-item-classes';\nexport { type NavLink } from './main-sidebar-nav-link';\nexport { type NavSection } from './main-sidebar-nav-section';\nexport { MainSidebarTrigger } from './main-sidebar-trigger';\nexport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nexport { getIsLinkActive } from './main-sidebar-link-active';\n\nexport const MainSidebar = Object.assign(MainSidebarRoot, {\n  Bottom: MainSidebarBottom,\n  Nav: MainSidebarNav,\n  NavSection: MainSidebarNavSection,\n  NavLink: MainSidebarNavLink,\n  NavLabel: MainSidebarNavLabel,\n  NavHeader: MainSidebarNavHeader,\n  NavList: MainSidebarNavList,\n  NavSeparator: MainSidebarNavSeparator,\n  Sections: MainSidebarSections,\n  Trigger: MainSidebarTrigger,\n  MobileTrigger: MainSidebarMobileTrigger,\n});\n"],"names":["jsx","cn","useMaybeSidebarState","jsxs","Fragment","VisuallyHidden","MainSidebarNavLink","MainSidebarNavList","useId","MainSidebarNavSection","MainSidebarNavSeparator","MainSidebarRoot","MainSidebarNav","MainSidebarNavLabel","MainSidebarTrigger","MainSidebarMobileTrigger"],"mappings":"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"}

package/dist/components/MainSidebar.es.js

@@ -1,2 +1,121 @@
-export { M as MainSidebar, a as MainSidebarMobileTrigger, b as MainSidebarProvider, c as MainSidebarTrigger, g as getIsLinkActive, n as navItemClasses, u as useMainSidebar, d as useMaybeSidebar, e as useMaybeSidebarState, f as useMobileDrawer } from '../main-sidebar-Cf5G9iaC.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { c as cn } from '../cn-65Adrsfj.js';
+import { u as useMaybeSidebarState, M as MainSidebarNavSection, a as MainSidebarNavSeparator, b as MainSidebarNavList, c as MainSidebarNavLink, d as MainSidebarRoot, e as MainSidebarMobileTrigger, f as MainSidebarTrigger, g as MainSidebarNavLabel, h as MainSidebarNav } from '../main-sidebar-link-active-C9QPj3D6.js';
+export { i as MainSidebarProvider, j as getIsLinkActive, n as navItemClasses, k as useMainSidebar, l as useMaybeSidebar, m as useMobileDrawer } from '../main-sidebar-link-active-C9QPj3D6.js';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+import { useId } from 'react';
+
+function MainSidebarBottom({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("mt-auto", className), ...props, children });
+}
+
+function MainSidebarNavHeader({
+  children,
+  className,
+  state: stateProp,
+  href,
+  isActive,
+  LinkComponent: LinkProp,
+  ...props
+}) {
+  const ctx = useMaybeSidebarState();
+  const state = stateProp ?? ctx?.state ?? "default";
+  const isMobile = ctx?.isMobile ?? false;
+  const Link = LinkProp ?? ctx?.LinkComponent ?? "a";
+  const showTitle = state === "default" && !isMobile;
+  return /* @__PURE__ */ jsx("div", { className: cn("mt-2 mb-0.5 flex min-h-8 min-w-0 items-center", className), children: showTitle ? /* @__PURE__ */ jsx(
+    "header",
+    {
+      ...props,
+      className: cn("max-w-full min-w-0 truncate pl-3 text-column", {
+        "text-foreground": isActive,
+        "text-muted-foreground/70": !isActive
+      }),
+      children: href ? /* @__PURE__ */ jsx(
+        Link,
+        {
+          href,
+          className: cn("block min-w-0 truncate transition-colors duration-normal", {
+            "hover:text-foreground": !isActive,
+            "text-foreground": isActive
+          }),
+          children
+        }
+      ) : children
+    }
+  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("header", { ...props, children }) }),
+    /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "mx-3 h-px flex-1 bg-border" })
+  ] }) });
+}
+
+function getLinkKey(link) {
+  return `${link.url}:${link.name}`;
+}
+function MainSidebarSectionLink({ link, activeCandidates, level = 0, isActive }) {
+  const childLinks = link.children ?? [];
+  return /* @__PURE__ */ jsx(
+    MainSidebarNavLink,
+    {
+      link,
+      isActive: isActive?.(link, activeCandidates) ?? link.isActive,
+      level,
+      subItems: childLinks.length > 0 ? /* @__PURE__ */ jsx(MainSidebarNavList, { className: "mt-0.5", children: childLinks.map((child) => /* @__PURE__ */ jsx(
+        MainSidebarSectionLink,
+        {
+          link: child,
+          activeCandidates,
+          level: level + 1,
+          isActive
+        },
+        getLinkKey(child)
+      )) }) : null
+    }
+  );
+}
+function MainSidebarSections({ sections, isActive, className }) {
+  const baseId = useId();
+  return /* @__PURE__ */ jsx(Fragment, { children: sections.map((section) => {
+    const showSeparator = section.links.length > 0 && section.separator;
+    const headerId = section.title ? `${baseId}-${section.key}` : void 0;
+    return /* @__PURE__ */ jsxs(
+      MainSidebarNavSection,
+      {
+        className,
+        "aria-labelledby": headerId,
+        "aria-label": !headerId ? section.key : void 0,
+        children: [
+          showSeparator ? /* @__PURE__ */ jsx(MainSidebarNavSeparator, {}) : null,
+          section.title ? /* @__PURE__ */ jsx(MainSidebarNavHeader, { id: headerId, href: section.href, isActive: section.isHeaderActive, children: section.title }) : null,
+          /* @__PURE__ */ jsx(MainSidebarNavList, { children: section.links.map((link) => /* @__PURE__ */ jsx(
+            MainSidebarSectionLink,
+            {
+              link,
+              activeCandidates: section.links,
+              isActive
+            },
+            getLinkKey(link)
+          )) })
+        ]
+      },
+      section.key
+    );
+  }) });
+}
+
+const MainSidebar = Object.assign(MainSidebarRoot, {
+  Bottom: MainSidebarBottom,
+  Nav: MainSidebarNav,
+  NavSection: MainSidebarNavSection,
+  NavLink: MainSidebarNavLink,
+  NavLabel: MainSidebarNavLabel,
+  NavHeader: MainSidebarNavHeader,
+  NavList: MainSidebarNavList,
+  NavSeparator: MainSidebarNavSeparator,
+  Sections: MainSidebarSections,
+  Trigger: MainSidebarTrigger,
+  MobileTrigger: MainSidebarMobileTrigger
+});
+
+export { MainSidebar, MainSidebarMobileTrigger, MainSidebarTrigger, useMaybeSidebarState };
 //# sourceMappingURL=MainSidebar.es.js.map

package/dist/components/MainSidebar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainSidebar.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"MainSidebar.es.js","sources":["../../src/ds/components/MainSidebar/main-sidebar-bottom.tsx","../../src/ds/components/MainSidebar/main-sidebar-nav-header.tsx","../../src/ds/components/MainSidebar/main-sidebar-sections.tsx","../../src/ds/components/MainSidebar/main-sidebar.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarBottomProps = ComponentPropsWithoutRef<'div'>;\n\nexport function MainSidebarBottom({ className, children, ...props }: MainSidebarBottomProps) {\n  return (\n    <div className={cn('mt-auto', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport type { SidebarState } from './main-sidebar-context';\nimport { useMaybeSidebarState } from './main-sidebar-context';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarNavHeaderProps = Omit<ComponentPropsWithoutRef<'header'>, 'children'> & {\n  children?: React.ReactNode;\n  state?: SidebarState;\n  href?: string;\n  isActive?: boolean;\n  LinkComponent?: LinkComponent;\n};\nexport function MainSidebarNavHeader({\n  children,\n  className,\n  state: stateProp,\n  href,\n  isActive,\n  LinkComponent: LinkProp,\n  ...props\n}: MainSidebarNavHeaderProps) {\n  const ctx = useMaybeSidebarState();\n  const state: SidebarState = stateProp ?? ctx?.state ?? 'default';\n  const isMobile = ctx?.isMobile ?? false;\n  const Link: LinkComponent = LinkProp ?? ctx?.LinkComponent ?? 'a';\n  const showTitle = state === 'default' && !isMobile;\n\n  return (\n    <div className={cn('mt-2 mb-0.5 flex min-h-8 min-w-0 items-center', className)}>\n      {showTitle ? (\n        <header\n          {...props}\n          className={cn('max-w-full min-w-0 truncate pl-3 text-column', {\n            'text-foreground': isActive,\n            'text-muted-foreground/70': !isActive,\n          })}\n        >\n          {href ? (\n            <Link\n              href={href}\n              className={cn('block min-w-0 truncate transition-colors duration-normal', {\n                'hover:text-foreground': !isActive,\n                'text-foreground': isActive,\n              })}\n            >\n              {children}\n            </Link>\n          ) : (\n            children\n          )}\n        </header>\n      ) : (\n        <>\n          <VisuallyHidden asChild>\n            <header {...props}>{children}</header>\n          </VisuallyHidden>\n          <div aria-hidden=\"true\" className=\"mx-3 h-px flex-1 bg-border\" />\n        </>\n      )}\n    </div>\n  );\n}\n","import { useId } from 'react';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport type { NavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport type { NavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\n\nexport type MainSidebarSectionsProps = {\n  sections: NavSection[];\n  /**\n   * Called per link to decide the active state. Receives the section's links so\n   * callers can use section-aware active logic without re-scanning `sections`\n   * from the outside. Default: each link's `isActive`.\n   */\n  isActive?: (link: NavLink, activeCandidates: NavLink[]) => boolean;\n  className?: string;\n};\n\ntype MainSidebarSectionLinkProps = {\n  link: NavLink;\n  activeCandidates: NavLink[];\n  level?: number;\n  isActive?: MainSidebarSectionsProps['isActive'];\n};\n\nfunction getLinkKey(link: NavLink) {\n  return `${link.url}:${link.name}`;\n}\n\nfunction MainSidebarSectionLink({ link, activeCandidates, level = 0, isActive }: MainSidebarSectionLinkProps) {\n  const childLinks = link.children ?? [];\n\n  return (\n    <MainSidebarNavLink\n      link={link}\n      isActive={isActive?.(link, activeCandidates) ?? link.isActive}\n      level={level}\n      subItems={\n        childLinks.length > 0 ? (\n          <MainSidebarNavList className=\"mt-0.5\">\n            {childLinks.map(child => (\n              <MainSidebarSectionLink\n                key={getLinkKey(child)}\n                link={child}\n                activeCandidates={activeCandidates}\n                level={level + 1}\n                isActive={isActive}\n              />\n            ))}\n          </MainSidebarNavList>\n        ) : null\n      }\n    />\n  );\n}\n\nexport function MainSidebarSections({ sections, isActive, className }: MainSidebarSectionsProps) {\n  const baseId = useId();\n\n  return (\n    <>\n      {sections.map(section => {\n        const showSeparator = section.links.length > 0 && section.separator;\n        const headerId = section.title ? `${baseId}-${section.key}` : undefined;\n        return (\n          <MainSidebarNavSection\n            key={section.key}\n            className={className}\n            aria-labelledby={headerId}\n            aria-label={!headerId ? section.key : undefined}\n          >\n            {/* Render separator and header independently — a section can have\n                both (titled group preceded by a divider). */}\n            {showSeparator ? <MainSidebarNavSeparator /> : null}\n            {section.title ? (\n              <MainSidebarNavHeader id={headerId} href={section.href} isActive={section.isHeaderActive}>\n                {section.title}\n              </MainSidebarNavHeader>\n            ) : null}\n            <MainSidebarNavList>\n              {section.links.map(link => (\n                <MainSidebarSectionLink\n                  key={getLinkKey(link)}\n                  link={link}\n                  activeCandidates={section.links}\n                  isActive={isActive}\n                />\n              ))}\n            </MainSidebarNavList>\n          </MainSidebarNavSection>\n        );\n      })}\n    </>\n  );\n}\n","import { MainSidebarBottom } from './main-sidebar-bottom';\nimport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nimport { MainSidebarNav } from './main-sidebar-nav';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLabel } from './main-sidebar-nav-label';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\nimport { MainSidebarRoot } from './main-sidebar-root';\nimport { MainSidebarSections } from './main-sidebar-sections';\nimport { MainSidebarTrigger } from './main-sidebar-trigger';\n\nexport type { MainSidebarStateContextValue, MobileDrawerContextValue, SidebarState } from './main-sidebar-context';\nexport { useMainSidebar, useMaybeSidebar, useMaybeSidebarState, useMobileDrawer } from './main-sidebar-context';\nexport { MainSidebarProvider, type MainSidebarProviderProps } from './main-sidebar-provider';\nexport { navItemClasses } from './main-sidebar-nav-item-classes';\nexport { type MainSidebarNavItemSize } from './main-sidebar-nav-item-classes';\nexport { type NavLink } from './main-sidebar-nav-link';\nexport { type NavSection } from './main-sidebar-nav-section';\nexport { MainSidebarTrigger } from './main-sidebar-trigger';\nexport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nexport { getIsLinkActive } from './main-sidebar-link-active';\n\nexport const MainSidebar = Object.assign(MainSidebarRoot, {\n  Bottom: MainSidebarBottom,\n  Nav: MainSidebarNav,\n  NavSection: MainSidebarNavSection,\n  NavLink: MainSidebarNavLink,\n  NavLabel: MainSidebarNavLabel,\n  NavHeader: MainSidebarNavHeader,\n  NavList: MainSidebarNavList,\n  NavSeparator: MainSidebarNavSeparator,\n  Sections: MainSidebarSections,\n  Trigger: MainSidebarTrigger,\n  MobileTrigger: MainSidebarMobileTrigger,\n});\n"],"names":[],"mappings":"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"}

package/dist/components/MarkdownRenderer.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const markdownRenderer = require('../markdown-renderer-CZLwgva-.cjs');
+const markdownRenderer = require('../markdown-renderer-Du_Zd1T-.cjs');
 const useReveal = require('../use-reveal-Sa456jZb.cjs');
 
 

package/dist/components/MarkdownRenderer.es.js

@@ -1,3 +1,3 @@
-export { M as MarkdownRenderer } from '../markdown-renderer-BUqHHH4y.js';
+export { M as MarkdownRenderer } from '../markdown-renderer-BBYgxsXL.js';
 export { u as useRevealedText } from '../use-reveal-d77hxHz9.js';
 //# sourceMappingURL=MarkdownRenderer.es.js.map

package/dist/components/Message.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const message = require('../message-D9b33Pf_.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const copyButton = require('../copy-button-B5ZCtnTb.cjs');
+const copyButton = require('../copy-button-D2MTGxq_.cjs');
 
 function MessageCopyButton({ text }) {
   return /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: text, size: "icon-sm", variant: "ghost", tooltip: "Copy message", showToast: false });

package/dist/components/Message.es.js

@@ -1,7 +1,7 @@
 import { a as MessageMetadata } from '../message-Cs8NW-MR.js';
 export { M as Message, b as MessageActions } from '../message-Cs8NW-MR.js';
 import { jsx } from 'react/jsx-runtime';
-import { C as CopyButton } from '../copy-button-DZqxEuiE.js';
+import { C as CopyButton } from '../copy-button-DcZ1mdw4.js';
 
 function MessageCopyButton({ text }) {
   return /* @__PURE__ */ jsx(CopyButton, { content: text, size: "icon-sm", variant: "ghost", tooltip: "Copy message", showToast: false });

package/dist/components/MetricsCard.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const metricsCard = require('../metrics-card-DStXI6yn.cjs');
+const metricsCard = require('../metrics-card-DCCHIG-z.cjs');
 
 
 

package/dist/components/MetricsCard.es.js

@@ -1,2 +1,2 @@
-export { M as MetricsCard } from '../metrics-card-CN4VRQQJ.js';
+export { M as MetricsCard } from '../metrics-card-Bzm6m1dy.js';
 //# sourceMappingURL=MetricsCard.es.js.map

package/dist/components/MetricsKpiCard.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const metricsKpiCard = require('../metrics-kpi-card-CvOXyEGn.cjs');
+const metricsKpiCard = require('../metrics-kpi-card-Bhb4R4z0.cjs');
 
 
 

package/dist/components/MetricsKpiCard.es.js

@@ -1,2 +1,2 @@
-export { M as MetricsKpiCard } from '../metrics-kpi-card-C-XLN_Us.js';
+export { M as MetricsKpiCard } from '../metrics-kpi-card-BrnFhFQm.js';
 //# sourceMappingURL=MetricsKpiCard.es.js.map

package/dist/components/Notice.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const Notice = require('../Notice-CPyYcX5J.cjs');
+const Notice = require('../Notice-AUNd8fqT.cjs');
 
 
 

package/dist/components/Notice.es.js

@@ -1,2 +1,2 @@
-export { N as Notice } from '../Notice-KC18b8Nd.js';
+export { N as Notice } from '../Notice-WT8G4OA6.js';
 //# sourceMappingURL=Notice.es.js.map

package/dist/components/PageHeader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const pageHeader = require('../page-header-DzEEkOca.cjs');
+const pageHeader = require('../page-header-Dk3s3XtC.cjs');
 
 
 

package/dist/components/PageHeader.es.js

@@ -1,2 +1,2 @@
-export { P as PageHeader } from '../page-header-CSigVThQ.js';
+export { P as PageHeader } from '../page-header-CyXAezlZ.js';
 //# sourceMappingURL=PageHeader.es.js.map

package/dist/components/PageLayout.cjs.js

@@ -11,8 +11,10 @@ function PageLayout({
   breadcrumbs,
   headerActions,
   actionRow,
+  header,
   variant = "container"
 }) {
+  const headerSlot = header ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "page-layout-header", className: utils_cn.cn(variant === "fit" && "p-4"), children: header }) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "page-layout", className: "flex h-full min-h-0 flex-col", children: [
     (breadcrumbs || headerActions) && /* @__PURE__ */ jsxRuntime.jsxs(Header.Header, { className: "h-10 min-h-10 shrink-0 gap-2 overflow-hidden px-2", children: [
       breadcrumbs,
@@ -24,10 +26,31 @@ function PageLayout({
       {
         className: utils_cn.cn(
           "min-h-0 flex-1 overflow-y-auto",
-          // `fit` hands the whole body height to its child (panels, graphs, tables that own their scroll).
-          variant === "container" ? "p-4" : "grid grid-rows-[minmax(0,1fr)]"
+          variant === "container" && "p-4",
+          // `fit` hands the remaining body height to its child (panels, graphs, tables that own their scroll).
+          variant === "fit" && (header ? "grid grid-rows-[auto_minmax(0,1fr)]" : "grid grid-rows-[minmax(0,1fr)]")
         ),
-        children
+        children: variant === "narrow" ? (
+          // Horizontal gutter is the variant's contract; keep px/py explicit rather than the `p-4` shorthand.
+          // eslint-disable-next-line tailwindcss/enforces-shorthand
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              "data-slot": "page-layout-container",
+              className: utils_cn.cn(
+                "mx-auto grid min-h-full w-full max-w-5xl grid-cols-[minmax(0,1fr)] p-4",
+                header ? "grid-rows-[auto_1fr]" : "grid-rows-[1fr]"
+              ),
+              children: [
+                headerSlot,
+                children
+              ]
+            }
+          )
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          headerSlot,
+          children
+        ] })
       }
     )
   ] });

package/dist/components/PageLayout.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.cjs.js","sources":["../../src/ds/components/PageLayout/page-layout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Header } from '../Header';\nimport { cn } from '@/lib/utils';\n\nexport interface PageLayoutProps {\n  children: ReactNode;\n  /** Left side of the page header row. */\n  breadcrumbs?: ReactNode;\n  /** Right side of the page header row. */\n  headerActions?: ReactNode;\n  /** Controls pinned between the header and the scrollable body (search, filters, toggles…). */\n  actionRow?: ReactNode;\n  /** `container` pads the body (default); `fit` lets the body fill the page edge to edge. */\n  variant?: 'container' | 'fit';\n}\n\nexport function PageLayout({\n  children,\n  breadcrumbs,\n  headerActions,\n  actionRow,\n  variant = 'container',\n}: PageLayoutProps) {\n  return (\n    <div data-slot=\"page-layout\" className=\"flex h-full min-h-0 flex-col\">\n      {(breadcrumbs || headerActions) && (\n        <Header className=\"h-10 min-h-10 shrink-0 gap-2 overflow-hidden px-2\">\n          {breadcrumbs}\n          {headerActions && (\n            <div className=\"ml-auto flex shrink-0 items-center gap-2 overflow-hidden\">{headerActions}</div>\n          )}\n        </Header>\n      )}\n      {actionRow && (\n        <div data-slot=\"page-layout-action-row\" className=\"flex shrink-0 flex-col gap-2 px-4 pt-4\">\n          {actionRow}\n        </div>\n      )}\n      <main\n        className={cn(\n          'min-h-0 flex-1 overflow-y-auto',\n          // `fit` hands the whole body height to its child (panels, graphs, tables that own their scroll).\n          variant === 'container' ? 'p-4' : 'grid grid-rows-[minmax(0,1fr)]',\n        )}\n      >\n        {children}\n      </main>\n    </div>\n  );\n}\n"],"names":["jsxs","Header","jsx","cn"],"mappings":";;;;;;;;AAgBO,SAAS,UAAA,CAAW;AAAA,EACzB,QAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAAoB;AAClB,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,aAAA,EAAc,WAAU,8BAAA,EACnC,QAAA,EAAA;AAAA,IAAA,CAAA,WAAA,IAAe,aAAA,qBACfA,eAAA,CAACC,aAAA,EAAA,EAAO,SAAA,EAAU,mDAAA,EACf,QAAA,EAAA;AAAA,MAAA,WAAA;AAAA,MACA,aAAA,oBACCC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAA4D,QAAA,EAAA,aAAA,EAAc;AAAA,KAAA,EAE7F,CAAA;AAAA,IAED,6BACCA,cAAA,CAAC,KAAA,EAAA,EAAI,aAAU,wBAAA,EAAyB,SAAA,EAAU,0CAC/C,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,oBAEFA,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,WAAA;AAAA,UACT,gCAAA;AAAA;AAAA,UAEA,OAAA,KAAY,cAAc,KAAA,GAAQ;AAAA,SACpC;AAAA,QAEC;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PageLayout.cjs.js","sources":["../../src/ds/components/PageLayout/page-layout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Header } from '../Header';\nimport { cn } from '@/lib/utils';\n\nexport interface PageLayoutProps {\n  children: ReactNode;\n  /** Left side of the page header row. */\n  breadcrumbs?: ReactNode;\n  /** Right side of the page header row. */\n  headerActions?: ReactNode;\n  /** Controls pinned between the header and the scrollable body (search, filters, toggles…). */\n  actionRow?: ReactNode;\n  /** Page-level header (e.g. `PageHeader`) rendered inside the body container, above children. */\n  header?: ReactNode;\n  /**\n   * `container` pads the body (default); `narrow` centers the body in a max-width column;\n   * `fit` lets the body fill the page edge to edge.\n   */\n  variant?: 'container' | 'fit' | 'narrow';\n}\n\nexport function PageLayout({\n  children,\n  breadcrumbs,\n  headerActions,\n  actionRow,\n  header,\n  variant = 'container',\n}: PageLayoutProps) {\n  const headerSlot = header ? (\n    <div data-slot=\"page-layout-header\" className={cn(variant === 'fit' && 'p-4')}>\n      {header}\n    </div>\n  ) : null;\n\n  return (\n    <div data-slot=\"page-layout\" className=\"flex h-full min-h-0 flex-col\">\n      {(breadcrumbs || headerActions) && (\n        <Header className=\"h-10 min-h-10 shrink-0 gap-2 overflow-hidden px-2\">\n          {breadcrumbs}\n          {headerActions && (\n            <div className=\"ml-auto flex shrink-0 items-center gap-2 overflow-hidden\">{headerActions}</div>\n          )}\n        </Header>\n      )}\n      {actionRow && (\n        <div data-slot=\"page-layout-action-row\" className=\"flex shrink-0 flex-col gap-2 px-4 pt-4\">\n          {actionRow}\n        </div>\n      )}\n      <main\n        className={cn(\n          'min-h-0 flex-1 overflow-y-auto',\n          variant === 'container' && 'p-4',\n          // `fit` hands the remaining body height to its child (panels, graphs, tables that own their scroll).\n          variant === 'fit' && (header ? 'grid grid-rows-[auto_minmax(0,1fr)]' : 'grid grid-rows-[minmax(0,1fr)]'),\n        )}\n      >\n        {variant === 'narrow' ? (\n          // Horizontal gutter is the variant's contract; keep px/py explicit rather than the `p-4` shorthand.\n          // eslint-disable-next-line tailwindcss/enforces-shorthand\n          <div\n            data-slot=\"page-layout-container\"\n            className={cn(\n              'mx-auto grid min-h-full w-full max-w-5xl grid-cols-[minmax(0,1fr)] p-4',\n              header ? 'grid-rows-[auto_1fr]' : 'grid-rows-[1fr]',\n            )}\n          >\n            {headerSlot}\n            {children}\n          </div>\n        ) : (\n          <>\n            {headerSlot}\n            {children}\n          </>\n        )}\n      </main>\n    </div>\n  );\n}\n"],"names":["jsx","cn","jsxs","Header","Fragment"],"mappings":";;;;;;;;AAqBO,SAAS,UAAA,CAAW;AAAA,EACzB,QAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAAoB;AAClB,EAAA,MAAM,UAAA,GAAa,MAAA,mBACjBA,cAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,oBAAA,EAAqB,SAAA,EAAWC,WAAA,CAAG,OAAA,KAAY,KAAA,IAAS,KAAK,CAAA,EACzE,kBACH,CAAA,GACE,IAAA;AAEJ,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,aAAA,EAAc,WAAU,8BAAA,EACnC,QAAA,EAAA;AAAA,IAAA,CAAA,WAAA,IAAe,aAAA,qBACfA,eAAA,CAACC,aAAA,EAAA,EAAO,SAAA,EAAU,mDAAA,EACf,QAAA,EAAA;AAAA,MAAA,WAAA;AAAA,MACA,aAAA,oBACCH,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAA4D,QAAA,EAAA,aAAA,EAAc;AAAA,KAAA,EAE7F,CAAA;AAAA,IAED,6BACCA,cAAA,CAAC,KAAA,EAAA,EAAI,aAAU,wBAAA,EAAyB,SAAA,EAAU,0CAC/C,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,oBAEFA,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,WAAA;AAAA,UACT,gCAAA;AAAA,UACA,YAAY,WAAA,IAAe,KAAA;AAAA;AAAA,UAE3B,OAAA,KAAY,KAAA,KAAU,MAAA,GAAS,qCAAA,GAAwC,gCAAA;AAAA,SACzE;AAAA,QAEC,QAAA,EAAA,OAAA,KAAY,QAAA;AAAA;AAAA;AAAA,0BAGXC,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,uBAAA;AAAA,cACV,SAAA,EAAWD,WAAA;AAAA,gBACT,wEAAA;AAAA,gBACA,SAAS,sBAAA,GAAyB;AAAA,eACpC;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,UAAA;AAAA,gBACA;AAAA;AAAA;AAAA;AACH,4BAEAC,eAAA,CAAAE,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,UAAA;AAAA,UACA;AAAA,SAAA,EACH;AAAA;AAAA;AAEJ,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/PageLayout.es.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { H as Header } from '../Header-BVnFQlzE.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 
@@ -7,8 +7,10 @@ function PageLayout({
   breadcrumbs,
   headerActions,
   actionRow,
+  header,
   variant = "container"
 }) {
+  const headerSlot = header ? /* @__PURE__ */ jsx("div", { "data-slot": "page-layout-header", className: cn(variant === "fit" && "p-4"), children: header }) : null;
   return /* @__PURE__ */ jsxs("div", { "data-slot": "page-layout", className: "flex h-full min-h-0 flex-col", children: [
     (breadcrumbs || headerActions) && /* @__PURE__ */ jsxs(Header, { className: "h-10 min-h-10 shrink-0 gap-2 overflow-hidden px-2", children: [
       breadcrumbs,
@@ -20,10 +22,31 @@ function PageLayout({
       {
         className: cn(
           "min-h-0 flex-1 overflow-y-auto",
-          // `fit` hands the whole body height to its child (panels, graphs, tables that own their scroll).
-          variant === "container" ? "p-4" : "grid grid-rows-[minmax(0,1fr)]"
+          variant === "container" && "p-4",
+          // `fit` hands the remaining body height to its child (panels, graphs, tables that own their scroll).
+          variant === "fit" && (header ? "grid grid-rows-[auto_minmax(0,1fr)]" : "grid grid-rows-[minmax(0,1fr)]")
         ),
-        children
+        children: variant === "narrow" ? (
+          // Horizontal gutter is the variant's contract; keep px/py explicit rather than the `p-4` shorthand.
+          // eslint-disable-next-line tailwindcss/enforces-shorthand
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "page-layout-container",
+              className: cn(
+                "mx-auto grid min-h-full w-full max-w-5xl grid-cols-[minmax(0,1fr)] p-4",
+                header ? "grid-rows-[auto_1fr]" : "grid-rows-[1fr]"
+              ),
+              children: [
+                headerSlot,
+                children
+              ]
+            }
+          )
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          headerSlot,
+          children
+        ] })
       }
     )
   ] });