@elabs-ai/components-ai 4.2.0 → 5.1.0

package/dist/chunk-IXICSOOP.js

@@ -0,0 +1,287 @@
+"use client";
+
+// src/schema-display.tsx
+import { Badge } from "@elabs-ai/components-ui";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@elabs-ai/components-ui";
+import { useLocale } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { ChevronRightIcon } from "lucide-react";
+import { createContext, Fragment, useContext, useMemo } from "react";
+import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
+var SchemaDisplayContext = createContext({
+  method: "GET",
+  path: ""
+});
+var methodStyles = {
+  DELETE: "border-destructive/40 bg-destructive/10 text-destructive-text",
+  GET: "border-success/40 bg-success/10 text-success-text",
+  PATCH: "border-warning/40 bg-warning/10 text-warning-text",
+  POST: "border-info/40 bg-info/10 text-info-text",
+  PUT: "border-warning/40 bg-warning/10 text-warning-text"
+};
+function splitSchemaPath(path) {
+  const parts = [];
+  const regex = /\{([^}]+)\}/g;
+  let lastIndex = 0;
+  let match = regex.exec(path);
+  while (match !== null) {
+    if (match.index > lastIndex) {
+      parts.push({ isParam: false, text: path.slice(lastIndex, match.index) });
+    }
+    parts.push({ isParam: true, text: match[0] });
+    lastIndex = match.index + match[0].length;
+    match = regex.exec(path);
+  }
+  if (lastIndex < path.length) {
+    parts.push({ isParam: false, text: path.slice(lastIndex) });
+  }
+  return parts;
+}
+var SchemaDisplayHeader = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-3 border-b px-4 py-3", className), ...props, children });
+var SchemaDisplayMethod = ({
+  className,
+  children,
+  ...props
+}) => {
+  const { method } = useContext(SchemaDisplayContext);
+  return /* @__PURE__ */ jsx(
+    Badge,
+    {
+      className: cn("font-mono text-meta", methodStyles[method], className),
+      variant: "secondary",
+      ...props,
+      children: children ?? method
+    }
+  );
+};
+var SchemaDisplayPath = ({ className, children, ...props }) => {
+  const { path } = useContext(SchemaDisplayContext);
+  const pathNodes = useMemo(
+    () => splitSchemaPath(path).map(
+      (part, index) => part.isParam ? /* @__PURE__ */ jsx("span", { className: "text-info-text", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ jsx(Fragment, { children: part.text }, `${part.text}-${index}`)
+    ),
+    [path]
+  );
+  return /* @__PURE__ */ jsx("span", { className: cn("font-mono text-body", className), ...props, children: children ?? pathNodes });
+};
+var SchemaDisplayDescription = ({
+  className,
+  children,
+  ...props
+}) => {
+  const { description } = useContext(SchemaDisplayContext);
+  return /* @__PURE__ */ jsx("p", { className: cn("border-b px-4 py-3 text-muted-foreground text-body", className), ...props, children: children ?? description });
+};
+var SchemaDisplayContent = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx("div", { className: cn("divide-y", className), ...props, children });
+var SchemaDisplayParameter = ({
+  name,
+  type,
+  required,
+  description,
+  location,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs("div", { className: cn("px-4 py-3 ps-10", className), ...props, children: [
+  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx("span", { className: "font-mono text-body", children: name }),
+    /* @__PURE__ */ jsx(Badge, { className: "text-meta", variant: "outline", children: type }),
+    location && /* @__PURE__ */ jsx(Badge, { className: "text-meta", variant: "secondary", children: location }),
+    required && /* @__PURE__ */ jsx(
+      Badge,
+      {
+        className: "border-destructive/40 bg-destructive/10 text-destructive-text text-meta",
+        variant: "secondary",
+        children: "required"
+      }
+    )
+  ] }),
+  description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground text-body", children: description })
+] });
+var SchemaDisplayParameters = ({
+  className,
+  children,
+  ...props
+}) => {
+  const { parameters } = useContext(SchemaDisplayContext);
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs(Collapsible, { className: cn(className), defaultOpen: true, ...props, children: [
+    /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "group flex w-full items-center gap-2 px-4 py-3 text-start transition-colors hover:bg-muted/50", children: [
+      /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-body", children: t("ai.schemaDisplay.parameters") }),
+      /* @__PURE__ */ jsx(Badge, { className: "ms-auto text-meta", variant: "secondary", children: parameters?.length })
+    ] }),
+    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "divide-y border-t", children: children ?? parameters?.map((param) => /* @__PURE__ */ jsx(SchemaDisplayParameter, { ...param }, param.name)) }) })
+  ] });
+};
+var SchemaDisplayProperty = ({
+  name,
+  type,
+  required,
+  description,
+  properties,
+  items,
+  depth = 0,
+  className,
+  ...props
+}) => {
+  const hasChildren = properties || items;
+  const paddingLeft = 40 + depth * 16;
+  if (hasChildren) {
+    return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen: depth < 2, children: [
+      /* @__PURE__ */ jsxs(
+        CollapsibleTrigger,
+        {
+          className: cn(
+            "group flex w-full items-center gap-2 py-3 text-start transition-colors hover:bg-muted/50",
+            className
+          ),
+          style: { paddingLeft },
+          children: [
+            /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-body", children: name }),
+            /* @__PURE__ */ jsx(Badge, { className: "text-meta", variant: "outline", children: type }),
+            required && /* @__PURE__ */ jsx(
+              Badge,
+              {
+                className: "border-destructive/40 bg-destructive/10 text-destructive-text text-meta",
+                variant: "secondary",
+                children: "required"
+              }
+            )
+          ]
+        }
+      ),
+      description && /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "pb-2 text-muted-foreground text-body",
+          style: { paddingLeft: paddingLeft + 24 },
+          children: description
+        }
+      ),
+      /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxs("div", { className: "divide-y border-t", children: [
+        properties?.map((prop) => /* @__PURE__ */ jsx(SchemaDisplayProperty, { ...prop, depth: depth + 1 }, prop.name)),
+        items && /* @__PURE__ */ jsx(SchemaDisplayProperty, { ...items, depth: depth + 1, name: `${name}[]` })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("py-3 pe-4", className), style: { paddingLeft }, ...props, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "size-4" }),
+      /* @__PURE__ */ jsx("span", { className: "font-mono text-body", children: name }),
+      /* @__PURE__ */ jsx(Badge, { className: "text-meta", variant: "outline", children: type }),
+      required && /* @__PURE__ */ jsx(
+        Badge,
+        {
+          className: "border-destructive/40 bg-destructive/10 text-destructive-text text-meta",
+          variant: "secondary",
+          children: "required"
+        }
+      )
+    ] }),
+    description && /* @__PURE__ */ jsx("p", { className: "mt-1 ps-6 text-muted-foreground text-body", children: description })
+  ] });
+};
+var SchemaDisplayRequest = ({
+  className,
+  children,
+  ...props
+}) => {
+  const { requestBody } = useContext(SchemaDisplayContext);
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs(Collapsible, { className: cn(className), defaultOpen: true, ...props, children: [
+    /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "group flex w-full items-center gap-2 px-4 py-3 text-start transition-colors hover:bg-muted/50", children: [
+      /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-body", children: t("ai.schemaDisplay.requestBody") })
+    ] }),
+    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "border-t", children: children ?? requestBody?.map((prop) => /* @__PURE__ */ jsx(SchemaDisplayProperty, { ...prop, depth: 0 }, prop.name)) }) })
+  ] });
+};
+var SchemaDisplayResponse = ({
+  className,
+  children,
+  ...props
+}) => {
+  const { responseBody } = useContext(SchemaDisplayContext);
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs(Collapsible, { className: cn(className), defaultOpen: true, ...props, children: [
+    /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "group flex w-full items-center gap-2 px-4 py-3 text-start transition-colors hover:bg-muted/50", children: [
+      /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-body", children: t("ai.schemaDisplay.response") })
+    ] }),
+    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "border-t", children: children ?? responseBody?.map((prop) => /* @__PURE__ */ jsx(SchemaDisplayProperty, { ...prop, depth: 0 }, prop.name)) }) })
+  ] });
+};
+var SchemaDisplay = ({
+  method,
+  path,
+  description,
+  parameters,
+  requestBody,
+  responseBody,
+  className,
+  children,
+  ...props
+}) => {
+  const contextValue = useMemo(
+    () => ({
+      description,
+      method,
+      parameters,
+      path,
+      requestBody,
+      responseBody
+    }),
+    [description, method, parameters, path, requestBody, responseBody]
+  );
+  return /* @__PURE__ */ jsx(SchemaDisplayContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className: cn("overflow-hidden rounded-lg border bg-background", className), ...props, children: children ?? /* @__PURE__ */ jsxs(Fragment2, { children: [
+    /* @__PURE__ */ jsx(SchemaDisplayHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(SchemaDisplayMethod, {}),
+      /* @__PURE__ */ jsx(SchemaDisplayPath, {})
+    ] }) }),
+    description && /* @__PURE__ */ jsx(SchemaDisplayDescription, {}),
+    /* @__PURE__ */ jsxs(SchemaDisplayContent, { children: [
+      parameters && parameters.length > 0 && /* @__PURE__ */ jsx(SchemaDisplayParameters, {}),
+      requestBody && requestBody.length > 0 && /* @__PURE__ */ jsx(SchemaDisplayRequest, {}),
+      responseBody && responseBody.length > 0 && /* @__PURE__ */ jsx(SchemaDisplayResponse, {})
+    ] })
+  ] }) }) });
+};
+var SchemaDisplayBody = ({ className, children, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("divide-y", className), ...props, children });
+var SchemaDisplayExample = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "pre",
+  {
+    className: cn("mx-4 mb-4 overflow-auto rounded-md bg-muted p-4 font-mono text-body", className),
+    ...props,
+    children
+  }
+);
+
+export {
+  SchemaDisplayHeader,
+  SchemaDisplayMethod,
+  SchemaDisplayPath,
+  SchemaDisplayDescription,
+  SchemaDisplayContent,
+  SchemaDisplayParameter,
+  SchemaDisplayParameters,
+  SchemaDisplayProperty,
+  SchemaDisplayRequest,
+  SchemaDisplayResponse,
+  SchemaDisplay,
+  SchemaDisplayBody,
+  SchemaDisplayExample
+};
+//# sourceMappingURL=chunk-IXICSOOP.js.map

