@flanksource/clicky-ui 0.2.11 → 0.2.13

package/dist/data/LogDetails.cjs

@@ -8,6 +8,8 @@ const TagList = require("./cells/TagList.cjs");
 const propertiesUtils = require("./properties-utils.cjs");
 const logUtils = require("./log-utils.cjs");
 const UiCopy = require("../icons/components/UiCopy.cjs");
+const UiChevronRight = require("../icons/components/UiChevronRight.cjs");
+const UiChevronDown = require("../icons/components/UiChevronDown.cjs");
 const UiZoomIn = require("../icons/components/UiZoomIn.cjs");
 const UiZoomOut = require("../icons/components/UiZoomOut.cjs");
 const TAGS_PATH = "details.tags";
@@ -54,7 +56,7 @@ function LogDetails({
   const prefixActions = [
     {
       id: "expand",
-      icon: UiZoomIn.UiZoomIn,
+      icon: UiChevronRight.UiChevronRight,
       label: (key) => `Expand ${labelForPath(key)}`,
       visible: (_k, _v, item) => !!item.expandable,
       disabled: (_k, _v, item) => !!item.expanded,
@@ -65,7 +67,7 @@ function LogDetails({
     },
     {
       id: "collapse",
-      icon: UiZoomOut.UiZoomOut,
+      icon: UiChevronDown.UiChevronDown,
       label: (key) => `Collapse ${labelForPath(key)}`,
       visible: (_k, _v, item) => !!item.expandable,
       disabled: (_k, _v, item) => !item.expanded,

package/dist/data/LogDetails.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LogDetails.cjs","sources":["../../src/data/LogDetails.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport {\n  getFilterTokens,\n  type DataTableColumn,\n  type DataTableRowDetailContext,\n} from \"./DataTable\";\nimport { Properties, type PropertiesAction, type PropertiesItem } from \"./Properties\";\nimport {\n  TagActionsProvider,\n  TagPropertiesList,\n  type TagActionsContextValue,\n  normalizeTags,\n} from \"./cells/TagList\";\nimport { formatPropertyLabel } from \"./properties-utils\";\nimport type { LogsTableRow } from \"./LogsTable\";\nimport { asRecord } from \"./log-utils\";\nimport { UiCopy, UiZoomIn, UiZoomOut } from \"../icons\";\n\nconst TAGS_PATH = \"details.tags\";\n\n// Key column shrinks to its content (no min/fixed width), never wider than 30ch.\nconst DETAIL_ROW_CLASS = \"grid-cols-[fit-content(30ch)_minmax(0,1fr)]\";\n\nexport function renderLogDetails(\n  row: LogsTableRow,\n  context: DataTableRowDetailContext<LogsTableRow>,\n): ReactNode {\n  return (\n    <LogDetails\n      row={row}\n      filterActions={context.filterActionsByColumn}\n      columns={context.columns}\n    />\n  );\n}\n\n/**\n * Maps a top-level detail field path (`details.<columnKey>`) to its column key.\n * Returns undefined for nested paths and the tags array, which have their own\n * filter affordances.\n */\nfunction fieldColumnKey(path: string): string | undefined {\n  if (!path.startsWith(\"details.\") || path === TAGS_PATH) return undefined;\n  const rest = path.slice(\"details.\".length);\n  return rest && !rest.includes(\".\") ? rest : undefined;\n}\n\nfunction LogDetails({\n  row,\n  filterActions,\n  columns,\n}: {\n  row: LogsTableRow;\n  filterActions: Record<string, TagActionsContextValue>;\n  columns: DataTableColumn<LogsTableRow>[];\n}) {\n  const [openPaths, setOpenPaths] = useState<Record<string, boolean>>({});\n  const setPathOpen = (path: string, open: boolean) => {\n    setOpenPaths((current) => ({ ...current, [path]: open }));\n  };\n  const details = useMemo(() => buildProcessedLogDetails(row), [row]);\n\n  const labelForPath = (path: string) => formatPropertyLabel(path.split(\".\").pop() ?? path);\n\n  const columnByKey = useMemo(\n    () => new Map(columns.map((column) => [column.key, column])),\n    [columns],\n  );\n\n  // Include/exclude is wired only for fields whose column is a multi/nested-multi\n  // (tristate) filter; other columns (high-cardinality text, number, timestamp)\n  // don't honor multiFilters, so they get no filter actions. The toggle token\n  // must match the column's filter token (e.g. a status column maps \"INFO\" to a\n  // normalized status), so it is derived via getFilterTokens rather than the\n  // displayed value.\n  const fieldFilter = (\n    path: string,\n  ): { actions: TagActionsContextValue; token: string } | undefined => {\n    const key = fieldColumnKey(path);\n    if (!key) return undefined;\n    const actions = filterActions[key];\n    const column = columnByKey.get(key);\n    if (!actions || !column) return undefined;\n    const token = getFilterTokens(row, column)[0];\n    return token ? { actions, token } : undefined;\n  };\n\n  const prefixActions: PropertiesAction<unknown>[] = [\n    {\n      id: \"expand\",\n      icon: UiZoomIn,\n      label: (key) => `Expand ${labelForPath(key)}`,\n      visible: (_k, _v, item) => !!item.expandable,\n      disabled: (_k, _v, item) => !!item.expanded,\n      onClick: (_k, _v, item) => item.onToggle?.(true),\n    },\n    {\n      id: \"collapse\",\n      icon: UiZoomOut,\n      label: (key) => `Collapse ${labelForPath(key)}`,\n      visible: (_k, _v, item) => !!item.expandable,\n      disabled: (_k, _v, item) => !item.expanded,\n      onClick: (_k, _v, item) => item.onToggle?.(false),\n    },\n    {\n      id: \"include\",\n      icon: UiZoomIn,\n      label: (key) => `Include ${labelForPath(key)}`,\n      visible: (key) => !!fieldFilter(key),\n      onClick: (key) => {\n        const filter = fieldFilter(key);\n        filter?.actions.toggleInclude(filter.token);\n      },\n    },\n    {\n      id: \"exclude\",\n      icon: UiZoomOut,\n      label: (key) => `Exclude ${labelForPath(key)}`,\n      visible: (key) => !!fieldFilter(key),\n      onClick: (key) => {\n        const filter = fieldFilter(key);\n        filter?.actions.toggleExclude(filter.token);\n      },\n    },\n  ];\n\n  // Copy sits immediately after the value (suffix), separate from the leading\n  // expand/collapse/include/exclude controls.\n  const suffixActions: PropertiesAction<unknown>[] = [\n    {\n      id: \"copy\",\n      icon: UiCopy,\n      label: (key) => `Copy ${labelForPath(key)}`,\n      visible: (key) => key !== TAGS_PATH,\n      onClick: (_k, value) => copyLogDetailsValue(value),\n    },\n  ];\n\n  const renderLabel = (key: string) => labelForPath(key);\n  const renderValue = (key: string, value: unknown, item: PropertiesItem<unknown>) => {\n    if (key === TAGS_PATH) {\n      const count = Array.isArray(value) ? value.length : 0;\n      return <span className=\"font-mono text-muted-foreground\">[{count} tags]</span>;\n    }\n    return item.expandable ? <LogValueSummary value={value} /> : <LogScalarValue value={value} />;\n  };\n\n  const toItems = (value: unknown, path: string, depth: number): PropertiesItem<unknown>[] =>\n    getValueEntries(value).map(([key, entryValue]) => {\n      const entryPath = `${path}.${String(key)}`;\n      const isTags = entryPath === TAGS_PATH;\n      const expandable = isTags || isExpandableValue(entryValue);\n      const open = openPaths[entryPath] ?? depth < 1;\n      return {\n        key: entryPath,\n        value: entryValue,\n        expandable,\n        expanded: open,\n        onToggle: (next) => setPathOpen(entryPath, next),\n        renderChildren: () =>\n          isTags ? (\n            <TagPropertiesList\n              tags={normalizeTags(entryValue as string[])}\n              rowClassName={DETAIL_ROW_CLASS}\n            />\n          ) : (\n            <Properties\n              density=\"compact\"\n              items={toItems(entryValue, entryPath, depth + 1)}\n              renderLabel={renderLabel}\n              renderValue={renderValue}\n              prefixActions={prefixActions}\n              suffixActions={suffixActions}\n              rowClassName={DETAIL_ROW_CLASS}\n              className=\"mt-density-1\"\n            />\n          ),\n      };\n    });\n\n  const properties = (\n    <Properties\n      density=\"compact\"\n      items={toItems(details, \"details\", 0)}\n      renderLabel={renderLabel}\n      renderValue={renderValue}\n      prefixActions={prefixActions}\n      suffixActions={suffixActions}\n      rowClassName={DETAIL_ROW_CLASS}\n    />\n  );\n\n  const tagActions = filterActions[\"tags\"];\n  return (\n    <div className=\"space-y-density-3 text-xs\">\n      {tagActions ? (\n        <TagActionsProvider value={tagActions}>{properties}</TagActionsProvider>\n      ) : (\n        properties\n      )}\n    </div>\n  );\n}\n\nfunction LogValueSummary({ value }: { value: unknown }) {\n  if (Array.isArray(value)) {\n    return <span className=\"font-mono text-muted-foreground\">[{value.length} items]</span>;\n  }\n  const record = asRecord(value);\n  if (record) {\n    const count = Object.keys(record).length;\n    return (\n      <span className=\"font-mono text-muted-foreground\">\n        {\"{ \"}\n        {count} properties{\" }\"}\n      </span>\n    );\n  }\n  return <LogScalarValue value={value} />;\n}\n\nfunction LogScalarValue({ value }: { value: unknown }) {\n  if (value === null || value === undefined) {\n    return <span className=\"font-mono italic text-muted-foreground\">null</span>;\n  }\n\n  if (typeof value === \"string\") {\n    return (\n      <pre className=\"max-h-48 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed text-foreground\">\n        {value}\n      </pre>\n    );\n  }\n\n  if (typeof value === \"number\" || typeof value === \"boolean\") {\n    return <span className=\"font-mono text-blue-700 dark:text-blue-400\">{String(value)}</span>;\n  }\n\n  return (\n    <pre className=\"max-h-48 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed text-foreground\">\n      {stablePrettyString(value)}\n    </pre>\n  );\n}\n\nfunction getValueEntries(value: unknown): Array<[string | number, unknown]> {\n  if (Array.isArray(value)) {\n    return value.map((entry, index) => [index, entry]);\n  }\n  return Object.entries(asRecord(value) ?? {});\n}\n\nfunction isExpandableValue(value: unknown) {\n  return getValueEntries(value).length > 0;\n}\n\nfunction stablePrettyString(value: unknown): string {\n  if (typeof value === \"string\") return value;\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction copyLogDetailsValue(value: unknown) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard?.writeText) {\n    Promise.resolve(navigator.clipboard.writeText(stablePrettyString(value))).catch(\n      () => undefined,\n    );\n  }\n}\n\nfunction buildProcessedLogDetails(row: LogsTableRow): Record<string, unknown> {\n  const attributes = buildProcessedLogAttributes(row);\n  return stripEmptyProperties({\n    timestamp: row.timestamp,\n    level: row.level,\n    pod: row.pod,\n    logger: row.logger,\n    thread: row.thread,\n    message: row.message,\n    tags: row.tags,\n    ...(Object.keys(attributes).length > 0 ? { attributes } : {}),\n  });\n}\n\nfunction buildProcessedLogAttributes(row: LogsTableRow): Record<string, unknown> {\n  const attributes = {\n    ...asRecord(row.raw),\n    ...asRecord(row.parsedLine),\n  };\n  const hiddenKeys = new Set([\n    \"@timestamp\",\n    \"container\",\n    \"event.dataset\",\n    \"labels\",\n    \"level\",\n    \"line\",\n    \"log.level\",\n    \"log.logger\",\n    \"logger\",\n    \"message\",\n    \"msg\",\n    \"pod\",\n    \"process.thread.name\",\n    \"service\",\n    \"service.name\",\n    \"severity\",\n    \"thread\",\n    \"time\",\n    \"timestamp\",\n  ]);\n\n  return stripEmptyProperties(\n    Object.fromEntries(Object.entries(attributes).filter(([key]) => !hiddenKeys.has(key))),\n  );\n}\n\nfunction stripEmptyProperties(record: Record<string, unknown>): Record<string, unknown> {\n  return Object.fromEntries(\n    Object.entries(record).filter(([, value]) => {\n      if (value == null) return false;\n      if (typeof value === \"string\") return value.trim().length > 0;\n      if (Array.isArray(value)) return value.length > 0;\n      return true;\n    }),\n  );\n}\n"],"names":["jsx","useState","useMemo","formatPropertyLabel","getFilterTokens","UiZoomIn","UiZoomOut","UiCopy","jsxs","TagPropertiesList","normalizeTags","Properties","TagActionsProvider","asRecord"],"mappings":"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"}
+{"version":3,"file":"LogDetails.cjs","sources":["../../src/data/LogDetails.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport {\n  getFilterTokens,\n  type DataTableColumn,\n  type DataTableRowDetailContext,\n} from \"./DataTable\";\nimport { Properties, type PropertiesAction, type PropertiesItem } from \"./Properties\";\nimport {\n  TagActionsProvider,\n  TagPropertiesList,\n  type TagActionsContextValue,\n  normalizeTags,\n} from \"./cells/TagList\";\nimport { formatPropertyLabel } from \"./properties-utils\";\nimport type { LogsTableRow } from \"./LogsTable\";\nimport { asRecord } from \"./log-utils\";\nimport { UiChevronDown, UiChevronRight, UiCopy, UiZoomIn, UiZoomOut } from \"../icons\";\n\nconst TAGS_PATH = \"details.tags\";\n\n// Key column shrinks to its content (no min/fixed width), never wider than 30ch.\nconst DETAIL_ROW_CLASS = \"grid-cols-[fit-content(30ch)_minmax(0,1fr)]\";\n\nexport function renderLogDetails(\n  row: LogsTableRow,\n  context: DataTableRowDetailContext<LogsTableRow>,\n): ReactNode {\n  return (\n    <LogDetails\n      row={row}\n      filterActions={context.filterActionsByColumn}\n      columns={context.columns}\n    />\n  );\n}\n\n/**\n * Maps a top-level detail field path (`details.<columnKey>`) to its column key.\n * Returns undefined for nested paths and the tags array, which have their own\n * filter affordances.\n */\nfunction fieldColumnKey(path: string): string | undefined {\n  if (!path.startsWith(\"details.\") || path === TAGS_PATH) return undefined;\n  const rest = path.slice(\"details.\".length);\n  return rest && !rest.includes(\".\") ? rest : undefined;\n}\n\nfunction LogDetails({\n  row,\n  filterActions,\n  columns,\n}: {\n  row: LogsTableRow;\n  filterActions: Record<string, TagActionsContextValue>;\n  columns: DataTableColumn<LogsTableRow>[];\n}) {\n  const [openPaths, setOpenPaths] = useState<Record<string, boolean>>({});\n  const setPathOpen = (path: string, open: boolean) => {\n    setOpenPaths((current) => ({ ...current, [path]: open }));\n  };\n  const details = useMemo(() => buildProcessedLogDetails(row), [row]);\n\n  const labelForPath = (path: string) => formatPropertyLabel(path.split(\".\").pop() ?? path);\n\n  const columnByKey = useMemo(\n    () => new Map(columns.map((column) => [column.key, column])),\n    [columns],\n  );\n\n  // Include/exclude is wired only for fields whose column is a multi/nested-multi\n  // (tristate) filter; other columns (high-cardinality text, number, timestamp)\n  // don't honor multiFilters, so they get no filter actions. The toggle token\n  // must match the column's filter token (e.g. a status column maps \"INFO\" to a\n  // normalized status), so it is derived via getFilterTokens rather than the\n  // displayed value.\n  const fieldFilter = (\n    path: string,\n  ): { actions: TagActionsContextValue; token: string } | undefined => {\n    const key = fieldColumnKey(path);\n    if (!key) return undefined;\n    const actions = filterActions[key];\n    const column = columnByKey.get(key);\n    if (!actions || !column) return undefined;\n    const token = getFilterTokens(row, column)[0];\n    return token ? { actions, token } : undefined;\n  };\n\n  const prefixActions: PropertiesAction<unknown>[] = [\n    {\n      id: \"expand\",\n      icon: UiChevronRight,\n      label: (key) => `Expand ${labelForPath(key)}`,\n      visible: (_k, _v, item) => !!item.expandable,\n      disabled: (_k, _v, item) => !!item.expanded,\n      onClick: (_k, _v, item) => item.onToggle?.(true),\n    },\n    {\n      id: \"collapse\",\n      icon: UiChevronDown,\n      label: (key) => `Collapse ${labelForPath(key)}`,\n      visible: (_k, _v, item) => !!item.expandable,\n      disabled: (_k, _v, item) => !item.expanded,\n      onClick: (_k, _v, item) => item.onToggle?.(false),\n    },\n    {\n      id: \"include\",\n      icon: UiZoomIn,\n      label: (key) => `Include ${labelForPath(key)}`,\n      visible: (key) => !!fieldFilter(key),\n      onClick: (key) => {\n        const filter = fieldFilter(key);\n        filter?.actions.toggleInclude(filter.token);\n      },\n    },\n    {\n      id: \"exclude\",\n      icon: UiZoomOut,\n      label: (key) => `Exclude ${labelForPath(key)}`,\n      visible: (key) => !!fieldFilter(key),\n      onClick: (key) => {\n        const filter = fieldFilter(key);\n        filter?.actions.toggleExclude(filter.token);\n      },\n    },\n  ];\n\n  // Copy sits immediately after the value (suffix), separate from the leading\n  // expand/collapse/include/exclude controls.\n  const suffixActions: PropertiesAction<unknown>[] = [\n    {\n      id: \"copy\",\n      icon: UiCopy,\n      label: (key) => `Copy ${labelForPath(key)}`,\n      visible: (key) => key !== TAGS_PATH,\n      onClick: (_k, value) => copyLogDetailsValue(value),\n    },\n  ];\n\n  const renderLabel = (key: string) => labelForPath(key);\n  const renderValue = (key: string, value: unknown, item: PropertiesItem<unknown>) => {\n    if (key === TAGS_PATH) {\n      const count = Array.isArray(value) ? value.length : 0;\n      return <span className=\"font-mono text-muted-foreground\">[{count} tags]</span>;\n    }\n    return item.expandable ? <LogValueSummary value={value} /> : <LogScalarValue value={value} />;\n  };\n\n  const toItems = (value: unknown, path: string, depth: number): PropertiesItem<unknown>[] =>\n    getValueEntries(value).map(([key, entryValue]) => {\n      const entryPath = `${path}.${String(key)}`;\n      const isTags = entryPath === TAGS_PATH;\n      const expandable = isTags || isExpandableValue(entryValue);\n      const open = openPaths[entryPath] ?? depth < 1;\n      return {\n        key: entryPath,\n        value: entryValue,\n        expandable,\n        expanded: open,\n        onToggle: (next) => setPathOpen(entryPath, next),\n        renderChildren: () =>\n          isTags ? (\n            <TagPropertiesList\n              tags={normalizeTags(entryValue as string[])}\n              rowClassName={DETAIL_ROW_CLASS}\n            />\n          ) : (\n            <Properties\n              density=\"compact\"\n              items={toItems(entryValue, entryPath, depth + 1)}\n              renderLabel={renderLabel}\n              renderValue={renderValue}\n              prefixActions={prefixActions}\n              suffixActions={suffixActions}\n              rowClassName={DETAIL_ROW_CLASS}\n              className=\"mt-density-1\"\n            />\n          ),\n      };\n    });\n\n  const properties = (\n    <Properties\n      density=\"compact\"\n      items={toItems(details, \"details\", 0)}\n      renderLabel={renderLabel}\n      renderValue={renderValue}\n      prefixActions={prefixActions}\n      suffixActions={suffixActions}\n      rowClassName={DETAIL_ROW_CLASS}\n    />\n  );\n\n  const tagActions = filterActions[\"tags\"];\n  return (\n    <div className=\"space-y-density-3 text-xs\">\n      {tagActions ? (\n        <TagActionsProvider value={tagActions}>{properties}</TagActionsProvider>\n      ) : (\n        properties\n      )}\n    </div>\n  );\n}\n\nfunction LogValueSummary({ value }: { value: unknown }) {\n  if (Array.isArray(value)) {\n    return <span className=\"font-mono text-muted-foreground\">[{value.length} items]</span>;\n  }\n  const record = asRecord(value);\n  if (record) {\n    const count = Object.keys(record).length;\n    return (\n      <span className=\"font-mono text-muted-foreground\">\n        {\"{ \"}\n        {count} properties{\" }\"}\n      </span>\n    );\n  }\n  return <LogScalarValue value={value} />;\n}\n\nfunction LogScalarValue({ value }: { value: unknown }) {\n  if (value === null || value === undefined) {\n    return <span className=\"font-mono italic text-muted-foreground\">null</span>;\n  }\n\n  if (typeof value === \"string\") {\n    return (\n      <pre className=\"max-h-48 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed text-foreground\">\n        {value}\n      </pre>\n    );\n  }\n\n  if (typeof value === \"number\" || typeof value === \"boolean\") {\n    return <span className=\"font-mono text-blue-700 dark:text-blue-400\">{String(value)}</span>;\n  }\n\n  return (\n    <pre className=\"max-h-48 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed text-foreground\">\n      {stablePrettyString(value)}\n    </pre>\n  );\n}\n\nfunction getValueEntries(value: unknown): Array<[string | number, unknown]> {\n  if (Array.isArray(value)) {\n    return value.map((entry, index) => [index, entry]);\n  }\n  return Object.entries(asRecord(value) ?? {});\n}\n\nfunction isExpandableValue(value: unknown) {\n  return getValueEntries(value).length > 0;\n}\n\nfunction stablePrettyString(value: unknown): string {\n  if (typeof value === \"string\") return value;\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction copyLogDetailsValue(value: unknown) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard?.writeText) {\n    Promise.resolve(navigator.clipboard.writeText(stablePrettyString(value))).catch(\n      () => undefined,\n    );\n  }\n}\n\nfunction buildProcessedLogDetails(row: LogsTableRow): Record<string, unknown> {\n  const attributes = buildProcessedLogAttributes(row);\n  return stripEmptyProperties({\n    timestamp: row.timestamp,\n    level: row.level,\n    pod: row.pod,\n    logger: row.logger,\n    thread: row.thread,\n    message: row.message,\n    tags: row.tags,\n    ...(Object.keys(attributes).length > 0 ? { attributes } : {}),\n  });\n}\n\nfunction buildProcessedLogAttributes(row: LogsTableRow): Record<string, unknown> {\n  const attributes = {\n    ...asRecord(row.raw),\n    ...asRecord(row.parsedLine),\n  };\n  const hiddenKeys = new Set([\n    \"@timestamp\",\n    \"container\",\n    \"event.dataset\",\n    \"labels\",\n    \"level\",\n    \"line\",\n    \"log.level\",\n    \"log.logger\",\n    \"logger\",\n    \"message\",\n    \"msg\",\n    \"pod\",\n    \"process.thread.name\",\n    \"service\",\n    \"service.name\",\n    \"severity\",\n    \"thread\",\n    \"time\",\n    \"timestamp\",\n  ]);\n\n  return stripEmptyProperties(\n    Object.fromEntries(Object.entries(attributes).filter(([key]) => !hiddenKeys.has(key))),\n  );\n}\n\nfunction stripEmptyProperties(record: Record<string, unknown>): Record<string, unknown> {\n  return Object.fromEntries(\n    Object.entries(record).filter(([, value]) => {\n      if (value == null) return false;\n      if (typeof value === \"string\") return value.trim().length > 0;\n      if (Array.isArray(value)) return value.length > 0;\n      return true;\n    }),\n  );\n}\n"],"names":["jsx","useState","useMemo","formatPropertyLabel","getFilterTokens","UiChevronRight","UiChevronDown","UiZoomIn","UiZoomOut","UiCopy","jsxs","TagPropertiesList","normalizeTags","Properties","TagActionsProvider","asRecord"],"mappings":"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"}

package/dist/data/LogDetails.js

@@ -6,6 +6,8 @@ import { TagActionsProvider, TagPropertiesList, normalizeTags } from "./cells/Ta
 import { formatPropertyLabel } from "./properties-utils.js";
 import { asRecord } from "./log-utils.js";
 import { UiCopy } from "../icons/components/UiCopy.js";
+import { UiChevronRight } from "../icons/components/UiChevronRight.js";
+import { UiChevronDown } from "../icons/components/UiChevronDown.js";
 import { UiZoomIn } from "../icons/components/UiZoomIn.js";
 import { UiZoomOut } from "../icons/components/UiZoomOut.js";
 const TAGS_PATH = "details.tags";
@@ -52,7 +54,7 @@ function LogDetails({
   const prefixActions = [
     {
       id: "expand",
-      icon: UiZoomIn,
+      icon: UiChevronRight,
       label: (key) => `Expand ${labelForPath(key)}`,
       visible: (_k, _v, item) => !!item.expandable,
       disabled: (_k, _v, item) => !!item.expanded,
@@ -63,7 +65,7 @@ function LogDetails({
     },
     {
       id: "collapse",
-      icon: UiZoomOut,
+      icon: UiChevronDown,
       label: (key) => `Collapse ${labelForPath(key)}`,
       visible: (_k, _v, item) => !!item.expandable,
       disabled: (_k, _v, item) => !item.expanded,

package/dist/data/LogDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogDetails.js","sources":["../../src/data/LogDetails.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport {\n  getFilterTokens,\n  type DataTableColumn,\n  type DataTableRowDetailContext,\n} from \"./DataTable\";\nimport { Properties, type PropertiesAction, type PropertiesItem } from \"./Properties\";\nimport {\n  TagActionsProvider,\n  TagPropertiesList,\n  type TagActionsContextValue,\n  normalizeTags,\n} from \"./cells/TagList\";\nimport { formatPropertyLabel } from \"./properties-utils\";\nimport type { LogsTableRow } from \"./LogsTable\";\nimport { asRecord } from \"./log-utils\";\nimport { UiCopy, UiZoomIn, UiZoomOut } from \"../icons\";\n\nconst TAGS_PATH = \"details.tags\";\n\n// Key column shrinks to its content (no min/fixed width), never wider than 30ch.\nconst DETAIL_ROW_CLASS = \"grid-cols-[fit-content(30ch)_minmax(0,1fr)]\";\n\nexport function renderLogDetails(\n  row: LogsTableRow,\n  context: DataTableRowDetailContext<LogsTableRow>,\n): ReactNode {\n  return (\n    <LogDetails\n      row={row}\n      filterActions={context.filterActionsByColumn}\n      columns={context.columns}\n    />\n  );\n}\n\n/**\n * Maps a top-level detail field path (`details.<columnKey>`) to its column key.\n * Returns undefined for nested paths and the tags array, which have their own\n * filter affordances.\n */\nfunction fieldColumnKey(path: string): string | undefined {\n  if (!path.startsWith(\"details.\") || path === TAGS_PATH) return undefined;\n  const rest = path.slice(\"details.\".length);\n  return rest && !rest.includes(\".\") ? rest : undefined;\n}\n\nfunction LogDetails({\n  row,\n  filterActions,\n  columns,\n}: {\n  row: LogsTableRow;\n  filterActions: Record<string, TagActionsContextValue>;\n  columns: DataTableColumn<LogsTableRow>[];\n}) {\n  const [openPaths, setOpenPaths] = useState<Record<string, boolean>>({});\n  const setPathOpen = (path: string, open: boolean) => {\n    setOpenPaths((current) => ({ ...current, [path]: open }));\n  };\n  const details = useMemo(() => buildProcessedLogDetails(row), [row]);\n\n  const labelForPath = (path: string) => formatPropertyLabel(path.split(\".\").pop() ?? path);\n\n  const columnByKey = useMemo(\n    () => new Map(columns.map((column) => [column.key, column])),\n    [columns],\n  );\n\n  // Include/exclude is wired only for fields whose column is a multi/nested-multi\n  // (tristate) filter; other columns (high-cardinality text, number, timestamp)\n  // don't honor multiFilters, so they get no filter actions. The toggle token\n  // must match the column's filter token (e.g. a status column maps \"INFO\" to a\n  // normalized status), so it is derived via getFilterTokens rather than the\n  // displayed value.\n  const fieldFilter = (\n    path: string,\n  ): { actions: TagActionsContextValue; token: string } | undefined => {\n    const key = fieldColumnKey(path);\n    if (!key) return undefined;\n    const actions = filterActions[key];\n    const column = columnByKey.get(key);\n    if (!actions || !column) return undefined;\n    const token = getFilterTokens(row, column)[0];\n    return token ? { actions, token } : undefined;\n  };\n\n  const prefixActions: PropertiesAction<unknown>[] = [\n    {\n      id: \"expand\",\n      icon: UiZoomIn,\n      label: (key) => `Expand ${labelForPath(key)}`,\n      visible: (_k, _v, item) => !!item.expandable,\n      disabled: (_k, _v, item) => !!item.expanded,\n      onClick: (_k, _v, item) => item.onToggle?.(true),\n    },\n    {\n      id: \"collapse\",\n      icon: UiZoomOut,\n      label: (key) => `Collapse ${labelForPath(key)}`,\n      visible: (_k, _v, item) => !!item.expandable,\n      disabled: (_k, _v, item) => !item.expanded,\n      onClick: (_k, _v, item) => item.onToggle?.(false),\n    },\n    {\n      id: \"include\",\n      icon: UiZoomIn,\n      label: (key) => `Include ${labelForPath(key)}`,\n      visible: (key) => !!fieldFilter(key),\n      onClick: (key) => {\n        const filter = fieldFilter(key);\n        filter?.actions.toggleInclude(filter.token);\n      },\n    },\n    {\n      id: \"exclude\",\n      icon: UiZoomOut,\n      label: (key) => `Exclude ${labelForPath(key)}`,\n      visible: (key) => !!fieldFilter(key),\n      onClick: (key) => {\n        const filter = fieldFilter(key);\n        filter?.actions.toggleExclude(filter.token);\n      },\n    },\n  ];\n\n  // Copy sits immediately after the value (suffix), separate from the leading\n  // expand/collapse/include/exclude controls.\n  const suffixActions: PropertiesAction<unknown>[] = [\n    {\n      id: \"copy\",\n      icon: UiCopy,\n      label: (key) => `Copy ${labelForPath(key)}`,\n      visible: (key) => key !== TAGS_PATH,\n      onClick: (_k, value) => copyLogDetailsValue(value),\n    },\n  ];\n\n  const renderLabel = (key: string) => labelForPath(key);\n  const renderValue = (key: string, value: unknown, item: PropertiesItem<unknown>) => {\n    if (key === TAGS_PATH) {\n      const count = Array.isArray(value) ? value.length : 0;\n      return <span className=\"font-mono text-muted-foreground\">[{count} tags]</span>;\n    }\n    return item.expandable ? <LogValueSummary value={value} /> : <LogScalarValue value={value} />;\n  };\n\n  const toItems = (value: unknown, path: string, depth: number): PropertiesItem<unknown>[] =>\n    getValueEntries(value).map(([key, entryValue]) => {\n      const entryPath = `${path}.${String(key)}`;\n      const isTags = entryPath === TAGS_PATH;\n      const expandable = isTags || isExpandableValue(entryValue);\n      const open = openPaths[entryPath] ?? depth < 1;\n      return {\n        key: entryPath,\n        value: entryValue,\n        expandable,\n        expanded: open,\n        onToggle: (next) => setPathOpen(entryPath, next),\n        renderChildren: () =>\n          isTags ? (\n            <TagPropertiesList\n              tags={normalizeTags(entryValue as string[])}\n              rowClassName={DETAIL_ROW_CLASS}\n            />\n          ) : (\n            <Properties\n              density=\"compact\"\n              items={toItems(entryValue, entryPath, depth + 1)}\n              renderLabel={renderLabel}\n              renderValue={renderValue}\n              prefixActions={prefixActions}\n              suffixActions={suffixActions}\n              rowClassName={DETAIL_ROW_CLASS}\n              className=\"mt-density-1\"\n            />\n          ),\n      };\n    });\n\n  const properties = (\n    <Properties\n      density=\"compact\"\n      items={toItems(details, \"details\", 0)}\n      renderLabel={renderLabel}\n      renderValue={renderValue}\n      prefixActions={prefixActions}\n      suffixActions={suffixActions}\n      rowClassName={DETAIL_ROW_CLASS}\n    />\n  );\n\n  const tagActions = filterActions[\"tags\"];\n  return (\n    <div className=\"space-y-density-3 text-xs\">\n      {tagActions ? (\n        <TagActionsProvider value={tagActions}>{properties}</TagActionsProvider>\n      ) : (\n        properties\n      )}\n    </div>\n  );\n}\n\nfunction LogValueSummary({ value }: { value: unknown }) {\n  if (Array.isArray(value)) {\n    return <span className=\"font-mono text-muted-foreground\">[{value.length} items]</span>;\n  }\n  const record = asRecord(value);\n  if (record) {\n    const count = Object.keys(record).length;\n    return (\n      <span className=\"font-mono text-muted-foreground\">\n        {\"{ \"}\n        {count} properties{\" }\"}\n      </span>\n    );\n  }\n  return <LogScalarValue value={value} />;\n}\n\nfunction LogScalarValue({ value }: { value: unknown }) {\n  if (value === null || value === undefined) {\n    return <span className=\"font-mono italic text-muted-foreground\">null</span>;\n  }\n\n  if (typeof value === \"string\") {\n    return (\n      <pre className=\"max-h-48 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed text-foreground\">\n        {value}\n      </pre>\n    );\n  }\n\n  if (typeof value === \"number\" || typeof value === \"boolean\") {\n    return <span className=\"font-mono text-blue-700 dark:text-blue-400\">{String(value)}</span>;\n  }\n\n  return (\n    <pre className=\"max-h-48 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed text-foreground\">\n      {stablePrettyString(value)}\n    </pre>\n  );\n}\n\nfunction getValueEntries(value: unknown): Array<[string | number, unknown]> {\n  if (Array.isArray(value)) {\n    return value.map((entry, index) => [index, entry]);\n  }\n  return Object.entries(asRecord(value) ?? {});\n}\n\nfunction isExpandableValue(value: unknown) {\n  return getValueEntries(value).length > 0;\n}\n\nfunction stablePrettyString(value: unknown): string {\n  if (typeof value === \"string\") return value;\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction copyLogDetailsValue(value: unknown) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard?.writeText) {\n    Promise.resolve(navigator.clipboard.writeText(stablePrettyString(value))).catch(\n      () => undefined,\n    );\n  }\n}\n\nfunction buildProcessedLogDetails(row: LogsTableRow): Record<string, unknown> {\n  const attributes = buildProcessedLogAttributes(row);\n  return stripEmptyProperties({\n    timestamp: row.timestamp,\n    level: row.level,\n    pod: row.pod,\n    logger: row.logger,\n    thread: row.thread,\n    message: row.message,\n    tags: row.tags,\n    ...(Object.keys(attributes).length > 0 ? { attributes } : {}),\n  });\n}\n\nfunction buildProcessedLogAttributes(row: LogsTableRow): Record<string, unknown> {\n  const attributes = {\n    ...asRecord(row.raw),\n    ...asRecord(row.parsedLine),\n  };\n  const hiddenKeys = new Set([\n    \"@timestamp\",\n    \"container\",\n    \"event.dataset\",\n    \"labels\",\n    \"level\",\n    \"line\",\n    \"log.level\",\n    \"log.logger\",\n    \"logger\",\n    \"message\",\n    \"msg\",\n    \"pod\",\n    \"process.thread.name\",\n    \"service\",\n    \"service.name\",\n    \"severity\",\n    \"thread\",\n    \"time\",\n    \"timestamp\",\n  ]);\n\n  return stripEmptyProperties(\n    Object.fromEntries(Object.entries(attributes).filter(([key]) => !hiddenKeys.has(key))),\n  );\n}\n\nfunction stripEmptyProperties(record: Record<string, unknown>): Record<string, unknown> {\n  return Object.fromEntries(\n    Object.entries(record).filter(([, value]) => {\n      if (value == null) return false;\n      if (typeof value === \"string\") return value.trim().length > 0;\n      if (Array.isArray(value)) return value.length > 0;\n      return true;\n    }),\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LogDetails.js","sources":["../../src/data/LogDetails.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport {\n  getFilterTokens,\n  type DataTableColumn,\n  type DataTableRowDetailContext,\n} from \"./DataTable\";\nimport { Properties, type PropertiesAction, type PropertiesItem } from \"./Properties\";\nimport {\n  TagActionsProvider,\n  TagPropertiesList,\n  type TagActionsContextValue,\n  normalizeTags,\n} from \"./cells/TagList\";\nimport { formatPropertyLabel } from \"./properties-utils\";\nimport type { LogsTableRow } from \"./LogsTable\";\nimport { asRecord } from \"./log-utils\";\nimport { UiChevronDown, UiChevronRight, UiCopy, UiZoomIn, UiZoomOut } from \"../icons\";\n\nconst TAGS_PATH = \"details.tags\";\n\n// Key column shrinks to its content (no min/fixed width), never wider than 30ch.\nconst DETAIL_ROW_CLASS = \"grid-cols-[fit-content(30ch)_minmax(0,1fr)]\";\n\nexport function renderLogDetails(\n  row: LogsTableRow,\n  context: DataTableRowDetailContext<LogsTableRow>,\n): ReactNode {\n  return (\n    <LogDetails\n      row={row}\n      filterActions={context.filterActionsByColumn}\n      columns={context.columns}\n    />\n  );\n}\n\n/**\n * Maps a top-level detail field path (`details.<columnKey>`) to its column key.\n * Returns undefined for nested paths and the tags array, which have their own\n * filter affordances.\n */\nfunction fieldColumnKey(path: string): string | undefined {\n  if (!path.startsWith(\"details.\") || path === TAGS_PATH) return undefined;\n  const rest = path.slice(\"details.\".length);\n  return rest && !rest.includes(\".\") ? rest : undefined;\n}\n\nfunction LogDetails({\n  row,\n  filterActions,\n  columns,\n}: {\n  row: LogsTableRow;\n  filterActions: Record<string, TagActionsContextValue>;\n  columns: DataTableColumn<LogsTableRow>[];\n}) {\n  const [openPaths, setOpenPaths] = useState<Record<string, boolean>>({});\n  const setPathOpen = (path: string, open: boolean) => {\n    setOpenPaths((current) => ({ ...current, [path]: open }));\n  };\n  const details = useMemo(() => buildProcessedLogDetails(row), [row]);\n\n  const labelForPath = (path: string) => formatPropertyLabel(path.split(\".\").pop() ?? path);\n\n  const columnByKey = useMemo(\n    () => new Map(columns.map((column) => [column.key, column])),\n    [columns],\n  );\n\n  // Include/exclude is wired only for fields whose column is a multi/nested-multi\n  // (tristate) filter; other columns (high-cardinality text, number, timestamp)\n  // don't honor multiFilters, so they get no filter actions. The toggle token\n  // must match the column's filter token (e.g. a status column maps \"INFO\" to a\n  // normalized status), so it is derived via getFilterTokens rather than the\n  // displayed value.\n  const fieldFilter = (\n    path: string,\n  ): { actions: TagActionsContextValue; token: string } | undefined => {\n    const key = fieldColumnKey(path);\n    if (!key) return undefined;\n    const actions = filterActions[key];\n    const column = columnByKey.get(key);\n    if (!actions || !column) return undefined;\n    const token = getFilterTokens(row, column)[0];\n    return token ? { actions, token } : undefined;\n  };\n\n  const prefixActions: PropertiesAction<unknown>[] = [\n    {\n      id: \"expand\",\n      icon: UiChevronRight,\n      label: (key) => `Expand ${labelForPath(key)}`,\n      visible: (_k, _v, item) => !!item.expandable,\n      disabled: (_k, _v, item) => !!item.expanded,\n      onClick: (_k, _v, item) => item.onToggle?.(true),\n    },\n    {\n      id: \"collapse\",\n      icon: UiChevronDown,\n      label: (key) => `Collapse ${labelForPath(key)}`,\n      visible: (_k, _v, item) => !!item.expandable,\n      disabled: (_k, _v, item) => !item.expanded,\n      onClick: (_k, _v, item) => item.onToggle?.(false),\n    },\n    {\n      id: \"include\",\n      icon: UiZoomIn,\n      label: (key) => `Include ${labelForPath(key)}`,\n      visible: (key) => !!fieldFilter(key),\n      onClick: (key) => {\n        const filter = fieldFilter(key);\n        filter?.actions.toggleInclude(filter.token);\n      },\n    },\n    {\n      id: \"exclude\",\n      icon: UiZoomOut,\n      label: (key) => `Exclude ${labelForPath(key)}`,\n      visible: (key) => !!fieldFilter(key),\n      onClick: (key) => {\n        const filter = fieldFilter(key);\n        filter?.actions.toggleExclude(filter.token);\n      },\n    },\n  ];\n\n  // Copy sits immediately after the value (suffix), separate from the leading\n  // expand/collapse/include/exclude controls.\n  const suffixActions: PropertiesAction<unknown>[] = [\n    {\n      id: \"copy\",\n      icon: UiCopy,\n      label: (key) => `Copy ${labelForPath(key)}`,\n      visible: (key) => key !== TAGS_PATH,\n      onClick: (_k, value) => copyLogDetailsValue(value),\n    },\n  ];\n\n  const renderLabel = (key: string) => labelForPath(key);\n  const renderValue = (key: string, value: unknown, item: PropertiesItem<unknown>) => {\n    if (key === TAGS_PATH) {\n      const count = Array.isArray(value) ? value.length : 0;\n      return <span className=\"font-mono text-muted-foreground\">[{count} tags]</span>;\n    }\n    return item.expandable ? <LogValueSummary value={value} /> : <LogScalarValue value={value} />;\n  };\n\n  const toItems = (value: unknown, path: string, depth: number): PropertiesItem<unknown>[] =>\n    getValueEntries(value).map(([key, entryValue]) => {\n      const entryPath = `${path}.${String(key)}`;\n      const isTags = entryPath === TAGS_PATH;\n      const expandable = isTags || isExpandableValue(entryValue);\n      const open = openPaths[entryPath] ?? depth < 1;\n      return {\n        key: entryPath,\n        value: entryValue,\n        expandable,\n        expanded: open,\n        onToggle: (next) => setPathOpen(entryPath, next),\n        renderChildren: () =>\n          isTags ? (\n            <TagPropertiesList\n              tags={normalizeTags(entryValue as string[])}\n              rowClassName={DETAIL_ROW_CLASS}\n            />\n          ) : (\n            <Properties\n              density=\"compact\"\n              items={toItems(entryValue, entryPath, depth + 1)}\n              renderLabel={renderLabel}\n              renderValue={renderValue}\n              prefixActions={prefixActions}\n              suffixActions={suffixActions}\n              rowClassName={DETAIL_ROW_CLASS}\n              className=\"mt-density-1\"\n            />\n          ),\n      };\n    });\n\n  const properties = (\n    <Properties\n      density=\"compact\"\n      items={toItems(details, \"details\", 0)}\n      renderLabel={renderLabel}\n      renderValue={renderValue}\n      prefixActions={prefixActions}\n      suffixActions={suffixActions}\n      rowClassName={DETAIL_ROW_CLASS}\n    />\n  );\n\n  const tagActions = filterActions[\"tags\"];\n  return (\n    <div className=\"space-y-density-3 text-xs\">\n      {tagActions ? (\n        <TagActionsProvider value={tagActions}>{properties}</TagActionsProvider>\n      ) : (\n        properties\n      )}\n    </div>\n  );\n}\n\nfunction LogValueSummary({ value }: { value: unknown }) {\n  if (Array.isArray(value)) {\n    return <span className=\"font-mono text-muted-foreground\">[{value.length} items]</span>;\n  }\n  const record = asRecord(value);\n  if (record) {\n    const count = Object.keys(record).length;\n    return (\n      <span className=\"font-mono text-muted-foreground\">\n        {\"{ \"}\n        {count} properties{\" }\"}\n      </span>\n    );\n  }\n  return <LogScalarValue value={value} />;\n}\n\nfunction LogScalarValue({ value }: { value: unknown }) {\n  if (value === null || value === undefined) {\n    return <span className=\"font-mono italic text-muted-foreground\">null</span>;\n  }\n\n  if (typeof value === \"string\") {\n    return (\n      <pre className=\"max-h-48 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed text-foreground\">\n        {value}\n      </pre>\n    );\n  }\n\n  if (typeof value === \"number\" || typeof value === \"boolean\") {\n    return <span className=\"font-mono text-blue-700 dark:text-blue-400\">{String(value)}</span>;\n  }\n\n  return (\n    <pre className=\"max-h-48 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed text-foreground\">\n      {stablePrettyString(value)}\n    </pre>\n  );\n}\n\nfunction getValueEntries(value: unknown): Array<[string | number, unknown]> {\n  if (Array.isArray(value)) {\n    return value.map((entry, index) => [index, entry]);\n  }\n  return Object.entries(asRecord(value) ?? {});\n}\n\nfunction isExpandableValue(value: unknown) {\n  return getValueEntries(value).length > 0;\n}\n\nfunction stablePrettyString(value: unknown): string {\n  if (typeof value === \"string\") return value;\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction copyLogDetailsValue(value: unknown) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard?.writeText) {\n    Promise.resolve(navigator.clipboard.writeText(stablePrettyString(value))).catch(\n      () => undefined,\n    );\n  }\n}\n\nfunction buildProcessedLogDetails(row: LogsTableRow): Record<string, unknown> {\n  const attributes = buildProcessedLogAttributes(row);\n  return stripEmptyProperties({\n    timestamp: row.timestamp,\n    level: row.level,\n    pod: row.pod,\n    logger: row.logger,\n    thread: row.thread,\n    message: row.message,\n    tags: row.tags,\n    ...(Object.keys(attributes).length > 0 ? { attributes } : {}),\n  });\n}\n\nfunction buildProcessedLogAttributes(row: LogsTableRow): Record<string, unknown> {\n  const attributes = {\n    ...asRecord(row.raw),\n    ...asRecord(row.parsedLine),\n  };\n  const hiddenKeys = new Set([\n    \"@timestamp\",\n    \"container\",\n    \"event.dataset\",\n    \"labels\",\n    \"level\",\n    \"line\",\n    \"log.level\",\n    \"log.logger\",\n    \"logger\",\n    \"message\",\n    \"msg\",\n    \"pod\",\n    \"process.thread.name\",\n    \"service\",\n    \"service.name\",\n    \"severity\",\n    \"thread\",\n    \"time\",\n    \"timestamp\",\n  ]);\n\n  return stripEmptyProperties(\n    Object.fromEntries(Object.entries(attributes).filter(([key]) => !hiddenKeys.has(key))),\n  );\n}\n\nfunction stripEmptyProperties(record: Record<string, unknown>): Record<string, unknown> {\n  return Object.fromEntries(\n    Object.entries(record).filter(([, value]) => {\n      if (value == null) return false;\n      if (typeof value === \"string\") return value.trim().length > 0;\n      if (Array.isArray(value)) return value.length > 0;\n      return true;\n    }),\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAkBA,MAAM,YAAY;AAGlB,MAAM,mBAAmB;AAElB,SAAS,iBACd,KACA,SACW;AACX,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAe,QAAQ;AAAA,MACvB,SAAS,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGvB;AAOA,SAAS,eAAe,MAAkC;AACxD,MAAI,CAAC,KAAK,WAAW,UAAU,KAAK,SAAS,UAAW,QAAO;AAC/D,QAAM,OAAO,KAAK,MAAM,WAAW,MAAM;AACzC,SAAO,QAAQ,CAAC,KAAK,SAAS,GAAG,IAAI,OAAO;AAC9C;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAkC,CAAA,CAAE;AACtE,QAAM,cAAc,CAAC,MAAc,SAAkB;AACnD,iBAAa,CAAC,aAAa,EAAE,GAAG,SAAS,CAAC,IAAI,GAAG,KAAA,EAAO;AAAA,EAC1D;AACA,QAAM,UAAU,QAAQ,MAAM,yBAAyB,GAAG,GAAG,CAAC,GAAG,CAAC;AAElE,QAAM,eAAe,CAAC,SAAiB,oBAAoB,KAAK,MAAM,GAAG,EAAE,IAAA,KAAS,IAAI;AAExF,QAAM,cAAc;AAAA,IAClB,MAAM,IAAI,IAAI,QAAQ,IAAI,CAAC,WAAW,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC;AAAA,IAC3D,CAAC,OAAO;AAAA,EAAA;AASV,QAAM,cAAc,CAClB,SACmE;AACnE,UAAM,MAAM,eAAe,IAAI;AAC/B,QAAI,CAAC,IAAK,QAAO;AACjB,UAAM,UAAU,cAAc,GAAG;AACjC,UAAM,SAAS,YAAY,IAAI,GAAG;AAClC,QAAI,CAAC,WAAW,CAAC,OAAQ,QAAO;AAChC,UAAM,QAAQ,gBAAgB,KAAK,MAAM,EAAE,CAAC;AAC5C,WAAO,QAAQ,EAAE,SAAS,MAAA,IAAU;AAAA,EACtC;AAEA,QAAM,gBAA6C;AAAA,IACjD;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,CAAC,QAAQ,UAAU,aAAa,GAAG,CAAC;AAAA,MAC3C,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,KAAK;AAAA,MAClC,UAAU,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,KAAK;AAAA,MACnC,SAAS,CAAC,IAAI,IAAI,SAAA;;AAAS,0BAAK,aAAL,8BAAgB;AAAA;AAAA,IAAI;AAAA,IAEjD;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,CAAC,QAAQ,YAAY,aAAa,GAAG,CAAC;AAAA,MAC7C,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,KAAK;AAAA,MAClC,UAAU,CAAC,IAAI,IAAI,SAAS,CAAC,KAAK;AAAA,MAClC,SAAS,CAAC,IAAI,IAAI,SAAA;;AAAS,0BAAK,aAAL,8BAAgB;AAAA;AAAA,IAAK;AAAA,IAElD;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,CAAC,QAAQ,WAAW,aAAa,GAAG,CAAC;AAAA,MAC5C,SAAS,CAAC,QAAQ,CAAC,CAAC,YAAY,GAAG;AAAA,MACnC,SAAS,CAAC,QAAQ;AAChB,cAAM,SAAS,YAAY,GAAG;AAC9B,yCAAQ,QAAQ,cAAc,OAAO;AAAA,MACvC;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,CAAC,QAAQ,WAAW,aAAa,GAAG,CAAC;AAAA,MAC5C,SAAS,CAAC,QAAQ,CAAC,CAAC,YAAY,GAAG;AAAA,MACnC,SAAS,CAAC,QAAQ;AAChB,cAAM,SAAS,YAAY,GAAG;AAC9B,yCAAQ,QAAQ,cAAc,OAAO;AAAA,MACvC;AAAA,IAAA;AAAA,EACF;AAKF,QAAM,gBAA6C;AAAA,IACjD;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,CAAC,QAAQ,QAAQ,aAAa,GAAG,CAAC;AAAA,MACzC,SAAS,CAAC,QAAQ,QAAQ;AAAA,MAC1B,SAAS,CAAC,IAAI,UAAU,oBAAoB,KAAK;AAAA,IAAA;AAAA,EACnD;AAGF,QAAM,cAAc,CAAC,QAAgB,aAAa,GAAG;AACrD,QAAM,cAAc,CAAC,KAAa,OAAgB,SAAkC;AAClF,QAAI,QAAQ,WAAW;AACrB,YAAM,QAAQ,MAAM,QAAQ,KAAK,IAAI,MAAM,SAAS;AACpD,aAAO,qBAAC,QAAA,EAAK,WAAU,mCAAkC,UAAA;AAAA,QAAA;AAAA,QAAE;AAAA,QAAM;AAAA,MAAA,GAAM;AAAA,IACzE;AACA,WAAO,KAAK,aAAa,oBAAC,iBAAA,EAAgB,OAAc,IAAK,oBAAC,kBAAe,MAAA,CAAc;AAAA,EAC7F;AAEA,QAAM,UAAU,CAAC,OAAgB,MAAc,UAC7C,gBAAgB,KAAK,EAAE,IAAI,CAAC,CAAC,KAAK,UAAU,MAAM;AAChD,UAAM,YAAY,GAAG,IAAI,IAAI,OAAO,GAAG,CAAC;AACxC,UAAM,SAAS,cAAc;AAC7B,UAAM,aAAa,UAAU,kBAAkB,UAAU;AACzD,UAAM,OAAO,UAAU,SAAS,KAAK,QAAQ;AAC7C,WAAO;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA,UAAU;AAAA,MACV,UAAU,CAAC,SAAS,YAAY,WAAW,IAAI;AAAA,MAC/C,gBAAgB,MACd,SACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM,cAAc,UAAsB;AAAA,UAC1C,cAAc;AAAA,QAAA;AAAA,MAAA,IAGhB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,OAAO,QAAQ,YAAY,WAAW,QAAQ,CAAC;AAAA,UAC/C;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAGR,CAAC;AAEH,QAAM,aACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,OAAO,QAAQ,SAAS,WAAW,CAAC;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAAA;AAAA,EAAA;AAIlB,QAAM,aAAa,cAAc,MAAM;AACvC,SACE,oBAAC,OAAA,EAAI,WAAU,6BACZ,UAAA,aACC,oBAAC,oBAAA,EAAmB,OAAO,YAAa,UAAA,WAAA,CAAW,IAEnD,YAEJ;AAEJ;AAEA,SAAS,gBAAgB,EAAE,SAA6B;AACtD,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,qBAAC,QAAA,EAAK,WAAU,mCAAkC,UAAA;AAAA,MAAA;AAAA,MAAE,MAAM;AAAA,MAAO;AAAA,IAAA,GAAO;AAAA,EACjF;AACA,QAAM,SAAS,SAAS,KAAK;AAC7B,MAAI,QAAQ;AACV,UAAM,QAAQ,OAAO,KAAK,MAAM,EAAE;AAClC,WACE,qBAAC,QAAA,EAAK,WAAU,mCACb,UAAA;AAAA,MAAA;AAAA,MACA;AAAA,MAAM;AAAA,MAAY;AAAA,IAAA,GACrB;AAAA,EAEJ;AACA,SAAO,oBAAC,kBAAe,OAAc;AACvC;AAEA,SAAS,eAAe,EAAE,SAA6B;AACrD,MAAI,UAAU,QAAQ,UAAU,QAAW;AACzC,WAAO,oBAAC,QAAA,EAAK,WAAU,0CAAyC,UAAA,QAAI;AAAA,EACtE;AAEA,MAAI,OAAO,UAAU,UAAU;AAC7B,WACE,oBAAC,OAAA,EAAI,WAAU,gHACZ,UAAA,OACH;AAAA,EAEJ;AAEA,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,WAAW;AAC3D,+BAAQ,QAAA,EAAK,WAAU,8CAA8C,UAAA,OAAO,KAAK,GAAE;AAAA,EACrF;AAEA,6BACG,OAAA,EAAI,WAAU,gHACZ,UAAA,mBAAmB,KAAK,GAC3B;AAEJ;AAEA,SAAS,gBAAgB,OAAmD;AAC1E,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,MAAM,IAAI,CAAC,OAAO,UAAU,CAAC,OAAO,KAAK,CAAC;AAAA,EACnD;AACA,SAAO,OAAO,QAAQ,SAAS,KAAK,KAAK,CAAA,CAAE;AAC7C;AAEA,SAAS,kBAAkB,OAAgB;AACzC,SAAO,gBAAgB,KAAK,EAAE,SAAS;AACzC;AAEA,SAAS,mBAAmB,OAAwB;AAClD,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI;AACF,WAAO,KAAK,UAAU,OAAO,MAAM,CAAC;AAAA,EACtC,QAAQ;AACN,WAAO,OAAO,KAAK;AAAA,EACrB;AACF;AAEA,SAAS,oBAAoB,OAAgB;;AAC3C,MAAI,OAAO,cAAc,iBAAe,eAAU,cAAV,mBAAqB,YAAW;AACtE,YAAQ,QAAQ,UAAU,UAAU,UAAU,mBAAmB,KAAK,CAAC,CAAC,EAAE;AAAA,MACxE,MAAM;AAAA,IAAA;AAAA,EAEV;AACF;AAEA,SAAS,yBAAyB,KAA4C;AAC5E,QAAM,aAAa,4BAA4B,GAAG;AAClD,SAAO,qBAAqB;AAAA,IAC1B,WAAW,IAAI;AAAA,IACf,OAAO,IAAI;AAAA,IACX,KAAK,IAAI;AAAA,IACT,QAAQ,IAAI;AAAA,IACZ,QAAQ,IAAI;AAAA,IACZ,SAAS,IAAI;AAAA,IACb,MAAM,IAAI;AAAA,IACV,GAAI,OAAO,KAAK,UAAU,EAAE,SAAS,IAAI,EAAE,eAAe,CAAA;AAAA,EAAC,CAC5D;AACH;AAEA,SAAS,4BAA4B,KAA4C;AAC/E,QAAM,aAAa;AAAA,IACjB,GAAG,SAAS,IAAI,GAAG;AAAA,IACnB,GAAG,SAAS,IAAI,UAAU;AAAA,EAAA;AAE5B,QAAM,iCAAiB,IAAI;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,OAAO,YAAY,OAAO,QAAQ,UAAU,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,WAAW,IAAI,GAAG,CAAC,CAAC;AAAA,EAAA;AAEzF;AAEA,SAAS,qBAAqB,QAA0D;AACtF,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,MAAM,EAAE,OAAO,CAAC,CAAA,EAAG,KAAK,MAAM;AAC3C,UAAI,SAAS,KAAM,QAAO;AAC1B,UAAI,OAAO,UAAU,iBAAiB,MAAM,KAAA,EAAO,SAAS;AAC5D,UAAI,MAAM,QAAQ,KAAK,EAAG,QAAO,MAAM,SAAS;AAChD,aAAO;AAAA,IACT,CAAC;AAAA,EAAA;AAEL;"}

package/dist/data/Version.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../lib/utils.cjs");
+const Badge = require("./Badge.cjs");
+const versionInfo = require("./version-info.cjs");
+const MODE_BADGE = {
+  dev: { label: "dev", tone: "info" },
+  storybook: { label: "storybook", tone: "neutral" }
+};
+function formatDate(iso) {
+  if (!iso) return "";
+  const parsed = new Date(iso);
+  return Number.isNaN(parsed.getTime()) ? iso : parsed.toISOString();
+}
+const Version = react.forwardRef(
+  ({ commit = true, tag = true, date = true, info, className, ...props }, ref) => {
+    const resolved = { ...versionInfo.getVersionInfo(), ...info };
+    const parts = [];
+    if (tag && resolved.tag) parts.push(resolved.tag);
+    if (commit && resolved.commit) parts.push(resolved.commit);
+    if (date && resolved.date) parts.push(formatDate(resolved.date));
+    const mode = resolved.mode !== "production" ? MODE_BADGE[resolved.mode] : null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        ref,
+        className: utils.cn("inline-flex items-center gap-1.5 font-mono text-xs text-muted-foreground", className),
+        ...props,
+        children: [
+          parts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { children: parts.join(" · ") }),
+          resolved.dirty && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: "warning", variant: "soft", size: "xs", children: "dirty" }),
+          mode && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: mode.tone, variant: "soft", size: "xs", children: mode.label })
+        ]
+      }
+    );
+  }
+);
+Version.displayName = "Version";
+exports.Version = Version;
+//# sourceMappingURL=Version.cjs.map

package/dist/data/Version.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Version.cjs","sources":["../../src/data/Version.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Badge, type BadgeTone } from \"./Badge\";\nimport { getVersionInfo, type RuntimeMode, type VersionInfo } from \"./version-info\";\n\nexport type VersionProps = HTMLAttributes<HTMLSpanElement> & {\n  /** Show the short git commit hash. */\n  commit?: boolean;\n  /** Show the git tag. */\n  tag?: boolean;\n  /** Show the build date. */\n  date?: boolean;\n  /**\n   * Override the resolved build/runtime info. Primarily for stories and tests;\n   * when omitted the values injected at build time are used.\n   */\n  info?: Partial<VersionInfo>;\n};\n\nconst MODE_BADGE: Record<Exclude<RuntimeMode, \"production\">, { label: string; tone: BadgeTone }> = {\n  dev: { label: \"dev\", tone: \"info\" },\n  storybook: { label: \"storybook\", tone: \"neutral\" },\n};\n\nfunction formatDate(iso: string): string {\n  if (!iso) return \"\";\n  const parsed = new Date(iso);\n  return Number.isNaN(parsed.getTime()) ? iso : parsed.toISOString();\n}\n\n/**\n * Renders clicky-ui build metadata: git commit, tag, and build date, plus a\n * status badge for a dirty working tree, Vite dev mode, or Storybook.\n *\n * Commit/tag/date/dirty are captured when the library is built (Vite `define`);\n * `dev` and `storybook` are detected at runtime.\n */\nexport const Version = forwardRef<HTMLSpanElement, VersionProps>(\n  ({ commit = true, tag = true, date = true, info, className, ...props }, ref) => {\n    const resolved = { ...getVersionInfo(), ...info };\n\n    const parts: string[] = [];\n    if (tag && resolved.tag) parts.push(resolved.tag);\n    if (commit && resolved.commit) parts.push(resolved.commit);\n    if (date && resolved.date) parts.push(formatDate(resolved.date));\n\n    const mode = resolved.mode !== \"production\" ? MODE_BADGE[resolved.mode] : null;\n\n    return (\n      <span\n        ref={ref}\n        className={cn(\"inline-flex items-center gap-1.5 font-mono text-xs text-muted-foreground\", className)}\n        {...props}\n      >\n        {parts.length > 0 && <span>{parts.join(\" · \")}</span>}\n        {resolved.dirty && (\n          <Badge tone=\"warning\" variant=\"soft\" size=\"xs\">\n            dirty\n          </Badge>\n        )}\n        {mode && (\n          <Badge tone={mode.tone} variant=\"soft\" size=\"xs\">\n            {mode.label}\n          </Badge>\n        )}\n      </span>\n    );\n  },\n);\n\nVersion.displayName = \"Version\";\n"],"names":["forwardRef","getVersionInfo","jsxs","cn","jsx","Badge"],"mappings":";;;;;;;AAmBA,MAAM,aAA6F;AAAA,EACjG,KAAK,EAAE,OAAO,OAAO,MAAM,OAAA;AAAA,EAC3B,WAAW,EAAE,OAAO,aAAa,MAAM,UAAA;AACzC;AAEA,SAAS,WAAW,KAAqB;AACvC,MAAI,CAAC,IAAK,QAAO;AACjB,QAAM,SAAS,IAAI,KAAK,GAAG;AAC3B,SAAO,OAAO,MAAM,OAAO,QAAA,CAAS,IAAI,MAAM,OAAO,YAAA;AACvD;AASO,MAAM,UAAUA,MAAAA;AAAAA,EACrB,CAAC,EAAE,SAAS,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,WAAW,GAAG,MAAA,GAAS,QAAQ;AAC9E,UAAM,WAAW,EAAE,GAAGC,2BAAA,GAAkB,GAAG,KAAA;AAE3C,UAAM,QAAkB,CAAA;AACxB,QAAI,OAAO,SAAS,IAAK,OAAM,KAAK,SAAS,GAAG;AAChD,QAAI,UAAU,SAAS,OAAQ,OAAM,KAAK,SAAS,MAAM;AACzD,QAAI,QAAQ,SAAS,KAAM,OAAM,KAAK,WAAW,SAAS,IAAI,CAAC;AAE/D,UAAM,OAAO,SAAS,SAAS,eAAe,WAAW,SAAS,IAAI,IAAI;AAE1E,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,MAAAA,GAAG,4EAA4E,SAAS;AAAA,QAClG,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,MAAM,SAAS,KAAKC,2BAAAA,IAAC,UAAM,UAAA,MAAM,KAAK,KAAK,GAAE;AAAA,UAC7C,SAAS,SACRA,2BAAAA,IAACC,MAAAA,OAAA,EAAM,MAAK,WAAU,SAAQ,QAAO,MAAK,MAAK,UAAA,QAAA,CAE/C;AAAA,UAED,QACCD,2BAAAA,IAACC,MAAAA,OAAA,EAAM,MAAM,KAAK,MAAM,SAAQ,QAAO,MAAK,MACzC,UAAA,KAAK,MAAA,CACR;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEA,QAAQ,cAAc;;"}

