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

package/dist/{Comment-KYUQzeSu.cjs.map → Comment-Cg0f7eLa.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Comment-KYUQzeSu.cjs","names":["createContext","useContext","cva","cn","raisedSurfaceStyle","forwardRef","Txt","useRender","textStyle","useWatched","ArrivalScope","forwardRef","cn","InputGroup","InputGroupInput","InputGroupAddon","InputGroupButton","ArrowUp","useState","Field","cn","TextareaControl","Button","X","Check","FieldError","cn","Txt","Button","X"],"sources":["../src/ds/components/Comment/comment-context.ts","../src/ds/components/Comment/comment.tsx","../src/ds/components/Comment/comment-arrival.tsx","../src/ds/components/Comment/comment-composer.tsx","../src/ds/components/Comment/comment-editor.tsx","../src/ds/components/Comment/comment-quote.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type CommentVariant = 'default' | 'embed' | 'thread';\n\nexport const CommentContext = createContext<CommentVariant | null>(null);\n\nexport function useCommentVariant(): CommentVariant {\n  const variant = useContext(CommentContext);\n  if (!variant) throw new Error('Comment compounds must be rendered within Comment');\n  return variant;\n}\n","import { useRender } from '@base-ui/react/use-render';\nimport { cva } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef, HTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { CommentContext, useCommentVariant } from './comment-context';\nimport type { CommentVariant } from './comment-context';\nimport { Txt } from '@/ds/components/Txt';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\nconst commentVariants = cva('flex flex-col', {\n  variants: {\n    variant: {\n      default: 'gap-2',\n      embed: cn(raisedSurfaceStyle, 'gap-1 rounded-xl p-3'),\n      thread: '',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport interface CommentProps extends ComponentPropsWithoutRef<'div'> {\n  variant?: CommentVariant;\n}\n\nexport const Comment = forwardRef<HTMLDivElement, CommentProps>(({ className, variant = 'default', ...props }, ref) => (\n  <CommentContext.Provider value={variant}>\n    <div\n      ref={ref}\n      data-slot=\"comment\"\n      data-variant={variant}\n      className={cn(commentVariants({ variant }), className)}\n      {...props}\n    />\n  </CommentContext.Provider>\n));\nComment.displayName = 'Comment';\n\nconst commentListGap: Record<CommentVariant, string> = {\n  default: 'gap-3',\n  embed: 'gap-2',\n  thread: '',\n};\n\nexport type CommentListProps = ComponentPropsWithoutRef<'ul'>;\n\nexport const CommentList = forwardRef<HTMLUListElement, CommentListProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  return (\n    <ul\n      ref={ref}\n      data-slot=\"comment-list\"\n      className={cn('flex flex-col', commentListGap[variant], className)}\n      {...props}\n    />\n  );\n});\nCommentList.displayName = 'CommentList';\n\nconst commentItemLayout: Record<CommentVariant, string> = {\n  default: 'flex flex-col gap-1',\n  embed: 'flex flex-col gap-1',\n  thread: 'relative flex gap-2 rounded-lg px-2 hover:bg-fill-subtle',\n};\n\nexport interface CommentItemProps extends HTMLAttributes<HTMLElement> {\n  /** Same author moments after the row above: the header is dropped and the row tightens. */\n  continued?: boolean;\n  /** The comment a link pointed at. */\n  highlighted?: boolean;\n}\n\nexport const CommentItem = forwardRef<HTMLElement, CommentItemProps>(\n  ({ className, continued = false, highlighted = false, ...props }, ref) => {\n    const variant = useCommentVariant();\n    // A thread row is a stream entry among runs and moves, not a list item.\n    const Root = variant === 'thread' ? 'div' : 'li';\n\n    return (\n      <Root\n        // Cast needed: `Root` is polymorphic, so TS narrows the expected ref to a single element type.\n        ref={ref as never}\n        data-slot=\"comment-item\"\n        className={cn(\n          'group/comment-item',\n          commentItemLayout[variant],\n          variant === 'thread' && (continued ? 'py-0.5' : 'py-1.5'),\n          highlighted && 'bg-info-subtle',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nCommentItem.displayName = 'CommentItem';\n\nexport type CommentItemAvatarProps = ComponentPropsWithoutRef<'div'>;\n\n/** Fixed gutter: left empty on a continuation row, it keeps the body aligned under the avatar above. */\nexport const CommentItemAvatar = forwardRef<HTMLDivElement, CommentItemAvatarProps>(({ className, ...props }, ref) => (\n  <div ref={ref} data-slot=\"comment-item-avatar\" className={cn('w-6 shrink-0 pt-0.5', className)} {...props} />\n));\nCommentItemAvatar.displayName = 'CommentItemAvatar';\n\nexport type CommentItemContentProps = ComponentPropsWithoutRef<'div'>;\n\n/** Everything beside the gutter, stacked and free to shrink so long words wrap instead of widening the row. */\nexport const CommentItemContent = forwardRef<HTMLDivElement, CommentItemContentProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} data-slot=\"comment-item-content\" className={cn('min-w-0 flex-1', className)} {...props} />\n  ),\n);\nCommentItemContent.displayName = 'CommentItemContent';\n\nconst commentItemHeaderLayout: Record<CommentVariant, string> = {\n  default: 'flex items-center gap-2',\n  embed: 'flex items-center gap-2',\n  thread: 'flex items-baseline gap-1.5',\n};\n\nexport type CommentItemHeaderProps = ComponentPropsWithoutRef<'div'>;\n\nexport const CommentItemHeader = forwardRef<HTMLDivElement, CommentItemHeaderProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"comment-item-header\"\n      className={cn(commentItemHeaderLayout[variant], className)}\n      {...props}\n    />\n  );\n});\nCommentItemHeader.displayName = 'CommentItemHeader';\n\nconst commentItemAuthorSize: Record<CommentVariant, TxtProps['variant']> = {\n  default: 'subheading',\n  embed: 'subheading',\n  thread: 'column',\n};\n\nconst commentItemAuthorTone: Record<CommentVariant, string> = {\n  default: 'text-foreground',\n  embed: 'text-foreground',\n  thread: 'truncate text-foreground',\n};\n\nexport type CommentItemAuthorProps = ComponentPropsWithoutRef<'span'>;\n\nexport const CommentItemAuthor = forwardRef<HTMLElement, CommentItemAuthorProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  return (\n    <Txt\n      ref={ref}\n      as=\"span\"\n      variant={commentItemAuthorSize[variant]}\n      data-slot=\"comment-item-author\"\n      className={cn(commentItemAuthorTone[variant], className)}\n      {...props}\n    />\n  );\n});\nCommentItemAuthor.displayName = 'CommentItemAuthor';\n\nconst commentItemTimestampTone: Record<CommentVariant, string> = {\n  default: 'text-caption text-muted-foreground',\n  embed: 'text-caption text-muted-foreground',\n  thread: 'text-meta text-placeholder shrink-0',\n};\n\nexport type CommentItemTimestampProps = ComponentPropsWithoutRef<'time'>;\n\nexport const CommentItemTimestamp = forwardRef<HTMLTimeElement, CommentItemTimestampProps>(\n  ({ className, ...props }, ref) => {\n    const variant = useCommentVariant();\n\n    return (\n      <time\n        ref={ref}\n        data-slot=\"comment-item-timestamp\"\n        className={cn(commentItemTimestampTone[variant], className)}\n        {...props}\n      />\n    );\n  },\n);\nCommentItemTimestamp.displayName = 'CommentItemTimestamp';\n\nconst commentItemBodySize: Record<CommentVariant, TxtProps['variant']> = {\n  default: 'body',\n  embed: 'body',\n  thread: 'caption',\n};\n\nconst commentItemBodyTone: Record<CommentVariant, string> = {\n  default: 'whitespace-pre-wrap text-foreground border-l border-border pl-3',\n  embed: 'whitespace-pre-wrap text-foreground',\n  thread: '',\n};\n\nexport type CommentItemBodyProps = ComponentPropsWithoutRef<'p'>;\n\nexport const CommentItemBody = forwardRef<HTMLElement, CommentItemBodyProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  // Rendered markdown brings its own blocks, which a paragraph cannot hold.\n  return useRender({\n    defaultTagName: variant === 'thread' ? 'div' : 'p',\n    props: {\n      ...props,\n      ref,\n      'data-slot': 'comment-item-body',\n      className: cn(textStyle({ variant: commentItemBodySize[variant] }), commentItemBodyTone[variant], className),\n    },\n  });\n});\nCommentItemBody.displayName = 'CommentItemBody';\n\nconst commentItemActionsLayout: Record<CommentVariant, string> = {\n  default:\n    'flex items-center gap-1 opacity-0 group-focus-within/comment-item:opacity-100 group-hover/comment-item:opacity-100 motion-safe:transition-opacity',\n  embed: '',\n  // Inline at the end of the header row, revealed on hover/focus.\n  // `pointer-fine` only: a touch screen has no hover to reveal it with.\n  thread:\n    'ml-auto flex shrink-0 items-center gap-0.5 self-center transition-opacity duration-200 ease-out motion-reduce:transition-none pointer-fine:opacity-0 pointer-fine:group-focus-within/comment-item:opacity-100 pointer-fine:group-hover/comment-item:opacity-100',\n};\n\nexport type CommentItemActionsProps = ComponentPropsWithoutRef<'div'>;\n\n/** Hidden in the `embed` variant, which drops per-item actions. */\nexport const CommentItemActions = forwardRef<HTMLDivElement, CommentItemActionsProps>(\n  ({ className, ...props }, ref) => {\n    const variant = useCommentVariant();\n    if (variant === 'embed') return null;\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"comment-item-actions\"\n        className={cn(commentItemActionsLayout[variant], className)}\n        {...props}\n      />\n    );\n  },\n);\nCommentItemActions.displayName = 'CommentItemActions';\n","import type { ReactNode } from 'react';\n\nimport { ArrivalScope, useWatched } from '@/ds/components/Arrival';\n\nimport './comment-arrival.css';\n\n/** A comment the reader watched land rises into place; one that was already there just appears. */\nexport function CommentArrival({ children }: { children: ReactNode }) {\n  const watched = useWatched();\n\n  return (\n    <div data-slot=\"comment-arrival\" className={watched ? 'mastra-comment-arriving' : undefined}>\n      <ArrivalScope>{children}</ArrivalScope>\n    </div>\n  );\n}\n","import { ArrowUp } from 'lucide-react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useCommentVariant } from './comment-context';\nimport type { CommentVariant } from './comment-context';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport type { InputGroupButtonProps, InputGroupInputProps } from '@/ds/components/InputGroup';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport type CommentComposerProps = ComponentPropsWithoutRef<'form'>;\n\nexport const CommentComposer = forwardRef<HTMLFormElement, CommentComposerProps>(({ className, ...props }, ref) => (\n  <form ref={ref} data-slot=\"comment-composer\" className={cn('flex w-full items-center gap-2', className)} {...props} />\n));\nCommentComposer.displayName = 'CommentComposer';\n\nconst composerSize: Record<CommentVariant, ControlSize> = {\n  default: 'md',\n  embed: 'sm',\n  thread: 'md',\n};\n\nexport interface CommentComposerInputProps extends InputGroupInputProps {\n  /** Layout classes for the surrounding InputGroup. */\n  groupClassName?: string;\n  children?: ReactNode;\n}\n\nexport const CommentComposerInput = forwardRef<HTMLInputElement, CommentComposerInputProps>(\n  ({ groupClassName, children, ...props }, ref) => {\n    const variant = useCommentVariant();\n\n    return (\n      <InputGroup size={composerSize[variant]} className={groupClassName}>\n        <InputGroupInput ref={ref} data-slot=\"comment-composer-input\" {...props} />\n        {children}\n      </InputGroup>\n    );\n  },\n);\nCommentComposerInput.displayName = 'CommentComposerInput';\n\nexport type CommentComposerSendProps = Omit<InputGroupButtonProps, 'children'>;\n\nexport const CommentComposerSend = forwardRef<HTMLButtonElement, CommentComposerSendProps>(\n  ({ 'aria-label': ariaLabel = 'Send comment', type = 'submit', ...props }, ref) => (\n    <InputGroupAddon align=\"inline-end\">\n      <InputGroupButton ref={ref} data-slot=\"comment-composer-send\" type={type} aria-label={ariaLabel} {...props}>\n        <ArrowUp />\n      </InputGroupButton>\n    </InputGroupAddon>\n  ),\n);\nCommentComposerSend.displayName = 'CommentComposerSend';\n","import { Check, X } from 'lucide-react';\nimport { useState } from 'react';\nimport type { KeyboardEvent } from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { cn } from '@/lib/utils';\n\nexport interface CommentEditorProps {\n  initialBody: string;\n  /** Handed the trimmed draft. Closing is the caller's call, so a save that failed keeps what was typed. */\n  onSave: (body: string) => void;\n  onClose: () => void;\n  /** The caller's save in flight: the box locks until it settles. */\n  isPending?: boolean;\n  /** Why the caller's last save failed. */\n  error?: string;\n  'aria-label'?: string;\n  className?: string;\n}\n\n/** Owns the draft only; whether a save landed is the caller's mutation to report. */\nexport function CommentEditor({\n  initialBody,\n  onSave,\n  onClose,\n  isPending = false,\n  error,\n  'aria-label': ariaLabel = 'Edit comment',\n  className,\n}: CommentEditorProps) {\n  const [draft, setDraft] = useState(initialBody);\n  const body = draft.trim();\n  const canSave = body.length > 0 && !isPending;\n\n  const save = () => {\n    if (!canSave) return;\n    if (body === initialBody) {\n      onClose();\n      return;\n    }\n    onSave(body);\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    // An IME commit fires Enter mid-composition; acting on it would save half a word.\n    if (event.nativeEvent.isComposing) return;\n    if (event.key === 'Enter' && !event.shiftKey) {\n      event.preventDefault();\n      save();\n    }\n  };\n\n  return (\n    <Field invalid={Boolean(error)} data-slot=\"comment-editor\" className={cn('mt-1 flex flex-col gap-1.5', className)}>\n      <div className=\"relative\">\n        <TextareaControl\n          value={draft}\n          onChange={event => setDraft(event.target.value)}\n          onKeyDown={onKeyDown}\n          readOnly={isPending}\n          aria-label={ariaLabel}\n          rows={2}\n          className=\"block field-sizing-content max-h-40 w-full resize-none overflow-y-auto rounded-lg border border-border bg-background px-2 pt-1.5 pb-9 text-caption text-foreground outline-none focus:border-border-strong\"\n        />\n        <div className=\"absolute inset-x-px bottom-px flex items-center justify-end gap-1 rounded-b-lg bg-background px-1.5 pt-1 pb-1.5\">\n          <Button icon={<X />} type=\"button\" variant=\"ghost\" size=\"sm\" disabled={isPending} onClick={onClose}>\n            Cancel\n          </Button>\n          <Button icon={<Check />} type=\"button\" size=\"sm\" disabled={!canSave} onClick={save}>\n            {isPending ? 'Saving…' : 'Save'}\n          </Button>\n        </div>\n      </div>\n      <FieldError>{error}</FieldError>\n    </Field>\n  );\n}\n","import { X } from 'lucide-react';\n\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface CommentQuoteProps {\n  authorName?: string;\n  quote: string;\n  /** Given only while the quote is a draft the writer can still drop. */\n  onDismiss?: () => void;\n  className?: string;\n}\n\n/** The passage a reply answers, above the reply itself or inside the composer writing it. */\nexport function CommentQuote({ authorName, quote, onDismiss, className }: CommentQuoteProps) {\n  return (\n    <blockquote\n      data-slot=\"comment-quote\"\n      className={cn(\n        'm-0 flex min-w-0 gap-2 border-l-2 border-border-strong pl-2 text-caption text-muted-foreground',\n        className,\n      )}\n    >\n      <span className=\"min-w-0 flex-1\">\n        {authorName ? (\n          <Txt as=\"span\" variant=\"column\">\n            {authorName}{' '}\n          </Txt>\n        ) : null}\n        <span className=\"line-clamp-2 wrap-anywhere whitespace-pre-line\">{quote}</span>\n      </span>\n      {onDismiss ? (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Remove quote\"\n          onClick={onDismiss}\n          className=\"shrink-0\"\n        >\n          <X size={12} aria-hidden />\n        </Button>\n      ) : null}\n    </blockquote>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Comment-Cg0f7eLa.cjs","names":["createContext","useContext","cva","cn","raisedSurfaceStyle","forwardRef","Txt","useRender","textStyle","useWatched","ArrivalScope","forwardRef","cn","InputGroup","InputGroupInput","InputGroupAddon","InputGroupButton","ArrowUp","useState","Field","cn","TextareaControl","Button","X","Check","FieldError","cn","Txt","Button","X"],"sources":["../src/ds/components/Comment/comment-context.ts","../src/ds/components/Comment/comment.tsx","../src/ds/components/Comment/comment-arrival.tsx","../src/ds/components/Comment/comment-composer.tsx","../src/ds/components/Comment/comment-editor.tsx","../src/ds/components/Comment/comment-quote.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type CommentVariant = 'default' | 'embed' | 'thread';\n\nexport const CommentContext = createContext<CommentVariant | null>(null);\n\nexport function useCommentVariant(): CommentVariant {\n  const variant = useContext(CommentContext);\n  if (!variant) throw new Error('Comment compounds must be rendered within Comment');\n  return variant;\n}\n","import { useRender } from '@base-ui/react/use-render';\nimport { cva } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef, HTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { CommentContext, useCommentVariant } from './comment-context';\nimport type { CommentVariant } from './comment-context';\nimport { Txt } from '@/ds/components/Txt';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\nconst commentVariants = cva('flex flex-col', {\n  variants: {\n    variant: {\n      default: 'gap-2',\n      embed: cn(raisedSurfaceStyle, 'gap-1 rounded-xl p-3'),\n      thread: '',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport interface CommentProps extends ComponentPropsWithoutRef<'div'> {\n  variant?: CommentVariant;\n}\n\nexport const Comment = forwardRef<HTMLDivElement, CommentProps>(({ className, variant = 'default', ...props }, ref) => (\n  <CommentContext.Provider value={variant}>\n    <div\n      ref={ref}\n      data-slot=\"comment\"\n      data-variant={variant}\n      className={cn(commentVariants({ variant }), className)}\n      {...props}\n    />\n  </CommentContext.Provider>\n));\nComment.displayName = 'Comment';\n\nconst commentListGap: Record<CommentVariant, string> = {\n  default: 'gap-3',\n  embed: 'gap-2',\n  thread: '',\n};\n\nexport type CommentListProps = ComponentPropsWithoutRef<'ul'>;\n\nexport const CommentList = forwardRef<HTMLUListElement, CommentListProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  return (\n    <ul\n      ref={ref}\n      data-slot=\"comment-list\"\n      className={cn('flex flex-col', commentListGap[variant], className)}\n      {...props}\n    />\n  );\n});\nCommentList.displayName = 'CommentList';\n\nconst commentItemLayout: Record<CommentVariant, string> = {\n  default: 'flex flex-col gap-1',\n  embed: 'flex flex-col gap-1',\n  thread: 'relative flex gap-2 rounded-lg px-2 hover:bg-fill-subtle',\n};\n\nexport interface CommentItemProps extends HTMLAttributes<HTMLElement> {\n  /** Same author moments after the row above: the header is dropped and the row tightens. */\n  continued?: boolean;\n  /** The comment a link pointed at. */\n  highlighted?: boolean;\n}\n\nexport const CommentItem = forwardRef<HTMLElement, CommentItemProps>(\n  ({ className, continued = false, highlighted = false, ...props }, ref) => {\n    const variant = useCommentVariant();\n    // A thread row is a stream entry among runs and moves, not a list item.\n    const Root = variant === 'thread' ? 'div' : 'li';\n\n    return (\n      <Root\n        // Cast needed: `Root` is polymorphic, so TS narrows the expected ref to a single element type.\n        ref={ref as never}\n        data-slot=\"comment-item\"\n        className={cn(\n          'group/comment-item',\n          commentItemLayout[variant],\n          variant === 'thread' && (continued ? 'py-0.5' : 'py-1.5'),\n          highlighted && 'bg-info-subtle',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nCommentItem.displayName = 'CommentItem';\n\nexport type CommentItemAvatarProps = ComponentPropsWithoutRef<'div'>;\n\n/** Fixed gutter: left empty on a continuation row, it keeps the body aligned under the avatar above. */\nexport const CommentItemAvatar = forwardRef<HTMLDivElement, CommentItemAvatarProps>(({ className, ...props }, ref) => (\n  <div ref={ref} data-slot=\"comment-item-avatar\" className={cn('w-6 shrink-0 pt-0.5', className)} {...props} />\n));\nCommentItemAvatar.displayName = 'CommentItemAvatar';\n\nexport type CommentItemContentProps = ComponentPropsWithoutRef<'div'>;\n\n/** Everything beside the gutter, stacked and free to shrink so long words wrap instead of widening the row. */\nexport const CommentItemContent = forwardRef<HTMLDivElement, CommentItemContentProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} data-slot=\"comment-item-content\" className={cn('min-w-0 flex-1', className)} {...props} />\n  ),\n);\nCommentItemContent.displayName = 'CommentItemContent';\n\nconst commentItemHeaderLayout: Record<CommentVariant, string> = {\n  default: 'flex items-center gap-2',\n  embed: 'flex items-center gap-2',\n  thread: 'flex items-baseline gap-1.5',\n};\n\nexport type CommentItemHeaderProps = ComponentPropsWithoutRef<'div'>;\n\nexport const CommentItemHeader = forwardRef<HTMLDivElement, CommentItemHeaderProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"comment-item-header\"\n      className={cn(commentItemHeaderLayout[variant], className)}\n      {...props}\n    />\n  );\n});\nCommentItemHeader.displayName = 'CommentItemHeader';\n\nconst commentItemAuthorSize: Record<CommentVariant, TxtProps['variant']> = {\n  default: 'subheading',\n  embed: 'subheading',\n  thread: 'column',\n};\n\nconst commentItemAuthorTone: Record<CommentVariant, string> = {\n  default: 'text-foreground',\n  embed: 'text-foreground',\n  thread: 'truncate text-foreground',\n};\n\nexport type CommentItemAuthorProps = ComponentPropsWithoutRef<'span'>;\n\nexport const CommentItemAuthor = forwardRef<HTMLElement, CommentItemAuthorProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  return (\n    <Txt\n      ref={ref}\n      as=\"span\"\n      variant={commentItemAuthorSize[variant]}\n      data-slot=\"comment-item-author\"\n      className={cn(commentItemAuthorTone[variant], className)}\n      {...props}\n    />\n  );\n});\nCommentItemAuthor.displayName = 'CommentItemAuthor';\n\nconst commentItemTimestampTone: Record<CommentVariant, string> = {\n  default: 'text-caption text-muted-foreground',\n  embed: 'text-caption text-muted-foreground',\n  thread: 'text-meta text-placeholder shrink-0',\n};\n\nexport type CommentItemTimestampProps = ComponentPropsWithoutRef<'time'>;\n\nexport const CommentItemTimestamp = forwardRef<HTMLTimeElement, CommentItemTimestampProps>(\n  ({ className, ...props }, ref) => {\n    const variant = useCommentVariant();\n\n    return (\n      <time\n        ref={ref}\n        data-slot=\"comment-item-timestamp\"\n        className={cn(commentItemTimestampTone[variant], className)}\n        {...props}\n      />\n    );\n  },\n);\nCommentItemTimestamp.displayName = 'CommentItemTimestamp';\n\nconst commentItemBodySize: Record<CommentVariant, TxtProps['variant']> = {\n  default: 'body',\n  embed: 'body',\n  thread: 'caption',\n};\n\nconst commentItemBodyTone: Record<CommentVariant, string> = {\n  default: 'whitespace-pre-wrap text-foreground border-l border-border pl-3',\n  embed: 'whitespace-pre-wrap text-foreground',\n  thread: '',\n};\n\nexport type CommentItemBodyProps = ComponentPropsWithoutRef<'p'>;\n\nexport const CommentItemBody = forwardRef<HTMLElement, CommentItemBodyProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  // Rendered markdown brings its own blocks, which a paragraph cannot hold.\n  return useRender({\n    defaultTagName: variant === 'thread' ? 'div' : 'p',\n    props: {\n      ...props,\n      ref,\n      'data-slot': 'comment-item-body',\n      className: cn(textStyle({ variant: commentItemBodySize[variant] }), commentItemBodyTone[variant], className),\n    },\n  });\n});\nCommentItemBody.displayName = 'CommentItemBody';\n\nconst commentItemActionsLayout: Record<CommentVariant, string> = {\n  default:\n    'flex items-center gap-1 opacity-0 group-focus-within/comment-item:opacity-100 group-hover/comment-item:opacity-100 motion-safe:transition-opacity',\n  embed: '',\n  // Inline at the end of the header row, revealed on hover/focus.\n  // `pointer-fine` only: a touch screen has no hover to reveal it with.\n  thread:\n    'ml-auto flex shrink-0 items-center gap-0.5 self-center transition-opacity duration-200 ease-out motion-reduce:transition-none pointer-fine:opacity-0 pointer-fine:group-focus-within/comment-item:opacity-100 pointer-fine:group-hover/comment-item:opacity-100',\n};\n\nexport type CommentItemActionsProps = ComponentPropsWithoutRef<'div'>;\n\n/** Hidden in the `embed` variant, which drops per-item actions. */\nexport const CommentItemActions = forwardRef<HTMLDivElement, CommentItemActionsProps>(\n  ({ className, ...props }, ref) => {\n    const variant = useCommentVariant();\n    if (variant === 'embed') return null;\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"comment-item-actions\"\n        className={cn(commentItemActionsLayout[variant], className)}\n        {...props}\n      />\n    );\n  },\n);\nCommentItemActions.displayName = 'CommentItemActions';\n","import type { ReactNode } from 'react';\n\nimport { ArrivalScope, useWatched } from '@/ds/components/Arrival';\n\nimport './comment-arrival.css';\n\n/** A comment the reader watched land rises into place; one that was already there just appears. */\nexport function CommentArrival({ children }: { children: ReactNode }) {\n  const watched = useWatched();\n\n  return (\n    <div data-slot=\"comment-arrival\" className={watched ? 'mastra-comment-arriving' : undefined}>\n      <ArrivalScope>{children}</ArrivalScope>\n    </div>\n  );\n}\n","import { ArrowUp } from 'lucide-react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useCommentVariant } from './comment-context';\nimport type { CommentVariant } from './comment-context';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport type { InputGroupButtonProps, InputGroupInputProps } from '@/ds/components/InputGroup';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport type CommentComposerProps = ComponentPropsWithoutRef<'form'>;\n\nexport const CommentComposer = forwardRef<HTMLFormElement, CommentComposerProps>(({ className, ...props }, ref) => (\n  <form ref={ref} data-slot=\"comment-composer\" className={cn('flex w-full items-center gap-2', className)} {...props} />\n));\nCommentComposer.displayName = 'CommentComposer';\n\nconst composerSize: Record<CommentVariant, ControlSize> = {\n  default: 'md',\n  embed: 'sm',\n  thread: 'md',\n};\n\nexport interface CommentComposerInputProps extends InputGroupInputProps {\n  /** Layout classes for the surrounding InputGroup. */\n  groupClassName?: string;\n  children?: ReactNode;\n}\n\nexport const CommentComposerInput = forwardRef<HTMLInputElement, CommentComposerInputProps>(\n  ({ groupClassName, children, ...props }, ref) => {\n    const variant = useCommentVariant();\n\n    return (\n      <InputGroup size={composerSize[variant]} className={groupClassName}>\n        <InputGroupInput ref={ref} data-slot=\"comment-composer-input\" {...props} />\n        {children}\n      </InputGroup>\n    );\n  },\n);\nCommentComposerInput.displayName = 'CommentComposerInput';\n\nexport type CommentComposerSendProps = Omit<InputGroupButtonProps, 'children'>;\n\nexport const CommentComposerSend = forwardRef<HTMLButtonElement, CommentComposerSendProps>(\n  ({ 'aria-label': ariaLabel = 'Send comment', type = 'submit', ...props }, ref) => (\n    <InputGroupAddon align=\"inline-end\">\n      <InputGroupButton ref={ref} data-slot=\"comment-composer-send\" type={type} aria-label={ariaLabel} {...props}>\n        <ArrowUp />\n      </InputGroupButton>\n    </InputGroupAddon>\n  ),\n);\nCommentComposerSend.displayName = 'CommentComposerSend';\n","import { Check, X } from 'lucide-react';\nimport { useState } from 'react';\nimport type { KeyboardEvent } from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { cn } from '@/lib/utils';\n\nexport interface CommentEditorProps {\n  initialBody: string;\n  /** Handed the trimmed draft. Closing is the caller's call, so a save that failed keeps what was typed. */\n  onSave: (body: string) => void;\n  onClose: () => void;\n  /** The caller's save in flight: the box locks until it settles. */\n  isPending?: boolean;\n  /** Why the caller's last save failed. */\n  error?: string;\n  'aria-label'?: string;\n  className?: string;\n}\n\n/** Owns the draft only; whether a save landed is the caller's mutation to report. */\nexport function CommentEditor({\n  initialBody,\n  onSave,\n  onClose,\n  isPending = false,\n  error,\n  'aria-label': ariaLabel = 'Edit comment',\n  className,\n}: CommentEditorProps) {\n  const [draft, setDraft] = useState(initialBody);\n  const body = draft.trim();\n  const canSave = body.length > 0 && !isPending;\n\n  const save = () => {\n    if (!canSave) return;\n    if (body === initialBody) {\n      onClose();\n      return;\n    }\n    onSave(body);\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    // An IME commit fires Enter mid-composition; acting on it would save half a word.\n    if (event.nativeEvent.isComposing) return;\n    if (event.key === 'Enter' && !event.shiftKey) {\n      event.preventDefault();\n      save();\n    }\n  };\n\n  return (\n    <Field invalid={Boolean(error)} data-slot=\"comment-editor\" className={cn('mt-1 flex flex-col gap-1.5', className)}>\n      <div className=\"relative\">\n        <TextareaControl\n          value={draft}\n          onChange={event => setDraft(event.target.value)}\n          onKeyDown={onKeyDown}\n          readOnly={isPending}\n          aria-label={ariaLabel}\n          rows={2}\n          className=\"block field-sizing-content max-h-40 w-full resize-none overflow-y-auto rounded-lg border border-border bg-background px-2 pt-1.5 pb-9 text-caption text-foreground outline-none focus:border-border-strong\"\n        />\n        <div className=\"absolute inset-x-px bottom-px flex items-center justify-end gap-1 rounded-b-lg bg-background px-1.5 pt-1 pb-1.5\">\n          <Button icon={<X />} type=\"button\" variant=\"ghost\" size=\"sm\" disabled={isPending} onClick={onClose}>\n            Cancel\n          </Button>\n          <Button icon={<Check />} type=\"button\" size=\"sm\" disabled={!canSave} onClick={save}>\n            {isPending ? 'Saving…' : 'Save'}\n          </Button>\n        </div>\n      </div>\n      <FieldError>{error}</FieldError>\n    </Field>\n  );\n}\n","import { X } from 'lucide-react';\n\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface CommentQuoteProps {\n  authorName?: string;\n  quote: string;\n  /** Given only while the quote is a draft the writer can still drop. */\n  onDismiss?: () => void;\n  className?: string;\n}\n\n/** The passage a reply answers, above the reply itself or inside the composer writing it. */\nexport function CommentQuote({ authorName, quote, onDismiss, className }: CommentQuoteProps) {\n  return (\n    <blockquote\n      data-slot=\"comment-quote\"\n      className={cn(\n        'm-0 flex min-w-0 gap-2 border-l-2 border-border-strong pl-2 text-caption text-muted-foreground',\n        className,\n      )}\n    >\n      <span className=\"min-w-0 flex-1\">\n        {authorName ? (\n          <Txt as=\"span\" variant=\"column\">\n            {authorName}{' '}\n          </Txt>\n        ) : null}\n        <span className=\"line-clamp-2 wrap-anywhere whitespace-pre-line\">{quote}</span>\n      </span>\n      {onDismiss ? (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Remove quote\"\n          onClick={onDismiss}\n          className=\"shrink-0\"\n        >\n          <X size={12} aria-hidden />\n        </Button>\n      ) : null}\n    </blockquote>\n  );\n}\n"],"mappings":"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"}

package/dist/{DataCodeSection-CZRPsStI.cjs → DataCodeSection-CFxXsQWH.cjs}

@@ -1,10 +1,10 @@
 const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_primitives_raised_surface = require("./primitives/raised-surface.cjs.js");
-const require_Button = require("./Button-YQRflC47.cjs");
-const require_copy_button = require("./copy-button-BYEFKNpo.cjs");
-const require_components_ButtonsGroup = require("./components/ButtonsGroup.cjs.js");
-const require_Dialog = require("./Dialog-CjaiCrkv.cjs");
-const require_CodeEditor = require("./CodeEditor-CJ9jC9lu.cjs");
+const require_Button = require("./Button-DLcMcuUL.cjs");
+const require_copy_button = require("./copy-button-DJAQ6_3o.cjs");
+const require_buttons_group = require("./buttons-group-Dc6R7YSs.cjs");
+const require_Dialog = require("./Dialog-BvWF9HE-.cjs");
+const require_CodeEditor = require("./CodeEditor-CLzs0yVc.cjs");
 const require_data_panel_section_heading = require("./data-panel-section-heading-d9UnruDt.cjs");
 const require_components_SearchInput = require("./components/SearchInput.cjs.js");
 let react = require("react");
@@ -118,14 +118,14 @@ function DataCodeSection({ codeStr = "", title, dialogTitle, icon, simplified =
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.SearchIcon, {})
 						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_SearchInput.SearchInput, {
 							label: "Search code",
-							placeholder: "Search...",
+							placeholder: "Search",
 							size: "sm",
 							value: searchQuery,
 							onValueChange: setSearchQuery,
 							onClose: () => setSearchMinimized(true),
 							autoFocus: true
 						})),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_ButtonsGroup.ButtonsGroup, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_buttons_group.ButtonsGroup, {
 							size: "sm",
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_copy_button.CopyButton, { content: codeStr || "No content" }),
@@ -177,11 +177,11 @@ function DataCodeSection({ codeStr = "", title, dialogTitle, icon, simplified =
 							className: "flex shrink-0 items-center gap-2",
 							children: [!expandedMultiline && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_SearchInput.SearchInput, {
 								label: "Search code",
-								placeholder: "Search...",
+								placeholder: "Search",
 								size: "sm",
 								value: expandedSearchQuery,
 								onValueChange: setExpandedSearchQuery
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_ButtonsGroup.ButtonsGroup, {
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_buttons_group.ButtonsGroup, {
 								size: "sm",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_copy_button.CopyButton, { content: codeStr || "No content" }), hasMultilineText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
 									size: "icon-md",
@@ -233,4 +233,4 @@ Object.defineProperty(exports, "DataCodeSection", {
 	}
 });
 
-//# sourceMappingURL=DataCodeSection-CZRPsStI.cjs.map
+//# sourceMappingURL=DataCodeSection-CFxXsQWH.cjs.map

package/dist/DataCodeSection-CFxXsQWH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCodeSection-CFxXsQWH.cjs","names":["Text","Chunk","useRef","EditorView","useMemo","RangeSetBuilder","Decoration","CodeEditor","useState","cn","DataPanelSectionHeading","Button","SearchIcon","SearchInput","ButtonsGroup","CopyButton","AlignLeftIcon","AlignJustifyIcon","ExpandIcon","raisedSurfaceStyle","Dialog","DialogContent","DialogHeader","DialogTitle","_Fragment","DialogBody"],"sources":["../src/ds/components/DataCodeSection/data-code-section.tsx"],"sourcesContent":["import { Chunk } from '@codemirror/merge';\nimport { RangeSetBuilder, Text } from '@codemirror/state';\nimport { Decoration, EditorView } from '@codemirror/view';\nimport type { ReactCodeMirrorRef } from '@uiw/react-codemirror';\nimport { AlignJustifyIcon, AlignLeftIcon, ExpandIcon, SearchIcon } from 'lucide-react';\nimport { useEffect, useMemo, useRef, 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 { DataPanelSectionHeading } from '@/ds/components/DataPanel/data-panel-section-heading';\nimport { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\nimport { SearchInput } from '@/ds/components/SearchInput';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface DataCodeSectionDiff {\n  /** The other document to compare against. */\n  against: string;\n  /** `a` = this document is the \"before\" (changes in red), `b` = \"after\" (changes in green). */\n  side: 'a' | 'b';\n}\n\n/** Zero-based indexes of the lines of `doc` that differ from `diff.against`. */\nfunction changedLines(doc: string, { against, side }: DataCodeSectionDiff): Set<number> {\n  const [a, b] = side === 'a' ? [doc, against] : [against, doc];\n  const text = Text.of(doc.split('\\n'));\n  const lines = new Set<number>();\n  for (const chunk of Chunk.build(Text.of(a.split('\\n')), Text.of(b.split('\\n')))) {\n    const from = side === 'a' ? chunk.fromA : chunk.fromB;\n    const to = side === 'a' ? chunk.endA : chunk.endB;\n    if (from >= to) continue;\n    for (let pos = from; pos <= Math.min(to, text.length);) {\n      const line = text.lineAt(pos);\n      lines.add(line.number - 1);\n      if (line.to >= to) break;\n      pos = line.to + 1;\n    }\n  }\n  return lines;\n}\n\nconst diffLineStyles = {\n  removed: 'code-diff-removed bg-destructive-subtle',\n  added: 'code-diff-added bg-success-subtle',\n};\nconst searchMatchStyle = 'code-search-match rounded-sm bg-badge-amber-strong';\n\ninterface CodeViewProps {\n  code: string;\n  changed?: Set<number>;\n  diffSide?: DataCodeSectionDiff['side'];\n  searchQuery: string;\n}\n\nfunction CodeView({ code, changed, diffSide, searchQuery }: CodeViewProps) {\n  const ref = useRef<ReactCodeMirrorRef>(null);\n  const query = searchQuery.toLowerCase();\n\n  // Matches are scrolled to through CodeMirror: it only renders the visible lines, so an off-screen match has no DOM node yet.\n  useEffect(() => {\n    const view = ref.current?.view;\n    if (!query || !view) return;\n    const doc = view.state.doc;\n    for (let n = 1; n <= doc.lines; n++) {\n      const line = doc.line(n);\n      if (line.text.toLowerCase().includes(query)) {\n        view.dispatch({ effects: EditorView.scrollIntoView(line.from, { y: 'nearest' }) });\n        return;\n      }\n    }\n  }, [query]);\n\n  const extensions = useMemo(\n    () => [\n      EditorView.decorations.compute(['doc'], state => {\n        const builder = new RangeSetBuilder<Decoration>();\n        for (let n = 1; n <= state.doc.lines; n++) {\n          const line = state.doc.line(n);\n          const classes: string[] = [];\n          if (diffSide && changed?.has(n - 1)) classes.push(diffLineStyles[diffSide === 'a' ? 'removed' : 'added']);\n          if (query && line.text.toLowerCase().includes(query)) classes.push(searchMatchStyle);\n          if (classes.length) builder.add(line.from, line.from, Decoration.line({ class: classes.join(' ') }));\n        }\n        return builder.finish();\n      }),\n    ],\n    [changed, diffSide, query],\n  );\n\n  return (\n    <CodeEditor\n      ref={ref}\n      value={code}\n      language=\"json\"\n      editable={false}\n      lineNumbers={false}\n      showCopyButton={false}\n      variant=\"embedded\"\n      aria-label=\"JSON content\"\n      extensions={extensions}\n    />\n  );\n}\n\nexport interface DataCodeSectionProps {\n  title: React.ReactNode;\n  dialogTitle?: React.ReactNode;\n  icon?: React.ReactNode;\n  codeStr?: string;\n  simplified?: boolean;\n  className?: string;\n  /** Highlight lines that differ from another document. */\n  diff?: DataCodeSectionDiff;\n  /** Extra controls rendered in the header, before the built-in copy/expand buttons. */\n  actions?: React.ReactNode;\n}\n\nexport function DataCodeSection({\n  codeStr = '',\n  title,\n  dialogTitle,\n  icon,\n  simplified = false,\n  className,\n  diff,\n  actions,\n}: DataCodeSectionProps) {\n  const changed = useMemo(() => (diff ? changedLines(codeStr, diff) : undefined), [codeStr, diff]);\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const [searchMinimized, setSearchMinimized] = useState(true);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [expandedOpen, setExpandedOpen] = useState(false);\n  const [expandedSearchQuery, setExpandedSearchQuery] = useState('');\n  const [expandedMultiline, setExpandedMultiline] = useState(false);\n\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 expandedFinalCodeStr = expandedMultiline ? 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        <DataPanelSectionHeading icon={icon}>{title}</DataPanelSectionHeading>\n        <div className=\"flex items-center gap-2\">\n          {actions}\n          {!usePlainTextView &&\n            (searchMinimized ? (\n              <Button\n                size=\"icon-sm\"\n                aria-label=\"Search code\"\n                tooltip=\"Search code\"\n                onClick={() => setSearchMinimized(false)}\n              >\n                <SearchIcon />\n              </Button>\n            ) : (\n              <SearchInput\n                label=\"Search code\"\n                placeholder=\"Search\"\n                size=\"sm\"\n                value={searchQuery}\n                onValueChange={setSearchQuery}\n                onClose={() => setSearchMinimized(true)}\n                autoFocus\n              />\n            ))}\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                tooltip={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n                onClick={() => setShowAsMultilineText(v => !v)}\n              >\n                {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n              </Button>\n            )}\n            <Button size=\"icon-md\" aria-label=\"Expand\" tooltip=\"Expand\" onClick={() => setExpandedOpen(true)}>\n              <ExpandIcon />\n            </Button>\n          </ButtonsGroup>\n        </div>\n      </div>\n\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          <CodeView code={codeStr} changed={changed} diffSide={diff?.side} searchQuery={searchQuery} />\n        )}\n      </div>\n\n      <Dialog open={expandedOpen} onOpenChange={setExpandedOpen}>\n        <DialogContent size=\"full\">\n          <DialogHeader>\n            <div className=\"flex min-w-0 items-center justify-between gap-2\">\n              <DialogTitle className=\"flex min-w-0 items-center gap-1.5 truncate [&>svg]:size-3.5\">\n                {dialogTitle ?? (\n                  <>\n                    {icon}\n                    {title}\n                  </>\n                )}\n              </DialogTitle>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                {!expandedMultiline && (\n                  <SearchInput\n                    label=\"Search code\"\n                    placeholder=\"Search\"\n                    size=\"sm\"\n                    value={expandedSearchQuery}\n                    onValueChange={setExpandedSearchQuery}\n                  />\n                )}\n                <ButtonsGroup size=\"sm\">\n                  <CopyButton content={codeStr || 'No content'} />\n                  {hasMultilineText && (\n                    <Button\n                      size=\"icon-md\"\n                      aria-label={expandedMultiline ? 'Show escaped newlines' : 'Show multiline text'}\n                      tooltip={expandedMultiline ? 'Show escaped newlines' : 'Show multiline text'}\n                      onClick={() => setExpandedMultiline(v => !v)}\n                    >\n                      {expandedMultiline ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n                    </Button>\n                  )}\n                </ButtonsGroup>\n              </div>\n            </div>\n          </DialogHeader>\n          <DialogBody layout=\"fill\">\n            <div className=\"min-h-0 flex-1 overflow-auto\">\n              {expandedMultiline ? (\n                <div className={cn(raisedSurfaceStyle, 'rounded-lg p-3 text-caption break-all text-muted-foreground')}>\n                  <div className=\"font-mono break-all text-muted-foreground\">\n                    <pre className=\"text-wrap\">{expandedFinalCodeStr}</pre>\n                  </div>\n                </div>\n              ) : (\n                <CodeView code={codeStr} changed={changed} diffSide={diff?.side} searchQuery={expandedSearchQuery} />\n              )}\n            </div>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\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"],"mappings":"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"}

package/dist/{DataCodeSection-Ckd47p_S.js → DataCodeSection-PY9XEg2C.js}

@@ -1,10 +1,10 @@
 import { t as cn } from "./utils-DQx8TpNT.js";
 import { raisedSurfaceStyle } from "./primitives/raised-surface.es.js";
-import { t as Button } from "./Button-Bw1e3ONi.js";
-import { t as CopyButton } from "./copy-button-CF-X4iDj.js";
-import { ButtonsGroup } from "./components/ButtonsGroup.es.js";
-import { a as DialogContent, c as DialogHeader, d as DialogTitle, n as DialogBody, t as Dialog } from "./Dialog-CKtTR8h3.js";
-import { t as CodeEditor } from "./CodeEditor-CPVxj7WS.js";
+import { t as Button } from "./Button-CLXTbAY8.js";
+import { t as CopyButton } from "./copy-button-BXrbevLn.js";
+import { t as ButtonsGroup } from "./buttons-group-DkFlnMiL.js";
+import { a as DialogContent, c as DialogHeader, d as DialogTitle, n as DialogBody, t as Dialog } from "./Dialog-DaWtxwd9.js";
+import { t as CodeEditor } from "./CodeEditor-COnz9c6B.js";
 import { t as DataPanelSectionHeading } from "./data-panel-section-heading-X3tHNMV1.js";
 import { SearchInput } from "./components/SearchInput.es.js";
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -118,7 +118,7 @@ function DataCodeSection({ codeStr = "", title, dialogTitle, icon, simplified =
 							children: /* @__PURE__ */ jsx(SearchIcon, {})
 						}) : /* @__PURE__ */ jsx(SearchInput, {
 							label: "Search code",
-							placeholder: "Search...",
+							placeholder: "Search",
 							size: "sm",
 							value: searchQuery,
 							onValueChange: setSearchQuery,
@@ -177,7 +177,7 @@ function DataCodeSection({ codeStr = "", title, dialogTitle, icon, simplified =
 							className: "flex shrink-0 items-center gap-2",
 							children: [!expandedMultiline && /* @__PURE__ */ jsx(SearchInput, {
 								label: "Search code",
-								placeholder: "Search...",
+								placeholder: "Search",
 								size: "sm",
 								value: expandedSearchQuery,
 								onValueChange: setExpandedSearchQuery
@@ -228,4 +228,4 @@ function containsInnerNewline(obj) {
 }
 export { DataCodeSection as t };
 
-//# sourceMappingURL=DataCodeSection-Ckd47p_S.js.map
+//# sourceMappingURL=DataCodeSection-PY9XEg2C.js.map

package/dist/DataCodeSection-PY9XEg2C.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCodeSection-PY9XEg2C.js","names":["Text","_Fragment"],"sources":["../src/ds/components/DataCodeSection/data-code-section.tsx"],"sourcesContent":["import { Chunk } from '@codemirror/merge';\nimport { RangeSetBuilder, Text } from '@codemirror/state';\nimport { Decoration, EditorView } from '@codemirror/view';\nimport type { ReactCodeMirrorRef } from '@uiw/react-codemirror';\nimport { AlignJustifyIcon, AlignLeftIcon, ExpandIcon, SearchIcon } from 'lucide-react';\nimport { useEffect, useMemo, useRef, 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 { DataPanelSectionHeading } from '@/ds/components/DataPanel/data-panel-section-heading';\nimport { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\nimport { SearchInput } from '@/ds/components/SearchInput';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface DataCodeSectionDiff {\n  /** The other document to compare against. */\n  against: string;\n  /** `a` = this document is the \"before\" (changes in red), `b` = \"after\" (changes in green). */\n  side: 'a' | 'b';\n}\n\n/** Zero-based indexes of the lines of `doc` that differ from `diff.against`. */\nfunction changedLines(doc: string, { against, side }: DataCodeSectionDiff): Set<number> {\n  const [a, b] = side === 'a' ? [doc, against] : [against, doc];\n  const text = Text.of(doc.split('\\n'));\n  const lines = new Set<number>();\n  for (const chunk of Chunk.build(Text.of(a.split('\\n')), Text.of(b.split('\\n')))) {\n    const from = side === 'a' ? chunk.fromA : chunk.fromB;\n    const to = side === 'a' ? chunk.endA : chunk.endB;\n    if (from >= to) continue;\n    for (let pos = from; pos <= Math.min(to, text.length);) {\n      const line = text.lineAt(pos);\n      lines.add(line.number - 1);\n      if (line.to >= to) break;\n      pos = line.to + 1;\n    }\n  }\n  return lines;\n}\n\nconst diffLineStyles = {\n  removed: 'code-diff-removed bg-destructive-subtle',\n  added: 'code-diff-added bg-success-subtle',\n};\nconst searchMatchStyle = 'code-search-match rounded-sm bg-badge-amber-strong';\n\ninterface CodeViewProps {\n  code: string;\n  changed?: Set<number>;\n  diffSide?: DataCodeSectionDiff['side'];\n  searchQuery: string;\n}\n\nfunction CodeView({ code, changed, diffSide, searchQuery }: CodeViewProps) {\n  const ref = useRef<ReactCodeMirrorRef>(null);\n  const query = searchQuery.toLowerCase();\n\n  // Matches are scrolled to through CodeMirror: it only renders the visible lines, so an off-screen match has no DOM node yet.\n  useEffect(() => {\n    const view = ref.current?.view;\n    if (!query || !view) return;\n    const doc = view.state.doc;\n    for (let n = 1; n <= doc.lines; n++) {\n      const line = doc.line(n);\n      if (line.text.toLowerCase().includes(query)) {\n        view.dispatch({ effects: EditorView.scrollIntoView(line.from, { y: 'nearest' }) });\n        return;\n      }\n    }\n  }, [query]);\n\n  const extensions = useMemo(\n    () => [\n      EditorView.decorations.compute(['doc'], state => {\n        const builder = new RangeSetBuilder<Decoration>();\n        for (let n = 1; n <= state.doc.lines; n++) {\n          const line = state.doc.line(n);\n          const classes: string[] = [];\n          if (diffSide && changed?.has(n - 1)) classes.push(diffLineStyles[diffSide === 'a' ? 'removed' : 'added']);\n          if (query && line.text.toLowerCase().includes(query)) classes.push(searchMatchStyle);\n          if (classes.length) builder.add(line.from, line.from, Decoration.line({ class: classes.join(' ') }));\n        }\n        return builder.finish();\n      }),\n    ],\n    [changed, diffSide, query],\n  );\n\n  return (\n    <CodeEditor\n      ref={ref}\n      value={code}\n      language=\"json\"\n      editable={false}\n      lineNumbers={false}\n      showCopyButton={false}\n      variant=\"embedded\"\n      aria-label=\"JSON content\"\n      extensions={extensions}\n    />\n  );\n}\n\nexport interface DataCodeSectionProps {\n  title: React.ReactNode;\n  dialogTitle?: React.ReactNode;\n  icon?: React.ReactNode;\n  codeStr?: string;\n  simplified?: boolean;\n  className?: string;\n  /** Highlight lines that differ from another document. */\n  diff?: DataCodeSectionDiff;\n  /** Extra controls rendered in the header, before the built-in copy/expand buttons. */\n  actions?: React.ReactNode;\n}\n\nexport function DataCodeSection({\n  codeStr = '',\n  title,\n  dialogTitle,\n  icon,\n  simplified = false,\n  className,\n  diff,\n  actions,\n}: DataCodeSectionProps) {\n  const changed = useMemo(() => (diff ? changedLines(codeStr, diff) : undefined), [codeStr, diff]);\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const [searchMinimized, setSearchMinimized] = useState(true);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [expandedOpen, setExpandedOpen] = useState(false);\n  const [expandedSearchQuery, setExpandedSearchQuery] = useState('');\n  const [expandedMultiline, setExpandedMultiline] = useState(false);\n\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 expandedFinalCodeStr = expandedMultiline ? 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        <DataPanelSectionHeading icon={icon}>{title}</DataPanelSectionHeading>\n        <div className=\"flex items-center gap-2\">\n          {actions}\n          {!usePlainTextView &&\n            (searchMinimized ? (\n              <Button\n                size=\"icon-sm\"\n                aria-label=\"Search code\"\n                tooltip=\"Search code\"\n                onClick={() => setSearchMinimized(false)}\n              >\n                <SearchIcon />\n              </Button>\n            ) : (\n              <SearchInput\n                label=\"Search code\"\n                placeholder=\"Search\"\n                size=\"sm\"\n                value={searchQuery}\n                onValueChange={setSearchQuery}\n                onClose={() => setSearchMinimized(true)}\n                autoFocus\n              />\n            ))}\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                tooltip={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n                onClick={() => setShowAsMultilineText(v => !v)}\n              >\n                {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n              </Button>\n            )}\n            <Button size=\"icon-md\" aria-label=\"Expand\" tooltip=\"Expand\" onClick={() => setExpandedOpen(true)}>\n              <ExpandIcon />\n            </Button>\n          </ButtonsGroup>\n        </div>\n      </div>\n\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          <CodeView code={codeStr} changed={changed} diffSide={diff?.side} searchQuery={searchQuery} />\n        )}\n      </div>\n\n      <Dialog open={expandedOpen} onOpenChange={setExpandedOpen}>\n        <DialogContent size=\"full\">\n          <DialogHeader>\n            <div className=\"flex min-w-0 items-center justify-between gap-2\">\n              <DialogTitle className=\"flex min-w-0 items-center gap-1.5 truncate [&>svg]:size-3.5\">\n                {dialogTitle ?? (\n                  <>\n                    {icon}\n                    {title}\n                  </>\n                )}\n              </DialogTitle>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                {!expandedMultiline && (\n                  <SearchInput\n                    label=\"Search code\"\n                    placeholder=\"Search\"\n                    size=\"sm\"\n                    value={expandedSearchQuery}\n                    onValueChange={setExpandedSearchQuery}\n                  />\n                )}\n                <ButtonsGroup size=\"sm\">\n                  <CopyButton content={codeStr || 'No content'} />\n                  {hasMultilineText && (\n                    <Button\n                      size=\"icon-md\"\n                      aria-label={expandedMultiline ? 'Show escaped newlines' : 'Show multiline text'}\n                      tooltip={expandedMultiline ? 'Show escaped newlines' : 'Show multiline text'}\n                      onClick={() => setExpandedMultiline(v => !v)}\n                    >\n                      {expandedMultiline ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n                    </Button>\n                  )}\n                </ButtonsGroup>\n              </div>\n            </div>\n          </DialogHeader>\n          <DialogBody layout=\"fill\">\n            <div className=\"min-h-0 flex-1 overflow-auto\">\n              {expandedMultiline ? (\n                <div className={cn(raisedSurfaceStyle, 'rounded-lg p-3 text-caption break-all text-muted-foreground')}>\n                  <div className=\"font-mono break-all text-muted-foreground\">\n                    <pre className=\"text-wrap\">{expandedFinalCodeStr}</pre>\n                  </div>\n                </div>\n              ) : (\n                <CodeView code={codeStr} changed={changed} diffSide={diff?.side} searchQuery={expandedSearchQuery} />\n              )}\n            </div>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\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"],"mappings":"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"}

package/dist/{DataDetailsPanel-_CK0Huk6.js → DataDetailsPanel-CohEKPm4.js}

@@ -1,10 +1,10 @@
 import { t as cn } from "./utils-DQx8TpNT.js";
 import { raisedSurfaceStyle } from "./primitives/raised-surface.es.js";
-import { t as Button } from "./Button-Bw1e3ONi.js";
+import { t as Button } from "./Button-CLXTbAY8.js";
 import { t as Txt } from "./Txt-BM6TVV_c.js";
-import { t as CopyButton } from "./copy-button-CF-X4iDj.js";
-import { ButtonsGroup } from "./components/ButtonsGroup.es.js";
-import { t as CodeEditor } from "./CodeEditor-CPVxj7WS.js";
+import { t as CopyButton } from "./copy-button-BXrbevLn.js";
+import { t as ButtonsGroup } from "./buttons-group-DkFlnMiL.js";
+import { t as CodeEditor } from "./CodeEditor-COnz9c6B.js";
 import { t as Spinner } from "./spinner-CnLgLj9R.js";
 import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -177,4 +177,4 @@ var DataDetailsPanel = Object.assign(DataDetailsPanel$1, {
 });
 export { DataDetailsPanel as t };
 
-//# sourceMappingURL=DataDetailsPanel-_CK0Huk6.js.map
+//# sourceMappingURL=DataDetailsPanel-CohEKPm4.js.map

package/dist/{DataDetailsPanel-_CK0Huk6.js.map → DataDetailsPanel-CohEKPm4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DataDetailsPanel-_CK0Huk6.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-CohEKPm4.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/{DataDetailsPanel-DFhM9H5D.cjs → DataDetailsPanel-DiyjEXqK.cjs}

@@ -1,10 +1,10 @@
 const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_primitives_raised_surface = require("./primitives/raised-surface.cjs.js");
-const require_Button = require("./Button-YQRflC47.cjs");
+const require_Button = require("./Button-DLcMcuUL.cjs");
 const require_Txt = require("./Txt-BnoSqxKE.cjs");
-const require_copy_button = require("./copy-button-BYEFKNpo.cjs");
-const require_components_ButtonsGroup = require("./components/ButtonsGroup.cjs.js");
-const require_CodeEditor = require("./CodeEditor-CJ9jC9lu.cjs");
+const require_copy_button = require("./copy-button-DJAQ6_3o.cjs");
+const require_buttons_group = require("./buttons-group-Dc6R7YSs.cjs");
+const require_CodeEditor = require("./CodeEditor-CLzs0yVc.cjs");
 const require_spinner = require("./spinner-C8ZxiA5C.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -49,7 +49,7 @@ function DataDetailsPanelCodeSection({ codeStr = "", title, icon, simplified = f
 				children: [icon, title]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "flex items-center gap-2",
-				children: [actions, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_ButtonsGroup.ButtonsGroup, {
+				children: [actions, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_buttons_group.ButtonsGroup, {
 					size: "sm",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_copy_button.CopyButton, { content: codeStr || "No content" }), hasMultilineText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
 						size: "icon-md",
@@ -182,4 +182,4 @@ Object.defineProperty(exports, "DataDetailsPanel", {
 	}
 });
 
-//# sourceMappingURL=DataDetailsPanel-DFhM9H5D.cjs.map
+//# sourceMappingURL=DataDetailsPanel-DiyjEXqK.cjs.map

package/dist/{DataDetailsPanel-DFhM9H5D.cjs.map → DataDetailsPanel-DiyjEXqK.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DataDetailsPanel-DFhM9H5D.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-DiyjEXqK.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/{DataList-2tIlQsLc.js → DataList-CUhRQAv6.js}

@@ -10,7 +10,7 @@ import { McpServerIcon } from "./icons/McpServerIcon.es.js";
 import { ProcessorIcon } from "./icons/ProcessorIcon.es.js";
 import { ScorersIcon } from "./icons/ScorersIcon.es.js";
 import { t as Badge } from "./Badge-aVu5iGAF.js";
-import { C as splitColumns, S as dataListRowOuterStyles, _ as DataListCreatedCell, a as DataListSpacer, b as DataListTextCell, f as DataListRowButton, g as DataListCell, h as DataListNextPageLoading, i as DataListSubheader, l as DataListTopCellWithTooltip, m as DataListNoMatch, n as DataListTop, o as DataListSortableTopCell, p as DataListRoot, r as DataListSubHeading, s as DataListTopCell, y as DataListIdCell } from "./data-list-evmf5xWI.js";
+import { C as splitColumns, S as dataListRowOuterStyles, _ as DataListCreatedCell, a as DataListSpacer, b as DataListTextCell, f as DataListRowButton, g as DataListCell, h as DataListNextPageLoading, i as DataListSubheader, l as DataListTopCellWithTooltip, m as DataListNoMatch, n as DataListTop, o as DataListSortableTopCell, p as DataListRoot, r as DataListSubHeading, s as DataListTopCell, y as DataListIdCell } from "./data-list-DHCOoLmj.js";
 import { Fragment } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { CornerDownRightIcon, DatabaseIcon, ListTreeIcon, RouteIcon, SplitIcon } from "lucide-react";
@@ -405,4 +405,4 @@ var TracesDataList = Object.assign(TracesDataListRoot, {
 });
 export { DataListSkeletonRows as i, ScoresDataList as n, DataListSkeleton as r, TracesDataList as t };
 
-//# sourceMappingURL=DataList-2tIlQsLc.js.map
+//# sourceMappingURL=DataList-CUhRQAv6.js.map