@elabs-ai/components-ai 4.1.0 → 5.0.0

package/dist/chunk-475UEU2Q.js

@@ -0,0 +1,87 @@
+"use client";
+import {
+  Shimmer
+} from "./chunk-3YPT3V7L.js";
+
+// src/suggestion.tsx
+import { Button } from "@elabs-ai/components-ui";
+import { ScrollArea, ScrollBar } from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Suggestions = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(ScrollArea, { className: "w-full overflow-x-auto whitespace-nowrap", ...props, children: [
+  /* @__PURE__ */ jsx("div", { className: cn("flex w-max flex-nowrap items-center gap-2", className), children }),
+  /* @__PURE__ */ jsx(ScrollBar, { className: "hidden", orientation: "horizontal" })
+] });
+var Suggestion = ({
+  suggestion,
+  onClick,
+  className,
+  // The soft tinted pill (#194, research 02 §3a BTN-2 / 08 §C.1): `secondary`
+  // = borderless `bg-secondary` fill; the pill shape comes from `rounded-full`
+  // below. The harsh `outline` (strong `--input` boundary) is for form-adjacent
+  // controls, not chips.
+  variant = "secondary",
+  size = "sm",
+  children,
+  ...props
+}) => {
+  const handleClick = useCallback(() => {
+    onClick?.(suggestion);
+  }, [onClick, suggestion]);
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      className: cn("cursor-pointer rounded-full px-4", className),
+      onClick: handleClick,
+      size,
+      type: "button",
+      variant,
+      ...props,
+      children: children || suggestion
+    }
+  );
+};
+var SuggestionLoading = ({
+  label = "Thinking\u2026",
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    role: "status",
+    "aria-live": "polite",
+    className: cn(
+      "inline-flex h-8 shrink-0 items-center rounded-full bg-secondary px-4 text-body",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(Shimmer, { as: "span", className: "text-secondary-foreground", children: label })
+  }
+);
+var StreamingSuggestions = ({
+  suggestions,
+  loading = false,
+  onSuggestionClick,
+  loadingLabel,
+  ...props
+}) => /* @__PURE__ */ jsxs(Suggestions, { ...props, children: [
+  suggestions.map((s) => /* @__PURE__ */ jsx(
+    Suggestion,
+    {
+      suggestion: s,
+      onClick: onSuggestionClick,
+      className: "animate-in fade-in-0 slide-in-from-bottom-1 duration-fast ease-entrance motion-reduce:animate-none"
+    },
+    s
+  )),
+  loading && /* @__PURE__ */ jsx(SuggestionLoading, { label: loadingLabel })
+] });
+
+export {
+  Suggestions,
+  Suggestion,
+  SuggestionLoading,
+  StreamingSuggestions
+};
+//# sourceMappingURL=chunk-475UEU2Q.js.map

package/dist/chunk-475UEU2Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/suggestion.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@elabs-ai/components-ui\";\nimport { ScrollArea, ScrollBar } from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport { useCallback } from \"react\";\n\nimport { Shimmer } from \"./shimmer\";\n\nexport type SuggestionsProps = ComponentProps<typeof ScrollArea>;\n\nexport const Suggestions = ({ className, children, ...props }: SuggestionsProps) => (\n  <ScrollArea className=\"w-full overflow-x-auto whitespace-nowrap\" {...props}>\n    <div className={cn(\"flex w-max flex-nowrap items-center gap-2\", className)}>{children}</div>\n    <ScrollBar className=\"hidden\" orientation=\"horizontal\" />\n  </ScrollArea>\n);\n\nexport type SuggestionProps = Omit<ComponentProps<typeof Button>, \"onClick\"> & {\n  suggestion: string;\n  onClick?: (suggestion: string) => void;\n};\n\nexport const Suggestion = ({\n  suggestion,\n  onClick,\n  className,\n  // The soft tinted pill (#194, research 02 §3a BTN-2 / 08 §C.1): `secondary`\n  // = borderless `bg-secondary` fill; the pill shape comes from `rounded-full`\n  // below. The harsh `outline` (strong `--input` boundary) is for form-adjacent\n  // controls, not chips.\n  variant = \"secondary\",\n  size = \"sm\",\n  children,\n  ...props\n}: SuggestionProps) => {\n  const handleClick = useCallback(() => {\n    onClick?.(suggestion);\n  }, [onClick, suggestion]);\n\n  return (\n    <Button\n      className={cn(\"cursor-pointer rounded-full px-4\", className)}\n      onClick={handleClick}\n      size={size}\n      type=\"button\"\n      variant={variant}\n      {...props}\n    >\n      {children || suggestion}\n    </Button>\n  );\n};\n\nexport type SuggestionLoadingProps = HTMLAttributes<HTMLDivElement> & {\n  /** Shimmering label shown while the suggestion set is still generating. */\n  label?: string;\n};\n\n/**\n * A non-interactive trailing chip that shimmers while suggestions stream in.\n * Shaped like a `Suggestion` pill; composes `Shimmer` (motion-reduce aware) and\n * announces via `role=\"status\"`. Render it after the chips while loading.\n */\nexport const SuggestionLoading = ({\n  label = \"Thinking…\",\n  className,\n  ...props\n}: SuggestionLoadingProps) => (\n  <div\n    role=\"status\"\n    aria-live=\"polite\"\n    className={cn(\n      \"inline-flex h-8 shrink-0 items-center rounded-full bg-secondary px-4 text-body\",\n      className,\n    )}\n    {...props}\n  >\n    <Shimmer as=\"span\" className=\"text-secondary-foreground\">\n      {label}\n    </Shimmer>\n  </div>\n);\n\nexport type StreamingSuggestionsProps = Omit<SuggestionsProps, \"children\"> & {\n  /** The suggestions to render. As this array grows, new chips appear in place. */\n  suggestions: string[];\n  /** While true, a shimmering trailing chip is shown until the set settles. */\n  loading?: boolean;\n  /** Click handler for a suggestion chip. */\n  onSuggestionClick?: (suggestion: string) => void;\n  /** Label for the trailing loading chip. @default \"Thinking…\" */\n  loadingLabel?: string;\n};\n\n/**\n * Suggestions that appear progressively while a generator streams. Each chip\n * fades in on mount (existing chips don't re-animate — keys are the suggestion\n * text); a shimmering trailing chip shows until `loading` flips false.\n */\nexport const StreamingSuggestions = ({\n  suggestions,\n  loading = false,\n  onSuggestionClick,\n  loadingLabel,\n  ...props\n}: StreamingSuggestionsProps) => (\n  <Suggestions {...props}>\n    {suggestions.map((s) => (\n      <Suggestion\n        key={s}\n        suggestion={s}\n        onClick={onSuggestionClick}\n        className=\"animate-in fade-in-0 slide-in-from-bottom-1 duration-fast ease-entrance motion-reduce:animate-none\"\n      />\n    ))}\n    {loading && <SuggestionLoading label={loadingLabel} />}\n  </Suggestions>\n);\n"],"mappings":";;;;;;AAEA,SAAS,cAAc;AACvB,SAAS,YAAY,iBAAiB;AACtC,SAAS,UAAU;AAEnB,SAAS,mBAAmB;AAO1B,SACE,KADF;AADK,IAAM,cAAc,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,MAC1D,qBAAC,cAAW,WAAU,4CAA4C,GAAG,OACnE;AAAA,sBAAC,SAAI,WAAW,GAAG,6CAA6C,SAAS,GAAI,UAAS;AAAA,EACtF,oBAAC,aAAU,WAAU,UAAS,aAAY,cAAa;AAAA,GACzD;AAQK,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,cAAc,YAAY,MAAM;AACpC,cAAU,UAAU;AAAA,EACtB,GAAG,CAAC,SAAS,UAAU,CAAC;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,oCAAoC,SAAS;AAAA,MAC3D,SAAS;AAAA,MACT;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH,sBAAY;AAAA;AAAA,EACf;AAEJ;AAYO,IAAM,oBAAoB,CAAC;AAAA,EAChC,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,aAAU;AAAA,IACV,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAC,WAAQ,IAAG,QAAO,WAAU,6BAC1B,iBACH;AAAA;AACF;AAmBK,IAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE,qBAAC,eAAa,GAAG,OACd;AAAA,cAAY,IAAI,CAAC,MAChB;AAAA,IAAC;AAAA;AAAA,MAEC,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,WAAU;AAAA;AAAA,IAHL;AAAA,EAIP,CACD;AAAA,EACA,WAAW,oBAAC,qBAAkB,OAAO,cAAc;AAAA,GACtD;","names":[]}

