@elabs-ai/components-ai 4.2.0 → 5.1.0

package/dist/chunk-BM2LWERA.js

@@ -0,0 +1,100 @@
+"use client";
+import {
+  A2UI_COMMON_PROPS,
+  A2UI_VERSION
+} from "./chunk-4XRNIZMG.js";
+
+// src/a2ui/core/schema.ts
+var A2UI_SURFACE_SCHEMA_ID = "https://github.com/mreimitz/elabs-components/packages/ai/schemas/a2ui-surface.v1.schema.json";
+function propSchema(p) {
+  const base = {};
+  if (p.description) base.description = p.description;
+  if (p.default !== void 0) base.default = p.default;
+  if (p.enum) return { ...base, enum: p.enum };
+  switch (p.type) {
+    case "string":
+    case "number":
+    case "boolean":
+    case "array":
+    case "object":
+      return { ...base, type: p.type };
+    case "node":
+      return {
+        ...base,
+        anyOf: [
+          { type: "string" },
+          { type: "number" },
+          { $ref: "#/$defs/element" },
+          { type: "array", items: { $ref: "#/$defs/node" } }
+        ]
+      };
+    default:
+      return base;
+  }
+}
+function elementSchema(type, entry) {
+  const props = entry.builtin ? entry.props : { ...A2UI_COMMON_PROPS, ...entry.props };
+  const required = Object.entries(entry.props).filter(([, p]) => p.required).map(([name]) => name);
+  const properties = {
+    type: { const: type },
+    id: { type: "string" },
+    props: {
+      type: "object",
+      properties: Object.fromEntries(Object.entries(props).map(([n, p]) => [n, propSchema(p)])),
+      ...required.length ? { required } : {},
+      additionalProperties: false
+    },
+    on: {
+      type: "object",
+      properties: Object.fromEntries(
+        Object.keys(entry.events).map((ev) => [ev, { $ref: "#/$defs/action" }])
+      ),
+      additionalProperties: false
+    }
+  };
+  if (entry.children) properties.children = { type: "array", items: { $ref: "#/$defs/node" } };
+  return {
+    type: "object",
+    ...entry.summary ? { description: entry.summary } : {},
+    properties,
+    required: required.length ? ["type", "props"] : ["type"],
+    additionalProperties: false
+  };
+}
+function buildA2uiSurfaceSchema(catalog) {
+  const types = Object.keys(catalog).sort();
+  return {
+    $schema: "https://json-schema.org/draft/2020-12/schema",
+    $id: A2UI_SURFACE_SCHEMA_ID,
+    title: "A2UI surface v1 (brand-ui)",
+    description: "An agent-designed screen as data: a tree of brand-ui catalog nodes. Every `type` is a catalog entry, props are checked per type, and `on` binds catalog events to host actions. Text is a plain string child.",
+    type: "object",
+    properties: {
+      a2ui: { const: A2UI_VERSION },
+      title: { type: "string", description: "Accessible name of the surface region." },
+      root: { $ref: "#/$defs/node" }
+    },
+    required: ["a2ui", "root"],
+    additionalProperties: false,
+    $defs: {
+      action: {
+        type: "object",
+        properties: {
+          name: { type: "string", minLength: 1, description: "The host-side verb." },
+          payload: { description: "Free JSON attached to the action." }
+        },
+        required: ["name"],
+        additionalProperties: false
+      },
+      node: { anyOf: [{ type: "string" }, { $ref: "#/$defs/element" }] },
+      element: { oneOf: types.map((t) => ({ $ref: `#/$defs/${t}` })) },
+      ...Object.fromEntries(types.map((t) => [t, elementSchema(t, catalog[t])]))
+    }
+  };
+}
+
+export {
+  A2UI_SURFACE_SCHEMA_ID,
+  buildA2uiSurfaceSchema
+};
+//# sourceMappingURL=chunk-BM2LWERA.js.map