package/dist/chunk-IXICSOOP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/schema-display.tsx"],"sourcesContent":["\"use client\";\n\nimport { Badge } from \"@elabs-ai/components-ui\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"@elabs-ai/components-ui\";\nimport { useLocale } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { ChevronRightIcon } from \"lucide-react\";\nimport type { ComponentProps, HTMLAttributes, ReactNode } from \"react\";\nimport { createContext, Fragment, useContext, useMemo } from \"react\";\n\ntype HttpMethod = \"GET\" | \"POST\" | \"PUT\" | \"PATCH\" | \"DELETE\";\n\ninterface SchemaParameter {\n  name: string;\n  type: string;\n  required?: boolean;\n  description?: string;\n  location?: \"path\" | \"query\" | \"header\";\n}\n\ninterface SchemaProperty {\n  name: string;\n  type: string;\n  required?: boolean;\n  description?: string;\n  properties?: SchemaProperty[];\n  items?: SchemaProperty;\n}\n\ninterface SchemaDisplayContextType {\n  method: HttpMethod;\n  path: string;\n  description?: string;\n  parameters?: SchemaParameter[];\n  requestBody?: SchemaProperty[];\n  responseBody?: SchemaProperty[];\n}\n\nconst SchemaDisplayContext = createContext<SchemaDisplayContextType>({\n  method: \"GET\",\n  path: \"\",\n});\n\nconst methodStyles: Record<HttpMethod, string> = {\n  DELETE: \"border-destructive/40 bg-destructive/10 text-destructive-text\",\n  GET: \"border-success/40 bg-success/10 text-success-text\",\n  PATCH: \"border-warning/40 bg-warning/10 text-warning-text\",\n  POST: \"border-info/40 bg-info/10 text-info-text\",\n  PUT: \"border-warning/40 bg-warning/10 text-warning-text\",\n};\n\n/** Splits a `{param}` path into plain-text and parameter segments for safe rendering. */\nfunction splitSchemaPath(path: string): Array<{ text: string; isParam: boolean }> {\n  const parts: Array<{ text: string; isParam: boolean }> = [];\n  const regex = /\\{([^}]+)\\}/g;\n  let lastIndex = 0;\n  let match: RegExpExecArray | null = regex.exec(path);\n\n  while (match !== null) {\n    if (match.index > lastIndex) {\n      parts.push({ isParam: false, text: path.slice(lastIndex, match.index) });\n    }\n    parts.push({ isParam: true, text: match[0] });\n    lastIndex = match.index + match[0].length;\n    match = regex.exec(path);\n  }\n\n  if (lastIndex < path.length) {\n    parts.push({ isParam: false, text: path.slice(lastIndex) });\n  }\n\n  return parts;\n}\n\nexport type SchemaDisplayHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const SchemaDisplayHeader = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayHeaderProps) => (\n  <div className={cn(\"flex items-center gap-3 border-b px-4 py-3\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type SchemaDisplayMethodProps = ComponentProps<typeof Badge>;\n\nexport const SchemaDisplayMethod = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayMethodProps) => {\n  const { method } = useContext(SchemaDisplayContext);\n\n  return (\n    <Badge\n      className={cn(\"font-mono text-meta\", methodStyles[method], className)}\n      variant=\"secondary\"\n      {...props}\n    >\n      {children ?? method}\n    </Badge>\n  );\n};\n\nexport type SchemaDisplayPathProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const SchemaDisplayPath = ({ className, children, ...props }: SchemaDisplayPathProps) => {\n  const { path } = useContext(SchemaDisplayContext);\n\n  // Highlight path parameters as real elements — the path is untrusted\n  // (tool/model output) and must never reach dangerouslySetInnerHTML.\n  const pathNodes = useMemo<ReactNode>(\n    () =>\n      splitSchemaPath(path).map((part, index) =>\n        part.isParam ? (\n          <span className=\"text-info-text\" key={`${part.text}-${index}`}>\n            {part.text}\n          </span>\n        ) : (\n          <Fragment key={`${part.text}-${index}`}>{part.text}</Fragment>\n        ),\n      ),\n    [path],\n  );\n\n  return (\n    <span className={cn(\"font-mono text-body\", className)} {...props}>\n      {children ?? pathNodes}\n    </span>\n  );\n};\n\nexport type SchemaDisplayDescriptionProps = HTMLAttributes<HTMLParagraphElement>;\n\nexport const SchemaDisplayDescription = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayDescriptionProps) => {\n  const { description } = useContext(SchemaDisplayContext);\n\n  return (\n    <p className={cn(\"border-b px-4 py-3 text-muted-foreground text-body\", className)} {...props}>\n      {children ?? description}\n    </p>\n  );\n};\n\nexport type SchemaDisplayContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const SchemaDisplayContent = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayContentProps) => (\n  <div className={cn(\"divide-y\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type SchemaDisplayParameterProps = HTMLAttributes<HTMLDivElement> & SchemaParameter;\n\nexport const SchemaDisplayParameter = ({\n  name,\n  type,\n  required,\n  description,\n  location,\n  className,\n  ...props\n}: SchemaDisplayParameterProps) => (\n  <div className={cn(\"px-4 py-3 ps-10\", className)} {...props}>\n    <div className=\"flex items-center gap-2\">\n      <span className=\"font-mono text-body\">{name}</span>\n      <Badge className=\"text-meta\" variant=\"outline\">\n        {type}\n      </Badge>\n      {location && (\n        <Badge className=\"text-meta\" variant=\"secondary\">\n          {location}\n        </Badge>\n      )}\n      {required && (\n        <Badge\n          className=\"border-destructive/40 bg-destructive/10 text-destructive-text text-meta\"\n          variant=\"secondary\"\n        >\n          required\n        </Badge>\n      )}\n    </div>\n    {description && <p className=\"mt-1 text-muted-foreground text-body\">{description}</p>}\n  </div>\n);\n\nexport type SchemaDisplayParametersProps = ComponentProps<typeof Collapsible>;\n\nexport const SchemaDisplayParameters = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayParametersProps) => {\n  const { parameters } = useContext(SchemaDisplayContext);\n  const { t } = useLocale();\n\n  return (\n    <Collapsible className={cn(className)} defaultOpen {...props}>\n      <CollapsibleTrigger className=\"group flex w-full items-center gap-2 px-4 py-3 text-start transition-colors hover:bg-muted/50\">\n        <ChevronRightIcon className=\"size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90\" />\n        <span className=\"font-medium text-body\">{t(\"ai.schemaDisplay.parameters\")}</span>\n        <Badge className=\"ms-auto text-meta\" variant=\"secondary\">\n          {parameters?.length}\n        </Badge>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <div className=\"divide-y border-t\">\n          {children ??\n            parameters?.map((param) => <SchemaDisplayParameter key={param.name} {...param} />)}\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n};\n\nexport type SchemaDisplayPropertyProps = HTMLAttributes<HTMLDivElement> &\n  SchemaProperty & {\n    depth?: number;\n  };\n\nexport const SchemaDisplayProperty = ({\n  name,\n  type,\n  required,\n  description,\n  properties,\n  items,\n  depth = 0,\n  className,\n  ...props\n}: SchemaDisplayPropertyProps) => {\n  const hasChildren = properties || items;\n  const paddingLeft = 40 + depth * 16;\n\n  if (hasChildren) {\n    return (\n      <Collapsible defaultOpen={depth < 2}>\n        <CollapsibleTrigger\n          className={cn(\n            \"group flex w-full items-center gap-2 py-3 text-start transition-colors hover:bg-muted/50\",\n            className,\n          )}\n          style={{ paddingLeft }}\n        >\n          <ChevronRightIcon className=\"size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90\" />\n          <span className=\"font-mono text-body\">{name}</span>\n          <Badge className=\"text-meta\" variant=\"outline\">\n            {type}\n          </Badge>\n          {required && (\n            <Badge\n              className=\"border-destructive/40 bg-destructive/10 text-destructive-text text-meta\"\n              variant=\"secondary\"\n            >\n              required\n            </Badge>\n          )}\n        </CollapsibleTrigger>\n        {description && (\n          <p\n            className=\"pb-2 text-muted-foreground text-body\"\n            style={{ paddingLeft: paddingLeft + 24 }}\n          >\n            {description}\n          </p>\n        )}\n        <CollapsibleContent>\n          <div className=\"divide-y border-t\">\n            {properties?.map((prop) => (\n              <SchemaDisplayProperty key={prop.name} {...prop} depth={depth + 1} />\n            ))}\n            {items && <SchemaDisplayProperty {...items} depth={depth + 1} name={`${name}[]`} />}\n          </div>\n        </CollapsibleContent>\n      </Collapsible>\n    );\n  }\n\n  return (\n    <div className={cn(\"py-3 pe-4\", className)} style={{ paddingLeft }} {...props}>\n      <div className=\"flex items-center gap-2\">\n        {/* Spacer for alignment */}\n        <span className=\"size-4\" />\n        <span className=\"font-mono text-body\">{name}</span>\n        <Badge className=\"text-meta\" variant=\"outline\">\n          {type}\n        </Badge>\n        {required && (\n          <Badge\n            className=\"border-destructive/40 bg-destructive/10 text-destructive-text text-meta\"\n            variant=\"secondary\"\n          >\n            required\n          </Badge>\n        )}\n      </div>\n      {description && <p className=\"mt-1 ps-6 text-muted-foreground text-body\">{description}</p>}\n    </div>\n  );\n};\n\nexport type SchemaDisplayRequestProps = ComponentProps<typeof Collapsible>;\n\nexport const SchemaDisplayRequest = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayRequestProps) => {\n  const { requestBody } = useContext(SchemaDisplayContext);\n  const { t } = useLocale();\n\n  return (\n    <Collapsible className={cn(className)} defaultOpen {...props}>\n      <CollapsibleTrigger className=\"group flex w-full items-center gap-2 px-4 py-3 text-start transition-colors hover:bg-muted/50\">\n        <ChevronRightIcon className=\"size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90\" />\n        <span className=\"font-medium text-body\">{t(\"ai.schemaDisplay.requestBody\")}</span>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <div className=\"border-t\">\n          {children ??\n            requestBody?.map((prop) => (\n              <SchemaDisplayProperty key={prop.name} {...prop} depth={0} />\n            ))}\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n};\n\nexport type SchemaDisplayResponseProps = ComponentProps<typeof Collapsible>;\n\nexport const SchemaDisplayResponse = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayResponseProps) => {\n  const { responseBody } = useContext(SchemaDisplayContext);\n  const { t } = useLocale();\n\n  return (\n    <Collapsible className={cn(className)} defaultOpen {...props}>\n      <CollapsibleTrigger className=\"group flex w-full items-center gap-2 px-4 py-3 text-start transition-colors hover:bg-muted/50\">\n        <ChevronRightIcon className=\"size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90\" />\n        <span className=\"font-medium text-body\">{t(\"ai.schemaDisplay.response\")}</span>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <div className=\"border-t\">\n          {children ??\n            responseBody?.map((prop) => (\n              <SchemaDisplayProperty key={prop.name} {...prop} depth={0} />\n            ))}\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n};\n\nexport type SchemaDisplayProps = HTMLAttributes<HTMLDivElement> & {\n  method: HttpMethod;\n  path: string;\n  description?: string;\n  parameters?: SchemaParameter[];\n  requestBody?: SchemaProperty[];\n  responseBody?: SchemaProperty[];\n};\n\nexport const SchemaDisplay = ({\n  method,\n  path,\n  description,\n  parameters,\n  requestBody,\n  responseBody,\n  className,\n  children,\n  ...props\n}: SchemaDisplayProps) => {\n  const contextValue = useMemo(\n    () => ({\n      description,\n      method,\n      parameters,\n      path,\n      requestBody,\n      responseBody,\n    }),\n    [description, method, parameters, path, requestBody, responseBody],\n  );\n\n  return (\n    <SchemaDisplayContext.Provider value={contextValue}>\n      <div className={cn(\"overflow-hidden rounded-lg border bg-background\", className)} {...props}>\n        {children ?? (\n          <>\n            <SchemaDisplayHeader>\n              <div className=\"flex items-center gap-3\">\n                <SchemaDisplayMethod />\n                <SchemaDisplayPath />\n              </div>\n            </SchemaDisplayHeader>\n            {description && <SchemaDisplayDescription />}\n            <SchemaDisplayContent>\n              {parameters && parameters.length > 0 && <SchemaDisplayParameters />}\n              {requestBody && requestBody.length > 0 && <SchemaDisplayRequest />}\n              {responseBody && responseBody.length > 0 && <SchemaDisplayResponse />}\n            </SchemaDisplayContent>\n          </>\n        )}\n      </div>\n    </SchemaDisplayContext.Provider>\n  );\n};\n\nexport type SchemaDisplayBodyProps = HTMLAttributes<HTMLDivElement>;\n\nexport const SchemaDisplayBody = ({ className, children, ...props }: SchemaDisplayBodyProps) => (\n  <div className={cn(\"divide-y\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type SchemaDisplayExampleProps = HTMLAttributes<HTMLPreElement>;\n\nexport const SchemaDisplayExample = ({\n  className,\n  children,\n  ...props\n}: SchemaDisplayExampleProps) => (\n  <pre\n    className={cn(\"mx-4 mb-4 overflow-auto rounded-md bg-muted p-4 font-mono text-body\", className)}\n    {...props}\n  >\n    {children}\n  </pre>\n);\n"],"mappings":"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","names":["Fragment"]}