package/dist/data/Version.d.ts

@@ -0,0 +1,36 @@
+import { HTMLAttributes } from 'react';
+import { VersionInfo } from './version-info';
+export type VersionProps = HTMLAttributes<HTMLSpanElement> & {
+    /** Show the short git commit hash. */
+    commit?: boolean;
+    /** Show the git tag. */
+    tag?: boolean;
+    /** Show the build date. */
+    date?: boolean;
+    /**
+     * Override the resolved build/runtime info. Primarily for stories and tests;
+     * when omitted the values injected at build time are used.
+     */
+    info?: Partial<VersionInfo>;
+};
+/**
+ * Renders clicky-ui build metadata: git commit, tag, and build date, plus a
+ * status badge for a dirty working tree, Vite dev mode, or Storybook.
+ *
+ * Commit/tag/date/dirty are captured when the library is built (Vite `define`);
+ * `dev` and `storybook` are detected at runtime.
+ */
+export declare const Version: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
+    /** Show the short git commit hash. */
+    commit?: boolean;
+    /** Show the git tag. */
+    tag?: boolean;
+    /** Show the build date. */
+    date?: boolean;
+    /**
+     * Override the resolved build/runtime info. Primarily for stories and tests;
+     * when omitted the values injected at build time are used.
+     */
+    info?: Partial<VersionInfo>;
+} & import('react').RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Version.d.ts.map