package/dist/chunk-4CBTII2I.js

@@ -0,0 +1,95 @@
+"use client";
+
+// src/chat-shell.tsx
+import { useLayoutEffect, useRef } from "react";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ChatShell({
+  children,
+  composer,
+  header,
+  aside,
+  variant = "card",
+  className
+}) {
+  const bare = variant === "bare";
+  const rootRef = useRef(null);
+  const composerRef = useRef(null);
+  const hasComposer = composer != null;
+  useLayoutEffect(() => {
+    const root = rootRef.current;
+    const node = composerRef.current;
+    if (!root) return;
+    if (!node) {
+      root.style.removeProperty("--chat-composer-inset");
+      return;
+    }
+    const sync = () => root.style.setProperty("--chat-composer-inset", `${node.getBoundingClientRect().height}px`);
+    sync();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(sync);
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [hasComposer]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: rootRef,
+      "data-slot": "chat-shell",
+      "data-variant": variant,
+      className: cn(
+        // Reading columns: the transcript (`ConversationContent`) reads a
+        // little wider than the composer beneath it. Override per app, e.g.
+        // `className="[--chat-column:var(--container-5xl)]"`.
+        "flex h-full min-h-0 w-full overflow-hidden bg-background [--chat-column:var(--container-4xl)] [--chat-composer-column:var(--container-3xl)]",
+        bare ? null : "rounded-xl border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
+          header ? /* @__PURE__ */ jsx("div", { className: cn("flex h-header shrink-0 items-center px-4", bare ? null : "border-b"), children: header }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [
+            children,
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                "aria-hidden": true,
+                className: "pointer-events-none absolute inset-x-0 top-0 z-10 h-8 bg-gradient-to-b from-background to-transparent"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                "aria-hidden": true,
+                "data-slot": "chat-shell-scrim",
+                className: "pointer-events-none absolute inset-x-0 bottom-0 z-10 bg-gradient-to-t from-background from-50% to-transparent",
+                style: { height: "calc(var(--chat-composer-inset, 0px) + 3rem)" }
+              }
+            ),
+            composer ? (
+              // The float layer passes pointer events through, so the
+              // transcript's scrollbar and the gutters beside the composer stay
+              // live; only the composer itself takes input. DOM order still puts
+              // it after the transcript (tab order follows reading order).
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ref: composerRef,
+                  "data-slot": "chat-shell-composer",
+                  className: "pointer-events-none absolute inset-x-0 bottom-0 z-20 px-4 pb-4",
+                  children: /* @__PURE__ */ jsx("div", { className: "pointer-events-auto mx-auto w-full max-w-(--chat-composer-column)", children: composer })
+                }
+              )
+            ) : null
+          ] })
+        ] }),
+        aside ? /* @__PURE__ */ jsx("div", { className: "hidden w-80 shrink-0 border-s lg:block", children: aside }) : null
+      ]
+    }
+  );
+}
+
+export {
+  ChatShell
+};
+//# sourceMappingURL=chunk-4CBTII2I.js.map