package/dist/chunk-BM2LWERA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/a2ui/core/schema.ts"],"sourcesContent":["/**\n * schema.ts — the A2UI surface as a JSON Schema (draft 2020-12), built from the\n * catalog so editors, structured-output modes and JSON-Schema validators see the\n * SAME contract `validateA2uiSurface` enforces. Published as\n * `@elabs-ai/components-ai/a2ui/schema.json` and printed by `brand-ui a2ui schema`.\n */\nimport {\n  A2UI_COMMON_PROPS,\n  A2UI_VERSION,\n  type A2uiCatalogSchema,\n  type A2uiCatalogTypeSchema,\n  type A2uiPropSchema,\n} from \"./spec\";\n\nexport const A2UI_SURFACE_SCHEMA_ID =\n  \"https://github.com/mreimitz/elabs-components/packages/ai/schemas/a2ui-surface.v1.schema.json\";\n\ntype JsonSchema = Record<string, unknown>;\n\nfunction propSchema(p: A2uiPropSchema): JsonSchema {\n  const base: JsonSchema = {};\n  if (p.description) base.description = p.description;\n  if (p.default !== undefined) base.default = p.default;\n  if (p.enum) return { ...base, enum: p.enum };\n  switch (p.type) {\n    case \"string\":\n    case \"number\":\n    case \"boolean\":\n    case \"array\":\n    case \"object\":\n      return { ...base, type: p.type };\n    case \"node\":\n      return {\n        ...base,\n        anyOf: [\n          { type: \"string\" },\n          { type: \"number\" },\n          { $ref: \"#/$defs/element\" },\n          { type: \"array\", items: { $ref: \"#/$defs/node\" } },\n        ],\n      };\n    default:\n      return base;\n  }\n}\n\nfunction elementSchema(type: string, entry: A2uiCatalogTypeSchema): JsonSchema {\n  const props = entry.builtin ? entry.props : { ...A2UI_COMMON_PROPS, ...entry.props };\n  const required = Object.entries(entry.props)\n    .filter(([, p]) => p.required)\n    .map(([name]) => name);\n  const properties: JsonSchema = {\n    type: { const: type },\n    id: { type: \"string\" },\n    props: {\n      type: \"object\",\n      properties: Object.fromEntries(Object.entries(props).map(([n, p]) => [n, propSchema(p)])),\n      ...(required.length ? { required } : {}),\n      additionalProperties: false,\n    },\n    on: {\n      type: \"object\",\n      properties: Object.fromEntries(\n        Object.keys(entry.events).map((ev) => [ev, { $ref: \"#/$defs/action\" }]),\n      ),\n      additionalProperties: false,\n    },\n  };\n  if (entry.children) properties.children = { type: \"array\", items: { $ref: \"#/$defs/node\" } };\n  return {\n    type: \"object\",\n    ...(entry.summary ? { description: entry.summary } : {}),\n    properties,\n    required: required.length ? [\"type\", \"props\"] : [\"type\"],\n    additionalProperties: false,\n  };\n}\n\n/** Build the JSON Schema document for `catalog`. Deterministic: sorted types. */\nexport function buildA2uiSurfaceSchema(catalog: A2uiCatalogSchema): JsonSchema {\n  const types = Object.keys(catalog).sort();\n  return {\n    $schema: \"https://json-schema.org/draft/2020-12/schema\",\n    $id: A2UI_SURFACE_SCHEMA_ID,\n    title: \"A2UI surface v1 (brand-ui)\",\n    description:\n      \"An agent-designed screen as data: a tree of brand-ui catalog nodes. Every `type` is a catalog entry, props are checked per type, and `on` binds catalog events to host actions. Text is a plain string child.\",\n    type: \"object\",\n    properties: {\n      a2ui: { const: A2UI_VERSION },\n      title: { type: \"string\", description: \"Accessible name of the surface region.\" },\n      root: { $ref: \"#/$defs/node\" },\n    },\n    required: [\"a2ui\", \"root\"],\n    additionalProperties: false,\n    $defs: {\n      action: {\n        type: \"object\",\n        properties: {\n          name: { type: \"string\", minLength: 1, description: \"The host-side verb.\" },\n          payload: { description: \"Free JSON attached to the action.\" },\n        },\n        required: [\"name\"],\n        additionalProperties: false,\n      },\n      node: { anyOf: [{ type: \"string\" }, { $ref: \"#/$defs/element\" }] },\n      element: { oneOf: types.map((t) => ({ $ref: `#/$defs/${t}` })) },\n      ...Object.fromEntries(types.map((t) => [t, elementSchema(t, catalog[t]!)])),\n    },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-CMOYXNPJ.js

