@adea-ai/ui 0.140.0 → 0.142.0

package/dist/components/ui/attachment/attachment.js

@@ -0,0 +1,279 @@
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { className, createComponent, delegateEvents, effect, insert, memo, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import { Archive, File, FileCode, FileText, Image, LoaderCircle, TriangleAlert, X } from "lucide-solid";
+import { Show, splitProps } from "solid-js";
+//#region src/components/ui/attachment/attachment.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class="min-w-0 truncate font-medium">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<a target=_blank rel="noreferrer noopener"class="min-w-0 truncate rounded-xs font-medium outline-none hover:underline focus-visible:ring-3 focus-visible:ring-primary-subtle">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<button type=button class="min-w-0 truncate rounded-xs text-start font-medium outline-none hover:underline focus-visible:ring-3 focus-visible:ring-primary-subtle">`);
+var _tmpl$4 = /*#__PURE__*/ template(`<span>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<img alt class="size-full object-cover">`);
+var _tmpl$6 = /*#__PURE__*/ template(`<span class="relative grid aspect-square w-full place-items-center overflow-hidden rounded-xl border border-border bg-muted text-muted-foreground [&amp;_svg]:size-6">`);
+var _tmpl$7 = /*#__PURE__*/ template(`<span class="flex min-w-0 items-center gap-1">`);
+var _tmpl$8 = /*#__PURE__*/ template(`<div data-slot=attachment>`);
+var _tmpl$9 = /*#__PURE__*/ template(`<span class="flex min-w-0 flex-1 items-center gap-2">`);
+var _tmpl$0 = /*#__PURE__*/ template(`<ul role=list data-slot=attachment-list>`);
+var KIND_ICON = {
+	image: Image,
+	document: FileText,
+	code: FileCode,
+	text: FileText,
+	archive: Archive,
+	other: File
+};
+/** The figure as written: whole numbers from 10 up, one decimal below. */
+var shown = (amount) => amount >= 10 ? Math.round(amount) : Math.round(amount * 10) / 10;
+/** `1536` → `1.5 KB`. Returns nothing for a value that is not a finite size. */
+function formatAttachmentSize(bytes) {
+	if (bytes === void 0 || !Number.isFinite(bytes) || bytes < 0) return void 0;
+	if (Math.round(bytes) < 1024) return `${Math.round(bytes)} B`;
+	const units = [
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	let value = bytes / 1024;
+	let unit = 0;
+	while (shown(value) >= 1024 && unit < units.length - 1) {
+		value /= 1024;
+		unit += 1;
+	}
+	return `${shown(value)} ${units[unit]}`;
+}
+/** The only sources a preview may use. */
+function safePreviewSrc(value) {
+	if (!value) return void 0;
+	if (value.startsWith("blob:")) return value;
+	if (/^data:image\/(?:png|jpe?g|gif|webp|avif);base64,[A-Za-z0-9+/=]+$/.test(value)) return value;
+	try {
+		const url = new URL(value);
+		return url.protocol === "https:" || url.protocol === "http:" ? value : void 0;
+	} catch {
+		return;
+	}
+}
+function Attachment(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"name",
+		"kind",
+		"size",
+		"variant",
+		"status",
+		"progress",
+		"statusLabel",
+		"previewSrc",
+		"onOpen",
+		"href",
+		"onRemove",
+		"removeLabel"
+	]);
+	const variant = () => local.variant ?? "chip";
+	const status = () => local.status ?? "ready";
+	const preview = () => local.kind === "image" ? safePreviewSrc(local.previewSrc) : void 0;
+	const Icon = () => KIND_ICON[local.kind ?? "other"];
+	const size = () => formatAttachmentSize(local.size);
+	const actionable = () => status() === "ready" || status() === "error";
+	const mark = () => {
+		if (status() === "uploading") return createComponent(LoaderCircle, {
+			"aria-hidden": "true",
+			"class": "motion-safe:animate-spin"
+		});
+		if (status() === "error") return createComponent(TriangleAlert, { "aria-hidden": "true" });
+		const Glyph = Icon();
+		return createComponent(Glyph, { "aria-hidden": "true" });
+	};
+	const label = () => (() => {
+		var _el$ = _tmpl$();
+		insert(_el$, () => local.name);
+		effect(() => setAttribute(_el$, "title", local.name));
+		return _el$;
+	})();
+	const name = () => createComponent(Show, {
+		get when() {
+			return memo(() => !!actionable())() && (local.href !== void 0 || local.onOpen !== void 0);
+		},
+		get fallback() {
+			return label();
+		},
+		get children() {
+			return createComponent(Show, {
+				get when() {
+					return local.href !== void 0;
+				},
+				get fallback() {
+					return (() => {
+						var _el$3 = _tmpl$3();
+						_el$3.$$click = () => local.onOpen?.();
+						insert(_el$3, () => local.name);
+						effect(() => setAttribute(_el$3, "title", local.name));
+						return _el$3;
+					})();
+				},
+				get children() {
+					var _el$2 = _tmpl$2();
+					insert(_el$2, () => local.name);
+					effect((_p$) => {
+						var _v$ = local.href, _v$2 = local.name;
+						_v$ !== _p$.e && setAttribute(_el$2, "href", _p$.e = _v$);
+						_v$2 !== _p$.t && setAttribute(_el$2, "title", _p$.t = _v$2);
+						return _p$;
+					}, {
+						e: void 0,
+						t: void 0
+					});
+					return _el$2;
+				}
+			});
+		}
+	});
+	const detail = () => createComponent(Show, {
+		get when() {
+			return status() !== "ready" || size();
+		},
+		get children() {
+			var _el$4 = _tmpl$4();
+			insert(_el$4, (() => {
+				var _c$ = memo(() => status() === "uploading");
+				return () => _c$() ? memo(() => local.progress === void 0)() ? "Uploading…" : `Uploading ${Math.round(local.progress)}%` : memo(() => status() === "error")() ? local.statusLabel ?? "Could not attach" : memo(() => status() === "unavailable")() ? local.statusLabel ?? "Unavailable" : size();
+			})());
+			effect((_p$) => {
+				var _v$3 = cn("shrink-0 text-xs", {
+					"text-destructive": status() === "error",
+					"text-muted-foreground": status() !== "error"
+				}), _v$4 = status() === "uploading" || status() === "error" ? "status" : void 0;
+				_v$3 !== _p$.e && className(_el$4, _p$.e = _v$3);
+				_v$4 !== _p$.t && setAttribute(_el$4, "role", _p$.t = _v$4);
+				return _p$;
+			}, {
+				e: void 0,
+				t: void 0
+			});
+			return _el$4;
+		}
+	});
+	const remove = () => createComponent(Show, {
+		get when() {
+			return local.onRemove;
+		},
+		get children() {
+			return createComponent(Button, {
+				type: "button",
+				variant: "ghost",
+				size: "icon-2xs",
+				"class": "shrink-0",
+				get ["aria-label"]() {
+					return local.removeLabel ?? `Remove ${local.name}`;
+				},
+				onClick: () => local.onRemove?.(),
+				get children() {
+					return createComponent(X, { "aria-hidden": "true" });
+				}
+			});
+		}
+	});
+	return (() => {
+		var _el$5 = _tmpl$8();
+		spread(_el$5, mergeProps({
+			get ["data-variant"]() {
+				return variant();
+			},
+			get ["data-status"]() {
+				return status();
+			},
+			get ["class"]() {
+				return cn("min-w-0 text-sm", {
+					"inline-flex max-w-full items-center gap-1.5 rounded-lg border border-border bg-card py-1 ps-2 pe-1": variant() === "chip",
+					"flex w-full max-w-sm items-center gap-2.5 rounded-xl border border-border bg-card p-2": variant() === "card",
+					"flex w-32 flex-col gap-1.5": variant() === "tile",
+					"border-destructive": status() === "error",
+					"opacity-70": status() === "unavailable"
+				}, local.class);
+			}
+		}, rest), false, true);
+		insert(_el$5, createComponent(Show, {
+			get when() {
+				return variant() === "tile";
+			},
+			get fallback() {
+				return [
+					(() => {
+						var _el$9 = _tmpl$4();
+						insert(_el$9, createComponent(Show, {
+							get when() {
+								return memo(() => !!preview())() && variant() === "card";
+							},
+							get fallback() {
+								return mark();
+							},
+							get children() {
+								var _el$0 = _tmpl$5();
+								effect(() => setAttribute(_el$0, "src", preview()));
+								return _el$0;
+							}
+						}));
+						effect(() => className(_el$9, cn("grid shrink-0 place-items-center text-muted-foreground [&_svg]:size-4", {
+							"size-9 overflow-hidden rounded-lg bg-muted": variant() === "card",
+							"text-destructive": status() === "error"
+						})));
+						return _el$9;
+					})(),
+					(() => {
+						var _el$1 = _tmpl$9();
+						insert(_el$1, name, null);
+						insert(_el$1, detail, null);
+						return _el$1;
+					})(),
+					memo(remove)
+				];
+			},
+			get children() {
+				return [
+					(() => {
+						var _el$6 = _tmpl$6();
+						insert(_el$6, createComponent(Show, {
+							get when() {
+								return preview();
+							},
+							get fallback() {
+								return mark();
+							},
+							get children() {
+								var _el$7 = _tmpl$5();
+								effect(() => setAttribute(_el$7, "src", preview()));
+								return _el$7;
+							}
+						}));
+						return _el$6;
+					})(),
+					(() => {
+						var _el$8 = _tmpl$7();
+						insert(_el$8, name, null);
+						insert(_el$8, remove, null);
+						return _el$8;
+					})(),
+					memo(() => detail())
+				];
+			}
+		}));
+		return _el$5;
+	})();
+}
+function AttachmentList(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return (() => {
+		var _el$10 = _tmpl$0();
+		spread(_el$10, mergeProps({ get ["class"]() {
+			return cn("m-0 flex min-w-0 list-none flex-wrap gap-2 p-0", local.class);
+		} }, rest), false, true);
+		insert(_el$10, () => local.children);
+		return _el$10;
+	})();
+}
+delegateEvents(["click"]);
+//#endregion
+export { Attachment, AttachmentList, formatAttachmentSize, safePreviewSrc };
+
+//# sourceMappingURL=attachment.js.map