package/dist/chunk-4CBTII2I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/chat-shell.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { useLayoutEffect, useRef } from \"react\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\n\nexport interface ChatShellProps {\n  /** Scrollable transcript — typically a <Conversation>. */\n  children: ReactNode;\n  /**\n   * Floating composer — typically a <Composer> (the standard chat input). It\n   * floats, padded, over the bottom of the transcript, centred at\n   * `--chat-composer-column` (default `--container-3xl`) under a transcript\n   * column of `--chat-column` (default `--container-4xl`, read by\n   * `ConversationContent`); turns scroll up behind it and fade out.\n   */\n  composer?: ReactNode;\n  /** Optional header row (title, model picker, actions). */\n  header?: ReactNode;\n  /** Optional right-side context rail (sources, files, memory). */\n  aside?: ReactNode;\n  /**\n   * Frame treatment (the transcript/composer layout is the same in both):\n   * - `\"card\"` (default) — a self-contained rounded, bordered chat card with a\n   *   divider under the header. Use when the shell sits on a page among other\n   *   content and needs its own frame.\n   * - `\"bare\"` — an immersive pane that fills its container with NO frame and\n   *   no header divider. Use when the shell already lives inside a bounded\n   *   region (an AppShell `SidebarInset`, a full-page workspace) so it doesn't\n   *   draw a redundant second frame.\n   */\n  variant?: \"card\" | \"bare\";\n  className?: string;\n}\n\n/**\n * Layout shell for an AI chat built from the AI Elements: a header, a\n * full-height scrollable transcript (give it a <Conversation>, which is\n * `flex-1`), a composer floating over the transcript's bottom edge (a\n * <Composer>, the standard chat input), and an optional context rail. Fills\n * its parent's height.\n *\n * Two frames (`variant`): a framed `\"card\"` for in-page use, and a frameless\n * `\"bare\"` immersive pane for when the shell already sits inside a bounded\n * region and a second frame would just read as boxy.\n */\nexport function ChatShell({\n  children,\n  composer,\n  header,\n  aside,\n  variant = \"card\",\n  className,\n}: ChatShellProps) {\n  const bare = variant === \"bare\";\n  const rootRef = useRef<HTMLDivElement>(null);\n  const composerRef = useRef<HTMLDivElement>(null);\n  const hasComposer = composer != null;\n\n  // The composer floats OVER the transcript, so the transcript has to\n  // know how tall it is — `ConversationContent` pads its bottom by\n  // `--chat-composer-inset` (so the last turn scrolls clear of the composer)\n  // and `ConversationScrollButton` sits just above it. Written straight onto\n  // the root's style: no React state, no re-render per resize.\n  useLayoutEffect(() => {\n    const root = rootRef.current;\n    const node = composerRef.current;\n    if (!root) return;\n    if (!node) {\n      root.style.removeProperty(\"--chat-composer-inset\");\n      return;\n    }\n    const sync = () =>\n      root.style.setProperty(\"--chat-composer-inset\", `${node.getBoundingClientRect().height}px`);\n    sync();\n    if (typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(sync);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [hasComposer]);\n\n  return (\n    <div\n      ref={rootRef}\n      data-slot=\"chat-shell\"\n      data-variant={variant}\n      className={cn(\n        // Reading columns: the transcript (`ConversationContent`) reads a\n        // little wider than the composer beneath it. Override per app, e.g.\n        // `className=\"[--chat-column:var(--container-5xl)]\"`.\n        \"flex h-full min-h-0 w-full overflow-hidden bg-background [--chat-column:var(--container-4xl)] [--chat-composer-column:var(--container-3xl)]\",\n        bare ? null : \"rounded-xl border\",\n        className,\n      )}\n    >\n      <div className=\"flex min-h-0 min-w-0 flex-1 flex-col\">\n        {header ? (\n          <div className={cn(\"flex h-header shrink-0 items-center px-4\", bare ? null : \"border-b\")}>\n            {header}\n          </div>\n        ) : null}\n\n        {/* The transcript runs the FULL height of the pane and the composer\n            floats over its bottom edge, so turns scroll up behind the composer\n            and dissolve under the top edge instead of stopping at a hard bar.\n            The scrims are token-driven (`from-background`) so they fade to the\n            shell's own ground in every theme, and inert (`pointer-events-none`\n            + `aria-hidden`) so they never block scroll, steal a tap, or get\n            announced. */}\n        <div className=\"relative flex min-h-0 flex-1 flex-col\">\n          {children}\n          <div\n            aria-hidden\n            className=\"pointer-events-none absolute inset-x-0 top-0 z-10 h-8 bg-gradient-to-b from-background to-transparent\"\n          />\n          <div\n            aria-hidden\n            data-slot=\"chat-shell-scrim\"\n            // Solid under the composer, fading out a little above it.\n            className=\"pointer-events-none absolute inset-x-0 bottom-0 z-10 bg-gradient-to-t from-background from-50% to-transparent\"\n            style={{ height: \"calc(var(--chat-composer-inset, 0px) + 3rem)\" }}\n          />\n          {composer ? (\n            // The float layer passes pointer events through, so the\n            // transcript's scrollbar and the gutters beside the composer stay\n            // live; only the composer itself takes input. DOM order still puts\n            // it after the transcript (tab order follows reading order).\n            <div\n              ref={composerRef}\n              data-slot=\"chat-shell-composer\"\n              className=\"pointer-events-none absolute inset-x-0 bottom-0 z-20 px-4 pb-4\"\n            >\n              <div className=\"pointer-events-auto mx-auto w-full max-w-(--chat-composer-column)\">\n                {composer}\n              </div>\n            </div>\n          ) : null}\n        </div>\n      </div>\n      {aside ? <div className=\"hidden w-80 shrink-0 border-s lg:block\">{aside}</div> : null}\n    </div>\n  );\n}\n"],"mappings":";;;AAGA,SAAS,iBAAiB,cAAc;AACxC,SAAS,UAAU;AA6FT,cAYF,YAZE;AAnDH,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AACF,GAAmB;AACjB,QAAM,OAAO,YAAY;AACzB,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,cAAc,YAAY;AAOhC,kBAAgB,MAAM;AACpB,UAAM,OAAO,QAAQ;AACrB,UAAM,OAAO,YAAY;AACzB,QAAI,CAAC,KAAM;AACX,QAAI,CAAC,MAAM;AACT,WAAK,MAAM,eAAe,uBAAuB;AACjD;AAAA,IACF;AACA,UAAM,OAAO,MACX,KAAK,MAAM,YAAY,yBAAyB,GAAG,KAAK,sBAAsB,EAAE,MAAM,IAAI;AAC5F,SAAK;AACL,QAAI,OAAO,mBAAmB,YAAa;AAC3C,UAAM,WAAW,IAAI,eAAe,IAAI;AACxC,aAAS,QAAQ,IAAI;AACrB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,WAAW,CAAC;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW;AAAA;AAAA;AAAA;AAAA,QAIT;AAAA,QACA,OAAO,OAAO;AAAA,QACd;AAAA,MACF;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,wCACZ;AAAA,mBACC,oBAAC,SAAI,WAAW,GAAG,4CAA4C,OAAO,OAAO,UAAU,GACpF,kBACH,IACE;AAAA,UASJ,qBAAC,SAAI,WAAU,yCACZ;AAAA;AAAA,YACD;AAAA,cAAC;AAAA;AAAA,gBACC,eAAW;AAAA,gBACX,WAAU;AAAA;AAAA,YACZ;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAW;AAAA,gBACX,aAAU;AAAA,gBAEV,WAAU;AAAA,gBACV,OAAO,EAAE,QAAQ,+CAA+C;AAAA;AAAA,YAClE;AAAA,YACC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKC;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK;AAAA,kBACL,aAAU;AAAA,kBACV,WAAU;AAAA,kBAEV,8BAAC,SAAI,WAAU,qEACZ,oBACH;AAAA;AAAA,cACF;AAAA,gBACE;AAAA,aACN;AAAA,WACF;AAAA,QACC,QAAQ,oBAAC,SAAI,WAAU,0CAA0C,iBAAM,IAAS;AAAA;AAAA;AAAA,EACnF;AAEJ;","names":[]}