package/dist/chunk-JY5HSN4D.js

@@ -0,0 +1,84 @@
+"use client";
+
+// src/message-feedback.tsx
+import { forwardRef, useState } from "react";
+import { ThumbsDown, ThumbsUp } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { Button } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { useLocale } from "@elabs-ai/components-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var messageFeedbackVariants = cva("inline-flex items-center", {
+  variants: {
+    compact: { true: "gap-0.5", false: "gap-1" }
+  },
+  defaultVariants: { compact: false }
+});
+var MessageFeedback = forwardRef(
+  function MessageFeedback2({
+    value: valueProp,
+    defaultValue = null,
+    onSubmit,
+    disabled = false,
+    compact = false,
+    positiveLabel = "Good response",
+    negativeLabel = "Bad response",
+    className,
+    ...props
+  }, ref) {
+    const { t } = useLocale();
+    const isControlled = valueProp !== void 0;
+    const [internal, setInternal] = useState(defaultValue);
+    const selected = isControlled ? valueProp : internal;
+    const submitted = selected != null;
+    const choose = (type) => {
+      if (submitted || disabled) return;
+      if (!isControlled) setInternal(type);
+      onSubmit?.({ type });
+    };
+    const compactBtn = compact ? "size-7 [&_svg]:size-3.5" : void 0;
+    const renderButton = (type, label, Icon) => {
+      const active = selected === type;
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-sm",
+          "aria-label": label,
+          "aria-pressed": active,
+          disabled: disabled || submitted,
+          onClick: () => choose(type),
+          className: cn(
+            "text-muted-foreground hover:text-foreground",
+            active && "text-primary disabled:opacity-100 [&_svg]:fill-current",
+            compactBtn
+          ),
+          children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" })
+        }
+      );
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-label": t("ai.message.feedback"),
+        "data-submitted": submitted || void 0,
+        "data-feedback": selected ?? void 0,
+        className: cn(messageFeedbackVariants({ compact }), className),
+        ...props,
+        children: [
+          renderButton("positive", positiveLabel, ThumbsUp),
+          renderButton("negative", negativeLabel, ThumbsDown)
+        ]
+      }
+    );
+  }
+);
+
+export {
+  messageFeedbackVariants,
+  MessageFeedback
+};
+//# sourceMappingURL=chunk-JY5HSN4D.js.map

