@flanksource/clicky-ui 0.3.55 → 0.3.56

package/dist/data/Markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.js","names":["_Fragment"],"sources":["../../src/data/Markdown.tsx"],"sourcesContent":["import {\n  isValidElement,\n  useEffect,\n  useState,\n  type ComponentType,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { ConfirmDialog } from \"../overlay/ConfirmDialog\";\nimport { useRouter } from \"../rpc/router\";\nimport { Callout, type CalloutProps } from \"./Callout\";\nimport { CodeBlock } from \"./CodeBlock\";\n\nexport type MarkdownProps = {\n  /** Markdown source text. */\n  text: string;\n  /** Classes applied to the rendered markdown wrapper. */\n  className?: string;\n  /**\n   * Render `<CalloutBox …>` authored inline in the markdown as a\n   * {@link Callout}.\n   *\n   * Off by default. It admits exactly one extra tag with exactly the callout's\n   * own attributes — no other markup in `text` becomes live — so it is safe to\n   * turn on wherever callouts are wanted.\n   */\n  callouts?: boolean | undefined;\n};\n\n// Streamdown routes a fenced code block to the `code` override with a `data-block`\n// marker (injected by its default `pre` handler); inline code arrives without it.\ntype MarkdownCodeProps = {\n  className?: string;\n  children?: ReactNode;\n  \"data-block\"?: string;\n};\n\n// Every override also receives the source `node`, which is not a DOM attribute —\n// each one drops it rather than spreading it onto the element. `style` carries\n// the per-column alignment GFM puts on table cells.\ntype MarkdownElementProps = {\n  className?: string;\n  children?: ReactNode;\n  style?: CSSProperties;\n  node?: unknown;\n};\n\ntype MarkdownHeadingTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\ntype MarkdownHeadingProps = HTMLAttributes<HTMLHeadingElement> & { node?: unknown };\n\nconst headingClasses: Record<MarkdownHeadingTag, string> = {\n  h1: \"mt-4 mb-2 text-lg font-semibold\",\n  h2: \"mt-3 mb-1.5 text-base font-semibold\",\n  h3: \"mt-3 mb-1 text-sm font-semibold\",\n  h4: \"mt-2 mb-1 text-sm font-semibold\",\n  h5: \"mt-2 mb-1 text-sm font-medium\",\n  h6: \"mt-2 mb-1 text-sm font-medium\",\n};\n\nfunction MarkdownHeading({\n  as: Tag,\n  className,\n  children,\n  node: _node,\n  ...props\n}: MarkdownHeadingProps & { as: MarkdownHeadingTag }) {\n  return (\n    <Tag\n      className={cn(headingClasses[Tag], className)}\n      data-streamdown={`heading-${Tag.slice(1)}`}\n      {...props}\n    >\n      {children}\n    </Tag>\n  );\n}\n\ntype StreamdownComponent = ComponentType<{\n  children: string;\n  className?: string | undefined;\n  parseIncompleteMarkdown?: boolean | undefined;\n  // Tag name -> the attribute names it may carry. Streamdown drops every other\n  // raw tag, so this is an allowlist rather than raw-HTML passthrough.\n  allowedTags?: Record<string, string[]> | undefined;\n  components?: {\n    h1?: ComponentType<MarkdownHeadingProps>;\n    h2?: ComponentType<MarkdownHeadingProps>;\n    h3?: ComponentType<MarkdownHeadingProps>;\n    h4?: ComponentType<MarkdownHeadingProps>;\n    h5?: ComponentType<MarkdownHeadingProps>;\n    h6?: ComponentType<MarkdownHeadingProps>;\n    a?: ComponentType<MarkdownLinkProps>;\n    code?: ComponentType<MarkdownCodeProps>;\n    ul?: ComponentType<MarkdownElementProps>;\n    ol?: ComponentType<MarkdownElementProps>;\n    table?: ComponentType<MarkdownElementProps>;\n    thead?: ComponentType<MarkdownElementProps>;\n    tbody?: ComponentType<MarkdownElementProps>;\n    th?: ComponentType<MarkdownElementProps>;\n    td?: ComponentType<MarkdownElementProps>;\n    // Streamdown lowercases every tag name, so an authored `<CalloutBox>`\n    // arrives here as `calloutbox`.\n    calloutbox?: ComponentType<CalloutProps & { node?: unknown }>;\n  };\n}>;\n\nlet loadPromise: Promise<StreamdownComponent | null> | null = null;\n\n// Streamdown is an optional peer dependency (like marked/shiki). It is loaded on\n// demand so the core library does not force it on consumers; while it loads (or\n// if it is absent) we fall back to preformatted text.\nfunction loadStreamdown(): Promise<StreamdownComponent | null> {\n  if (!loadPromise) {\n    loadPromise = import(\"streamdown\")\n      .then((m) => m.Streamdown as unknown as StreamdownComponent)\n      .catch((err) => {\n        console.warn(\"clicky-ui: streamdown not available; rendering markdown as plain text\", err);\n        return null;\n      });\n  }\n  return loadPromise;\n}\n\nfunction nodeText(node: ReactNode): string {\n  if (typeof node === \"string\") return node;\n  if (typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(nodeText).join(\"\");\n  if (isValidElement(node)) return nodeText((node.props as { children?: ReactNode }).children);\n  return \"\";\n}\n\n// Render fenced code blocks with the library's theme-aware CodeBlock instead of\n// Streamdown's built-in block, whose Shiki `<pre>` keeps a light background that\n// clashes with the app theme (a white code body inside the dark block chrome).\n// Inline code keeps Streamdown's default inline styling.\nfunction MarkdownCode({ className, children, ...rest }: MarkdownCodeProps) {\n  if (!(\"data-block\" in rest)) {\n    return (\n      <code className={cn(\"rounded bg-muted px-1.5 py-0.5 font-mono text-sm\", className)}>\n        {children}\n      </code>\n    );\n  }\n  const language = /language-([\\w-]+)/.exec(className ?? \"\")?.[1];\n  const source = nodeText(children).replace(/\\n$/, \"\");\n  return (\n    <CodeBlock\n      source={source}\n      language={language}\n      className=\"not-prose my-4\"\n      copyable\n      downloadable\n      themeToggle\n    />\n  );\n}\n\n// Streamdown indents nested lists with `[li_&]:pl-6`, an arbitrary-variant class\n// that only compiles if the consumer's Tailwind happens to scan streamdown's\n// dist — otherwise every level renders flush left. Own the list styling here so\n// the marker and the indent ship from this library's own source. Markers sit\n// outside the padding so each level steps in cleanly. Task lists drop both: the\n// checkbox is the marker.\nfunction MarkdownList({ className, children }: MarkdownElementProps) {\n  const isTaskList = className?.includes(\"contains-task-list\");\n  return (\n    <ul\n      className={cn(\"whitespace-normal\", isTaskList ? \"list-none pl-0\" : \"list-disc pl-6\", className)}\n    >\n      {children}\n    </ul>\n  );\n}\n\nfunction MarkdownOrderedList({ className, children }: MarkdownElementProps) {\n  return <ol className={cn(\"list-decimal whitespace-normal pl-6\", className)}>{children}</ol>;\n}\n\n// Streamdown wraps tables in a `bg-sidebar` card with its own copy/download/\n// fullscreen chrome — a dark navy box around a light table under this library's\n// tokens — and puts the header shading behind `bg-muted/80`, an opacity-modifier\n// class the consumer's Tailwind never sees. Own the whole table instead, styled\n// like DataTable: a bordered scroll container so wide tables scroll rather than\n// overflow the page.\nfunction MarkdownTable({ className, children }: MarkdownElementProps) {\n  return (\n    <div className=\"not-prose my-4 max-w-full overflow-x-auto rounded-md border border-border\">\n      <table className={cn(\"w-max min-w-full table-auto text-left text-sm\", className)}>\n        {children}\n      </table>\n    </div>\n  );\n}\n\nfunction MarkdownTableHead({ className, children }: MarkdownElementProps) {\n  return <thead className={cn(\"border-b border-border bg-muted\", className)}>{children}</thead>;\n}\n\nfunction MarkdownTableBody({ className, children }: MarkdownElementProps) {\n  return <tbody className={cn(\"divide-y divide-border\", className)}>{children}</tbody>;\n}\n\n// `style` holds the column alignment from the delimiter row, so it must survive.\nfunction MarkdownTableHeaderCell({ className, style, children }: MarkdownElementProps) {\n  return (\n    <th\n      className={cn(\"whitespace-nowrap px-density-3 py-density-2 font-semibold\", className)}\n      style={style}\n    >\n      {children}\n    </th>\n  );\n}\n\nfunction MarkdownTableCell({ className, style, children }: MarkdownElementProps) {\n  return (\n    <td className={cn(\"px-density-3 py-density-2 align-top\", className)} style={style}>\n      {children}\n    </td>\n  );\n}\n\ntype MarkdownLinkProps = MarkdownElementProps & { href?: string; title?: string };\n\n// Streamdown renders every link as a button behind an \"Open external link?\"\n// prompt that always opens a new tab, so an in-app link such as `/connections`\n// left the app. Root-relative links route through the host's RouterAdapter and\n// hash links scroll in place; only external links keep the confirm prompt.\nfunction MarkdownLink({ href, title, className, children }: MarkdownLinkProps) {\n  const { renderLink } = useRouter();\n  const [confirming, setConfirming] = useState(false);\n  const linkClass = cn(\"wrap-anywhere font-medium text-primary underline\", className);\n\n  if (!href) return <span className={className}>{children}</span>;\n  if (href.startsWith(\"#\")) {\n    return (\n      <a href={href} title={title} className={linkClass}>\n        {children}\n      </a>\n    );\n  }\n  if (href.startsWith(\"/\") && !href.startsWith(\"//\")) {\n    return renderLink({ to: href, className: linkClass, children, ...(title ? { title } : {}) });\n  }\n  return (\n    <>\n      <a\n        href={href}\n        title={title}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={linkClass}\n        onClick={(event) => {\n          event.preventDefault();\n          setConfirming(true);\n        }}\n      >\n        {children}\n      </a>\n      <ConfirmDialog\n        open={confirming}\n        title=\"Open external link?\"\n        message={<code className=\"break-all font-mono text-sm\">{href}</code>}\n        confirmLabel=\"Open link\"\n        onCancel={() => setConfirming(false)}\n        onConfirm={() => {\n          setConfirming(false);\n          window.open(href, \"_blank\", \"noopener,noreferrer\");\n        }}\n      />\n    </>\n  );\n}\n\nconst markdownComponents = {\n  h1: (props: MarkdownHeadingProps) => <MarkdownHeading as=\"h1\" {...props} />,\n  h2: (props: MarkdownHeadingProps) => <MarkdownHeading as=\"h2\" {...props} />,\n  h3: (props: MarkdownHeadingProps) => <MarkdownHeading as=\"h3\" {...props} />,\n  h4: (props: MarkdownHeadingProps) => <MarkdownHeading as=\"h4\" {...props} />,\n  h5: (props: MarkdownHeadingProps) => <MarkdownHeading as=\"h5\" {...props} />,\n  h6: (props: MarkdownHeadingProps) => <MarkdownHeading as=\"h6\" {...props} />,\n  a: MarkdownLink,\n  code: MarkdownCode,\n  ul: MarkdownList,\n  ol: MarkdownOrderedList,\n  table: MarkdownTable,\n  thead: MarkdownTableHead,\n  tbody: MarkdownTableBody,\n  th: MarkdownTableHeaderCell,\n  td: MarkdownTableCell,\n};\n\n// The tag arrives lowercased with every attribute as a string, and carries the\n// source hast node too — listing the props drops that rather than spreading it\n// onto the element.\nfunction MarkdownCallout({ badge, children, className, emphasis, icon, label, source, title, variant }: CalloutProps) {\n  return (\n    <Callout\n      badge={badge}\n      className={className}\n      emphasis={emphasis}\n      icon={icon}\n      label={label}\n      source={source}\n      title={title}\n      variant={variant}\n    >\n      {children}\n    </Callout>\n  );\n}\n\nconst calloutComponents = { ...markdownComponents, calloutbox: MarkdownCallout };\n\nconst CALLOUT_ALLOWED_TAGS = {\n  calloutbox: [\"variant\", \"label\", \"badge\", \"source\", \"icon\", \"emphasis\", \"title\"],\n};\n\n/** Renders markdown with Streamdown, which is purpose-built for streaming LLM\n *  output (it gracefully handles incomplete markdown mid-stream). Fenced code\n *  blocks render via the library CodeBlock, and lists and tables are styled\n *  here rather than by Streamdown. Falls back to preformatted text until\n *  Streamdown loads or when it is not installed. */\nexport function Markdown({ text, className, callouts = false }: MarkdownProps) {\n  const [Streamdown, setStreamdown] = useState<StreamdownComponent | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadStreamdown().then((comp) => {\n      if (!cancelled) setStreamdown(() => comp);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  if (!Streamdown) {\n    return <pre className={cn(\"whitespace-pre-wrap text-sm\", className)}>{text}</pre>;\n  }\n\n  return (\n    <div className={cn(\"prose prose-sm max-w-none dark:prose-invert\", className)}>\n      <Streamdown\n        parseIncompleteMarkdown\n        components={callouts ? calloutComponents : markdownComponents}\n        allowedTags={callouts ? CALLOUT_ALLOWED_TAGS : undefined}\n      >\n        {text}\n      </Streamdown>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Markdown.js","names":["_Fragment"],"sources":["../../src/data/Markdown.tsx"],"sourcesContent":["import {\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useState,\n  type ComponentType,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { ConfirmDialog } from \"../overlay/ConfirmDialog\";\nimport { useRouter } from \"../rpc/router\";\nimport { Callout, type CalloutProps } from \"./Callout\";\nimport { CodeBlock } from \"./CodeBlock\";\nimport { rehypeSourceBlocks, sourceAttributes, type SourceAttributes } from \"./markdown-source-blocks\";\n\nexport type MarkdownProps = {\n  /** Markdown source text. */\n  text: string;\n  /** Classes applied to the rendered markdown wrapper. */\n  className?: string;\n  /**\n   * Render `<CalloutBox …>` authored inline in the markdown as a\n   * {@link Callout}.\n   *\n   * Off by default. It admits exactly one extra tag with exactly the callout's\n   * own attributes — no other markup in `text` becomes live — so it is safe to\n   * turn on wherever callouts are wanted.\n   */\n  callouts?: boolean | undefined;\n  /**\n   * Stamp each top-level block with `data-source-start` / `data-source-end`, the\n   * 1-based line range of `text` it renders, so a host can anchor annotations\n   * to source lines. The document renders as one static block (no streaming),\n   * which keeps the line numbers absolute; Streamdown's default sanitising\n   * stays in place. Cannot be combined with `callouts`.\n   */\n  sourceBlocks?: boolean | undefined;\n};\n\n// Streamdown routes a fenced code block to the `code` override with a `data-block`\n// marker (injected by its default `pre` handler); inline code arrives without it.\ntype MarkdownCodeProps = SourceAttributes & {\n  className?: string;\n  children?: ReactNode;\n  \"data-block\"?: string;\n};\n\n// Every override also receives the source `node`, which is not a DOM attribute —\n// each one drops it rather than spreading it onto the element. `style` carries\n// the per-column alignment GFM puts on table cells. `data-source-*` is the one\n// pair of extra attributes forwarded, so `sourceBlocks` anchors survive.\ntype MarkdownElementProps = SourceAttributes & {\n  className?: string;\n  children?: ReactNode;\n  style?: CSSProperties;\n  node?: unknown;\n};\n\ntype MarkdownHeadingTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\ntype MarkdownHeadingProps = HTMLAttributes<HTMLHeadingElement> & { node?: unknown };\n\nconst headingClasses: Record<MarkdownHeadingTag, string> = {\n  h1: \"mt-4 mb-2 text-lg font-semibold\",\n  h2: \"mt-3 mb-1.5 text-base font-semibold\",\n  h3: \"mt-3 mb-1 text-sm font-semibold\",\n  h4: \"mt-2 mb-1 text-sm font-semibold\",\n  h5: \"mt-2 mb-1 text-sm font-medium\",\n  h6: \"mt-2 mb-1 text-sm font-medium\",\n};\n\nfunction MarkdownHeading({\n  as: Tag,\n  className,\n  children,\n  node: _node,\n  ...props\n}: MarkdownHeadingProps & { as: MarkdownHeadingTag }) {\n  return (\n    <Tag\n      className={cn(headingClasses[Tag], className)}\n      data-streamdown={`heading-${Tag.slice(1)}`}\n      {...props}\n    >\n      {children}\n    </Tag>\n  );\n}\n\ntype StreamdownComponent = ComponentType<{\n  children: string;\n  className?: string | undefined;\n  parseIncompleteMarkdown?: boolean | undefined;\n  // \"static\" parses the whole document as one block instead of streaming it in\n  // blocks, so hast positions are relative to the document.\n  mode?: \"static\" | \"streaming\" | undefined;\n  rehypePlugins?: readonly unknown[] | undefined;\n  // Tag name -> the attribute names it may carry. Streamdown drops every other\n  // raw tag, so this is an allowlist rather than raw-HTML passthrough.\n  allowedTags?: Record<string, string[]> | undefined;\n  components?: {\n    pre?: ComponentType<{ children?: ReactNode; node?: unknown } & SourceAttributes>;\n    p?: ComponentType<MarkdownElementProps>;\n    blockquote?: ComponentType<MarkdownElementProps>;\n    hr?: ComponentType<MarkdownElementProps>;\n    h1?: ComponentType<MarkdownHeadingProps>;\n    h2?: ComponentType<MarkdownHeadingProps>;\n    h3?: ComponentType<MarkdownHeadingProps>;\n    h4?: ComponentType<MarkdownHeadingProps>;\n    h5?: ComponentType<MarkdownHeadingProps>;\n    h6?: ComponentType<MarkdownHeadingProps>;\n    a?: ComponentType<MarkdownLinkProps>;\n    code?: ComponentType<MarkdownCodeProps>;\n    ul?: ComponentType<MarkdownElementProps>;\n    ol?: ComponentType<MarkdownElementProps>;\n    table?: ComponentType<MarkdownElementProps>;\n    thead?: ComponentType<MarkdownElementProps>;\n    tbody?: ComponentType<MarkdownElementProps>;\n    th?: ComponentType<MarkdownElementProps>;\n    td?: ComponentType<MarkdownElementProps>;\n    // Streamdown lowercases every tag name, so an authored `<CalloutBox>`\n    // arrives here as `calloutbox`.\n    calloutbox?: ComponentType<CalloutProps & { node?: unknown }>;\n  };\n}>;\n\ntype StreamdownModule = {\n  Streamdown: StreamdownComponent;\n  /** Streamdown's own raw -> sanitize -> harden rehype chain, in that order. */\n  defaultRehypePlugins: Record<string, unknown>;\n};\n\nlet loadPromise: Promise<StreamdownModule | null> | null = null;\n\n// Streamdown is an optional peer dependency (like marked/shiki). It is loaded on\n// demand so the core library does not force it on consumers; while it loads (or\n// if it is absent) we fall back to preformatted text.\nfunction loadStreamdown(): Promise<StreamdownModule | null> {\n  if (!loadPromise) {\n    loadPromise = import(\"streamdown\")\n      .then((m) => ({\n        Streamdown: m.Streamdown as unknown as StreamdownComponent,\n        defaultRehypePlugins: m.defaultRehypePlugins,\n      }))\n      .catch((err) => {\n        console.warn(\"clicky-ui: streamdown not available; rendering markdown as plain text\", err);\n        return null;\n      });\n  }\n  return loadPromise;\n}\n\nfunction nodeText(node: ReactNode): string {\n  if (typeof node === \"string\") return node;\n  if (typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(nodeText).join(\"\");\n  if (isValidElement(node)) return nodeText((node.props as { children?: ReactNode }).children);\n  return \"\";\n}\n\n// Render fenced code blocks with the library's theme-aware CodeBlock instead of\n// Streamdown's built-in block, whose Shiki `<pre>` keeps a light background that\n// clashes with the app theme (a white code body inside the dark block chrome).\n// Inline code keeps Streamdown's default inline styling.\nfunction MarkdownCode({ className, children, ...rest }: MarkdownCodeProps) {\n  if (!(\"data-block\" in rest)) {\n    return (\n      <code className={cn(\"rounded bg-muted px-1.5 py-0.5 font-mono text-sm\", className)}>\n        {children}\n      </code>\n    );\n  }\n  const language = /language-([\\w-]+)/.exec(className ?? \"\")?.[1];\n  const source = nodeText(children).replace(/\\n$/, \"\");\n  const block = (\n    <CodeBlock\n      source={source}\n      language={language}\n      className=\"not-prose my-4\"\n      copyable\n      downloadable\n      themeToggle\n    />\n  );\n  const anchors = sourceAttributes(rest);\n  return Object.keys(anchors).length > 0 ? <div {...anchors}>{block}</div> : block;\n}\n\n// Streamdown's default `pre` unwraps to its `code` child, marking it as a block.\n// The source range is stamped on the `pre`, so it is carried over to that child.\nfunction MarkdownPre({ children, ...props }: { children?: ReactNode; node?: unknown } & SourceAttributes) {\n  return isValidElement(children)\n    ? cloneElement(children as ReactElement<Record<string, unknown>>, {\n        \"data-block\": \"true\",\n        ...sourceAttributes(props),\n      })\n    : children;\n}\n\n// Streamdown indents nested lists with `[li_&]:pl-6`, an arbitrary-variant class\n// that only compiles if the consumer's Tailwind happens to scan streamdown's\n// dist — otherwise every level renders flush left. Own the list styling here so\n// the marker and the indent ship from this library's own source. Markers sit\n// outside the padding so each level steps in cleanly. Task lists drop both: the\n// checkbox is the marker.\nfunction MarkdownList({ className, children, ...props }: MarkdownElementProps) {\n  const isTaskList = className?.includes(\"contains-task-list\");\n  return (\n    <ul\n      className={cn(\"whitespace-normal\", isTaskList ? \"list-none pl-0\" : \"list-disc pl-6\", className)}\n      {...sourceAttributes(props)}\n    >\n      {children}\n    </ul>\n  );\n}\n\nfunction MarkdownOrderedList({ className, children, ...props }: MarkdownElementProps) {\n  return (\n    <ol className={cn(\"list-decimal whitespace-normal pl-6\", className)} {...sourceAttributes(props)}>\n      {children}\n    </ol>\n  );\n}\n\n// Streamdown wraps tables in a `bg-sidebar` card with its own copy/download/\n// fullscreen chrome — a dark navy box around a light table under this library's\n// tokens — and puts the header shading behind `bg-muted/80`, an opacity-modifier\n// class the consumer's Tailwind never sees. Own the whole table instead, styled\n// like DataTable: a bordered scroll container so wide tables scroll rather than\n// overflow the page.\nfunction MarkdownTable({ className, children, ...props }: MarkdownElementProps) {\n  return (\n    <div\n      className=\"not-prose my-4 max-w-full overflow-x-auto rounded-md border border-border\"\n      {...sourceAttributes(props)}\n    >\n      <table className={cn(\"w-max min-w-full table-auto text-left text-sm\", className)}>\n        {children}\n      </table>\n    </div>\n  );\n}\n\nfunction MarkdownTableHead({ className, children }: MarkdownElementProps) {\n  return <thead className={cn(\"border-b border-border bg-muted\", className)}>{children}</thead>;\n}\n\nfunction MarkdownTableBody({ className, children }: MarkdownElementProps) {\n  return <tbody className={cn(\"divide-y divide-border\", className)}>{children}</tbody>;\n}\n\n// `style` holds the column alignment from the delimiter row, so it must survive.\nfunction MarkdownTableHeaderCell({ className, style, children }: MarkdownElementProps) {\n  return (\n    <th\n      className={cn(\"whitespace-nowrap px-density-3 py-density-2 font-semibold\", className)}\n      style={style}\n    >\n      {children}\n    </th>\n  );\n}\n\nfunction MarkdownTableCell({ className, style, children }: MarkdownElementProps) {\n  return (\n    <td className={cn(\"px-density-3 py-density-2 align-top\", className)} style={style}>\n      {children}\n    </td>\n  );\n}\n\ntype MarkdownLinkProps = MarkdownElementProps & { href?: string; title?: string };\n\n// Streamdown renders every link as a button behind an \"Open external link?\"\n// prompt that always opens a new tab, so an in-app link such as `/connections`\n// left the app. Root-relative links route through the host's RouterAdapter and\n// hash links scroll in place; only external links keep the confirm prompt.\nfunction MarkdownLink({ href, title, className, children }: MarkdownLinkProps) {\n  const { renderLink } = useRouter();\n  const [confirming, setConfirming] = useState(false);\n  const linkClass = cn(\"wrap-anywhere font-medium text-primary underline\", className);\n\n  if (!href) return <span className={className}>{children}</span>;\n  if (href.startsWith(\"#\")) {\n    return (\n      <a href={href} title={title} className={linkClass}>\n        {children}\n      </a>\n    );\n  }\n  if (href.startsWith(\"/\") && !href.startsWith(\"//\")) {\n    return renderLink({ to: href, className: linkClass, children, ...(title ? { title } : {}) });\n  }\n  return (\n    <>\n      <a\n        href={href}\n        title={title}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={linkClass}\n        onClick={(event) => {\n          event.preventDefault();\n          setConfirming(true);\n        }}\n      >\n        {children}\n      </a>\n      <ConfirmDialog\n        open={confirming}\n        title=\"Open external link?\"\n        message={<code className=\"break-all font-mono text-sm\">{href}</code>}\n        confirmLabel=\"Open link\"\n        onCancel={() => setConfirming(false)}\n        onConfirm={() => {\n          setConfirming(false);\n          window.open(href, \"_blank\", \"noopener,noreferrer\");\n        }}\n      />\n    </>\n  );\n}\n\nconst markdownComponents = {\n  h1: (props: MarkdownHeadingProps) => <MarkdownHeading as=\"h1\" {...props} />,\n  h2: (props: MarkdownHeadingProps) => <MarkdownHeading as=\"h2\" {...props} />,\n  h3: (props: MarkdownHeadingProps) => <MarkdownHeading as=\"h3\" {...props} />,\n  h4: (props: MarkdownHeadingProps) => <MarkdownHeading as=\"h4\" {...props} />,\n  h5: (props: MarkdownHeadingProps) => <MarkdownHeading as=\"h5\" {...props} />,\n  h6: (props: MarkdownHeadingProps) => <MarkdownHeading as=\"h6\" {...props} />,\n  a: MarkdownLink,\n  pre: MarkdownPre,\n  code: MarkdownCode,\n  ul: MarkdownList,\n  ol: MarkdownOrderedList,\n  table: MarkdownTable,\n  thead: MarkdownTableHead,\n  tbody: MarkdownTableBody,\n  th: MarkdownTableHeaderCell,\n  td: MarkdownTableCell,\n};\n\n// The tag arrives lowercased with every attribute as a string, and carries the\n// source hast node too — listing the props drops that rather than spreading it\n// onto the element.\nfunction MarkdownCallout({ badge, children, className, emphasis, icon, label, source, title, variant }: CalloutProps) {\n  return (\n    <Callout\n      badge={badge}\n      className={className}\n      emphasis={emphasis}\n      icon={icon}\n      label={label}\n      source={source}\n      title={title}\n      variant={variant}\n    >\n      {children}\n    </Callout>\n  );\n}\n\nconst calloutComponents = { ...markdownComponents, calloutbox: MarkdownCallout };\n\nconst CALLOUT_ALLOWED_TAGS = {\n  calloutbox: [\"variant\", \"label\", \"badge\", \"source\", \"icon\", \"emphasis\", \"title\"],\n};\n\n/** Renders markdown with Streamdown, which is purpose-built for streaming LLM\n *  output (it gracefully handles incomplete markdown mid-stream). Fenced code\n *  blocks render via the library CodeBlock, and lists and tables are styled\n *  here rather than by Streamdown. Falls back to preformatted text until\n *  Streamdown loads or when it is not installed. */\nexport function Markdown({ text, className, callouts = false, sourceBlocks = false }: MarkdownProps) {\n  if (sourceBlocks && callouts) {\n    throw new Error(\n      \"Markdown: sourceBlocks and callouts cannot be combined; callouts replaces the sanitiser schema that sourceBlocks keeps\",\n    );\n  }\n  const [streamdown, setStreamdown] = useState<StreamdownModule | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadStreamdown().then((loaded) => {\n      if (!cancelled) setStreamdown(loaded);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  // Streamdown's own chain (raw, sanitize, harden) followed by the stamping\n  // plugin. Appending, rather than replacing, keeps the document sanitised, and\n  // running last lets the attributes survive the sanitiser.\n  const sourceRehypePlugins = useMemo(\n    () => (streamdown ? [...Object.values(streamdown.defaultRehypePlugins), rehypeSourceBlocks] : undefined),\n    [streamdown],\n  );\n\n  if (!streamdown) {\n    return <pre className={cn(\"whitespace-pre-wrap text-sm\", className)}>{text}</pre>;\n  }\n  const { Streamdown } = streamdown;\n\n  return (\n    <div className={cn(\"prose prose-sm max-w-none dark:prose-invert\", className)}>\n      {sourceBlocks ? (\n        <Streamdown mode=\"static\" components={markdownComponents} rehypePlugins={sourceRehypePlugins}>\n          {text}\n        </Streamdown>\n      ) : (\n        <Streamdown\n          parseIncompleteMarkdown\n          components={callouts ? calloutComponents : markdownComponents}\n          allowedTags={callouts ? CALLOUT_ALLOWED_TAGS : undefined}\n        >\n          {text}\n        </Streamdown>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/data/MultiGaugeBar.cjs

@@ -0,0 +1,157 @@
+const require_utils = require("../lib/utils.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/MultiGaugeBar.tsx
+var markerTone = {
+	neutral: "text-muted-foreground",
+	success: "text-[var(--fs-success)]",
+	warning: "text-[var(--fs-warning)]",
+	danger: "text-[var(--fs-error)]",
+	info: "text-[var(--fs-info)]"
+};
+function MultiGaugeBar({ label, icon, average, averageId, max, markers = [], formatValue = String, unit, variant = "default", size = "md", className }) {
+	const values = [
+		...markers.map((marker) => marker.value),
+		...average === void 0 ? [] : [average],
+		...max === void 0 ? [] : [max]
+	];
+	if (values.some((value) => !Number.isFinite(value) || value < 0)) throw new Error("Gauge observations must be finite and non-negative");
+	const ceiling = Math.max(0, ...values);
+	const position = (value) => ceiling === 0 ? 0 : value / ceiling * 100;
+	const placed = [];
+	const layout = markers.map((marker) => {
+		const x = position(marker.value);
+		let lane = 0;
+		while (marker.shape !== "range" && placed.some((item) => item.lane === lane && Math.abs(item.position - x) < 5)) lane++;
+		if (marker.shape !== "range") placed.push({
+			position: x,
+			lane
+		});
+		return {
+			...marker,
+			position: x,
+			lane
+		};
+	});
+	const lanes = Math.max(0, ...placed.map((item) => item.lane));
+	const usageLabel = average === void 0 ? "Not collected" : formatValue(average);
+	const summary = `${label}${unit ? ` (${unit})` : ""}. ${average === void 0 ? "Average not collected" : `Average ${formatValue(average)}`}. ${markers.map((marker) => `${marker.label} ${formatValue(marker.value)}`).join(". ")}. Scale 0 to ${formatValue(ceiling)}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_utils.cn("min-w-0 w-full text-sm tabular-nums", variant === "default" && "rounded-xl border border-border bg-card p-4", className),
+		role: "img",
+		"aria-label": summary,
+		title: variant === "cell" ? summary : void 0,
+		children: [
+			variant === "default" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-1.5 font-medium text-foreground",
+				children: [icon, label]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_utils.cn("flex items-start gap-3", variant === "default" ? "mt-3" : "py-1"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "relative mx-1 min-w-0 flex-1",
+					style: { paddingTop: `${8 + lanes * 8}px` },
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							"data-gauge-track": "",
+							className: require_utils.cn("relative overflow-hidden bg-muted", size === "sm" ? "h-2 rounded-sm" : "h-6 rounded-md"),
+							children: [size === "md" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								id: averageId,
+								"data-gauge-usage": "",
+								className: "relative block truncate px-2 text-xs font-medium leading-6 text-foreground",
+								children: usageLabel
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								"data-gauge-fill": "",
+								...size === "sm" && averageId ? { id: averageId } : {},
+								className: require_utils.cn("absolute inset-y-0 left-0 overflow-hidden bg-[var(--fs-success-500)]", size === "sm" ? "rounded-sm" : "rounded-md"),
+								style: { width: `${average === void 0 ? 0 : position(average)}%` },
+								children: size === "md" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									"aria-hidden": "true",
+									className: "block whitespace-nowrap px-2 text-xs font-medium leading-6 text-white",
+									children: usageLabel
+								})
+							})]
+						}),
+						[...layout].sort((a, b) => b.lane - a.lane).map((marker, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							"data-gauge-marker": marker.label,
+							"data-gauge-shape": marker.shape ?? "pointer",
+							id: marker.id,
+							title: `${marker.label}: ${formatValue(marker.value)}`,
+							className: require_utils.cn("absolute", markerTone[marker.tone ?? "neutral"], marker.shape === "range" ? require_utils.cn("border-dashed border-current", size === "sm" ? "h-2 rounded-sm border" : "h-6 rounded-md border-2") : "w-2.5 -translate-x-1/2"),
+							style: marker.shape === "range" ? {
+								left: "0%",
+								width: `${marker.position}%`,
+								top: `${8 + lanes * 8}px`
+							} : {
+								left: `${marker.position}%`,
+								top: `${(lanes - marker.lane) * 8}px`,
+								height: "8px"
+							},
+							children: marker.shape !== "range" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+								className: "h-2 w-2.5 fill-current",
+								viewBox: "0 0 10 8",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M0 0H10L5 8Z" })
+							})
+						}, index)),
+						variant === "default" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "relative mt-3 h-5 text-xs text-muted-foreground",
+							children: (ceiling === 0 ? [0] : [
+								0,
+								1,
+								2,
+								3
+							]).map((tick) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								"data-gauge-tick": "",
+								className: "absolute -translate-x-1/2",
+								style: { left: `${tick * 25}%` },
+								children: formatValue(ceiling / 4 * tick)
+							}, tick))
+						})
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					"data-gauge-max": "",
+					className: require_utils.cn("shrink-0 text-xs text-muted-foreground", size === "sm" ? "leading-[8px]" : "leading-6"),
+					style: { paddingTop: `${8 + lanes * 8}px` },
+					children: [formatValue(ceiling), unit ? ` ${unit}` : ""]
+				})]
+			}),
+			variant === "default" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mt-3 flex flex-wrap items-center gap-x-4 gap-y-2 text-xs text-muted-foreground",
+				children: [average === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Avg not collected" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "h-3 w-1 rounded-full bg-[var(--fs-success-500)]",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Avg" }),
+						" ",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "font-medium text-foreground",
+							children: formatValue(average)
+						})
+					]
+				}), markers.map((marker, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+							className: require_utils.cn("h-2 w-2.5 fill-current", markerTone[marker.tone ?? "neutral"]),
+							viewBox: "0 0 10 8",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M0 0H10L5 8Z" })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: marker.label }),
+						" ",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "font-medium text-foreground",
+							children: formatValue(marker.value)
+						})
+					]
+				}, index))]
+			})
+		]
+	});
+}
+exports.MultiGaugeBar = MultiGaugeBar;
+
+//# sourceMappingURL=MultiGaugeBar.cjs.map

package/dist/data/MultiGaugeBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiGaugeBar.cjs","names":["cn"],"sources":["../../src/data/MultiGaugeBar.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { GaugeTone } from \"./Gauge\";\n\nexport interface GaugeMarker {\n  label: string;\n  value: number;\n  id?: string;\n  /** Ranges outline zero to value; pointers mark observations and ceilings. */\n  shape?: \"pointer\" | \"range\";\n  tone?: GaugeTone;\n}\nexport interface MultiGaugeBarProps {\n  label: string;\n  icon?: ReactNode;\n  average?: number;\n  averageId?: string;\n  /** Configured ceiling in the same units. Observations above it remain visible. */\n  max?: number;\n  markers?: readonly GaugeMarker[];\n  formatValue?: (value: number) => string;\n  /** Shared unit shown beside the scale, e.g. cores or GiB. */\n  unit?: string;\n  /** Compact inline presentation for table cells, with marker values in the tooltip. */\n  variant?: \"default\" | \"cell\";\n  /** `sm` draws a thin 8px track without the inline usage text; values stay in the summary. */\n  size?: \"md\" | \"sm\";\n  className?: string;\n}\n\nconst markerTone: Record<GaugeTone, string> = {\n  neutral: \"text-muted-foreground\",\n  success: \"text-[var(--fs-success)]\",\n  warning: \"text-[var(--fs-warning)]\",\n  danger: \"text-[var(--fs-error)]\",\n  info: \"text-[var(--fs-info)]\",\n};\n\nexport function MultiGaugeBar({\n  label,\n  icon,\n  average,\n  averageId,\n  max,\n  markers = [],\n  formatValue = String,\n  unit,\n  variant = \"default\",\n  size = \"md\",\n  className,\n}: MultiGaugeBarProps) {\n  const values = [\n    ...markers.map((marker) => marker.value),\n    ...(average === undefined ? [] : [average]),\n    ...(max === undefined ? [] : [max]),\n  ];\n  if (values.some((value) => !Number.isFinite(value) || value < 0))\n    throw new Error(\"Gauge observations must be finite and non-negative\");\n  const ceiling = Math.max(0, ...values);\n  const position = (value: number) =>\n    ceiling === 0 ? 0 : (value / ceiling) * 100;\n  const placed: { position: number; lane: number }[] = [];\n  const layout = markers.map((marker) => {\n    const x = position(marker.value);\n    let lane = 0;\n    while (\n      marker.shape !== \"range\" &&\n      placed.some(\n        (item) => item.lane === lane && Math.abs(item.position - x) < 5,\n      )\n    )\n      lane++;\n    if (marker.shape !== \"range\") placed.push({ position: x, lane });\n    return { ...marker, position: x, lane };\n  });\n  const lanes = Math.max(0, ...placed.map((item) => item.lane));\n  const usageLabel =\n    average === undefined ? \"Not collected\" : formatValue(average);\n  const summary = `${label}${unit ? ` (${unit})` : \"\"}. ${average === undefined ? \"Average not collected\" : `Average ${formatValue(average)}`}. ${markers.map((marker) => `${marker.label} ${formatValue(marker.value)}`).join(\". \")}. Scale 0 to ${formatValue(ceiling)}`;\n  return (\n    <div\n      className={cn(\n        \"min-w-0 w-full text-sm tabular-nums\",\n        variant === \"default\" && \"rounded-xl border border-border bg-card p-4\",\n        className,\n      )}\n      role=\"img\"\n      aria-label={summary}\n      title={variant === \"cell\" ? summary : undefined}\n    >\n      {variant === \"default\" && (\n        <div className=\"flex items-center gap-1.5 font-medium text-foreground\">\n          {icon}\n          {label}\n        </div>\n      )}\n      <div\n        className={cn(\n          \"flex items-start gap-3\",\n          variant === \"default\" ? \"mt-3\" : \"py-1\",\n        )}\n      >\n        <div\n          className=\"relative mx-1 min-w-0 flex-1\"\n          style={{ paddingTop: `${8 + lanes * 8}px` }}\n        >\n          <div\n            data-gauge-track=\"\"\n            className={cn(\n              \"relative overflow-hidden bg-muted\",\n              size === \"sm\" ? \"h-2 rounded-sm\" : \"h-6 rounded-md\",\n            )}\n          >\n            {size === \"md\" && (\n              <span\n                id={averageId}\n                data-gauge-usage=\"\"\n                className=\"relative block truncate px-2 text-xs font-medium leading-6 text-foreground\"\n              >\n                {usageLabel}\n              </span>\n            )}\n            <div\n              data-gauge-fill=\"\"\n              {...(size === \"sm\" && averageId ? { id: averageId } : {})}\n              className={cn(\n                \"absolute inset-y-0 left-0 overflow-hidden bg-[var(--fs-success-500)]\",\n                size === \"sm\" ? \"rounded-sm\" : \"rounded-md\",\n              )}\n              style={{\n                width: `${average === undefined ? 0 : position(average)}%`,\n              }}\n            >\n              {size === \"md\" && (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"block whitespace-nowrap px-2 text-xs font-medium leading-6 text-white\"\n                >\n                  {usageLabel}\n                </span>\n              )}\n            </div>\n          </div>\n          {[...layout]\n            .sort((a, b) => b.lane - a.lane)\n            .map((marker, index) => (\n              <span\n                key={index}\n                data-gauge-marker={marker.label}\n                data-gauge-shape={marker.shape ?? \"pointer\"}\n                id={marker.id}\n                title={`${marker.label}: ${formatValue(marker.value)}`}\n                className={cn(\n                  \"absolute\",\n                  markerTone[marker.tone ?? \"neutral\"],\n                  marker.shape === \"range\"\n                    ? cn(\n                        \"border-dashed border-current\",\n                        size === \"sm\"\n                          ? \"h-2 rounded-sm border\"\n                          : \"h-6 rounded-md border-2\",\n                      )\n                    : \"w-2.5 -translate-x-1/2\",\n                )}\n                style={\n                  marker.shape === \"range\"\n                    ? {\n                        left: \"0%\",\n                        width: `${marker.position}%`,\n                        top: `${8 + lanes * 8}px`,\n                      }\n                    : {\n                        left: `${marker.position}%`,\n                        top: `${(lanes - marker.lane) * 8}px`,\n                        height: \"8px\",\n                      }\n                }\n              >\n                {marker.shape !== \"range\" && (\n                  <svg\n                    className=\"h-2 w-2.5 fill-current\"\n                    viewBox=\"0 0 10 8\"\n                    aria-hidden=\"true\"\n                  >\n                    <path d=\"M0 0H10L5 8Z\" />\n                  </svg>\n                )}\n              </span>\n            ))}\n          {variant === \"default\" && (\n            <div className=\"relative mt-3 h-5 text-xs text-muted-foreground\">\n              {(ceiling === 0 ? [0] : [0, 1, 2, 3]).map((tick) => (\n                <span\n                  key={tick}\n                  data-gauge-tick=\"\"\n                  className=\"absolute -translate-x-1/2\"\n                  style={{ left: `${tick * 25}%` }}\n                >\n                  {formatValue((ceiling / 4) * tick)}\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n        <span\n          data-gauge-max=\"\"\n          className={cn(\n            \"shrink-0 text-xs text-muted-foreground\",\n            size === \"sm\" ? \"leading-[8px]\" : \"leading-6\",\n          )}\n          style={{ paddingTop: `${8 + lanes * 8}px` }}\n        >\n          {formatValue(ceiling)}\n          {unit ? ` ${unit}` : \"\"}\n        </span>\n      </div>\n      {variant === \"default\" && (\n        <div className=\"mt-3 flex flex-wrap items-center gap-x-4 gap-y-2 text-xs text-muted-foreground\">\n          {average === undefined ? (\n            <span>Avg not collected</span>\n          ) : (\n            <span className=\"inline-flex items-center gap-1.5\">\n              <span\n                className=\"h-3 w-1 rounded-full bg-[var(--fs-success-500)]\"\n                aria-hidden=\"true\"\n              />\n              <span>Avg</span>{\" \"}\n              <span className=\"font-medium text-foreground\">\n                {formatValue(average)}\n              </span>\n            </span>\n          )}\n          {markers.map((marker, index) => (\n            <span key={index} className=\"inline-flex items-center gap-1.5\">\n              <svg\n                className={cn(\n                  \"h-2 w-2.5 fill-current\",\n                  markerTone[marker.tone ?? \"neutral\"],\n                )}\n                viewBox=\"0 0 10 8\"\n                aria-hidden=\"true\"\n              >\n                <path d=\"M0 0H10L5 8Z\" />\n              </svg>\n              <span>{marker.label}</span>{\" \"}\n              <span className=\"font-medium text-foreground\">\n                {formatValue(marker.value)}\n              </span>\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/data/MultiGaugeBar.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { GaugeTone } from './Gauge.js';
+export interface GaugeMarker {
+    label: string;
+    value: number;
+    id?: string;
+    /** Ranges outline zero to value; pointers mark observations and ceilings. */
+    shape?: "pointer" | "range";
+    tone?: GaugeTone;
+}
+export interface MultiGaugeBarProps {
+    label: string;
+    icon?: ReactNode;
+    average?: number;
+    averageId?: string;
+    /** Configured ceiling in the same units. Observations above it remain visible. */
+    max?: number;
+    markers?: readonly GaugeMarker[];
+    formatValue?: (value: number) => string;
+    /** Shared unit shown beside the scale, e.g. cores or GiB. */
+    unit?: string;
+    /** Compact inline presentation for table cells, with marker values in the tooltip. */
+    variant?: "default" | "cell";
+    /** `sm` draws a thin 8px track without the inline usage text; values stay in the summary. */
+    size?: "md" | "sm";
+    className?: string;
+}
+export declare function MultiGaugeBar({ label, icon, average, averageId, max, markers, formatValue, unit, variant, size, className, }: MultiGaugeBarProps): import("react").JSX.Element;
+//# sourceMappingURL=MultiGaugeBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiGaugeBar.d.ts","sourceRoot":"","sources":["../../src/data/MultiGaugeBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AACD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,SAAS,WAAW,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sFAAsF;IACtF,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,6FAA6F;IAC7F,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,OAAO,EACP,SAAS,EACT,GAAG,EACH,OAAY,EACZ,WAAoB,EACpB,IAAI,EACJ,OAAmB,EACnB,IAAW,EACX,SAAS,GACV,EAAE,kBAAkB,+BA4MpB"}

package/dist/data/MultiGaugeBar.js

@@ -0,0 +1,157 @@
+import { cn } from "../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/data/MultiGaugeBar.tsx
+var markerTone = {
+	neutral: "text-muted-foreground",
+	success: "text-[var(--fs-success)]",
+	warning: "text-[var(--fs-warning)]",
+	danger: "text-[var(--fs-error)]",
+	info: "text-[var(--fs-info)]"
+};
+function MultiGaugeBar({ label, icon, average, averageId, max, markers = [], formatValue = String, unit, variant = "default", size = "md", className }) {
+	const values = [
+		...markers.map((marker) => marker.value),
+		...average === void 0 ? [] : [average],
+		...max === void 0 ? [] : [max]
+	];
+	if (values.some((value) => !Number.isFinite(value) || value < 0)) throw new Error("Gauge observations must be finite and non-negative");
+	const ceiling = Math.max(0, ...values);
+	const position = (value) => ceiling === 0 ? 0 : value / ceiling * 100;
+	const placed = [];
+	const layout = markers.map((marker) => {
+		const x = position(marker.value);
+		let lane = 0;
+		while (marker.shape !== "range" && placed.some((item) => item.lane === lane && Math.abs(item.position - x) < 5)) lane++;
+		if (marker.shape !== "range") placed.push({
+			position: x,
+			lane
+		});
+		return {
+			...marker,
+			position: x,
+			lane
+		};
+	});
+	const lanes = Math.max(0, ...placed.map((item) => item.lane));
+	const usageLabel = average === void 0 ? "Not collected" : formatValue(average);
+	const summary = `${label}${unit ? ` (${unit})` : ""}. ${average === void 0 ? "Average not collected" : `Average ${formatValue(average)}`}. ${markers.map((marker) => `${marker.label} ${formatValue(marker.value)}`).join(". ")}. Scale 0 to ${formatValue(ceiling)}`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("min-w-0 w-full text-sm tabular-nums", variant === "default" && "rounded-xl border border-border bg-card p-4", className),
+		role: "img",
+		"aria-label": summary,
+		title: variant === "cell" ? summary : void 0,
+		children: [
+			variant === "default" && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1.5 font-medium text-foreground",
+				children: [icon, label]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: cn("flex items-start gap-3", variant === "default" ? "mt-3" : "py-1"),
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "relative mx-1 min-w-0 flex-1",
+					style: { paddingTop: `${8 + lanes * 8}px` },
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							"data-gauge-track": "",
+							className: cn("relative overflow-hidden bg-muted", size === "sm" ? "h-2 rounded-sm" : "h-6 rounded-md"),
+							children: [size === "md" && /* @__PURE__ */ jsx("span", {
+								id: averageId,
+								"data-gauge-usage": "",
+								className: "relative block truncate px-2 text-xs font-medium leading-6 text-foreground",
+								children: usageLabel
+							}), /* @__PURE__ */ jsx("div", {
+								"data-gauge-fill": "",
+								...size === "sm" && averageId ? { id: averageId } : {},
+								className: cn("absolute inset-y-0 left-0 overflow-hidden bg-[var(--fs-success-500)]", size === "sm" ? "rounded-sm" : "rounded-md"),
+								style: { width: `${average === void 0 ? 0 : position(average)}%` },
+								children: size === "md" && /* @__PURE__ */ jsx("span", {
+									"aria-hidden": "true",
+									className: "block whitespace-nowrap px-2 text-xs font-medium leading-6 text-white",
+									children: usageLabel
+								})
+							})]
+						}),
+						[...layout].sort((a, b) => b.lane - a.lane).map((marker, index) => /* @__PURE__ */ jsx("span", {
+							"data-gauge-marker": marker.label,
+							"data-gauge-shape": marker.shape ?? "pointer",
+							id: marker.id,
+							title: `${marker.label}: ${formatValue(marker.value)}`,
+							className: cn("absolute", markerTone[marker.tone ?? "neutral"], marker.shape === "range" ? cn("border-dashed border-current", size === "sm" ? "h-2 rounded-sm border" : "h-6 rounded-md border-2") : "w-2.5 -translate-x-1/2"),
+							style: marker.shape === "range" ? {
+								left: "0%",
+								width: `${marker.position}%`,
+								top: `${8 + lanes * 8}px`
+							} : {
+								left: `${marker.position}%`,
+								top: `${(lanes - marker.lane) * 8}px`,
+								height: "8px"
+							},
+							children: marker.shape !== "range" && /* @__PURE__ */ jsx("svg", {
+								className: "h-2 w-2.5 fill-current",
+								viewBox: "0 0 10 8",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ jsx("path", { d: "M0 0H10L5 8Z" })
+							})
+						}, index)),
+						variant === "default" && /* @__PURE__ */ jsx("div", {
+							className: "relative mt-3 h-5 text-xs text-muted-foreground",
+							children: (ceiling === 0 ? [0] : [
+								0,
+								1,
+								2,
+								3
+							]).map((tick) => /* @__PURE__ */ jsx("span", {
+								"data-gauge-tick": "",
+								className: "absolute -translate-x-1/2",
+								style: { left: `${tick * 25}%` },
+								children: formatValue(ceiling / 4 * tick)
+							}, tick))
+						})
+					]
+				}), /* @__PURE__ */ jsxs("span", {
+					"data-gauge-max": "",
+					className: cn("shrink-0 text-xs text-muted-foreground", size === "sm" ? "leading-[8px]" : "leading-6"),
+					style: { paddingTop: `${8 + lanes * 8}px` },
+					children: [formatValue(ceiling), unit ? ` ${unit}` : ""]
+				})]
+			}),
+			variant === "default" && /* @__PURE__ */ jsxs("div", {
+				className: "mt-3 flex flex-wrap items-center gap-x-4 gap-y-2 text-xs text-muted-foreground",
+				children: [average === void 0 ? /* @__PURE__ */ jsx("span", { children: "Avg not collected" }) : /* @__PURE__ */ jsxs("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "h-3 w-1 rounded-full bg-[var(--fs-success-500)]",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ jsx("span", { children: "Avg" }),
+						" ",
+						/* @__PURE__ */ jsx("span", {
+							className: "font-medium text-foreground",
+							children: formatValue(average)
+						})
+					]
+				}), markers.map((marker, index) => /* @__PURE__ */ jsxs("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ jsx("svg", {
+							className: cn("h-2 w-2.5 fill-current", markerTone[marker.tone ?? "neutral"]),
+							viewBox: "0 0 10 8",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ jsx("path", { d: "M0 0H10L5 8Z" })
+						}),
+						/* @__PURE__ */ jsx("span", { children: marker.label }),
+						" ",
+						/* @__PURE__ */ jsx("span", {
+							className: "font-medium text-foreground",
+							children: formatValue(marker.value)
+						})
+					]
+				}, index))]
+			})
+		]
+	});
+}
+export { MultiGaugeBar };
+
+//# sourceMappingURL=MultiGaugeBar.js.map

