@mastra/playground-ui 58.0.0-alpha.3 → 58.0.0

package/dist/data-code-section-C75shCII.js

@@ -1,365 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { json } from '@codemirror/lang-json';
-import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
-import { Chunk } from '@codemirror/merge';
-import { SearchCursor } from '@codemirror/search';
-import { Text, RangeSetBuilder, StateEffect, StateField } from '@codemirror/state';
-import { EditorView, Decoration } from '@codemirror/view';
-import { tags } from '@lezer/highlight';
-import { draculaInit } from '@uiw/codemirror-theme-dracula';
-import ReactCodeMirror from '@uiw/react-codemirror';
-import { AlignLeftIcon, AlignJustifyIcon, ExpandIcon, XIcon } from 'lucide-react';
-import { useMemo, useState, useRef, useCallback } from 'react';
-import { B as Button } from './Button-B8nF87ai.js';
-import { B as ButtonsGroup } from './buttons-group-DsZgrZBZ.js';
-import { C as CopyButton } from './copy-button-DcZ1mdw4.js';
-import { D as DataPanelSectionHeading } from './data-panel-section-heading-CXD1skJD.js';
-import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, f as DialogClose } from './dialog-Dtfe1ylw.js';
-import { S as SearchFieldBlock } from './search-field-block-fU3tStmB.js';
-import { u as useTheme } from './theme-provider-C9ih9jSS.js';
-import { raisedSurfaceStyle } from './primitives/raised-surface.es.js';
-import { c as cn } from './cn-65Adrsfj.js';
-
-const setSearchQuery = StateEffect.define();
-const searchHighlightMark = Decoration.mark({ class: "cm-search-match" });
-const searchHighlightField = StateField.define({
-  create() {
-    return Decoration.none;
-  },
-  update(decorations, tr) {
-    for (const effect of tr.effects) {
-      if (effect.is(setSearchQuery)) {
-        const query = effect.value;
-        if (!query) return Decoration.none;
-        const builder = new RangeSetBuilder();
-        const cursor = new SearchCursor(tr.state.doc, query, 0, tr.state.doc.length, (a) => a.toLowerCase());
-        while (!cursor.next().done) {
-          builder.add(cursor.value.from, cursor.value.to, searchHighlightMark);
-        }
-        return builder.finish();
-      }
-    }
-    return decorations;
-  },
-  provide: (f) => EditorView.decorations.from(f)
-});
-const searchHighlightTheme = EditorView.baseTheme({
-  ".cm-search-match": {
-    backgroundColor: "color-mix(in srgb, var(--accent1) 60%, transparent)",
-    borderRadius: "var(--radius-sm)"
-  }
-});
-function searchHighlightExtension() {
-  return [searchHighlightField, searchHighlightTheme];
-}
-const diffLineTheme = EditorView.theme({
-  ".cm-line.cm-diff-removed, .cm-line.cm-diff-removed.cm-activeLine": {
-    backgroundColor: "color-mix(in srgb, var(--accent2) 18%, transparent)"
-  },
-  ".cm-line.cm-diff-added, .cm-line.cm-diff-added.cm-activeLine": {
-    backgroundColor: "color-mix(in srgb, var(--accent1) 18%, transparent)"
-  }
-});
-function diffHighlightExtension(doc, { against, side }) {
-  const [a, b] = side === "a" ? [doc, against] : [against, doc];
-  const text = Text.of(doc.split("\n"));
-  const line = Decoration.line({ class: side === "a" ? "cm-diff-removed" : "cm-diff-added" });
-  const builder = new RangeSetBuilder();
-  for (const chunk of Chunk.build(Text.of(a.split("\n")), Text.of(b.split("\n")))) {
-    const from = side === "a" ? chunk.fromA : chunk.fromB;
-    const to = side === "a" ? chunk.endA : chunk.endB;
-    if (from >= to) continue;
-    for (let pos = from; pos <= Math.min(to, text.length); ) {
-      const l = text.lineAt(pos);
-      builder.add(l.from, l.from, line);
-      if (l.to >= to) break;
-      pos = l.to + 1;
-    }
-  }
-  return [EditorView.decorations.of(builder.finish()), diffLineTheme];
-}
-function buildDarkTheme() {
-  return draculaInit({
-    settings: {
-      fontFamily: "var(--font-mono)",
-      fontSize: "var(--text-caption)",
-      lineHighlight: "transparent",
-      gutterBackground: "transparent",
-      gutterForeground: "#939393",
-      background: "transparent"
-    },
-    styles: [{ tag: [tags.className, tags.propertyName] }]
-  });
-}
-function buildLightTheme() {
-  const editorTheme = EditorView.theme({
-    "&": {
-      backgroundColor: "transparent",
-      color: "var(--foreground)",
-      fontSize: "var(--text-caption)"
-    },
-    "&.cm-editor .cm-scroller": {
-      fontFamily: "var(--font-mono)"
-    },
-    ".cm-gutters": {
-      backgroundColor: "transparent",
-      color: "var(--placeholder)",
-      borderRight: "none"
-    },
-    ".cm-content": {
-      color: "var(--foreground)",
-      caretColor: "var(--foreground)"
-    },
-    ".cm-activeLine": {
-      backgroundColor: "transparent"
-    },
-    ".cm-activeLineGutter": {
-      backgroundColor: "transparent"
-    },
-    ".cm-cursor, .cm-dropCursor": {
-      borderLeftColor: "var(--foreground)"
-    }
-  });
-  const highlightStyle = HighlightStyle.define([
-    { tag: [tags.comment, tags.bracket], color: "var(--placeholder)" },
-    { tag: [tags.string, tags.meta, tags.regexp], color: "var(--accent1)" },
-    { tag: [tags.atom, tags.bool, tags.special(tags.variableName)], color: "var(--accent6)" },
-    { tag: [tags.keyword, tags.operator, tags.tagName], color: "var(--accent2)" },
-    { tag: [tags.function(tags.propertyName), tags.propertyName], color: "var(--accent5)" },
-    {
-      tag: [tags.definition(tags.variableName), tags.function(tags.variableName), tags.className, tags.attributeName],
-      color: "var(--accent3)"
-    },
-    { tag: [tags.variableName, tags.number], color: "var(--accent5)" },
-    { tag: [tags.name, tags.quote], color: "var(--accent1)" }
-  ]);
-  return [editorTheme, syntaxHighlighting(highlightStyle)];
-}
-const useCodemirrorTheme = () => {
-  const isDark = useTheme().resolvedTheme === "dark";
-  return useMemo(() => isDark ? buildDarkTheme() : buildLightTheme(), [isDark]);
-};
-function DataCodeSection({
-  codeStr = "",
-  title,
-  dialogTitle,
-  icon,
-  simplified = false,
-  className,
-  diff,
-  actions
-}) {
-  const theme = useCodemirrorTheme();
-  const diffExtension = useMemo(() => diff ? diffHighlightExtension(codeStr, diff) : [], [codeStr, diff]);
-  const [showAsMultilineText, setShowAsMultilineText] = useState(false);
-  const [searchMinimized, setSearchMinimized] = useState(true);
-  const [searchQuery, setSearchQueryState] = useState("");
-  const [expandedOpen, setExpandedOpen] = useState(false);
-  const [expandedSearchQuery, setExpandedSearchQuery] = useState("");
-  const [expandedMultiline, setExpandedMultiline] = useState(false);
-  const editorRef = useRef(null);
-  const expandedEditorRef = useRef(null);
-  const hasMultilineText = useMemo(() => {
-    try {
-      const parsed = JSON.parse(codeStr);
-      return containsInnerNewline(parsed || "");
-    } catch {
-      return false;
-    }
-  }, [codeStr]);
-  const dispatchSearch = useCallback((query) => {
-    const view = editorRef.current?.view;
-    if (view) {
-      view.dispatch({ effects: setSearchQuery.of(query) });
-      if (query) {
-        const cursor = new SearchCursor(
-          view.state.doc,
-          query,
-          0,
-          view.state.doc.length,
-          (a) => a.toLowerCase()
-        );
-        if (!cursor.next().done) {
-          view.dispatch({
-            selection: { anchor: cursor.value.from },
-            scrollIntoView: true
-          });
-        }
-      }
-    }
-  }, []);
-  const handleSearchChange = useCallback(
-    (e) => {
-      const val = e.target.value;
-      setSearchQueryState(val);
-      dispatchSearch(val);
-    },
-    [dispatchSearch]
-  );
-  const handleSearchReset = useCallback(() => {
-    setSearchQueryState("");
-    dispatchSearch("");
-  }, [dispatchSearch]);
-  const dispatchExpandedSearch = useCallback((query) => {
-    const view = expandedEditorRef.current?.view;
-    if (view) {
-      view.dispatch({ effects: setSearchQuery.of(query) });
-      if (query) {
-        const cursor = new SearchCursor(
-          view.state.doc,
-          query,
-          0,
-          view.state.doc.length,
-          (a) => a.toLowerCase()
-        );
-        if (!cursor.next().done) {
-          view.dispatch({
-            selection: { anchor: cursor.value.from },
-            scrollIntoView: true
-          });
-        }
-      }
-    }
-  }, []);
-  const handleExpandedSearchChange = useCallback(
-    (e) => {
-      const val = e.target.value;
-      setExpandedSearchQuery(val);
-      dispatchExpandedSearch(val);
-    },
-    [dispatchExpandedSearch]
-  );
-  const handleExpandedSearchReset = useCallback(() => {
-    setExpandedSearchQuery("");
-    dispatchExpandedSearch("");
-  }, [dispatchExpandedSearch]);
-  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\n/g, "\n") : codeStr;
-  const expandedFinalCodeStr = expandedMultiline ? codeStr?.replace(/\\n/g, "\n") : codeStr;
-  const usePlainTextView = simplified || showAsMultilineText;
-  if (!codeStr || codeStr === "null") return null;
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx(DataPanelSectionHeading, { icon, children: title }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        actions,
-        !usePlainTextView && /* @__PURE__ */ jsx(
-          SearchFieldBlock,
-          {
-            name: "code-section-search",
-            label: "Search code",
-            labelIsHidden: true,
-            placeholder: "Search...",
-            value: searchQuery,
-            onChange: handleSearchChange,
-            onReset: handleSearchReset,
-            size: "sm",
-            isMinimized: searchMinimized,
-            onMinimizedChange: setSearchMinimized
-          }
-        ),
-        /* @__PURE__ */ jsxs(ButtonsGroup, { size: "sm", children: [
-          /* @__PURE__ */ jsx(CopyButton, { content: codeStr || "No content" }),
-          hasMultilineText && /* @__PURE__ */ jsx(
-            Button,
-            {
-              "aria-label": showAsMultilineText ? "Show escaped newlines" : "Show multiline text",
-              tooltip: showAsMultilineText ? "Show escaped newlines" : "Show multiline text",
-              onClick: () => setShowAsMultilineText((v) => !v),
-              children: showAsMultilineText ? /* @__PURE__ */ jsx(AlignLeftIcon, {}) : /* @__PURE__ */ jsx(AlignJustifyIcon, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { "aria-label": "Expand", tooltip: "Expand", onClick: () => setExpandedOpen(true), children: /* @__PURE__ */ jsx(ExpandIcon, {}) })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          raisedSurfaceStyle,
-          "max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground"
-        ),
-        children: usePlainTextView ? /* @__PURE__ */ jsx("div", { className: "font-mono break-all text-muted-foreground", children: /* @__PURE__ */ jsx("pre", { className: "text-wrap", children: finalCodeStr }) }) : /* @__PURE__ */ jsx(
-          ReactCodeMirror,
-          {
-            ref: editorRef,
-            extensions: [json(), EditorView.lineWrapping, searchHighlightExtension(), diffExtension],
-            theme,
-            value: codeStr,
-            editable: false
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(Dialog, { open: expandedOpen, onOpenChange: setExpandedOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "grid h-[calc(100vh-6rem)]! max-w-[90vw]! grid-rows-[auto_1fr] [&>.absolute]:hidden", children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { className: "flex-row items-center justify-between", children: [
-        /* @__PURE__ */ jsx(DialogTitle, { className: "flex min-w-0 items-center gap-1.5 truncate text-caption [&>svg]:size-3.5", children: dialogTitle ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-          icon,
-          title
-        ] }) }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: "Expanded code view" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
-          !expandedMultiline && /* @__PURE__ */ jsx(
-            SearchFieldBlock,
-            {
-              name: "expanded-code-search",
-              label: "Search code",
-              labelIsHidden: true,
-              placeholder: "Search...",
-              value: expandedSearchQuery,
-              onChange: handleExpandedSearchChange,
-              onReset: handleExpandedSearchReset,
-              size: "sm"
-            }
-          ),
-          /* @__PURE__ */ jsxs(ButtonsGroup, { size: "sm", children: [
-            /* @__PURE__ */ jsx(CopyButton, { content: codeStr || "No content" }),
-            hasMultilineText && /* @__PURE__ */ jsx(
-              Button,
-              {
-                "aria-label": expandedMultiline ? "Show escaped newlines" : "Show multiline text",
-                tooltip: expandedMultiline ? "Show escaped newlines" : "Show multiline text",
-                onClick: () => setExpandedMultiline((v) => !v),
-                children: expandedMultiline ? /* @__PURE__ */ jsx(AlignLeftIcon, {}) : /* @__PURE__ */ jsx(AlignJustifyIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { "aria-label": "Close", tooltip: "Close", children: /* @__PURE__ */ jsx(XIcon, {}) }) })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "overflow-auto px-6 pb-6", children: expandedMultiline ? /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            raisedSurfaceStyle,
-            "overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground"
-          ),
-          children: /* @__PURE__ */ jsx("div", { className: "font-mono break-all text-muted-foreground", children: /* @__PURE__ */ jsx("pre", { className: "text-wrap", children: expandedFinalCodeStr }) })
-        }
-      ) : /* @__PURE__ */ jsx(
-        ReactCodeMirror,
-        {
-          ref: expandedEditorRef,
-          extensions: [json(), EditorView.lineWrapping, searchHighlightExtension(), diffExtension],
-          theme,
-          value: codeStr,
-          editable: false
-        }
-      ) })
-    ] }) })
-  ] });
-}
-function containsInnerNewline(obj) {
-  if (typeof obj === "string") {
-    const idx = obj.indexOf("\n");
-    return idx !== -1 && idx !== obj.length - 1;
-  } else if (Array.isArray(obj)) {
-    return obj.some((item) => containsInnerNewline(item));
-  } else if (obj && typeof obj === "object") {
-    return Object.values(obj).some((value) => containsInnerNewline(value));
-  }
-  return false;
-}
-
-export { DataCodeSection as D };
-//# sourceMappingURL=data-code-section-C75shCII.js.map

