@elabs-ai/components-ai 4.2.0 → 5.0.0

package/dist/chunk-UCKFJ3QF.js

@@ -0,0 +1,197 @@
+"use client";
+
+// src/commit.tsx
+import { Avatar, AvatarFallback } from "@elabs-ai/components-ui";
+import { Button } from "@elabs-ai/components-ui";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@elabs-ai/components-ui";
+import { useCopyToClipboard, useLocale } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { CheckIcon, CopyIcon, FileIcon, GitCommitIcon, MinusIcon, PlusIcon } from "lucide-react";
+import { useCallback, useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Commit = ({ className, children, ...props }) => /* @__PURE__ */ jsx(Collapsible, { className: cn("rounded-lg border bg-background", className), ...props, children });
+var CommitHeader = ({ className, children, ...props }) => /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, ...props, children: /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "group flex cursor-pointer items-center justify-between gap-4 p-3 text-start transition-colors hover:opacity-80",
+      className
+    ),
+    children
+  }
+) });
+var CommitHash = ({ className, children, ...props }) => /* @__PURE__ */ jsxs("span", { className: cn("font-mono text-meta", className), ...props, children: [
+  /* @__PURE__ */ jsx(GitCommitIcon, { className: "me-1 inline-block size-3" }),
+  children
+] });
+var CommitMessage = ({ className, children, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("font-medium text-body", className), ...props, children });
+var CommitMetadata = ({ className, children, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("flex items-center gap-2 text-muted-foreground text-meta", className),
+    ...props,
+    children
+  }
+);
+var CommitSeparator = ({ className, children, ...props }) => /* @__PURE__ */ jsx("span", { className, ...props, children: children ?? "\u2022" });
+var CommitInfo = ({ className, children, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-1 flex-col", className), ...props, children });
+var CommitAuthor = ({ className, children, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex items-center", className), ...props, children });
+var CommitAuthorAvatar = ({ initials, className, ...props }) => /* @__PURE__ */ jsx(Avatar, { className: cn("size-8", className), ...props, children: /* @__PURE__ */ jsx(AvatarFallback, { className: "text-meta", children: initials }) });
+var formatRelativeDate = (date, locale) => {
+  const days = Math.round((date.getTime() - Date.now()) / (1e3 * 60 * 60 * 24));
+  return new Intl.RelativeTimeFormat(locale, { numeric: "auto" }).format(days, "day");
+};
+var CommitTimestamp = ({ date, className, children, ...props }) => {
+  const { locale } = useLocale();
+  const [formatted, setFormatted] = useState("");
+  const updateFormatted = useCallback(() => {
+    setFormatted(formatRelativeDate(date, locale));
+  }, [date, locale]);
+  useEffect(() => {
+    updateFormatted();
+  }, [updateFormatted]);
+  return /* @__PURE__ */ jsx("time", { className: cn("text-meta", className), dateTime: date.toISOString(), ...props, children: children ?? formatted });
+};
+var handleActionsClick = (e) => e.stopPropagation();
+var handleActionsKeyDown = (e) => e.stopPropagation();
+var CommitActions = ({ className, children, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("flex items-center gap-1", className),
+    onClick: handleActionsClick,
+    onKeyDown: handleActionsKeyDown,
+    role: "group",
+    ...props,
+    children
+  }
+);
+var CommitCopyButton = ({
+  hash,
+  onCopy,
+  onError,
+  timeout,
+  children,
+  className,
+  "aria-label": ariaLabel,
+  ...props
+}) => {
+  const { t } = useLocale();
+  const { copied: isCopied, copy } = useCopyToClipboard({ resetAfterMs: timeout ?? 2e3 });
+  const copyToClipboard = useCallback(async () => {
+    const ok = await copy(hash);
+    if (ok) {
+      onCopy?.();
+    } else {
+      onError?.(new Error("Clipboard API not available"));
+    }
+  }, [copy, hash, onCopy, onError]);
+  const Icon = isCopied ? CheckIcon : CopyIcon;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      "aria-label": ariaLabel ?? t("copy"),
+      className: cn("size-7 shrink-0", className),
+      onClick: copyToClipboard,
+      size: "icon",
+      variant: "ghost",
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(Icon, { size: 14 })
+    }
+  );
+};
+var CommitContent = ({ className, children, ...props }) => /* @__PURE__ */ jsx(CollapsibleContent, { className: cn("border-t p-3", className), ...props, children });
+var CommitFiles = ({ className, children, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("space-y-1", className), ...props, children });
+var CommitFile = ({ className, children, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex items-center justify-between gap-2 rounded px-2 py-1 text-body hover:bg-muted/50",
+      className
+    ),
+    ...props,
+    children
+  }
+);
+var CommitFileInfo = ({ className, children, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex min-w-0 items-center gap-2", className), ...props, children });
+var fileStatusStyles = {
+  added: "text-success-text",
+  deleted: "text-destructive-text",
+  modified: "text-warning-text",
+  renamed: "text-info-text"
+};
+var fileStatusLabels = {
+  added: "A",
+  deleted: "D",
+  modified: "M",
+  renamed: "R"
+};
+var CommitFileStatus = ({
+  status,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: cn("font-medium font-mono text-meta", fileStatusStyles[status], className),
+    ...props,
+    children: children ?? fileStatusLabels[status]
+  }
+);
+var CommitFileIcon = ({ className, ...props }) => /* @__PURE__ */ jsx(FileIcon, { className: cn("size-3.5 shrink-0 text-muted-foreground", className), ...props });
+var CommitFilePath = ({ className, children, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("truncate font-mono text-meta", className), ...props, children });
+var CommitFileChanges = ({ className, children, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex shrink-0 items-center gap-1 font-mono text-meta", className), ...props, children });
+var CommitFileAdditions = ({
+  count,
+  className,
+  children,
+  ...props
+}) => {
+  if (count <= 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("span", { className: cn("text-success-text", className), ...props, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(PlusIcon, { className: "inline-block size-3" }),
+    count
+  ] }) });
+};
+var CommitFileDeletions = ({
+  count,
+  className,
+  children,
+  ...props
+}) => {
+  if (count <= 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("span", { className: cn("text-destructive-text", className), ...props, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MinusIcon, { className: "inline-block size-3" }),
+    count
+  ] }) });
+};
+
+export {
+  Commit,
+  CommitHeader,
+  CommitHash,
+  CommitMessage,
+  CommitMetadata,
+  CommitSeparator,
+  CommitInfo,
+  CommitAuthor,
+  CommitAuthorAvatar,
+  CommitTimestamp,
+  CommitActions,
+  CommitCopyButton,
+  CommitContent,
+  CommitFiles,
+  CommitFile,
+  CommitFileInfo,
+  CommitFileStatus,
+  CommitFileIcon,
+  CommitFilePath,
+  CommitFileChanges,
+  CommitFileAdditions,
+  CommitFileDeletions
+};
+//# sourceMappingURL=chunk-UCKFJ3QF.js.map