package/dist/data/MultiGaugeBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiGaugeBar.js","names":[],"sources":["../../src/data/MultiGaugeBar.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { GaugeTone } from \"./Gauge\";\n\nexport interface GaugeMarker {\n  label: string;\n  value: number;\n  id?: string;\n  /** Ranges outline zero to value; pointers mark observations and ceilings. */\n  shape?: \"pointer\" | \"range\";\n  tone?: GaugeTone;\n}\nexport interface MultiGaugeBarProps {\n  label: string;\n  icon?: ReactNode;\n  average?: number;\n  averageId?: string;\n  /** Configured ceiling in the same units. Observations above it remain visible. */\n  max?: number;\n  markers?: readonly GaugeMarker[];\n  formatValue?: (value: number) => string;\n  /** Shared unit shown beside the scale, e.g. cores or GiB. */\n  unit?: string;\n  /** Compact inline presentation for table cells, with marker values in the tooltip. */\n  variant?: \"default\" | \"cell\";\n  /** `sm` draws a thin 8px track without the inline usage text; values stay in the summary. */\n  size?: \"md\" | \"sm\";\n  className?: string;\n}\n\nconst markerTone: Record<GaugeTone, string> = {\n  neutral: \"text-muted-foreground\",\n  success: \"text-[var(--fs-success)]\",\n  warning: \"text-[var(--fs-warning)]\",\n  danger: \"text-[var(--fs-error)]\",\n  info: \"text-[var(--fs-info)]\",\n};\n\nexport function MultiGaugeBar({\n  label,\n  icon,\n  average,\n  averageId,\n  max,\n  markers = [],\n  formatValue = String,\n  unit,\n  variant = \"default\",\n  size = \"md\",\n  className,\n}: MultiGaugeBarProps) {\n  const values = [\n    ...markers.map((marker) => marker.value),\n    ...(average === undefined ? [] : [average]),\n    ...(max === undefined ? [] : [max]),\n  ];\n  if (values.some((value) => !Number.isFinite(value) || value < 0))\n    throw new Error(\"Gauge observations must be finite and non-negative\");\n  const ceiling = Math.max(0, ...values);\n  const position = (value: number) =>\n    ceiling === 0 ? 0 : (value / ceiling) * 100;\n  const placed: { position: number; lane: number }[] = [];\n  const layout = markers.map((marker) => {\n    const x = position(marker.value);\n    let lane = 0;\n    while (\n      marker.shape !== \"range\" &&\n      placed.some(\n        (item) => item.lane === lane && Math.abs(item.position - x) < 5,\n      )\n    )\n      lane++;\n    if (marker.shape !== \"range\") placed.push({ position: x, lane });\n    return { ...marker, position: x, lane };\n  });\n  const lanes = Math.max(0, ...placed.map((item) => item.lane));\n  const usageLabel =\n    average === undefined ? \"Not collected\" : formatValue(average);\n  const summary = `${label}${unit ? ` (${unit})` : \"\"}. ${average === undefined ? \"Average not collected\" : `Average ${formatValue(average)}`}. ${markers.map((marker) => `${marker.label} ${formatValue(marker.value)}`).join(\". \")}. Scale 0 to ${formatValue(ceiling)}`;\n  return (\n    <div\n      className={cn(\n        \"min-w-0 w-full text-sm tabular-nums\",\n        variant === \"default\" && \"rounded-xl border border-border bg-card p-4\",\n        className,\n      )}\n      role=\"img\"\n      aria-label={summary}\n      title={variant === \"cell\" ? summary : undefined}\n    >\n      {variant === \"default\" && (\n        <div className=\"flex items-center gap-1.5 font-medium text-foreground\">\n          {icon}\n          {label}\n        </div>\n      )}\n      <div\n        className={cn(\n          \"flex items-start gap-3\",\n          variant === \"default\" ? \"mt-3\" : \"py-1\",\n        )}\n      >\n        <div\n          className=\"relative mx-1 min-w-0 flex-1\"\n          style={{ paddingTop: `${8 + lanes * 8}px` }}\n        >\n          <div\n            data-gauge-track=\"\"\n            className={cn(\n              \"relative overflow-hidden bg-muted\",\n              size === \"sm\" ? \"h-2 rounded-sm\" : \"h-6 rounded-md\",\n            )}\n          >\n            {size === \"md\" && (\n              <span\n                id={averageId}\n                data-gauge-usage=\"\"\n                className=\"relative block truncate px-2 text-xs font-medium leading-6 text-foreground\"\n              >\n                {usageLabel}\n              </span>\n            )}\n            <div\n              data-gauge-fill=\"\"\n              {...(size === \"sm\" && averageId ? { id: averageId } : {})}\n              className={cn(\n                \"absolute inset-y-0 left-0 overflow-hidden bg-[var(--fs-success-500)]\",\n                size === \"sm\" ? \"rounded-sm\" : \"rounded-md\",\n              )}\n              style={{\n                width: `${average === undefined ? 0 : position(average)}%`,\n              }}\n            >\n              {size === \"md\" && (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"block whitespace-nowrap px-2 text-xs font-medium leading-6 text-white\"\n                >\n                  {usageLabel}\n                </span>\n              )}\n            </div>\n          </div>\n          {[...layout]\n            .sort((a, b) => b.lane - a.lane)\n            .map((marker, index) => (\n              <span\n                key={index}\n                data-gauge-marker={marker.label}\n                data-gauge-shape={marker.shape ?? \"pointer\"}\n                id={marker.id}\n                title={`${marker.label}: ${formatValue(marker.value)}`}\n                className={cn(\n                  \"absolute\",\n                  markerTone[marker.tone ?? \"neutral\"],\n                  marker.shape === \"range\"\n                    ? cn(\n                        \"border-dashed border-current\",\n                        size === \"sm\"\n                          ? \"h-2 rounded-sm border\"\n                          : \"h-6 rounded-md border-2\",\n                      )\n                    : \"w-2.5 -translate-x-1/2\",\n                )}\n                style={\n                  marker.shape === \"range\"\n                    ? {\n                        left: \"0%\",\n                        width: `${marker.position}%`,\n                        top: `${8 + lanes * 8}px`,\n                      }\n                    : {\n                        left: `${marker.position}%`,\n                        top: `${(lanes - marker.lane) * 8}px`,\n                        height: \"8px\",\n                      }\n                }\n              >\n                {marker.shape !== \"range\" && (\n                  <svg\n                    className=\"h-2 w-2.5 fill-current\"\n                    viewBox=\"0 0 10 8\"\n                    aria-hidden=\"true\"\n                  >\n                    <path d=\"M0 0H10L5 8Z\" />\n                  </svg>\n                )}\n              </span>\n            ))}\n          {variant === \"default\" && (\n            <div className=\"relative mt-3 h-5 text-xs text-muted-foreground\">\n              {(ceiling === 0 ? [0] : [0, 1, 2, 3]).map((tick) => (\n                <span\n                  key={tick}\n                  data-gauge-tick=\"\"\n                  className=\"absolute -translate-x-1/2\"\n                  style={{ left: `${tick * 25}%` }}\n                >\n                  {formatValue((ceiling / 4) * tick)}\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n        <span\n          data-gauge-max=\"\"\n          className={cn(\n            \"shrink-0 text-xs text-muted-foreground\",\n            size === \"sm\" ? \"leading-[8px]\" : \"leading-6\",\n          )}\n          style={{ paddingTop: `${8 + lanes * 8}px` }}\n        >\n          {formatValue(ceiling)}\n          {unit ? ` ${unit}` : \"\"}\n        </span>\n      </div>\n      {variant === \"default\" && (\n        <div className=\"mt-3 flex flex-wrap items-center gap-x-4 gap-y-2 text-xs text-muted-foreground\">\n          {average === undefined ? (\n            <span>Avg not collected</span>\n          ) : (\n            <span className=\"inline-flex items-center gap-1.5\">\n              <span\n                className=\"h-3 w-1 rounded-full bg-[var(--fs-success-500)]\"\n                aria-hidden=\"true\"\n              />\n              <span>Avg</span>{\" \"}\n              <span className=\"font-medium text-foreground\">\n                {formatValue(average)}\n              </span>\n            </span>\n          )}\n          {markers.map((marker, index) => (\n            <span key={index} className=\"inline-flex items-center gap-1.5\">\n              <svg\n                className={cn(\n                  \"h-2 w-2.5 fill-current\",\n                  markerTone[marker.tone ?? \"neutral\"],\n                )}\n                viewBox=\"0 0 10 8\"\n                aria-hidden=\"true\"\n              >\n                <path d=\"M0 0H10L5 8Z\" />\n              </svg>\n              <span>{marker.label}</span>{\" \"}\n              <span className=\"font-medium text-foreground\">\n                {formatValue(marker.value)}\n              </span>\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/data/OpenInFilesLink.cjs