@@ -0,0 +1,211 @@
+"use client";
+
+// src/inline-citation.tsx
+import { Badge } from "@elabs-ai/components-ui";
+import { Carousel, CarouselContent, CarouselItem } from "@elabs-ai/components-ui";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { useLocale } from "@elabs-ai/components-ui";
+import { ArrowLeftIcon, ArrowRightIcon, BadgeCheckIcon } from "lucide-react";
+import { createContext, useCallback, useContext, useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var InlineCitation = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("group inline items-center gap-1", className), ...props });
+var InlineCitationText = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("transition-colors group-hover:bg-accent", className), ...props });
+var InlineCitationCard = (props) => /* @__PURE__ */ jsx(HoverCard, { closeDelay: 0, openDelay: 0, ...props });
+var hostnameOrRaw = (value) => {
+  try {
+    return new URL(value).hostname || value;
+  } catch {
+    return value;
+  }
+};
+var inlineCitationSourceLabel = (source) => {
+  if (typeof source === "string") {
+    return hostnameOrRaw(source);
+  }
+  return source.label || (source.url ? hostnameOrRaw(source.url) : source.id || "unknown");
+};
+var InlineCitationCardTrigger = ({
+  sources,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+  Badge,
+  {
+    className: cn(
+      "ms-1 rounded-full border-success/40 bg-success/10 text-success-text",
+      className
+    ),
+    variant: "outline",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(BadgeCheckIcon, { "aria-hidden": "true", className: "size-3" }),
+      sources[0] ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        inlineCitationSourceLabel(sources[0]),
+        " ",
+        sources.length > 1 && `+${sources.length - 1}`
+      ] }) : "unknown"
+    ]
+  }
+) });
+var EvidenceChip = InlineCitationCardTrigger;
+var InlineCitationCardBody = ({ className, ...props }) => /* @__PURE__ */ jsx(HoverCardContent, { className: cn("relative w-80 p-0", className), ...props });
+var CarouselApiContext = createContext(void 0);
+var useCarouselApi = () => {
+  const context = useContext(CarouselApiContext);
+  return context;
+};
+var InlineCitationCarousel = ({
+  className,
+  children,
+  ...props
+}) => {
+  const [api, setApi] = useState();
+  return /* @__PURE__ */ jsx(CarouselApiContext.Provider, { value: api, children: /* @__PURE__ */ jsx(Carousel, { className: cn("w-full", className), setApi, ...props, children }) });
+};
+var InlineCitationCarouselContent = (props) => /* @__PURE__ */ jsx(CarouselContent, { ...props });
+var InlineCitationCarouselItem = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(CarouselItem, { className: cn("w-full space-y-2 p-4 ps-8", className), ...props });
+var InlineCitationCarouselHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2",
+      className
+    ),
+    ...props
+  }
+);
+var InlineCitationCarouselIndex = ({
+  children,
+  className,
+  ...props
+}) => {
+  const api = useCarouselApi();
+  const [current, setCurrent] = useState(0);
+  const [count, setCount] = useState(0);
+  const syncState = useCallback(() => {
+    if (!api) {
+      return;
+    }
+    setCount(api.scrollSnapList().length);
+    setCurrent(api.selectedScrollSnap() + 1);
+  }, [api]);
+  useEffect(() => {
+    if (!api) {
+      return;
+    }
+    syncState();
+    api.on("select", syncState);
+    return () => {
+      api.off("select", syncState);
+    };
+  }, [api, syncState]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-meta",
+        className
+      ),
+      ...props,
+      children: children ?? `${current}/${count}`
+    }
+  );
+};
+var InlineCitationCarouselPrev = ({
+  className,
+  ...props
+}) => {
+  const { t } = useLocale();
+  const api = useCarouselApi();
+  const handleClick = useCallback(() => {
+    if (api) {
+      api.scrollPrev();
+    }
+  }, [api]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-label": t("previous"),
+      className: cn("shrink-0", className),
+      onClick: handleClick,
+      type: "button",
+      ...props,
+      children: /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-4 text-muted-foreground", "data-rtl-flip": true })
+    }
+  );
+};
+var InlineCitationCarouselNext = ({
+  className,
+  ...props
+}) => {
+  const { t } = useLocale();
+  const api = useCarouselApi();
+  const handleClick = useCallback(() => {
+    if (api) {
+      api.scrollNext();
+    }
+  }, [api]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-label": t("next"),
+      className: cn("shrink-0", className),
+      onClick: handleClick,
+      type: "button",
+      ...props,
+      children: /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-4 text-muted-foreground", "data-rtl-flip": true })
+    }
+  );
+};
+var InlineCitationSource = ({
+  title,
+  url,
+  description,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs("div", { className: cn("space-y-1", className), ...props, children: [
+  title && /* @__PURE__ */ jsx("h4", { className: "truncate font-medium text-body leading-tight", children: title }),
+  url && /* @__PURE__ */ jsx("p", { className: "truncate break-all text-muted-foreground text-meta", children: url }),
+  description && /* @__PURE__ */ jsx("p", { className: "line-clamp-3 text-muted-foreground text-body leading-relaxed", children: description }),
+  children
+] });
+var InlineCitationQuote = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "blockquote",
+  {
+    className: cn("border-muted border-s-2 ps-3 text-muted-foreground text-body italic", className),
+    ...props,
+    children
+  }
+);
+
+export {
+  InlineCitation,
+  InlineCitationText,
+  InlineCitationCard,
+  inlineCitationSourceLabel,
+  InlineCitationCardTrigger,
+  EvidenceChip,
+  InlineCitationCardBody,
+  InlineCitationCarousel,
+  InlineCitationCarouselContent,
+  InlineCitationCarouselItem,
+  InlineCitationCarouselHeader,
+  InlineCitationCarouselIndex,
+  InlineCitationCarouselPrev,
+  InlineCitationCarouselNext,
+  InlineCitationSource,
+  InlineCitationQuote
+};
+//# sourceMappingURL=chunk-CMOYXNPJ.js.map

package/dist/chunk-CMOYXNPJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/inline-citation.tsx"],"sourcesContent":["\"use client\";\n\nimport { Badge } from \"@elabs-ai/components-ui\";\nimport type { CarouselApi } from \"@elabs-ai/components-ui\";\nimport { Carousel, CarouselContent, CarouselItem } from \"@elabs-ai/components-ui\";\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { useLocale } from \"@elabs-ai/components-ui\";\nimport { ArrowLeftIcon, ArrowRightIcon, BadgeCheckIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { createContext, useCallback, useContext, useEffect, useState } from \"react\";\n\nexport type InlineCitationProps = ComponentProps<\"span\">;\n\nexport const InlineCitation = ({ className, ...props }: InlineCitationProps) => (\n  <span className={cn(\"group inline items-center gap-1\", className)} {...props} />\n);\n\nexport type InlineCitationTextProps = ComponentProps<\"span\">;\n\nexport const InlineCitationText = ({ className, ...props }: InlineCitationTextProps) => (\n  <span className={cn(\"transition-colors group-hover:bg-accent\", className)} {...props} />\n);\n\nexport type InlineCitationCardProps = ComponentProps<typeof HoverCard>;\n\nexport const InlineCitationCard = (props: InlineCitationCardProps) => (\n  <HoverCard closeDelay={0} openDelay={0} {...props} />\n);\n\n/**\n * A cited source: a bare string — a URL, or any opaque id / human label — or a\n * labelled object.\n *\n * Non-URL sources are first-class. An agent citing a warehouse table, a document\n * id, an uploaded file or a wiki page has no hostname to show, and must not have\n * to synthesize a fake URL to satisfy the chip.\n */\nexport type InlineCitationSourceRef =\n  | string\n  | {\n      /** Opaque identifier, shown when there is no `label` and no `url`. */\n      id?: string;\n      /** Human-readable label — wins over any hostname derived from `url`. */\n      label?: string;\n      /** Optional link; its hostname is the fallback label. */\n      url?: string;\n    };\n\n/** The URL's hostname when `value` parses as one, else `value` itself. Never throws. */\nconst hostnameOrRaw = (value: string): string => {\n  try {\n    return new URL(value).hostname || value;\n  } catch {\n    return value;\n  }\n};\n\n/**\n * The chip label for a source ref. Exported so consumers can render the same\n * label elsewhere (a footnote list, a tooltip) without re-deriving the rules.\n */\nexport const inlineCitationSourceLabel = (source: InlineCitationSourceRef): string => {\n  if (typeof source === \"string\") {\n    return hostnameOrRaw(source);\n  }\n  // `||` not `??` — an upstream field that is present but EMPTY (`label: \"\"`)\n  // must still fall through, or the chip renders with no label at all.\n  return source.label || (source.url ? hostnameOrRaw(source.url) : source.id || \"unknown\");\n};\n\nexport type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {\n  sources: InlineCitationSourceRef[];\n};\n\nexport const InlineCitationCardTrigger = ({\n  sources,\n  className,\n  ...props\n}: InlineCitationCardTriggerProps) => (\n  <HoverCardTrigger asChild>\n    <Badge\n      // The 08 §C.1 evidence channel: the green wash marks \"grounded\" — green\n      // is reserved for evidence/answer/favourable (research 11 §B.4).\n      className={cn(\n        \"ms-1 rounded-full border-success/40 bg-success/10 text-success-text\",\n        className,\n      )}\n      variant=\"outline\"\n      {...props}\n    >\n      <BadgeCheckIcon aria-hidden=\"true\" className=\"size-3\" />\n      {sources[0] ? (\n        <>\n          {inlineCitationSourceLabel(sources[0])} {sources.length > 1 && `+${sources.length - 1}`}\n        </>\n      ) : (\n        \"unknown\"\n      )}\n    </Badge>\n  </HoverCardTrigger>\n);\n\nexport type EvidenceChipProps = InlineCitationCardTriggerProps;\n\n/**\n * EvidenceChip — the named front door for the inline evidence interaction\n * (research 11 §B.4): the re-skinned `InlineCitationCardTrigger` (green\n * \"grounded\" wash). Use inside an `InlineCitationCard` (HoverCard) — it reuses\n * the citation carousel wholesale; it is not a new primitive.\n */\nexport const EvidenceChip = InlineCitationCardTrigger;\n\nexport type InlineCitationCardBodyProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCardBody = ({ className, ...props }: InlineCitationCardBodyProps) => (\n  <HoverCardContent className={cn(\"relative w-80 p-0\", className)} {...props} />\n);\n\nconst CarouselApiContext = createContext<CarouselApi | undefined>(undefined);\n\nconst useCarouselApi = () => {\n  const context = useContext(CarouselApiContext);\n  return context;\n};\n\nexport type InlineCitationCarouselProps = ComponentProps<typeof Carousel>;\n\nexport const InlineCitationCarousel = ({\n  className,\n  children,\n  ...props\n}: InlineCitationCarouselProps) => {\n  const [api, setApi] = useState<CarouselApi>();\n\n  return (\n    <CarouselApiContext.Provider value={api}>\n      <Carousel className={cn(\"w-full\", className)} setApi={setApi} {...props}>\n        {children}\n      </Carousel>\n    </CarouselApiContext.Provider>\n  );\n};\n\nexport type InlineCitationCarouselContentProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselContent = (props: InlineCitationCarouselContentProps) => (\n  <CarouselContent {...props} />\n);\n\nexport type InlineCitationCarouselItemProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselItem = ({\n  className,\n  ...props\n}: InlineCitationCarouselItemProps) => (\n  <CarouselItem className={cn(\"w-full space-y-2 p-4 ps-8\", className)} {...props} />\n);\n\nexport type InlineCitationCarouselHeaderProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselHeader = ({\n  className,\n  ...props\n}: InlineCitationCarouselHeaderProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2\",\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport type InlineCitationCarouselIndexProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselIndex = ({\n  children,\n  className,\n  ...props\n}: InlineCitationCarouselIndexProps) => {\n  const api = useCarouselApi();\n  const [current, setCurrent] = useState(0);\n  const [count, setCount] = useState(0);\n\n  const syncState = useCallback(() => {\n    if (!api) {\n      return;\n    }\n    setCount(api.scrollSnapList().length);\n    setCurrent(api.selectedScrollSnap() + 1);\n  }, [api]);\n\n  useEffect(() => {\n    if (!api) {\n      return;\n    }\n\n    syncState();\n\n    api.on(\"select\", syncState);\n\n    return () => {\n      api.off(\"select\", syncState);\n    };\n  }, [api, syncState]);\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-meta\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? `${current}/${count}`}\n    </div>\n  );\n};\n\nexport type InlineCitationCarouselPrevProps = ComponentProps<\"button\">;\n\nexport const InlineCitationCarouselPrev = ({\n  className,\n  ...props\n}: InlineCitationCarouselPrevProps) => {\n  const { t } = useLocale();\n  const api = useCarouselApi();\n\n  const handleClick = useCallback(() => {\n    if (api) {\n      api.scrollPrev();\n    }\n  }, [api]);\n\n  return (\n    <button\n      aria-label={t(\"previous\")}\n      className={cn(\"shrink-0\", className)}\n      onClick={handleClick}\n      type=\"button\"\n      {...props}\n    >\n      <ArrowLeftIcon className=\"size-4 text-muted-foreground\" data-rtl-flip />\n    </button>\n  );\n};\n\nexport type InlineCitationCarouselNextProps = ComponentProps<\"button\">;\n\nexport const InlineCitationCarouselNext = ({\n  className,\n  ...props\n}: InlineCitationCarouselNextProps) => {\n  const { t } = useLocale();\n  const api = useCarouselApi();\n\n  const handleClick = useCallback(() => {\n    if (api) {\n      api.scrollNext();\n    }\n  }, [api]);\n\n  return (\n    <button\n      aria-label={t(\"next\")}\n      className={cn(\"shrink-0\", className)}\n      onClick={handleClick}\n      type=\"button\"\n      {...props}\n    >\n      <ArrowRightIcon className=\"size-4 text-muted-foreground\" data-rtl-flip />\n    </button>\n  );\n};\n\nexport type InlineCitationSourceProps = ComponentProps<\"div\"> & {\n  title?: string;\n  url?: string;\n  description?: string;\n};\n\nexport const InlineCitationSource = ({\n  title,\n  url,\n  description,\n  className,\n  children,\n  ...props\n}: InlineCitationSourceProps) => (\n  <div className={cn(\"space-y-1\", className)} {...props}>\n    {title && <h4 className=\"truncate font-medium text-body leading-tight\">{title}</h4>}\n    {url && <p className=\"truncate break-all text-muted-foreground text-meta\">{url}</p>}\n    {description && (\n      <p className=\"line-clamp-3 text-muted-foreground text-body leading-relaxed\">{description}</p>\n    )}\n    {children}\n  </div>\n);\n\nexport type InlineCitationQuoteProps = ComponentProps<\"blockquote\">;\n\nexport const InlineCitationQuote = ({\n  children,\n  className,\n  ...props\n}: InlineCitationQuoteProps) => (\n  <blockquote\n    className={cn(\"border-muted border-s-2 ps-3 text-muted-foreground text-body italic\", className)}\n    {...props}\n  >\n    {children}\n  </blockquote>\n);\n"],"mappings":"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","names":[]}

