@mastra/playground-ui 69.0.0-alpha.0 → 69.0.0-alpha.2

package/dist/{DataDetailsPanel-BDoD6pxx.cjs.map → DataDetailsPanel-DCMlaG7j.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DataDetailsPanel-BDoD6pxx.cjs","names":["DataDetailsPanel","cn","Button","XIcon","useState","useMemo","cn","ButtonsGroup","CopyButton","Button","AlignLeftIcon","AlignJustifyIcon","raisedSurfaceStyle","CodeEditor","cn","Txt","cn","cn","Spinner","Txt","Root"],"sources":["../src/ds/components/DataDetailsPanel/data-details-panel.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-close-button.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-code-section.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-content.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-header.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-heading.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-key-value-list.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-loading-data.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-no-data.tsx","../src/ds/components/DataDetailsPanel/index.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelProps {\n  collapsed?: boolean;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanel({ collapsed, children }: DataDetailsPanelProps) {\n  return (\n    <section\n      className={cn(\n        'flex flex-col overflow-hidden rounded-xl border border-border bg-background',\n        collapsed ? 'h-auto' : 'h-full',\n      )}\n    >\n      {children}\n    </section>\n  );\n}\n","import { XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport interface DataDetailsPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  className?: string;\n}\n\nexport function DataDetailsPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  className,\n}: DataDetailsPanelCloseButtonProps) {\n  return (\n    <Button size=\"icon-md\" onClick={onClick} aria-label=\"Close panel\" tooltip={tooltip} className={className}>\n      <XIcon />\n    </Button>\n  );\n}\n","import { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelCodeSectionProps {\n  title: React.ReactNode;\n  icon?: React.ReactNode;\n  codeStr?: string;\n  simplified?: boolean;\n  className?: string;\n  /** Extra controls rendered in the header, before the built-in copy button. */\n  actions?: React.ReactNode;\n}\n\nexport function DataDetailsPanelCodeSection({\n  codeStr = '',\n  title,\n  icon,\n  simplified = false,\n  className,\n  actions,\n}: DataDetailsPanelCodeSectionProps) {\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const hasMultilineText = useMemo(() => {\n    try {\n      const parsed = JSON.parse(codeStr);\n      return containsInnerNewline(parsed || '');\n    } catch {\n      return false;\n    }\n  }, [codeStr]);\n\n  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n  const usePlainTextView = simplified || showAsMultilineText;\n\n  if (!codeStr || codeStr === 'null') return null;\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      <div className=\"flex items-center justify-between\">\n        <div\n          className={cn(\n            'flex items-center gap-1.5 text-meta tracking-widest text-placeholder uppercase',\n            '[&>svg]:size-3.5',\n          )}\n        >\n          {icon}\n          {title}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {actions}\n          <ButtonsGroup size=\"sm\">\n            <CopyButton content={codeStr || 'No content'} />\n            {hasMultilineText && (\n              <Button\n                size=\"icon-md\"\n                aria-label={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n                onClick={() => setShowAsMultilineText(v => !v)}\n              >\n                {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n              </Button>\n            )}\n          </ButtonsGroup>\n        </div>\n      </div>\n      <div\n        className={cn(\n          raisedSurfaceStyle,\n          'max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground',\n        )}\n      >\n        {usePlainTextView ? (\n          <div className=\"font-mono break-all text-muted-foreground\">\n            <pre className=\"text-wrap\">{finalCodeStr}</pre>\n          </div>\n        ) : (\n          <CodeEditor\n            value={codeStr}\n            language=\"json\"\n            editable={false}\n            lineNumbers={false}\n            showCopyButton={false}\n            variant=\"embedded\"\n            aria-label={typeof title === 'string' ? title : 'JSON'}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction containsInnerNewline(obj: unknown): boolean {\n  if (typeof obj === 'string') {\n    const idx = obj.indexOf('\\n');\n    return idx !== -1 && idx !== obj.length - 1;\n  } else if (Array.isArray(obj)) {\n    return obj.some(item => containsInnerNewline(item));\n  } else if (obj && typeof obj === 'object') {\n    return Object.values(obj).some(value => containsInnerNewline(value));\n  }\n  return false;\n}\n","import type { ReactNode } from 'react';\n\nexport interface DataDetailsPanelContentProps {\n  children: ReactNode;\n}\n\nexport function DataDetailsPanelContent({ children }: DataDetailsPanelContentProps) {\n  return <div className=\"flex-1 overflow-y-auto p-4\">{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanelHeader({ className, children }: DataDetailsPanelHeaderProps) {\n  return (\n    <div className={cn('mx-4 flex items-center justify-between gap-2 border-b border-border py-3', className)}>\n      {children}\n    </div>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanelHeading({ className, children }: DataDetailsPanelHeadingProps) {\n  return (\n    <Txt as=\"h3\" tone=\"muted\" className={cn('flex gap-2 [&>b]:text-caption [&>b]:text-placeholder', className)}>\n      {children}\n    </Txt>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelKeyValueListProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Root({ className, children }: DataDetailsPanelKeyValueListProps) {\n  return <dl className={cn('grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5', className)}>{children}</dl>;\n}\n\nexport interface DataDetailsPanelKeyValueListKeyProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Key({ className, children }: DataDetailsPanelKeyValueListKeyProps) {\n  return <dt className={cn('shrink-0 py-0.5 text-body-sm text-placeholder', className)}>{children}</dt>;\n}\n\nexport interface DataDetailsPanelKeyValueListValueProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Value({ className, children }: DataDetailsPanelKeyValueListValueProps) {\n  return <dd className={cn('min-w-0 truncate py-0.5 text-body-sm text-muted-foreground', className)}>{children}</dd>;\n}\n\nexport interface DataDetailsPanelKeyValueListHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Header({ className, children }: DataDetailsPanelKeyValueListHeaderProps) {\n  return (\n    <dt className={cn('col-span-2 py-3 text-caption tracking-widest text-placeholder uppercase', className)}>\n      {children}\n    </dt>\n  );\n}\n\nexport const DataDetailsPanelKeyValueList = Object.assign(Root, {\n  Key,\n  Value,\n  Header,\n});\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataDetailsPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataDetailsPanelLoadingData({ children }: DataDetailsPanelLoadingDataProps) {\n  return (\n    <div className=\"flex items-center justify-center gap-2 px-4 py-6 text-caption text-muted-foreground\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-muted-foreground\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataDetailsPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataDetailsPanelNoData({ children }: DataDetailsPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-4 py-6\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { DataDetailsPanel as Root } from './data-details-panel';\nimport { DataDetailsPanelCloseButton } from './data-details-panel-close-button';\nimport { DataDetailsPanelCodeSection } from './data-details-panel-code-section';\nimport { DataDetailsPanelContent } from './data-details-panel-content';\nimport { DataDetailsPanelHeader } from './data-details-panel-header';\nimport { DataDetailsPanelHeading } from './data-details-panel-heading';\nimport { DataDetailsPanelKeyValueList } from './data-details-panel-key-value-list';\nimport { DataDetailsPanelLoadingData } from './data-details-panel-loading-data';\nimport { DataDetailsPanelNoData } from './data-details-panel-no-data';\n\nconst DataDetailsPanel = Object.assign(Root, {\n  Header: DataDetailsPanelHeader,\n  Heading: DataDetailsPanelHeading,\n  CloseButton: DataDetailsPanelCloseButton,\n  LoadingData: DataDetailsPanelLoadingData,\n  NoData: DataDetailsPanelNoData,\n  Content: DataDetailsPanelContent,\n  KeyValueList: DataDetailsPanelKeyValueList,\n  CodeSection: DataDetailsPanelCodeSection,\n});\n\nexport { DataDetailsPanel };\nexport type { DataDetailsPanelProps } from './data-details-panel';\nexport type { DataDetailsPanelHeaderProps } from './data-details-panel-header';\nexport type { DataDetailsPanelHeadingProps } from './data-details-panel-heading';\nexport type { DataDetailsPanelCloseButtonProps } from './data-details-panel-close-button';\nexport type { DataDetailsPanelLoadingDataProps } from './data-details-panel-loading-data';\nexport type { DataDetailsPanelNoDataProps } from './data-details-panel-no-data';\nexport type { DataDetailsPanelContentProps } from './data-details-panel-content';\nexport type {\n  DataDetailsPanelKeyValueListProps,\n  DataDetailsPanelKeyValueListKeyProps,\n  DataDetailsPanelKeyValueListValueProps,\n  DataDetailsPanelKeyValueListHeaderProps,\n} from './data-details-panel-key-value-list';\nexport type { DataDetailsPanelCodeSectionProps } from './data-details-panel-code-section';\n"],"mappings":"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"}
+{"version":3,"file":"DataDetailsPanel-DCMlaG7j.cjs","names":["DataDetailsPanel","cn","Button","XIcon","useState","useMemo","cn","ButtonsGroup","CopyButton","Button","AlignLeftIcon","AlignJustifyIcon","raisedSurfaceStyle","CodeEditor","cn","Txt","cn","cn","Spinner","Txt","Root"],"sources":["../src/ds/components/DataDetailsPanel/data-details-panel.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-close-button.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-code-section.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-content.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-header.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-heading.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-key-value-list.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-loading-data.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-no-data.tsx","../src/ds/components/DataDetailsPanel/index.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelProps {\n  collapsed?: boolean;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanel({ collapsed, children }: DataDetailsPanelProps) {\n  return (\n    <section\n      className={cn(\n        'flex flex-col overflow-hidden rounded-xl border border-border bg-background',\n        collapsed ? 'h-auto' : 'h-full',\n      )}\n    >\n      {children}\n    </section>\n  );\n}\n","import { XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport interface DataDetailsPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  className?: string;\n}\n\nexport function DataDetailsPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  className,\n}: DataDetailsPanelCloseButtonProps) {\n  return (\n    <Button size=\"icon-md\" onClick={onClick} aria-label=\"Close panel\" tooltip={tooltip} className={className}>\n      <XIcon />\n    </Button>\n  );\n}\n","import { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelCodeSectionProps {\n  title: React.ReactNode;\n  icon?: React.ReactNode;\n  codeStr?: string;\n  simplified?: boolean;\n  className?: string;\n  /** Extra controls rendered in the header, before the built-in copy button. */\n  actions?: React.ReactNode;\n}\n\nexport function DataDetailsPanelCodeSection({\n  codeStr = '',\n  title,\n  icon,\n  simplified = false,\n  className,\n  actions,\n}: DataDetailsPanelCodeSectionProps) {\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const hasMultilineText = useMemo(() => {\n    try {\n      const parsed = JSON.parse(codeStr);\n      return containsInnerNewline(parsed || '');\n    } catch {\n      return false;\n    }\n  }, [codeStr]);\n\n  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n  const usePlainTextView = simplified || showAsMultilineText;\n\n  if (!codeStr || codeStr === 'null') return null;\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      <div className=\"flex items-center justify-between\">\n        <div\n          className={cn(\n            'flex items-center gap-1.5 text-meta tracking-widest text-placeholder uppercase',\n            '[&>svg]:size-3.5',\n          )}\n        >\n          {icon}\n          {title}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {actions}\n          <ButtonsGroup size=\"sm\">\n            <CopyButton content={codeStr || 'No content'} />\n            {hasMultilineText && (\n              <Button\n                size=\"icon-md\"\n                aria-label={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n                onClick={() => setShowAsMultilineText(v => !v)}\n              >\n                {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n              </Button>\n            )}\n          </ButtonsGroup>\n        </div>\n      </div>\n      <div\n        className={cn(\n          raisedSurfaceStyle,\n          'max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground',\n        )}\n      >\n        {usePlainTextView ? (\n          <div className=\"font-mono break-all text-muted-foreground\">\n            <pre className=\"text-wrap\">{finalCodeStr}</pre>\n          </div>\n        ) : (\n          <CodeEditor\n            value={codeStr}\n            language=\"json\"\n            editable={false}\n            lineNumbers={false}\n            showCopyButton={false}\n            variant=\"embedded\"\n            aria-label={typeof title === 'string' ? title : 'JSON'}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction containsInnerNewline(obj: unknown): boolean {\n  if (typeof obj === 'string') {\n    const idx = obj.indexOf('\\n');\n    return idx !== -1 && idx !== obj.length - 1;\n  } else if (Array.isArray(obj)) {\n    return obj.some(item => containsInnerNewline(item));\n  } else if (obj && typeof obj === 'object') {\n    return Object.values(obj).some(value => containsInnerNewline(value));\n  }\n  return false;\n}\n","import type { ReactNode } from 'react';\n\nexport interface DataDetailsPanelContentProps {\n  children: ReactNode;\n}\n\nexport function DataDetailsPanelContent({ children }: DataDetailsPanelContentProps) {\n  return <div className=\"flex-1 overflow-y-auto p-4\">{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanelHeader({ className, children }: DataDetailsPanelHeaderProps) {\n  return (\n    <div className={cn('mx-4 flex items-center justify-between gap-2 border-b border-border py-3', className)}>\n      {children}\n    </div>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanelHeading({ className, children }: DataDetailsPanelHeadingProps) {\n  return (\n    <Txt as=\"h3\" tone=\"muted\" className={cn('flex gap-2 [&>b]:text-caption [&>b]:text-placeholder', className)}>\n      {children}\n    </Txt>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelKeyValueListProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Root({ className, children }: DataDetailsPanelKeyValueListProps) {\n  return <dl className={cn('grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5', className)}>{children}</dl>;\n}\n\nexport interface DataDetailsPanelKeyValueListKeyProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Key({ className, children }: DataDetailsPanelKeyValueListKeyProps) {\n  return <dt className={cn('shrink-0 py-0.5 text-body-sm text-placeholder', className)}>{children}</dt>;\n}\n\nexport interface DataDetailsPanelKeyValueListValueProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Value({ className, children }: DataDetailsPanelKeyValueListValueProps) {\n  return <dd className={cn('min-w-0 truncate py-0.5 text-body-sm text-muted-foreground', className)}>{children}</dd>;\n}\n\nexport interface DataDetailsPanelKeyValueListHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Header({ className, children }: DataDetailsPanelKeyValueListHeaderProps) {\n  return (\n    <dt className={cn('col-span-2 py-3 text-caption tracking-widest text-placeholder uppercase', className)}>\n      {children}\n    </dt>\n  );\n}\n\nexport const DataDetailsPanelKeyValueList = Object.assign(Root, {\n  Key,\n  Value,\n  Header,\n});\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataDetailsPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataDetailsPanelLoadingData({ children }: DataDetailsPanelLoadingDataProps) {\n  return (\n    <div className=\"flex items-center justify-center gap-2 px-4 py-6 text-caption text-muted-foreground\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-muted-foreground\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataDetailsPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataDetailsPanelNoData({ children }: DataDetailsPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-4 py-6\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { DataDetailsPanel as Root } from './data-details-panel';\nimport { DataDetailsPanelCloseButton } from './data-details-panel-close-button';\nimport { DataDetailsPanelCodeSection } from './data-details-panel-code-section';\nimport { DataDetailsPanelContent } from './data-details-panel-content';\nimport { DataDetailsPanelHeader } from './data-details-panel-header';\nimport { DataDetailsPanelHeading } from './data-details-panel-heading';\nimport { DataDetailsPanelKeyValueList } from './data-details-panel-key-value-list';\nimport { DataDetailsPanelLoadingData } from './data-details-panel-loading-data';\nimport { DataDetailsPanelNoData } from './data-details-panel-no-data';\n\nconst DataDetailsPanel = Object.assign(Root, {\n  Header: DataDetailsPanelHeader,\n  Heading: DataDetailsPanelHeading,\n  CloseButton: DataDetailsPanelCloseButton,\n  LoadingData: DataDetailsPanelLoadingData,\n  NoData: DataDetailsPanelNoData,\n  Content: DataDetailsPanelContent,\n  KeyValueList: DataDetailsPanelKeyValueList,\n  CodeSection: DataDetailsPanelCodeSection,\n});\n\nexport { DataDetailsPanel };\nexport type { DataDetailsPanelProps } from './data-details-panel';\nexport type { DataDetailsPanelHeaderProps } from './data-details-panel-header';\nexport type { DataDetailsPanelHeadingProps } from './data-details-panel-heading';\nexport type { DataDetailsPanelCloseButtonProps } from './data-details-panel-close-button';\nexport type { DataDetailsPanelLoadingDataProps } from './data-details-panel-loading-data';\nexport type { DataDetailsPanelNoDataProps } from './data-details-panel-no-data';\nexport type { DataDetailsPanelContentProps } from './data-details-panel-content';\nexport type {\n  DataDetailsPanelKeyValueListProps,\n  DataDetailsPanelKeyValueListKeyProps,\n  DataDetailsPanelKeyValueListValueProps,\n  DataDetailsPanelKeyValueListHeaderProps,\n} from './data-details-panel-key-value-list';\nexport type { DataDetailsPanelCodeSectionProps } from './data-details-panel-code-section';\n"],"mappings":"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"}