package/dist/data-code-section-C75shCII.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-code-section-C75shCII.js","sources":["../src/ds/components/DataCodeSection/data-code-section.tsx"],"sourcesContent":["import { json } from '@codemirror/lang-json';\nimport { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { Chunk } from '@codemirror/merge';\nimport { SearchCursor } from '@codemirror/search';\nimport type { Extension } from '@codemirror/state';\nimport { StateEffect, StateField, RangeSetBuilder, Text } from '@codemirror/state';\nimport type { DecorationSet } from '@codemirror/view';\nimport { Decoration, EditorView } from '@codemirror/view';\nimport { tags as t } from '@lezer/highlight';\nimport { draculaInit } from '@uiw/codemirror-theme-dracula';\nimport type { ReactCodeMirrorRef } from '@uiw/react-codemirror';\nimport ReactCodeMirror from '@uiw/react-codemirror';\nimport { AlignJustifyIcon, AlignLeftIcon, ExpandIcon, XIcon } from 'lucide-react';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataPanelSectionHeading } from '@/ds/components/DataPanel/data-panel-section-heading';\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n} from '@/ds/components/Dialog';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n// -- Search highlight extension -----------------------------------------------\n\nconst setSearchQuery = StateEffect.define<string>();\n\nconst searchHighlightMark = Decoration.mark({ class: 'cm-search-match' });\n\nconst searchHighlightField = StateField.define<DecorationSet>({\n  create() {\n    return Decoration.none;\n  },\n  update(decorations, tr) {\n    for (const effect of tr.effects) {\n      if (effect.is(setSearchQuery)) {\n        const query = effect.value;\n        if (!query) return Decoration.none;\n        const builder = new RangeSetBuilder<Decoration>();\n        const cursor = new SearchCursor(tr.state.doc, query, 0, tr.state.doc.length, (a: string) => a.toLowerCase());\n        while (!cursor.next().done) {\n          builder.add(cursor.value.from, cursor.value.to, searchHighlightMark);\n        }\n        return builder.finish();\n      }\n    }\n    return decorations;\n  },\n  provide: f => EditorView.decorations.from(f),\n});\n\nconst searchHighlightTheme = EditorView.baseTheme({\n  '.cm-search-match': {\n    backgroundColor: 'color-mix(in srgb, var(--accent1) 60%, transparent)',\n    borderRadius: 'var(--radius-sm)',\n  },\n});\n\nfunction searchHighlightExtension(): Extension {\n  return [searchHighlightField, searchHighlightTheme];\n}\n\n// -- Diff highlight extension -------------------------------------------------\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// `EditorView.theme` (not baseTheme) so these win over the app theme's `.cm-activeLine { background: transparent }`.\nconst diffLineTheme = EditorView.theme({\n  '.cm-line.cm-diff-removed, .cm-line.cm-diff-removed.cm-activeLine': {\n    backgroundColor: 'color-mix(in srgb, var(--accent2) 18%, transparent)',\n  },\n  '.cm-line.cm-diff-added, .cm-line.cm-diff-added.cm-activeLine': {\n    backgroundColor: 'color-mix(in srgb, var(--accent1) 18%, transparent)',\n  },\n});\n\nfunction diffHighlightExtension(doc: string, { against, side }: DataCodeSectionDiff): Extension {\n  const [a, b] = side === 'a' ? [doc, against] : [against, doc];\n  const text = Text.of(doc.split('\\n'));\n  const line = Decoration.line({ class: side === 'a' ? 'cm-diff-removed' : 'cm-diff-added' });\n  const builder = new RangeSetBuilder<Decoration>();\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 l = text.lineAt(pos);\n      builder.add(l.from, l.from, line);\n      if (l.to >= to) break;\n      pos = l.to + 1;\n    }\n  }\n  return [EditorView.decorations.of(builder.finish()), diffLineTheme];\n}\n\n// -- Themes -------------------------------------------------------------------\n\nfunction buildDarkTheme(): Extension {\n  return draculaInit({\n    settings: {\n      fontFamily: 'var(--font-mono)',\n      fontSize: 'var(--text-caption)',\n      lineHighlight: 'transparent',\n      gutterBackground: 'transparent',\n      gutterForeground: '#939393',\n      background: 'transparent',\n    },\n    styles: [{ tag: [t.className, t.propertyName] }],\n  });\n}\n\nfunction buildLightTheme(): Extension {\n  const editorTheme = EditorView.theme({\n    '&': {\n      backgroundColor: 'transparent',\n      color: 'var(--foreground)',\n      fontSize: 'var(--text-caption)',\n    },\n    '&.cm-editor .cm-scroller': {\n      fontFamily: 'var(--font-mono)',\n    },\n    '.cm-gutters': {\n      backgroundColor: 'transparent',\n      color: 'var(--placeholder)',\n      borderRight: 'none',\n    },\n    '.cm-content': {\n      color: 'var(--foreground)',\n      caretColor: 'var(--foreground)',\n    },\n    '.cm-activeLine': {\n      backgroundColor: 'transparent',\n    },\n    '.cm-activeLineGutter': {\n      backgroundColor: 'transparent',\n    },\n    '.cm-cursor, .cm-dropCursor': {\n      borderLeftColor: 'var(--foreground)',\n    },\n  });\n\n  const highlightStyle = HighlightStyle.define([\n    { tag: [t.comment, t.bracket], color: 'var(--placeholder)' },\n    { tag: [t.string, t.meta, t.regexp], color: 'var(--accent1)' },\n    { tag: [t.atom, t.bool, t.special(t.variableName)], color: 'var(--accent6)' },\n    { tag: [t.keyword, t.operator, t.tagName], color: 'var(--accent2)' },\n    { tag: [t.function(t.propertyName), t.propertyName], color: 'var(--accent5)' },\n    {\n      tag: [t.definition(t.variableName), t.function(t.variableName), t.className, t.attributeName],\n      color: 'var(--accent3)',\n    },\n    { tag: [t.variableName, t.number], color: 'var(--accent5)' },\n    { tag: [t.name, t.quote], color: 'var(--accent1)' },\n  ]);\n\n  return [editorTheme, syntaxHighlighting(highlightStyle)];\n}\n\nconst useCodemirrorTheme = (): Extension => {\n  const isDark = useTheme().resolvedTheme === 'dark';\n  return useMemo(() => (isDark ? buildDarkTheme() : buildLightTheme()), [isDark]);\n};\n\n// -- Component ----------------------------------------------------------------\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 theme = useCodemirrorTheme();\n  const diffExtension = useMemo(() => (diff ? diffHighlightExtension(codeStr, diff) : []), [codeStr, diff]);\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const [searchMinimized, setSearchMinimized] = useState(true);\n  const [searchQuery, setSearchQueryState] = useState('');\n  const [expandedOpen, setExpandedOpen] = useState(false);\n  const [expandedSearchQuery, setExpandedSearchQuery] = useState('');\n  const [expandedMultiline, setExpandedMultiline] = useState(false);\n  const editorRef = useRef<ReactCodeMirrorRef>(null);\n  const expandedEditorRef = useRef<ReactCodeMirrorRef>(null);\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 dispatchSearch = useCallback((query: string) => {\n    const view = editorRef.current?.view;\n    if (view) {\n      view.dispatch({ effects: setSearchQuery.of(query) });\n      if (query) {\n        const cursor = new SearchCursor(view.state.doc, query, 0, view.state.doc.length, (a: string) =>\n          a.toLowerCase(),\n        );\n        if (!cursor.next().done) {\n          view.dispatch({\n            selection: { anchor: cursor.value.from },\n            scrollIntoView: true,\n          });\n        }\n      }\n    }\n  }, []);\n\n  const handleSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const val = e.target.value;\n      setSearchQueryState(val);\n      dispatchSearch(val);\n    },\n    [dispatchSearch],\n  );\n\n  const handleSearchReset = useCallback(() => {\n    setSearchQueryState('');\n    dispatchSearch('');\n  }, [dispatchSearch]);\n\n  const dispatchExpandedSearch = useCallback((query: string) => {\n    const view = expandedEditorRef.current?.view;\n    if (view) {\n      view.dispatch({ effects: setSearchQuery.of(query) });\n      if (query) {\n        const cursor = new SearchCursor(view.state.doc, query, 0, view.state.doc.length, (a: string) =>\n          a.toLowerCase(),\n        );\n        if (!cursor.next().done) {\n          view.dispatch({\n            selection: { anchor: cursor.value.from },\n            scrollIntoView: true,\n          });\n        }\n      }\n    }\n  }, []);\n\n  const handleExpandedSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const val = e.target.value;\n      setExpandedSearchQuery(val);\n      dispatchExpandedSearch(val);\n    },\n    [dispatchExpandedSearch],\n  );\n\n  const handleExpandedSearchReset = useCallback(() => {\n    setExpandedSearchQuery('');\n    dispatchExpandedSearch('');\n  }, [dispatchExpandedSearch]);\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            <SearchFieldBlock\n              name=\"code-section-search\"\n              label=\"Search code\"\n              labelIsHidden\n              placeholder=\"Search...\"\n              value={searchQuery}\n              onChange={handleSearchChange}\n              onReset={handleSearchReset}\n              size=\"sm\"\n              isMinimized={searchMinimized}\n              onMinimizedChange={setSearchMinimized}\n            />\n          )}\n          <ButtonsGroup size=\"sm\">\n            <CopyButton content={codeStr || 'No content'} />\n            {hasMultilineText && (\n              <Button\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 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          <ReactCodeMirror\n            ref={editorRef}\n            extensions={[json(), EditorView.lineWrapping, searchHighlightExtension(), diffExtension]}\n            theme={theme}\n            value={codeStr}\n            editable={false}\n          />\n        )}\n      </div>\n\n      <Dialog open={expandedOpen} onOpenChange={setExpandedOpen}>\n        <DialogContent className=\"grid h-[calc(100vh-6rem)]! max-w-[90vw]! grid-rows-[auto_1fr] [&>.absolute]:hidden\">\n          <DialogHeader className=\"flex-row items-center justify-between\">\n            <DialogTitle className=\"flex min-w-0 items-center gap-1.5 truncate text-caption [&>svg]:size-3.5\">\n              {dialogTitle ?? (\n                <>\n                  {icon}\n                  {title}\n                </>\n              )}\n            </DialogTitle>\n            <DialogDescription>Expanded code view</DialogDescription>\n            <div className=\"flex shrink-0 items-center gap-2\">\n              {!expandedMultiline && (\n                <SearchFieldBlock\n                  name=\"expanded-code-search\"\n                  label=\"Search code\"\n                  labelIsHidden\n                  placeholder=\"Search...\"\n                  value={expandedSearchQuery}\n                  onChange={handleExpandedSearchChange}\n                  onReset={handleExpandedSearchReset}\n                  size=\"sm\"\n                />\n              )}\n              <ButtonsGroup size=\"sm\">\n                <CopyButton content={codeStr || 'No content'} />\n                {hasMultilineText && (\n                  <Button\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                <DialogClose asChild>\n                  <Button aria-label=\"Close\" tooltip=\"Close\">\n                    <XIcon />\n                  </Button>\n                </DialogClose>\n              </ButtonsGroup>\n            </div>\n          </DialogHeader>\n          <div className=\"overflow-auto px-6 pb-6\">\n            {expandedMultiline ? (\n              <div\n                className={cn(\n                  raisedSurfaceStyle,\n                  'overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground',\n                )}\n              >\n                <div className=\"font-mono break-all text-muted-foreground\">\n                  <pre className=\"text-wrap\">{expandedFinalCodeStr}</pre>\n                </div>\n              </div>\n            ) : (\n              <ReactCodeMirror\n                ref={expandedEditorRef}\n                extensions={[json(), EditorView.lineWrapping, searchHighlightExtension(), diffExtension]}\n                theme={theme}\n                value={codeStr}\n                editable={false}\n              />\n            )}\n          </div>\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"],"names":["t"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAM,cAAA,GAAiB,YAAY,MAAA,EAAe;AAElD,MAAM,sBAAsB,UAAA,CAAW,IAAA,CAAK,EAAE,KAAA,EAAO,mBAAmB,CAAA;AAExE,MAAM,oBAAA,GAAuB,WAAW,MAAA,CAAsB;AAAA,EAC5D,MAAA,GAAS;AACP,IAAA,OAAO,UAAA,CAAW,IAAA;AAAA,EACpB,CAAA;AAAA,EACA,MAAA,CAAO,aAAa,EAAA,EAAI;AACtB,IAAA,KAAA,MAAW,MAAA,IAAU,GAAG,OAAA,EAAS;AAC/B,MAAA,IAAI,MAAA,CAAO,EAAA,CAAG,cAAc,CAAA,EAAG;AAC7B,QAAA,MAAM,QAAQ,MAAA,CAAO,KAAA;AACrB,QAAA,IAAI,CAAC,KAAA,EAAO,OAAO,UAAA,CAAW,IAAA;AAC9B,QAAA,MAAM,OAAA,GAAU,IAAI,eAAA,EAA4B;AAChD,QAAA,MAAM,SAAS,IAAI,YAAA,CAAa,EAAA,CAAG,KAAA,CAAM,KAAK,KAAA,EAAO,CAAA,EAAG,EAAA,CAAG,KAAA,CAAM,IAAI,MAAA,EAAQ,CAAC,CAAA,KAAc,CAAA,CAAE,aAAa,CAAA;AAC3G,QAAA,OAAO,CAAC,MAAA,CAAO,IAAA,EAAK,CAAE,IAAA,EAAM;AAC1B,UAAA,OAAA,CAAQ,IAAI,MAAA,CAAO,KAAA,CAAM,MAAM,MAAA,CAAO,KAAA,CAAM,IAAI,mBAAmB,CAAA;AAAA,QACrE;AACA,QAAA,OAAO,QAAQ,MAAA,EAAO;AAAA,MACxB;AAAA,IACF;AACA,IAAA,OAAO,WAAA;AAAA,EACT,CAAA;AAAA,EACA,OAAA,EAAS,CAAA,CAAA,KAAK,UAAA,CAAW,WAAA,CAAY,KAAK,CAAC;AAC7C,CAAC,CAAA;AAED,MAAM,oBAAA,GAAuB,WAAW,SAAA,CAAU;AAAA,EAChD,kBAAA,EAAoB;AAAA,IAClB,eAAA,EAAiB,qDAAA;AAAA,IACjB,YAAA,EAAc;AAAA;AAElB,CAAC,CAAA;AAED,SAAS,wBAAA,GAAsC;AAC7C,EAAA,OAAO,CAAC,sBAAsB,oBAAoB,CAAA;AACpD;AAYA,MAAM,aAAA,GAAgB,WAAW,KAAA,CAAM;AAAA,EACrC,kEAAA,EAAoE;AAAA,IAClE,eAAA,EAAiB;AAAA,GACnB;AAAA,EACA,8DAAA,EAAgE;AAAA,IAC9D,eAAA,EAAiB;AAAA;AAErB,CAAC,CAAA;AAED,SAAS,sBAAA,CAAuB,GAAA,EAAa,EAAE,OAAA,EAAS,MAAK,EAAmC;AAC9F,EAAA,MAAM,CAAC,CAAA,EAAG,CAAC,CAAA,GAAI,IAAA,KAAS,GAAA,GAAM,CAAC,GAAA,EAAK,OAAO,CAAA,GAAI,CAAC,OAAA,EAAS,GAAG,CAAA;AAC5D,EAAA,MAAM,OAAO,IAAA,CAAK,EAAA,CAAG,GAAA,CAAI,KAAA,CAAM,IAAI,CAAC,CAAA;AACpC,EAAA,MAAM,IAAA,GAAO,WAAW,IAAA,CAAK,EAAE,OAAO,IAAA,KAAS,GAAA,GAAM,iBAAA,GAAoB,eAAA,EAAiB,CAAA;AAC1F,EAAA,MAAM,OAAA,GAAU,IAAI,eAAA,EAA4B;AAChD,EAAA,KAAA,MAAW,SAAS,KAAA,CAAM,KAAA,CAAM,IAAA,CAAK,EAAA,CAAG,EAAE,KAAA,CAAM,IAAI,CAAC,CAAA,EAAG,KAAK,EAAA,CAAG,CAAA,CAAE,MAAM,IAAI,CAAC,CAAC,CAAA,EAAG;AAC/E,IAAA,MAAM,IAAA,GAAO,IAAA,KAAS,GAAA,GAAM,KAAA,CAAM,QAAQ,KAAA,CAAM,KAAA;AAChD,IAAA,MAAM,EAAA,GAAK,IAAA,KAAS,GAAA,GAAM,KAAA,CAAM,OAAO,KAAA,CAAM,IAAA;AAC7C,IAAA,IAAI,QAAQ,EAAA,EAAI;AAChB,IAAA,KAAA,IAAS,GAAA,GAAM,MAAM,GAAA,IAAO,IAAA,CAAK,IAAI,EAAA,EAAI,IAAA,CAAK,MAAM,CAAA,IAAI;AACtD,MAAA,MAAM,CAAA,GAAI,IAAA,CAAK,MAAA,CAAO,GAAG,CAAA;AACzB,MAAA,OAAA,CAAQ,GAAA,CAAI,CAAA,CAAE,IAAA,EAAM,CAAA,CAAE,MAAM,IAAI,CAAA;AAChC,MAAA,IAAI,CAAA,CAAE,MAAM,EAAA,EAAI;AAChB,MAAA,GAAA,GAAM,EAAE,EAAA,GAAK,CAAA;AAAA,IACf;AAAA,EACF;AACA,EAAA,OAAO,CAAC,WAAW,WAAA,CAAY,EAAA,CAAG,QAAQ,MAAA,EAAQ,GAAG,aAAa,CAAA;AACpE;AAIA,SAAS,cAAA,GAA4B;AACnC,EAAA,OAAO,WAAA,CAAY;AAAA,IACjB,QAAA,EAAU;AAAA,MACR,UAAA,EAAY,kBAAA;AAAA,MACZ,QAAA,EAAU,qBAAA;AAAA,MACV,aAAA,EAAe,aAAA;AAAA,MACf,gBAAA,EAAkB,aAAA;AAAA,MAClB,gBAAA,EAAkB,SAAA;AAAA,MAClB,UAAA,EAAY;AAAA,KACd;AAAA,IACA,MAAA,EAAQ,CAAC,EAAE,GAAA,EAAK,CAACA,KAAE,SAAA,EAAWA,IAAA,CAAE,YAAY,CAAA,EAAG;AAAA,GAChD,CAAA;AACH;AAEA,SAAS,eAAA,GAA6B;AACpC,EAAA,MAAM,WAAA,GAAc,WAAW,KAAA,CAAM;AAAA,IACnC,GAAA,EAAK;AAAA,MACH,eAAA,EAAiB,aAAA;AAAA,MACjB,KAAA,EAAO,mBAAA;AAAA,MACP,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,0BAAA,EAA4B;AAAA,MAC1B,UAAA,EAAY;AAAA,KACd;AAAA,IACA,aAAA,EAAe;AAAA,MACb,eAAA,EAAiB,aAAA;AAAA,MACjB,KAAA,EAAO,oBAAA;AAAA,MACP,WAAA,EAAa;AAAA,KACf;AAAA,IACA,aAAA,EAAe;AAAA,MACb,KAAA,EAAO,mBAAA;AAAA,MACP,UAAA,EAAY;AAAA,KACd;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,eAAA,EAAiB;AAAA,KACnB;AAAA,IACA,sBAAA,EAAwB;AAAA,MACtB,eAAA,EAAiB;AAAA,KACnB;AAAA,IACA,4BAAA,EAA8B;AAAA,MAC5B,eAAA,EAAiB;AAAA;AACnB,GACD,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,eAAe,MAAA,CAAO;AAAA,IAC3C,EAAE,KAAK,CAACA,IAAA,CAAE,SAASA,IAAA,CAAE,OAAO,CAAA,EAAG,KAAA,EAAO,oBAAA,EAAqB;AAAA,IAC3D,EAAE,GAAA,EAAK,CAACA,IAAA,CAAE,MAAA,EAAQA,IAAA,CAAE,IAAA,EAAMA,IAAA,CAAE,MAAM,CAAA,EAAG,KAAA,EAAO,gBAAA,EAAiB;AAAA,IAC7D,EAAE,GAAA,EAAK,CAACA,IAAA,CAAE,MAAMA,IAAA,CAAE,IAAA,EAAMA,IAAA,CAAE,OAAA,CAAQA,IAAA,CAAE,YAAY,CAAC,CAAA,EAAG,OAAO,gBAAA,EAAiB;AAAA,IAC5E,EAAE,GAAA,EAAK,CAACA,IAAA,CAAE,OAAA,EAASA,IAAA,CAAE,QAAA,EAAUA,IAAA,CAAE,OAAO,CAAA,EAAG,KAAA,EAAO,gBAAA,EAAiB;AAAA,IACnE,EAAE,GAAA,EAAK,CAACA,IAAA,CAAE,QAAA,CAASA,IAAA,CAAE,YAAY,CAAA,EAAGA,IAAA,CAAE,YAAY,CAAA,EAAG,KAAA,EAAO,gBAAA,EAAiB;AAAA,IAC7E;AAAA,MACE,GAAA,EAAK,CAACA,IAAA,CAAE,UAAA,CAAWA,KAAE,YAAY,CAAA,EAAGA,IAAA,CAAE,QAAA,CAASA,KAAE,YAAY,CAAA,EAAGA,IAAA,CAAE,SAAA,EAAWA,KAAE,aAAa,CAAA;AAAA,MAC5F,KAAA,EAAO;AAAA,KACT;AAAA,IACA,EAAE,KAAK,CAACA,IAAA,CAAE,cAAcA,IAAA,CAAE,MAAM,CAAA,EAAG,KAAA,EAAO,gBAAA,EAAiB;AAAA,IAC3D,EAAE,KAAK,CAACA,IAAA,CAAE,MAAMA,IAAA,CAAE,KAAK,CAAA,EAAG,KAAA,EAAO,gBAAA;AAAiB,GACnD,CAAA;AAED,EAAA,OAAO,CAAC,WAAA,EAAa,kBAAA,CAAmB,cAAc,CAAC,CAAA;AACzD;AAEA,MAAM,qBAAqB,MAAiB;AAC1C,EAAA,MAAM,MAAA,GAAS,QAAA,EAAS,CAAE,aAAA,KAAkB,MAAA;AAC5C,EAAA,OAAO,OAAA,CAAQ,MAAO,MAAA,GAAS,cAAA,KAAmB,eAAA,EAAgB,EAAI,CAAC,MAAM,CAAC,CAAA;AAChF,CAAA;AAiBO,SAAS,eAAA,CAAgB;AAAA,EAC9B,OAAA,GAAU,EAAA;AAAA,EACV,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,QAAQ,kBAAA,EAAmB;AACjC,EAAA,MAAM,aAAA,GAAgB,OAAA,CAAQ,MAAO,IAAA,GAAO,sBAAA,CAAuB,OAAA,EAAS,IAAI,CAAA,GAAI,EAAC,EAAI,CAAC,OAAA,EAAS,IAAI,CAAC,CAAA;AACxG,EAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAAI,SAAS,KAAK,CAAA;AACpE,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3D,EAAA,MAAM,CAAC,WAAA,EAAa,mBAAmB,CAAA,GAAI,SAAS,EAAE,CAAA;AACtD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AACtD,EAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAAI,SAAS,EAAE,CAAA;AACjE,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,KAAK,CAAA;AAChE,EAAA,MAAM,SAAA,GAAY,OAA2B,IAAI,CAAA;AACjD,EAAA,MAAM,iBAAA,GAAoB,OAA2B,IAAI,CAAA;AAEzD,EAAA,MAAM,gBAAA,GAAmB,QAAQ,MAAM;AACrC,IAAA,IAAI;AACF,MAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,OAAO,CAAA;AACjC,MAAA,OAAO,oBAAA,CAAqB,UAAU,EAAE,CAAA;AAAA,IAC1C,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,KAAA;AAAA,IACT;AAAA,EACF,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,MAAM,cAAA,GAAiB,WAAA,CAAY,CAAC,KAAA,KAAkB;AACpD,IAAA,MAAM,IAAA,GAAO,UAAU,OAAA,EAAS,IAAA;AAChC,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,IAAA,CAAK,SAAS,EAAE,OAAA,EAAS,eAAe,EAAA,CAAG,KAAK,GAAG,CAAA;AACnD,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,MAAM,SAAS,IAAI,YAAA;AAAA,UAAa,KAAK,KAAA,CAAM,GAAA;AAAA,UAAK,KAAA;AAAA,UAAO,CAAA;AAAA,UAAG,IAAA,CAAK,MAAM,GAAA,CAAI,MAAA;AAAA,UAAQ,CAAC,CAAA,KAChF,CAAA,CAAE,WAAA;AAAY,SAChB;AACA,QAAA,IAAI,CAAC,MAAA,CAAO,IAAA,EAAK,CAAE,IAAA,EAAM;AACvB,UAAA,IAAA,CAAK,QAAA,CAAS;AAAA,YACZ,SAAA,EAAW,EAAE,MAAA,EAAQ,MAAA,CAAO,MAAM,IAAA,EAAK;AAAA,YACvC,cAAA,EAAgB;AAAA,WACjB,CAAA;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,kBAAA,GAAqB,WAAA;AAAA,IACzB,CAAC,CAAA,KAA2C;AAC1C,MAAA,MAAM,GAAA,GAAM,EAAE,MAAA,CAAO,KAAA;AACrB,MAAA,mBAAA,CAAoB,GAAG,CAAA;AACvB,MAAA,cAAA,CAAe,GAAG,CAAA;AAAA,IACpB,CAAA;AAAA,IACA,CAAC,cAAc;AAAA,GACjB;AAEA,EAAA,MAAM,iBAAA,GAAoB,YAAY,MAAM;AAC1C,IAAA,mBAAA,CAAoB,EAAE,CAAA;AACtB,IAAA,cAAA,CAAe,EAAE,CAAA;AAAA,EACnB,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAA,MAAM,sBAAA,GAAyB,WAAA,CAAY,CAAC,KAAA,KAAkB;AAC5D,IAAA,MAAM,IAAA,GAAO,kBAAkB,OAAA,EAAS,IAAA;AACxC,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,IAAA,CAAK,SAAS,EAAE,OAAA,EAAS,eAAe,EAAA,CAAG,KAAK,GAAG,CAAA;AACnD,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,MAAM,SAAS,IAAI,YAAA;AAAA,UAAa,KAAK,KAAA,CAAM,GAAA;AAAA,UAAK,KAAA;AAAA,UAAO,CAAA;AAAA,UAAG,IAAA,CAAK,MAAM,GAAA,CAAI,MAAA;AAAA,UAAQ,CAAC,CAAA,KAChF,CAAA,CAAE,WAAA;AAAY,SAChB;AACA,QAAA,IAAI,CAAC,MAAA,CAAO,IAAA,EAAK,CAAE,IAAA,EAAM;AACvB,UAAA,IAAA,CAAK,QAAA,CAAS;AAAA,YACZ,SAAA,EAAW,EAAE,MAAA,EAAQ,MAAA,CAAO,MAAM,IAAA,EAAK;AAAA,YACvC,cAAA,EAAgB;AAAA,WACjB,CAAA;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,0BAAA,GAA6B,WAAA;AAAA,IACjC,CAAC,CAAA,KAA2C;AAC1C,MAAA,MAAM,GAAA,GAAM,EAAE,MAAA,CAAO,KAAA;AACrB,MAAA,sBAAA,CAAuB,GAAG,CAAA;AAC1B,MAAA,sBAAA,CAAuB,GAAG,CAAA;AAAA,IAC5B,CAAA;AAAA,IACA,CAAC,sBAAsB;AAAA,GACzB;AAEA,EAAA,MAAM,yBAAA,GAA4B,YAAY,MAAM;AAClD,IAAA,sBAAA,CAAuB,EAAE,CAAA;AACzB,IAAA,sBAAA,CAAuB,EAAE,CAAA;AAAA,EAC3B,CAAA,EAAG,CAAC,sBAAsB,CAAC,CAAA;AAE3B,EAAA,MAAM,eAAe,mBAAA,GAAsB,OAAA,EAAS,OAAA,CAAQ,MAAA,EAAQ,IAAI,CAAA,GAAI,OAAA;AAC5E,EAAA,MAAM,uBAAuB,iBAAA,GAAoB,OAAA,EAAS,OAAA,CAAQ,MAAA,EAAQ,IAAI,CAAA,GAAI,OAAA;AAClF,EAAA,MAAM,mBAAmB,UAAA,IAAc,mBAAA;AAEvC,EAAA,IAAI,CAAC,OAAA,IAAW,OAAA,KAAY,MAAA,EAAQ,OAAO,IAAA;AAE3C,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA,EACjD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,uBAAA,EAAA,EAAwB,MAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBAC5C,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,QAAA,OAAA;AAAA,QACA,CAAC,gBAAA,oBACA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,qBAAA;AAAA,YACL,KAAA,EAAM,aAAA;AAAA,YACN,aAAA,EAAa,IAAA;AAAA,YACb,WAAA,EAAY,WAAA;AAAA,YACZ,KAAA,EAAO,WAAA;AAAA,YACP,QAAA,EAAU,kBAAA;AAAA,YACV,OAAA,EAAS,iBAAA;AAAA,YACT,IAAA,EAAK,IAAA;AAAA,YACL,WAAA,EAAa,eAAA;AAAA,YACb,iBAAA,EAAmB;AAAA;AAAA,SACrB;AAAA,wBAEF,IAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAK,IAAA,EACjB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,OAAA,IAAW,YAAA,EAAc,CAAA;AAAA,UAC7C,gBAAA,oBACC,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAY,sBAAsB,uBAAA,GAA0B,qBAAA;AAAA,cAC5D,OAAA,EAAS,sBAAsB,uBAAA,GAA0B,qBAAA;AAAA,cACzD,OAAA,EAAS,MAAM,sBAAA,CAAuB,CAAA,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA,cAE5C,QAAA,EAAA,mBAAA,mBAAsB,GAAA,CAAC,aAAA,EAAA,EAAc,CAAA,uBAAM,gBAAA,EAAA,EAAiB;AAAA;AAAA,WAC/D;AAAA,0BAEF,GAAA,CAAC,MAAA,EAAA,EAAO,YAAA,EAAW,QAAA,EAAS,OAAA,EAAQ,QAAA,EAAS,OAAA,EAAS,MAAM,eAAA,CAAgB,IAAI,CAAA,EAC9E,QAAA,kBAAA,GAAA,CAAC,cAAW,CAAA,EACd;AAAA,SAAA,EACF;AAAA,OAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBAEA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,kBAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,gBAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2CAAA,EACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EAAa,QAAA,EAAA,YAAA,EAAa,CAAA,EAC3C,CAAA,mBAEA,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,SAAA;AAAA,YACL,UAAA,EAAY,CAAC,IAAA,EAAK,EAAG,WAAW,YAAA,EAAc,wBAAA,IAA4B,aAAa,CAAA;AAAA,YACvF,KAAA;AAAA,YACA,KAAA,EAAO,OAAA;AAAA,YACP,QAAA,EAAU;AAAA;AAAA;AACZ;AAAA,KAEJ;AAAA,oBAEA,GAAA,CAAC,UAAO,IAAA,EAAM,YAAA,EAAc,cAAc,eAAA,EACxC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,oFAAA,EACvB,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,YAAA,EAAA,EAAa,WAAU,uCAAA,EACtB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,0EAAA,EACpB,QAAA,EAAA,WAAA,oBACC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,IAAA;AAAA,UACA;AAAA,SAAA,EACH,CAAA,EAEJ,CAAA;AAAA,wBACA,GAAA,CAAC,qBAAkB,QAAA,EAAA,oBAAA,EAAkB,CAAA;AAAA,wBACrC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACZ,QAAA,EAAA;AAAA,UAAA,CAAC,iBAAA,oBACA,GAAA;AAAA,YAAC,gBAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,sBAAA;AAAA,cACL,KAAA,EAAM,aAAA;AAAA,cACN,aAAA,EAAa,IAAA;AAAA,cACb,WAAA,EAAY,WAAA;AAAA,cACZ,KAAA,EAAO,mBAAA;AAAA,cACP,QAAA,EAAU,0BAAA;AAAA,cACV,OAAA,EAAS,yBAAA;AAAA,cACT,IAAA,EAAK;AAAA;AAAA,WACP;AAAA,0BAEF,IAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAK,IAAA,EACjB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,OAAA,IAAW,YAAA,EAAc,CAAA;AAAA,YAC7C,gBAAA,oBACC,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,YAAA,EAAY,oBAAoB,uBAAA,GAA0B,qBAAA;AAAA,gBAC1D,OAAA,EAAS,oBAAoB,uBAAA,GAA0B,qBAAA;AAAA,gBACvD,OAAA,EAAS,MAAM,oBAAA,CAAqB,CAAA,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA,gBAE1C,QAAA,EAAA,iBAAA,mBAAoB,GAAA,CAAC,aAAA,EAAA,EAAc,CAAA,uBAAM,gBAAA,EAAA,EAAiB;AAAA;AAAA,aAC7D;AAAA,4BAEF,GAAA,CAAC,WAAA,EAAA,EAAY,OAAA,EAAO,IAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,YAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,OAAA,EACjC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,GACT,CAAA,EACF;AAAA,WAAA,EACF;AAAA,SAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA,iBAAA,mBACC,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,kBAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,2CAAA,EACb,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EAAa,QAAA,EAAA,oBAAA,EAAqB,CAAA,EACnD;AAAA;AAAA,OACF,mBAEA,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,iBAAA;AAAA,UACL,UAAA,EAAY,CAAC,IAAA,EAAK,EAAG,WAAW,YAAA,EAAc,wBAAA,IAA4B,aAAa,CAAA;AAAA,UACvF,KAAA;AAAA,UACA,KAAA,EAAO,OAAA;AAAA,UACP,QAAA,EAAU;AAAA;AAAA,OACZ,EAEJ;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,qBAAqB,GAAA,EAAuB;AACnD,EAAA,IAAI,OAAO,QAAQ,QAAA,EAAU;AAC3B,IAAA,MAAM,GAAA,GAAM,GAAA,CAAI,OAAA,CAAQ,IAAI,CAAA;AAC5B,IAAA,OAAO,GAAA,KAAQ,EAAA,IAAM,GAAA,KAAQ,GAAA,CAAI,MAAA,GAAS,CAAA;AAAA,EAC5C,CAAA,MAAA,IAAW,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA,EAAG;AAC7B,IAAA,OAAO,GAAA,CAAI,IAAA,CAAK,CAAA,IAAA,KAAQ,oBAAA,CAAqB,IAAI,CAAC,CAAA;AAAA,EACpD,CAAA,MAAA,IAAW,GAAA,IAAO,OAAO,GAAA,KAAQ,QAAA,EAAU;AACzC,IAAA,OAAO,MAAA,CAAO,OAAO,GAAG,CAAA,CAAE,KAAK,CAAA,KAAA,KAAS,oBAAA,CAAqB,KAAK,CAAC,CAAA;AAAA,EACrE;AACA,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist/data-code-section-DzLc9O0B.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-code-section-DzLc9O0B.cjs","sources":["../src/ds/components/DataCodeSection/data-code-section.tsx"],"sourcesContent":["import { json } from '@codemirror/lang-json';\nimport { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { Chunk } from '@codemirror/merge';\nimport { SearchCursor } from '@codemirror/search';\nimport type { Extension } from '@codemirror/state';\nimport { StateEffect, StateField, RangeSetBuilder, Text } from '@codemirror/state';\nimport type { DecorationSet } from '@codemirror/view';\nimport { Decoration, EditorView } from '@codemirror/view';\nimport { tags as t } from '@lezer/highlight';\nimport { draculaInit } from '@uiw/codemirror-theme-dracula';\nimport type { ReactCodeMirrorRef } from '@uiw/react-codemirror';\nimport ReactCodeMirror from '@uiw/react-codemirror';\nimport { AlignJustifyIcon, AlignLeftIcon, ExpandIcon, XIcon } from 'lucide-react';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataPanelSectionHeading } from '@/ds/components/DataPanel/data-panel-section-heading';\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n} from '@/ds/components/Dialog';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n// -- Search highlight extension -----------------------------------------------\n\nconst setSearchQuery = StateEffect.define<string>();\n\nconst searchHighlightMark = Decoration.mark({ class: 'cm-search-match' });\n\nconst searchHighlightField = StateField.define<DecorationSet>({\n  create() {\n    return Decoration.none;\n  },\n  update(decorations, tr) {\n    for (const effect of tr.effects) {\n      if (effect.is(setSearchQuery)) {\n        const query = effect.value;\n        if (!query) return Decoration.none;\n        const builder = new RangeSetBuilder<Decoration>();\n        const cursor = new SearchCursor(tr.state.doc, query, 0, tr.state.doc.length, (a: string) => a.toLowerCase());\n        while (!cursor.next().done) {\n          builder.add(cursor.value.from, cursor.value.to, searchHighlightMark);\n        }\n        return builder.finish();\n      }\n    }\n    return decorations;\n  },\n  provide: f => EditorView.decorations.from(f),\n});\n\nconst searchHighlightTheme = EditorView.baseTheme({\n  '.cm-search-match': {\n    backgroundColor: 'color-mix(in srgb, var(--accent1) 60%, transparent)',\n    borderRadius: 'var(--radius-sm)',\n  },\n});\n\nfunction searchHighlightExtension(): Extension {\n  return [searchHighlightField, searchHighlightTheme];\n}\n\n// -- Diff highlight extension -------------------------------------------------\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// `EditorView.theme` (not baseTheme) so these win over the app theme's `.cm-activeLine { background: transparent }`.\nconst diffLineTheme = EditorView.theme({\n  '.cm-line.cm-diff-removed, .cm-line.cm-diff-removed.cm-activeLine': {\n    backgroundColor: 'color-mix(in srgb, var(--accent2) 18%, transparent)',\n  },\n  '.cm-line.cm-diff-added, .cm-line.cm-diff-added.cm-activeLine': {\n    backgroundColor: 'color-mix(in srgb, var(--accent1) 18%, transparent)',\n  },\n});\n\nfunction diffHighlightExtension(doc: string, { against, side }: DataCodeSectionDiff): Extension {\n  const [a, b] = side === 'a' ? [doc, against] : [against, doc];\n  const text = Text.of(doc.split('\\n'));\n  const line = Decoration.line({ class: side === 'a' ? 'cm-diff-removed' : 'cm-diff-added' });\n  const builder = new RangeSetBuilder<Decoration>();\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 l = text.lineAt(pos);\n      builder.add(l.from, l.from, line);\n      if (l.to >= to) break;\n      pos = l.to + 1;\n    }\n  }\n  return [EditorView.decorations.of(builder.finish()), diffLineTheme];\n}\n\n// -- Themes -------------------------------------------------------------------\n\nfunction buildDarkTheme(): Extension {\n  return draculaInit({\n    settings: {\n      fontFamily: 'var(--font-mono)',\n      fontSize: 'var(--text-caption)',\n      lineHighlight: 'transparent',\n      gutterBackground: 'transparent',\n      gutterForeground: '#939393',\n      background: 'transparent',\n    },\n    styles: [{ tag: [t.className, t.propertyName] }],\n  });\n}\n\nfunction buildLightTheme(): Extension {\n  const editorTheme = EditorView.theme({\n    '&': {\n      backgroundColor: 'transparent',\n      color: 'var(--foreground)',\n      fontSize: 'var(--text-caption)',\n    },\n    '&.cm-editor .cm-scroller': {\n      fontFamily: 'var(--font-mono)',\n    },\n    '.cm-gutters': {\n      backgroundColor: 'transparent',\n      color: 'var(--placeholder)',\n      borderRight: 'none',\n    },\n    '.cm-content': {\n      color: 'var(--foreground)',\n      caretColor: 'var(--foreground)',\n    },\n    '.cm-activeLine': {\n      backgroundColor: 'transparent',\n    },\n    '.cm-activeLineGutter': {\n      backgroundColor: 'transparent',\n    },\n    '.cm-cursor, .cm-dropCursor': {\n      borderLeftColor: 'var(--foreground)',\n    },\n  });\n\n  const highlightStyle = HighlightStyle.define([\n    { tag: [t.comment, t.bracket], color: 'var(--placeholder)' },\n    { tag: [t.string, t.meta, t.regexp], color: 'var(--accent1)' },\n    { tag: [t.atom, t.bool, t.special(t.variableName)], color: 'var(--accent6)' },\n    { tag: [t.keyword, t.operator, t.tagName], color: 'var(--accent2)' },\n    { tag: [t.function(t.propertyName), t.propertyName], color: 'var(--accent5)' },\n    {\n      tag: [t.definition(t.variableName), t.function(t.variableName), t.className, t.attributeName],\n      color: 'var(--accent3)',\n    },\n    { tag: [t.variableName, t.number], color: 'var(--accent5)' },\n    { tag: [t.name, t.quote], color: 'var(--accent1)' },\n  ]);\n\n  return [editorTheme, syntaxHighlighting(highlightStyle)];\n}\n\nconst useCodemirrorTheme = (): Extension => {\n  const isDark = useTheme().resolvedTheme === 'dark';\n  return useMemo(() => (isDark ? buildDarkTheme() : buildLightTheme()), [isDark]);\n};\n\n// -- Component ----------------------------------------------------------------\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 theme = useCodemirrorTheme();\n  const diffExtension = useMemo(() => (diff ? diffHighlightExtension(codeStr, diff) : []), [codeStr, diff]);\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const [searchMinimized, setSearchMinimized] = useState(true);\n  const [searchQuery, setSearchQueryState] = useState('');\n  const [expandedOpen, setExpandedOpen] = useState(false);\n  const [expandedSearchQuery, setExpandedSearchQuery] = useState('');\n  const [expandedMultiline, setExpandedMultiline] = useState(false);\n  const editorRef = useRef<ReactCodeMirrorRef>(null);\n  const expandedEditorRef = useRef<ReactCodeMirrorRef>(null);\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 dispatchSearch = useCallback((query: string) => {\n    const view = editorRef.current?.view;\n    if (view) {\n      view.dispatch({ effects: setSearchQuery.of(query) });\n      if (query) {\n        const cursor = new SearchCursor(view.state.doc, query, 0, view.state.doc.length, (a: string) =>\n          a.toLowerCase(),\n        );\n        if (!cursor.next().done) {\n          view.dispatch({\n            selection: { anchor: cursor.value.from },\n            scrollIntoView: true,\n          });\n        }\n      }\n    }\n  }, []);\n\n  const handleSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const val = e.target.value;\n      setSearchQueryState(val);\n      dispatchSearch(val);\n    },\n    [dispatchSearch],\n  );\n\n  const handleSearchReset = useCallback(() => {\n    setSearchQueryState('');\n    dispatchSearch('');\n  }, [dispatchSearch]);\n\n  const dispatchExpandedSearch = useCallback((query: string) => {\n    const view = expandedEditorRef.current?.view;\n    if (view) {\n      view.dispatch({ effects: setSearchQuery.of(query) });\n      if (query) {\n        const cursor = new SearchCursor(view.state.doc, query, 0, view.state.doc.length, (a: string) =>\n          a.toLowerCase(),\n        );\n        if (!cursor.next().done) {\n          view.dispatch({\n            selection: { anchor: cursor.value.from },\n            scrollIntoView: true,\n          });\n        }\n      }\n    }\n  }, []);\n\n  const handleExpandedSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const val = e.target.value;\n      setExpandedSearchQuery(val);\n      dispatchExpandedSearch(val);\n    },\n    [dispatchExpandedSearch],\n  );\n\n  const handleExpandedSearchReset = useCallback(() => {\n    setExpandedSearchQuery('');\n    dispatchExpandedSearch('');\n  }, [dispatchExpandedSearch]);\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            <SearchFieldBlock\n              name=\"code-section-search\"\n              label=\"Search code\"\n              labelIsHidden\n              placeholder=\"Search...\"\n              value={searchQuery}\n              onChange={handleSearchChange}\n              onReset={handleSearchReset}\n              size=\"sm\"\n              isMinimized={searchMinimized}\n              onMinimizedChange={setSearchMinimized}\n            />\n          )}\n          <ButtonsGroup size=\"sm\">\n            <CopyButton content={codeStr || 'No content'} />\n            {hasMultilineText && (\n              <Button\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 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          <ReactCodeMirror\n            ref={editorRef}\n            extensions={[json(), EditorView.lineWrapping, searchHighlightExtension(), diffExtension]}\n            theme={theme}\n            value={codeStr}\n            editable={false}\n          />\n        )}\n      </div>\n\n      <Dialog open={expandedOpen} onOpenChange={setExpandedOpen}>\n        <DialogContent className=\"grid h-[calc(100vh-6rem)]! max-w-[90vw]! grid-rows-[auto_1fr] [&>.absolute]:hidden\">\n          <DialogHeader className=\"flex-row items-center justify-between\">\n            <DialogTitle className=\"flex min-w-0 items-center gap-1.5 truncate text-caption [&>svg]:size-3.5\">\n              {dialogTitle ?? (\n                <>\n                  {icon}\n                  {title}\n                </>\n              )}\n            </DialogTitle>\n            <DialogDescription>Expanded code view</DialogDescription>\n            <div className=\"flex shrink-0 items-center gap-2\">\n              {!expandedMultiline && (\n                <SearchFieldBlock\n                  name=\"expanded-code-search\"\n                  label=\"Search code\"\n                  labelIsHidden\n                  placeholder=\"Search...\"\n                  value={expandedSearchQuery}\n                  onChange={handleExpandedSearchChange}\n                  onReset={handleExpandedSearchReset}\n                  size=\"sm\"\n                />\n              )}\n              <ButtonsGroup size=\"sm\">\n                <CopyButton content={codeStr || 'No content'} />\n                {hasMultilineText && (\n                  <Button\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                <DialogClose asChild>\n                  <Button aria-label=\"Close\" tooltip=\"Close\">\n                    <XIcon />\n                  </Button>\n                </DialogClose>\n              </ButtonsGroup>\n            </div>\n          </DialogHeader>\n          <div className=\"overflow-auto px-6 pb-6\">\n            {expandedMultiline ? (\n              <div\n                className={cn(\n                  raisedSurfaceStyle,\n                  'overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground',\n                )}\n              >\n                <div className=\"font-mono break-all text-muted-foreground\">\n                  <pre className=\"text-wrap\">{expandedFinalCodeStr}</pre>\n                </div>\n              </div>\n            ) : (\n              <ReactCodeMirror\n                ref={expandedEditorRef}\n                extensions={[json(), EditorView.lineWrapping, searchHighlightExtension(), diffExtension]}\n                theme={theme}\n                value={codeStr}\n                editable={false}\n              />\n            )}\n          </div>\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"],"names":["StateEffect","Decoration","StateField","RangeSetBuilder","SearchCursor","EditorView","Text","Chunk","draculaInit","t","HighlightStyle","syntaxHighlighting","useTheme","useMemo","useState","useRef","useCallback","cn","jsxs","jsx","DataPanelSectionHeading","SearchFieldBlock","ButtonsGroup","CopyButton","Button","AlignLeftIcon","AlignJustifyIcon","ExpandIcon","raisedSurfaceStyle","json","Dialog","DialogContent","DialogHeader","DialogTitle","Fragment","DialogDescription","DialogClose","XIcon"],"mappings":"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"}