package/dist/chunk-CZP3RHC4.js

@@ -0,0 +1,74 @@
+"use client";
+import {
+  CodeBlock
+} from "./chunk-TWPHAJNM.js";
+
+// src/agent.tsx
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "@elabs-ai/components-ui";
+import { Badge } from "@elabs-ai/components-ui";
+import { useLocale } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { BotIcon } from "lucide-react";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Agent = memo(({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("not-prose w-full rounded-md border", className), ...props }));
+var AgentHeader = memo(({ className, name, model, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex w-full items-center justify-between gap-4 p-3", className), ...props, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ jsx(BotIcon, { className: "size-4 text-muted-foreground" }),
+  /* @__PURE__ */ jsx("span", { className: "font-medium text-body", children: name }),
+  model && /* @__PURE__ */ jsx(Badge, { className: "font-mono text-meta", variant: "secondary", children: model })
+] }) }));
+var AgentContent = memo(({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("space-y-4 p-4 pt-0", className), ...props }));
+var AgentInstructions = memo(
+  ({ className, children, ...props }) => {
+    const { t } = useLocale();
+    return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), ...props, children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground text-body", children: t("ai.agent.instructions") }),
+      /* @__PURE__ */ jsx("div", { className: "rounded-md bg-muted/50 p-3 text-muted-foreground text-body", children: /* @__PURE__ */ jsx("p", { children }) })
+    ] });
+  }
+);
+var AgentTools = memo(({ className, ...props }) => {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground text-body", children: t("ai.agent.tools") }),
+    /* @__PURE__ */ jsx(Accordion, { className: "rounded-md border", ...props })
+  ] });
+});
+var AgentTool = memo(({ className, tool, value, ...props }) => {
+  const schema = "jsonSchema" in tool && tool.jsonSchema ? tool.jsonSchema : tool.inputSchema;
+  const description = typeof tool.description === "string" ? tool.description : void 0;
+  return /* @__PURE__ */ jsxs(AccordionItem, { className: cn("border-b last:border-b-0", className), value, ...props, children: [
+    /* @__PURE__ */ jsx(AccordionTrigger, { className: "px-3 py-2 text-body hover:no-underline", children: description ?? "No description" }),
+    /* @__PURE__ */ jsx(AccordionContent, { className: "px-3 pb-3", children: /* @__PURE__ */ jsx("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ jsx(CodeBlock, { code: JSON.stringify(schema, null, 2), language: "json" }) }) })
+  ] });
+});
+var AgentOutput = memo(({ className, schema, ...props }) => {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), ...props, children: [
+    /* @__PURE__ */ jsx("span", { className: "font-medium text-muted-foreground text-body", children: t("ai.agent.outputSchema") }),
+    /* @__PURE__ */ jsx("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ jsx(CodeBlock, { code: schema, language: "typescript" }) })
+  ] });
+});
+Agent.displayName = "Agent";
+AgentHeader.displayName = "AgentHeader";
+AgentContent.displayName = "AgentContent";
+AgentInstructions.displayName = "AgentInstructions";
+AgentTools.displayName = "AgentTools";
+AgentTool.displayName = "AgentTool";
+AgentOutput.displayName = "AgentOutput";
+
+export {
+  Agent,
+  AgentHeader,
+  AgentContent,
+  AgentInstructions,
+  AgentTools,
+  AgentTool,
+  AgentOutput
+};
+//# sourceMappingURL=chunk-CZP3RHC4.js.map

package/dist/chunk-CZP3RHC4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/agent.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@elabs-ai/components-ui\";\nimport { Badge } from \"@elabs-ai/components-ui\";\nimport { useLocale } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport type { Tool } from \"ai\";\nimport { BotIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { memo } from \"react\";\n\nimport { CodeBlock } from \"./code-block\";\n\nexport type AgentProps = ComponentProps<\"div\">;\n\nexport const Agent = memo(({ className, ...props }: AgentProps) => (\n  <div className={cn(\"not-prose w-full rounded-md border\", className)} {...props} />\n));\n\nexport type AgentHeaderProps = ComponentProps<\"div\"> & {\n  name: string;\n  model?: string;\n};\n\nexport const AgentHeader = memo(({ className, name, model, ...props }: AgentHeaderProps) => (\n  <div className={cn(\"flex w-full items-center justify-between gap-4 p-3\", className)} {...props}>\n    <div className=\"flex items-center gap-2\">\n      <BotIcon className=\"size-4 text-muted-foreground\" />\n      <span className=\"font-medium text-body\">{name}</span>\n      {model && (\n        <Badge className=\"font-mono text-meta\" variant=\"secondary\">\n          {model}\n        </Badge>\n      )}\n    </div>\n  </div>\n));\n\nexport type AgentContentProps = ComponentProps<\"div\">;\n\nexport const AgentContent = memo(({ className, ...props }: AgentContentProps) => (\n  <div className={cn(\"space-y-4 p-4 pt-0\", className)} {...props} />\n));\n\nexport type AgentInstructionsProps = ComponentProps<\"div\"> & {\n  children: string;\n};\n\nexport const AgentInstructions = memo(\n  ({ className, children, ...props }: AgentInstructionsProps) => {\n    const { t } = useLocale();\n    return (\n      <div className={cn(\"space-y-2\", className)} {...props}>\n        <span className=\"font-medium text-muted-foreground text-body\">\n          {t(\"ai.agent.instructions\")}\n        </span>\n        <div className=\"rounded-md bg-muted/50 p-3 text-muted-foreground text-body\">\n          <p>{children}</p>\n        </div>\n      </div>\n    );\n  },\n);\n\nexport type AgentToolsProps = ComponentProps<typeof Accordion>;\n\nexport const AgentTools = memo(({ className, ...props }: AgentToolsProps) => {\n  const { t } = useLocale();\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      <span className=\"font-medium text-muted-foreground text-body\">{t(\"ai.agent.tools\")}</span>\n      <Accordion className=\"rounded-md border\" {...props} />\n    </div>\n  );\n});\n\nexport type AgentToolProps = ComponentProps<typeof AccordionItem> & {\n  tool: Tool;\n};\n\nexport const AgentTool = memo(({ className, tool, value, ...props }: AgentToolProps) => {\n  const schema = \"jsonSchema\" in tool && tool.jsonSchema ? tool.jsonSchema : tool.inputSchema;\n  // `tool.description` may be a fixed string OR (ai@7+) a function of the live\n  // call context (`(options) => string`) for a per-call dynamic description.\n  // AgentTool renders a static list, so it has no call context to invoke that\n  // function with — show it only when it is already a plain string.\n  const description = typeof tool.description === \"string\" ? tool.description : undefined;\n\n  return (\n    <AccordionItem className={cn(\"border-b last:border-b-0\", className)} value={value} {...props}>\n      <AccordionTrigger className=\"px-3 py-2 text-body hover:no-underline\">\n        {description ?? \"No description\"}\n      </AccordionTrigger>\n      <AccordionContent className=\"px-3 pb-3\">\n        <div className=\"rounded-md bg-muted/50\">\n          <CodeBlock code={JSON.stringify(schema, null, 2)} language=\"json\" />\n        </div>\n      </AccordionContent>\n    </AccordionItem>\n  );\n});\n\nexport type AgentOutputProps = ComponentProps<\"div\"> & {\n  schema: string;\n};\n\nexport const AgentOutput = memo(({ className, schema, ...props }: AgentOutputProps) => {\n  const { t } = useLocale();\n  return (\n    <div className={cn(\"space-y-2\", className)} {...props}>\n      <span className=\"font-medium text-muted-foreground text-body\">\n        {t(\"ai.agent.outputSchema\")}\n      </span>\n      <div className=\"rounded-md bg-muted/50\">\n        <CodeBlock code={schema} language=\"typescript\" />\n      </div>\n    </div>\n  );\n});\n\nAgent.displayName = \"Agent\";\nAgentHeader.displayName = \"AgentHeader\";\nAgentContent.displayName = \"AgentContent\";\nAgentInstructions.displayName = \"AgentInstructions\";\nAgentTools.displayName = \"AgentTools\";\nAgentTool.displayName = \"AgentTool\";\nAgentOutput.displayName = \"AgentOutput\";\n"],"mappings":";;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAEnB,SAAS,eAAe;AAExB,SAAS,YAAY;AAOnB,cAUE,YAVF;AADK,IAAM,QAAQ,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,MAC/C,oBAAC,SAAI,WAAW,GAAG,sCAAsC,SAAS,GAAI,GAAG,OAAO,CACjF;AAOM,IAAM,cAAc,KAAK,CAAC,EAAE,WAAW,MAAM,OAAO,GAAG,MAAM,MAClE,oBAAC,SAAI,WAAW,GAAG,sDAAsD,SAAS,GAAI,GAAG,OACvF,+BAAC,SAAI,WAAU,2BACb;AAAA,sBAAC,WAAQ,WAAU,gCAA+B;AAAA,EAClD,oBAAC,UAAK,WAAU,yBAAyB,gBAAK;AAAA,EAC7C,SACC,oBAAC,SAAM,WAAU,uBAAsB,SAAQ,aAC5C,iBACH;AAAA,GAEJ,GACF,CACD;AAIM,IAAM,eAAe,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,MACtD,oBAAC,SAAI,WAAW,GAAG,sBAAsB,SAAS,GAAI,GAAG,OAAO,CACjE;AAMM,IAAM,oBAAoB;AAAA,EAC/B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,MAA8B;AAC7D,UAAM,EAAE,EAAE,IAAI,UAAU;AACxB,WACE,qBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,OAC9C;AAAA,0BAAC,UAAK,WAAU,+CACb,YAAE,uBAAuB,GAC5B;AAAA,MACA,oBAAC,SAAI,WAAU,8DACb,8BAAC,OAAG,UAAS,GACf;AAAA,OACF;AAAA,EAEJ;AACF;AAIO,IAAM,aAAa,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,MAAuB;AAC3E,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,SACE,qBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GACvC;AAAA,wBAAC,UAAK,WAAU,+CAA+C,YAAE,gBAAgB,GAAE;AAAA,IACnF,oBAAC,aAAU,WAAU,qBAAqB,GAAG,OAAO;AAAA,KACtD;AAEJ,CAAC;AAMM,IAAM,YAAY,KAAK,CAAC,EAAE,WAAW,MAAM,OAAO,GAAG,MAAM,MAAsB;AACtF,QAAM,SAAS,gBAAgB,QAAQ,KAAK,aAAa,KAAK,aAAa,KAAK;AAKhF,QAAM,cAAc,OAAO,KAAK,gBAAgB,WAAW,KAAK,cAAc;AAE9E,SACE,qBAAC,iBAAc,WAAW,GAAG,4BAA4B,SAAS,GAAG,OAAe,GAAG,OACrF;AAAA,wBAAC,oBAAiB,WAAU,0CACzB,yBAAe,kBAClB;AAAA,IACA,oBAAC,oBAAiB,WAAU,aAC1B,8BAAC,SAAI,WAAU,0BACb,8BAAC,aAAU,MAAM,KAAK,UAAU,QAAQ,MAAM,CAAC,GAAG,UAAS,QAAO,GACpE,GACF;AAAA,KACF;AAEJ,CAAC;AAMM,IAAM,cAAc,KAAK,CAAC,EAAE,WAAW,QAAQ,GAAG,MAAM,MAAwB;AACrF,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,SACE,qBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,OAC9C;AAAA,wBAAC,UAAK,WAAU,+CACb,YAAE,uBAAuB,GAC5B;AAAA,IACA,oBAAC,SAAI,WAAU,0BACb,8BAAC,aAAU,MAAM,QAAQ,UAAS,cAAa,GACjD;AAAA,KACF;AAEJ,CAAC;AAED,MAAM,cAAc;AACpB,YAAY,cAAc;AAC1B,aAAa,cAAc;AAC3B,kBAAkB,cAAc;AAChC,WAAW,cAAc;AACzB,UAAU,cAAc;AACxB,YAAY,cAAc;","names":[]}