package/dist/data/Version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Version.d.ts","sourceRoot":"","sources":["../../src/data/Version.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAoC,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEpF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IAC3D,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wBAAwB;IACxB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,2BAA2B;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC7B,CAAC;AAaF;;;;;;GAMG;AACH,eAAO,MAAM,OAAO;IA/BlB,sCAAsC;aAC7B,OAAO;IAChB,wBAAwB;UAClB,OAAO;IACb,2BAA2B;WACpB,OAAO;IACd;;;OAGG;WACI,OAAO,CAAC,WAAW,CAAC;mDAoD5B,CAAC"}

package/dist/data/Version.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../lib/utils.js";
+import { Badge } from "./Badge.js";
+import { getVersionInfo } from "./version-info.js";
+const MODE_BADGE = {
+  dev: { label: "dev", tone: "info" },
+  storybook: { label: "storybook", tone: "neutral" }
+};
+function formatDate(iso) {
+  if (!iso) return "";
+  const parsed = new Date(iso);
+  return Number.isNaN(parsed.getTime()) ? iso : parsed.toISOString();
+}
+const Version = forwardRef(
+  ({ commit = true, tag = true, date = true, info, className, ...props }, ref) => {
+    const resolved = { ...getVersionInfo(), ...info };
+    const parts = [];
+    if (tag && resolved.tag) parts.push(resolved.tag);
+    if (commit && resolved.commit) parts.push(resolved.commit);
+    if (date && resolved.date) parts.push(formatDate(resolved.date));
+    const mode = resolved.mode !== "production" ? MODE_BADGE[resolved.mode] : null;
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn("inline-flex items-center gap-1.5 font-mono text-xs text-muted-foreground", className),
+        ...props,
+        children: [
+          parts.length > 0 && /* @__PURE__ */ jsx("span", { children: parts.join(" · ") }),
+          resolved.dirty && /* @__PURE__ */ jsx(Badge, { tone: "warning", variant: "soft", size: "xs", children: "dirty" }),
+          mode && /* @__PURE__ */ jsx(Badge, { tone: mode.tone, variant: "soft", size: "xs", children: mode.label })
+        ]
+      }
+    );
+  }
+);
+Version.displayName = "Version";
+export {
+  Version
+};
+//# sourceMappingURL=Version.js.map