package/dist/chunk-UCKFJ3QF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/commit.tsx"],"sourcesContent":["\"use client\";\n\nimport { Avatar, AvatarFallback } from \"@elabs-ai/components-ui\";\nimport { Button } from \"@elabs-ai/components-ui\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"@elabs-ai/components-ui\";\nimport { useCopyToClipboard, useLocale } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { CheckIcon, CopyIcon, FileIcon, GitCommitIcon, MinusIcon, PlusIcon } from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport type CommitProps = ComponentProps<typeof Collapsible>;\n\nexport const Commit = ({ className, children, ...props }: CommitProps) => (\n  <Collapsible className={cn(\"rounded-lg border bg-background\", className)} {...props}>\n    {children}\n  </Collapsible>\n);\n\nexport type CommitHeaderProps = ComponentProps<typeof CollapsibleTrigger>;\n\nexport const CommitHeader = ({ className, children, ...props }: CommitHeaderProps) => (\n  <CollapsibleTrigger asChild {...props}>\n    <div\n      className={cn(\n        \"group flex cursor-pointer items-center justify-between gap-4 p-3 text-start transition-colors hover:opacity-80\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  </CollapsibleTrigger>\n);\n\nexport type CommitHashProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const CommitHash = ({ className, children, ...props }: CommitHashProps) => (\n  <span className={cn(\"font-mono text-meta\", className)} {...props}>\n    <GitCommitIcon className=\"me-1 inline-block size-3\" />\n    {children}\n  </span>\n);\n\nexport type CommitMessageProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const CommitMessage = ({ className, children, ...props }: CommitMessageProps) => (\n  <span className={cn(\"font-medium text-body\", className)} {...props}>\n    {children}\n  </span>\n);\n\nexport type CommitMetadataProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitMetadata = ({ className, children, ...props }: CommitMetadataProps) => (\n  <div\n    className={cn(\"flex items-center gap-2 text-muted-foreground text-meta\", className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type CommitSeparatorProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const CommitSeparator = ({ className, children, ...props }: CommitSeparatorProps) => (\n  <span className={className} {...props}>\n    {children ?? \"•\"}\n  </span>\n);\n\nexport type CommitInfoProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitInfo = ({ className, children, ...props }: CommitInfoProps) => (\n  <div className={cn(\"flex flex-1 flex-col\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type CommitAuthorProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitAuthor = ({ className, children, ...props }: CommitAuthorProps) => (\n  <div className={cn(\"flex items-center\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type CommitAuthorAvatarProps = ComponentProps<typeof Avatar> & {\n  initials: string;\n};\n\nexport const CommitAuthorAvatar = ({ initials, className, ...props }: CommitAuthorAvatarProps) => (\n  <Avatar className={cn(\"size-8\", className)} {...props}>\n    <AvatarFallback className=\"text-meta\">{initials}</AvatarFallback>\n  </Avatar>\n);\n\nexport type CommitTimestampProps = HTMLAttributes<HTMLTimeElement> & {\n  date: Date;\n};\n\nconst formatRelativeDate = (date: Date, locale: string) => {\n  const days = Math.round((date.getTime() - Date.now()) / (1000 * 60 * 60 * 24));\n  return new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" }).format(days, \"day\");\n};\n\nexport const CommitTimestamp = ({ date, className, children, ...props }: CommitTimestampProps) => {\n  const { locale } = useLocale();\n  const [formatted, setFormatted] = useState(\"\");\n\n  const updateFormatted = useCallback(() => {\n    setFormatted(formatRelativeDate(date, locale));\n  }, [date, locale]);\n\n  useEffect(() => {\n    updateFormatted();\n  }, [updateFormatted]);\n\n  return (\n    <time className={cn(\"text-meta\", className)} dateTime={date.toISOString()} {...props}>\n      {children ?? formatted}\n    </time>\n  );\n};\n\nexport type CommitActionsProps = HTMLAttributes<HTMLDivElement>;\n\nconst handleActionsClick = (e: React.MouseEvent) => e.stopPropagation();\nconst handleActionsKeyDown = (e: React.KeyboardEvent) => e.stopPropagation();\n\nexport const CommitActions = ({ className, children, ...props }: CommitActionsProps) => (\n  <div\n    className={cn(\"flex items-center gap-1\", className)}\n    onClick={handleActionsClick}\n    onKeyDown={handleActionsKeyDown}\n    role=\"group\"\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type CommitCopyButtonProps = ComponentProps<typeof Button> & {\n  hash: string;\n  onCopy?: () => void;\n  onError?: (error: Error) => void;\n  timeout?: number;\n};\n\nexport const CommitCopyButton = ({\n  hash,\n  onCopy,\n  onError,\n  timeout,\n  children,\n  className,\n  \"aria-label\": ariaLabel,\n  ...props\n}: CommitCopyButtonProps) => {\n  const { t } = useLocale();\n  // Shared implementation (`@elabs-ai/components-ui`) instead of a private\n  // copy of the same copy-to-clipboard state machine (issue-workflow.md\n  // dedupe finding) — see `CodeBlockCopyButton` for the reference usage.\n  const { copied: isCopied, copy } = useCopyToClipboard({ resetAfterMs: timeout ?? 2000 });\n\n  const copyToClipboard = useCallback(async () => {\n    const ok = await copy(hash);\n    if (ok) {\n      onCopy?.();\n    } else {\n      onError?.(new Error(\"Clipboard API not available\"));\n    }\n  }, [copy, hash, onCopy, onError]);\n\n  const Icon = isCopied ? CheckIcon : CopyIcon;\n\n  return (\n    <Button\n      aria-label={ariaLabel ?? t(\"copy\")}\n      className={cn(\"size-7 shrink-0\", className)}\n      onClick={copyToClipboard}\n      size=\"icon\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <Icon size={14} />}\n    </Button>\n  );\n};\n\nexport type CommitContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const CommitContent = ({ className, children, ...props }: CommitContentProps) => (\n  <CollapsibleContent className={cn(\"border-t p-3\", className)} {...props}>\n    {children}\n  </CollapsibleContent>\n);\n\nexport type CommitFilesProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitFiles = ({ className, children, ...props }: CommitFilesProps) => (\n  <div className={cn(\"space-y-1\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type CommitFileProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitFile = ({ className, children, ...props }: CommitFileProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-between gap-2 rounded px-2 py-1 text-body hover:bg-muted/50\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type CommitFileInfoProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitFileInfo = ({ className, children, ...props }: CommitFileInfoProps) => (\n  <div className={cn(\"flex min-w-0 items-center gap-2\", className)} {...props}>\n    {children}\n  </div>\n);\n\nconst fileStatusStyles = {\n  added: \"text-success-text\",\n  deleted: \"text-destructive-text\",\n  modified: \"text-warning-text\",\n  renamed: \"text-info-text\",\n};\n\nconst fileStatusLabels = {\n  added: \"A\",\n  deleted: \"D\",\n  modified: \"M\",\n  renamed: \"R\",\n};\n\nexport type CommitFileStatusProps = HTMLAttributes<HTMLSpanElement> & {\n  status: \"added\" | \"modified\" | \"deleted\" | \"renamed\";\n};\n\nexport const CommitFileStatus = ({\n  status,\n  className,\n  children,\n  ...props\n}: CommitFileStatusProps) => (\n  <span\n    className={cn(\"font-medium font-mono text-meta\", fileStatusStyles[status], className)}\n    {...props}\n  >\n    {children ?? fileStatusLabels[status]}\n  </span>\n);\n\nexport type CommitFileIconProps = ComponentProps<typeof FileIcon>;\n\nexport const CommitFileIcon = ({ className, ...props }: CommitFileIconProps) => (\n  <FileIcon className={cn(\"size-3.5 shrink-0 text-muted-foreground\", className)} {...props} />\n);\n\nexport type CommitFilePathProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const CommitFilePath = ({ className, children, ...props }: CommitFilePathProps) => (\n  <span className={cn(\"truncate font-mono text-meta\", className)} {...props}>\n    {children}\n  </span>\n);\n\nexport type CommitFileChangesProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CommitFileChanges = ({ className, children, ...props }: CommitFileChangesProps) => (\n  <div className={cn(\"flex shrink-0 items-center gap-1 font-mono text-meta\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type CommitFileAdditionsProps = HTMLAttributes<HTMLSpanElement> & {\n  count: number;\n};\n\nexport const CommitFileAdditions = ({\n  count,\n  className,\n  children,\n  ...props\n}: CommitFileAdditionsProps) => {\n  if (count <= 0) {\n    return null;\n  }\n\n  return (\n    <span className={cn(\"text-success-text\", className)} {...props}>\n      {children ?? (\n        <>\n          <PlusIcon className=\"inline-block size-3\" />\n          {count}\n        </>\n      )}\n    </span>\n  );\n};\n\nexport type CommitFileDeletionsProps = HTMLAttributes<HTMLSpanElement> & {\n  count: number;\n};\n\nexport const CommitFileDeletions = ({\n  count,\n  className,\n  children,\n  ...props\n}: CommitFileDeletionsProps) => {\n  if (count <= 0) {\n    return null;\n  }\n\n  return (\n    <span className={cn(\"text-destructive-text\", className)} {...props}>\n      {children ?? (\n        <>\n          <MinusIcon className=\"inline-block size-3\" />\n          {count}\n        </>\n      )}\n    </span>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-UPXSLILN.js

@@ -0,0 +1,20 @@
+"use client";
+import {
+  lazyFlowPart
+} from "./chunk-NMVNNO3L.js";
+
+// src/toolbar.tsx
+import { Suspense } from "react";
+import { jsx } from "react/jsx-runtime";
+var NodeToolbarImpl = lazyFlowPart((m) => m.Toolbar);
+var NodeToolbar = (props) => (
+  // `NodeToolbar` only ever renders inside a `<Canvas>` (it portals out of the
+  // node), so the engine chunk is already in cache; it is wrapped anyway because
+  // it is independently barrel-exported.
+  /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(NodeToolbarImpl, { "data-slot": "node-toolbar", ...props }) })
+);
+
+export {
+  NodeToolbar
+};
+//# sourceMappingURL=chunk-UPXSLILN.js.map