package/dist/chunk-4XRNIZMG.js

@@ -0,0 +1,22 @@
+"use client";
+
+// src/a2ui/core/spec.ts
+var A2UI_VERSION = "1";
+var A2UI_COMMON_PROPS = {
+  id: { type: "string" },
+  title: { type: "string" },
+  role: { type: "string" },
+  hidden: { type: "boolean" },
+  lang: { type: "string" },
+  dir: { type: "string", enum: ["ltr", "rtl", "auto"] },
+  "aria-label": { type: "string" },
+  "aria-labelledby": { type: "string" },
+  "aria-describedby": { type: "string" },
+  "aria-hidden": { type: "boolean" }
+};
+
+export {
+  A2UI_VERSION,
+  A2UI_COMMON_PROPS
+};
+//# sourceMappingURL=chunk-4XRNIZMG.js.map

package/dist/chunk-4XRNIZMG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/a2ui/core/spec.ts"],"sourcesContent":["/**\n * spec.ts — the A2UI surface protocol (D2, the generative-UI path: \"the agent\n * describes a screen as DATA, validated against a catalog\").\n *\n * An `A2uiSurface` is plain JSON an agent emits — a tree of catalog nodes. It is\n * NOT JSX (that is `JSXPreview`, the escape hatch) and it carries no code: every\n * `type` must exist in the catalog, every prop is checked against that type's\n * schema, and interaction is a named `on` binding the HOST app resolves\n * (`onAction`). brand-ui renders the tree; the app owns the model call and what\n * an action means (D5).\n *\n * Engine-free on purpose (no React import): `validateA2uiSurface` runs in the\n * browser, in Node, and — bundled by `pnpm gen` — inside the dependency-free\n * `brand-ui a2ui` CLI, so the CLI and `@elabs-ai/components-ai` can never\n * disagree about what a valid surface is.\n */\n\n/** Protocol version this module understands (`\"a2ui\": \"1\"` on the root). */\nexport const A2UI_VERSION = \"1\";\n\n/**\n * A JSON value an agent may place in a prop. The `object` arm is there for\n * authoring: an app hands typed records (an interface for a KPI, a chart row) to\n * a spec literal without an index-signature cast; the runtime validator, not the\n * type, is what decides whether a value is acceptable.\n */\nexport type A2uiJson =\n  | string\n  | number\n  | boolean\n  | null\n  | undefined\n  | readonly A2uiJson[]\n  | { readonly [key: string]: A2uiJson }\n  | object;\n\n/**\n * A node's prop value: a JSON value, or — for props the catalog types as `node`\n * (`title`, `description`, `actions`, …) — a nested node or list of nodes.\n */\nexport type A2uiPropValue = A2uiJson | A2uiNode | A2uiNode[];\n\n/** What a bound event sends to the host: a NAME (the app's verb) and a payload. */\nexport interface A2uiAction {\n  /** The host-side verb, e.g. `\"approve\"`, `\"open-order\"`. Never a code string. */\n  name: string;\n  /** Free JSON the agent attaches (an id, a row, a form draft). */\n  payload?: A2uiJson;\n}\n\n/** An element node. Text nodes are plain strings inside `children`. */\nexport interface A2uiElement {\n  /** A catalog type — `\"Card\"`, `\"Button\"`, `\"Stack\"`, … Unknown types are errors. */\n  type: string;\n  /** Optional stable id (→ `data-a2ui-id`), useful for the host to address a node. */\n  id?: string;\n  /** Props checked against the catalog entry's schema. */\n  props?: Record<string, A2uiPropValue>;\n  /** Child nodes — only for catalog types that accept children. */\n  children?: A2uiNode[];\n  /**\n   * Event bindings by the catalog's event vocabulary (`click`, `change`, …) →\n   * the action the host receives. The renderer wires the React handler.\n   */\n  on?: Record<string, A2uiAction>;\n}\n\nexport type A2uiNode = string | A2uiElement;\n\n/** The document an agent emits (the whole tool-call result / message part). */\nexport interface A2uiSurfaceSpec {\n  /** Protocol version — currently always `\"1\"`. */\n  a2ui: string;\n  /** Optional accessible name for the surface region. */\n  title?: string;\n  /** The root node — usually a `Stack`, `Grid` or `Card`. */\n  root: A2uiNode;\n}\n\n/** The value shape of one prop in a catalog entry. */\nexport type A2uiPropType = \"string\" | \"number\" | \"boolean\" | \"node\" | \"array\" | \"object\" | \"any\";\n\nexport interface A2uiPropSchema {\n  type: A2uiPropType;\n  /** Closed set of allowed values (strings or numbers); `type` is then informational. */\n  enum?: (string | number)[];\n  required?: boolean;\n  default?: A2uiJson;\n  description?: string;\n}\n\n/** One catalog type — what an agent may emit for it. */\nexport interface A2uiCatalogTypeSchema {\n  /** Drawn by the renderer itself (`Stack`, `Grid`), not a library component. */\n  builtin?: boolean;\n  /** May carry `children`. */\n  children: boolean;\n  /** One line for the agent (rendered by `brand-ui a2ui catalog`). */\n  summary?: string;\n  /** Prop name → schema. Anything not listed (and not in `A2UI_COMMON_PROPS`) is an error. */\n  props: Record<string, A2uiPropSchema>;\n  /** Event vocabulary → React handler prop (`click` → `onClick`). */\n  events: Record<string, string>;\n  /** Where the component comes from (`@elabs-ai/components-ui`) or `\"builtin\"`. */\n  source: string;\n}\n\nexport type A2uiCatalogSchema = Record<string, A2uiCatalogTypeSchema>;\n\n/**\n * Props every non-builtin element accepts on top of its own schema: the DOM\n * attributes that are safe for an agent to set. Deliberately NO `className` or\n * `style` — a surface inherits the app's theme and tokens; it never restyles.\n */\nexport const A2UI_COMMON_PROPS: Record<string, A2uiPropSchema> = {\n  id: { type: \"string\" },\n  title: { type: \"string\" },\n  role: { type: \"string\" },\n  hidden: { type: \"boolean\" },\n  lang: { type: \"string\" },\n  dir: { type: \"string\", enum: [\"ltr\", \"rtl\", \"auto\"] },\n  \"aria-label\": { type: \"string\" },\n  \"aria-labelledby\": { type: \"string\" },\n  \"aria-describedby\": { type: \"string\" },\n  \"aria-hidden\": { type: \"boolean\" },\n};\n\n/** Machine-readable problem codes from `validateA2uiSurface`. */\nexport type A2uiErrorCode =\n  | \"invalid-root\"\n  | \"unsupported-version\"\n  | \"invalid-node\"\n  | \"unknown-type\"\n  | \"unknown-prop\"\n  | \"missing-prop\"\n  | \"invalid-value\"\n  | \"children-not-allowed\"\n  | \"unknown-event\"\n  | \"invalid-action\";\n\nexport interface A2uiError {\n  /** JSON-pointer-ish path: `root.children[2].props.variant`. */\n  path: string;\n  /** The path of the NODE that owns the problem (`root.children[2]`) — what a streaming renderer prunes. */\n  node: string;\n  code: A2uiErrorCode;\n  message: string;\n}\n"],"mappings":";;;AAkBO,IAAM,eAAe;AAgGrB,IAAM,oBAAoD;AAAA,EAC/D,IAAI,EAAE,MAAM,SAAS;AAAA,EACrB,OAAO,EAAE,MAAM,SAAS;AAAA,EACxB,MAAM,EAAE,MAAM,SAAS;AAAA,EACvB,QAAQ,EAAE,MAAM,UAAU;AAAA,EAC1B,MAAM,EAAE,MAAM,SAAS;AAAA,EACvB,KAAK,EAAE,MAAM,UAAU,MAAM,CAAC,OAAO,OAAO,MAAM,EAAE;AAAA,EACpD,cAAc,EAAE,MAAM,SAAS;AAAA,EAC/B,mBAAmB,EAAE,MAAM,SAAS;AAAA,EACpC,oBAAoB,EAAE,MAAM,SAAS;AAAA,EACrC,eAAe,EAAE,MAAM,UAAU;AACnC;","names":[]}