package/dist/data/Version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Version.js","sources":["../../src/data/Version.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Badge, type BadgeTone } from \"./Badge\";\nimport { getVersionInfo, type RuntimeMode, type VersionInfo } from \"./version-info\";\n\nexport type VersionProps = HTMLAttributes<HTMLSpanElement> & {\n  /** Show the short git commit hash. */\n  commit?: boolean;\n  /** Show the git tag. */\n  tag?: boolean;\n  /** Show the build date. */\n  date?: boolean;\n  /**\n   * Override the resolved build/runtime info. Primarily for stories and tests;\n   * when omitted the values injected at build time are used.\n   */\n  info?: Partial<VersionInfo>;\n};\n\nconst MODE_BADGE: Record<Exclude<RuntimeMode, \"production\">, { label: string; tone: BadgeTone }> = {\n  dev: { label: \"dev\", tone: \"info\" },\n  storybook: { label: \"storybook\", tone: \"neutral\" },\n};\n\nfunction formatDate(iso: string): string {\n  if (!iso) return \"\";\n  const parsed = new Date(iso);\n  return Number.isNaN(parsed.getTime()) ? iso : parsed.toISOString();\n}\n\n/**\n * Renders clicky-ui build metadata: git commit, tag, and build date, plus a\n * status badge for a dirty working tree, Vite dev mode, or Storybook.\n *\n * Commit/tag/date/dirty are captured when the library is built (Vite `define`);\n * `dev` and `storybook` are detected at runtime.\n */\nexport const Version = forwardRef<HTMLSpanElement, VersionProps>(\n  ({ commit = true, tag = true, date = true, info, className, ...props }, ref) => {\n    const resolved = { ...getVersionInfo(), ...info };\n\n    const parts: string[] = [];\n    if (tag && resolved.tag) parts.push(resolved.tag);\n    if (commit && resolved.commit) parts.push(resolved.commit);\n    if (date && resolved.date) parts.push(formatDate(resolved.date));\n\n    const mode = resolved.mode !== \"production\" ? MODE_BADGE[resolved.mode] : null;\n\n    return (\n      <span\n        ref={ref}\n        className={cn(\"inline-flex items-center gap-1.5 font-mono text-xs text-muted-foreground\", className)}\n        {...props}\n      >\n        {parts.length > 0 && <span>{parts.join(\" · \")}</span>}\n        {resolved.dirty && (\n          <Badge tone=\"warning\" variant=\"soft\" size=\"xs\">\n            dirty\n          </Badge>\n        )}\n        {mode && (\n          <Badge tone={mode.tone} variant=\"soft\" size=\"xs\">\n            {mode.label}\n          </Badge>\n        )}\n      </span>\n    );\n  },\n);\n\nVersion.displayName = \"Version\";\n"],"names":[],"mappings":";;;;;AAmBA,MAAM,aAA6F;AAAA,EACjG,KAAK,EAAE,OAAO,OAAO,MAAM,OAAA;AAAA,EAC3B,WAAW,EAAE,OAAO,aAAa,MAAM,UAAA;AACzC;AAEA,SAAS,WAAW,KAAqB;AACvC,MAAI,CAAC,IAAK,QAAO;AACjB,QAAM,SAAS,IAAI,KAAK,GAAG;AAC3B,SAAO,OAAO,MAAM,OAAO,QAAA,CAAS,IAAI,MAAM,OAAO,YAAA;AACvD;AASO,MAAM,UAAU;AAAA,EACrB,CAAC,EAAE,SAAS,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,WAAW,GAAG,MAAA,GAAS,QAAQ;AAC9E,UAAM,WAAW,EAAE,GAAG,eAAA,GAAkB,GAAG,KAAA;AAE3C,UAAM,QAAkB,CAAA;AACxB,QAAI,OAAO,SAAS,IAAK,OAAM,KAAK,SAAS,GAAG;AAChD,QAAI,UAAU,SAAS,OAAQ,OAAM,KAAK,SAAS,MAAM;AACzD,QAAI,QAAQ,SAAS,KAAM,OAAM,KAAK,WAAW,SAAS,IAAI,CAAC;AAE/D,UAAM,OAAO,SAAS,SAAS,eAAe,WAAW,SAAS,IAAI,IAAI;AAE1E,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,4EAA4E,SAAS;AAAA,QAClG,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,MAAM,SAAS,KAAK,oBAAC,UAAM,UAAA,MAAM,KAAK,KAAK,GAAE;AAAA,UAC7C,SAAS,SACR,oBAAC,OAAA,EAAM,MAAK,WAAU,SAAQ,QAAO,MAAK,MAAK,UAAA,QAAA,CAE/C;AAAA,UAED,QACC,oBAAC,OAAA,EAAM,MAAM,KAAK,MAAM,SAAQ,QAAO,MAAK,MACzC,UAAA,KAAK,MAAA,CACR;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEA,QAAQ,cAAc;"}