package/dist/chunk-UPXSLILN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport type { NodeToolbar as FlowNodeToolbar } from \"@xyflow/react\";\nimport type { ComponentProps } from \"react\";\nimport { Suspense } from \"react\";\n\nimport { lazyFlowPart } from \"./_flow-lazy\";\n\nexport type NodeToolbarProps = ComponentProps<typeof FlowNodeToolbar>;\n\n/** React Flow lives behind a dynamic import — see `_flow-lazy.ts` and ADR 0019. */\nconst NodeToolbarImpl = lazyFlowPart<NodeToolbarProps>((m) => m.Toolbar);\n\n/**\n * The floating control strip attached to a selected canvas NODE — it portals out\n * of the node and follows it, and it is meaningless outside a `<Canvas>`.\n *\n * Named `NodeToolbar` (after the React Flow primitive it wraps) because\n * `Toolbar` now means the general-purpose WAI-ARIA toolbar in\n * `@elabs-ai/components-ui`: a keyboard row with a roving tabindex.\n * The two solve unrelated problems, and the collision made \"use the Toolbar\"\n * ambiguous at every call site.\n */\nexport const NodeToolbar = (props: NodeToolbarProps) => (\n  // `NodeToolbar` only ever renders inside a `<Canvas>` (it portals out of the\n  // node), so the engine chunk is already in cache; it is wrapped anyway because\n  // it is independently barrel-exported.\n  <Suspense fallback={null}>\n    {/* The strip portals out of the node it belongs to, so it is nowhere near\n        that node in the DOM — a stable selector is the only way a consumer or a\n        test can find it. Overridable, like every other `data-slot`. */}\n    <NodeToolbarImpl data-slot=\"node-toolbar\" {...props} />\n  </Suspense>\n);\n"],"mappings":";;;;;;AAIA,SAAS,gBAAgB;AA2BrB;AApBJ,IAAM,kBAAkB,aAA+B,CAAC,MAAM,EAAE,OAAO;AAYhE,IAAM,cAAc,CAAC;AAAA;AAAA;AAAA;AAAA,EAI1B,oBAAC,YAAS,UAAU,MAIlB,8BAAC,mBAAgB,aAAU,gBAAgB,GAAG,OAAO,GACvD;AAAA;","names":[]}

package/dist/chunk-V4DORGWJ.js