package/dist/data-list-top-B-gb-FY6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-list-top-B-gb-FY6.cjs","sources":["../src/ds/components/DataList/shared.ts","../src/ds/components/DataList/data-list-cells.tsx","../src/ds/components/DataList/data-list-root.tsx","../src/ds/components/DataList/data-list-top-cell.tsx","../src/ds/components/DataList/data-list-top.tsx"],"sourcesContent":["/**\n * Row-level styling for the element that participates in the row sibling\n * chain — applied to `DataList.RowButton` / `DataList.RowLink` when used\n * standalone, and to `DataList.RowWrapper` when used as a shell around them.\n *\n * Carries the `.data-list-row` marker class the root styles target.\n */\nexport const dataListRowOuterStyles = [\n  'group/data-list-row data-list-row col-span-full relative min-h-9',\n  // The row surface is a `before` pseudo at `-z-2` so the root's fluid hover\n  // highlight (`-z-1`) can glide *between* the surface and the row content,\n  // exactly like menu items. The row element itself stays transparent.\n  \"before:absolute before:inset-0 before:-z-2 before:rounded-[inherit] before:bg-background before:content-['']\",\n] as const;\n\n/**\n * Interactive state fills for the outer row element. Applied to standalone\n * `RowButton` / `RowLink` and to `RowWrapper`. The `has-*` forms let a wrapper\n * mirror the tone of the interactive row nested inside it.\n *\n * Hover is not painted per row: the root renders one fluid `fill-subtle`\n * highlight under the row content. Rows are sunken wells (`--background`) inside\n * the card panel, whose material also shows through the 1px gaps between them,\n * so a resting tone steps to `--surface-panel` — the opaque twin of a `--fill`\n * rung over the well — rather than to `--card`, which would make a selected row\n * the exact colour of the separators around it. Pressed rises a full `--fill`\n * rung, the same rung a resting control carries, and error sits on the row\n * element itself so it reads on top of the highlight.\n */\nexport const dataListRowStateStyles = [\n  'active:bg-fill',\n  'focus-visible:bg-surface-panel has-focus-visible:bg-surface-panel',\n  'data-featured:before:bg-surface-panel has-data-featured:before:bg-surface-panel has-data-selected:before:bg-surface-panel',\n  'data-[variant=error]:bg-notice-destructive/10 has-data-[variant=error]:bg-notice-destructive/10',\n] as const;\n\n/**\n * Layout and focus for the interactive element. The background lives on the\n * outer row element so it sits inside the root surface.\n */\nexport const dataListRowInteractiveStyles = [\n  'grid grid-cols-subgrid gap-4 px-3 cursor-pointer',\n  'outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-accent1',\n] as const;\n\nexport const dataListRowStyles = [\n  ...dataListRowInteractiveStyles,\n  ...dataListRowOuterStyles,\n  ...dataListRowStateStyles,\n] as const;\n\nexport const dataListRowStaticStyles = ['grid grid-cols-subgrid gap-4 px-3', ...dataListRowOuterStyles] as const;\n\n/**\n * Row actions that stay out of the way until the row is hovered or focused.\n * Opacity, not display, so the column keeps its width and nothing shifts. A\n * coarse pointer never hovers, so there they stay visible — hidden controls\n * that still take taps would be worse than no reveal at all.\n */\nexport const dataListRowActionRevealStyles =\n  'opacity-0 pointer-coarse:opacity-100 group-focus-within/data-list-row:opacity-100 group-hover/data-list-row:opacity-100';\n\nexport type DataListSticky = 'start';\n\nexport const dataListStickyStartStyles = [\n  'data-list-sticky-start sticky left-0 z-10 isolate self-stretch overflow-visible',\n] as const;\n\n/** Tone for a single row. Exposed as `data-variant`; `error` tints the row. */\nexport type DataListRowVariant = 'default' | 'error';\n\n/**\n * Layout/state modifiers shared by interactive row primitives\n * (`DataList.RowButton`, `DataList.RowLink`).\n */\nexport type DataListRowSharedProps = {\n  /** Row tone — exposed on the element as `data-variant`. */\n  variant?: DataListRowVariant;\n  /**\n   * Place the row starting at this column line. Defaults to column 1. Use\n   * when the row sits beside a leading cell that owns column 1.\n   */\n  colStart?: number;\n  /**\n   * Place the row ending at this column line (use negative values to count\n   * from the end, e.g. `-2`). Defaults to `-1` (the last line). Use when the\n   * row sits beside a trailing cell that owns the last column.\n   */\n  colEnd?: number;\n  /**\n   * Mark the row as featured (e.g. the row whose detail is open in a side\n   * panel). Exposed on the element as `data-featured` and tints the row.\n   */\n  featured?: boolean;\n};\n\n/** Split a grid-template-columns string on top-level whitespace only, so `minmax(0, 10rem)` stays one track. */\nexport function splitColumns(columns: string): string[] {\n  const parts: string[] = [];\n  let depth = 0;\n  let current = '';\n  for (const char of columns) {\n    if (char === '(') depth++;\n    if (char === ')') depth--;\n    if (/\\s/.test(char) && depth === 0) {\n      if (current) parts.push(current);\n      current = '';\n    } else {\n      current += char;\n    }\n  }\n  if (current) parts.push(current);\n  return parts;\n}\n","import { format, isToday } from 'date-fns';\nimport { Children, cloneElement, isValidElement } from 'react';\nimport type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\nimport { dataListRowActionRevealStyles, dataListStickyStartStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { cn } from '@/lib/utils';\n\nexport type DataListCellProps = {\n  children?: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the cell. Defaults to `span`. Use `'label'` when\n   * the cell wraps a labelable control (e.g. a Checkbox), so the whole cell\n   * area acts as the click/hover target.\n   */\n  as?: ElementType;\n  /**\n   * Pins the cell to the horizontal start edge of the list while the list\n   * scrolls sideways.\n   */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'>;\n\nexport function DataListCell({ children, className, as, sticky, ...rest }: DataListCellProps) {\n  const Component = as || 'span';\n  return (\n    <Component\n      className={cn(\n        'relative grid max-w-full min-w-0 items-center overflow-hidden text-body-sm whitespace-nowrap text-muted-foreground empty:before:text-placeholder empty:before:content-[\"—\"]',\n        sticky === 'start' && dataListStickyStartStyles,\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n}\n\n/**\n * Trailing cell for row actions, revealed on row hover or keyboard focus.\n * Sits beside a `DataList.RowButton` inside a `DataList.RowWrapper`.\n */\nexport function DataListActionsCell({ children, className, ...rest }: DataListCellProps) {\n  return (\n    <DataListCell className={className} {...rest}>\n      <span\n        className={cn(\n          'flex w-full items-center justify-end gap-1 pr-3 transition-opacity duration-200',\n          dataListRowActionRevealStyles,\n        )}\n      >\n        {children}\n      </span>\n    </DataListCell>\n  );\n}\n\nconst dataListTruncateContentStyles =\n  'block min-w-0 max-w-full truncate empty:before:content-[\"—\"] empty:before:text-placeholder [&>*]:min-w-0 [&>*]:max-w-full [&>*]:overflow-hidden [&>*]:text-ellipsis [&>*]:whitespace-nowrap';\nconst dataListInlineTextTruncateStyles = 'min-w-0 flex-1 truncate';\n\nfunction DataListInlineText({ children }: { children: string | number }) {\n  return <span className={dataListInlineTextTruncateStyles}>{children}</span>;\n}\n\nfunction DataListTruncatedTextNodes({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (typeof child === 'string' || typeof child === 'number') {\n      return <DataListInlineText>{child}</DataListInlineText>;\n    }\n\n    return child;\n  });\n}\n\nfunction DataListTruncatedCellContent({ children }: { children: ReactNode }) {\n  return Children.map(children, child => {\n    if (!isValidElement<{ children?: ReactNode; className?: string }>(child) || typeof child.type !== 'string') {\n      return child;\n    }\n\n    return cloneElement(child, {\n      className: cn('max-w-full min-w-0 overflow-hidden', child.props.className),\n      children: <DataListTruncatedTextNodes>{child.props.children}</DataListTruncatedTextNodes>,\n    });\n  });\n}\n\nexport type DataListTextCellProps = DataListCellProps & {\n  /**\n   * Typeface for the cell text. `mono` is for genuine code — paths, env values,\n   * serialized JSON — and drops a size step to match the sans columns optically.\n   */\n  font?: 'sans' | 'mono';\n};\n\nexport function DataListTextCell({ children, className, font = 'sans', ...rest }: DataListTextCellProps) {\n  return (\n    <DataListCell className={cn(font === 'mono' && 'font-mono text-body-sm', className)} {...rest}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListNameCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-left text-label text-foreground', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport function DataListDescriptionCell({ children, className }: DataListCellProps) {\n  return (\n    <DataListCell className={cn('text-muted-foreground', className)}>\n      <span className={dataListTruncateContentStyles}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListRowHeaderCellProps = Omit<DataListCellProps, 'sticky'>;\n\nexport function DataListRowHeaderCell({ children, className, ...rest }: DataListRowHeaderCellProps) {\n  return (\n    <DataListCell\n      sticky=\"start\"\n      className={cn(\n        'data-list-row-header -mx-3 w-auto max-w-none px-3 text-left text-label text-foreground',\n        className,\n      )}\n      {...rest}\n    >\n      <span className={cn(dataListTruncateContentStyles, 'relative z-10 w-full')}>\n        <DataListTruncatedCellContent>{children}</DataListTruncatedCellContent>\n      </span>\n    </DataListCell>\n  );\n}\n\nexport type DataListNumberCellProps = DataListCellProps & {\n  /**\n   * Emphasizes the value with the ink tone and the label role — use for the\n   * primary metric in a row (e.g. a total or headline number).\n   */\n  highlight?: boolean;\n};\n\n/**\n * Right-aligned numeric cell with tabular figures, for metric and summary\n * tables. Pass `highlight` for the emphasized column.\n */\nexport function DataListNumberCell({ children, className, highlight, ...rest }: DataListNumberCellProps) {\n  return (\n    <DataListCell\n      className={cn(\n        'justify-items-end text-right text-muted-foreground tabular-nums',\n        highlight && 'text-label text-foreground',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </DataListCell>\n  );\n}\n\nfunction getShortId(id: string | undefined): string {\n  return id?.slice(0, 8) ?? '';\n}\n\nexport interface DataListIdCellProps {\n  id: string;\n}\n\nexport function DataListIdCell({ id }: DataListIdCellProps) {\n  return <DataListCell className=\"tracking-wide text-muted-foreground\">{getShortId(id)}</DataListCell>;\n}\n\nexport interface DataListSelectCellProps {\n  checked: boolean;\n  /**\n   * Called when the checkbox is clicked. Receives the click event's `shiftKey`\n   * so callers can implement range-select. The cell stops the click from\n   * reaching the host row, so the row's `onClick` doesn't fire.\n   */\n  onToggle: (shiftKey: boolean) => void;\n  /** Disable the checkbox, e.g. while a selection mutation is in flight. */\n  disabled?: boolean;\n  'aria-label'?: string;\n}\n\nexport function DataListSelectCell({ checked, onToggle, disabled, ...rest }: DataListSelectCellProps) {\n  return (\n    <DataListCell\n      as=\"label\"\n      className={cn(\n        'size-8 justify-items-center self-center overflow-visible px-0',\n        disabled ? 'cursor-not-allowed' : 'cursor-pointer',\n      )}\n      onClick={e => e.stopPropagation()}\n      data-selected={checked || undefined}\n    >\n      <Checkbox\n        checked={checked}\n        disabled={disabled}\n        onCheckedChange={() => {}} // no-op: selection handled by onClick to capture shiftKey\n        // The click still has to bubble to the cell above, which is what keeps it\n        // off the host row. Base UI withholds this handler while disabled.\n        onClick={e => onToggle(e.shiftKey)}\n        aria-label={rest['aria-label']}\n      />\n    </DataListCell>\n  );\n}\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\nexport interface DataListDateCellProps {\n  timestamp: Date | string;\n}\n\n/** Compact date cell — `Today` or `MMM dd` (e.g. `May 19`). */\nexport function DataListDateCell({ timestamp }: DataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-muted-foreground\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : null}\n    </DataListCell>\n  );\n}\n\nexport interface DataListCreatedCellProps {\n  timestamp: Date | string;\n}\n\n/** Compact date + time cell — always `MMM d HH:mm:ss` (e.g. `Aug 31 13:07:47`), 24h, no milliseconds. */\nexport function DataListCreatedCell({ timestamp }: DataListCreatedCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-muted-foreground tabular-nums\">\n      {date ? format(date, 'MMM d HH:mm:ss') : null}\n    </DataListCell>\n  );\n}\n\nexport interface DataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function DataListTimeCell({ timestamp }: DataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"flex text-muted-foreground tabular-nums\">\n      {date ? (\n        <>\n          {format(date, 'h:mm:ss')}\n          <span className=\"text-placeholder\">\n            .{String(date.getMilliseconds()).padStart(3, '0')} {format(date, 'aaa')}\n          </span>\n        </>\n      ) : null}\n    </DataListCell>\n  );\n}\n","import type { CSSProperties, ReactNode, RefObject } from 'react';\nimport { ScrollArea } from '@/ds/components/ScrollArea/scroll-area';\nimport type { ScrollAreaMask, ScrollAreaProps } from '@/ds/components/ScrollArea/scroll-area';\nimport { FluidMenuItems, useFluidMenu } from '@/ds/primitives/fluid-menu';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n/**\n * Horizontal sizing of the list grid.\n *\n * - `content`: the grid is as wide as its widest content (`w-max`) and the\n *   ScrollArea scrolls horizontally when it exceeds the container.\n * - `container`: the grid fills the container width and never exceeds it;\n *   flexible tracks (`minmax(0, 1fr)`) shrink so truncating cells ellipsize\n *   instead of widening the table.\n */\nexport type DataListFit = 'content' | 'container';\n\n/**\n * Surface treatment of the list.\n *\n * - `default`: rows sit as wells inside a raised card panel — the same material\n *   and elevation as a card, a popover or a settings container.\n * - `light`: no panel behind the rows; rows sit directly on the page.\n */\nexport type DataListVariant = 'default' | 'light';\n\nexport type DataListRootProps = Omit<ScrollAreaProps, 'children' | 'orientation' | 'mask' | 'viewportRef'> & {\n  children: ReactNode;\n  columns: string;\n  /** Grid width behavior; defaults to `content` (existing horizontal-scroll sizing). */\n  fit?: DataListFit;\n  /** Surface treatment; defaults to `default` (rows on a raised card panel). */\n  variant?: DataListVariant;\n  /**\n   * Edge fades from the underlying ScrollArea. DataList keeps the top fade off\n   * by default so it does not fade the sticky top header.\n   */\n  mask?: ScrollAreaMask;\n  /**\n   * Ref to the scroll container — pass this to TanStack Virtual's\n   * `getScrollElement` when virtualizing. Without it, the ScrollArea viewport\n   * scrolls normally.\n   */\n  scrollRef?: RefObject<HTMLDivElement | null>;\n};\n\ntype DataListRootStyle = CSSProperties & {\n  '--data-list-background'?: string;\n};\n\nfunction getDataListMask(mask: ScrollAreaMask | undefined): ScrollAreaMask {\n  if (mask === undefined) return { top: false };\n  if (mask === true || mask === false) return mask;\n\n  return { top: false, ...mask };\n}\n\n/**\n * The root owns the unified table treatment so standalone and wrapped rows look\n * identical without requiring a per-row index. The ScrollArea provides the\n * fixed frame; this grid paints the sticky header and separators. The root is\n * the only element that defines a color: sticky parts read the background\n * through `--data-list-background` so they stay opaque while scrolling, and\n * rows/header draw no separators, borders or rings of their own.\n */\nconst dataListGridStyles = [\n  'gap-y-px',\n  // Rows are siblings of the header, so first/last are found via sibling combinators.\n  '[&_.data-list-row:not(.data-list-row~.data-list-row)]:rounded-t-lg',\n  '[&_.data-list-row:not(:has(~.data-list-row))]:rounded-b-lg',\n  '[&_.data-list-row:not(.data-list-row~.data-list-row)>.data-list-sticky-start]:rounded-tl-lg',\n  '[&_.data-list-row:not(:has(~.data-list-row))>.data-list-sticky-start]:rounded-bl-lg',\n  // Subheaders split the rows into sections; each section gets its own rounded ends.\n  '[&_.data-list-subheader+.data-list-row]:rounded-t-lg',\n  '[&_.data-list-row:has(+.data-list-subheader)]:rounded-b-lg',\n  '[&_.data-list-subheader+.data-list-row>.data-list-sticky-start]:rounded-tl-lg',\n  '[&_.data-list-row:has(+.data-list-subheader)>.data-list-sticky-start]:rounded-bl-lg',\n  // The fluid highlight follows the same ends: rounded only when the active\n  // row is the first/last of its section, square everywhere else. `:has()`\n  // cannot nest, so \"last\" is written as \"no row follows the active one\".\n  '[&:has(.data-list-row[data-fluid-hover-active]:not(.data-list-row~.data-list-row))_[data-slot=fluid-hover-highlight]]:rounded-t-lg',\n  '[&:has(.data-list-row[data-fluid-hover-active]):not(:has(.data-list-row[data-fluid-hover-active]~.data-list-row))_[data-slot=fluid-hover-highlight]]:rounded-b-lg',\n  '[&:has(.data-list-subheader+.data-list-row[data-fluid-hover-active])_[data-slot=fluid-hover-highlight]]:rounded-t-lg',\n  '[&:has(.data-list-row[data-fluid-hover-active]+.data-list-subheader)_[data-slot=fluid-hover-highlight]]:rounded-b-lg',\n  '[&_.data-list-top]:bg-(--data-list-background)',\n  '[&_.data-list-row>.data-list-sticky-start]:bg-background',\n  // A sticky cell must stay opaque over horizontally scrolled cells, so it\n  // cannot show the fluid highlight through; it takes the opaque twin of a fill\n  // rung over the row well instead, the same level a selected row rests on.\n  '[&_.data-list-row[data-fluid-hover-active]>.data-list-sticky-start]:bg-surface-panel',\n  '[&_.data-list-row>.data-list-sticky-start]:after:right-0',\n  '[&_.data-list-top>.data-list-sticky-start]:after:right-0',\n] as const;\n\nconst dataListVariantClasses: Record<DataListVariant, string> = {\n  default: raisedSurfaceStyle,\n  light: '',\n};\n\n// The sticky header reads this so it stays opaque while scrolling: the panel\n// material by default, the page surface when there is no panel.\nconst dataListVariantBackground: Record<DataListVariant, string> = {\n  default: 'var(--card)',\n  light: 'var(--background)',\n};\n\nconst dataListFitClasses: Record<DataListFit, string> = {\n  content: 'w-max max-w-none min-w-full',\n  container: 'w-full max-w-full',\n};\n\nexport function DataListRoot({\n  children,\n  columns,\n  className,\n  fit = 'content',\n  variant = 'default',\n  mask,\n  scrollRef,\n  ...props\n}: DataListRootProps) {\n  const gridStyle: DataListRootStyle = {\n    '--data-list-background': dataListVariantBackground[variant],\n    gridTemplateColumns: columns,\n  };\n\n  // One hover surface travels between rows (same primitive as menus/selects).\n  // Subheaders, pagination and whitespace stay inert, so no gap-click routing.\n  const menu = useFluidMenu<HTMLDivElement>({ gapClick: false });\n\n  const grid = (\n    <div\n      // Lists scroll inside the ScrollArea viewport (below); the grid just lays out.\n      // It is also the offsetParent rows are measured against and the highlight is positioned in.\n      className={cn('grid content-start', ...dataListGridStyles, dataListFitClasses[fit], menu.containerClassName)}\n      style={gridStyle}\n      {...menu.getContainerProps({})}\n    >\n      {/* The highlight is the old row hover color. It sits between each row's\n          `before` surface (-z-2) and the row content (see `dataListRowOuterStyles`). */}\n      <FluidMenuItems menu={menu} className=\"rounded-none bg-fill-subtle\">\n        {children}\n      </FluidMenuItems>\n    </div>\n  );\n\n  // DataList uses the DS ScrollArea: an overlay scrollbar, so the sticky header\n  // spans the full width. Masks default to every overflowing edge except the\n  // top — a top fade would fade the opaque sticky header. A virtualizing list\n  // passes `scrollRef`, forwarded as `viewportRef` so it scrolls this viewport.\n  return (\n    <ScrollArea\n      {...props}\n      orientation=\"both\"\n      mask={getDataListMask(mask)}\n      viewportRef={scrollRef}\n      // Outer radius = row radius (8px) + 4px inset so the corners stay concentric.\n      // Size to content but never exceed the parent. Flex (unlike grid `1fr`) lays\n      // items out against the max-height-clamped container, so short lists stay\n      // compact and long ones shrink the viewport and scroll. `self-start` stops\n      // a grid/flex parent from stretching the root to the full row height.\n      viewPortClassName=\"min-h-0 flex-1 basis-auto\"\n      className={cn(\n        'flex max-h-full w-full flex-col self-start rounded-xl p-1',\n        dataListVariantClasses[variant],\n        className,\n      )}\n    >\n      {grid}\n    </ScrollArea>\n  );\n}\n","import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { dataListStickyStartStyles } from './shared';\nimport type { DataListSticky } from './shared';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopCellProps = {\n  children: ReactNode;\n  className?: string;\n  /**\n   * HTML element rendered for the top cell. Defaults to `span`. Use `'label'`\n   * when the cell wraps a labelable control (e.g. a select-all Checkbox).\n   */\n  as?: ElementType;\n  /** Pins the top cell to the horizontal start edge while the list scrolls sideways. */\n  sticky?: DataListSticky;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className' | 'ref'>;\n\nexport const DataListTopCell = forwardRef<HTMLSpanElement, DataListTopCellProps>(\n  ({ children, className, as, sticky, ...rest }, ref) => {\n    const Component = as || 'span';\n    const isText = typeof children === 'string' || typeof children === 'number';\n    return (\n      <Component\n        ref={ref}\n        className={cn(\n          'flex h-10 max-w-full min-w-0 items-center overflow-hidden py-1 text-column whitespace-nowrap text-muted-foreground',\n          sticky === 'start' && dataListStickyStartStyles,\n          sticky === 'start' && '-mr-3 -ml-3 w-auto max-w-none pr-3 pl-3',\n          sticky === 'start' && 'z-20',\n          className,\n        )}\n        {...rest}\n      >\n        {/* Plain string/number titles truncate with an ellipsis; element children\n            (icons, smart long/short labels, checkboxes) render as-is. */}\n        {isText ? <span className=\"min-w-0 truncate\">{children}</span> : children}\n      </Component>\n    );\n  },\n);\n\nexport type DataListTopCellWithTooltipProps = {\n  children: ReactNode;\n  tooltip: ReactNode;\n  className?: string;\n};\n\nexport function DataListTopCellWithTooltip({ children, tooltip, className }: DataListTopCellWithTooltipProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <DataListTopCell className={className}>{children}</DataListTopCell>\n      </TooltipTrigger>\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport type DataListTopCellSmartProps = {\n  long: ReactNode;\n  short: ReactNode;\n  tooltip?: string;\n  breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n  className?: string;\n};\n\nconst breakpointClasses: Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { show: string; hide: string }> = {\n  sm: { show: 'hidden sm:inline-flex', hide: 'inline-flex sm:hidden' },\n  md: { show: 'hidden md:inline-flex', hide: 'inline-flex md:hidden' },\n  lg: { show: 'hidden lg:inline-flex', hide: 'inline-flex lg:hidden' },\n  xl: { show: 'hidden xl:inline-flex', hide: 'inline-flex xl:hidden' },\n  '2xl': { show: 'hidden 2xl:inline-flex', hide: 'inline-flex 2xl:hidden' },\n};\n\nexport function DataListTopCellSmart({\n  long,\n  short,\n  tooltip,\n  breakpoint = '2xl',\n  className,\n}: DataListTopCellSmartProps) {\n  const tooltipText = tooltip ?? (typeof long === 'string' ? long : undefined);\n  const bp = breakpointClasses[breakpoint];\n\n  const content = (\n    <>\n      <span className={cn('items-center gap-1', bp.show)}>{long}</span>\n      <span className={cn('items-center gap-1', bp.hide)}>{short}</span>\n    </>\n  );\n\n  if (tooltipText) {\n    return (\n      <DataListTopCellWithTooltip tooltip={tooltipText} className={cn('flex [&_svg]:size-[1.3em]', className)}>\n        {content}\n      </DataListTopCellWithTooltip>\n    );\n  }\n\n  return <DataListTopCell className={cn('flex [&_svg]:size-[1.3em]', className)}>{content}</DataListTopCell>;\n}\n\nexport interface DataListTopSelectCellProps {\n  /** Pass `'indeterminate'` when some — but not all — rows are selected. */\n  checked: boolean | 'indeterminate';\n  /** Toggles the global selection. Typically clears when fully selected, otherwise selects all. */\n  onToggle: () => void;\n  'aria-label'?: string;\n}\n\nexport function DataListTopSelectCell({ checked, onToggle, ...rest }: DataListTopSelectCellProps) {\n  return (\n    <DataListTopCell\n      as=\"label\"\n      className=\"w-8 cursor-pointer justify-center overflow-visible px-0 py-0!\"\n      onClick={e => e.stopPropagation()}\n    >\n      <Checkbox checked={checked} onCheckedChange={() => onToggle()} aria-label={rest['aria-label']} />\n    </DataListTopCell>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataListTopProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * Switch to a \"leading cell\" layout: drops the default gap between children\n   * and the default left padding, so a leading cell (e.g. `TopSelectCell`)\n   * sits flush against the grid edge and an inner `TopCells` group owns the\n   * remaining column spacing. Mirrors how `Row` + `RowButton` compose.\n   */\n  hasLeadingCell?: boolean;\n};\n\nexport function DataListTop({ children, className, hasLeadingCell, ...props }: DataListTopProps) {\n  return (\n    <div\n      className={cn(\n        'group/data-list-top data-list-top sticky top-0 z-20 col-span-full grid grid-cols-subgrid gap-4 px-3',\n        hasLeadingCell && 'gap-0 pl-0!',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["jsx","cn","Children","isValidElement","cloneElement","Checkbox","isToday","format","jsxs","Fragment","raisedSurfaceStyle","useFluidMenu","FluidMenuItems","ScrollArea","forwardRef","tooltip","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}