package/dist/chunk-5NNWUKK5.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-5NNWUKK5.js.map

package/dist/chunk-5NNWUKK5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-5UOMU27Z.js

@@ -0,0 +1,164 @@
+"use client";
+
+// src/session-header.tsx
+import { forwardRef } from "react";
+import { Folder, Sparkles } from "lucide-react";
+import { BrandLogo } from "@elabs-ai/components-icons";
+import {
+  Button,
+  cn,
+  Heading,
+  Kbd,
+  useLocale
+} from "@elabs-ai/components-ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SessionHeader = forwardRef(function SessionHeader2({
+  title,
+  model,
+  workspace,
+  version,
+  capabilities,
+  whatsNew,
+  quickActions,
+  level = 2,
+  className,
+  ...props
+}, ref) {
+  const { t } = useLocale();
+  const hasMeta = model != null || version != null;
+  const hasIdentity = title != null || hasMeta || workspace != null;
+  const hasCapabilities = (capabilities?.length ?? 0) > 0;
+  const hasWhatsNew = (whatsNew?.length ?? 0) > 0;
+  const hasQuickActions = (quickActions?.length ?? 0) > 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "session-header",
+      className: cn(
+        "min-w-0 rounded-xl border bg-card p-5 text-card-foreground shadow-xs",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-4", children: [
+        hasIdentity ? /* @__PURE__ */ jsxs("div", { "data-slot": "session-header-identity", className: "flex min-w-0 flex-col gap-1", children: [
+          title != null ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "shrink-0", children: /* @__PURE__ */ jsx(BrandLogo, { variant: "mark", height: 24, title }) }),
+            /* @__PURE__ */ jsx(
+              Heading,
+              {
+                "data-slot": "session-header-title",
+                level,
+                size: "subtitle",
+                className: "min-w-0 truncate",
+                children: title
+              }
+            )
+          ] }) : null,
+          hasMeta ? /* @__PURE__ */ jsxs(
+            "p",
+            {
+              "data-slot": "session-header-meta",
+              className: "min-w-0 truncate text-meta text-muted-foreground",
+              children: [
+                model,
+                model != null && version != null ? " \xB7 " : null,
+                version
+              ]
+            }
+          ) : null,
+          workspace != null ? /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "session-header-workspace",
+              className: "flex min-w-0 items-center gap-1.5 text-body text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsx(Folder, { "aria-hidden": "true", className: "size-3.5 shrink-0" }),
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: workspace })
+              ]
+            }
+          ) : null
+        ] }) : null,
+        hasCapabilities ? /* @__PURE__ */ jsxs("div", { "data-slot": "session-header-capabilities", className: "flex min-w-0 flex-col gap-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-meta font-medium text-muted-foreground", children: t("ai.sessionHeader.capabilities") }),
+          /* @__PURE__ */ jsx("ul", { className: "flex min-w-0 flex-col gap-2", children: capabilities?.map((capability) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              "data-slot": "session-header-capability",
+              className: "flex min-w-0 items-start gap-2",
+              children: [
+                capability.icon != null ? /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "mt-0.5 shrink-0 text-muted-foreground [&_svg]:size-4",
+                    children: capability.icon
+                  }
+                ) : null,
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx("p", { className: "min-w-0 truncate text-body text-foreground", children: capability.label }),
+                  capability.description != null ? /* @__PURE__ */ jsx("p", { className: "min-w-0 truncate text-meta text-muted-foreground", children: capability.description }) : null
+                ] })
+              ]
+            },
+            capability.label
+          )) })
+        ] }) : null,
+        hasWhatsNew ? /* @__PURE__ */ jsxs("div", { "data-slot": "session-header-whats-new", className: "flex min-w-0 flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-meta font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Sparkles, { "aria-hidden": "true", className: "size-3.5 shrink-0" }),
+            t("ai.sessionHeader.whatsNew")
+          ] }),
+          /* @__PURE__ */ jsx("ul", { className: "flex min-w-0 flex-col gap-1", children: whatsNew?.map((item) => /* @__PURE__ */ jsx(
+            "li",
+            {
+              "data-slot": "session-header-whats-new-item",
+              className: "min-w-0 truncate text-body",
+              children: item.href != null ? /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: item.href,
+                  className: "text-link underline-offset-4 hover:underline focus-ring",
+                  children: item.label
+                }
+              ) : /* @__PURE__ */ jsx("span", { className: "text-foreground", children: item.label })
+            },
+            item.label
+          )) })
+        ] }) : null,
+        hasQuickActions ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "session-header-quick-actions",
+            role: "group",
+            "aria-label": t("ai.sessionHeader.quickActions"),
+            className: "flex min-w-0 flex-wrap gap-2",
+            children: quickActions?.map((action) => /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                "data-slot": "session-header-quick-action",
+                variant: "outline",
+                size: "sm",
+                onClick: action.onSelect,
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: action.label }),
+                  action.keyHint != null ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    " ",
+                    /* @__PURE__ */ jsx(Kbd, { children: action.keyHint })
+                  ] }) : null
+                ]
+              },
+              action.label
+            ))
+          }
+        ) : null
+      ] })
+    }
+  );
+});
+
+export {
+  SessionHeader
+};
+//# sourceMappingURL=chunk-5UOMU27Z.js.map