package/dist/chunk-JY5HSN4D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/message-feedback.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * MessageFeedback — thumbs up / down for a single assistant message.\n *\n * Presentational only: it emits `onSubmit({ type })` and reflects the chosen\n * state; it does NOT persist anything (the host owns storage). After a choice\n * the buttons auto-disable (feedback is submit-once) and the root carries\n * `data-submitted` + `data-feedback`. Controlled (`value`) or uncontrolled.\n */\n\nimport { forwardRef, useState, type HTMLAttributes } from \"react\";\nimport { ThumbsDown, ThumbsUp } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Button } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { useLocale } from \"@elabs-ai/components-ui\";\n\nexport type FeedbackType = \"positive\" | \"negative\";\n\nexport const messageFeedbackVariants = cva(\"inline-flex items-center\", {\n  variants: {\n    compact: { true: \"gap-0.5\", false: \"gap-1\" },\n  },\n  defaultVariants: { compact: false },\n});\n\nexport interface MessageFeedbackProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, \"onSubmit\" | \"defaultValue\">,\n    VariantProps<typeof messageFeedbackVariants> {\n  /** Controlled selected feedback. When set, `onSubmit` is the only updater. */\n  value?: FeedbackType | null;\n  /** Uncontrolled initial selection. @default null */\n  defaultValue?: FeedbackType | null;\n  /** Called once with the chosen feedback. No persistence — host-owned. */\n  onSubmit?: (feedback: { type: FeedbackType }) => void;\n  /** Force-disable both controls (e.g. while the message is still streaming). */\n  disabled?: boolean;\n  /** aria-label for the positive control. @default \"Good response\" */\n  positiveLabel?: string;\n  /** aria-label for the negative control. @default \"Bad response\" */\n  negativeLabel?: string;\n}\n\n/**\n * Two icon buttons. The chosen one stays prominent after submit; the other\n * recedes. `compact` tightens spacing/size for message toolbars.\n */\nexport const MessageFeedback = forwardRef<HTMLDivElement, MessageFeedbackProps>(\n  function MessageFeedback(\n    {\n      value: valueProp,\n      defaultValue = null,\n      onSubmit,\n      disabled = false,\n      compact = false,\n      positiveLabel = \"Good response\",\n      negativeLabel = \"Bad response\",\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const { t } = useLocale();\n    const isControlled = valueProp !== undefined;\n    const [internal, setInternal] = useState<FeedbackType | null>(defaultValue);\n    const selected = isControlled ? (valueProp as FeedbackType | null) : internal;\n    const submitted = selected != null;\n\n    const choose = (type: FeedbackType) => {\n      if (submitted || disabled) return;\n      if (!isControlled) setInternal(type);\n      onSubmit?.({ type });\n    };\n\n    const compactBtn = compact ? \"size-7 [&_svg]:size-3.5\" : undefined;\n\n    const renderButton = (type: FeedbackType, label: string, Icon: typeof ThumbsUp) => {\n      const active = selected === type;\n      return (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label={label}\n          aria-pressed={active}\n          // After submit both are inert; keep the chosen one at full opacity.\n          disabled={disabled || submitted}\n          onClick={() => choose(type)}\n          className={cn(\n            \"text-muted-foreground hover:text-foreground\",\n            active && \"text-primary disabled:opacity-100 [&_svg]:fill-current\",\n            compactBtn,\n          )}\n        >\n          <Icon aria-hidden=\"true\" />\n        </Button>\n      );\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label={t(\"ai.message.feedback\")}\n        data-submitted={submitted || undefined}\n        data-feedback={selected ?? undefined}\n        className={cn(messageFeedbackVariants({ compact }), className)}\n        {...props}\n      >\n        {renderButton(\"positive\", positiveLabel, ThumbsUp)}\n        {renderButton(\"negative\", negativeLabel, ThumbsDown)}\n      </div>\n    );\n  },\n);\n"],"mappings":";;;AAWA,SAAS,YAAY,gBAAqC;AAC1D,SAAS,YAAY,gBAAgB;AACrC,SAAS,WAA8B;AACvC,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB,SAAS,iBAAiB;AAgFhB,cAMJ,YANI;AA5EH,IAAM,0BAA0B,IAAI,4BAA4B;AAAA,EACrE,UAAU;AAAA,IACR,SAAS,EAAE,MAAM,WAAW,OAAO,QAAQ;AAAA,EAC7C;AAAA,EACA,iBAAiB,EAAE,SAAS,MAAM;AACpC,CAAC;AAwBM,IAAM,kBAAkB;AAAA,EAC7B,SAASA,iBACP;AAAA,IACE,OAAO;AAAA,IACP,eAAe;AAAA,IACf;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,EAAE,EAAE,IAAI,UAAU;AACxB,UAAM,eAAe,cAAc;AACnC,UAAM,CAAC,UAAU,WAAW,IAAI,SAA8B,YAAY;AAC1E,UAAM,WAAW,eAAgB,YAAoC;AACrE,UAAM,YAAY,YAAY;AAE9B,UAAM,SAAS,CAAC,SAAuB;AACrC,UAAI,aAAa,SAAU;AAC3B,UAAI,CAAC,aAAc,aAAY,IAAI;AACnC,iBAAW,EAAE,KAAK,CAAC;AAAA,IACrB;AAEA,UAAM,aAAa,UAAU,4BAA4B;AAEzD,UAAM,eAAe,CAAC,MAAoB,OAAe,SAA0B;AACjF,YAAM,SAAS,aAAa;AAC5B,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,gBAAc;AAAA,UAEd,UAAU,YAAY;AAAA,UACtB,SAAS,MAAM,OAAO,IAAI;AAAA,UAC1B,WAAW;AAAA,YACT;AAAA,YACA,UAAU;AAAA,YACV;AAAA,UACF;AAAA,UAEA,8BAAC,QAAK,eAAY,QAAO;AAAA;AAAA,MAC3B;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,cAAY,EAAE,qBAAqB;AAAA,QACnC,kBAAgB,aAAa;AAAA,QAC7B,iBAAe,YAAY;AAAA,QAC3B,WAAW,GAAG,wBAAwB,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,QAC5D,GAAG;AAAA,QAEH;AAAA,uBAAa,YAAY,eAAe,QAAQ;AAAA,UAChD,aAAa,YAAY,eAAe,UAAU;AAAA;AAAA;AAAA,IACrD;AAAA,EAEJ;AACF;","names":["MessageFeedback"]}