package/dist/data/test-runner/TestDetailPanel.cjs

@@ -0,0 +1,165 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Icon = require("../Icon.cjs");
+const button = require("../../components/button.cjs");
+const JsonView = require("../JsonView.cjs");
+const TabButton = require("../TabButton.cjs");
+const utils = require("../../lib/utils.cjs");
+const context = require("./context.cjs");
+const status = require("./status.cjs");
+const frameworkIcon = require("./frameworkIcon.cjs");
+const TestFailureDetail = require("./TestFailureDetail.cjs");
+const UiClass = require("../../icons/components/UiClass.cjs");
+const UiRefresh = require("../../icons/components/UiRefresh.cjs");
+const UiStop = require("../../icons/components/UiStop.cjs");
+const UiClock = require("../../icons/components/UiClock.cjs");
+const ICON_TONE = {
+  danger: "rose",
+  warning: "amber",
+  success: "emerald",
+  info: "sky",
+  neutral: "neutral"
+};
+function DefaultDetailBody({ node }) {
+  var _a;
+  const hasChildren = (((_a = node.children) == null ? void 0 : _a.length) ?? 0) > 0;
+  const counts = hasChildren ? status.sum(node) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-density-4", children: [
+    node.message && !node.failure_detail && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap break-words text-sm", children: node.message }),
+    node.failure_detail && /* @__PURE__ */ jsxRuntime.jsx(TestFailureDetail.TestFailureDetail, { failure: node.failure_detail }),
+    /* @__PURE__ */ jsxRuntime.jsx(TestFailureDetail.TestOutput, { node }),
+    node.attempts && node.attempts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(TestFailureDetail.TestAttempts, { attempts: node.attempts }),
+    counts && counts.total > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        counts.total,
+        " total"
+      ] }),
+      counts.passed > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        counts.passed,
+        " passed"
+      ] }),
+      counts.failed > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        counts.failed,
+        " failed"
+      ] }),
+      counts.skipped > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        counts.skipped,
+        " skipped"
+      ] })
+    ] }),
+    node.detail != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "Detail" }),
+      /* @__PURE__ */ jsxRuntime.jsx(JsonView.JsonView, { data: node.detail })
+    ] })
+  ] });
+}
+function DetailHeader({ node, actions }) {
+  const runner = context.useTestRunner();
+  const fwIcon = frameworkIcon.frameworkIcon(node.framework);
+  const canRerun = !!runner.onRerun && node.framework !== "task";
+  const canStop = !!runner.onStop && !!node.can_stop && !!node.task_id;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 border-b border-border p-density-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Icon.Icon,
+      {
+        icon: status.statusIconFor(node),
+        className: utils.cn("mt-0.5 shrink-0 text-2xl", node.running && "animate-spin"),
+        tone: ICON_TONE[status.statusToneFor(node)]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "break-words text-base font-semibold", children: node.name }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          actions,
+          canRerun && /* @__PURE__ */ jsxRuntime.jsxs(
+            button.Button,
+            {
+              size: "sm",
+              disabled: runner.busy.rerun,
+              onClick: () => runner.onRerun(node),
+              title: "Rerun this test or subtree",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiRefresh.UiRefresh, className: "mr-1 text-sm" }),
+                runner.busy.rerun ? "Running..." : "Rerun"
+              ]
+            }
+          ),
+          canStop && /* @__PURE__ */ jsxRuntime.jsxs(
+            button.Button,
+            {
+              size: "sm",
+              variant: "destructive",
+              disabled: runner.busy.stop,
+              onClick: () => runner.onStop(node),
+              title: "Stop this running task",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiStop.UiStop, className: "mr-1 text-sm" }),
+                runner.busy.stop ? "Stopping..." : "Stop"
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [
+        fwIcon && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: fwIcon, className: "text-sm" }),
+          node.framework
+        ] }),
+        node.duration ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClock.UiClock, className: "text-xs" }),
+          status.formatTestDuration(node.duration)
+        ] }) : null,
+        node.file && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono", children: [
+          node.file,
+          node.line ? `:${node.line}` : ""
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function TestDetailPanel() {
+  var _a;
+  const runner = context.useTestRunner();
+  const node = runner.selected;
+  const [activeTab, setActiveTab] = react.useState("detail");
+  if (!node) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center text-sm text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClass.UiClass, className: "mb-2 block text-4xl" }),
+      "Select a test to view its details."
+    ] }) });
+  }
+  const detailAdapter = runner.adapters.resolveDetail(node, runner);
+  const actionAdapter = runner.adapters.resolveActions(node, runner);
+  const tabs = runner.adapters.resolveTabs(node, runner);
+  const ownsScroll = runner.adapters.ownsScroll(node, runner);
+  const body = (detailAdapter == null ? void 0 : detailAdapter.renderDetail) ? detailAdapter.renderDetail({ node, runner }) : /* @__PURE__ */ jsxRuntime.jsx(DefaultDetailBody, { node });
+  const actions = (_a = actionAdapter == null ? void 0 : actionAdapter.nodeActions) == null ? void 0 : _a.call(actionAdapter, { node, runner });
+  const detailRegion = ownsScroll ? "min-h-0 flex-1" : "min-h-0 flex-1 overflow-y-auto";
+  if (tabs.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DetailHeader, { node, actions }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: detailRegion, children: body })
+    ] });
+  }
+  const detailTab = { id: "detail", label: "Detail", render: () => body };
+  const allTabs = [detailTab, ...tabs];
+  const active = allTabs.find((t) => t.id === activeTab) ?? detailTab;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DetailHeader, { node, actions }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-1 border-b border-border px-density-2 py-density-1", children: allTabs.map((t) => /* @__PURE__ */ jsxRuntime.jsx(
+      TabButton.TabButton,
+      {
+        active: active.id === t.id,
+        onClick: () => setActiveTab(t.id),
+        label: t.label
+      },
+      t.id
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: detailRegion, children: active.render() })
+  ] });
+}
+exports.TestDetailPanel = TestDetailPanel;
+//# sourceMappingURL=TestDetailPanel.cjs.map