package/dist/components/ui/attachment/attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment.js","names":["Archive","File","FileIcon","FileCode","FileText","Image","ImageIcon","LoaderCircle","TriangleAlert","X","Show","splitProps","ComponentProps","JSX","cn","Button","AttachmentKind","AttachmentStatus","AttachmentVariant","KIND_ICON","image","document","code","text","archive","other","const","shown","amount","Math","round","formatAttachmentSize","bytes","undefined","Number","isFinite","units","value","unit","length","safePreviewSrc","startsWith","test","url","URL","protocol","AttachmentProps","Omit","name","kind","size","variant","status","progress","statusLabel","previewSrc","onOpen","href","onRemove","removeLabel","Attachment","props","local","rest","preview","Icon","actionable","mark","Element","_$createComponent","Glyph","label","_el$","_tmpl$","_$insert","_$effect","_$setAttribute","when","_$memo","fallback","children","_el$3","_tmpl$3","$$click","_el$2","_tmpl$2","_p$","_v$","_v$2","e","t","detail","_el$4","_tmpl$4","_c$","_v$3","_v$4","_$className","remove","type","aria-label","onClick","_el$5","_tmpl$8","_$spread","_$mergeProps","data-variant","data-status","class","_el$9","_el$0","_tmpl$5","_el$1","_tmpl$9","_el$6","_tmpl$6","_el$7","_el$8","_tmpl$7","AttachmentList","_el$10","_tmpl$0","_$delegateEvents","ImageIcon","FileIcon","_$createComponent","_$setAttribute","_$memo","_$className","_$mergeProps","_$delegateEvents"],"sources":["../../../../src/components/ui/attachment/attachment.tsx"],"sourcesContent":["import {\n  Archive,\n  File as FileIcon,\n  FileCode,\n  FileText,\n  Image as ImageIcon,\n  LoaderCircle,\n  TriangleAlert,\n  X,\n} from 'lucide-solid'\nimport { Show, splitProps, type ComponentProps, type JSX } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Button } from '../button'\n\n/**\n * Attachment.\n *\n * A file that travels with a message or sits in the composer. Three\n * presentations of one thing: a `chip` (a line, for the composer and for a list\n * of many), a `card` (name, type and size, for a message's attachments), and a\n * `tile` (a preview image with the name beneath, for pictures).\n *\n * ## It only offers what works\n *\n * An attachment is a *claim that a file exists and can be handled*. This\n * component therefore draws an action only when the caller supplied the\n * handler: no `onOpen`/`href` and the name is plain text, not a dead button; no\n * `onRemove` and there is no ✕. A host whose attachments cannot be reopened (a\n * name the runtime echoed back, a file that was never stored) renders honest,\n * static chips instead of controls that do nothing.\n *\n * ## Untrusted metadata\n *\n * Name, type and size come from whoever sent the file. They are rendered as\n * text, the name is never used as a path or URL, and a preview is shown only\n * for `blob:`, `https:`/`http:` or a `data:image/*` raster source (no SVG, which\n * can carry script when opened on its own).\n *\n * `status` states the truth about the file's lifecycle in words (`uploading`,\n * `error`, `unavailable`), not by colour alone.\n */\nexport type AttachmentKind = 'image' | 'document' | 'code' | 'text' | 'archive' | 'other'\nexport type AttachmentStatus = 'ready' | 'uploading' | 'error' | 'unavailable'\nexport type AttachmentVariant = 'chip' | 'card' | 'tile'\n\nconst KIND_ICON = {\n  image: ImageIcon,\n  document: FileText,\n  code: FileCode,\n  text: FileText,\n  archive: Archive,\n  other: FileIcon,\n} as const\n\n/** The figure as written: whole numbers from 10 up, one decimal below. */\nconst shown = (amount: number) => (amount >= 10 ? Math.round(amount) : Math.round(amount * 10) / 10)\n\n/** `1536` → `1.5 KB`. Returns nothing for a value that is not a finite size. */\nexport function formatAttachmentSize(bytes: number | undefined): string | undefined {\n  if (bytes === undefined || !Number.isFinite(bytes) || bytes < 0) return undefined\n  if (Math.round(bytes) < 1024) return `${Math.round(bytes)} B`\n  const units = ['KB', 'MB', 'GB', 'TB']\n  // What is shown, not the raw value, decides the unit: 1023.9 KB rounds to\n  // \"1024 KB\", which should read \"1 MB\".\n  let value = bytes / 1024\n  let unit = 0\n  while (shown(value) >= 1024 && unit < units.length - 1) {\n    value /= 1024\n    unit += 1\n  }\n  return `${shown(value)} ${units[unit]}`\n}\n\n/** The only sources a preview may use. */\nexport function safePreviewSrc(value: string | undefined): string | undefined {\n  if (!value) return undefined\n  if (value.startsWith('blob:')) return value\n  if (/^data:image\\/(?:png|jpe?g|gif|webp|avif);base64,[A-Za-z0-9+/=]+$/.test(value)) return value\n  try {\n    const url = new URL(value)\n    return url.protocol === 'https:' || url.protocol === 'http:' ? value : undefined\n  } catch {\n    return undefined\n  }\n}\n\nexport type AttachmentProps = Omit<ComponentProps<'div'>, 'children'> & {\n  name: string\n  kind?: AttachmentKind\n  /** Bytes. */\n  size?: number\n  variant?: AttachmentVariant\n  status?: AttachmentStatus\n  /** 0–100 while `uploading`; omit for indeterminate. */\n  progress?: number\n  /** Why it failed or is unavailable, in words. */\n  statusLabel?: string\n  previewSrc?: string\n  /** Open the file in the host. Omit and the name is not a control. */\n  onOpen?: () => void\n  /** Open the file by address. Omit and the name is not a link. */\n  href?: string\n  /** Detach it. Omit and there is no remove control. */\n  onRemove?: () => void\n  removeLabel?: string\n}\n\nexport function Attachment(props: AttachmentProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'name',\n    'kind',\n    'size',\n    'variant',\n    'status',\n    'progress',\n    'statusLabel',\n    'previewSrc',\n    'onOpen',\n    'href',\n    'onRemove',\n    'removeLabel',\n  ])\n  const variant = () => local.variant ?? 'chip'\n  const status = () => local.status ?? 'ready'\n  const preview = () => (local.kind === 'image' ? safePreviewSrc(local.previewSrc) : undefined)\n  const Icon = () => KIND_ICON[local.kind ?? 'other']\n  const size = () => formatAttachmentSize(local.size)\n  const actionable = () => status() === 'ready' || status() === 'error'\n\n  const mark = (): JSX.Element => {\n    if (status() === 'uploading')\n      return <LoaderCircle aria-hidden=\"true\" class=\"motion-safe:animate-spin\" />\n    if (status() === 'error') return <TriangleAlert aria-hidden=\"true\" />\n    const Glyph = Icon()\n    return <Glyph aria-hidden=\"true\" />\n  }\n\n  const label = (): JSX.Element => (\n    <span class=\"min-w-0 truncate font-medium\" title={local.name}>\n      {local.name}\n    </span>\n  )\n\n  const name = (): JSX.Element => (\n    <Show\n      when={actionable() && (local.href !== undefined || local.onOpen !== undefined)}\n      fallback={label()}\n    >\n      <Show\n        when={local.href !== undefined}\n        fallback={\n          <button\n            type=\"button\"\n            class=\"min-w-0 truncate rounded-xs text-start font-medium outline-none hover:underline focus-visible:ring-3 focus-visible:ring-primary-subtle\"\n            title={local.name}\n            onClick={() => local.onOpen?.()}\n          >\n            {local.name}\n          </button>\n        }\n      >\n        <a\n          href={local.href}\n          target=\"_blank\"\n          rel=\"noreferrer noopener\"\n          class=\"min-w-0 truncate rounded-xs font-medium outline-none hover:underline focus-visible:ring-3 focus-visible:ring-primary-subtle\"\n          title={local.name}\n        >\n          {local.name}\n        </a>\n      </Show>\n    </Show>\n  )\n\n  const detail = (): JSX.Element => (\n    <Show when={status() !== 'ready' || size()}>\n      <span\n        class={cn('shrink-0 text-xs', {\n          'text-destructive': status() === 'error',\n          'text-muted-foreground': status() !== 'error',\n        })}\n        role={status() === 'uploading' || status() === 'error' ? 'status' : undefined}\n      >\n        {status() === 'uploading'\n          ? local.progress === undefined\n            ? 'Uploading…'\n            : `Uploading ${Math.round(local.progress)}%`\n          : status() === 'error'\n            ? (local.statusLabel ?? 'Could not attach')\n            : status() === 'unavailable'\n              ? (local.statusLabel ?? 'Unavailable')\n              : size()}\n      </span>\n    </Show>\n  )\n\n  const remove = (): JSX.Element => (\n    <Show when={local.onRemove}>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-2xs\"\n        class=\"shrink-0\"\n        aria-label={local.removeLabel ?? `Remove ${local.name}`}\n        onClick={() => local.onRemove?.()}\n      >\n        <X aria-hidden=\"true\" />\n      </Button>\n    </Show>\n  )\n\n  return (\n    <div\n      data-slot=\"attachment\"\n      data-variant={variant()}\n      data-status={status()}\n      class={cn(\n        'min-w-0 text-sm',\n        {\n          'inline-flex max-w-full items-center gap-1.5 rounded-lg border border-border bg-card py-1 ps-2 pe-1':\n            variant() === 'chip',\n          'flex w-full max-w-sm items-center gap-2.5 rounded-xl border border-border bg-card p-2':\n            variant() === 'card',\n          'flex w-32 flex-col gap-1.5': variant() === 'tile',\n          'border-destructive': status() === 'error',\n          'opacity-70': status() === 'unavailable',\n        },\n        local.class\n      )}\n      {...rest}\n    >\n      <Show\n        when={variant() === 'tile'}\n        fallback={\n          <>\n            <span\n              class={cn('grid shrink-0 place-items-center text-muted-foreground [&_svg]:size-4', {\n                'size-9 overflow-hidden rounded-lg bg-muted': variant() === 'card',\n                'text-destructive': status() === 'error',\n              })}\n            >\n              <Show when={preview() && variant() === 'card'} fallback={mark()}>\n                <img src={preview()} alt=\"\" class=\"size-full object-cover\" />\n              </Show>\n            </span>\n            <span class=\"flex min-w-0 flex-1 items-center gap-2\">\n              {name()}\n              {detail()}\n            </span>\n            {remove()}\n          </>\n        }\n      >\n        <span class=\"relative grid aspect-square w-full place-items-center overflow-hidden rounded-xl border border-border bg-muted text-muted-foreground [&_svg]:size-6\">\n          <Show when={preview()} fallback={mark()}>\n            <img src={preview()} alt=\"\" class=\"size-full object-cover\" />\n          </Show>\n        </span>\n        <span class=\"flex min-w-0 items-center gap-1\">\n          {name()}\n          {remove()}\n        </span>\n        {detail()}\n      </Show>\n    </div>\n  )\n}\n\nexport function AttachmentList(props: ComponentProps<'ul'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <ul\n      role=\"list\"\n      data-slot=\"attachment-list\"\n      class={cn('m-0 flex min-w-0 list-none flex-wrap gap-2 p-0', local.class)}\n      {...rest}\n    >\n      {local.children}\n    </ul>\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/attachment/index.d.ts

@@ -0,0 +1,2 @@
+export { Attachment, AttachmentList, formatAttachmentSize, safePreviewSrc, type AttachmentKind, type AttachmentProps, type AttachmentStatus, type AttachmentVariant, } from './attachment';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/attachment/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/attachment/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,cAAc,EACd,oBAAoB,EACpB,cAAc,EACd,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,GACvB,MAAM,cAAc,CAAA"}

package/dist/components/ui/attachment/index.js

@@ -0,0 +1,2 @@
+import { Attachment, AttachmentList, formatAttachmentSize, safePreviewSrc } from "./attachment.js";
+export { Attachment, AttachmentList, formatAttachmentSize, safePreviewSrc };

package/dist/components/ui/badge/badge.d.ts

@@ -10,7 +10,7 @@ import { type VariantProps } from '#lib/variants';
  * action.
  */
 export declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "success" | "warning" | "info" | "outline" | "secondary" | "subtle" | "notification" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | "info" | "secondary" | "outline" | "subtle" | "notification" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type BadgeVariantProps = VariantProps<typeof badgeVariants>;

package/dist/components/ui/bubble/bubble.d.ts

@@ -0,0 +1,33 @@
+import { type ComponentProps, type JSX } from 'solid-js';
+import { type VariantProps } from '#lib/variants';
+/**
+ * Bubble.
+ *
+ * The container for what *the person* sends. The assistant's reply is not a
+ * bubble: it is the page, set in the reading column with no surface behind it,
+ * because a reply that is a card among cards turns every long answer into a box
+ * to scroll inside. A bubble marks the one voice that is quoting itself back — a
+ * short, bounded message — so the eye can find where each turn begins.
+ *
+ * `state` is the delivery truth, not decoration: `pending` while the send is in
+ * flight, `queued` for a follow-up the runtime has not taken yet (dashed, so it
+ * reads as not yet part of the conversation), `failed` when it did not go. Each
+ * state has a word in `status`, because the border alone is not a signal.
+ *
+ * Text is rendered as text. `whitespace-pre-wrap` keeps the sender's line breaks
+ * and `overflow-wrap: anywhere` stops a pasted token or URL from widening the
+ * column; nothing here interprets markup.
+ */
+export declare const bubbleVariants: (props?: ({
+    tone?: "neutral" | "user" | "quiet" | null | undefined;
+    state?: "sent" | "pending" | "queued" | "failed" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type BubbleProps = Omit<ComponentProps<'div'>, 'children'> & VariantProps<typeof bubbleVariants> & {
+    children?: JSX.Element;
+    /** What the state means in words: "Sending…", "Queued", "Not sent". */
+    status?: JSX.Element;
+    /** Shown beside the status, e.g. a Retry button for a failed send. */
+    statusAction?: JSX.Element;
+};
+export declare function Bubble(props: BubbleProps): JSX.Element;
+//# sourceMappingURL=bubble.d.ts.map

package/dist/components/ui/bubble/bubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/bubble/bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAEpE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAEtD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,cAAc;;;8EAkB1B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAC/D,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,uEAAuE;IACvE,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,sEAAsE;IACtE,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAC3B,CAAA;AAEH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAkCxC"}

package/dist/components/ui/bubble/bubble.js

@@ -0,0 +1,95 @@
+import { cn } from "../../../lib/utils.js";
+import { cva } from "../../../lib/variants.js";
+import { className, effect, insert, memo, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/ui/bubble/bubble.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class="flex max-w-full min-w-0 flex-col items-end gap-1"data-slot=bubble-root><div data-slot=bubble>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=bubble-status>`);
+/**
+* Bubble.
+*
+* The container for what *the person* sends. The assistant's reply is not a
+* bubble: it is the page, set in the reading column with no surface behind it,
+* because a reply that is a card among cards turns every long answer into a box
+* to scroll inside. A bubble marks the one voice that is quoting itself back — a
+* short, bounded message — so the eye can find where each turn begins.
+*
+* `state` is the delivery truth, not decoration: `pending` while the send is in
+* flight, `queued` for a follow-up the runtime has not taken yet (dashed, so it
+* reads as not yet part of the conversation), `failed` when it did not go. Each
+* state has a word in `status`, because the border alone is not a signal.
+*
+* Text is rendered as text. `whitespace-pre-wrap` keeps the sender's line breaks
+* and `overflow-wrap: anywhere` stops a pasted token or URL from widening the
+* column; nothing here interprets markup.
+*/
+var bubbleVariants = cva("relative w-fit max-w-full min-w-0 rounded-2xl px-3.5 py-2 font-content text-content break-words whitespace-pre-wrap [overflow-wrap:anywhere]", {
+	variants: {
+		tone: {
+			user: "bg-primary-subtle text-foreground",
+			neutral: "bg-muted text-foreground",
+			quiet: "border border-border bg-transparent text-foreground"
+		},
+		state: {
+			sent: "",
+			pending: "opacity-70",
+			queued: "border border-dashed border-border bg-transparent",
+			failed: "border border-destructive"
+		}
+	},
+	defaultVariants: {
+		tone: "user",
+		state: "sent"
+	}
+});
+function Bubble(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"tone",
+		"state",
+		"children",
+		"status",
+		"statusAction"
+	]);
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+		spread(_el$2, mergeProps({
+			get ["data-state"]() {
+				return local.state ?? "sent";
+			},
+			get ["class"]() {
+				return cn(bubbleVariants({
+					tone: local.tone,
+					state: local.state
+				}), local.class);
+			}
+		}, rest), false, true);
+		insert(_el$2, () => local.children);
+		insert(_el$, (() => {
+			var _c$ = memo(() => !!(local.status !== void 0 || local.statusAction !== void 0));
+			return () => _c$() ? (() => {
+				var _el$3 = _tmpl$2();
+				insert(_el$3, () => local.status, null);
+				insert(_el$3, () => local.statusAction, null);
+				effect((_p$) => {
+					var _v$ = local.state === "failed" ? "alert" : "status", _v$2 = cn("flex items-center gap-2 text-xs", {
+						"text-destructive": local.state === "failed",
+						"text-muted-foreground": local.state !== "failed"
+					});
+					_v$ !== _p$.e && setAttribute(_el$3, "role", _p$.e = _v$);
+					_v$2 !== _p$.t && className(_el$3, _p$.t = _v$2);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0
+				});
+				return _el$3;
+			})() : null;
+		})(), null);
+		return _el$;
+	})();
+}
+//#endregion
+export { Bubble, bubbleVariants };
+
+//# sourceMappingURL=bubble.js.map

package/dist/components/ui/bubble/bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.js","names":["splitProps","ComponentProps","JSX","cn","cva","VariantProps","bubbleVariants","variants","tone","user","neutral","quiet","state","sent","pending","queued","failed","defaultVariants","BubbleProps","Omit","children","Element","status","statusAction","Bubble","props","local","rest","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","data-state","class","_$insert","_c$","_$memo","undefined","_el$3","_tmpl$2","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","_$className","_$mergeProps","_$memo","_$setAttribute","_$className"],"sources":["../../../../src/components/ui/bubble/bubble.tsx"],"sourcesContent":["import { splitProps, type ComponentProps, type JSX } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { cva, type VariantProps } from '#lib/variants'\n\n/**\n * Bubble.\n *\n * The container for what *the person* sends. The assistant's reply is not a\n * bubble: it is the page, set in the reading column with no surface behind it,\n * because a reply that is a card among cards turns every long answer into a box\n * to scroll inside. A bubble marks the one voice that is quoting itself back — a\n * short, bounded message — so the eye can find where each turn begins.\n *\n * `state` is the delivery truth, not decoration: `pending` while the send is in\n * flight, `queued` for a follow-up the runtime has not taken yet (dashed, so it\n * reads as not yet part of the conversation), `failed` when it did not go. Each\n * state has a word in `status`, because the border alone is not a signal.\n *\n * Text is rendered as text. `whitespace-pre-wrap` keeps the sender's line breaks\n * and `overflow-wrap: anywhere` stops a pasted token or URL from widening the\n * column; nothing here interprets markup.\n */\nexport const bubbleVariants = cva(\n  'relative w-fit max-w-full min-w-0 rounded-2xl px-3.5 py-2 font-content text-content break-words whitespace-pre-wrap [overflow-wrap:anywhere]',\n  {\n    variants: {\n      tone: {\n        user: 'bg-primary-subtle text-foreground',\n        neutral: 'bg-muted text-foreground',\n        quiet: 'border border-border bg-transparent text-foreground',\n      },\n      state: {\n        sent: '',\n        pending: 'opacity-70',\n        queued: 'border border-dashed border-border bg-transparent',\n        failed: 'border border-destructive',\n      },\n    },\n    defaultVariants: { tone: 'user', state: 'sent' },\n  }\n)\n\nexport type BubbleProps = Omit<ComponentProps<'div'>, 'children'> &\n  VariantProps<typeof bubbleVariants> & {\n    children?: JSX.Element\n    /** What the state means in words: \"Sending…\", \"Queued\", \"Not sent\". */\n    status?: JSX.Element\n    /** Shown beside the status, e.g. a Retry button for a failed send. */\n    statusAction?: JSX.Element\n  }\n\nexport function Bubble(props: BubbleProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'tone',\n    'state',\n    'children',\n    'status',\n    'statusAction',\n  ])\n  return (\n    <div class=\"flex max-w-full min-w-0 flex-col items-end gap-1\" data-slot=\"bubble-root\">\n      <div\n        data-slot=\"bubble\"\n        data-state={local.state ?? 'sent'}\n        class={cn(bubbleVariants({ tone: local.tone, state: local.state }), local.class)}\n        {...rest}\n      >\n        {local.children}\n      </div>\n      {local.status !== undefined || local.statusAction !== undefined ? (\n        <div\n          data-slot=\"bubble-status\"\n          role={local.state === 'failed' ? 'alert' : 'status'}\n          class={cn('flex items-center gap-2 text-xs', {\n            'text-destructive': local.state === 'failed',\n            'text-muted-foreground': local.state !== 'failed',\n          })}\n        >\n          {local.status}\n          {local.statusAction}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAaM,iBAAiBF,IAC5B,gJACA;CACEG,UAAU;EACRC,MAAM;GACJC,MAAM;GACNC,SAAS;GACTC,OAAO;EACT;EACAC,OAAO;GACLC,MAAM;GACNC,SAAS;GACTC,QAAQ;GACRC,QAAQ;EACV;CACF;CACAC,iBAAiB;EAAET,MAAM;EAAQI,OAAO;CAAO;AACjD,CACF;AAWA,SAAgBY,OAAOC,OAAoB;CACzC,MAAM,CAACC,OAAOC,QAAQ3B,WAAWyB,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;CAAc,CACf;CACD,cAAA;EAAA,IAAAG,OAAAC,OAAA,GAAAC,QAAAF,KAAAG;EAAAC,OAAAF,OAAAG,WAAA;GAAA,KAAA,gBAAA;IAAA,OAIkBP,MAAMd,SAAS;GAAM;GAAA,KAAA,WAAA;IAAA,OAC1BT,GAAGG,eAAe;KAAEE,MAAMkB,MAAMlB;KAAMI,OAAOc,MAAMd;IAAM,CAAC,GAAGc,MAAMS,KAAK;GAAC;EAAA,GAC5ER,IAAI,GAAA,OAAA,IAAA;EAAAS,OAAAN,aAEPJ,MAAMN,QAAQ;EAAAgB,OAAAR,aAAA;GAAA,IAAAS,MAAAC,WAAA,CAAA,EAEhBZ,MAAMJ,WAAWiB,KAAAA,KAAab,MAAMH,iBAAiBgB,KAAAA,EAAS;GAAA,aAA9DF,IAAA,WAAA;IAAA,IAAAG,QAAAC,QAAA;IAAAL,OAAAI,aASId,MAAMJ,QAAM,IAAA;IAAAc,OAAAI,aACZd,MAAMH,cAAY,IAAA;IAAAmB,QAAAC,QAAA;KAAA,IAAAC,MAPblB,MAAMd,UAAU,WAAW,UAAU,UAAQiC,OAC5C1C,GAAG,mCAAmC;MAC3C,oBAAoBuB,MAAMd,UAAU;MACpC,yBAAyBc,MAAMd,UAAU;KAC3C,CAAC;KAACgC,QAAAD,IAAAG,KAAAC,aAAAP,OAAA,QAAAG,IAAAG,IAAAF,GAAA;KAAAC,SAAAF,IAAAK,KAAAC,UAAAT,OAAAG,IAAAK,IAAAH,IAAA;KAAA,OAAAF;IAAA,GAAA;KAAAG,GAAAP,KAAAA;KAAAS,GAAAT,KAAAA;IAAA,CAAA;IAAA,OAAAC;GAAA,EAAA,CAAA,IAKF;EAAI,EAAA,CAAA,GAAA,IAAA;EAAA,OAAAZ;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/ui/bubble/index.d.ts

@@ -0,0 +1,2 @@
+export { Bubble, bubbleVariants, type BubbleProps } from './bubble';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/bubble/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/bubble/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/components/ui/bubble/index.js

@@ -0,0 +1,2 @@
+import { Bubble, bubbleVariants } from "./bubble.js";
+export { Bubble, bubbleVariants };

package/dist/components/ui/button/button.d.ts

@@ -18,7 +18,7 @@ import { type VariantProps } from '#lib/variants';
  * `asChild` primitive, which has no Solid equivalent that preserves props.
  */
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "success" | "toolbar" | "outline" | "secondary" | "subtle" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "success" | "toolbar" | "secondary" | "outline" | "ghost" | "subtle" | null | undefined;
     size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "icon-2xs" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-2xl" | null | undefined;
     touchTarget?: "comfortable" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/ui/code-block/code-block.d.ts

@@ -26,8 +26,9 @@ import { type ComponentProps, type JSX } from 'solid-js';
  * **The scroller is focusable and named.** A horizontally scrollable region has
  * to be reachable by keyboard — this is axe's `scrollable-region-focusable`, and
  * a region that scrolls but cannot be focused is a WCAG 2.1.1 failure. It is a
- * `region` with a label rather than a bare `tabindex`, so the tab stop announces
- * what it is.
+ * labelled `group` rather than a bare `tabindex`, so the tab stop announces what
+ * it is. It is deliberately not a `region` landmark: a transcript holds many
+ * blocks, often in one language, and repeated landmarks of one name are noise.
  *
  * **Resolving a streaming block must not move the reader.** When `complete` is
  * false the block shows the code it has plus a generating indicator; the
@@ -35,8 +36,35 @@ import { type ComponentProps, type JSX } from 'solid-js';
  * block that grows the moment its content resolves shifts everything below it.
  * If a caller's `highlight` changes the line box, that is the caller's height to
  * hold — `lineHeight` is a prop for exactly that reason.
+ *
+ * ## Output, not only source
+ *
+ * The same surface carries terminal output, logs and diffs inside an agent's
+ * activity, so it also:
+ *
+ * - **loads its highlighter lazily** (`loadHighlight`). The grammar is fetched
+ *   only for a block that is complete and has a language, the block renders plain
+ *   until it arrives, and a loader that returns nothing — an unknown language, a
+ *   failed fetch — leaves the plain text in place without an error. Highlighting
+ *   a block on every streamed delta would re-tokenise the whole thing per token,
+ *   so a streaming block stays plain until `complete`.
+ * - **marks lines** (`lineMarks`) as added, removed, highlighted or failed. A mark
+ *   is carried by a gutter glyph and by `<ins>`/`<del>` for the two that change
+ *   text, never by colour alone, and the glyph is not selectable so a copied
+ *   selection stays the source.
+ * - **copies the source exactly.** The copy button writes `code` as given: no
+ *   trailing-newline trimming, no line numbers, no gutter glyphs, and the whole
+ *   block even when only part of it is rendered (`lineLimit`).
+ * - **bounds a large render.** Past `lineLimit` lines the per-line renderer and a
+ *   highlighted render show the first lines and a control to show the rest,
+ *   because tens of thousands of row elements, or a tokenizer run over all of
+ *   them, are a freeze, not a transcript. Which renderer is in use is decided
+ *   at the time, so a highlighter that loads late takes over the bound from the
+ *   per-line rows and the note below the block always describes what is drawn.
+ *   The plain renderer is a single text node and needs no limit.
+ * - **comes in a small size** (`size="sm"`) for tool output inside a Trace line.
  */
-export type CodeBlockProps = Omit<ComponentProps<'div'>, 'children'> & {
+export type CodeBlockProps = Omit<ComponentProps<'div'>, 'children' | 'onCopy'> & {
     code: string;
     /** The language, shown in the header and used as the region's label. */
     language?: string;
@@ -70,7 +98,32 @@ export type CodeBlockProps = Omit<ComponentProps<'div'>, 'children'> & {
      * any `pre` inside `highlight` output; line numbers stay on the first visual line.
      */
     wrap?: boolean;
+    /** `sm` is the compact chrome for output nested inside a Trace line. */
+    size?: 'default' | 'sm';
+    /**
+     * Marks on 1-based line numbers. Applies to the per-line renderer, which is
+     * used whenever marks or line numbers are present and no highlighter is in use,
+     * given as `highlight` or loaded by `loadHighlight`: a highlighter replaces the
+     * rows, so the marks and the gutter go with them.
+     */
+    lineMarks?: Readonly<Record<number, CodeLineMark>>;
+    /**
+     * Resolve a highlighter for the block's language. Called once the block is
+     * complete; resolving to `undefined` (or rejecting) keeps the plain rendering.
+     */
+    loadHighlight?: (language: string | undefined) => Promise<CodeHighlighter | undefined>;
+    /**
+     * Lines the per-line and the highlighted renderer show before offering the
+     * rest. Default 2000. The plain renderer is one text node and is not limited.
+     */
+    lineLimit?: number;
+    /** Called after each copy attempt with whether the clipboard accepted it. */
+    onCopy?: (ok: boolean) => void;
 };
+export type CodeLineMark = 'add' | 'remove' | 'highlight' | 'error';
+export type CodeHighlighter = (code: string) => JSX.Element;
+/** Lines the per-line renderer shows before it offers the rest. */
+export declare const CODE_BLOCK_LINE_LIMIT = 2000;
 /** The height a block must exceed before its actions are repeated. */
 export declare const TALL_CODE_BLOCK_PX = 480;
 export declare function CodeBlock(props: CodeBlockProps): JSX.Element;

package/dist/components/ui/code-block/code-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/code-block/code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,GAAG,EACT,MAAM,UAAU,CAAA;AAKjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,IAAI,EAAE,MAAM,CAAA;IACZ,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oFAAoF;IACpF,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAA;IACzC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qDAAqD;IACrD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,sEAAsE;AACtE,eAAO,MAAM,kBAAkB,MAAM,CAAA;AAkBrC,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eAqI9C;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,eAYvD"}
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/code-block/code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,cAAc,EACnB,KAAK,GAAG,EACT,MAAM,UAAU,CAAA;AAKjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,GAAG;IAChF,IAAI,EAAE,MAAM,CAAA;IACZ,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oFAAoF;IACpF,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAA;IACzC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qDAAqD;IACrD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wEAAwE;IACxE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAClD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,KAAK,OAAO,CAAC,eAAe,GAAG,SAAS,CAAC,CAAA;IACtF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAA;AACnE,MAAM,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAA;AAE3D,mEAAmE;AACnE,eAAO,MAAM,qBAAqB,OAAQ,CAAA;AAE1C,sEAAsE;AACtE,eAAO,MAAM,kBAAkB,MAAM,CAAA;AAkBrC,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eAyO9C;AAyED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,eAYvD"}