package/dist/chunk-L4SU3QJV.js

@@ -0,0 +1,174 @@
+"use client";
+import {
+  A2UI_CATALOG_SCHEMA
+} from "./chunk-QOBSEGCG.js";
+
+// src/a2ui/ui-catalog.tsx
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  Avatar,
+  AvatarFallback,
+  Badge,
+  BentoGrid,
+  BentoGridItem,
+  Button,
+  ButtonGroup,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Descriptions,
+  DescriptionsItem,
+  EmptyState,
+  Heading,
+  Input,
+  Kbd,
+  Label,
+  MetricCard,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  SectionHeader,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Slider,
+  StatePanel,
+  StatusBadge,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Text,
+  Textarea,
+  Timeline
+} from "@elabs-ai/components-ui";
+import { jsx } from "react/jsx-runtime";
+var SurfaceAlertTitle = (props) => /* @__PURE__ */ jsx(AlertTitle, { ...props, as: "div" });
+var UI_CATALOG_BINDINGS = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertTitle: SurfaceAlertTitle,
+  Avatar,
+  AvatarFallback,
+  Badge,
+  BentoGrid,
+  BentoGridItem,
+  Button,
+  ButtonGroup,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Descriptions,
+  DescriptionsItem,
+  EmptyState,
+  Heading,
+  Input,
+  Kbd,
+  Label,
+  MetricCard,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  SectionHeader,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Slider,
+  StatePanel,
+  StatusBadge,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Text,
+  Textarea,
+  Timeline
+};
+function createA2uiCatalog(bindings, schema = A2UI_CATALOG_SCHEMA) {
+  const catalog = {};
+  for (const [type, typeSchema] of Object.entries(schema)) {
+    if (typeSchema.builtin) {
+      catalog[type] = { schema: typeSchema };
+      continue;
+    }
+    const component = bindings[type];
+    if (!component) {
+      throw new Error(`createA2uiCatalog: catalog type "${type}" has no component binding`);
+    }
+    catalog[type] = { schema: typeSchema, component };
+  }
+  return catalog;
+}
+function defineA2uiType(partial) {
+  return {
+    children: partial.children ?? false,
+    props: partial.props ?? {},
+    events: partial.events ?? {},
+    source: partial.source ?? "app",
+    ...partial.summary ? { summary: partial.summary } : {},
+    ...partial.builtin ? { builtin: true } : {}
+  };
+}
+function catalogSchema(catalog) {
+  return Object.fromEntries(Object.entries(catalog).map(([t, e]) => [t, e.schema]));
+}
+var uiCatalog = createA2uiCatalog(UI_CATALOG_BINDINGS);
+
+export {
+  UI_CATALOG_BINDINGS,
+  createA2uiCatalog,
+  defineA2uiType,
+  catalogSchema,
+  uiCatalog
+};
+//# sourceMappingURL=chunk-L4SU3QJV.js.map