@@ -0,0 +1,92 @@
+"use client";
+import {
+  getStreamdownPluginsKey,
+  useStreamdownMermaidOptions,
+  useStreamdownPlugins,
+  useStreamdownTranslations
+} from "./chunk-PQBF6ZIQ.js";
+import {
+  stripSanitizerOverrides,
+  warnOnTrustedPluginSlots
+} from "./chunk-DZW6LM22.js";
+
+// src/markdown-view.tsx
+import {
+  ProseBlockquote,
+  ProseHeading,
+  ProseInlineCode,
+  ProseLink,
+  ProseList,
+  ProseListItem,
+  ProseText
+} from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { useMemo } from "react";
+import { Streamdown } from "streamdown";
+import { jsx } from "react/jsx-runtime";
+var MAX_HEADING_LEVEL = 6;
+var clampHeadingLevel = (level) => Math.min(MAX_HEADING_LEVEL, Math.max(1, level));
+function buildProseComponents(baseHeadingLevel) {
+  const heading = (markdownLevel) => ({ node: _node, ...props }) => /* @__PURE__ */ jsx(ProseHeading, { level: clampHeadingLevel(markdownLevel + baseHeadingLevel - 1), ...props });
+  return {
+    h1: heading(1),
+    h2: heading(2),
+    h3: heading(3),
+    h4: heading(4),
+    h5: heading(5),
+    h6: heading(6),
+    p: ({ node: _node, ...props }) => /* @__PURE__ */ jsx(ProseText, { ...props }),
+    a: ({ node: _node, ...props }) => /* @__PURE__ */ jsx(ProseLink, { ...props }),
+    // `ref` is stripped: ProseList's intersection ref type (ul & ol) is
+    // narrower than the per-element ref react-markdown passes.
+    ul: ({ node: _node, ref: _ref, ...props }) => /* @__PURE__ */ jsx(ProseList, { ...props }),
+    ol: ({ node: _node, ref: _ref, ...props }) => /* @__PURE__ */ jsx(ProseList, { ordered: true, ...props }),
+    li: ({ node: _node, ...props }) => /* @__PURE__ */ jsx(ProseListItem, { ...props }),
+    blockquote: ({ node: _node, ...props }) => /* @__PURE__ */ jsx(ProseBlockquote, { ...props }),
+    code: ({ node: _node, className, ...props }) => /\blanguage-/.test(className ?? "") ? /* @__PURE__ */ jsx("code", { className, ...props }) : /* @__PURE__ */ jsx(ProseInlineCode, { className, ...props })
+  };
+}
+var MarkdownView = ({
+  baseHeadingLevel = 1,
+  className,
+  children,
+  components: componentOverrides,
+  plugins: pluginOverrides,
+  ...props
+}) => {
+  stripSanitizerOverrides(props);
+  const internalComponents = useMemo(
+    () => buildProseComponents(baseHeadingLevel),
+    [baseHeadingLevel]
+  );
+  const components = useMemo(
+    () => ({ ...internalComponents, ...componentOverrides }),
+    [internalComponents, componentOverrides]
+  );
+  const translations = useStreamdownTranslations();
+  const internalPlugins = useStreamdownPlugins(typeof children === "string" ? children : "");
+  const plugins = useMemo(() => {
+    warnOnTrustedPluginSlots(pluginOverrides, internalPlugins);
+    return { ...internalPlugins, ...pluginOverrides };
+  }, [internalPlugins, pluginOverrides]);
+  const mermaidOptions = useStreamdownMermaidOptions();
+  return /* @__PURE__ */ jsx(
+    Streamdown,
+    {
+      "data-slot": "markdown-view",
+      className: cn("space-y-3 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className),
+      components,
+      plugins,
+      translations,
+      mermaid: mermaidOptions,
+      ...props,
+      children
+    },
+    getStreamdownPluginsKey(internalPlugins)
+  );
+};
+
+export {
+  MarkdownView
+};
+//# sourceMappingURL=chunk-V4DORGWJ.js.map

package/dist/chunk-V4DORGWJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/markdown-view.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * MarkdownView — the branded READ-ONLY markdown renderer (#193, research 04 §5).\n *\n * Renders a markdown *document* as a document — never as Shiki source (that\n * was the ASSET-2 defect: `CodeBlock code={…} language=\"markdown\"`). Built on\n * the EXISTING `streamdown` dependency (no new heavy dep), but unlike the\n * streaming `MessageResponse` it maps the element tree onto the promoted\n * `Prose*` primitives from `@elabs-ai/components-ui` via a `components` map.\n *\n * What is SHARED is the `Prose*` set — plus the Streamdown locale bridge in\n * `_streamdown-i18n` and `ui`'s `streamdown-translations` — NOT the renderer and\n * NOT the element map. The wording this docblock used to carry (\"one source-owned\n * prose set for chat answers, the editor preview and this view\") kept being read\n * as \"one renderer\", and it never meant that. Three branded document renderers\n * ship, and their element MAPS stay per-surface on purpose:\n *   - this view — `baseHeadingLevel` for a constrained rung, and a sanitiser\n *     chain locked at the type level AND at runtime;\n *   - `@elabs-ai/components-editor`'s `MarkdownPreview` — the brand `:::card` /\n *     `:::callout` / `::metric` / `:::timeline` dialect, and every standard\n *     element wrapped to attach `data-sourcepos`, the ghost-diff wash and the\n *     search wash, with slug ids and a heading-action slot on headings;\n *   - `@elabs-ai/components-viewer`'s markdown adapter — a file the app did not\n *     write, so no plugins and no streaming.\n * `ai`, `editor` and `viewer` are layer-2 leaves that may not import one\n * another, so the half that COULD move down already has; and `streamdown` must\n * never follow it into `ui` — see the rule stated in\n * `packages/ui/src/lib/streamdown-translations.ts` — or every consumer of every\n * foundation component would carry it. Re-litigated and re-ratified 2026-09-03:\n * the three maps are the decision, not an unpaid debt.\n *\n * `baseHeadingLevel` is the constrained-rung seam (research 04 §5 / 09 §G.2):\n * inside a narrow rail pass `baseHeadingLevel={2}` so a document `#` renders\n * at the `title` rung, not the reading-scale h1 — never \"biggest text on\n * screen\" inside a 20rem panel.\n */\nimport {\n  ProseBlockquote,\n  ProseHeading,\n  ProseInlineCode,\n  ProseLink,\n  ProseList,\n  ProseListItem,\n  ProseText,\n  type ProseHeadingLevel,\n} from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { stripSanitizerOverrides, warnOnTrustedPluginSlots } from \"./_streamdown-safety\";\nimport {\n  getStreamdownPluginsKey,\n  useStreamdownMermaidOptions,\n  useStreamdownPlugins,\n  useStreamdownTranslations,\n} from \"./_streamdown-i18n\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\nimport { Streamdown } from \"streamdown\";\n\ntype StreamdownComponents = NonNullable<ComponentProps<typeof Streamdown>[\"components\"]>;\ntype StreamdownPlugins = ComponentProps<typeof Streamdown>[\"plugins\"];\n\nconst MAX_HEADING_LEVEL = 6;\n\nconst clampHeadingLevel = (level: number): ProseHeadingLevel =>\n  Math.min(MAX_HEADING_LEVEL, Math.max(1, level)) as ProseHeadingLevel;\n\n/**\n * Map the markdown element tree onto the Prose* primitives. Fenced code blocks\n * (className `language-*`) stay with the streamdown `code` plugin (Shiki);\n * only INLINE code re-maps to `ProseInlineCode`.\n */\nfunction buildProseComponents(baseHeadingLevel: ProseHeadingLevel): StreamdownComponents {\n  const heading =\n    (markdownLevel: number): StreamdownComponents[\"h1\"] =>\n    ({ node: _node, ...props }) => (\n      <ProseHeading level={clampHeadingLevel(markdownLevel + baseHeadingLevel - 1)} {...props} />\n    );\n  return {\n    h1: heading(1),\n    h2: heading(2),\n    h3: heading(3),\n    h4: heading(4),\n    h5: heading(5),\n    h6: heading(6),\n    p: ({ node: _node, ...props }) => <ProseText {...props} />,\n    a: ({ node: _node, ...props }) => <ProseLink {...props} />,\n    // `ref` is stripped: ProseList's intersection ref type (ul & ol) is\n    // narrower than the per-element ref react-markdown passes.\n    ul: ({ node: _node, ref: _ref, ...props }) => <ProseList {...props} />,\n    ol: ({ node: _node, ref: _ref, ...props }) => <ProseList ordered {...props} />,\n    li: ({ node: _node, ...props }) => <ProseListItem {...props} />,\n    blockquote: ({ node: _node, ...props }) => <ProseBlockquote {...props} />,\n    code: ({ node: _node, className, ...props }) =>\n      /\\blanguage-/.test(className ?? \"\") ? (\n        <code className={className} {...props} />\n      ) : (\n        <ProseInlineCode className={className} {...props} />\n      ),\n  };\n}\n\nexport interface MarkdownViewProps extends Omit<\n  ComponentProps<typeof Streamdown>,\n  \"components\" | \"plugins\" | \"rehypePlugins\"\n> {\n  /**\n   * The prose level a markdown `#` maps to; deeper headings shift with it\n   * (capped at 6). Default `1` (the full reading scale). Pass `2` in narrow\n   * embeds (a context rail) so headings stay on the constrained rung.\n   */\n  baseHeadingLevel?: ProseHeadingLevel;\n  /**\n   * Per-element renderer overrides, MERGED over the internal Prose* map\n   * (#10) — a consumer entry wins for its key; every key the consumer does\n   * NOT set keeps rendering through `buildProseComponents()`. This is the\n   * seam for rendering inline citations: override `a` (or a custom node\n   * type) to swap a `[1](url)`-style marker for an `InlineCitation` chip\n   * while headings/lists/etc. keep the branded prose styling.\n   *\n   * Deliberately a MERGE, not a replace: sanitisation is unaffected either\n   * way (see `plugins` below), but a wholesale replace would silently drop\n   * the branded styling from every element the consumer didn't think to\n   * re-declare — a citation override should not have to also re-implement\n   * headings/lists/code to keep them on-brand.\n   *\n   * **Known constraint: a `components` change alone does not force a\n   * re-render of already-rendered markdown (#10).** Streamdown memoizes on\n   * `children`/`plugins`/theme/etc but NOT on `components`\n   * (`streamdown@2.5.0`'s top-level `memo` comparator omits it), so if the\n   * SAME markdown string is still current when an override's closed-over\n   * data changes — e.g. an inline-citation chip that resolves its title\n   * asynchronously — the new render function is captured but nothing\n   * schedules Streamdown to call it again. Don't rely on a `components`\n   * closure to reflect state that arrives after the initial render; instead\n   * have the overriding component read that state itself (a shared context,\n   * a store keyed by citation id, or an internal `useState`/subscription\n   * inside the override) so IT re-renders independently of `MarkdownView`'s\n   * own render pass — the pattern `InlineCitation`/`InlineCitationCard`\n   * already use.\n   */\n  components?: StreamdownComponents;\n  /**\n   * Streamdown plugin-slot overrides (`cjk`/`code`/`math`/`mermaid`/\n   * `renderers`), MERGED per key over the internal defaults (the reactive,\n   * brand-token-derived `code` plugin and i18n-aware `cjk`/`math`/`mermaid`\n   * set — see `_streamdown-i18n.ts`).\n   *\n   * **This narrow `plugins` prop can only APPEND — it can never displace\n   * Streamdown's default `rehypePlugins` chain** (`rehype-raw` →\n   * `rehype-sanitize` → `rehype-harden`). `MarkdownView` never sets\n   * `rehypePlugins` itself, and nothing in `PluginConfig` removes or replaces\n   * a member of that pipeline, so the sanitiser cannot be turned off through\n   * this prop. But two of the five slots are **not** upstream of it and must\n   * be treated as trusted code:\n   * - **`math.rehypePlugin` runs AFTER `rehype-sanitize`/`rehype-harden`**\n   *   (appended to the end of the rehype pipeline, verified against\n   *   `streamdown@2.5.0`'s `dist/chunk-BO2N2NFS.js`) — its output is never\n   *   re-sanitised.\n   * - **`mermaid` never enters the rehype/remark pipeline at all.** Its\n   *   `getMermaid().render()` result is written via\n   *   `dangerouslySetInnerHTML` (streamdown's only such sink). brand-ui's own\n   *   `useStreamdownPlugins()` default pins `securityLevel: \"strict\"`\n   *   (`_lazy-mermaid.ts`); a replacement `mermaid` plugin must sanitise its\n   *   own SVG output the same way.\n   * - `cjk` (remark-stage only — its output is re-sanitised downstream by\n   *   the rehype pipeline like any other remark result), `code` (feeds only\n   *   `shikiTheme`, no HTML injection) and `renderers` (ordinary React\n   *   components rendered with the fenced block's raw `code` string as a\n   *   `string` prop, the same trusted-component boundary as a `components`\n   *   override) do not bypass sanitisation.\n   *\n   * **`rehypePlugins` is NOT exposed on this component (#36, fixed).** Unlike\n   * `plugins`, a caller-supplied `rehypePlugins` array would REPLACE\n   * Streamdown's default rehype pipeline wholesale rather than extending it,\n   * silently dropping `rehype-raw`/`rehype-sanitize`/`rehype-harden` and\n   * letting a plain markdown string execute script in the host page — so\n   * `MarkdownViewProps` `Omit`s it at the type level AND\n   * `stripSanitizerOverrides()` deletes it at runtime before the `{...props}`\n   * spread below, even if a JS consumer or a cast reaches this component with\n   * it set. If you need to widen sanitisation, use\n   * `allowedTags`/`literalTagContent`, which MERGE into the sanitize schema\n   * instead of replacing the pipeline. See\n   * `packages/ai/src/_streamdown-safety.ts`.\n   *\n   * **`remarkPlugins` IS supported** (PR #74 review, round 1 — the original\n   * #36 fix over-reached and removed it too). The remark stage runs strictly\n   * upstream of the rehype chain, and Streamdown builds its rehype list\n   * without reading `remarkPlugins`, so everything a remark plugin emits is\n   * still sanitised downstream — measured across raw-`html` mdast nodes,\n   * `data.hName`/`hChildren` hast elements, `hProperties` event handlers,\n   * `javascript:` link URLs and smuggled `raw` hast children. Note the\n   * ordinary (non-security) footgun: your array REPLACES Streamdown's own\n   * remark defaults (`remark-gfm`, `codeMeta`), so spread\n   * `Object.values(defaultRemarkPlugins)` from `streamdown` back in if you\n   * want to keep GFM tables/strikethrough.\n   */\n  plugins?: StreamdownPlugins;\n}\n\nexport const MarkdownView = ({\n  baseHeadingLevel = 1,\n  className,\n  children,\n  components: componentOverrides,\n  plugins: pluginOverrides,\n  ...props\n}: MarkdownViewProps) => {\n  // Streamdown installs [rehypeRaw, rehypeSanitize, harden] as the DEFAULT VALUE of\n  // `rehypePlugins`; a supplied array REPLACES it. This component renders untrusted\n  // model output, so the chain is not overridable. Widen with `allowedTags` /\n  // `literalTagContent`, which merge into the sanitize schema. See issue #36.\n  // `remarkPlugins` is deliberately left alone — it runs upstream of the rehype\n  // chain and cannot bypass it (PR #74 review; see `_streamdown-safety.ts`).\n  stripSanitizerOverrides(props);\n  const internalComponents = useMemo(\n    () => buildProseComponents(baseHeadingLevel),\n    [baseHeadingLevel],\n  );\n  // Consumer entries win per key; every other key falls through to the\n  // internal Prose* map — see the `components` prop doc above.\n  const components = useMemo(\n    () => ({ ...internalComponents, ...componentOverrides }),\n    [internalComponents, componentOverrides],\n  );\n  // Streamdown's own chrome (code copy, table menus) reads the locale seam (#310).\n  // Spread AFTER so an explicit `translations` prop still wins (ADR 0017).\n  const translations = useStreamdownTranslations();\n  // Brand-token-derived `code` plugin, not the package's static github-*\n  // default (#315 follow-up) — re-derives when the active theme changes.\n  // `math`/`cjk` are lazy-loaded off the raw markdown source (#perf-5, see\n  // `_streamdown-i18n.ts`) — pass `children` so they load only when this\n  // view actually needs them.\n  const internalPlugins = useStreamdownPlugins(typeof children === \"string\" ? children : \"\");\n  // Same per-key merge as `components` — see the `plugins` prop doc above.\n  // `math.rehypePlugin`/`mermaid` are the two slots that land in the DOM after\n  // (or outside) the sanitiser chain, so replacing one is a TRUSTED-CODE\n  // decision. The runtime half of that documented boundary is a dev warning —\n  // the plugin still runs; stripping it would break the legitimate use (#76).\n  const plugins = useMemo(() => {\n    warnOnTrustedPluginSlots(pluginOverrides, internalPlugins);\n    return { ...internalPlugins, ...pluginOverrides };\n  }, [internalPlugins, pluginOverrides]);\n  // The TOP-LEVEL Streamdown `mermaid` prop (distinct from `plugins.mermaid`\n  // above) — catches a failed diagram render, including a missing `mermaid`\n  // optional peer (issue #33). See `_streamdown-i18n.ts`.\n  const mermaidOptions = useStreamdownMermaidOptions();\n  return (\n    <Streamdown\n      // Forces a remount the first time the lazy math/cjk slot resolves —\n      // see `getStreamdownPluginsKey`'s doc in `_streamdown-i18n.ts` for why.\n      key={getStreamdownPluginsKey(internalPlugins)}\n      data-slot=\"markdown-view\"\n      className={cn(\"space-y-3 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\", className)}\n      components={components}\n      plugins={plugins}\n      translations={translations}\n      mermaid={mermaidOptions}\n      {...props}\n    >\n      {children}\n    </Streamdown>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAqCA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,UAAU;AASnB,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAmBrB;AAdN,IAAM,oBAAoB;AAE1B,IAAM,oBAAoB,CAAC,UACzB,KAAK,IAAI,mBAAmB,KAAK,IAAI,GAAG,KAAK,CAAC;AAOhD,SAAS,qBAAqB,kBAA2D;AACvF,QAAM,UACJ,CAAC,kBACD,CAAC,EAAE,MAAM,OAAO,GAAG,MAAM,MACvB,oBAAC,gBAAa,OAAO,kBAAkB,gBAAgB,mBAAmB,CAAC,GAAI,GAAG,OAAO;AAE7F,SAAO;AAAA,IACL,IAAI,QAAQ,CAAC;AAAA,IACb,IAAI,QAAQ,CAAC;AAAA,IACb,IAAI,QAAQ,CAAC;AAAA,IACb,IAAI,QAAQ,CAAC;AAAA,IACb,IAAI,QAAQ,CAAC;AAAA,IACb,IAAI,QAAQ,CAAC;AAAA,IACb,GAAG,CAAC,EAAE,MAAM,OAAO,GAAG,MAAM,MAAM,oBAAC,aAAW,GAAG,OAAO;AAAA,IACxD,GAAG,CAAC,EAAE,MAAM,OAAO,GAAG,MAAM,MAAM,oBAAC,aAAW,GAAG,OAAO;AAAA;AAAA;AAAA,IAGxD,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,MAAM,GAAG,MAAM,MAAM,oBAAC,aAAW,GAAG,OAAO;AAAA,IACpE,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,MAAM,GAAG,MAAM,MAAM,oBAAC,aAAU,SAAO,MAAE,GAAG,OAAO;AAAA,IAC5E,IAAI,CAAC,EAAE,MAAM,OAAO,GAAG,MAAM,MAAM,oBAAC,iBAAe,GAAG,OAAO;AAAA,IAC7D,YAAY,CAAC,EAAE,MAAM,OAAO,GAAG,MAAM,MAAM,oBAAC,mBAAiB,GAAG,OAAO;AAAA,IACvE,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,GAAG,MAAM,MACxC,cAAc,KAAK,aAAa,EAAE,IAChC,oBAAC,UAAK,WAAuB,GAAG,OAAO,IAEvC,oBAAC,mBAAgB,WAAuB,GAAG,OAAO;AAAA,EAExD;AACF;AAoGO,IAAM,eAAe,CAAC;AAAA,EAC3B,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,GAAG;AACL,MAAyB;AAOvB,0BAAwB,KAAK;AAC7B,QAAM,qBAAqB;AAAA,IACzB,MAAM,qBAAqB,gBAAgB;AAAA,IAC3C,CAAC,gBAAgB;AAAA,EACnB;AAGA,QAAM,aAAa;AAAA,IACjB,OAAO,EAAE,GAAG,oBAAoB,GAAG,mBAAmB;AAAA,IACtD,CAAC,oBAAoB,kBAAkB;AAAA,EACzC;AAGA,QAAM,eAAe,0BAA0B;AAM/C,QAAM,kBAAkB,qBAAqB,OAAO,aAAa,WAAW,WAAW,EAAE;AAMzF,QAAM,UAAU,QAAQ,MAAM;AAC5B,6BAAyB,iBAAiB,eAAe;AACzD,WAAO,EAAE,GAAG,iBAAiB,GAAG,gBAAgB;AAAA,EAClD,GAAG,CAAC,iBAAiB,eAAe,CAAC;AAIrC,QAAM,iBAAiB,4BAA4B;AACnD,SACE;AAAA,IAAC;AAAA;AAAA,MAIC,aAAU;AAAA,MACV,WAAW,GAAG,0DAA0D,SAAS;AAAA,MACjF;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACR,GAAG;AAAA,MAEH;AAAA;AAAA,IATI,wBAAwB,eAAe;AAAA,EAU9C;AAEJ;","names":[]}

package/dist/chunk-V6E5DYZD.js

@@ -0,0 +1,80 @@
+"use client";
+
+// src/image.tsx
+import { Skeleton, useLocale } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { ImageOff } from "lucide-react";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Image = forwardRef(function Image2({
+  base64,
+  uint8Array: _uint8Array,
+  mediaType,
+  className,
+  showSkeleton,
+  onLoad,
+  onError,
+  width,
+  height,
+  alt,
+  ...props
+}, forwardedRef) {
+  const { t } = useLocale();
+  const shouldSkeleton = showSkeleton ?? Boolean(width && height);
+  const [loaded, setLoaded] = useState(false);
+  const [failed, setFailed] = useState(false);
+  const imgRef = useRef(null);
+  useImperativeHandle(forwardedRef, () => imgRef.current);
+  const pending = shouldSkeleton && !loaded && !failed;
+  const [announce, setAnnounce] = useState(false);
+  useEffect(() => setAnnounce(pending), [pending]);
+  useEffect(() => {
+    if (imgRef.current?.complete) setLoaded(true);
+  }, []);
+  if (failed) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "flex flex-col items-center justify-center gap-1 rounded-md bg-muted text-muted-foreground",
+          className
+        ),
+        style: { height, width },
+        ...alt ? { role: "img", "aria-label": alt } : { "aria-hidden": true },
+        children: /* @__PURE__ */ jsx(ImageOff, { className: "size-6", "aria-hidden": "true" })
+      }
+    );
+  }
+  const img = /* @__PURE__ */ jsx(
+    "img",
+    {
+      ...props,
+      ref: imgRef,
+      alt: alt ?? "",
+      height,
+      width,
+      className: cn("h-auto max-w-full overflow-hidden rounded-md", className),
+      src: `data:${mediaType};base64,${base64}`,
+      onLoad: (event) => {
+        setLoaded(true);
+        onLoad?.(event);
+      },
+      onError: (event) => {
+        setFailed(true);
+        onError?.(event);
+      }
+    }
+  );
+  if (!shouldSkeleton) return img;
+  return /* @__PURE__ */ jsxs("span", { className: "relative inline-block max-w-full", style: { height, width }, children: [
+    /* @__PURE__ */ jsx("span", { className: "sr-only", role: "status", "aria-live": "polite", children: announce ? t("loading") : "" }),
+    pending ? /* @__PURE__ */ jsx(Skeleton, { className: "absolute inset-0 size-full rounded-md" }) : null,
+    img
+  ] });
+});
+Image.displayName = "Image";
+
+export {
+  Image
+};
+//# sourceMappingURL=chunk-V6E5DYZD.js.map