package/dist/chunk-DDG5JHQT.js

@@ -0,0 +1,112 @@
+"use client";
+
+// src/artifact.tsx
+import { Button, Skeleton, useLocale } from "@elabs-ai/components-ui";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { XIcon } from "lucide-react";
+import { createContext, use, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ArtifactContext = createContext({ loading: false });
+var Artifact = ({ className, loading = false, children, ...props }) => {
+  const contextValue = useMemo(() => ({ loading }), [loading]);
+  return /* @__PURE__ */ jsx(ArtifactContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm",
+        className
+      ),
+      ...props,
+      children
+    }
+  ) });
+};
+var ArtifactHeader = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("flex items-center justify-between border-b bg-muted/50 px-4 py-3", className),
+    ...props
+  }
+);
+var ArtifactClose = ({
+  className,
+  children,
+  size = "sm",
+  variant = "ghost",
+  ...props
+}) => {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className),
+      size,
+      type: "button",
+      variant,
+      ...props,
+      children: [
+        children ?? /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("close") })
+      ]
+    }
+  );
+};
+var ArtifactTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("p", { className: cn("font-medium text-foreground text-body", className), ...props });
+var ArtifactDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground text-body", className), ...props });
+var ArtifactActions = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-1", className), ...props });
+var ArtifactAction = ({
+  tooltip,
+  label,
+  icon: Icon,
+  children,
+  className,
+  size = "sm",
+  variant = "ghost",
+  ...props
+}) => {
+  const button = /* @__PURE__ */ jsxs(
+    Button,
+    {
+      className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className),
+      size,
+      type: "button",
+      variant,
+      ...props,
+      children: [
+        Icon ? /* @__PURE__ */ jsx(Icon, { className: "size-4" }) : children,
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: label || tooltip })
+      ]
+    }
+  );
+  if (tooltip) {
+    return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: tooltip }) })
+    ] }) });
+  }
+  return button;
+};
+var ArtifactContent = ({ className, children, ...props }) => {
+  const { loading } = use(ArtifactContext);
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsx("div", { className: cn("flex-1 overflow-auto p-4", className), ...props, children: loading ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("loading") }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-5/6" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/2" })
+  ] }) : children });
+};
+
+export {
+  Artifact,
+  ArtifactHeader,
+  ArtifactClose,
+  ArtifactTitle,
+  ArtifactDescription,
+  ArtifactActions,
+  ArtifactAction,
+  ArtifactContent
+};
+//# sourceMappingURL=chunk-DDG5JHQT.js.map

