@cognite/aura 0.1.0 → 0.1.1

package/dist/components/ui/core/hover-card/hover-card.js

@@ -1,22 +1,23 @@
 import { jsx as t } from "react/jsx-runtime";
-import { createContext as c, forwardRef as s, useContext as p, useMemo as f } from "react";
+import { createContext as p, forwardRef as l, useContext as f, useMemo as u } from "react";
 import { PreviewCard as d } from "@base-ui/react/preview-card";
-import { getPortalContainer as g, cn as v } from "../../../../lib/utils.js";
-const m = c(null);
-function u({
+import { usePortalContainer as v } from "../../../../lib/portal-container-context.js";
+import { cn as g } from "../../../../lib/utils.js";
+const m = p(null);
+function C({
   openDelay: o,
   closeDelay: e,
   ...a
 }) {
-  const r = f(
+  const r = u(
     () => ({ openDelay: o, closeDelay: e }),
     [o, e]
   );
   return /* @__PURE__ */ t(m.Provider, { value: r, children: /* @__PURE__ */ t(d.Root, { "data-slot": "hover-card", ...a }) });
 }
-u.displayName = "HoverCard";
-const C = s(({ children: o, ...e }, a) => {
-  const r = p(m), { delay: n, closeDelay: i, ...l } = e;
+C.displayName = "HoverCard";
+const h = l(({ children: o, ...e }, a) => {
+  const r = f(m), { delay: n, closeDelay: i, ...s } = e;
   return /* @__PURE__ */ t(
     d.Trigger,
     {
@@ -24,13 +25,13 @@ const C = s(({ children: o, ...e }, a) => {
       "data-slot": "hover-card-trigger",
       delay: n ?? r?.openDelay,
       closeDelay: i ?? r?.closeDelay,
-      ...l,
+      ...s,
       children: o
     }
   );
 });
-C.displayName = "HoverCardTrigger";
-const h = s(
+h.displayName = "HoverCardTrigger";
+const y = l(
   ({
     className: o,
     side: e = "bottom",
@@ -38,39 +39,42 @@ const h = s(
     align: r = "center",
     alignOffset: n = 4,
     ...i
-  }, l) => /* @__PURE__ */ t(
-    d.Portal,
-    {
-      "data-slot": "hover-card-portal",
-      container: g(),
-      children: /* @__PURE__ */ t(
-        d.Positioner,
-        {
-          align: r,
-          alignOffset: n,
-          side: e,
-          sideOffset: a,
-          className: "isolate z-50",
-          children: /* @__PURE__ */ t(
-            d.Popup,
-            {
-              ref: l,
-              "data-slot": "hover-card-content",
-              className: v(
-                "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-[var(--transform-origin)] rounded-md border p-4 shadow-md outline-none",
-                o
-              ),
-              ...i
-            }
-          )
-        }
-      )
-    }
-  )
+  }, s) => {
+    const c = v();
+    return /* @__PURE__ */ t(
+      d.Portal,
+      {
+        "data-slot": "hover-card-portal",
+        container: c,
+        children: /* @__PURE__ */ t(
+          d.Positioner,
+          {
+            align: r,
+            alignOffset: n,
+            side: e,
+            sideOffset: a,
+            className: "isolate z-50",
+            children: /* @__PURE__ */ t(
+              d.Popup,
+              {
+                ref: s,
+                "data-slot": "hover-card-content",
+                className: g(
+                  "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-[var(--transform-origin)] rounded-md border p-4 shadow-md outline-none",
+                  o
+                ),
+                ...i
+              }
+            )
+          }
+        )
+      }
+    );
+  }
 );
-h.displayName = "HoverCardContent";
+y.displayName = "HoverCardContent";
 export {
-  u as HoverCard,
-  h as HoverCardContent,
-  C as HoverCardTrigger
+  C as HoverCard,
+  y as HoverCardContent,
+  h as HoverCardTrigger
 };

package/dist/components/ui/core/inline-citation/inline-citation.d.ts

@@ -22,7 +22,7 @@ type InlineCitationSourceProps = ComponentProps<'div'> & {
 };
 declare const InlineCitationSource: import('react').ForwardRefExoticComponent<Omit<InlineCitationSourceProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 declare const InlineCitationQuote: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & import('react').RefAttributes<HTMLQuoteElement>>;
-type InlineCitationLinkProps = Omit<ComponentProps<'a'>, 'target'> & {
+export type InlineCitationLinkProps = Omit<ComponentProps<'a'>, 'target'> & {
     target?: '_blank' | '_self';
     icon?: ComponentType<{
         className?: string;
@@ -30,4 +30,4 @@ type InlineCitationLinkProps = Omit<ComponentProps<'a'>, 'target'> & {
     variant?: 'mountain' | 'nordic' | 'fjord';
 };
 declare const InlineCitationLink: import('react').ForwardRefExoticComponent<Omit<InlineCitationLinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
-export { InlineCitation, InlineCitationGroup, InlineCitationText, InlineCitationCard, InlineCitationCardTrigger, InlineCitationCardBody, InlineCitationSource, InlineCitationQuote, InlineCitationLink, };
+export { InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationGroup, InlineCitationLink, InlineCitationQuote, InlineCitationSource, InlineCitationText, };

package/dist/components/ui/core/message/message.js

@@ -1,169 +1,240 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import { createContext as c, memo as g, isValidElement as u } from "react";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { createContext as i, memo as b } from "react";
 import "@tabler/icons-react";
-import { bundledLanguages as f } from "shiki";
-import { Streamdown as p } from "streamdown";
-import { cn as l } from "../../../../lib/utils.js";
+import { Streamdown as _ } from "streamdown";
+import { cn as d } from "../../../../lib/utils.js";
 import "../avatar/avatar.js";
-import { Button as b } from "../button/button.js";
+import { Button as p } from "../button/button.js";
 import "../button-group/button-group.js";
-import { CodeBlock as x, CodeBlockCopyButton as h } from "../code-block/code-block.js";
-import { Tooltip as N, TooltipTrigger as k, TooltipContent as v } from "../tooltip/tooltip.js";
-const V = ({ className: e, isResponse: s = !1, ...o }) => /* @__PURE__ */ t(
+import { Tooltip as u, TooltipTrigger as w, TooltipContent as g } from "../tooltip/tooltip.js";
+const T = ({ className: t, isResponse: o = !1, ...a }) => /* @__PURE__ */ e(
   "div",
   {
     "data-slot": "message",
-    className: l(
+    className: d(
       "group flex w-full items-start justify-start gap-3 py-2 mb-0",
-      s ? "is-assistant items-start" : "is-user flex-row-reverse",
-      e
+      o ? "is-assistant items-start" : "is-user flex-row-reverse",
+      t
     ),
-    ...o
+    ...a
   }
-), D = ({
-  children: e,
-  className: s,
-  ...o
-}) => /* @__PURE__ */ t(
+), R = ({
+  children: t,
+  className: o,
+  ...a
+}) => /* @__PURE__ */ e(
   "div",
   {
     "data-slot": "message-content",
-    className: l(
+    className: d(
       "is-user:dark flex flex-col gap-1 overflow-hidden rounded-md text-base leading-tight tracking-tightest",
       "max-w-4/5",
       "group-[.is-user]:bg-accent group-[.is-user]:p-2 group-[.is-user]:text-accent-foreground",
       "group-[.is-assistant]:text-foreground group-[.is-assistant]:pt-1",
-      s
+      o
     ),
-    ...o,
-    children: e
+    ...a,
+    children: t
   }
-), F = ({
-  className: e,
-  children: s,
-  ...o
-}) => /* @__PURE__ */ t(
+), z = ({
+  className: t,
+  children: o,
+  ...a
+}) => /* @__PURE__ */ e(
   "div",
   {
     "data-slot": "message-actions",
-    className: l("flex items-center gap-2", e),
-    ...o,
-    children: s
+    className: d("flex items-center gap-2", t),
+    ...a,
+    children: o
   }
-), G = ({
-  tooltip: e,
-  children: s,
-  label: o,
-  className: a,
+), A = ({
+  tooltip: t,
+  children: o,
+  label: a,
+  className: n,
   variant: m = "ghost",
-  size: r = "sm",
-  ...n
+  size: c = "sm",
+  ...l
 }) => {
-  const i = /* @__PURE__ */ d(
-    b,
+  const r = /* @__PURE__ */ s(
+    p,
     {
       "data-slot": "message-action",
-      className: l(
+      className: d(
         "relative icon-sm text-muted-foreground hover:text-foreground",
-        a
+        n
       ),
-      size: r,
+      size: c,
       type: "button",
       variant: m,
-      ...n,
+      ...l,
       children: [
-        s,
-        /* @__PURE__ */ t("span", { className: "sr-only", children: o || e })
+        o,
+        /* @__PURE__ */ e("span", { className: "sr-only", children: a || t })
       ]
     }
   );
-  return e ? /* @__PURE__ */ d(N, { children: [
-    /* @__PURE__ */ t(k, { render: i }),
-    /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t("p", { children: e }) })
-  ] }) : i;
+  return t ? /* @__PURE__ */ s(u, { children: [
+    /* @__PURE__ */ e(w, { render: r }),
+    /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e("p", { children: t }) })
+  ] }) : r;
 };
-c(
+i(
   null
 );
-const _ = (e) => e in f, y = ({
-  className: e,
-  children: s
-}) => {
-  const a = e?.match(/language-(\w+)/)?.[1], m = a && _(a) ? a : void 0;
-  let r = "";
-  return typeof s == "string" ? r = s : u(s) && typeof s.props.children == "string" && (r = s.props.children), !m ? /* @__PURE__ */ t("code", { className: "relative rounded bg-muted px-1.5 py-0.5 font-mono text-sm font-semibold", children: s }) : /* @__PURE__ */ t(
-    x,
-    {
-      code: r,
-      language: m,
-      className: "my-4 rounded-md border border-border",
-      children: /* @__PURE__ */ t(h, {})
-    }
-  );
-}, w = {
-  h1: ({ children: e }) => /* @__PURE__ */ t("h1", { className: "mt-0 mb-2 scroll-m-20 text-xl font-medium tracking-tightest", children: e }),
-  h2: ({ children: e }) => /* @__PURE__ */ t("h2", { className: "mt-4 mb-1 scroll-m-20 text-lg font-medium tracking-tightest", children: e }),
-  h3: ({ children: e }) => /* @__PURE__ */ t("h3", { className: "mt-4 mb-1 scroll-m-20 text-base font-medium tracking-tighter", children: e }),
-  h4: ({ children: e }) => /* @__PURE__ */ t("h4", { className: "mt-2 mb-0 scroll-m-20 text-sm font-medium tracking-normal", children: e }),
-  h5: ({ children: e }) => /* @__PURE__ */ t("h5", { className: "mt-0 mb-0 scroll-m-20 text-xs font-medium tracking-tighter", children: e }),
-  h6: ({ children: e }) => /* @__PURE__ */ t("h6", { className: "mt-0 mb-0 scroll-m-20 text-2xs font-medium tracking-tighter", children: e }),
-  p: ({ children: e }) => /* @__PURE__ */ t("p", { className: "mt-2 mb-3 text-base font-normal leading-7 tracking-tightest", children: e }),
-  strong: ({ children: e }) => /* @__PURE__ */ t("strong", { className: "font-medium", children: e }),
-  em: ({ children: e }) => /* @__PURE__ */ t("em", { className: "italic", children: e }),
-  ul: ({ children: e }) => /* @__PURE__ */ t("ul", { className: "ml-8.25 mb-3 pt-2 pl-0 pb-0 list-disc text-base font-normal tracking-tightest", children: e }),
-  ol: ({ children: e }) => /* @__PURE__ */ t("ol", { className: "ml-8.25 mb-3 pt-2 pl-0 pb-0 list-decimal text-base font-normal tracking-tightest", children: e }),
-  li: ({ children: e }) => /* @__PURE__ */ t("li", { className: "py-0", children: e }),
-  blockquote: ({ children: e }) => /* @__PURE__ */ t("blockquote", { className: "my-3 pr-2 pl-2 border-l border-l-border text-sm text-muted-foreground font-normal tracking-tight not-italic", children: e }),
-  hr: () => /* @__PURE__ */ t("hr", { className: "my-4 border-border" }),
+const f = {
+  h1: ({ children: t }) => /* @__PURE__ */ e("h1", { className: "mt-0 mb-2 scroll-m-20 text-xl font-medium tracking-tightest", children: t }),
+  h2: ({ children: t }) => /* @__PURE__ */ e("h2", { className: "mt-4 mb-1 scroll-m-20 text-lg font-medium tracking-tightest", children: t }),
+  h3: ({ children: t }) => /* @__PURE__ */ e("h3", { className: "mt-4 mb-1 scroll-m-20 text-base font-medium tracking-tighter", children: t }),
+  h4: ({ children: t }) => /* @__PURE__ */ e("h4", { className: "mt-2 mb-0 scroll-m-20 text-sm font-medium tracking-normal", children: t }),
+  h5: ({ children: t }) => /* @__PURE__ */ e("h5", { className: "mt-0 mb-0 scroll-m-20 text-xs font-medium tracking-tighter", children: t }),
+  h6: ({ children: t }) => /* @__PURE__ */ e("h6", { className: "mt-0 mb-0 scroll-m-20 text-2xs font-medium tracking-tighter", children: t }),
+  p: ({ children: t }) => /* @__PURE__ */ e("p", { className: "mt-2 mb-3 text-base font-normal leading-5 tracking-tightest", children: t }),
+  strong: ({ children: t }) => /* @__PURE__ */ e("strong", { className: "font-medium", children: t }),
+  em: ({ children: t }) => /* @__PURE__ */ e("em", { className: "italic", children: t }),
+  b: ({ children: t }) => /* @__PURE__ */ e("b", { className: "font-medium", children: t }),
+  i: ({ children: t }) => /* @__PURE__ */ e("i", { className: "italic", children: t }),
+  ul: ({ children: t }) => /* @__PURE__ */ e("ul", { className: "ml-8.25 mb-3 pt-2 pl-0 pb-0 list-disc text-base font-normal tracking-tightest", children: t }),
+  ol: ({ children: t }) => /* @__PURE__ */ e("ol", { className: "ml-8.25 mb-3 pt-2 pl-0 pb-0 list-decimal text-base font-normal tracking-tightest", children: t }),
+  li: ({ children: t }) => /* @__PURE__ */ e("li", { className: "py-0", children: t }),
+  blockquote: ({ children: t }) => /* @__PURE__ */ e("blockquote", { className: "my-3 pr-2 pl-2 border-l border-l-border text-sm text-muted-foreground font-normal tracking-tight not-italic", children: t }),
+  hr: () => /* @__PURE__ */ e("hr", { className: "my-4 border-border" }),
   a: ({
-    children: e,
-    href: s,
-    ...o
-  }) => /* @__PURE__ */ t(
+    children: t,
+    href: o,
+    ...a
+  }) => /* @__PURE__ */ e(
     "a",
     {
       className: "text-foreground-link no-underline hover:underline underline-offset-4",
-      href: s,
-      ...o,
-      children: e
+      href: o,
+      ...a,
+      children: t
     }
   ),
-  table: ({ children: e }) => /* @__PURE__ */ t("table", { className: "my-6 w-full", children: e }),
-  thead: ({ children: e }) => /* @__PURE__ */ t("thead", { children: e }),
-  tbody: ({ children: e }) => /* @__PURE__ */ t("tbody", { children: e }),
-  tr: ({ children: e }) => /* @__PURE__ */ t("tr", { className: "m-0 border-t p-0 even:bg-muted", children: e }),
-  th: ({ children: e }) => /* @__PURE__ */ t("th", { className: "border px-4 py-2 text-left font-bold", children: e }),
-  td: ({ children: e }) => /* @__PURE__ */ t("td", { className: "border px-4 py-2 text-left", children: e }),
-  code: y
-}, C = g(
-  ({ className: e, components: s, ...o }) => /* @__PURE__ */ t(
-    p,
+  table: ({ children: t }) => /* @__PURE__ */ e("table", { className: "my-6 w-full", children: t }),
+  thead: ({ children: t }) => /* @__PURE__ */ e("thead", { children: t }),
+  tbody: ({ children: t }) => /* @__PURE__ */ e("tbody", { children: t }),
+  tr: ({ children: t }) => /* @__PURE__ */ e("tr", { className: "m-0 border-t p-0 even:bg-muted", children: t }),
+  th: ({ children: t }) => /* @__PURE__ */ e("th", { className: "border px-4 py-2 text-left font-bold", children: t }),
+  td: ({ children: t }) => /* @__PURE__ */ e("td", { className: "border px-4 py-2 text-left", children: t })
+}, k = b(
+  ({ className: t, components: o, ...a }) => /* @__PURE__ */ e(
+    _,
     {
       "data-slot": "message-response",
-      className: l(
+      className: d(
         "size-full",
-        '[&_div[data-streamdown="mermaid-block"]_.relative.w-full]:min-h-28',
-        '[&_div[data-streamdown="mermaid-block"]_>div>.fixed]:z-200',
-        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:fixed',
-        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:top-4',
-        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:bottom-auto',
-        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:left-4',
-        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:z-201',
-        "[&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
-        e
+        // Blockquote paragraph overrides
+        "[&_blockquote_p]:text-sm",
+        "[&_blockquote_p]:tracking-tight",
+        // Inline code
+        "[&_code]:relative",
+        "[&_code]:rounded",
+        "[&_code]:bg-muted",
+        "[&_code]:px-[0.3rem]",
+        "[&_code]:py-[0.2rem]",
+        "[&_code]:font-mono",
+        "[&_code]:text-sm",
+        "[&_code]:font-semibold",
+        // Code blocks (Streamdown container)
+        '[&_div[data-streamdown="code-block"]]:my-4',
+        '[&_div[data-streamdown="code-block"]]:w-full',
+        '[&_div[data-streamdown="code-block"]]:overflow-hidden',
+        '[&_div[data-streamdown="code-block"]]:rounded-xl',
+        '[&_div[data-streamdown="code-block"]]:border',
+        '[&_div[data-streamdown="code-block"]]:border-border',
+        // Code block header
+        '[&_div[data-streamdown="code-block-header"]]:flex',
+        '[&_div[data-streamdown="code-block-header"]]:items-center',
+        '[&_div[data-streamdown="code-block-header"]]:justify-between',
+        '[&_div[data-streamdown="code-block-header"]]:bg-muted/80',
+        '[&_div[data-streamdown="code-block-header"]]:px-4',
+        '[&_div[data-streamdown="code-block-header"]]:py-3',
+        '[&_div[data-streamdown="code-block-header"]]:text-xs',
+        '[&_div[data-streamdown="code-block-header"]]:text-muted-foreground',
+        // Pre element inside code block
+        '[&_div[data-streamdown="code-block"]_pre]:m-0',
+        '[&_div[data-streamdown="code-block"]_pre]:overflow-x-auto',
+        '[&_div[data-streamdown="code-block"]_pre]:border-t',
+        '[&_div[data-streamdown="code-block"]_pre]:border-border',
+        '[&_div[data-streamdown="code-block"]_pre]:bg-background!',
+        '[&_div[data-streamdown="code-block"]_pre]:p-4',
+        '[&_div[data-streamdown="code-block"]_pre]:text-sm',
+        '[&_div[data-streamdown="code-block"]_pre]:text-foreground!',
+        // Code element inside pre
+        '[&_div[data-streamdown="code-block"]_pre_code]:static',
+        '[&_div[data-streamdown="code-block"]_pre_code]:rounded-none',
+        '[&_div[data-streamdown="code-block"]_pre_code]:bg-transparent',
+        '[&_div[data-streamdown="code-block"]_pre_code]:p-0',
+        '[&_div[data-streamdown="code-block"]_pre_code]:font-mono',
+        '[&_div[data-streamdown="code-block"]_pre_code]:text-sm',
+        '[&_div[data-streamdown="code-block"]_pre_code]:font-normal',
+        // Code block buttons
+        '[&_button[data-streamdown="code-block-copy-button"]]:cursor-pointer',
+        '[&_button[data-streamdown="code-block-copy-button"]]:p-1',
+        '[&_button[data-streamdown="code-block-copy-button"]]:text-muted-foreground',
+        '[&_button[data-streamdown="code-block-copy-button"]]:transition-all',
+        '[&_button[data-streamdown="code-block-copy-button"]]:hover:text-foreground',
+        '[&_button[data-streamdown="code-block-download-button"]]:cursor-pointer',
+        '[&_button[data-streamdown="code-block-download-button"]]:p-1',
+        '[&_button[data-streamdown="code-block-download-button"]]:text-muted-foreground',
+        '[&_button[data-streamdown="code-block-download-button"]]:transition-all',
+        '[&_button[data-streamdown="code-block-download-button"]]:hover:text-foreground',
+        // Regular pre blocks (not in Streamdown code blocks)
+        "[&_pre:not([data-streamdown])]:my-3",
+        "[&_pre:not([data-streamdown])]:mx-0",
+        "[&_pre:not([data-streamdown])]:overflow-x-auto",
+        "[&_pre:not([data-streamdown])]:rounded-md",
+        "[&_pre:not([data-streamdown])]:border",
+        "[&_pre:not([data-streamdown])]:bg-card",
+        "[&_pre:not([data-streamdown])]:p-4",
+        "[&_pre:not([data-streamdown])]:text-foreground",
+        "[&_pre:not([data-streamdown])]:text-sm",
+        "[&_pre:not([data-streamdown])_code]:static",
+        "[&_pre:not([data-streamdown])_code]:rounded-none",
+        "[&_pre:not([data-streamdown])_code]:bg-transparent",
+        "[&_pre:not([data-streamdown])_code]:px-0",
+        "[&_pre:not([data-streamdown])_code]:py-0",
+        "[&_pre:not([data-streamdown])_code]:font-mono",
+        "[&_pre:not([data-streamdown])_code]:text-sm",
+        "[&_pre:not([data-streamdown])_code]:font-normal",
+        // Mermaid diagram blocks
+        '[&_div[data-streamdown="mermaid-block"]]:bg-card',
+        '[&_div[data-streamdown="mermaid-block"]]:text-card-foreground',
+        '[&_div[data-streamdown="mermaid-block"]]:flex',
+        '[&_div[data-streamdown="mermaid-block"]]:flex-col',
+        '[&_div[data-streamdown="mermaid-block"]]:rounded-lg',
+        '[&_div[data-streamdown="mermaid-block"]]:hover:bg-accent',
+        '[&_div[data-streamdown="mermaid-block"]]:border-0',
+        // Ensure mermaid container is tall enough for the toolbar
+        '[&_div[data-streamdown="mermaid-block"]_.relative.w-full]:!min-h-28',
+        // Mermaid fullscreen overlay: boost z-index above eos footer (z-150)
+        '[&_div[data-streamdown="mermaid-block"]_>div>.fixed]:!z-[200]',
+        // Mermaid fullscreen toolbar: pin to viewport top-left (only in fullscreen via .inset-0)
+        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:!fixed',
+        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:!top-4',
+        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:!bottom-auto',
+        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:!right-auto',
+        '[&_div[data-streamdown="mermaid-block"]_.fixed.inset-0_.flex-col.absolute]:!left-4',
+        // First and last child margin resets
+        "[&>*:first-child]:mt-0",
+        "[&>*:last-child]:mb-0",
+        t
       ),
-      components: { ...w, ...s },
+      components: { ...f, ...o },
       controls: !1,
-      ...o
+      ...a
     }
   ),
-  (e, s) => e.children === s.children
+  (t, o) => t.children === o.children
 );
-C.displayName = "MessageResponse";
+k.displayName = "MessageResponse";
 export {
-  V as Message,
-  G as MessageAction,
-  F as MessageActions,
-  D as MessageContent,
-  C as MessageResponse
+  T as Message,
+  A as MessageAction,
+  z as MessageActions,
+  R as MessageContent,
+  k as MessageResponse
 };

package/dist/components/ui/core/popover/popover.js

@@ -0,0 +1,55 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { Popover as t } from "@base-ui/react/popover";
+import { usePortalContainer as l } from "../../../../lib/portal-container-context.js";
+import { cn as f } from "../../../../lib/utils.js";
+function c(o) {
+  return /* @__PURE__ */ r(t.Root, { "data-slot": "popover", ...o });
+}
+c.displayName = "Popover";
+function z({
+  children: o,
+  ...e
+}) {
+  return /* @__PURE__ */ r(t.Trigger, { "data-slot": "popover-trigger", ...e, children: o });
+}
+const g = m(
+  ({
+    className: o,
+    align: e = "center",
+    alignOffset: a = 0,
+    side: n = "bottom",
+    sideOffset: i = 4,
+    ...d
+  }, p) => {
+    const s = l();
+    return /* @__PURE__ */ r(t.Portal, { container: s, children: /* @__PURE__ */ r(
+      t.Positioner,
+      {
+        align: e,
+        alignOffset: a,
+        side: n,
+        sideOffset: i,
+        className: "isolate z-50",
+        children: /* @__PURE__ */ r(
+          t.Popup,
+          {
+            ref: p,
+            "data-slot": "popover-content",
+            className: f(
+              "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-[var(--transform-origin)] rounded-lg border border-border p-3 gap-2 shadow-md outline-none",
+              o
+            ),
+            ...d
+          }
+        )
+      }
+    ) });
+  }
+);
+g.displayName = "PopoverContent";
+export {
+  c as Popover,
+  g as PopoverContent,
+  z as PopoverTrigger
+};