package/dist/chunk-L4SU3QJV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/a2ui/ui-catalog.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * ui-catalog.tsx — the shipped A2UI catalog: every non-builtin type in\n * `catalog.source.json` bound to its `@elabs-ai/components-ui` component. The\n * schema half (`A2UI_CATALOG_SCHEMA`, generated) says what an agent MAY emit; this\n * half says what it renders AS. A test asserts the two key sets are identical, so\n * a type cannot be validatable-but-unrenderable or the reverse.\n *\n * Apps extend it (`createA2uiCatalog`) with their own types — a chart from\n * `@elabs-ai/components-charts`, a domain card — because `ai` may not import its\n * sibling packages (one-way dependency graph) and an app composes freely.\n */\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n  Alert,\n  AlertDescription,\n  AlertTitle,\n  Avatar,\n  AvatarFallback,\n  Badge,\n  BentoGrid,\n  BentoGridItem,\n  Button,\n  ButtonGroup,\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n  Checkbox,\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n  Descriptions,\n  DescriptionsItem,\n  EmptyState,\n  Heading,\n  Input,\n  Kbd,\n  Label,\n  MetricCard,\n  Progress,\n  RadioGroup,\n  RadioGroupItem,\n  SectionHeader,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Separator,\n  Slider,\n  StatePanel,\n  StatusBadge,\n  Switch,\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Text,\n  Textarea,\n  Timeline,\n} from \"@elabs-ai/components-ui\";\nimport type { AlertTitleProps } from \"@elabs-ai/components-ui\";\nimport type { ComponentType } from \"react\";\n\nimport { A2UI_CATALOG_SCHEMA } from \"./core/catalog.generated\";\nimport type { A2uiCatalogSchema, A2uiCatalogTypeSchema } from \"./core/spec\";\n\n/** One renderable catalog type: its schema plus the component that draws it. */\nexport interface A2uiCatalogEntry {\n  schema: A2uiCatalogTypeSchema;\n  /** Absent for builtins (`Stack`, `Grid`), which the surface draws itself. */\n  component?: ComponentType<Record<string, unknown>>;\n}\n\nexport type A2uiCatalog = Record<string, A2uiCatalogEntry>;\n\n// `ComponentType<Record<string, unknown>>` is the erased shape the renderer calls\n// with validated, catalog-shaped props; each binding is a real ui component.\ntype AnyComponent = ComponentType<any>; // eslint-disable-line @typescript-eslint/no-explicit-any -- erased at the catalog boundary; props are validated against the schema\n\n/**\n * `AlertTitle` inside a surface, as a `<div>` rather than its default `<h5>`.\n *\n * A surface is rendered into a host page whose heading outline the agent cannot see, so a\n * fixed `h5` fails axe's `heading-order` under any host with no `h4` above it — which is\n * most of them. The alert's `role=\"alert\"` announces the title either way, so the heading\n * adds nothing here; `CardTitle` defaults to `div` for the same reason. A host writing real\n * code composes `<AlertTitle as=\"h3\">`, where the level is knowable.\n */\nconst SurfaceAlertTitle = (props: AlertTitleProps) => <AlertTitle {...props} as=\"div\" />;\n\n/** The `@elabs-ai/components-ui` bindings, one per non-builtin catalog type. */\nexport const UI_CATALOG_BINDINGS: Record<string, AnyComponent> = {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n  Alert,\n  AlertDescription,\n  AlertTitle: SurfaceAlertTitle,\n  Avatar,\n  AvatarFallback,\n  Badge,\n  BentoGrid,\n  BentoGridItem,\n  Button,\n  ButtonGroup,\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n  Checkbox,\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n  Descriptions,\n  DescriptionsItem,\n  EmptyState,\n  Heading,\n  Input,\n  Kbd,\n  Label,\n  MetricCard,\n  Progress,\n  RadioGroup,\n  RadioGroupItem,\n  SectionHeader,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Separator,\n  Slider,\n  StatePanel,\n  StatusBadge,\n  Switch,\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Text,\n  Textarea,\n  Timeline,\n};\n\n/**\n * Build a catalog from component bindings + a schema. Every schema type that is\n * not a builtin must have a binding; a binding without a schema is ignored (it\n * would be unvalidatable). Extend the shipped one:\n *\n * ```ts\n * const catalog = createA2uiCatalog(\n *   { ...UI_CATALOG_BINDINGS, RevenueChart },\n *   { ...A2UI_CATALOG_SCHEMA, RevenueChart: defineA2uiType({ props: { series: { type: \"array\", required: true } } }) },\n * );\n * ```\n */\nexport function createA2uiCatalog(\n  bindings: Record<string, AnyComponent>,\n  schema: A2uiCatalogSchema = A2UI_CATALOG_SCHEMA,\n): A2uiCatalog {\n  const catalog: A2uiCatalog = {};\n  for (const [type, typeSchema] of Object.entries(schema)) {\n    if (typeSchema.builtin) {\n      catalog[type] = { schema: typeSchema };\n      continue;\n    }\n    const component = bindings[type];\n    if (!component) {\n      throw new Error(`createA2uiCatalog: catalog type \"${type}\" has no component binding`);\n    }\n    catalog[type] = { schema: typeSchema, component };\n  }\n  return catalog;\n}\n\n/** Author a schema entry for an app-provided type with sensible defaults. */\nexport function defineA2uiType(\n  partial: Partial<A2uiCatalogTypeSchema> & { source?: string },\n): A2uiCatalogTypeSchema {\n  return {\n    children: partial.children ?? false,\n    props: partial.props ?? {},\n    events: partial.events ?? {},\n    source: partial.source ?? \"app\",\n    ...(partial.summary ? { summary: partial.summary } : {}),\n    ...(partial.builtin ? { builtin: true } : {}),\n  };\n}\n\n/** The schema half of a catalog (what `validateA2uiSurface` takes). */\nexport function catalogSchema(catalog: A2uiCatalog): A2uiCatalogSchema {\n  return Object.fromEntries(Object.entries(catalog).map(([t, e]) => [t, e.schema]));\n}\n\n/** The shipped catalog: builtins + every `@elabs-ai/components-ui` type above. */\nexport const uiCatalog: A2uiCatalog = createA2uiCatalog(UI_CATALOG_BINDINGS);\n"],"mappings":"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","names":[]}