package/dist/chunk-DDG5JHQT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/artifact.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button, Skeleton, useLocale } from \"@elabs-ai/components-ui\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { XIcon } from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport { createContext, use, useMemo } from \"react\";\n\n/**\n * Shared `loading` state (composition-patterns — lifted into the provider):\n * `Artifact` is the ONLY place that knows whether the body has arrived;\n * `ArtifactContent` reads the interface and renders its skeleton, while\n * `ArtifactHeader`/`ArtifactTitle` (ordinary children of `Artifact`) keep\n * rendering normally, untouched by the not-ready state.\n */\nconst ArtifactContext = createContext<{ loading: boolean }>({ loading: false });\n\nexport type ArtifactProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The artifact body has not arrived yet (loading-states.md loading signal).\n   * ArtifactContent renders a layout-shaped skeleton instead of its\n   * children; ArtifactHeader/ArtifactTitle keep rendering as passed.\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport const Artifact = ({ className, loading = false, children, ...props }: ArtifactProps) => {\n  const contextValue = useMemo(() => ({ loading }), [loading]);\n\n  return (\n    <ArtifactContext.Provider value={contextValue}>\n      <div\n        // KEEP this border (#194, research 08 §G.5): it is redundant on light\n        // (the #187 page-ground recess + shadow already lift the frame), but under\n        // high decoration the shadow is zeroed and the border becomes the\n        // SOLE structural cue — the canonical \"redundant-on-light, sole-cue-under-\n        // decoration\" KEEP example. Do not drop it in a border-noise pass.\n        className={cn(\n          \"flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </ArtifactContext.Provider>\n  );\n};\n\nexport type ArtifactHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const ArtifactHeader = ({ className, ...props }: ArtifactHeaderProps) => (\n  <div\n    className={cn(\"flex items-center justify-between border-b bg-muted/50 px-4 py-3\", className)}\n    {...props}\n  />\n);\n\nexport type ArtifactCloseProps = ComponentProps<typeof Button>;\n\nexport const ArtifactClose = ({\n  className,\n  children,\n  size = \"sm\",\n  variant = \"ghost\",\n  ...props\n}: ArtifactCloseProps) => {\n  const { t } = useLocale();\n  return (\n    <Button\n      className={cn(\"size-8 p-0 text-muted-foreground hover:text-foreground\", className)}\n      size={size}\n      type=\"button\"\n      variant={variant}\n      {...props}\n    >\n      {children ?? <XIcon className=\"size-4\" />}\n      <span className=\"sr-only\">{t(\"close\")}</span>\n    </Button>\n  );\n};\n\nexport type ArtifactTitleProps = HTMLAttributes<HTMLParagraphElement>;\n\nexport const ArtifactTitle = ({ className, ...props }: ArtifactTitleProps) => (\n  <p className={cn(\"font-medium text-foreground text-body\", className)} {...props} />\n);\n\nexport type ArtifactDescriptionProps = HTMLAttributes<HTMLParagraphElement>;\n\nexport const ArtifactDescription = ({ className, ...props }: ArtifactDescriptionProps) => (\n  <p className={cn(\"text-muted-foreground text-body\", className)} {...props} />\n);\n\nexport type ArtifactActionsProps = HTMLAttributes<HTMLDivElement>;\n\nexport const ArtifactActions = ({ className, ...props }: ArtifactActionsProps) => (\n  <div className={cn(\"flex items-center gap-1\", className)} {...props} />\n);\n\nexport type ArtifactActionProps = ComponentProps<typeof Button> & {\n  tooltip?: string;\n  label?: string;\n  icon?: LucideIcon;\n};\n\nexport const ArtifactAction = ({\n  tooltip,\n  label,\n  icon: Icon,\n  children,\n  className,\n  size = \"sm\",\n  variant = \"ghost\",\n  ...props\n}: ArtifactActionProps) => {\n  const button = (\n    <Button\n      className={cn(\"size-8 p-0 text-muted-foreground hover:text-foreground\", className)}\n      size={size}\n      type=\"button\"\n      variant={variant}\n      {...props}\n    >\n      {Icon ? <Icon className=\"size-4\" /> : children}\n      <span className=\"sr-only\">{label || tooltip}</span>\n    </Button>\n  );\n\n  if (tooltip) {\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent>\n            <p>{tooltip}</p>\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n\n  return button;\n};\n\nexport type ArtifactContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const ArtifactContent = ({ className, children, ...props }: ArtifactContentProps) => {\n  const { loading } = use(ArtifactContext);\n  const { t } = useLocale();\n\n  return (\n    <div className={cn(\"flex-1 overflow-auto p-4\", className)} {...props}>\n      {loading ? (\n        <div className=\"space-y-2\" role=\"status\" aria-live=\"polite\">\n          <span className=\"sr-only\">{t(\"loading\")}</span>\n          <Skeleton className=\"h-4 w-3/4\" />\n          <Skeleton className=\"h-4 w-full\" />\n          <Skeleton className=\"h-4 w-5/6\" />\n          <Skeleton className=\"h-4 w-1/2\" />\n        </div>\n      ) : (\n        children\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-DJODXO7I.js