package/dist/{DataDetailsPanel-BU05psHL.js → DataDetailsPanel-mTfbbQho.js}

@@ -1,7 +1,7 @@
 import { t as cn } from "./utils-DQx8TpNT.js";
 import { t as Button } from "./Button-Bi7aXd_G.js";
 import { t as ButtonsGroup } from "./buttons-group-DA_wORqQ.js";
-import { t as CodeEditor } from "./CodeEditor-ZoBu3Gjw.js";
+import { t as CodeEditor } from "./CodeEditor-BqAM9L7t.js";
 import { t as CopyButton } from "./copy-button-B-_Z6N6y.js";
 import { raisedSurfaceStyle } from "./primitives/raised-surface.es.js";
 import { t as Txt } from "./Txt-5efBsb2p.js";
@@ -177,4 +177,4 @@ var DataDetailsPanel = Object.assign(DataDetailsPanel$1, {
 });
 export { DataDetailsPanel as t };
 
-//# sourceMappingURL=DataDetailsPanel-BU05psHL.js.map
+//# sourceMappingURL=DataDetailsPanel-mTfbbQho.js.map

package/dist/{DataDetailsPanel-BU05psHL.js.map → DataDetailsPanel-mTfbbQho.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DataDetailsPanel-BU05psHL.js","names":["DataDetailsPanel","Root"],"sources":["../src/ds/components/DataDetailsPanel/data-details-panel.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-close-button.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-code-section.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-content.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-header.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-heading.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-key-value-list.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-loading-data.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-no-data.tsx","../src/ds/components/DataDetailsPanel/index.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelProps {\n  collapsed?: boolean;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanel({ collapsed, children }: DataDetailsPanelProps) {\n  return (\n    <section\n      className={cn(\n        'flex flex-col overflow-hidden rounded-xl border border-border bg-background',\n        collapsed ? 'h-auto' : 'h-full',\n      )}\n    >\n      {children}\n    </section>\n  );\n}\n","import { XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport interface DataDetailsPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  className?: string;\n}\n\nexport function DataDetailsPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  className,\n}: DataDetailsPanelCloseButtonProps) {\n  return (\n    <Button size=\"icon-md\" onClick={onClick} aria-label=\"Close panel\" tooltip={tooltip} className={className}>\n      <XIcon />\n    </Button>\n  );\n}\n","import { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelCodeSectionProps {\n  title: React.ReactNode;\n  icon?: React.ReactNode;\n  codeStr?: string;\n  simplified?: boolean;\n  className?: string;\n  /** Extra controls rendered in the header, before the built-in copy button. */\n  actions?: React.ReactNode;\n}\n\nexport function DataDetailsPanelCodeSection({\n  codeStr = '',\n  title,\n  icon,\n  simplified = false,\n  className,\n  actions,\n}: DataDetailsPanelCodeSectionProps) {\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const hasMultilineText = useMemo(() => {\n    try {\n      const parsed = JSON.parse(codeStr);\n      return containsInnerNewline(parsed || '');\n    } catch {\n      return false;\n    }\n  }, [codeStr]);\n\n  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n  const usePlainTextView = simplified || showAsMultilineText;\n\n  if (!codeStr || codeStr === 'null') return null;\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      <div className=\"flex items-center justify-between\">\n        <div\n          className={cn(\n            'flex items-center gap-1.5 text-meta tracking-widest text-placeholder uppercase',\n            '[&>svg]:size-3.5',\n          )}\n        >\n          {icon}\n          {title}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {actions}\n          <ButtonsGroup size=\"sm\">\n            <CopyButton content={codeStr || 'No content'} />\n            {hasMultilineText && (\n              <Button\n                size=\"icon-md\"\n                aria-label={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n                onClick={() => setShowAsMultilineText(v => !v)}\n              >\n                {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n              </Button>\n            )}\n          </ButtonsGroup>\n        </div>\n      </div>\n      <div\n        className={cn(\n          raisedSurfaceStyle,\n          'max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground',\n        )}\n      >\n        {usePlainTextView ? (\n          <div className=\"font-mono break-all text-muted-foreground\">\n            <pre className=\"text-wrap\">{finalCodeStr}</pre>\n          </div>\n        ) : (\n          <CodeEditor\n            value={codeStr}\n            language=\"json\"\n            editable={false}\n            lineNumbers={false}\n            showCopyButton={false}\n            variant=\"embedded\"\n            aria-label={typeof title === 'string' ? title : 'JSON'}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction containsInnerNewline(obj: unknown): boolean {\n  if (typeof obj === 'string') {\n    const idx = obj.indexOf('\\n');\n    return idx !== -1 && idx !== obj.length - 1;\n  } else if (Array.isArray(obj)) {\n    return obj.some(item => containsInnerNewline(item));\n  } else if (obj && typeof obj === 'object') {\n    return Object.values(obj).some(value => containsInnerNewline(value));\n  }\n  return false;\n}\n","import type { ReactNode } from 'react';\n\nexport interface DataDetailsPanelContentProps {\n  children: ReactNode;\n}\n\nexport function DataDetailsPanelContent({ children }: DataDetailsPanelContentProps) {\n  return <div className=\"flex-1 overflow-y-auto p-4\">{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanelHeader({ className, children }: DataDetailsPanelHeaderProps) {\n  return (\n    <div className={cn('mx-4 flex items-center justify-between gap-2 border-b border-border py-3', className)}>\n      {children}\n    </div>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanelHeading({ className, children }: DataDetailsPanelHeadingProps) {\n  return (\n    <Txt as=\"h3\" tone=\"muted\" className={cn('flex gap-2 [&>b]:text-caption [&>b]:text-placeholder', className)}>\n      {children}\n    </Txt>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelKeyValueListProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Root({ className, children }: DataDetailsPanelKeyValueListProps) {\n  return <dl className={cn('grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5', className)}>{children}</dl>;\n}\n\nexport interface DataDetailsPanelKeyValueListKeyProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Key({ className, children }: DataDetailsPanelKeyValueListKeyProps) {\n  return <dt className={cn('shrink-0 py-0.5 text-body-sm text-placeholder', className)}>{children}</dt>;\n}\n\nexport interface DataDetailsPanelKeyValueListValueProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Value({ className, children }: DataDetailsPanelKeyValueListValueProps) {\n  return <dd className={cn('min-w-0 truncate py-0.5 text-body-sm text-muted-foreground', className)}>{children}</dd>;\n}\n\nexport interface DataDetailsPanelKeyValueListHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Header({ className, children }: DataDetailsPanelKeyValueListHeaderProps) {\n  return (\n    <dt className={cn('col-span-2 py-3 text-caption tracking-widest text-placeholder uppercase', className)}>\n      {children}\n    </dt>\n  );\n}\n\nexport const DataDetailsPanelKeyValueList = Object.assign(Root, {\n  Key,\n  Value,\n  Header,\n});\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataDetailsPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataDetailsPanelLoadingData({ children }: DataDetailsPanelLoadingDataProps) {\n  return (\n    <div className=\"flex items-center justify-center gap-2 px-4 py-6 text-caption text-muted-foreground\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-muted-foreground\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataDetailsPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataDetailsPanelNoData({ children }: DataDetailsPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-4 py-6\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { DataDetailsPanel as Root } from './data-details-panel';\nimport { DataDetailsPanelCloseButton } from './data-details-panel-close-button';\nimport { DataDetailsPanelCodeSection } from './data-details-panel-code-section';\nimport { DataDetailsPanelContent } from './data-details-panel-content';\nimport { DataDetailsPanelHeader } from './data-details-panel-header';\nimport { DataDetailsPanelHeading } from './data-details-panel-heading';\nimport { DataDetailsPanelKeyValueList } from './data-details-panel-key-value-list';\nimport { DataDetailsPanelLoadingData } from './data-details-panel-loading-data';\nimport { DataDetailsPanelNoData } from './data-details-panel-no-data';\n\nconst DataDetailsPanel = Object.assign(Root, {\n  Header: DataDetailsPanelHeader,\n  Heading: DataDetailsPanelHeading,\n  CloseButton: DataDetailsPanelCloseButton,\n  LoadingData: DataDetailsPanelLoadingData,\n  NoData: DataDetailsPanelNoData,\n  Content: DataDetailsPanelContent,\n  KeyValueList: DataDetailsPanelKeyValueList,\n  CodeSection: DataDetailsPanelCodeSection,\n});\n\nexport { DataDetailsPanel };\nexport type { DataDetailsPanelProps } from './data-details-panel';\nexport type { DataDetailsPanelHeaderProps } from './data-details-panel-header';\nexport type { DataDetailsPanelHeadingProps } from './data-details-panel-heading';\nexport type { DataDetailsPanelCloseButtonProps } from './data-details-panel-close-button';\nexport type { DataDetailsPanelLoadingDataProps } from './data-details-panel-loading-data';\nexport type { DataDetailsPanelNoDataProps } from './data-details-panel-no-data';\nexport type { DataDetailsPanelContentProps } from './data-details-panel-content';\nexport type {\n  DataDetailsPanelKeyValueListProps,\n  DataDetailsPanelKeyValueListKeyProps,\n  DataDetailsPanelKeyValueListValueProps,\n  DataDetailsPanelKeyValueListHeaderProps,\n} from './data-details-panel-key-value-list';\nexport type { DataDetailsPanelCodeSectionProps } from './data-details-panel-code-section';\n"],"mappings":"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"}
+{"version":3,"file":"DataDetailsPanel-mTfbbQho.js","names":["DataDetailsPanel","Root"],"sources":["../src/ds/components/DataDetailsPanel/data-details-panel.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-close-button.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-code-section.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-content.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-header.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-heading.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-key-value-list.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-loading-data.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-no-data.tsx","../src/ds/components/DataDetailsPanel/index.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelProps {\n  collapsed?: boolean;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanel({ collapsed, children }: DataDetailsPanelProps) {\n  return (\n    <section\n      className={cn(\n        'flex flex-col overflow-hidden rounded-xl border border-border bg-background',\n        collapsed ? 'h-auto' : 'h-full',\n      )}\n    >\n      {children}\n    </section>\n  );\n}\n","import { XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport interface DataDetailsPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  className?: string;\n}\n\nexport function DataDetailsPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  className,\n}: DataDetailsPanelCloseButtonProps) {\n  return (\n    <Button size=\"icon-md\" onClick={onClick} aria-label=\"Close panel\" tooltip={tooltip} className={className}>\n      <XIcon />\n    </Button>\n  );\n}\n","import { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelCodeSectionProps {\n  title: React.ReactNode;\n  icon?: React.ReactNode;\n  codeStr?: string;\n  simplified?: boolean;\n  className?: string;\n  /** Extra controls rendered in the header, before the built-in copy button. */\n  actions?: React.ReactNode;\n}\n\nexport function DataDetailsPanelCodeSection({\n  codeStr = '',\n  title,\n  icon,\n  simplified = false,\n  className,\n  actions,\n}: DataDetailsPanelCodeSectionProps) {\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const hasMultilineText = useMemo(() => {\n    try {\n      const parsed = JSON.parse(codeStr);\n      return containsInnerNewline(parsed || '');\n    } catch {\n      return false;\n    }\n  }, [codeStr]);\n\n  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n  const usePlainTextView = simplified || showAsMultilineText;\n\n  if (!codeStr || codeStr === 'null') return null;\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      <div className=\"flex items-center justify-between\">\n        <div\n          className={cn(\n            'flex items-center gap-1.5 text-meta tracking-widest text-placeholder uppercase',\n            '[&>svg]:size-3.5',\n          )}\n        >\n          {icon}\n          {title}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {actions}\n          <ButtonsGroup size=\"sm\">\n            <CopyButton content={codeStr || 'No content'} />\n            {hasMultilineText && (\n              <Button\n                size=\"icon-md\"\n                aria-label={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n                onClick={() => setShowAsMultilineText(v => !v)}\n              >\n                {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n              </Button>\n            )}\n          </ButtonsGroup>\n        </div>\n      </div>\n      <div\n        className={cn(\n          raisedSurfaceStyle,\n          'max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground',\n        )}\n      >\n        {usePlainTextView ? (\n          <div className=\"font-mono break-all text-muted-foreground\">\n            <pre className=\"text-wrap\">{finalCodeStr}</pre>\n          </div>\n        ) : (\n          <CodeEditor\n            value={codeStr}\n            language=\"json\"\n            editable={false}\n            lineNumbers={false}\n            showCopyButton={false}\n            variant=\"embedded\"\n            aria-label={typeof title === 'string' ? title : 'JSON'}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction containsInnerNewline(obj: unknown): boolean {\n  if (typeof obj === 'string') {\n    const idx = obj.indexOf('\\n');\n    return idx !== -1 && idx !== obj.length - 1;\n  } else if (Array.isArray(obj)) {\n    return obj.some(item => containsInnerNewline(item));\n  } else if (obj && typeof obj === 'object') {\n    return Object.values(obj).some(value => containsInnerNewline(value));\n  }\n  return false;\n}\n","import type { ReactNode } from 'react';\n\nexport interface DataDetailsPanelContentProps {\n  children: ReactNode;\n}\n\nexport function DataDetailsPanelContent({ children }: DataDetailsPanelContentProps) {\n  return <div className=\"flex-1 overflow-y-auto p-4\">{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanelHeader({ className, children }: DataDetailsPanelHeaderProps) {\n  return (\n    <div className={cn('mx-4 flex items-center justify-between gap-2 border-b border-border py-3', className)}>\n      {children}\n    </div>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanelHeading({ className, children }: DataDetailsPanelHeadingProps) {\n  return (\n    <Txt as=\"h3\" tone=\"muted\" className={cn('flex gap-2 [&>b]:text-caption [&>b]:text-placeholder', className)}>\n      {children}\n    </Txt>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelKeyValueListProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Root({ className, children }: DataDetailsPanelKeyValueListProps) {\n  return <dl className={cn('grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5', className)}>{children}</dl>;\n}\n\nexport interface DataDetailsPanelKeyValueListKeyProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Key({ className, children }: DataDetailsPanelKeyValueListKeyProps) {\n  return <dt className={cn('shrink-0 py-0.5 text-body-sm text-placeholder', className)}>{children}</dt>;\n}\n\nexport interface DataDetailsPanelKeyValueListValueProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Value({ className, children }: DataDetailsPanelKeyValueListValueProps) {\n  return <dd className={cn('min-w-0 truncate py-0.5 text-body-sm text-muted-foreground', className)}>{children}</dd>;\n}\n\nexport interface DataDetailsPanelKeyValueListHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Header({ className, children }: DataDetailsPanelKeyValueListHeaderProps) {\n  return (\n    <dt className={cn('col-span-2 py-3 text-caption tracking-widest text-placeholder uppercase', className)}>\n      {children}\n    </dt>\n  );\n}\n\nexport const DataDetailsPanelKeyValueList = Object.assign(Root, {\n  Key,\n  Value,\n  Header,\n});\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataDetailsPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataDetailsPanelLoadingData({ children }: DataDetailsPanelLoadingDataProps) {\n  return (\n    <div className=\"flex items-center justify-center gap-2 px-4 py-6 text-caption text-muted-foreground\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-muted-foreground\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataDetailsPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataDetailsPanelNoData({ children }: DataDetailsPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-4 py-6\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { DataDetailsPanel as Root } from './data-details-panel';\nimport { DataDetailsPanelCloseButton } from './data-details-panel-close-button';\nimport { DataDetailsPanelCodeSection } from './data-details-panel-code-section';\nimport { DataDetailsPanelContent } from './data-details-panel-content';\nimport { DataDetailsPanelHeader } from './data-details-panel-header';\nimport { DataDetailsPanelHeading } from './data-details-panel-heading';\nimport { DataDetailsPanelKeyValueList } from './data-details-panel-key-value-list';\nimport { DataDetailsPanelLoadingData } from './data-details-panel-loading-data';\nimport { DataDetailsPanelNoData } from './data-details-panel-no-data';\n\nconst DataDetailsPanel = Object.assign(Root, {\n  Header: DataDetailsPanelHeader,\n  Heading: DataDetailsPanelHeading,\n  CloseButton: DataDetailsPanelCloseButton,\n  LoadingData: DataDetailsPanelLoadingData,\n  NoData: DataDetailsPanelNoData,\n  Content: DataDetailsPanelContent,\n  KeyValueList: DataDetailsPanelKeyValueList,\n  CodeSection: DataDetailsPanelCodeSection,\n});\n\nexport { DataDetailsPanel };\nexport type { DataDetailsPanelProps } from './data-details-panel';\nexport type { DataDetailsPanelHeaderProps } from './data-details-panel-header';\nexport type { DataDetailsPanelHeadingProps } from './data-details-panel-heading';\nexport type { DataDetailsPanelCloseButtonProps } from './data-details-panel-close-button';\nexport type { DataDetailsPanelLoadingDataProps } from './data-details-panel-loading-data';\nexport type { DataDetailsPanelNoDataProps } from './data-details-panel-no-data';\nexport type { DataDetailsPanelContentProps } from './data-details-panel-content';\nexport type {\n  DataDetailsPanelKeyValueListProps,\n  DataDetailsPanelKeyValueListKeyProps,\n  DataDetailsPanelKeyValueListValueProps,\n  DataDetailsPanelKeyValueListHeaderProps,\n} from './data-details-panel-key-value-list';\nexport type { DataDetailsPanelCodeSectionProps } from './data-details-panel-code-section';\n"],"mappings":"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"}