package/dist/chunk-V6E5DYZD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/image.tsx"],"sourcesContent":["\"use client\";\n\nimport { Skeleton, useLocale } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport type { Experimental_GeneratedImage } from \"ai\";\nimport { ImageOff } from \"lucide-react\";\nimport type { ImgHTMLAttributes } from \"react\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef, useState } from \"react\";\n\nexport type ImageProps = Experimental_GeneratedImage &\n  Omit<ImgHTMLAttributes<HTMLImageElement>, \"src\"> & {\n    /**\n     * Show a Skeleton placeholder (loading-states.md) until the img element\n     * finishes decoding, so the base64 payload does not pop in. Requires\n     * explicit `width`+`height` so the reserved box matches the final size\n     * (interaction-guidelines.md Images section — prevents CLS); without\n     * both there is no box to reserve, so the default is `false` in that\n     * case rather than mounting a skeleton that collapses to nothing.\n     * @default Boolean(width && height)\n     */\n    showSkeleton?: boolean;\n  };\n\n/** `<img>` wrapper for an AI-SDK generated image, with a decode-aware skeleton. */\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(function Image(\n  {\n    base64,\n    uint8Array: _uint8Array,\n    mediaType,\n    className,\n    showSkeleton,\n    onLoad,\n    onError,\n    width,\n    height,\n    alt,\n    ...props\n  },\n  forwardedRef,\n) {\n  const { t } = useLocale();\n  const shouldSkeleton = showSkeleton ?? Boolean(width && height);\n  const [loaded, setLoaded] = useState(false);\n  const [failed, setFailed] = useState(false);\n  const imgRef = useRef<HTMLImageElement>(null);\n  useImperativeHandle(forwardedRef, () => imgRef.current as HTMLImageElement);\n\n  const pending = shouldSkeleton && !loaded && !failed;\n\n  // The live region must exist BEFORE its text appears (ARIA22), so it is\n  // always mounted (while a skeleton can render at all) and its label is set\n  // one tick later via this effect.\n  const [announce, setAnnounce] = useState(false);\n  useEffect(() => setAnnounce(pending), [pending]);\n\n  // A cached / instant data-URI decode can finish before React attaches\n  // `onLoad` — read `complete` once mounted (gallery.tsx's GalleryImg has the\n  // same guard).\n  useEffect(() => {\n    if (imgRef.current?.complete) setLoaded(true);\n  }, []);\n\n  if (failed) {\n    return (\n      <span\n        className={cn(\n          \"flex flex-col items-center justify-center gap-1 rounded-md bg-muted text-muted-foreground\",\n          className,\n        )}\n        style={{ height, width }}\n        {...(alt ? { role: \"img\", \"aria-label\": alt } : { \"aria-hidden\": true })}\n      >\n        <ImageOff className=\"size-6\" aria-hidden=\"true\" />\n      </span>\n    );\n  }\n\n  const img = (\n    <img\n      {...props}\n      ref={imgRef}\n      alt={alt ?? \"\"}\n      height={height}\n      width={width}\n      className={cn(\"h-auto max-w-full overflow-hidden rounded-md\", className)}\n      src={`data:${mediaType};base64,${base64}`}\n      onLoad={(event) => {\n        setLoaded(true);\n        onLoad?.(event);\n      }}\n      onError={(event) => {\n        setFailed(true);\n        onError?.(event);\n      }}\n    />\n  );\n\n  // No skeleton to reserve a box for — render the bare <img> exactly as\n  // before this feature landed (a `className` like \"w-full\" keeps resolving\n  // against the real parent, not a shrink-to-fit wrapper), and mount no\n  // (permanently empty) live region.\n  if (!shouldSkeleton) return img;\n\n  return (\n    <span className=\"relative inline-block max-w-full\" style={{ height, width }}>\n      <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n        {announce ? t(\"loading\") : \"\"}\n      </span>\n      {pending ? <Skeleton className=\"absolute inset-0 size-full rounded-md\" /> : null}\n      {img}\n    </span>\n  );\n});\n\nImage.displayName = \"Image\";\n"],"mappings":";;;AAEA,SAAS,UAAU,iBAAiB;AACpC,SAAS,UAAU;AAEnB,SAAS,gBAAgB;AAEzB,SAAS,YAAY,WAAW,qBAAqB,QAAQ,gBAAgB;AAiErE,cAgCJ,YAhCI;AAhDD,IAAM,QAAQ,WAAyC,SAASA,OACrE;AAAA,EACE;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,cACA;AACA,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,QAAM,iBAAiB,gBAAgB,QAAQ,SAAS,MAAM;AAC9D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,SAAS,OAAyB,IAAI;AAC5C,sBAAoB,cAAc,MAAM,OAAO,OAA2B;AAE1E,QAAM,UAAU,kBAAkB,CAAC,UAAU,CAAC;AAK9C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,YAAU,MAAM,YAAY,OAAO,GAAG,CAAC,OAAO,CAAC;AAK/C,YAAU,MAAM;AACd,QAAI,OAAO,SAAS,SAAU,WAAU,IAAI;AAAA,EAC9C,GAAG,CAAC,CAAC;AAEL,MAAI,QAAQ;AACV,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO,EAAE,QAAQ,MAAM;AAAA,QACtB,GAAI,MAAM,EAAE,MAAM,OAAO,cAAc,IAAI,IAAI,EAAE,eAAe,KAAK;AAAA,QAEtE,8BAAC,YAAS,WAAU,UAAS,eAAY,QAAO;AAAA;AAAA,IAClD;AAAA,EAEJ;AAEA,QAAM,MACJ;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,KAAK,OAAO;AAAA,MACZ;AAAA,MACA;AAAA,MACA,WAAW,GAAG,gDAAgD,SAAS;AAAA,MACvE,KAAK,QAAQ,SAAS,WAAW,MAAM;AAAA,MACvC,QAAQ,CAAC,UAAU;AACjB,kBAAU,IAAI;AACd,iBAAS,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,UAAU;AAClB,kBAAU,IAAI;AACd,kBAAU,KAAK;AAAA,MACjB;AAAA;AAAA,EACF;AAOF,MAAI,CAAC,eAAgB,QAAO;AAE5B,SACE,qBAAC,UAAK,WAAU,oCAAmC,OAAO,EAAE,QAAQ,MAAM,GACxE;AAAA,wBAAC,UAAK,WAAU,WAAU,MAAK,UAAS,aAAU,UAC/C,qBAAW,EAAE,SAAS,IAAI,IAC7B;AAAA,IACC,UAAU,oBAAC,YAAS,WAAU,yCAAwC,IAAK;AAAA,IAC3E;AAAA,KACH;AAEJ,CAAC;AAED,MAAM,cAAc;","names":["Image"]}

