@mastra/playground-ui 63.0.0-alpha.3 → 63.0.0-alpha.4

package/dist/components/DataPanel.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataPanel = require('../data-panel-FG2S84x7.cjs');
+const dataPanel = require('../data-panel-Wjgbl6zx.cjs');
 
 
 

package/dist/components/DataPanel.es.js

@@ -1,2 +1,2 @@
-export { D as DataPanel } from '../data-panel-nbeducTl.js';
+export { D as DataPanel } from '../data-panel-BdCw3F_h.js';
 //# sourceMappingURL=DataPanel.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-CLxPq7T5.cjs');
+const pageHeader = require('../page-header-9Q9vOrh-.cjs');
 
 
 

package/dist/components/PageHeader.es.js

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

package/dist/components/PageLayout.cjs.js

@@ -25,7 +25,7 @@ function PageLayout({
       "main",
       {
         className: utils_cn.cn(
-          "min-h-0 flex-1 overflow-y-auto",
+          "min-h-0 flex-1 [scrollbar-gutter:stable] overflow-y-auto",
           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-cols-1 grid-rows-[auto_minmax(0,1fr)]" : "grid grid-cols-1 grid-rows-1")

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  /** 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=\"min-h-header-default 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' &&\n            (header ? 'grid grid-cols-1 grid-rows-[auto_minmax(0,1fr)]' : 'grid grid-cols-1 grid-rows-1'),\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-1 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,0DAAA,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,KACT,MAAA,GAAS,iDAAA,GAAoD,8BAAA;AAAA,SAClE;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,0DAAA;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;;;;"}
+{"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=\"min-h-header-default 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 [scrollbar-gutter:stable] 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' &&\n            (header ? 'grid grid-cols-1 grid-rows-[auto_minmax(0,1fr)]' : 'grid grid-cols-1 grid-rows-1'),\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-1 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,0DAAA,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,0DAAA;AAAA,UACA,YAAY,WAAA,IAAe,KAAA;AAAA;AAAA,UAE3B,OAAA,KAAY,KAAA,KACT,MAAA,GAAS,iDAAA,GAAoD,8BAAA;AAAA,SAClE;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,0DAAA;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

@@ -21,7 +21,7 @@ function PageLayout({
       "main",
       {
         className: cn(
-          "min-h-0 flex-1 overflow-y-auto",
+          "min-h-0 flex-1 [scrollbar-gutter:stable] overflow-y-auto",
           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-cols-1 grid-rows-[auto_minmax(0,1fr)]" : "grid grid-cols-1 grid-rows-1")

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

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.es.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=\"min-h-header-default 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' &&\n            (header ? 'grid grid-cols-1 grid-rows-[auto_minmax(0,1fr)]' : 'grid grid-cols-1 grid-rows-1'),\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-1 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":[],"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,mBACjB,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,oBAAA,EAAqB,SAAA,EAAW,EAAA,CAAG,OAAA,KAAY,KAAA,IAAS,KAAK,CAAA,EACzE,kBACH,CAAA,GACE,IAAA;AAEJ,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,aAAA,EAAc,WAAU,8BAAA,EACnC,QAAA,EAAA;AAAA,IAAA,CAAA,WAAA,IAAe,aAAA,qBACf,IAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,0DAAA,EACf,QAAA,EAAA;AAAA,MAAA,WAAA;AAAA,MACA,aAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAA4D,QAAA,EAAA,aAAA,EAAc;AAAA,KAAA,EAE7F,CAAA;AAAA,IAED,6BACC,GAAA,CAAC,KAAA,EAAA,EAAI,aAAU,wBAAA,EAAyB,SAAA,EAAU,0CAC/C,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,oBAEF,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,gCAAA;AAAA,UACA,YAAY,WAAA,IAAe,KAAA;AAAA;AAAA,UAE3B,OAAA,KAAY,KAAA,KACT,MAAA,GAAS,iDAAA,GAAoD,8BAAA;AAAA,SAClE;AAAA,QAEC,QAAA,EAAA,OAAA,KAAY,QAAA;AAAA;AAAA;AAAA,0BAGX,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,uBAAA;AAAA,cACV,SAAA,EAAW,EAAA;AAAA,gBACT,0DAAA;AAAA,gBACA,SAAS,sBAAA,GAAyB;AAAA,eACpC;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,UAAA;AAAA,gBACA;AAAA;AAAA;AAAA;AACH,4BAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,UAAA;AAAA,UACA;AAAA,SAAA,EACH;AAAA;AAAA;AAEJ,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PageLayout.es.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=\"min-h-header-default 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 [scrollbar-gutter:stable] 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' &&\n            (header ? 'grid grid-cols-1 grid-rows-[auto_minmax(0,1fr)]' : 'grid grid-cols-1 grid-rows-1'),\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-1 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":[],"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,mBACjB,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,oBAAA,EAAqB,SAAA,EAAW,EAAA,CAAG,OAAA,KAAY,KAAA,IAAS,KAAK,CAAA,EACzE,kBACH,CAAA,GACE,IAAA;AAEJ,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,aAAA,EAAc,WAAU,8BAAA,EACnC,QAAA,EAAA;AAAA,IAAA,CAAA,WAAA,IAAe,aAAA,qBACf,IAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,0DAAA,EACf,QAAA,EAAA;AAAA,MAAA,WAAA;AAAA,MACA,aAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAA4D,QAAA,EAAA,aAAA,EAAc;AAAA,KAAA,EAE7F,CAAA;AAAA,IAED,6BACC,GAAA,CAAC,KAAA,EAAA,EAAI,aAAU,wBAAA,EAAyB,SAAA,EAAU,0CAC/C,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,oBAEF,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,0DAAA;AAAA,UACA,YAAY,WAAA,IAAe,KAAA;AAAA;AAAA,UAE3B,OAAA,KAAY,KAAA,KACT,MAAA,GAAS,iDAAA,GAAoD,8BAAA;AAAA,SAClE;AAAA,QAEC,QAAA,EAAA,OAAA,KAAY,QAAA;AAAA;AAAA;AAAA,0BAGX,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,uBAAA;AAAA,cACV,SAAA,EAAW,EAAA;AAAA,gBACT,0DAAA;AAAA,gBACA,SAAS,sBAAA,GAAyB;AAAA,eACpC;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,UAAA;AAAA,gBACA;AAAA;AAAA;AAAA;AACH,4BAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,UAAA;AAAA,UACA;AAAA,SAAA,EACH;AAAA;AAAA;AAEJ,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{data-panel-nbeducTl.js → data-panel-BdCw3F_h.js}

@@ -180,7 +180,7 @@ function DataPanelNoData({ children }) {
   return /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "faint", className: "px-3 py-4", children: children ?? "No data found." });
 }
 
-const CARD_CLASSES = "flex max-h-full w-full flex-col overflow-hidden rounded-xl border border-border bg-background";
+const CARD_CLASSES = "flex max-h-full w-full flex-col overflow-hidden border border-border bg-background";
 const DEPTH_WIDTH = { 1: "w-xl", 2: "w-lg", 3: "w-md" };
 const SIZE_WIDTH = { half: "w-1/2", wide: "w-4/5", full: "w-full" };
 const SIZE_PERCENT = { half: "50%", wide: "80%", full: "100%" };
@@ -200,7 +200,7 @@ function DataPanelInline({ title, description, children, className }) {
       "data-variant": "inline",
       "aria-label": title,
       "aria-describedby": description ? descriptionId : void 0,
-      className: cn(CARD_CLASSES, "h-full min-h-0", className),
+      className: cn(CARD_CLASSES, "h-full min-h-0 rounded-studio-frame", className),
       children: [
         description && /* @__PURE__ */ jsx("span", { id: descriptionId, className: "sr-only", children: description }),
         children
@@ -244,7 +244,7 @@ function DataPanelDrawer({
               /* @__PURE__ */ jsx(Drawer.Title, { render: /* @__PURE__ */ jsx("span", {}), className: "sr-only", children: title }),
               description && /* @__PURE__ */ jsx(Drawer.Description, { className: "sr-only", children: description }),
               /* @__PURE__ */ jsx(Drawer.Content, { render: /* @__PURE__ */ jsx("div", { ref: setPortalHost, className: "absolute" }) }),
-              /* @__PURE__ */ jsx(PortalContainerProvider, { container: portalHost, children: /* @__PURE__ */ jsx(Drawer.Content, { render: /* @__PURE__ */ jsx("section", {}), className: cn(CARD_CLASSES, className), children }) })
+              /* @__PURE__ */ jsx(PortalContainerProvider, { container: portalHost, children: /* @__PURE__ */ jsx(Drawer.Content, { render: /* @__PURE__ */ jsx("section", {}), className: cn(CARD_CLASSES, "rounded-xl", className), children }) })
             ]
           }
         ) })
@@ -271,4 +271,4 @@ const DataPanel = Object.assign(DataPanelRoot, {
 });
 
 export { DataPanel as D };
-//# sourceMappingURL=data-panel-nbeducTl.js.map
+//# sourceMappingURL=data-panel-BdCw3F_h.js.map

package/dist/{data-panel-nbeducTl.js.map → data-panel-BdCw3F_h.js.map}

@@ -1 +1 @@
-{"version":3,"file":"data-panel-nbeducTl.js","sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-context.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-copy-id.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-header-actions.tsx","../src/ds/components/DataPanel/data-panel-header-content.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-metadata.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  /** Accessible name; override it when the arrow leads somewhere other than \"closed\" (e.g. back to a parent view). */\n  label?: string;\n  /**\n   * `arrow` (default) is the leading \"leave this panel\" control, rendered first in the header.\n   * `x` dismisses a nested column in place and belongs in `HeaderActions`, on the right.\n   */\n  icon?: 'arrow' | 'x';\n  className?: string;\n  variant?: ButtonProps['variant'];\n}\n\nexport function DataPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  label = 'Close Panel',\n  icon = 'arrow',\n  className,\n  variant = 'ghost',\n}: DataPanelCloseButtonProps) {\n  return (\n    <Button\n      size=\"sm\"\n      variant={variant}\n      onClick={onClick}\n      aria-label={label}\n      tooltip={tooltip}\n      className={cn('shrink-0', className)}\n    >\n      {icon === 'x' ? <XIcon /> : <ArrowLeftIcon />}\n    </Button>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport type DataPanelVariant = 'drawer' | 'inline';\n\n// Defaults to `drawer` so sub-components rendered outside a `DataPanel` keep their historical behavior.\nexport const DataPanelVariantContext = createContext<DataPanelVariant>('drawer');\n\nexport const useDataPanelVariant = () => useContext(DataPanelVariantContext);\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { useDataPanelVariant } from './data-panel-context';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /** Layout overrides (e.g. padding) for the scroll container. */\n  className?: string;\n}\n\nconst CONTENT_CLASSES = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\n// In the drawer variant, `DrawerPrimitive.Content` marks the region as swipe-exempt\n// so scrolling or selecting text inside the panel body doesn't start a\n// swipe-to-dismiss. The inline variant has no drawer, so a plain div is enough.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  const variant = useDataPanelVariant();\n\n  if (variant === 'inline') {\n    return (\n      <div ref={ref} className={cn(CONTENT_CLASSES, className)}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn(CONTENT_CLASSES, className)}>\n      {children}\n    </DrawerPrimitive.Content>\n  );\n}\n","import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface DataPanelCopyIdProps {\n  id: string;\n  /** Characters kept before the ellipsis. Defaults to 12. */\n  maxLength?: number;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12 }: DataPanelCopyIdProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({ text: id, showToast: false });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Tooltip open={isCopied || open} onOpenChange={setOpen}>\n      <TooltipTrigger\n        render={\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={handleCopy}>\n            {truncateString(id, maxLength)}\n          </Button>\n        }\n      />\n      <TooltipContent>{isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Same box as the app `Header`. Leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `flex-wrap` drops the actions onto a second row when the panel is too narrow for one.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1.5',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        'not-last:border-b not-last:border-border',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","export interface DataPanelHeaderActionsProps {\n  children: React.ReactNode;\n}\n\n/**\n * Right-side action slot of a `DataPanel.Header`. Mirrors `HeaderAction` with `gap-2`\n * (these are `size=\"sm\"` controls, like the page header actions) and wraps when the panel is too narrow.\n */\nexport function DataPanelHeaderActions({ children }: DataPanelHeaderActionsProps) {\n  return <div className=\"ml-auto flex min-w-0 flex-wrap items-center justify-end gap-2 self-center\">{children}</div>;\n}\n","import { Children } from 'react';\n\nexport interface DataPanelHeaderContentProps {\n  children: React.ReactNode;\n}\n\n/**\n * Left block of a `DataPanel.Header`: heading followed inline by optional `Metadata`, truncated when too long.\n * A vertical separator is rendered between the heading and the metadata when both are present.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  const [heading, ...metadata] = Children.toArray(children);\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {heading}\n      {metadata.length > 0 && (\n        <>\n          <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />\n          {metadata}\n        </>\n      )}\n    </div>\n  );\n}\n","import { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        // Same recipe as a current `Crumb` in the page header, with tight horizontal spacing:\n        // inline children like `TraceIdButton` carry their own padding, so `gap-1` + `px-1`\n        // is enough to keep the title close to the leading close arrow and the inline metadata.\n        // `shrink-0`: the heading keeps its text; the inline `Metadata` row is what gets clipped.\n        'inline-flex max-w-full min-w-0 shrink-0 items-center gap-1 rounded-full px-1',\n        controlSizeClasses.sm,\n        'cursor-default text-foreground [&>b]:text-caption [&>b]:text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"flex min-h-32 items-center justify-center gap-2 px-3 py-4 text-caption text-placeholder\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-placeholder\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition, transitions } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelMetadataProps {\n  children: React.ReactNode;\n}\n\n/** Row of `Meta` pills next to a `DataPanel.Heading`. Never wraps; overflowing pills are clipped. */\nexport function DataPanelMetadata({ children }: DataPanelMetadataProps) {\n  return <ul className=\"flex min-w-0 flex-nowrap items-center gap-0.5 overflow-hidden\">{children}</ul>;\n}\n\nexport interface DataPanelMetaProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {\n  /** Element/component to render as (e.g. a router `Link`). Defaults to `span`. */\n  as?: React.ElementType;\n  href?: string;\n  to?: string;\n  /** Prefix icon (bare SVG). */\n  icon?: React.ReactNode;\n  /** Shown on hover/focus; for a static (non-link) meta a string tooltip also becomes the accessible name. */\n  tooltip?: React.ReactNode;\n  children: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport function DataPanelMeta({ as, icon, tooltip, children, className, ...props }: DataPanelMetaProps) {\n  const Root = as ?? 'span';\n  const isInteractive = Boolean(as || props.href || props.to || props.onClick);\n\n  const hasTooltip = tooltip != null;\n  const root = (\n    <Root\n      aria-label={!isInteractive && typeof tooltip === 'string' ? tooltip : undefined}\n      tabIndex={!isInteractive && hasTooltip ? 0 : undefined}\n      className={cn(\n        // Same box as a `size=\"sm\"` ghost `Button` (e.g. `TraceIdButton`), so pills line up\n        // with the heading and the trace ID on the same header row.\n        'inline-flex min-w-0 items-center gap-1.5 overflow-hidden rounded-full px-2',\n        controlSizeClasses.sm,\n        controlStateColorTransition,\n        isInteractive\n          ? cn(quietTextHover, 'cursor-pointer hover:bg-fill-subtle active:bg-fill')\n          : cn('text-muted-foreground', hasTooltip && 'cursor-help'),\n        className,\n      )}\n      {...props}\n    >\n      {icon && (\n        <Icon size=\"xs\" className={cn('shrink-0 opacity-50 group-hover:opacity-100', transitions.opacity)}>\n          {icon}\n        </Icon>\n      )}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </Root>\n  );\n\n  return (\n    <li className=\"group flex h-control-sm min-w-0 shrink-0 items-center\">\n      {!hasTooltip ? (\n        root\n      ) : (\n        <Tooltip>\n          <TooltipTrigger render={root} />\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      )}\n    </li>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n  variant?: ButtonProps['variant'];\n}\n\n/** Two independent previous/next buttons, laid out by the parent `HeaderActions` gap. */\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Go to previous',\n  nextLabel = 'Go to next',\n  variant = 'ghost',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <>\n      <Button size=\"sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"sm\" variant={variant} tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-3 py-4\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { DataPanelVariantContext } from './data-panel-context';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n// `drawer-popup` / `drawer-backdrop` carry the slide + fade transitions.\nimport '../Drawer/drawer.css';\n\ninterface DataPanelBaseProps {\n  /** Accessible name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible description (screen-reader only). */\n  description?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DataPanelDrawerProps extends DataPanelBaseProps {\n  /** `drawer` (default): a modal side drawer portaled to the right edge of the page. */\n  variant?: 'drawer';\n  /** Whether the drawer is shown. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\n  /**\n   * Elevation level when several sibling panels are open at once (not nested in\n   * the React tree, so Base UI's own stacking doesn't apply). A deeper panel is\n   * narrower so the one beneath peeks out on the left. Siblings stack in mount\n   * order: render the deeper panel after the shallower one.\n   */\n  depth?: 1 | 2 | 3;\n  /**\n   * Drawer width. `md` (default) is a narrow detail panel whose width shrinks\n   * with `depth`. `half`/`wide`/`full` are for multi-column content (e.g. the\n   * trace panel); each `depth` level trims them by a small fixed amount so a\n   * same-size parent still peeks out beneath. Changing `size` while open\n   * animates the width.\n   */\n  size?: 'md' | 'half' | 'wide' | 'full';\n}\n\nexport interface DataPanelInlineProps extends DataPanelBaseProps {\n  /**\n   * `inline`: the panel card is rendered where it is mounted, in the normal\n   * document flow (no portal, backdrop, focus trap or dismissal gestures).\n   * Mount/unmount it to show/hide it. It fills its container's height, so give\n   * the parent a bounded height for `DataPanel.Content` to scroll.\n   */\n  variant: 'inline';\n  open?: never;\n  onClose?: never;\n  depth?: never;\n  size?: never;\n}\n\nexport type DataPanelProps = DataPanelDrawerProps | DataPanelInlineProps;\n\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden rounded-xl border border-border bg-background';\n\nconst DEPTH_WIDTH = { 1: 'w-xl', 2: 'w-lg', 3: 'w-md' } as const;\nconst SIZE_WIDTH = { half: 'w-1/2', wide: 'w-4/5', full: 'w-full' } as const;\nconst SIZE_PERCENT = { half: '50%', wide: '80%', full: '100%' } as const;\n// Each extra depth level trims a stacked non-`md` panel so the parent peeks out beneath it.\nconst DEPTH_PEEK_REM = 1.5;\n\nexport function DataPanelRoot(props: DataPanelProps) {\n  if (props.variant === 'inline') {\n    return <DataPanelInline {...props} />;\n  }\n  return <DataPanelDrawer {...props} />;\n}\n\nfunction DataPanelInline({ title, description, children, className }: DataPanelInlineProps) {\n  const descriptionId = React.useId();\n\n  return (\n    <DataPanelVariantContext.Provider value=\"inline\">\n      <section\n        data-slot=\"data-panel\"\n        data-variant=\"inline\"\n        aria-label={title}\n        aria-describedby={description ? descriptionId : undefined}\n        className={cn(CARD_CLASSES, 'h-full min-h-0', className)}\n      >\n        {description && (\n          <span id={descriptionId} className=\"sr-only\">\n            {description}\n          </span>\n        )}\n        {children}\n      </section>\n    </DataPanelVariantContext.Provider>\n  );\n}\n\nfunction DataPanelDrawer({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelDrawerProps) {\n  // Swipe-exempt mount point for nested popups (Select, DropdownMenu, …) so they\n  // stay inside Base UI's modal focus region and don't start a drawer swipe on\n  // pointerdown. Same pattern as `SideDialogRoot`; see `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <DataPanelVariantContext.Provider value=\"drawer\">\n      <DrawerPrimitive.Root\n        open={open}\n        onOpenChange={nextOpen => {\n          if (!nextOpen) onClose?.();\n        }}\n        swipeDirection=\"right\"\n      >\n        <DrawerPrimitive.Portal>\n          {/* Lighter than the shared `--scrim`: a side panel should keep the page beneath readable. */}\n          <DrawerPrimitive.Backdrop className=\"drawer-backdrop fixed inset-0 z-50 bg-scrim/30\" />\n          <DrawerPrimitive.Viewport className=\"fixed inset-0 z-50\">\n            <DrawerPrimitive.Popup\n              data-slot=\"data-panel-popup\"\n              data-depth={depth}\n              data-size={size}\n              className={cn(\n                'drawer-popup fixed inset-y-0 right-0 z-50 flex max-w-full p-4 outline-none',\n                size === 'md' ? DEPTH_WIDTH[depth] : SIZE_WIDTH[size],\n              )}\n              style={\n                size !== 'md' && depth > 1\n                  ? { width: `calc(${SIZE_PERCENT[size]} - ${(depth - 1) * DEPTH_PEEK_REM}rem)` }\n                  : undefined\n              }\n            >\n              {/* Not a heading: the visible `DataPanel.Heading` already is one; this only names the dialog. */}\n              <DrawerPrimitive.Title render={<span />} className=\"sr-only\">\n                {title}\n              </DrawerPrimitive.Title>\n              {description && (\n                <DrawerPrimitive.Description className=\"sr-only\">{description}</DrawerPrimitive.Description>\n              )}\n\n              <DrawerPrimitive.Content render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n              <PortalContainerProvider container={portalHost}>\n                {/* Whole card is swipe-exempt: pointerdown on tabs/buttons/text must not start a dismiss gesture. */}\n                <DrawerPrimitive.Content render={<section />} className={cn(CARD_CLASSES, className)}>\n                  {children}\n                </DrawerPrimitive.Content>\n              </PortalContainerProvider>\n            </DrawerPrimitive.Popup>\n          </DrawerPrimitive.Viewport>\n        </DrawerPrimitive.Portal>\n      </DrawerPrimitive.Root>\n    </DataPanelVariantContext.Provider>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelCopyId } from './data-panel-copy-id';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeaderActions } from './data-panel-header-actions';\nimport { DataPanelHeaderContent } from './data-panel-header-content';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelMeta, DataPanelMetadata } from './data-panel-metadata';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  HeaderContent: DataPanelHeaderContent,\n  HeaderActions: DataPanelHeaderActions,\n  Heading: DataPanelHeading,\n  Metadata: DataPanelMetadata,\n  Meta: DataPanelMeta,\n  CloseButton: DataPanelCloseButton,\n  CopyId: DataPanelCopyId,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"names":["DrawerPrimitive"],"mappings":"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"}
+{"version":3,"file":"data-panel-BdCw3F_h.js","sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-context.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-copy-id.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-header-actions.tsx","../src/ds/components/DataPanel/data-panel-header-content.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-metadata.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  /** Accessible name; override it when the arrow leads somewhere other than \"closed\" (e.g. back to a parent view). */\n  label?: string;\n  /**\n   * `arrow` (default) is the leading \"leave this panel\" control, rendered first in the header.\n   * `x` dismisses a nested column in place and belongs in `HeaderActions`, on the right.\n   */\n  icon?: 'arrow' | 'x';\n  className?: string;\n  variant?: ButtonProps['variant'];\n}\n\nexport function DataPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  label = 'Close Panel',\n  icon = 'arrow',\n  className,\n  variant = 'ghost',\n}: DataPanelCloseButtonProps) {\n  return (\n    <Button\n      size=\"sm\"\n      variant={variant}\n      onClick={onClick}\n      aria-label={label}\n      tooltip={tooltip}\n      className={cn('shrink-0', className)}\n    >\n      {icon === 'x' ? <XIcon /> : <ArrowLeftIcon />}\n    </Button>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport type DataPanelVariant = 'drawer' | 'inline';\n\n// Defaults to `drawer` so sub-components rendered outside a `DataPanel` keep their historical behavior.\nexport const DataPanelVariantContext = createContext<DataPanelVariant>('drawer');\n\nexport const useDataPanelVariant = () => useContext(DataPanelVariantContext);\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { useDataPanelVariant } from './data-panel-context';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /** Layout overrides (e.g. padding) for the scroll container. */\n  className?: string;\n}\n\nconst CONTENT_CLASSES = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\n// In the drawer variant, `DrawerPrimitive.Content` marks the region as swipe-exempt\n// so scrolling or selecting text inside the panel body doesn't start a\n// swipe-to-dismiss. The inline variant has no drawer, so a plain div is enough.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  const variant = useDataPanelVariant();\n\n  if (variant === 'inline') {\n    return (\n      <div ref={ref} className={cn(CONTENT_CLASSES, className)}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn(CONTENT_CLASSES, className)}>\n      {children}\n    </DrawerPrimitive.Content>\n  );\n}\n","import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface DataPanelCopyIdProps {\n  id: string;\n  /** Characters kept before the ellipsis. Defaults to 12. */\n  maxLength?: number;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12 }: DataPanelCopyIdProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({ text: id, showToast: false });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Tooltip open={isCopied || open} onOpenChange={setOpen}>\n      <TooltipTrigger\n        render={\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={handleCopy}>\n            {truncateString(id, maxLength)}\n          </Button>\n        }\n      />\n      <TooltipContent>{isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Same box as the app `Header`. Leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `flex-wrap` drops the actions onto a second row when the panel is too narrow for one.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1.5',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        'not-last:border-b not-last:border-border',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","export interface DataPanelHeaderActionsProps {\n  children: React.ReactNode;\n}\n\n/**\n * Right-side action slot of a `DataPanel.Header`. Mirrors `HeaderAction` with `gap-2`\n * (these are `size=\"sm\"` controls, like the page header actions) and wraps when the panel is too narrow.\n */\nexport function DataPanelHeaderActions({ children }: DataPanelHeaderActionsProps) {\n  return <div className=\"ml-auto flex min-w-0 flex-wrap items-center justify-end gap-2 self-center\">{children}</div>;\n}\n","import { Children } from 'react';\n\nexport interface DataPanelHeaderContentProps {\n  children: React.ReactNode;\n}\n\n/**\n * Left block of a `DataPanel.Header`: heading followed inline by optional `Metadata`, truncated when too long.\n * A vertical separator is rendered between the heading and the metadata when both are present.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  const [heading, ...metadata] = Children.toArray(children);\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {heading}\n      {metadata.length > 0 && (\n        <>\n          <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />\n          {metadata}\n        </>\n      )}\n    </div>\n  );\n}\n","import { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        // Same recipe as a current `Crumb` in the page header, with tight horizontal spacing:\n        // inline children like `TraceIdButton` carry their own padding, so `gap-1` + `px-1`\n        // is enough to keep the title close to the leading close arrow and the inline metadata.\n        // `shrink-0`: the heading keeps its text; the inline `Metadata` row is what gets clipped.\n        'inline-flex max-w-full min-w-0 shrink-0 items-center gap-1 rounded-full px-1',\n        controlSizeClasses.sm,\n        'cursor-default text-foreground [&>b]:text-caption [&>b]:text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"flex min-h-32 items-center justify-center gap-2 px-3 py-4 text-caption text-placeholder\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-placeholder\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition, transitions } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelMetadataProps {\n  children: React.ReactNode;\n}\n\n/** Row of `Meta` pills next to a `DataPanel.Heading`. Never wraps; overflowing pills are clipped. */\nexport function DataPanelMetadata({ children }: DataPanelMetadataProps) {\n  return <ul className=\"flex min-w-0 flex-nowrap items-center gap-0.5 overflow-hidden\">{children}</ul>;\n}\n\nexport interface DataPanelMetaProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {\n  /** Element/component to render as (e.g. a router `Link`). Defaults to `span`. */\n  as?: React.ElementType;\n  href?: string;\n  to?: string;\n  /** Prefix icon (bare SVG). */\n  icon?: React.ReactNode;\n  /** Shown on hover/focus; for a static (non-link) meta a string tooltip also becomes the accessible name. */\n  tooltip?: React.ReactNode;\n  children: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport function DataPanelMeta({ as, icon, tooltip, children, className, ...props }: DataPanelMetaProps) {\n  const Root = as ?? 'span';\n  const isInteractive = Boolean(as || props.href || props.to || props.onClick);\n\n  const hasTooltip = tooltip != null;\n  const root = (\n    <Root\n      aria-label={!isInteractive && typeof tooltip === 'string' ? tooltip : undefined}\n      tabIndex={!isInteractive && hasTooltip ? 0 : undefined}\n      className={cn(\n        // Same box as a `size=\"sm\"` ghost `Button` (e.g. `TraceIdButton`), so pills line up\n        // with the heading and the trace ID on the same header row.\n        'inline-flex min-w-0 items-center gap-1.5 overflow-hidden rounded-full px-2',\n        controlSizeClasses.sm,\n        controlStateColorTransition,\n        isInteractive\n          ? cn(quietTextHover, 'cursor-pointer hover:bg-fill-subtle active:bg-fill')\n          : cn('text-muted-foreground', hasTooltip && 'cursor-help'),\n        className,\n      )}\n      {...props}\n    >\n      {icon && (\n        <Icon size=\"xs\" className={cn('shrink-0 opacity-50 group-hover:opacity-100', transitions.opacity)}>\n          {icon}\n        </Icon>\n      )}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </Root>\n  );\n\n  return (\n    <li className=\"group flex h-control-sm min-w-0 shrink-0 items-center\">\n      {!hasTooltip ? (\n        root\n      ) : (\n        <Tooltip>\n          <TooltipTrigger render={root} />\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      )}\n    </li>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n  variant?: ButtonProps['variant'];\n}\n\n/** Two independent previous/next buttons, laid out by the parent `HeaderActions` gap. */\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Go to previous',\n  nextLabel = 'Go to next',\n  variant = 'ghost',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <>\n      <Button size=\"sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"sm\" variant={variant} tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-3 py-4\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { DataPanelVariantContext } from './data-panel-context';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n// `drawer-popup` / `drawer-backdrop` carry the slide + fade transitions.\nimport '../Drawer/drawer.css';\n\ninterface DataPanelBaseProps {\n  /** Accessible name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible description (screen-reader only). */\n  description?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DataPanelDrawerProps extends DataPanelBaseProps {\n  /** `drawer` (default): a modal side drawer portaled to the right edge of the page. */\n  variant?: 'drawer';\n  /** Whether the drawer is shown. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\n  /**\n   * Elevation level when several sibling panels are open at once (not nested in\n   * the React tree, so Base UI's own stacking doesn't apply). A deeper panel is\n   * narrower so the one beneath peeks out on the left. Siblings stack in mount\n   * order: render the deeper panel after the shallower one.\n   */\n  depth?: 1 | 2 | 3;\n  /**\n   * Drawer width. `md` (default) is a narrow detail panel whose width shrinks\n   * with `depth`. `half`/`wide`/`full` are for multi-column content (e.g. the\n   * trace panel); each `depth` level trims them by a small fixed amount so a\n   * same-size parent still peeks out beneath. Changing `size` while open\n   * animates the width.\n   */\n  size?: 'md' | 'half' | 'wide' | 'full';\n}\n\nexport interface DataPanelInlineProps extends DataPanelBaseProps {\n  /**\n   * `inline`: the panel card is rendered where it is mounted, in the normal\n   * document flow (no portal, backdrop, focus trap or dismissal gestures).\n   * Mount/unmount it to show/hide it. It fills its container's height, so give\n   * the parent a bounded height for `DataPanel.Content` to scroll.\n   */\n  variant: 'inline';\n  open?: never;\n  onClose?: never;\n  depth?: never;\n  size?: never;\n}\n\nexport type DataPanelProps = DataPanelDrawerProps | DataPanelInlineProps;\n\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden border border-border bg-background';\n\nconst DEPTH_WIDTH = { 1: 'w-xl', 2: 'w-lg', 3: 'w-md' } as const;\nconst SIZE_WIDTH = { half: 'w-1/2', wide: 'w-4/5', full: 'w-full' } as const;\nconst SIZE_PERCENT = { half: '50%', wide: '80%', full: '100%' } as const;\n// Each extra depth level trims a stacked non-`md` panel so the parent peeks out beneath it.\nconst DEPTH_PEEK_REM = 1.5;\n\nexport function DataPanelRoot(props: DataPanelProps) {\n  if (props.variant === 'inline') {\n    return <DataPanelInline {...props} />;\n  }\n  return <DataPanelDrawer {...props} />;\n}\n\nfunction DataPanelInline({ title, description, children, className }: DataPanelInlineProps) {\n  const descriptionId = React.useId();\n\n  return (\n    <DataPanelVariantContext.Provider value=\"inline\">\n      <section\n        data-slot=\"data-panel\"\n        data-variant=\"inline\"\n        aria-label={title}\n        aria-describedby={description ? descriptionId : undefined}\n        // Inline, the card docks beside the app frame, so it shares the frame's rounding.\n        className={cn(CARD_CLASSES, 'h-full min-h-0 rounded-studio-frame', className)}\n      >\n        {description && (\n          <span id={descriptionId} className=\"sr-only\">\n            {description}\n          </span>\n        )}\n        {children}\n      </section>\n    </DataPanelVariantContext.Provider>\n  );\n}\n\nfunction DataPanelDrawer({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelDrawerProps) {\n  // Swipe-exempt mount point for nested popups (Select, DropdownMenu, …) so they\n  // stay inside Base UI's modal focus region and don't start a drawer swipe on\n  // pointerdown. Same pattern as `SideDialogRoot`; see `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <DataPanelVariantContext.Provider value=\"drawer\">\n      <DrawerPrimitive.Root\n        open={open}\n        onOpenChange={nextOpen => {\n          if (!nextOpen) onClose?.();\n        }}\n        swipeDirection=\"right\"\n      >\n        <DrawerPrimitive.Portal>\n          {/* Lighter than the shared `--scrim`: a side panel should keep the page beneath readable. */}\n          <DrawerPrimitive.Backdrop className=\"drawer-backdrop fixed inset-0 z-50 bg-scrim/30\" />\n          <DrawerPrimitive.Viewport className=\"fixed inset-0 z-50\">\n            <DrawerPrimitive.Popup\n              data-slot=\"data-panel-popup\"\n              data-depth={depth}\n              data-size={size}\n              className={cn(\n                'drawer-popup fixed inset-y-0 right-0 z-50 flex max-w-full p-4 outline-none',\n                size === 'md' ? DEPTH_WIDTH[depth] : SIZE_WIDTH[size],\n              )}\n              style={\n                size !== 'md' && depth > 1\n                  ? { width: `calc(${SIZE_PERCENT[size]} - ${(depth - 1) * DEPTH_PEEK_REM}rem)` }\n                  : undefined\n              }\n            >\n              {/* Not a heading: the visible `DataPanel.Heading` already is one; this only names the dialog. */}\n              <DrawerPrimitive.Title render={<span />} className=\"sr-only\">\n                {title}\n              </DrawerPrimitive.Title>\n              {description && (\n                <DrawerPrimitive.Description className=\"sr-only\">{description}</DrawerPrimitive.Description>\n              )}\n\n              <DrawerPrimitive.Content render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n              <PortalContainerProvider container={portalHost}>\n                {/* Whole card is swipe-exempt: pointerdown on tabs/buttons/text must not start a dismiss gesture. */}\n                <DrawerPrimitive.Content render={<section />} className={cn(CARD_CLASSES, 'rounded-xl', className)}>\n                  {children}\n                </DrawerPrimitive.Content>\n              </PortalContainerProvider>\n            </DrawerPrimitive.Popup>\n          </DrawerPrimitive.Viewport>\n        </DrawerPrimitive.Portal>\n      </DrawerPrimitive.Root>\n    </DataPanelVariantContext.Provider>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelCopyId } from './data-panel-copy-id';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeaderActions } from './data-panel-header-actions';\nimport { DataPanelHeaderContent } from './data-panel-header-content';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelMeta, DataPanelMetadata } from './data-panel-metadata';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  HeaderContent: DataPanelHeaderContent,\n  HeaderActions: DataPanelHeaderActions,\n  Heading: DataPanelHeading,\n  Metadata: DataPanelMetadata,\n  Meta: DataPanelMeta,\n  CloseButton: DataPanelCloseButton,\n  CopyId: DataPanelCopyId,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"names":["DrawerPrimitive"],"mappings":"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"}

package/dist/{data-panel-FG2S84x7.cjs → data-panel-Wjgbl6zx.cjs}

@@ -200,7 +200,7 @@ function DataPanelNoData({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "faint", className: "px-3 py-4", children: children ?? "No data found." });
 }
 
-const CARD_CLASSES = "flex max-h-full w-full flex-col overflow-hidden rounded-xl border border-border bg-background";
+const CARD_CLASSES = "flex max-h-full w-full flex-col overflow-hidden border border-border bg-background";
 const DEPTH_WIDTH = { 1: "w-xl", 2: "w-lg", 3: "w-md" };
 const SIZE_WIDTH = { half: "w-1/2", wide: "w-4/5", full: "w-full" };
 const SIZE_PERCENT = { half: "50%", wide: "80%", full: "100%" };
@@ -220,7 +220,7 @@ function DataPanelInline({ title, description, children, className }) {
       "data-variant": "inline",
       "aria-label": title,
       "aria-describedby": description ? descriptionId : void 0,
-      className: utils_cn.cn(CARD_CLASSES, "h-full min-h-0", className),
+      className: utils_cn.cn(CARD_CLASSES, "h-full min-h-0 rounded-studio-frame", className),
       children: [
         description && /* @__PURE__ */ jsxRuntime.jsx("span", { id: descriptionId, className: "sr-only", children: description }),
         children
@@ -264,7 +264,7 @@ function DataPanelDrawer({
               /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Title, { render: /* @__PURE__ */ jsxRuntime.jsx("span", {}), className: "sr-only", children: title }),
               description && /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Description, { className: "sr-only", children: description }),
               /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Content, { render: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setPortalHost, className: "absolute" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(primitives_portalContainer.PortalContainerProvider, { container: portalHost, children: /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Content, { render: /* @__PURE__ */ jsxRuntime.jsx("section", {}), className: utils_cn.cn(CARD_CLASSES, className), children }) })
+              /* @__PURE__ */ jsxRuntime.jsx(primitives_portalContainer.PortalContainerProvider, { container: portalHost, children: /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Content, { render: /* @__PURE__ */ jsxRuntime.jsx("section", {}), className: utils_cn.cn(CARD_CLASSES, "rounded-xl", className), children }) })
             ]
           }
         ) })