package/dist/chunk-5UOMU27Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/session-header.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { forwardRef } from \"react\";\nimport { Folder, Sparkles } from \"lucide-react\";\nimport { BrandLogo } from \"@elabs-ai/components-icons\";\nimport {\n  Button,\n  cn,\n  Heading,\n  Kbd,\n  useLocale,\n  type HeadingLevel,\n  type SessionCapability,\n  type SessionQuickAction,\n  type SessionWhatsNewItem,\n} from \"@elabs-ai/components-ui\";\n\n// `SessionCapability`, `SessionWhatsNewItem` and `SessionQuickAction` moved\n// to `@elabs-ai/components-ui` (`lib/session-launch.ts`) — the terminal CLI\n// look-alike family's own session header (issue #117) reuses the same\n// vocabulary shape, and `@elabs-ai/components-ai`/\n// `@elabs-ai/components-terminal` are layer-2 DAG siblings that may not\n// import each other (T0; see\n// docs/decisions/2026-09-01-brainless-adoption-architecture.md § 4). Imported\n// above; NOT re-exported from here — a consumer imports these from\n// `@elabs-ai/components-ui`.\n\nexport interface SessionHeaderProps extends ComponentProps<\"div\"> {\n  /**\n   * Session/agent name, e.g. \"Codex\". Anchors the card — every other section\n   * is independently optional and renders nothing when omitted.\n   */\n  title?: string;\n  /** Active model, e.g. \"gpt-5.1-codex\". */\n  model?: string;\n  /** Working directory / project path. Truncates instead of overflowing. */\n  workspace?: string;\n  /** Build/version string, e.g. \"v2.4.0\". */\n  version?: string;\n  /** What this session can reach. */\n  capabilities?: SessionCapability[];\n  /** Recent changes, shown as a short list. */\n  whatsNew?: SessionWhatsNewItem[];\n  /** Shortcut actions, rendered as real buttons with optional shortcut hints. */\n  quickActions?: SessionQuickAction[];\n  /**\n   * Semantic heading level for `title`. Default `2` (a session header\n   * typically sits above a `ChatGreeting`'s level-1 headline, or inside a\n   * page that already owns its own `<h1>`).\n   */\n  level?: HeadingLevel;\n}\n\n/**\n * SessionHeader — the launch card for an empty agent session: model,\n * workspace, version, capabilities, what's new, and quick actions with\n * shortcut hints. Pair it above `ChatGreeting` (or inside `ChatShell`'s\n * `header` slot) for the standard first-run agent session state.\n *\n * Distinct from `ChatGreeting`, which is the centered display-scale greeting\n * for a general assistant chat — `SessionHeader` answers different questions\n * (what workspace am I in, what model, what can this thing reach, what\n * changed) that a greeting has no home for.\n *\n * **Every section is independently optional.** With only `title` supplied,\n * the card renders the identity row alone — no empty section scaffolding,\n * no stray separators.\n */\nexport const SessionHeader = forwardRef<HTMLDivElement, SessionHeaderProps>(function SessionHeader(\n  {\n    title,\n    model,\n    workspace,\n    version,\n    capabilities,\n    whatsNew,\n    quickActions,\n    level = 2,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const { t } = useLocale();\n  const hasMeta = model != null || version != null;\n  const hasIdentity = title != null || hasMeta || workspace != null;\n  const hasCapabilities = (capabilities?.length ?? 0) > 0;\n  const hasWhatsNew = (whatsNew?.length ?? 0) > 0;\n  const hasQuickActions = (quickActions?.length ?? 0) > 0;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"session-header\"\n      className={cn(\n        \"min-w-0 rounded-xl border bg-card p-5 text-card-foreground shadow-xs\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex min-w-0 flex-col gap-4\">\n        {hasIdentity ? (\n          <div data-slot=\"session-header-identity\" className=\"flex min-w-0 flex-col gap-1\">\n            {title != null ? (\n              <div className=\"flex min-w-0 items-center gap-2\">\n                {/* Decorative — the visible Heading already carries the\n                    accessible name, so the mark is hidden from AT rather than\n                    announced a second time via BrandLogo's own `role=\"img\"`. */}\n                <span aria-hidden=\"true\" className=\"shrink-0\">\n                  <BrandLogo variant=\"mark\" height={24} title={title} />\n                </span>\n                <Heading\n                  data-slot=\"session-header-title\"\n                  level={level}\n                  size=\"subtitle\"\n                  className=\"min-w-0 truncate\"\n                >\n                  {title}\n                </Heading>\n              </div>\n            ) : null}\n\n            {hasMeta ? (\n              <p\n                data-slot=\"session-header-meta\"\n                className=\"min-w-0 truncate text-meta text-muted-foreground\"\n              >\n                {model}\n                {model != null && version != null ? \" · \" : null}\n                {version}\n              </p>\n            ) : null}\n\n            {workspace != null ? (\n              <div\n                data-slot=\"session-header-workspace\"\n                className=\"flex min-w-0 items-center gap-1.5 text-body text-muted-foreground\"\n              >\n                <Folder aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n                <span className=\"min-w-0 flex-1 truncate\">{workspace}</span>\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n\n        {hasCapabilities ? (\n          <div data-slot=\"session-header-capabilities\" className=\"flex min-w-0 flex-col gap-2\">\n            <p className=\"text-meta font-medium text-muted-foreground\">\n              {t(\"ai.sessionHeader.capabilities\")}\n            </p>\n            <ul className=\"flex min-w-0 flex-col gap-2\">\n              {capabilities?.map((capability) => (\n                <li\n                  key={capability.label}\n                  data-slot=\"session-header-capability\"\n                  className=\"flex min-w-0 items-start gap-2\"\n                >\n                  {capability.icon != null ? (\n                    <span\n                      aria-hidden=\"true\"\n                      className=\"mt-0.5 shrink-0 text-muted-foreground [&_svg]:size-4\"\n                    >\n                      {capability.icon}\n                    </span>\n                  ) : null}\n                  <div className=\"min-w-0\">\n                    <p className=\"min-w-0 truncate text-body text-foreground\">{capability.label}</p>\n                    {capability.description != null ? (\n                      <p className=\"min-w-0 truncate text-meta text-muted-foreground\">\n                        {capability.description}\n                      </p>\n                    ) : null}\n                  </div>\n                </li>\n              ))}\n            </ul>\n          </div>\n        ) : null}\n\n        {hasWhatsNew ? (\n          <div data-slot=\"session-header-whats-new\" className=\"flex min-w-0 flex-col gap-2\">\n            <p className=\"flex items-center gap-1.5 text-meta font-medium text-muted-foreground\">\n              <Sparkles aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n              {t(\"ai.sessionHeader.whatsNew\")}\n            </p>\n            <ul className=\"flex min-w-0 flex-col gap-1\">\n              {whatsNew?.map((item) => (\n                <li\n                  key={item.label}\n                  data-slot=\"session-header-whats-new-item\"\n                  className=\"min-w-0 truncate text-body\"\n                >\n                  {item.href != null ? (\n                    <a\n                      href={item.href}\n                      className=\"text-link underline-offset-4 hover:underline focus-ring\"\n                    >\n                      {item.label}\n                    </a>\n                  ) : (\n                    <span className=\"text-foreground\">{item.label}</span>\n                  )}\n                </li>\n              ))}\n            </ul>\n          </div>\n        ) : null}\n\n        {hasQuickActions ? (\n          <div\n            data-slot=\"session-header-quick-actions\"\n            role=\"group\"\n            aria-label={t(\"ai.sessionHeader.quickActions\")}\n            className=\"flex min-w-0 flex-wrap gap-2\"\n          >\n            {quickActions?.map((action) => (\n              <Button\n                key={action.label}\n                type=\"button\"\n                data-slot=\"session-header-quick-action\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={action.onSelect}\n              >\n                <span>{action.label}</span>\n                {/* An explicit space text node (not just flex `gap-2`) keeps\n                    \"New chat\"/\"⌘N\" apart in the button's computed accessible\n                    name, not only its visual layout. */}\n                {action.keyHint != null ? (\n                  <>\n                    {\" \"}\n                    <Kbd>{action.keyHint}</Kbd>\n                  </>\n                ) : null}\n              </Button>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;AAGA,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,gBAAgB;AACjC,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAKK;AAyFO,SA6HI,UAxHA,KALJ;AApCP,IAAM,gBAAgB,WAA+C,SAASA,eACnF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,QAAM,UAAU,SAAS,QAAQ,WAAW;AAC5C,QAAM,cAAc,SAAS,QAAQ,WAAW,aAAa;AAC7D,QAAM,mBAAmB,cAAc,UAAU,KAAK;AACtD,QAAM,eAAe,UAAU,UAAU,KAAK;AAC9C,QAAM,mBAAmB,cAAc,UAAU,KAAK;AAEtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,+BAAC,SAAI,WAAU,+BACZ;AAAA,sBACC,qBAAC,SAAI,aAAU,2BAA0B,WAAU,+BAChD;AAAA,mBAAS,OACR,qBAAC,SAAI,WAAU,mCAIb;AAAA,gCAAC,UAAK,eAAY,QAAO,WAAU,YACjC,8BAAC,aAAU,SAAQ,QAAO,QAAQ,IAAI,OAAc,GACtD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV;AAAA,gBACA,MAAK;AAAA,gBACL,WAAU;AAAA,gBAET;AAAA;AAAA,YACH;AAAA,aACF,IACE;AAAA,UAEH,UACC;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAET;AAAA;AAAA,gBACA,SAAS,QAAQ,WAAW,OAAO,WAAQ;AAAA,gBAC3C;AAAA;AAAA;AAAA,UACH,IACE;AAAA,UAEH,aAAa,OACZ;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAEV;AAAA,oCAAC,UAAO,eAAY,QAAO,WAAU,qBAAoB;AAAA,gBACzD,oBAAC,UAAK,WAAU,2BAA2B,qBAAU;AAAA;AAAA;AAAA,UACvD,IACE;AAAA,WACN,IACE;AAAA,QAEH,kBACC,qBAAC,SAAI,aAAU,+BAA8B,WAAU,+BACrD;AAAA,8BAAC,OAAE,WAAU,+CACV,YAAE,+BAA+B,GACpC;AAAA,UACA,oBAAC,QAAG,WAAU,+BACX,wBAAc,IAAI,CAAC,eAClB;AAAA,YAAC;AAAA;AAAA,cAEC,aAAU;AAAA,cACV,WAAU;AAAA,cAET;AAAA,2BAAW,QAAQ,OAClB;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAY;AAAA,oBACZ,WAAU;AAAA,oBAET,qBAAW;AAAA;AAAA,gBACd,IACE;AAAA,gBACJ,qBAAC,SAAI,WAAU,WACb;AAAA,sCAAC,OAAE,WAAU,8CAA8C,qBAAW,OAAM;AAAA,kBAC3E,WAAW,eAAe,OACzB,oBAAC,OAAE,WAAU,oDACV,qBAAW,aACd,IACE;AAAA,mBACN;AAAA;AAAA;AAAA,YAnBK,WAAW;AAAA,UAoBlB,CACD,GACH;AAAA,WACF,IACE;AAAA,QAEH,cACC,qBAAC,SAAI,aAAU,4BAA2B,WAAU,+BAClD;AAAA,+BAAC,OAAE,WAAU,yEACX;AAAA,gCAAC,YAAS,eAAY,QAAO,WAAU,qBAAoB;AAAA,YAC1D,EAAE,2BAA2B;AAAA,aAChC;AAAA,UACA,oBAAC,QAAG,WAAU,+BACX,oBAAU,IAAI,CAAC,SACd;AAAA,YAAC;AAAA;AAAA,cAEC,aAAU;AAAA,cACV,WAAU;AAAA,cAET,eAAK,QAAQ,OACZ;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,KAAK;AAAA,kBACX,WAAU;AAAA,kBAET,eAAK;AAAA;AAAA,cACR,IAEA,oBAAC,UAAK,WAAU,mBAAmB,eAAK,OAAM;AAAA;AAAA,YAZ3C,KAAK;AAAA,UAcZ,CACD,GACH;AAAA,WACF,IACE;AAAA,QAEH,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,MAAK;AAAA,YACL,cAAY,EAAE,+BAA+B;AAAA,YAC7C,WAAU;AAAA,YAET,wBAAc,IAAI,CAAC,WAClB;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,aAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS,OAAO;AAAA,gBAEhB;AAAA,sCAAC,UAAM,iBAAO,OAAM;AAAA,kBAInB,OAAO,WAAW,OACjB,iCACG;AAAA;AAAA,oBACD,oBAAC,OAAK,iBAAO,SAAQ;AAAA,qBACvB,IACE;AAAA;AAAA;AAAA,cAhBC,OAAO;AAAA,YAiBd,CACD;AAAA;AAAA,QACH,IACE;AAAA,SACN;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["SessionHeader"]}