package/dist/chunk-VLLYKF3P.js

@@ -0,0 +1,96 @@
+"use client";
+
+// src/session-status-bar.tsx
+import { cn, useLocale } from "@elabs-ai/components-ui";
+import { Cpu, Folder, GitBranch, Loader2Icon, PlugZapIcon } from "lucide-react";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SessionStatusBarSegment = ({
+  icon: Icon,
+  slot,
+  value
+}) => /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5", "data-slot": slot, children: [
+  /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: "size-3.5 shrink-0" }),
+  /* @__PURE__ */ jsx("span", { className: "truncate", children: value })
+] });
+var SessionStatusBar = forwardRef(
+  function SessionStatusBar2({ workspace, branch, model, connections, children, className, ...props }, ref) {
+    const { formatNumber, t } = useLocale();
+    const hasContent = Boolean(workspace ?? branch ?? model ?? connections ?? children);
+    if (!hasContent) {
+      return null;
+    }
+    const connectionsAnnouncement = connections ? connections.connecting ? t("ai.sessionStatusBar.connecting") : t("ai.sessionStatusBar.connections", {
+      connected: connections.connected,
+      total: connections.total
+    }) : void 0;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex w-full items-center gap-4 border-t bg-surface-muted px-3 py-1.5 text-meta text-muted-foreground",
+          className
+        ),
+        "data-slot": "session-status-bar",
+        ...props,
+        children: [
+          workspace ? /* @__PURE__ */ jsx(
+            SessionStatusBarSegment,
+            {
+              icon: Folder,
+              slot: "session-status-bar-workspace",
+              value: workspace
+            }
+          ) : null,
+          branch ? /* @__PURE__ */ jsx(
+            SessionStatusBarSegment,
+            {
+              icon: GitBranch,
+              slot: "session-status-bar-branch",
+              value: branch
+            }
+          ) : null,
+          model ? /* @__PURE__ */ jsx(SessionStatusBarSegment, { icon: Cpu, slot: "session-status-bar-model", value: model }) : null,
+          connections ? /* @__PURE__ */ jsxs(
+            "span",
+            {
+              "aria-live": "polite",
+              className: "inline-flex shrink-0 items-center gap-1.5",
+              "data-slot": "session-status-bar-connections",
+              role: "status",
+              children: [
+                connections.connecting ? /* @__PURE__ */ jsx(
+                  Loader2Icon,
+                  {
+                    "aria-hidden": "true",
+                    className: "size-3.5 shrink-0 animate-spin motion-reduce:animate-none"
+                  }
+                ) : /* @__PURE__ */ jsx(PlugZapIcon, { "aria-hidden": "true", className: "size-3.5 shrink-0" }),
+                /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "tabular-nums", children: [
+                  formatNumber(connections.connected),
+                  "/",
+                  formatNumber(connections.total)
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: connectionsAnnouncement })
+              ]
+            }
+          ) : null,
+          children ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "ms-auto flex shrink-0 items-center",
+              "data-slot": "session-status-bar-context",
+              children
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+
+export {
+  SessionStatusBar
+};
+//# sourceMappingURL=chunk-VLLYKF3P.js.map

package/dist/chunk-VLLYKF3P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/session-status-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn, useLocale } from \"@elabs-ai/components-ui\";\nimport { Cpu, Folder, GitBranch, Loader2Icon, PlugZapIcon } from \"lucide-react\";\nimport type { ComponentProps, ComponentType, ReactNode, SVGProps } from \"react\";\nimport { forwardRef } from \"react\";\n\nexport interface SessionStatusBarConnections {\n  /** Number of integrations/MCP servers currently connected. */\n  connected: number;\n  /** Total number of configured integrations/MCP servers. */\n  total: number;\n  /** Renders a spinner in place of the connection icon while establishing. */\n  connecting?: boolean;\n}\n\nexport interface SessionStatusBarProps extends ComponentProps<\"div\"> {\n  /** Current workspace/project name. */\n  workspace?: string;\n  /** Current git branch. */\n  branch?: string;\n  /** Active model id/label. */\n  model?: string;\n  /** Integration/MCP connection progress; renders a spinner while connecting. */\n  connections?: SessionStatusBarConnections;\n  /**\n   * Docks another component alongside the ambient segments — most often\n   * `<TokenUsage />` (`@elabs-ai/components-ai`), so token usage/cost keeps\n   * its one owner (`token-usage.tsx`, tokenlens) instead of being re-implemented\n   * here. Rendered flush to the end of the bar.\n   */\n  children?: ReactNode;\n}\n\ntype SegmentIcon = ComponentType<SVGProps<SVGSVGElement>>;\n\nconst SessionStatusBarSegment = ({\n  icon: Icon,\n  slot,\n  value,\n}: {\n  icon: SegmentIcon;\n  slot: string;\n  value: string;\n}) => (\n  <span className=\"inline-flex min-w-0 items-center gap-1.5\" data-slot={slot}>\n    <Icon aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n    <span className=\"truncate\">{value}</span>\n  </span>\n);\n\n/**\n * SessionStatusBar — the ambient session row: workspace, branch, model, and\n * integration-connection progress (#105). Every segment is independently\n * optional and renders only when its prop is supplied; with nothing supplied\n * the bar renders nothing at all, not an empty shell.\n *\n * Docks `Context` (or any other node) via `children` rather than\n * re-implementing token-usage/cost maths — `context.tsx` stays the one owner\n * of that calculation (tokenlens).\n */\nexport const SessionStatusBar = forwardRef<HTMLDivElement, SessionStatusBarProps>(\n  function SessionStatusBar(\n    { workspace, branch, model, connections, children, className, ...props },\n    ref,\n  ) {\n    const { formatNumber, t } = useLocale();\n    const hasContent = Boolean(workspace ?? branch ?? model ?? connections ?? children);\n\n    if (!hasContent) {\n      return null;\n    }\n\n    // Computed once and reused for BOTH the connections region's name (for a\n    // user who navigates to it deliberately) and its real, non-hidden text\n    // content — what a polite announcement actually reads on change. An\n    // aria-label alone is NOT that (#155): a live region announces its\n    // content, not its own accessible name.\n    const connectionsAnnouncement = connections\n      ? connections.connecting\n        ? t(\"ai.sessionStatusBar.connecting\")\n        : t(\"ai.sessionStatusBar.connections\", {\n            connected: connections.connected,\n            total: connections.total,\n          })\n      : undefined;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex w-full items-center gap-4 border-t bg-surface-muted px-3 py-1.5 text-meta text-muted-foreground\",\n          className,\n        )}\n        data-slot=\"session-status-bar\"\n        {...props}\n      >\n        {workspace ? (\n          <SessionStatusBarSegment\n            icon={Folder}\n            slot=\"session-status-bar-workspace\"\n            value={workspace}\n          />\n        ) : null}\n        {branch ? (\n          <SessionStatusBarSegment\n            icon={GitBranch}\n            slot=\"session-status-bar-branch\"\n            value={branch}\n          />\n        ) : null}\n        {model ? (\n          <SessionStatusBarSegment icon={Cpu} slot=\"session-status-bar-model\" value={model} />\n        ) : null}\n        {connections ? (\n          <span\n            aria-live=\"polite\"\n            className=\"inline-flex shrink-0 items-center gap-1.5\"\n            data-slot=\"session-status-bar-connections\"\n            role=\"status\"\n          >\n            {connections.connecting ? (\n              <Loader2Icon\n                aria-hidden=\"true\"\n                className=\"size-3.5 shrink-0 animate-spin motion-reduce:animate-none\"\n              />\n            ) : (\n              <PlugZapIcon aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n            )}\n            <span aria-hidden=\"true\" className=\"tabular-nums\">\n              {formatNumber(connections.connected)}/{formatNumber(connections.total)}\n            </span>\n            {/* The live region's only NON-hidden text — mirrors\n                terminal-status-bar.tsx's aria-hidden-visual +\n                sr-only-sentence pair (#155). Without this, every polite\n                update announced an empty string: the counter above is\n                aria-hidden, so it was the region's ONLY text content.\n                Deliberately no `aria-label` here (unlike\n                terminal-status-bar.tsx, where the label lives on the OUTER\n                bar as a generic region name distinct from any segment's\n                content): an explicit `aria-label` here would give this\n                span an ACCESSIBLE NAME byte-identical to its announced\n                CONTENT, which risks a double announcement (\"Connecting…\n                Connecting…\") on ATs that speak a live region's name\n                alongside its changed content. Leaving `aria-label` off\n                does NOT relocate the name to this text — `role=\"status\"`\n                is `nameFrom: author`, so it never falls back to content\n                the way e.g. a `button` does. The span simply has no\n                accessible name, which is fine: no acceptance criterion\n                needs one here, only the announced content does. */}\n            <span className=\"sr-only\">{connectionsAnnouncement}</span>\n          </span>\n        ) : null}\n        {children ? (\n          <div\n            className=\"ms-auto flex shrink-0 items-center\"\n            data-slot=\"session-status-bar-context\"\n          >\n            {children}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n"],"mappings":";;;AAEA,SAAS,IAAI,iBAAiB;AAC9B,SAAS,KAAK,QAAQ,WAAW,aAAa,mBAAmB;AAEjE,SAAS,kBAAkB;AAwCzB,SACE,KADF;AATF,IAAM,0BAA0B,CAAC;AAAA,EAC/B,MAAM;AAAA,EACN;AAAA,EACA;AACF,MAKE,qBAAC,UAAK,WAAU,4CAA2C,aAAW,MACpE;AAAA,sBAAC,QAAK,eAAY,QAAO,WAAU,qBAAoB;AAAA,EACvD,oBAAC,UAAK,WAAU,YAAY,iBAAM;AAAA,GACpC;AAaK,IAAM,mBAAmB;AAAA,EAC9B,SAASA,kBACP,EAAE,WAAW,QAAQ,OAAO,aAAa,UAAU,WAAW,GAAG,MAAM,GACvE,KACA;AACA,UAAM,EAAE,cAAc,EAAE,IAAI,UAAU;AACtC,UAAM,aAAa,QAAQ,aAAa,UAAU,SAAS,eAAe,QAAQ;AAElF,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AAOA,UAAM,0BAA0B,cAC5B,YAAY,aACV,EAAE,gCAAgC,IAClC,EAAE,mCAAmC;AAAA,MACnC,WAAW,YAAY;AAAA,MACvB,OAAO,YAAY;AAAA,IACrB,CAAC,IACH;AAEJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAU;AAAA,QACT,GAAG;AAAA,QAEH;AAAA,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,MAAK;AAAA,cACL,OAAO;AAAA;AAAA,UACT,IACE;AAAA,UACH,SACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,MAAK;AAAA,cACL,OAAO;AAAA;AAAA,UACT,IACE;AAAA,UACH,QACC,oBAAC,2BAAwB,MAAM,KAAK,MAAK,4BAA2B,OAAO,OAAO,IAChF;AAAA,UACH,cACC;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cACV,aAAU;AAAA,cACV,MAAK;AAAA,cAEJ;AAAA,4BAAY,aACX;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAY;AAAA,oBACZ,WAAU;AAAA;AAAA,gBACZ,IAEA,oBAAC,eAAY,eAAY,QAAO,WAAU,qBAAoB;AAAA,gBAEhE,qBAAC,UAAK,eAAY,QAAO,WAAU,gBAChC;AAAA,+BAAa,YAAY,SAAS;AAAA,kBAAE;AAAA,kBAAE,aAAa,YAAY,KAAK;AAAA,mBACvE;AAAA,gBAmBA,oBAAC,UAAK,WAAU,WAAW,mCAAwB;AAAA;AAAA;AAAA,UACrD,IACE;AAAA,UACH,WACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,aAAU;AAAA,cAET;AAAA;AAAA,UACH,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["SessionStatusBar"]}