package/dist/chunk-LMNSBOBG.js

@@ -0,0 +1,19 @@
+"use client";
+import {
+  lazyFlowPart
+} from "./chunk-NMVNNO3L.js";
+
+// src/panel.tsx
+import { Suspense } from "react";
+import { jsx } from "react/jsx-runtime";
+var PanelImpl = lazyFlowPart((m) => m.Panel);
+var Panel = (props) => (
+  // An overlay inside an already-loaded `<Canvas>`, so there is no box to
+  // reserve — the engine chunk it needs is the one the canvas already fetched.
+  /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(PanelImpl, { ...props }) })
+);
+
+export {
+  Panel
+};
+//# sourceMappingURL=chunk-LMNSBOBG.js.map

package/dist/chunk-LMNSBOBG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/panel.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Panel as PanelPrimitive } from \"@xyflow/react\";\nimport type { ComponentProps } from \"react\";\nimport { Suspense } from \"react\";\n\nimport { lazyFlowPart } from \"./_flow-lazy\";\n\nexport type PanelProps = ComponentProps<typeof PanelPrimitive>;\n\n/** React Flow lives behind a dynamic import — see `_flow-lazy.ts` and ADR 0019. */\nconst PanelImpl = lazyFlowPart<PanelProps>((m) => m.Panel);\n\nexport const Panel = (props: PanelProps) => (\n  // An overlay inside an already-loaded `<Canvas>`, so there is no box to\n  // reserve — the engine chunk it needs is the one the canvas already fetched.\n  <Suspense fallback={null}>\n    <PanelImpl {...props} />\n  </Suspense>\n);\n"],"mappings":";;;;;;AAIA,SAAS,gBAAgB;AAarB;AANJ,IAAM,YAAY,aAAyB,CAAC,MAAM,EAAE,KAAK;AAElD,IAAM,QAAQ,CAAC;AAAA;AAAA;AAAA,EAGpB,oBAAC,YAAS,UAAU,MAClB,8BAAC,aAAW,GAAG,OAAO,GACxB;AAAA;","names":[]}