@@ -0,0 +1,27 @@
+const require_utils = require("../lib/utils.cjs");
+const require_UiExternalLink = require("../icons/components/UiExternalLink.cjs");
+const require_Icon = require("./Icon.cjs");
+const require_button = require("../components/button.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/OpenInFilesLink.tsx
+/** A small "Open in Files" link that hands `target` to the host's `onOpenFile`. */
+function OpenInFilesLink({ target, onOpenFile, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_button.Button, {
+		type: "button",
+		variant: "link",
+		size: "sm",
+		className: require_utils.cn("h-auto gap-1 p-0 text-xs", className),
+		title: `Open ${target.file}${target.line ? `:${target.line}` : ""} in Files`,
+		onClick: (event) => {
+			event.stopPropagation();
+			onOpenFile(target);
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+			icon: require_UiExternalLink.UiExternalLink,
+			className: "text-xs"
+		}), "Open in Files"]
+	});
+}
+exports.OpenInFilesLink = OpenInFilesLink;
+
+//# sourceMappingURL=OpenInFilesLink.cjs.map

package/dist/data/OpenInFilesLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenInFilesLink.cjs","names":["Button","cn","Icon","UiExternalLink"],"sources":["../../src/data/OpenInFilesLink.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { UiExternalLink } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\n\n/** A file, and optionally a line in it, for a host to open in its annotated file view. */\nexport type OpenFileTarget = {\n  /** Path relative to `workDir` when it lives under it. */\n  file: string;\n  workDir?: string | undefined;\n  line?: number | undefined;\n};\n\nexport type OpenInFilesLinkProps = {\n  target: OpenFileTarget;\n  onOpenFile: (target: OpenFileTarget) => void;\n  className?: string | undefined;\n};\n\n/** A small \"Open in Files\" link that hands `target` to the host's `onOpenFile`. */\nexport function OpenInFilesLink({ target, onOpenFile, className }: OpenInFilesLinkProps) {\n  return (\n    <Button\n      type=\"button\"\n      variant=\"link\"\n      size=\"sm\"\n      className={cn(\"h-auto gap-1 p-0 text-xs\", className)}\n      title={`Open ${target.file}${target.line ? `:${target.line}` : \"\"} in Files`}\n      onClick={(event) => {\n        event.stopPropagation();\n        onOpenFile(target);\n      }}\n    >\n      <Icon icon={UiExternalLink} className=\"text-xs\" />\n      Open in Files\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,gBAAgB,EAAE,QAAQ,YAAY,aAAmC;CACvF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,eAAAA,QAAD;EACE,MAAK;EACL,SAAQ;EACR,MAAK;EACL,WAAWC,cAAAA,GAAG,4BAA4B,SAAS;EACnD,OAAO,QAAQ,OAAO,OAAO,OAAO,OAAO,IAAI,OAAO,SAAS,GAAG;EAClE,UAAU,UAAU;GAClB,MAAM,gBAAgB;GACtB,WAAW,MAAM;EACnB;EATF,UAAA,CAWE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;GAAM,MAAMC,uBAAAA;GAAgB,WAAU;EAAW,CAAA,GAAC,eAE5C;;AAEZ"}

package/dist/data/OpenInFilesLink.d.ts

@@ -0,0 +1,15 @@
+/** A file, and optionally a line in it, for a host to open in its annotated file view. */
+export type OpenFileTarget = {
+    /** Path relative to `workDir` when it lives under it. */
+    file: string;
+    workDir?: string | undefined;
+    line?: number | undefined;
+};
+export type OpenInFilesLinkProps = {
+    target: OpenFileTarget;
+    onOpenFile: (target: OpenFileTarget) => void;
+    className?: string | undefined;
+};
+/** A small "Open in Files" link that hands `target` to the host's `onOpenFile`. */
+export declare function OpenInFilesLink({ target, onOpenFile, className }: OpenInFilesLinkProps): import("react").JSX.Element;
+//# sourceMappingURL=OpenInFilesLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpenInFilesLink.d.ts","sourceRoot":"","sources":["../../src/data/OpenInFilesLink.tsx"],"names":[],"mappings":"AAKA,0FAA0F;AAC1F,MAAM,MAAM,cAAc,GAAG;IAC3B,yDAAyD;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,mFAAmF;AACnF,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAiBtF"}

package/dist/data/OpenInFilesLink.js

@@ -0,0 +1,27 @@
+import { cn } from "../lib/utils.js";
+import { UiExternalLink } from "../icons/components/UiExternalLink.js";
+import { Icon } from "./Icon.js";
+import { Button } from "../components/button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/data/OpenInFilesLink.tsx
+/** A small "Open in Files" link that hands `target` to the host's `onOpenFile`. */
+function OpenInFilesLink({ target, onOpenFile, className }) {
+	return /* @__PURE__ */ jsxs(Button, {
+		type: "button",
+		variant: "link",
+		size: "sm",
+		className: cn("h-auto gap-1 p-0 text-xs", className),
+		title: `Open ${target.file}${target.line ? `:${target.line}` : ""} in Files`,
+		onClick: (event) => {
+			event.stopPropagation();
+			onOpenFile(target);
+		},
+		children: [/* @__PURE__ */ jsx(Icon, {
+			icon: UiExternalLink,
+			className: "text-xs"
+		}), "Open in Files"]
+	});
+}
+export { OpenInFilesLink };
+
+//# sourceMappingURL=OpenInFilesLink.js.map

package/dist/data/OpenInFilesLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenInFilesLink.js","names":[],"sources":["../../src/data/OpenInFilesLink.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { UiExternalLink } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\n\n/** A file, and optionally a line in it, for a host to open in its annotated file view. */\nexport type OpenFileTarget = {\n  /** Path relative to `workDir` when it lives under it. */\n  file: string;\n  workDir?: string | undefined;\n  line?: number | undefined;\n};\n\nexport type OpenInFilesLinkProps = {\n  target: OpenFileTarget;\n  onOpenFile: (target: OpenFileTarget) => void;\n  className?: string | undefined;\n};\n\n/** A small \"Open in Files\" link that hands `target` to the host's `onOpenFile`. */\nexport function OpenInFilesLink({ target, onOpenFile, className }: OpenInFilesLinkProps) {\n  return (\n    <Button\n      type=\"button\"\n      variant=\"link\"\n      size=\"sm\"\n      className={cn(\"h-auto gap-1 p-0 text-xs\", className)}\n      title={`Open ${target.file}${target.line ? `:${target.line}` : \"\"} in Files`}\n      onClick={(event) => {\n        event.stopPropagation();\n        onOpenFile(target);\n      }}\n    >\n      <Icon icon={UiExternalLink} className=\"text-xs\" />\n      Open in Files\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,gBAAgB,EAAE,QAAQ,YAAY,aAAmC;CACvF,OACE,qBAAC,QAAD;EACE,MAAK;EACL,SAAQ;EACR,MAAK;EACL,WAAW,GAAG,4BAA4B,SAAS;EACnD,OAAO,QAAQ,OAAO,OAAO,OAAO,OAAO,IAAI,OAAO,SAAS,GAAG;EAClE,UAAU,UAAU;GAClB,MAAM,gBAAgB;GACtB,WAAW,MAAM;EACnB;EATF,UAAA,CAWE,oBAAC,MAAD;GAAM,MAAM;GAAgB,WAAU;EAAW,CAAA,GAAC,eAE5C;;AAEZ"}