package/dist/chunk-VLNBTOH6.js

@@ -0,0 +1,43 @@
+"use client";
+
+// src/_lazy-math.ts
+import { useEffect, useState } from "react";
+var MATH_DELIMITER_RE = /\$\$[\s\S]*?\$\$|\$[^\s$][^$\n]*\$|\\\(|\\\)|\\\[|\\\]/;
+function needsMathPlugin(text) {
+  return MATH_DELIMITER_RE.test(text);
+}
+var cachedPlugin;
+var loadPromise;
+function loadMathPlugin() {
+  loadPromise ??= import("@streamdown/math").then((mod) => {
+    cachedPlugin = mod.math;
+    return cachedPlugin;
+  });
+  return loadPromise;
+}
+var preloadMath = () => {
+  void loadMathPlugin();
+};
+function useLazyMathPlugin(text) {
+  const needed = needsMathPlugin(text);
+  const [plugin, setPlugin] = useState(cachedPlugin);
+  useEffect(() => {
+    if (!needed || cachedPlugin) return;
+    let cancelled = false;
+    loadMathPlugin().then((loaded) => {
+      if (!cancelled) setPlugin(loaded);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [needed]);
+  if (!needed) return void 0;
+  return plugin ?? cachedPlugin;
+}
+
+export {
+  needsMathPlugin,
+  preloadMath,
+  useLazyMathPlugin
+};
+//# sourceMappingURL=chunk-VLNBTOH6.js.map