package/dist/{DataPanel-BRRAvWYQ.cjs → DataPanel-LfExjFpP.cjs}

@@ -14,7 +14,7 @@ const require_primitives_portal_container = require("./primitives/portal-contain
 const require_primitives_raised_surface = require("./primitives/raised-surface.cjs.js");
 require("./components/Drawer.cjs.js");
 const require_data_panel_section_heading = require("./data-panel-section-heading-d9UnruDt.cjs");
-const require_DataCodeSection = require("./DataCodeSection-7SvRJj6f.cjs");
+const require_DataCodeSection = require("./DataCodeSection-JPGTWLcL.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -295,4 +295,4 @@ Object.defineProperty(exports, "DataPanel", {
 	}
 });
 
-//# sourceMappingURL=DataPanel-BRRAvWYQ.cjs.map
+//# sourceMappingURL=DataPanel-LfExjFpP.cjs.map

package/dist/{DataPanel-BRRAvWYQ.cjs.map → DataPanel-LfExjFpP.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DataPanel-BRRAvWYQ.cjs","names":["Button","cn","XIcon","ArrowLeftIcon","createContext","useContext","cn","DrawerPrimitive","useCopyToClipboard","useState","Tooltip","TooltipTrigger","Button","truncateString","TooltipContent","cn","Children","Fragment","cn","controlSizeClasses","Spinner","cn","controlSizeClasses","controlStateColorTransition","quietTextHover","Icon","transitions","Tooltip","TooltipTrigger","TooltipContent","_Fragment","Button","ArrowUpIcon","ArrowDownIcon","Txt","React","cn","frameSurfaceStyle","DrawerPrimitive","PortalContainerProvider","frameFillStyle","DataCodeSection","DataPanelSectionHeading"],"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=\"icon-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 p-2';\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 when the id is truncated. Defaults to 12. */\n  maxLength?: number;\n  /** Append `…` to a truncated id. Defaults to true. */\n  ellipsis?: boolean;\n  /** Leading icon (bare SVG) naming what the id identifies. */\n  icon?: React.ReactNode;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12, ellipsis = true, icon }: 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\" icon={icon} onClick={handleCopy}>\n            {ellipsis ? truncateString(id, maxLength) : id.slice(0, 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        // `py-1` keeps 28px controls + border within the 40px min height, so the divider\n        // lines up with an adjacent app `Header` instead of sitting 1px lower.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1',\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        // Same edge color as the app `Header` it docks beside.\n        'not-last:border-b not-last:border-surface-rim',\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, Fragment } 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 blocks such as `Metadata`,\n * truncated when too long. A vertical separator is rendered between consecutive blocks.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {Children.toArray(children).map((child, index) => (\n        <Fragment key={index}>\n          {index > 0 && <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />}\n          {child}\n        </Fragment>\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=\"icon-sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"icon-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 { frameFillStyle, frameSurfaceStyle } from '@/ds/primitives/raised-surface';\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\n// The edge comes from the surface's `--surface-rim` inset (no CSS border), like `MainCard`.\n// `p-px` reserves that rim pixel so the header divider doesn't paint over it.\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden p-px';\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, frameSurfaceStyle, '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\n                  render={<section />}\n                  className={cn(CARD_CLASSES, frameFillStyle, 'rounded-xl shadow-overlay', className)}\n                >\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"],"mappings":"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"}
+{"version":3,"file":"DataPanel-LfExjFpP.cjs","names":["Button","cn","XIcon","ArrowLeftIcon","createContext","useContext","cn","DrawerPrimitive","useCopyToClipboard","useState","Tooltip","TooltipTrigger","Button","truncateString","TooltipContent","cn","Children","Fragment","cn","controlSizeClasses","Spinner","cn","controlSizeClasses","controlStateColorTransition","quietTextHover","Icon","transitions","Tooltip","TooltipTrigger","TooltipContent","_Fragment","Button","ArrowUpIcon","ArrowDownIcon","Txt","React","cn","frameSurfaceStyle","DrawerPrimitive","PortalContainerProvider","frameFillStyle","DataCodeSection","DataPanelSectionHeading"],"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=\"icon-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 p-2';\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 when the id is truncated. Defaults to 12. */\n  maxLength?: number;\n  /** Append `…` to a truncated id. Defaults to true. */\n  ellipsis?: boolean;\n  /** Leading icon (bare SVG) naming what the id identifies. */\n  icon?: React.ReactNode;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12, ellipsis = true, icon }: 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\" icon={icon} onClick={handleCopy}>\n            {ellipsis ? truncateString(id, maxLength) : id.slice(0, 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        // `py-1` keeps 28px controls + border within the 40px min height, so the divider\n        // lines up with an adjacent app `Header` instead of sitting 1px lower.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1',\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        // Same edge color as the app `Header` it docks beside.\n        'not-last:border-b not-last:border-surface-rim',\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, Fragment } 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 blocks such as `Metadata`,\n * truncated when too long. A vertical separator is rendered between consecutive blocks.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {Children.toArray(children).map((child, index) => (\n        <Fragment key={index}>\n          {index > 0 && <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />}\n          {child}\n        </Fragment>\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=\"icon-sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"icon-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 { frameFillStyle, frameSurfaceStyle } from '@/ds/primitives/raised-surface';\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\n// The edge comes from the surface's `--surface-rim` inset (no CSS border), like `MainCard`.\n// `p-px` reserves that rim pixel so the header divider doesn't paint over it.\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden p-px';\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, frameSurfaceStyle, '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\n                  render={<section />}\n                  className={cn(CARD_CLASSES, frameFillStyle, 'rounded-xl shadow-overlay', className)}\n                >\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"],"mappings":"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"}

package/dist/{DataPanel-pVr5LVaK.js → DataPanel-Rv5Mb_pf.js}

@@ -13,7 +13,7 @@ import { PortalContainerProvider } from "./primitives/portal-container.es.js";
 import { frameFillStyle, frameSurfaceStyle } from "./primitives/raised-surface.es.js";
 import "./components/Drawer.es.js";
 import { t as DataPanelSectionHeading } from "./data-panel-section-heading-X3tHNMV1.js";
-import { t as DataCodeSection } from "./DataCodeSection-CTodi9wg.js";
+import { t as DataCodeSection } from "./DataCodeSection-CcX8Z68Y.js";
 import * as React$1 from "react";
 import { Children, Fragment, createContext, useContext, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -289,4 +289,4 @@ var DataPanel = Object.assign(DataPanelRoot, {
 });
 export { DataPanel as t };
 
-//# sourceMappingURL=DataPanel-pVr5LVaK.js.map
+//# sourceMappingURL=DataPanel-Rv5Mb_pf.js.map

package/dist/{DataPanel-pVr5LVaK.js.map → DataPanel-Rv5Mb_pf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DataPanel-pVr5LVaK.js","names":["DrawerPrimitive","_Fragment","React","DrawerPrimitive"],"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=\"icon-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 p-2';\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 when the id is truncated. Defaults to 12. */\n  maxLength?: number;\n  /** Append `…` to a truncated id. Defaults to true. */\n  ellipsis?: boolean;\n  /** Leading icon (bare SVG) naming what the id identifies. */\n  icon?: React.ReactNode;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12, ellipsis = true, icon }: 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\" icon={icon} onClick={handleCopy}>\n            {ellipsis ? truncateString(id, maxLength) : id.slice(0, 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        // `py-1` keeps 28px controls + border within the 40px min height, so the divider\n        // lines up with an adjacent app `Header` instead of sitting 1px lower.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1',\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        // Same edge color as the app `Header` it docks beside.\n        'not-last:border-b not-last:border-surface-rim',\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, Fragment } 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 blocks such as `Metadata`,\n * truncated when too long. A vertical separator is rendered between consecutive blocks.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {Children.toArray(children).map((child, index) => (\n        <Fragment key={index}>\n          {index > 0 && <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />}\n          {child}\n        </Fragment>\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=\"icon-sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"icon-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 { frameFillStyle, frameSurfaceStyle } from '@/ds/primitives/raised-surface';\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\n// The edge comes from the surface's `--surface-rim` inset (no CSS border), like `MainCard`.\n// `p-px` reserves that rim pixel so the header divider doesn't paint over it.\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden p-px';\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, frameSurfaceStyle, '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\n                  render={<section />}\n                  className={cn(CARD_CLASSES, frameFillStyle, 'rounded-xl shadow-overlay', className)}\n                >\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"],"mappings":"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"}
+{"version":3,"file":"DataPanel-Rv5Mb_pf.js","names":["DrawerPrimitive","_Fragment","React","DrawerPrimitive"],"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=\"icon-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 p-2';\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 when the id is truncated. Defaults to 12. */\n  maxLength?: number;\n  /** Append `…` to a truncated id. Defaults to true. */\n  ellipsis?: boolean;\n  /** Leading icon (bare SVG) naming what the id identifies. */\n  icon?: React.ReactNode;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12, ellipsis = true, icon }: 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\" icon={icon} onClick={handleCopy}>\n            {ellipsis ? truncateString(id, maxLength) : id.slice(0, 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        // `py-1` keeps 28px controls + border within the 40px min height, so the divider\n        // lines up with an adjacent app `Header` instead of sitting 1px lower.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1',\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        // Same edge color as the app `Header` it docks beside.\n        'not-last:border-b not-last:border-surface-rim',\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, Fragment } 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 blocks such as `Metadata`,\n * truncated when too long. A vertical separator is rendered between consecutive blocks.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {Children.toArray(children).map((child, index) => (\n        <Fragment key={index}>\n          {index > 0 && <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />}\n          {child}\n        </Fragment>\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=\"icon-sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"icon-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 { frameFillStyle, frameSurfaceStyle } from '@/ds/primitives/raised-surface';\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\n// The edge comes from the surface's `--surface-rim` inset (no CSS border), like `MainCard`.\n// `p-px` reserves that rim pixel so the header divider doesn't paint over it.\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden p-px';\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, frameSurfaceStyle, '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\n                  render={<section />}\n                  className={cn(CARD_CLASSES, frameFillStyle, 'rounded-xl shadow-overlay', className)}\n                >\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"],"mappings":"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"}

package/dist/{FilterBar-Kmn6gMgO.js → FilterBar-DgHNtsDI.js}

@@ -1,8 +1,8 @@
-import { _ as FILTER_BAR_SCOPE_ATTR, b as countLeaves, c as chipClass, d as removeSegmentClass, f as useValueStep, g as FilterBarOptionList, h as FilterBarOptionLabel, l as editableSegmentClass, m as matchesQueryFilter, o as FilterBarFieldLabel, s as alwaysHighlightProps, t as FilterBarChip, v as FilterBarProvider, x as findGroup, y as useFilterBarContext } from "./filter-bar-chip-NBtfDca9.js";
+import { _ as FILTER_BAR_SCOPE_ATTR, b as countLeaves, c as chipClass, d as removeSegmentClass, f as useValueStep, g as FilterBarOptionList, h as FilterBarOptionLabel, l as editableSegmentClass, m as matchesQueryFilter, o as FilterBarFieldLabel, s as alwaysHighlightProps, t as FilterBarChip, v as FilterBarProvider, x as findGroup, y as useFilterBarContext } from "./filter-bar-chip-Cz5GYBWP.js";
 import { n as parseFieldValue, t as isFilterBarGroup } from "./types-DiiL5mTO.js";
 import { t as Button } from "./Button-Bi7aXd_G.js";
 import { ComboboxPrimitive } from "./components/Combobox.es.js";
-import { C as comboboxStyles, w as comboboxTriggerClass } from "./combobox-parts-C9o4UfH_.js";
+import { C as comboboxStyles, w as comboboxTriggerClass } from "./combobox-parts-_m3Qgmci.js";
 import { Kbd } from "./components/Kbd.es.js";
 import { t as Txt } from "./Txt-5efBsb2p.js";
 import { FLOATING_POSITION_METHOD } from "./primitives/floating.es.js";
@@ -14,7 +14,7 @@ import { useIsApplePlatform } from "./hooks/use-keyboard-shortcut-label.es.js";
 import { t as cn } from "./utils-DQx8TpNT.js";
 import { i as PopoverTrigger, n as Popover, r as PopoverContent } from "./popover-BpMi52Tb.js";
 import { t as ClearFiltersButton } from "./clear-filters-button-C79dzuzA.js";
-import { i as FilterBarTimeRange } from "./filter-bar-time-range-D9SnzR2J.js";
+import { i as FilterBarTimeRange } from "./filter-bar-time-range-ao2YiYEJ.js";
 import { VisuallyHidden } from "./primitives/visually-hidden.es.js";
 import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -265,7 +265,7 @@ function FilterBarInputImpl({ placeholder = "Filter", className, "aria-label": a
 				"data-target": targetGroup?.id,
 				inputMode: step === "value" && field?.type === "number" ? "decimal" : void 0,
 				placeholder: inputPlaceholder,
-				className: cn(unstyledFormElementStyle, "min-w-0 flex-1 bg-transparent", "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal focus:placeholder:opacity-70"),
+				className: cn(unstyledFormElementStyle, "min-w-0 flex-1 bg-transparent zoom-safe-text", "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal focus:placeholder:opacity-70"),
 				onFocus: () => setOpen(true),
 				onKeyDown: handleKeyDown
 			})]
@@ -858,4 +858,4 @@ var DEFAULT_FILTER_OPERATORS = [
 ];
 export { FilterBarGroupEditor as a, FilterBarAdvancedChip as i, FilterBar as n, FilterBarLogicToggle as o, FilterBarChips as r, FilterBarInput as s, DEFAULT_FILTER_OPERATORS as t };
 
-//# sourceMappingURL=FilterBar-Kmn6gMgO.js.map
+//# sourceMappingURL=FilterBar-DgHNtsDI.js.map