@@ -291,4 +291,4 @@ const DataPanel = Object.assign(DataPanelRoot, {
 });
 
 exports.DataPanel = DataPanel;
-//# sourceMappingURL=data-panel-FG2S84x7.cjs.map
+//# sourceMappingURL=data-panel-Wjgbl6zx.cjs.map

package/dist/{data-panel-FG2S84x7.cjs.map → data-panel-Wjgbl6zx.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"data-panel-FG2S84x7.cjs","sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-context.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-copy-id.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-header-actions.tsx","../src/ds/components/DataPanel/data-panel-header-content.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-metadata.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  /** Accessible name; override it when the arrow leads somewhere other than \"closed\" (e.g. back to a parent view). */\n  label?: string;\n  /**\n   * `arrow` (default) is the leading \"leave this panel\" control, rendered first in the header.\n   * `x` dismisses a nested column in place and belongs in `HeaderActions`, on the right.\n   */\n  icon?: 'arrow' | 'x';\n  className?: string;\n  variant?: ButtonProps['variant'];\n}\n\nexport function DataPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  label = 'Close Panel',\n  icon = 'arrow',\n  className,\n  variant = 'ghost',\n}: DataPanelCloseButtonProps) {\n  return (\n    <Button\n      size=\"sm\"\n      variant={variant}\n      onClick={onClick}\n      aria-label={label}\n      tooltip={tooltip}\n      className={cn('shrink-0', className)}\n    >\n      {icon === 'x' ? <XIcon /> : <ArrowLeftIcon />}\n    </Button>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport type DataPanelVariant = 'drawer' | 'inline';\n\n// Defaults to `drawer` so sub-components rendered outside a `DataPanel` keep their historical behavior.\nexport const DataPanelVariantContext = createContext<DataPanelVariant>('drawer');\n\nexport const useDataPanelVariant = () => useContext(DataPanelVariantContext);\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { useDataPanelVariant } from './data-panel-context';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /** Layout overrides (e.g. padding) for the scroll container. */\n  className?: string;\n}\n\nconst CONTENT_CLASSES = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\n// In the drawer variant, `DrawerPrimitive.Content` marks the region as swipe-exempt\n// so scrolling or selecting text inside the panel body doesn't start a\n// swipe-to-dismiss. The inline variant has no drawer, so a plain div is enough.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  const variant = useDataPanelVariant();\n\n  if (variant === 'inline') {\n    return (\n      <div ref={ref} className={cn(CONTENT_CLASSES, className)}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn(CONTENT_CLASSES, className)}>\n      {children}\n    </DrawerPrimitive.Content>\n  );\n}\n","import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface DataPanelCopyIdProps {\n  id: string;\n  /** Characters kept before the ellipsis. Defaults to 12. */\n  maxLength?: number;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12 }: DataPanelCopyIdProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({ text: id, showToast: false });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Tooltip open={isCopied || open} onOpenChange={setOpen}>\n      <TooltipTrigger\n        render={\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={handleCopy}>\n            {truncateString(id, maxLength)}\n          </Button>\n        }\n      />\n      <TooltipContent>{isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Same box as the app `Header`. Leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `flex-wrap` drops the actions onto a second row when the panel is too narrow for one.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1.5',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        'not-last:border-b not-last:border-border',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","export interface DataPanelHeaderActionsProps {\n  children: React.ReactNode;\n}\n\n/**\n * Right-side action slot of a `DataPanel.Header`. Mirrors `HeaderAction` with `gap-2`\n * (these are `size=\"sm\"` controls, like the page header actions) and wraps when the panel is too narrow.\n */\nexport function DataPanelHeaderActions({ children }: DataPanelHeaderActionsProps) {\n  return <div className=\"ml-auto flex min-w-0 flex-wrap items-center justify-end gap-2 self-center\">{children}</div>;\n}\n","import { Children } from 'react';\n\nexport interface DataPanelHeaderContentProps {\n  children: React.ReactNode;\n}\n\n/**\n * Left block of a `DataPanel.Header`: heading followed inline by optional `Metadata`, truncated when too long.\n * A vertical separator is rendered between the heading and the metadata when both are present.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  const [heading, ...metadata] = Children.toArray(children);\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {heading}\n      {metadata.length > 0 && (\n        <>\n          <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />\n          {metadata}\n        </>\n      )}\n    </div>\n  );\n}\n","import { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        // Same recipe as a current `Crumb` in the page header, with tight horizontal spacing:\n        // inline children like `TraceIdButton` carry their own padding, so `gap-1` + `px-1`\n        // is enough to keep the title close to the leading close arrow and the inline metadata.\n        // `shrink-0`: the heading keeps its text; the inline `Metadata` row is what gets clipped.\n        'inline-flex max-w-full min-w-0 shrink-0 items-center gap-1 rounded-full px-1',\n        controlSizeClasses.sm,\n        'cursor-default text-foreground [&>b]:text-caption [&>b]:text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"flex min-h-32 items-center justify-center gap-2 px-3 py-4 text-caption text-placeholder\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-placeholder\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition, transitions } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelMetadataProps {\n  children: React.ReactNode;\n}\n\n/** Row of `Meta` pills next to a `DataPanel.Heading`. Never wraps; overflowing pills are clipped. */\nexport function DataPanelMetadata({ children }: DataPanelMetadataProps) {\n  return <ul className=\"flex min-w-0 flex-nowrap items-center gap-0.5 overflow-hidden\">{children}</ul>;\n}\n\nexport interface DataPanelMetaProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {\n  /** Element/component to render as (e.g. a router `Link`). Defaults to `span`. */\n  as?: React.ElementType;\n  href?: string;\n  to?: string;\n  /** Prefix icon (bare SVG). */\n  icon?: React.ReactNode;\n  /** Shown on hover/focus; for a static (non-link) meta a string tooltip also becomes the accessible name. */\n  tooltip?: React.ReactNode;\n  children: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport function DataPanelMeta({ as, icon, tooltip, children, className, ...props }: DataPanelMetaProps) {\n  const Root = as ?? 'span';\n  const isInteractive = Boolean(as || props.href || props.to || props.onClick);\n\n  const hasTooltip = tooltip != null;\n  const root = (\n    <Root\n      aria-label={!isInteractive && typeof tooltip === 'string' ? tooltip : undefined}\n      tabIndex={!isInteractive && hasTooltip ? 0 : undefined}\n      className={cn(\n        // Same box as a `size=\"sm\"` ghost `Button` (e.g. `TraceIdButton`), so pills line up\n        // with the heading and the trace ID on the same header row.\n        'inline-flex min-w-0 items-center gap-1.5 overflow-hidden rounded-full px-2',\n        controlSizeClasses.sm,\n        controlStateColorTransition,\n        isInteractive\n          ? cn(quietTextHover, 'cursor-pointer hover:bg-fill-subtle active:bg-fill')\n          : cn('text-muted-foreground', hasTooltip && 'cursor-help'),\n        className,\n      )}\n      {...props}\n    >\n      {icon && (\n        <Icon size=\"xs\" className={cn('shrink-0 opacity-50 group-hover:opacity-100', transitions.opacity)}>\n          {icon}\n        </Icon>\n      )}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </Root>\n  );\n\n  return (\n    <li className=\"group flex h-control-sm min-w-0 shrink-0 items-center\">\n      {!hasTooltip ? (\n        root\n      ) : (\n        <Tooltip>\n          <TooltipTrigger render={root} />\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      )}\n    </li>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n  variant?: ButtonProps['variant'];\n}\n\n/** Two independent previous/next buttons, laid out by the parent `HeaderActions` gap. */\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Go to previous',\n  nextLabel = 'Go to next',\n  variant = 'ghost',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <>\n      <Button size=\"sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"sm\" variant={variant} tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-3 py-4\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { DataPanelVariantContext } from './data-panel-context';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n// `drawer-popup` / `drawer-backdrop` carry the slide + fade transitions.\nimport '../Drawer/drawer.css';\n\ninterface DataPanelBaseProps {\n  /** Accessible name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible description (screen-reader only). */\n  description?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DataPanelDrawerProps extends DataPanelBaseProps {\n  /** `drawer` (default): a modal side drawer portaled to the right edge of the page. */\n  variant?: 'drawer';\n  /** Whether the drawer is shown. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\n  /**\n   * Elevation level when several sibling panels are open at once (not nested in\n   * the React tree, so Base UI's own stacking doesn't apply). A deeper panel is\n   * narrower so the one beneath peeks out on the left. Siblings stack in mount\n   * order: render the deeper panel after the shallower one.\n   */\n  depth?: 1 | 2 | 3;\n  /**\n   * Drawer width. `md` (default) is a narrow detail panel whose width shrinks\n   * with `depth`. `half`/`wide`/`full` are for multi-column content (e.g. the\n   * trace panel); each `depth` level trims them by a small fixed amount so a\n   * same-size parent still peeks out beneath. Changing `size` while open\n   * animates the width.\n   */\n  size?: 'md' | 'half' | 'wide' | 'full';\n}\n\nexport interface DataPanelInlineProps extends DataPanelBaseProps {\n  /**\n   * `inline`: the panel card is rendered where it is mounted, in the normal\n   * document flow (no portal, backdrop, focus trap or dismissal gestures).\n   * Mount/unmount it to show/hide it. It fills its container's height, so give\n   * the parent a bounded height for `DataPanel.Content` to scroll.\n   */\n  variant: 'inline';\n  open?: never;\n  onClose?: never;\n  depth?: never;\n  size?: never;\n}\n\nexport type DataPanelProps = DataPanelDrawerProps | DataPanelInlineProps;\n\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden rounded-xl border border-border bg-background';\n\nconst DEPTH_WIDTH = { 1: 'w-xl', 2: 'w-lg', 3: 'w-md' } as const;\nconst SIZE_WIDTH = { half: 'w-1/2', wide: 'w-4/5', full: 'w-full' } as const;\nconst SIZE_PERCENT = { half: '50%', wide: '80%', full: '100%' } as const;\n// Each extra depth level trims a stacked non-`md` panel so the parent peeks out beneath it.\nconst DEPTH_PEEK_REM = 1.5;\n\nexport function DataPanelRoot(props: DataPanelProps) {\n  if (props.variant === 'inline') {\n    return <DataPanelInline {...props} />;\n  }\n  return <DataPanelDrawer {...props} />;\n}\n\nfunction DataPanelInline({ title, description, children, className }: DataPanelInlineProps) {\n  const descriptionId = React.useId();\n\n  return (\n    <DataPanelVariantContext.Provider value=\"inline\">\n      <section\n        data-slot=\"data-panel\"\n        data-variant=\"inline\"\n        aria-label={title}\n        aria-describedby={description ? descriptionId : undefined}\n        className={cn(CARD_CLASSES, 'h-full min-h-0', className)}\n      >\n        {description && (\n          <span id={descriptionId} className=\"sr-only\">\n            {description}\n          </span>\n        )}\n        {children}\n      </section>\n    </DataPanelVariantContext.Provider>\n  );\n}\n\nfunction DataPanelDrawer({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelDrawerProps) {\n  // Swipe-exempt mount point for nested popups (Select, DropdownMenu, …) so they\n  // stay inside Base UI's modal focus region and don't start a drawer swipe on\n  // pointerdown. Same pattern as `SideDialogRoot`; see `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <DataPanelVariantContext.Provider value=\"drawer\">\n      <DrawerPrimitive.Root\n        open={open}\n        onOpenChange={nextOpen => {\n          if (!nextOpen) onClose?.();\n        }}\n        swipeDirection=\"right\"\n      >\n        <DrawerPrimitive.Portal>\n          {/* Lighter than the shared `--scrim`: a side panel should keep the page beneath readable. */}\n          <DrawerPrimitive.Backdrop className=\"drawer-backdrop fixed inset-0 z-50 bg-scrim/30\" />\n          <DrawerPrimitive.Viewport className=\"fixed inset-0 z-50\">\n            <DrawerPrimitive.Popup\n              data-slot=\"data-panel-popup\"\n              data-depth={depth}\n              data-size={size}\n              className={cn(\n                'drawer-popup fixed inset-y-0 right-0 z-50 flex max-w-full p-4 outline-none',\n                size === 'md' ? DEPTH_WIDTH[depth] : SIZE_WIDTH[size],\n              )}\n              style={\n                size !== 'md' && depth > 1\n                  ? { width: `calc(${SIZE_PERCENT[size]} - ${(depth - 1) * DEPTH_PEEK_REM}rem)` }\n                  : undefined\n              }\n            >\n              {/* Not a heading: the visible `DataPanel.Heading` already is one; this only names the dialog. */}\n              <DrawerPrimitive.Title render={<span />} className=\"sr-only\">\n                {title}\n              </DrawerPrimitive.Title>\n              {description && (\n                <DrawerPrimitive.Description className=\"sr-only\">{description}</DrawerPrimitive.Description>\n              )}\n\n              <DrawerPrimitive.Content render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n              <PortalContainerProvider container={portalHost}>\n                {/* Whole card is swipe-exempt: pointerdown on tabs/buttons/text must not start a dismiss gesture. */}\n                <DrawerPrimitive.Content render={<section />} className={cn(CARD_CLASSES, className)}>\n                  {children}\n                </DrawerPrimitive.Content>\n              </PortalContainerProvider>\n            </DrawerPrimitive.Popup>\n          </DrawerPrimitive.Viewport>\n        </DrawerPrimitive.Portal>\n      </DrawerPrimitive.Root>\n    </DataPanelVariantContext.Provider>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelCopyId } from './data-panel-copy-id';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeaderActions } from './data-panel-header-actions';\nimport { DataPanelHeaderContent } from './data-panel-header-content';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelMeta, DataPanelMetadata } from './data-panel-metadata';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  HeaderContent: DataPanelHeaderContent,\n  HeaderActions: DataPanelHeaderActions,\n  Heading: DataPanelHeading,\n  Metadata: DataPanelMetadata,\n  Meta: DataPanelMeta,\n  CloseButton: DataPanelCloseButton,\n  CopyId: DataPanelCopyId,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"names":["jsx","Button","cn","XIcon","ArrowLeftIcon","createContext","useContext","DrawerPrimitive","useCopyToClipboard","useState","Tooltip","TooltipTrigger","truncateString","TooltipContent","Children","jsxs","Fragment","controlSizeClasses","Spinner","tooltip","controlStateColorTransition","quietTextHover","Icon","transitions","ArrowUpIcon","ArrowDownIcon","Txt","React","PortalContainerProvider","DataCodeSection","DataPanelSectionHeading"],"mappings":"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"}
+{"version":3,"file":"data-panel-Wjgbl6zx.cjs","sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-context.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-copy-id.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-header-actions.tsx","../src/ds/components/DataPanel/data-panel-header-content.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-metadata.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  /** Accessible name; override it when the arrow leads somewhere other than \"closed\" (e.g. back to a parent view). */\n  label?: string;\n  /**\n   * `arrow` (default) is the leading \"leave this panel\" control, rendered first in the header.\n   * `x` dismisses a nested column in place and belongs in `HeaderActions`, on the right.\n   */\n  icon?: 'arrow' | 'x';\n  className?: string;\n  variant?: ButtonProps['variant'];\n}\n\nexport function DataPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  label = 'Close Panel',\n  icon = 'arrow',\n  className,\n  variant = 'ghost',\n}: DataPanelCloseButtonProps) {\n  return (\n    <Button\n      size=\"sm\"\n      variant={variant}\n      onClick={onClick}\n      aria-label={label}\n      tooltip={tooltip}\n      className={cn('shrink-0', className)}\n    >\n      {icon === 'x' ? <XIcon /> : <ArrowLeftIcon />}\n    </Button>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport type DataPanelVariant = 'drawer' | 'inline';\n\n// Defaults to `drawer` so sub-components rendered outside a `DataPanel` keep their historical behavior.\nexport const DataPanelVariantContext = createContext<DataPanelVariant>('drawer');\n\nexport const useDataPanelVariant = () => useContext(DataPanelVariantContext);\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { useDataPanelVariant } from './data-panel-context';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /** Layout overrides (e.g. padding) for the scroll container. */\n  className?: string;\n}\n\nconst CONTENT_CLASSES = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\n// In the drawer variant, `DrawerPrimitive.Content` marks the region as swipe-exempt\n// so scrolling or selecting text inside the panel body doesn't start a\n// swipe-to-dismiss. The inline variant has no drawer, so a plain div is enough.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  const variant = useDataPanelVariant();\n\n  if (variant === 'inline') {\n    return (\n      <div ref={ref} className={cn(CONTENT_CLASSES, className)}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn(CONTENT_CLASSES, className)}>\n      {children}\n    </DrawerPrimitive.Content>\n  );\n}\n","import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface DataPanelCopyIdProps {\n  id: string;\n  /** Characters kept before the ellipsis. Defaults to 12. */\n  maxLength?: number;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12 }: DataPanelCopyIdProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({ text: id, showToast: false });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Tooltip open={isCopied || open} onOpenChange={setOpen}>\n      <TooltipTrigger\n        render={\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={handleCopy}>\n            {truncateString(id, maxLength)}\n          </Button>\n        }\n      />\n      <TooltipContent>{isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Same box as the app `Header`. Leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `flex-wrap` drops the actions onto a second row when the panel is too narrow for one.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1.5',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        'not-last:border-b not-last:border-border',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","export interface DataPanelHeaderActionsProps {\n  children: React.ReactNode;\n}\n\n/**\n * Right-side action slot of a `DataPanel.Header`. Mirrors `HeaderAction` with `gap-2`\n * (these are `size=\"sm\"` controls, like the page header actions) and wraps when the panel is too narrow.\n */\nexport function DataPanelHeaderActions({ children }: DataPanelHeaderActionsProps) {\n  return <div className=\"ml-auto flex min-w-0 flex-wrap items-center justify-end gap-2 self-center\">{children}</div>;\n}\n","import { Children } from 'react';\n\nexport interface DataPanelHeaderContentProps {\n  children: React.ReactNode;\n}\n\n/**\n * Left block of a `DataPanel.Header`: heading followed inline by optional `Metadata`, truncated when too long.\n * A vertical separator is rendered between the heading and the metadata when both are present.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  const [heading, ...metadata] = Children.toArray(children);\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {heading}\n      {metadata.length > 0 && (\n        <>\n          <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />\n          {metadata}\n        </>\n      )}\n    </div>\n  );\n}\n","import { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        // Same recipe as a current `Crumb` in the page header, with tight horizontal spacing:\n        // inline children like `TraceIdButton` carry their own padding, so `gap-1` + `px-1`\n        // is enough to keep the title close to the leading close arrow and the inline metadata.\n        // `shrink-0`: the heading keeps its text; the inline `Metadata` row is what gets clipped.\n        'inline-flex max-w-full min-w-0 shrink-0 items-center gap-1 rounded-full px-1',\n        controlSizeClasses.sm,\n        'cursor-default text-foreground [&>b]:text-caption [&>b]:text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"flex min-h-32 items-center justify-center gap-2 px-3 py-4 text-caption text-placeholder\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-placeholder\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition, transitions } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelMetadataProps {\n  children: React.ReactNode;\n}\n\n/** Row of `Meta` pills next to a `DataPanel.Heading`. Never wraps; overflowing pills are clipped. */\nexport function DataPanelMetadata({ children }: DataPanelMetadataProps) {\n  return <ul className=\"flex min-w-0 flex-nowrap items-center gap-0.5 overflow-hidden\">{children}</ul>;\n}\n\nexport interface DataPanelMetaProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {\n  /** Element/component to render as (e.g. a router `Link`). Defaults to `span`. */\n  as?: React.ElementType;\n  href?: string;\n  to?: string;\n  /** Prefix icon (bare SVG). */\n  icon?: React.ReactNode;\n  /** Shown on hover/focus; for a static (non-link) meta a string tooltip also becomes the accessible name. */\n  tooltip?: React.ReactNode;\n  children: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport function DataPanelMeta({ as, icon, tooltip, children, className, ...props }: DataPanelMetaProps) {\n  const Root = as ?? 'span';\n  const isInteractive = Boolean(as || props.href || props.to || props.onClick);\n\n  const hasTooltip = tooltip != null;\n  const root = (\n    <Root\n      aria-label={!isInteractive && typeof tooltip === 'string' ? tooltip : undefined}\n      tabIndex={!isInteractive && hasTooltip ? 0 : undefined}\n      className={cn(\n        // Same box as a `size=\"sm\"` ghost `Button` (e.g. `TraceIdButton`), so pills line up\n        // with the heading and the trace ID on the same header row.\n        'inline-flex min-w-0 items-center gap-1.5 overflow-hidden rounded-full px-2',\n        controlSizeClasses.sm,\n        controlStateColorTransition,\n        isInteractive\n          ? cn(quietTextHover, 'cursor-pointer hover:bg-fill-subtle active:bg-fill')\n          : cn('text-muted-foreground', hasTooltip && 'cursor-help'),\n        className,\n      )}\n      {...props}\n    >\n      {icon && (\n        <Icon size=\"xs\" className={cn('shrink-0 opacity-50 group-hover:opacity-100', transitions.opacity)}>\n          {icon}\n        </Icon>\n      )}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </Root>\n  );\n\n  return (\n    <li className=\"group flex h-control-sm min-w-0 shrink-0 items-center\">\n      {!hasTooltip ? (\n        root\n      ) : (\n        <Tooltip>\n          <TooltipTrigger render={root} />\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      )}\n    </li>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n  variant?: ButtonProps['variant'];\n}\n\n/** Two independent previous/next buttons, laid out by the parent `HeaderActions` gap. */\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Go to previous',\n  nextLabel = 'Go to next',\n  variant = 'ghost',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <>\n      <Button size=\"sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"sm\" variant={variant} tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-3 py-4\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { DataPanelVariantContext } from './data-panel-context';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n// `drawer-popup` / `drawer-backdrop` carry the slide + fade transitions.\nimport '../Drawer/drawer.css';\n\ninterface DataPanelBaseProps {\n  /** Accessible name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible description (screen-reader only). */\n  description?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DataPanelDrawerProps extends DataPanelBaseProps {\n  /** `drawer` (default): a modal side drawer portaled to the right edge of the page. */\n  variant?: 'drawer';\n  /** Whether the drawer is shown. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\n  /**\n   * Elevation level when several sibling panels are open at once (not nested in\n   * the React tree, so Base UI's own stacking doesn't apply). A deeper panel is\n   * narrower so the one beneath peeks out on the left. Siblings stack in mount\n   * order: render the deeper panel after the shallower one.\n   */\n  depth?: 1 | 2 | 3;\n  /**\n   * Drawer width. `md` (default) is a narrow detail panel whose width shrinks\n   * with `depth`. `half`/`wide`/`full` are for multi-column content (e.g. the\n   * trace panel); each `depth` level trims them by a small fixed amount so a\n   * same-size parent still peeks out beneath. Changing `size` while open\n   * animates the width.\n   */\n  size?: 'md' | 'half' | 'wide' | 'full';\n}\n\nexport interface DataPanelInlineProps extends DataPanelBaseProps {\n  /**\n   * `inline`: the panel card is rendered where it is mounted, in the normal\n   * document flow (no portal, backdrop, focus trap or dismissal gestures).\n   * Mount/unmount it to show/hide it. It fills its container's height, so give\n   * the parent a bounded height for `DataPanel.Content` to scroll.\n   */\n  variant: 'inline';\n  open?: never;\n  onClose?: never;\n  depth?: never;\n  size?: never;\n}\n\nexport type DataPanelProps = DataPanelDrawerProps | DataPanelInlineProps;\n\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden border border-border bg-background';\n\nconst DEPTH_WIDTH = { 1: 'w-xl', 2: 'w-lg', 3: 'w-md' } as const;\nconst SIZE_WIDTH = { half: 'w-1/2', wide: 'w-4/5', full: 'w-full' } as const;\nconst SIZE_PERCENT = { half: '50%', wide: '80%', full: '100%' } as const;\n// Each extra depth level trims a stacked non-`md` panel so the parent peeks out beneath it.\nconst DEPTH_PEEK_REM = 1.5;\n\nexport function DataPanelRoot(props: DataPanelProps) {\n  if (props.variant === 'inline') {\n    return <DataPanelInline {...props} />;\n  }\n  return <DataPanelDrawer {...props} />;\n}\n\nfunction DataPanelInline({ title, description, children, className }: DataPanelInlineProps) {\n  const descriptionId = React.useId();\n\n  return (\n    <DataPanelVariantContext.Provider value=\"inline\">\n      <section\n        data-slot=\"data-panel\"\n        data-variant=\"inline\"\n        aria-label={title}\n        aria-describedby={description ? descriptionId : undefined}\n        // Inline, the card docks beside the app frame, so it shares the frame's rounding.\n        className={cn(CARD_CLASSES, 'h-full min-h-0 rounded-studio-frame', className)}\n      >\n        {description && (\n          <span id={descriptionId} className=\"sr-only\">\n            {description}\n          </span>\n        )}\n        {children}\n      </section>\n    </DataPanelVariantContext.Provider>\n  );\n}\n\nfunction DataPanelDrawer({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelDrawerProps) {\n  // Swipe-exempt mount point for nested popups (Select, DropdownMenu, …) so they\n  // stay inside Base UI's modal focus region and don't start a drawer swipe on\n  // pointerdown. Same pattern as `SideDialogRoot`; see `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <DataPanelVariantContext.Provider value=\"drawer\">\n      <DrawerPrimitive.Root\n        open={open}\n        onOpenChange={nextOpen => {\n          if (!nextOpen) onClose?.();\n        }}\n        swipeDirection=\"right\"\n      >\n        <DrawerPrimitive.Portal>\n          {/* Lighter than the shared `--scrim`: a side panel should keep the page beneath readable. */}\n          <DrawerPrimitive.Backdrop className=\"drawer-backdrop fixed inset-0 z-50 bg-scrim/30\" />\n          <DrawerPrimitive.Viewport className=\"fixed inset-0 z-50\">\n            <DrawerPrimitive.Popup\n              data-slot=\"data-panel-popup\"\n              data-depth={depth}\n              data-size={size}\n              className={cn(\n                'drawer-popup fixed inset-y-0 right-0 z-50 flex max-w-full p-4 outline-none',\n                size === 'md' ? DEPTH_WIDTH[depth] : SIZE_WIDTH[size],\n              )}\n              style={\n                size !== 'md' && depth > 1\n                  ? { width: `calc(${SIZE_PERCENT[size]} - ${(depth - 1) * DEPTH_PEEK_REM}rem)` }\n                  : undefined\n              }\n            >\n              {/* Not a heading: the visible `DataPanel.Heading` already is one; this only names the dialog. */}\n              <DrawerPrimitive.Title render={<span />} className=\"sr-only\">\n                {title}\n              </DrawerPrimitive.Title>\n              {description && (\n                <DrawerPrimitive.Description className=\"sr-only\">{description}</DrawerPrimitive.Description>\n              )}\n\n              <DrawerPrimitive.Content render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n              <PortalContainerProvider container={portalHost}>\n                {/* Whole card is swipe-exempt: pointerdown on tabs/buttons/text must not start a dismiss gesture. */}\n                <DrawerPrimitive.Content render={<section />} className={cn(CARD_CLASSES, 'rounded-xl', className)}>\n                  {children}\n                </DrawerPrimitive.Content>\n              </PortalContainerProvider>\n            </DrawerPrimitive.Popup>\n          </DrawerPrimitive.Viewport>\n        </DrawerPrimitive.Portal>\n      </DrawerPrimitive.Root>\n    </DataPanelVariantContext.Provider>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelCopyId } from './data-panel-copy-id';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeaderActions } from './data-panel-header-actions';\nimport { DataPanelHeaderContent } from './data-panel-header-content';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelMeta, DataPanelMetadata } from './data-panel-metadata';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  HeaderContent: DataPanelHeaderContent,\n  HeaderActions: DataPanelHeaderActions,\n  Heading: DataPanelHeading,\n  Metadata: DataPanelMetadata,\n  Meta: DataPanelMeta,\n  CloseButton: DataPanelCloseButton,\n  CopyId: DataPanelCopyId,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"names":["jsx","Button","cn","XIcon","ArrowLeftIcon","createContext","useContext","DrawerPrimitive","useCopyToClipboard","useState","Tooltip","TooltipTrigger","truncateString","TooltipContent","Children","jsxs","Fragment","controlSizeClasses","Spinner","tooltip","controlStateColorTransition","quietTextHover","Icon","transitions","ArrowUpIcon","ArrowDownIcon","Txt","React","PortalContainerProvider","DataCodeSection","DataPanelSectionHeading"],"mappings":"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"}

package/dist/domains/chat/tools/badges/workflow-badge.cjs.js

@@ -15,7 +15,6 @@ const domains_chat_tools_badges_toolApprovalBadge = require('./tool-approval-bad
 const domains_requestContext_hooks_useEntityRequestContext = require('../../../request-context/hooks/use-entity-request-context.cjs.js');
 const domains_workflows_context_workflowRunContext = require('../../../workflows/context/workflow-run-context.cjs.js');
 require('@tanstack/react-query');
-require('../../../../toast-C8a7bWV8.cjs');
 const domains_workflows_context_workflowStepDetailContext = require('../../../workflows/context/workflow-step-detail-context.cjs.js');
 const domains_workflows_context_workflowStepDetailProvider = require('../../../workflows/context/workflow-step-detail-provider.cjs.js');
 const domains_workflows_context_workflowSelectedStepContext = require('../../../workflows/context/workflow-selected-step-context.cjs.js');

package/dist/domains/chat/tools/badges/workflow-badge.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/workflow-badge.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { useWorkflow } from '@mastra/react/hooks/workflows';\nimport { Eye } from 'lucide-react';\nimport { useContext, useEffect } from 'react';\nimport { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport type { MessageMetadata } from '@/domains/chat';\n\nimport { LoadingBadge } from '@/domains/chat/components/loading-badge';\nimport { NetworkChoiceMetadataDialogTrigger } from '@/domains/chat/components/network-choice-metadata-dialog';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { useEntityRequestContext } from '@/domains/request-context/hooks/use-entity-request-context';\nimport {\n  WorkflowGraph,\n  WorkflowRunContext,\n  WorkflowSelectedStepProvider,\n  WorkflowStepDetailProvider,\n  useWorkflowStepDetail,\n} from '@/domains/workflows';\nimport { WorkflowStepDetailContent } from '@/domains/workflows/components/workflow-step-detail';\nimport { PlaygroundWorkflowRunProvider } from '@/domains/workflows/context/playground-workflow-run-provider';\nimport type { WorkflowRunStreamResult } from '@/domains/workflows/context/workflow-run-context';\nimport { ToolCallMono } from '@/ds/components/ai/tool-call';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface WorkflowBadgeProps extends Omit<ToolApprovalRequest, 'toolCalled'> {\n  workflowId: string;\n  result?: any;\n  isStreaming?: boolean;\n  metadata?: MessageMetadata;\n  suspendPayload?: any;\n  toolCalled?: boolean;\n}\n\nexport const WorkflowBadge = ({\n  result,\n  workflowId,\n  isStreaming,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  suspendPayload,\n  toolName,\n  isNetwork,\n  toolCalled,\n}: WorkflowBadgeProps) => {\n  const { runId, status } = result || {};\n  const { data: workflow, isLoading: isWorkflowLoading } = useWorkflow({\n    workflowId,\n    requestContext: useEntityRequestContext('workflow', workflowId)[0],\n    queryOptions: { enabled: Boolean(workflowId) },\n  });\n  const routingDecision = metadata?.mode === 'network' ? metadata.routingDecision : undefined;\n  const selectionReason =\n    metadata?.mode === 'network' ? (routingDecision?.selectionReason ?? metadata.selectionReason) : undefined;\n  const agentNetworkInput = metadata?.mode === 'network' ? (routingDecision ?? metadata.agentInput) : undefined;\n\n  const bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  let suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <ToolCallMono copyText={suspendPayload} className=\"text-muted-foreground\">\n        {suspendPayload}\n      </ToolCallMono>\n    ) : (\n      <CodeEditor data={suspendPayload} data-testid=\"tool-suspend-payload\" />\n    );\n\n  if (isWorkflowLoading || !workflow) return <LoadingBadge />;\n\n  const toolCalledOrFinished = toolCalled ?? !!status;\n  const showsRun = isStreaming || Boolean(runId);\n  const hasBody =\n    showsRun ||\n    Boolean(suspendPayload) ||\n    awaitsToolApproval({ toolApprovalMetadata, toolCalled: toolCalledOrFinished });\n\n  return (\n    <ToolApprovalBadge\n      approval={{\n        toolCalled: toolCalledOrFinished,\n        toolCallId,\n        toolApprovalMetadata,\n        toolName,\n        isNetwork,\n        isGenerateMode: metadata?.mode === 'generate',\n      }}\n      data-testid=\"workflow-badge\"\n      icon={<WorkflowIcon className=\"text-span-workflow\" />}\n      title={workflow.name}\n      initialCollapsed={false}\n      extraInfo={\n        metadata?.mode === 'network' ? (\n          <NetworkChoiceMetadataDialogTrigger\n            selectionReason={selectionReason ?? ''}\n            input={agentNetworkInput as string | Record<string, unknown> | undefined}\n          />\n        ) : bgEntry?.taskId && bgEntry?.startedAt ? (\n          <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />\n        ) : null\n      }\n    >\n      {hasBody && (\n        <>\n          {!isStreaming && runId && (\n            <PlaygroundWorkflowRunProvider workflowId={workflowId} initialRunId={runId} withoutTimeTravel>\n              <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />\n            </PlaygroundWorkflowRunProvider>\n          )}\n\n          {isStreaming && <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />}\n\n          {suspendPayloadSlot !== undefined && suspendPayload && (\n            <div>\n              <SectionLabel>Workflow suspend payload</SectionLabel>\n              {suspendPayloadSlot}\n            </div>\n          )}\n        </>\n      )}\n    </ToolApprovalBadge>\n  );\n};\n\ninterface WorkflowBadgeExtendedProps {\n  workflowId: string;\n  runId?: string;\n  workflow: GetWorkflowResponse;\n}\n\nconst WorkflowBadgeExtended = ({ workflowId, workflow, runId }: WorkflowBadgeExtendedProps) => {\n  const requestContext = useEntityRequestContext('workflow', workflowId)[0];\n  const { Link } = useLinkComponent();\n  const { isLoadingRunExecutionResult } = useContext(WorkflowRunContext);\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 pb-2\">\n        <Button icon={<WorkflowIcon />} render={<Link href={`/workflows/${workflowId}/graph`} />}>\n          Go to workflow\n        </Button>\n        {runId && (\n          <Button icon={<Eye />} render={<Link href={`/workflows/${workflowId}/graph/${runId}`} />}>\n            See run\n          </Button>\n        )}\n      </div>\n\n      <WorkflowSelectedStepProvider>\n        <WorkflowStepDetailProvider>\n          <div className=\"h-[60vh] w-full overflow-hidden rounded-md\">\n            <WorkflowGraph\n              workflowId={workflowId}\n              workflow={workflow}\n              isLoading={isLoadingRunExecutionResult}\n              requestContext={requestContext}\n            />\n          </div>\n          <WorkflowBadgeStepDetail requestContext={requestContext} />\n        </WorkflowStepDetailProvider>\n      </WorkflowSelectedStepProvider>\n    </>\n  );\n};\n\nconst WorkflowBadgeStepDetail = ({ requestContext }: { requestContext: Record<string, any> }) => {\n  const { stepDetail } = useWorkflowStepDetail();\n  if (!stepDetail) return null;\n  return (\n    <div className=\"mt-2 flex max-h-[60vh] flex-col overflow-hidden rounded-md border border-border bg-background\">\n      <WorkflowStepDetailContent requestContext={requestContext} />\n    </div>\n  );\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const useWorkflowStream = (workflowFullState?: WorkflowRunStreamResult) => {\n  const { setResult } = useContext(WorkflowRunContext);\n\n  useEffect(() => {\n    if (!workflowFullState) return;\n    setResult(workflowFullState);\n  }, [workflowFullState, setResult]);\n};\n"],"names":["useWorkflow","useEntityRequestContext","jsx","ToolCallMono","CodeEditor","LoadingBadge","awaitsToolApproval","ToolApprovalBadge","WorkflowIcon","NetworkChoiceMetadataDialogTrigger","BackgroundTaskMetadataDialogTrigger","jsxs","Fragment","PlaygroundWorkflowRunProvider","SectionLabel","useLinkComponent","useContext","WorkflowRunContext","Button","Eye","WorkflowSelectedStepProvider","WorkflowStepDetailProvider","WorkflowGraph","useWorkflowStepDetail","WorkflowStepDetailContent","useEffect"],"mappings":"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"}
+{"version":3,"file":"workflow-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/workflow-badge.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { useWorkflow } from '@mastra/react/hooks/workflows';\nimport { Eye } from 'lucide-react';\nimport { useContext, useEffect } from 'react';\nimport { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport type { MessageMetadata } from '@/domains/chat';\n\nimport { LoadingBadge } from '@/domains/chat/components/loading-badge';\nimport { NetworkChoiceMetadataDialogTrigger } from '@/domains/chat/components/network-choice-metadata-dialog';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { useEntityRequestContext } from '@/domains/request-context/hooks/use-entity-request-context';\nimport {\n  WorkflowGraph,\n  WorkflowRunContext,\n  WorkflowSelectedStepProvider,\n  WorkflowStepDetailProvider,\n  useWorkflowStepDetail,\n} from '@/domains/workflows';\nimport { WorkflowStepDetailContent } from '@/domains/workflows/components/workflow-step-detail';\nimport { PlaygroundWorkflowRunProvider } from '@/domains/workflows/context/playground-workflow-run-provider';\nimport type { WorkflowRunStreamResult } from '@/domains/workflows/context/workflow-run-context';\nimport { ToolCallMono } from '@/ds/components/ai/tool-call';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface WorkflowBadgeProps extends Omit<ToolApprovalRequest, 'toolCalled'> {\n  workflowId: string;\n  result?: any;\n  isStreaming?: boolean;\n  metadata?: MessageMetadata;\n  suspendPayload?: any;\n  toolCalled?: boolean;\n}\n\nexport const WorkflowBadge = ({\n  result,\n  workflowId,\n  isStreaming,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  suspendPayload,\n  toolName,\n  isNetwork,\n  toolCalled,\n}: WorkflowBadgeProps) => {\n  const { runId, status } = result || {};\n  const { data: workflow, isLoading: isWorkflowLoading } = useWorkflow({\n    workflowId,\n    requestContext: useEntityRequestContext('workflow', workflowId)[0],\n    queryOptions: { enabled: Boolean(workflowId) },\n  });\n  const routingDecision = metadata?.mode === 'network' ? metadata.routingDecision : undefined;\n  const selectionReason =\n    metadata?.mode === 'network' ? (routingDecision?.selectionReason ?? metadata.selectionReason) : undefined;\n  const agentNetworkInput = metadata?.mode === 'network' ? (routingDecision ?? metadata.agentInput) : undefined;\n\n  const bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  let suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <ToolCallMono copyText={suspendPayload} className=\"text-muted-foreground\">\n        {suspendPayload}\n      </ToolCallMono>\n    ) : (\n      <CodeEditor data={suspendPayload} data-testid=\"tool-suspend-payload\" />\n    );\n\n  if (isWorkflowLoading || !workflow) return <LoadingBadge />;\n\n  const toolCalledOrFinished = toolCalled ?? !!status;\n  const showsRun = isStreaming || Boolean(runId);\n  const hasBody =\n    showsRun ||\n    Boolean(suspendPayload) ||\n    awaitsToolApproval({ toolApprovalMetadata, toolCalled: toolCalledOrFinished });\n\n  return (\n    <ToolApprovalBadge\n      approval={{\n        toolCalled: toolCalledOrFinished,\n        toolCallId,\n        toolApprovalMetadata,\n        toolName,\n        isNetwork,\n        isGenerateMode: metadata?.mode === 'generate',\n      }}\n      data-testid=\"workflow-badge\"\n      icon={<WorkflowIcon className=\"text-span-workflow\" />}\n      title={workflow.name}\n      initialCollapsed={false}\n      extraInfo={\n        metadata?.mode === 'network' ? (\n          <NetworkChoiceMetadataDialogTrigger\n            selectionReason={selectionReason ?? ''}\n            input={agentNetworkInput as string | Record<string, unknown> | undefined}\n          />\n        ) : bgEntry?.taskId && bgEntry?.startedAt ? (\n          <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />\n        ) : null\n      }\n    >\n      {hasBody && (\n        <>\n          {!isStreaming && runId && (\n            <PlaygroundWorkflowRunProvider workflowId={workflowId} initialRunId={runId} withoutTimeTravel>\n              <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />\n            </PlaygroundWorkflowRunProvider>\n          )}\n\n          {isStreaming && <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />}\n\n          {suspendPayloadSlot !== undefined && suspendPayload && (\n            <div>\n              <SectionLabel>Workflow suspend payload</SectionLabel>\n              {suspendPayloadSlot}\n            </div>\n          )}\n        </>\n      )}\n    </ToolApprovalBadge>\n  );\n};\n\ninterface WorkflowBadgeExtendedProps {\n  workflowId: string;\n  runId?: string;\n  workflow: GetWorkflowResponse;\n}\n\nconst WorkflowBadgeExtended = ({ workflowId, workflow, runId }: WorkflowBadgeExtendedProps) => {\n  const requestContext = useEntityRequestContext('workflow', workflowId)[0];\n  const { Link } = useLinkComponent();\n  const { isLoadingRunExecutionResult } = useContext(WorkflowRunContext);\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 pb-2\">\n        <Button icon={<WorkflowIcon />} render={<Link href={`/workflows/${workflowId}/graph`} />}>\n          Go to workflow\n        </Button>\n        {runId && (\n          <Button icon={<Eye />} render={<Link href={`/workflows/${workflowId}/graph/${runId}`} />}>\n            See run\n          </Button>\n        )}\n      </div>\n\n      <WorkflowSelectedStepProvider>\n        <WorkflowStepDetailProvider>\n          <div className=\"h-[60vh] w-full overflow-hidden rounded-md\">\n            <WorkflowGraph\n              workflowId={workflowId}\n              workflow={workflow}\n              isLoading={isLoadingRunExecutionResult}\n              requestContext={requestContext}\n            />\n          </div>\n          <WorkflowBadgeStepDetail requestContext={requestContext} />\n        </WorkflowStepDetailProvider>\n      </WorkflowSelectedStepProvider>\n    </>\n  );\n};\n\nconst WorkflowBadgeStepDetail = ({ requestContext }: { requestContext: Record<string, any> }) => {\n  const { stepDetail } = useWorkflowStepDetail();\n  if (!stepDetail) return null;\n  return (\n    <div className=\"mt-2 flex max-h-[60vh] flex-col overflow-hidden rounded-md border border-border bg-background\">\n      <WorkflowStepDetailContent requestContext={requestContext} />\n    </div>\n  );\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const useWorkflowStream = (workflowFullState?: WorkflowRunStreamResult) => {\n  const { setResult } = useContext(WorkflowRunContext);\n\n  useEffect(() => {\n    if (!workflowFullState) return;\n    setResult(workflowFullState);\n  }, [workflowFullState, setResult]);\n};\n"],"names":["useWorkflow","useEntityRequestContext","jsx","ToolCallMono","CodeEditor","LoadingBadge","awaitsToolApproval","ToolApprovalBadge","WorkflowIcon","NetworkChoiceMetadataDialogTrigger","BackgroundTaskMetadataDialogTrigger","jsxs","Fragment","PlaygroundWorkflowRunProvider","SectionLabel","useLinkComponent","useContext","WorkflowRunContext","Button","Eye","WorkflowSelectedStepProvider","WorkflowStepDetailProvider","WorkflowGraph","useWorkflowStepDetail","WorkflowStepDetailContent","useEffect"],"mappings":"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"}

package/dist/domains/chat/tools/badges/workflow-badge.es.js

@@ -11,7 +11,6 @@ import { ToolApprovalBadge } from './tool-approval-badge.es.js';
 import { useEntityRequestContext } from '../../../request-context/hooks/use-entity-request-context.es.js';
 import { WorkflowRunContext } from '../../../workflows/context/workflow-run-context.es.js';
 import '@tanstack/react-query';
-import '../../../../toast-WCmYXnuT.js';
 import { useWorkflowStepDetail } from '../../../workflows/context/workflow-step-detail-context.es.js';
 import { WorkflowStepDetailProvider } from '../../../workflows/context/workflow-step-detail-provider.es.js';
 import { WorkflowSelectedStepProvider } from '../../../workflows/context/workflow-selected-step-context.es.js';