@@ -0,0 +1,38 @@
+"use client";
+
+// src/checkpoint.tsx
+import { Button } from "@elabs-ai/components-ui";
+import { Separator } from "@elabs-ai/components-ui";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { BookmarkIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Checkpoint = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: cn("flex items-center gap-0.5 overflow-hidden text-muted-foreground", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(Separator, {})
+    ]
+  }
+);
+var CheckpointIcon = ({ className, children, ...props }) => children ?? /* @__PURE__ */ jsx(BookmarkIcon, { className: cn("size-4 shrink-0", className), ...props });
+var CheckpointTrigger = ({
+  children,
+  variant = "ghost",
+  size = "sm",
+  tooltip,
+  ...props
+}) => tooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size, type: "button", variant, ...props, children }) }),
+  /* @__PURE__ */ jsx(TooltipContent, { align: "start", side: "bottom", children: tooltip })
+] }) : /* @__PURE__ */ jsx(Button, { size, type: "button", variant, ...props, children });
+
+export {
+  Checkpoint,
+  CheckpointIcon,
+  CheckpointTrigger
+};
+//# sourceMappingURL=chunk-DJODXO7I.js.map

package/dist/chunk-DJODXO7I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkpoint.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@elabs-ai/components-ui\";\nimport { Separator } from \"@elabs-ai/components-ui\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport type { LucideProps } from \"lucide-react\";\nimport { BookmarkIcon } from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\n\nexport type CheckpointProps = HTMLAttributes<HTMLDivElement>;\n\nexport const Checkpoint = ({ className, children, ...props }: CheckpointProps) => (\n  <div\n    className={cn(\"flex items-center gap-0.5 overflow-hidden text-muted-foreground\", className)}\n    {...props}\n  >\n    {children}\n    <Separator />\n  </div>\n);\n\nexport type CheckpointIconProps = LucideProps;\n\nexport const CheckpointIcon = ({ className, children, ...props }: CheckpointIconProps) =>\n  children ?? <BookmarkIcon className={cn(\"size-4 shrink-0\", className)} {...props} />;\n\nexport type CheckpointTriggerProps = ComponentProps<typeof Button> & {\n  tooltip?: string;\n};\n\nexport const CheckpointTrigger = ({\n  children,\n  variant = \"ghost\",\n  size = \"sm\",\n  tooltip,\n  ...props\n}: CheckpointTriggerProps) =>\n  tooltip ? (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button size={size} type=\"button\" variant={variant} {...props}>\n          {children}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\" side=\"bottom\">\n        {tooltip}\n      </TooltipContent>\n    </Tooltip>\n  ) : (\n    <Button size={size} type=\"button\" variant={variant} {...props}>\n      {children}\n    </Button>\n  );\n"],"mappings":";;;AAEA,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,UAAU;AAEnB,SAAS,oBAAoB;AAM3B,SAKE,KALF;AADK,IAAM,aAAa,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,MACzD;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,mEAAmE,SAAS;AAAA,IACzF,GAAG;AAAA,IAEH;AAAA;AAAA,MACD,oBAAC,aAAU;AAAA;AAAA;AACb;AAKK,IAAM,iBAAiB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,MAC7D,YAAY,oBAAC,gBAAa,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO;AAM7E,IAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MACE,UACE,qBAAC,WACC;AAAA,sBAAC,kBAAe,SAAO,MACrB,8BAAC,UAAO,MAAY,MAAK,UAAS,SAAmB,GAAG,OACrD,UACH,GACF;AAAA,EACA,oBAAC,kBAAe,OAAM,SAAQ,MAAK,UAChC,mBACH;AAAA,GACF,IAEA,oBAAC,UAAO,MAAY,MAAK,UAAS,SAAmB,GAAG,OACrD,UACH;","names":[]}