package/dist/data/test-runner/TestDetailPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestDetailPanel.cjs","sources":["../../../src/data/test-runner/TestDetailPanel.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../../components/button\";\nimport { JsonView } from \"../JsonView\";\nimport { TabButton } from \"../TabButton\";\nimport { cn } from \"../../lib/utils\";\nimport { UiClass, UiClock, UiRefresh, UiStop } from \"../../icons\";\nimport type { Test } from \"./types\";\nimport { useTestRunner } from \"./context\";\nimport { formatTestDuration, statusIconFor, statusToneFor, sum } from \"./status\";\nimport { frameworkIcon } from \"./frameworkIcon\";\nimport { TestAttempts, TestFailureDetail, TestOutput } from \"./TestFailureDetail\";\n\nconst ICON_TONE = {\n  danger: \"rose\",\n  warning: \"amber\",\n  success: \"emerald\",\n  info: \"sky\",\n  neutral: \"neutral\",\n} as const;\n\n/** Built-in detail body — used when no adapter contributes `renderDetail`. */\nfunction DefaultDetailBody({ node }: { node: Test }) {\n  const hasChildren = (node.children?.length ?? 0) > 0;\n  const counts = hasChildren ? sum(node) : null;\n  return (\n    <div className=\"space-y-4 p-density-4\">\n      {node.message && !node.failure_detail && (\n        <p className=\"whitespace-pre-wrap break-words text-sm\">{node.message}</p>\n      )}\n      {node.failure_detail && <TestFailureDetail failure={node.failure_detail} />}\n      <TestOutput node={node} />\n      {node.attempts && node.attempts.length > 0 && <TestAttempts attempts={node.attempts} />}\n      {counts && counts.total > 0 && (\n        <div className=\"flex flex-wrap gap-3 text-xs text-muted-foreground\">\n          <span>{counts.total} total</span>\n          {counts.passed > 0 && <span>{counts.passed} passed</span>}\n          {counts.failed > 0 && <span>{counts.failed} failed</span>}\n          {counts.skipped > 0 && <span>{counts.skipped} skipped</span>}\n        </div>\n      )}\n      {node.detail != null && (\n        <div className=\"space-y-1\">\n          <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">Detail</div>\n          <JsonView data={node.detail} />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction DetailHeader({ node, actions }: { node: Test; actions?: ReactNode }) {\n  const runner = useTestRunner();\n  const fwIcon = frameworkIcon(node.framework);\n  const canRerun = !!runner.onRerun && node.framework !== \"task\";\n  const canStop = !!runner.onStop && !!node.can_stop && !!node.task_id;\n  return (\n    <div className=\"flex items-start gap-2 border-b border-border p-density-4\">\n      <Icon\n        icon={statusIconFor(node)}\n        className={cn(\"mt-0.5 shrink-0 text-2xl\", node.running && \"animate-spin\")}\n        tone={ICON_TONE[statusToneFor(node)]}\n      />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-start justify-between gap-2\">\n          <h2 className=\"break-words text-base font-semibold\">{node.name}</h2>\n          <div className=\"flex shrink-0 items-center gap-1\">\n            {actions}\n            {canRerun && (\n              <Button\n                size=\"sm\"\n                disabled={runner.busy.rerun}\n                onClick={() => runner.onRerun!(node)}\n                title=\"Rerun this test or subtree\"\n              >\n                <Icon icon={UiRefresh} className=\"mr-1 text-sm\" />\n                {runner.busy.rerun ? \"Running...\" : \"Rerun\"}\n              </Button>\n            )}\n            {canStop && (\n              <Button\n                size=\"sm\"\n                variant=\"destructive\"\n                disabled={runner.busy.stop}\n                onClick={() => runner.onStop!(node)}\n                title=\"Stop this running task\"\n              >\n                <Icon icon={UiStop} className=\"mr-1 text-sm\" />\n                {runner.busy.stop ? \"Stopping...\" : \"Stop\"}\n              </Button>\n            )}\n          </div>\n        </div>\n        <div className=\"mt-1 flex flex-wrap items-center gap-2 text-xs text-muted-foreground\">\n          {fwIcon && (\n            <span className=\"inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5\">\n              <Icon icon={fwIcon} className=\"text-sm\" />\n              {node.framework}\n            </span>\n          )}\n          {node.duration ? (\n            <span className=\"inline-flex items-center gap-1\">\n              <Icon icon={UiClock} className=\"text-xs\" />\n              {formatTestDuration(node.duration)}\n            </span>\n          ) : null}\n          {node.file && (\n            <span className=\"font-mono\">\n              {node.file}\n              {node.line ? `:${node.line}` : \"\"}\n            </span>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * The right pane. Resolves the node's adapter for body / tabs / header actions,\n * falling back to the built-in default body. Shows an empty state when nothing\n * is selected.\n */\nexport function TestDetailPanel() {\n  const runner = useTestRunner();\n  const node = runner.selected;\n  const [activeTab, setActiveTab] = useState<string>(\"detail\");\n\n  if (!node) {\n    return (\n      <div className=\"flex h-full items-center justify-center text-sm text-muted-foreground\">\n        <div className=\"text-center\">\n          <Icon icon={UiClass} className=\"mb-2 block text-4xl\" />\n          Select a test to view its details.\n        </div>\n      </div>\n    );\n  }\n\n  const detailAdapter = runner.adapters.resolveDetail(node, runner);\n  const actionAdapter = runner.adapters.resolveActions(node, runner);\n  const tabs = runner.adapters.resolveTabs(node, runner);\n  const ownsScroll = runner.adapters.ownsScroll(node, runner);\n\n  const body = detailAdapter?.renderDetail\n    ? detailAdapter.renderDetail({ node, runner })\n    : <DefaultDetailBody node={node} />;\n  const actions = actionAdapter?.nodeActions?.({ node, runner });\n\n  const detailRegion = ownsScroll ? \"min-h-0 flex-1\" : \"min-h-0 flex-1 overflow-y-auto\";\n\n  // No extra tabs → just the body under the header.\n  if (tabs.length === 0) {\n    return (\n      <div className=\"flex h-full min-h-0 flex-col\">\n        <DetailHeader node={node} actions={actions} />\n        <div className={detailRegion}>{body}</div>\n      </div>\n    );\n  }\n\n  const detailTab = { id: \"detail\", label: \"Detail\", render: () => body };\n  const allTabs = [detailTab, ...tabs];\n  const active = allTabs.find((t) => t.id === activeTab) ?? detailTab;\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <DetailHeader node={node} actions={actions} />\n      <div className=\"flex shrink-0 items-center gap-1 border-b border-border px-density-2 py-density-1\">\n        {allTabs.map((t) => (\n          <TabButton\n            key={t.id}\n            active={active.id === t.id}\n            onClick={() => setActiveTab(t.id)}\n            label={t.label}\n          />\n        ))}\n      </div>\n      <div className={detailRegion}>{active.render()}</div>\n    </div>\n  );\n}\n"],"names":["sum","jsxs","jsx","TestFailureDetail","TestOutput","TestAttempts","JsonView","useTestRunner","frameworkIcon","Icon","statusIconFor","cn","statusToneFor","Button","UiRefresh","UiStop","UiClock","formatTestDuration","useState","UiClass","TabButton"],"mappings":"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"}

package/dist/data/test-runner/TestDetailPanel.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The right pane. Resolves the node's adapter for body / tabs / header actions,
+ * falling back to the built-in default body. Shows an empty state when nothing
+ * is selected.
+ */
+export declare function TestDetailPanel(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TestDetailPanel.d.ts.map

package/dist/data/test-runner/TestDetailPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestDetailPanel.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/TestDetailPanel.tsx"],"names":[],"mappings":"AAsHA;;;;GAIG;AACH,wBAAgB,eAAe,4CA0D9B"}