@agentskit/chat-solid 0.1.0

package/dist/index.js

@@ -0,0 +1,835 @@
+// src/index.tsx
+import { template as _$template2 } from "solid-js/web";
+import { delegateEvents as _$delegateEvents2 } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
+import { style as _$style } from "solid-js/web";
+import { addEventListener as _$addEventListener } from "solid-js/web";
+import { setAttribute as _$setAttribute2 } from "solid-js/web";
+import { effect as _$effect2 } from "solid-js/web";
+import { insert as _$insert2 } from "solid-js/web";
+import { createComponent as _$createComponent2 } from "solid-js/web";
+import { memo as _$memo2 } from "solid-js/web";
+import { formatSemanticFallback, getLifecycleTargets, presentChatMessage, resolveChatSession, resolveChatTheme, resolveChoiceAction, resolveChoiceListFrame, resolveComponentFrame as resolveComponentFrame2, selectChoice } from "@agentskit/chat";
+import { ChatContainer, InputBar, Message, ThinkingIndicator, ToolConfirmation, useChat } from "@agentskit/solid";
+import { For as For2, Show as Show2, createEffect, createMemo, createSignal as createSignal2, on, untrack } from "solid-js";
+
+// src/StandardComponent.tsx
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ApprovalRequestPropsSchema, ButtonGroupPropsSchema, ConfirmationPropsSchema, ErrorNoticePropsSchema, FileAttachmentPropsSchema, FormPropsSchema, LinkCardPropsSchema, ProgressPropsSchema, SourceListPropsSchema, TablePropsSchema, ToolCallPropsSchema, createComponentInteraction, resolveComponentFallback, resolveComponentFrame } from "@agentskit/chat";
+import { createSignal, For, Show } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ _$template(`<form data-ak-component=form><button type=submit>`);
+var _tmpl$2 = /* @__PURE__ */ _$template(`<h3>`);
+var _tmpl$3 = /* @__PURE__ */ _$template(`<label>`);
+var _tmpl$4 = /* @__PURE__ */ _$template(`<select><option value disabled>Select\u2026`);
+var _tmpl$5 = /* @__PURE__ */ _$template(`<option>`);
+var _tmpl$6 = /* @__PURE__ */ _$template(`<input>`);
+var _tmpl$7 = /* @__PURE__ */ _$template(`<fieldset><legend>`);
+var _tmpl$8 = /* @__PURE__ */ _$template(`<button type=button>`);
+var _tmpl$9 = /* @__PURE__ */ _$template(`<section><h3></h3><p></p><button></button><button>`);
+var _tmpl$0 = /* @__PURE__ */ _$template(`<div><label><progress max=100>`);
+var _tmpl$1 = /* @__PURE__ */ _$template(`<p>`);
+var _tmpl$10 = /* @__PURE__ */ _$template(`<section><h3></h3><ul>`);
+var _tmpl$11 = /* @__PURE__ */ _$template(`<li>`);
+var _tmpl$12 = /* @__PURE__ */ _$template(`<a>`);
+var _tmpl$13 = /* @__PURE__ */ _$template(`<a><strong></strong><span></span><span>`);
+var _tmpl$14 = /* @__PURE__ */ _$template(`<section role=alert><strong></strong><p></p><code>`);
+var _tmpl$15 = /* @__PURE__ */ _$template(`<button>`);
+var _tmpl$16 = /* @__PURE__ */ _$template(`<section role=status><strong></strong><span></span><pre></pre><pre>`);
+var _tmpl$17 = /* @__PURE__ */ _$template(`<table><caption></caption><thead><tr></tr></thead><tbody>`);
+var _tmpl$18 = /* @__PURE__ */ _$template(`<th scope=col>`);
+var _tmpl$19 = /* @__PURE__ */ _$template(`<tr>`);
+var _tmpl$20 = /* @__PURE__ */ _$template(`<td>`);
+var _tmpl$21 = /* @__PURE__ */ _$template(`<article><strong></strong><span></span><span>`);
+var _tmpl$22 = /* @__PURE__ */ _$template(`<a>Open`);
+var _tmpl$23 = /* @__PURE__ */ _$template(`<p data-ak-component-fallback>`);
+var StandardForm = (props) => {
+  const item = FormPropsSchema.parse(props.frame.props);
+  const [values, setValues] = createSignal({});
+  return (() => {
+    var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+    _el$.addEventListener("submit", (event) => {
+      event.preventDefault();
+      props.onInteract(createComponentInteraction(props.frame, props.manifest, "submit", values()));
+    });
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return item.title;
+      },
+      children: (title) => (() => {
+        var _el$3 = _tmpl$2();
+        _$insert(_el$3, title);
+        return _el$3;
+      })()
+    }), _el$2);
+    _$insert(_el$, _$createComponent(For, {
+      get each() {
+        return item.fields;
+      },
+      children: (field) => (() => {
+        var _el$4 = _tmpl$3();
+        _$insert(_el$4, () => field.label, null);
+        _$insert(_el$4, (() => {
+          var _c$ = _$memo(() => field.type === "select");
+          return () => _c$() ? (() => {
+            var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild;
+            _el$5.$$input = (event) => setValues((current) => ({
+              ...current,
+              [field.id]: event.currentTarget.value
+            }));
+            _$insert(_el$5, _$createComponent(For, {
+              get each() {
+                return field.options;
+              },
+              children: (option) => (() => {
+                var _el$7 = _tmpl$5();
+                _$insert(_el$7, () => option.label);
+                _$effect(() => _el$7.value = option.id);
+                return _el$7;
+              })()
+            }), null);
+            _$effect((_p$) => {
+              var _v$3 = field.required, _v$4 = props.disabled;
+              _v$3 !== _p$.e && (_el$5.required = _p$.e = _v$3);
+              _v$4 !== _p$.t && (_el$5.disabled = _p$.t = _v$4);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0
+            });
+            _$effect(() => _el$5.value = String(values()[field.id] ?? ""));
+            return _el$5;
+          })() : (() => {
+            var _el$8 = _tmpl$6();
+            _el$8.$$input = (event) => setValues((current) => ({
+              ...current,
+              [field.id]: field.type === "checkbox" ? event.currentTarget.checked : event.currentTarget.value
+            }));
+            _$effect((_p$) => {
+              var _v$5 = field.type, _v$6 = field.required, _v$7 = props.disabled, _v$8 = field.placeholder;
+              _v$5 !== _p$.e && _$setAttribute(_el$8, "type", _p$.e = _v$5);
+              _v$6 !== _p$.t && (_el$8.required = _p$.t = _v$6);
+              _v$7 !== _p$.a && (_el$8.disabled = _p$.a = _v$7);
+              _v$8 !== _p$.o && _$setAttribute(_el$8, "placeholder", _p$.o = _v$8);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0,
+              o: void 0
+            });
+            return _el$8;
+          })();
+        })(), null);
+        return _el$4;
+      })()
+    }), _el$2);
+    _$insert(_el$2, () => item.submitLabel);
+    _$effect((_p$) => {
+      var _v$ = item.title ?? "Form", _v$2 = props.disabled;
+      _v$ !== _p$.e && _$setAttribute(_el$, "aria-label", _p$.e = _v$);
+      _v$2 !== _p$.t && (_el$2.disabled = _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$;
+  })();
+};
+var StandardComponent = (props) => {
+  if (!resolveComponentFrame(props.frame, props.manifest).ok || props.frame.componentKey === "choice-list") return null;
+  const emit = (event, value) => props.onInteract(createComponentInteraction(props.frame, props.manifest, event, value));
+  const key = props.frame.componentKey;
+  if (key === "button-group") {
+    const item = ButtonGroupPropsSchema.parse(props.frame.props);
+    return (() => {
+      var _el$9 = _tmpl$7(), _el$0 = _el$9.firstChild;
+      _$setAttribute(_el$9, "data-ak-component", key);
+      _$insert(_el$0, () => item.label);
+      _$insert(_el$9, _$createComponent(For, {
+        get each() {
+          return item.buttons;
+        },
+        children: (button) => (() => {
+          var _el$1 = _tmpl$8();
+          _el$1.$$click = () => emit("select", button.id);
+          _$insert(_el$1, () => button.label);
+          _$effect(() => _el$1.disabled = props.disabled || button.disabled);
+          return _el$1;
+        })()
+      }), null);
+      _$effect(() => _$setAttribute(_el$9, "aria-label", item.label));
+      return _el$9;
+    })();
+  }
+  if (key === "form") return _$createComponent(StandardForm, props);
+  if (key === "confirmation") {
+    const item = ConfirmationPropsSchema.parse(props.frame.props);
+    return (() => {
+      var _el$10 = _tmpl$9(), _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.nextSibling, _el$14 = _el$13.nextSibling;
+      _$setAttribute(_el$10, "data-ak-component", key);
+      _$insert(_el$11, () => item.title);
+      _$insert(_el$12, () => item.message);
+      _el$13.$$click = () => emit("confirm");
+      _$insert(_el$13, () => item.confirmLabel);
+      _el$14.$$click = () => emit("cancel");
+      _$insert(_el$14, () => item.cancelLabel);
+      _$effect((_p$) => {
+        var _v$9 = item.title, _v$0 = props.disabled, _v$1 = props.disabled;
+        _v$9 !== _p$.e && _$setAttribute(_el$10, "aria-label", _p$.e = _v$9);
+        _v$0 !== _p$.t && (_el$13.disabled = _p$.t = _v$0);
+        _v$1 !== _p$.a && (_el$14.disabled = _p$.a = _v$1);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0
+      });
+      return _el$10;
+    })();
+  }
+  if (key === "progress") {
+    const item = ProgressPropsSchema.parse(props.frame.props);
+    return (() => {
+      var _el$15 = _tmpl$0(), _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild;
+      _$setAttribute(_el$15, "data-ak-component", key);
+      _$insert(_el$16, () => item.label, _el$17);
+      _$insert(_el$15, _$createComponent(Show, {
+        get when() {
+          return item.status;
+        },
+        children: (status) => (() => {
+          var _el$18 = _tmpl$1();
+          _$insert(_el$18, status);
+          return _el$18;
+        })()
+      }), null);
+      _$effect(() => _el$17.value = item.value);
+      return _el$15;
+    })();
+  }
+  if (key === "source-list") {
+    const item = SourceListPropsSchema.parse(props.frame.props);
+    return (() => {
+      var _el$19 = _tmpl$10(), _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
+      _$setAttribute(_el$19, "data-ak-component", key);
+      _$insert(_el$20, () => item.label);
+      _$insert(_el$21, _$createComponent(For, {
+        get each() {
+          return item.sources;
+        },
+        children: (source) => (() => {
+          var _el$22 = _tmpl$11();
+          _$insert(_el$22, (() => {
+            var _c$2 = _$memo(() => !!source.url);
+            return () => _c$2() ? (() => {
+              var _el$23 = _tmpl$12();
+              _el$23.$$click = (event) => {
+                event.preventDefault();
+                emit("open", source.id);
+              };
+              _$insert(_el$23, () => source.title);
+              _$effect(() => _$setAttribute(_el$23, "href", source.url));
+              return _el$23;
+            })() : source.title;
+          })(), null);
+          _$insert(_el$22, _$createComponent(Show, {
+            get when() {
+              return source.snippet;
+            },
+            children: (snippet) => (() => {
+              var _el$24 = _tmpl$1();
+              _$insert(_el$24, snippet);
+              return _el$24;
+            })()
+          }), null);
+          return _el$22;
+        })()
+      }));
+      return _el$19;
+    })();
+  }
+  if (key === "link-card") {
+    const item = LinkCardPropsSchema.parse(props.frame.props);
+    return (() => {
+      var _el$25 = _tmpl$13(), _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling, _el$28 = _el$27.nextSibling;
+      _el$25.$$click = (event) => {
+        event.preventDefault();
+        emit("open", item.href);
+      };
+      _$setAttribute(_el$25, "data-ak-component", key);
+      _$insert(_el$26, () => item.title);
+      _$insert(_el$27, () => item.description);
+      _$insert(_el$28, () => item.label);
+      _$effect(() => _$setAttribute(_el$25, "href", item.href));
+      return _el$25;
+    })();
+  }
+  if (key === "error-notice") {
+    const item = ErrorNoticePropsSchema.parse(props.frame.props);
+    return (() => {
+      var _el$29 = _tmpl$14(), _el$30 = _el$29.firstChild, _el$31 = _el$30.nextSibling, _el$32 = _el$31.nextSibling;
+      _$setAttribute(_el$29, "data-ak-component", key);
+      _$insert(_el$30, () => item.title);
+      _$insert(_el$31, () => item.message);
+      _$insert(_el$32, () => item.code);
+      _$insert(_el$29, _$createComponent(Show, {
+        get when() {
+          return item.retryLabel;
+        },
+        children: (label) => (() => {
+          var _el$33 = _tmpl$15();
+          _el$33.$$click = () => emit("retry");
+          _$insert(_el$33, label);
+          _$effect(() => _el$33.disabled = props.disabled);
+          return _el$33;
+        })()
+      }), null);
+      return _el$29;
+    })();
+  }
+  if (key === "tool-call") {
+    const item = ToolCallPropsSchema.parse(props.frame.props);
+    return (() => {
+      var _el$34 = _tmpl$16(), _el$35 = _el$34.firstChild, _el$36 = _el$35.nextSibling, _el$37 = _el$36.nextSibling, _el$38 = _el$37.nextSibling;
+      _$setAttribute(_el$34, "data-ak-component", key);
+      _$insert(_el$35, () => item.name);
+      _$insert(_el$36, () => item.status);
+      _$insert(_el$37, (() => {
+        var _c$3 = _$memo(() => !!item.arguments);
+        return () => _c$3() ? JSON.stringify(item.arguments, null, 2) : "";
+      })());
+      _$insert(_el$38, (() => {
+        var _c$4 = _$memo(() => item.result === void 0);
+        return () => _c$4() ? "" : JSON.stringify(item.result, null, 2);
+      })());
+      return _el$34;
+    })();
+  }
+  if (key === "approval-request") {
+    const item = ApprovalRequestPropsSchema.parse(props.frame.props);
+    return (() => {
+      var _el$39 = _tmpl$9(), _el$40 = _el$39.firstChild, _el$41 = _el$40.nextSibling, _el$42 = _el$41.nextSibling, _el$43 = _el$42.nextSibling;
+      _$setAttribute(_el$39, "data-ak-component", key);
+      _$insert(_el$40, () => item.title);
+      _$insert(_el$41, () => item.description);
+      _el$42.$$click = () => emit("approve");
+      _$insert(_el$42, () => item.approveLabel);
+      _el$43.$$click = () => emit("deny");
+      _$insert(_el$43, () => item.denyLabel);
+      _$effect((_p$) => {
+        var _v$10 = item.title, _v$11 = props.disabled, _v$12 = props.disabled;
+        _v$10 !== _p$.e && _$setAttribute(_el$39, "aria-label", _p$.e = _v$10);
+        _v$11 !== _p$.t && (_el$42.disabled = _p$.t = _v$11);
+        _v$12 !== _p$.a && (_el$43.disabled = _p$.a = _v$12);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0
+      });
+      return _el$39;
+    })();
+  }
+  if (key === "table") {
+    const item = TablePropsSchema.parse(props.frame.props);
+    return (() => {
+      var _el$44 = _tmpl$17(), _el$45 = _el$44.firstChild, _el$46 = _el$45.nextSibling, _el$47 = _el$46.firstChild, _el$48 = _el$46.nextSibling;
+      _$setAttribute(_el$44, "data-ak-component", key);
+      _$insert(_el$45, () => item.caption);
+      _$insert(_el$47, _$createComponent(For, {
+        get each() {
+          return item.columns;
+        },
+        children: (column) => (() => {
+          var _el$49 = _tmpl$18();
+          _$insert(_el$49, () => column.label);
+          return _el$49;
+        })()
+      }));
+      _$insert(_el$48, _$createComponent(For, {
+        get each() {
+          return item.rows;
+        },
+        children: (row) => (() => {
+          var _el$50 = _tmpl$19();
+          _$insert(_el$50, _$createComponent(For, {
+            get each() {
+              return item.columns;
+            },
+            children: (column) => (() => {
+              var _el$51 = _tmpl$20();
+              _$insert(_el$51, () => String(row[column.key] ?? ""));
+              return _el$51;
+            })()
+          }));
+          return _el$50;
+        })()
+      }));
+      return _el$44;
+    })();
+  }
+  if (key === "file-attachment") {
+    const item = FileAttachmentPropsSchema.parse(props.frame.props);
+    return (() => {
+      var _el$52 = _tmpl$21(), _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling, _el$55 = _el$54.nextSibling;
+      _$setAttribute(_el$52, "data-ak-component", key);
+      _$insert(_el$53, () => item.name);
+      _$insert(_el$54, () => item.mimeType);
+      _$insert(_el$55, (() => {
+        var _c$5 = _$memo(() => item.sizeBytes === void 0);
+        return () => _c$5() ? "" : `${item.sizeBytes} bytes`;
+      })());
+      _$insert(_el$52, (() => {
+        var _c$6 = _$memo(() => !!item.url);
+        return () => _c$6() ? (() => {
+          var _el$56 = _tmpl$22();
+          _el$56.$$click = (event) => {
+            event.preventDefault();
+            emit("open", item.url);
+          };
+          _$effect(() => _$setAttribute(_el$56, "href", item.url));
+          return _el$56;
+        })() : null;
+      })(), null);
+      return _el$52;
+    })();
+  }
+  return (() => {
+    var _el$57 = _tmpl$23();
+    _$insert(_el$57, () => resolveComponentFallback(props.frame, props.manifest));
+    return _el$57;
+  })();
+};
+_$delegateEvents(["input", "click"]);
+
+// src/index.tsx
+var _tmpl$24 = /* @__PURE__ */ _$template2(`<fieldset data-ak-component=choice-list><legend>`);
+var _tmpl$25 = /* @__PURE__ */ _$template2(`<button type=button><span>`);
+var _tmpl$32 = /* @__PURE__ */ _$template2(`<small>`);
+var _tmpl$42 = /* @__PURE__ */ _$template2(`<p data-ak-component-fallback>`);
+var _tmpl$52 = /* @__PURE__ */ _$template2(`<p role=alert>`);
+var _tmpl$62 = /* @__PURE__ */ _$template2(`<button type=button>Stop`);
+var _tmpl$72 = /* @__PURE__ */ _$template2(`<div aria-label="Response actions"><button type=button aria-label="Retry response">Retry</button><button type=button>Edit last message`);
+var _tmpl$82 = /* @__PURE__ */ _$template2(`<section data-ak-app-chat><div aria-live=polite aria-relevant="additions text"role=log>`);
+var _tmpl$92 = /* @__PURE__ */ _$template2(`<button type=button aria-label="Regenerate response">Regenerate`);
+var _tmpl$02 = /* @__PURE__ */ _$template2(`<form><label>Edit message<input aria-label="Edit message"></label><button type=submit aria-label="Save edit">Save edit</button><button type=button>Cancel edit`);
+var toChatCssVariables = (input) => {
+  const theme = resolveChatTheme(input);
+  return {
+    "--ak-color-bg": theme.colors.background,
+    "--ak-color-surface": theme.colors.surface,
+    "--ak-color-border": theme.colors.border,
+    "--ak-color-text": theme.colors.text,
+    "--ak-color-text-muted": theme.colors.muted,
+    "--ak-color-bubble-user": theme.colors.accent,
+    "--ak-color-bubble-user-text": theme.colors.onAccent,
+    "--ak-color-bubble-assistant": theme.colors.surface,
+    "--ak-color-bubble-assistant-text": theme.colors.text,
+    "--ak-color-input-bg": theme.colors.background,
+    "--ak-color-input-border": theme.colors.border,
+    "--ak-color-input-focus": theme.colors.accent,
+    "--ak-color-button": theme.colors.accent,
+    "--ak-color-button-text": theme.colors.onAccent,
+    "--ak-color-tool-bg": theme.colors.surface,
+    "--ak-color-tool-border": theme.colors.border,
+    "--ak-app-color-danger": theme.colors.danger,
+    "--ak-font-family": theme.fontFamily === "system" ? "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" : theme.fontFamily,
+    "--ak-radius": `${theme.radius.medium}px`,
+    "--ak-radius-lg": `${theme.radius.large}px`,
+    "--ak-spacing-sm": `${theme.spacing.small}px`,
+    "--ak-spacing-md": `${theme.spacing.medium}px`,
+    "--ak-spacing-lg": `${theme.spacing.large}px`
+  };
+};
+function ChoiceList(props) {
+  const resolved = createMemo(() => resolveChoiceListFrame(props.frame, props.manifest));
+  return _$createComponent2(Show2, {
+    get when() {
+      return _$memo2(() => !!resolved().ok)() ? resolved() : void 0;
+    },
+    children: (value) => {
+      const item = value();
+      return (() => {
+        var _el$ = _tmpl$24(), _el$2 = _el$.firstChild;
+        _$insert2(_el$2, () => item.props.prompt);
+        _$insert2(_el$, _$createComponent2(For2, {
+          get each() {
+            return item.props.choices;
+          },
+          children: (choice) => (() => {
+            var _el$3 = _tmpl$25(), _el$4 = _el$3.firstChild;
+            _el$3.$$click = () => props.onSelect(selectChoice(item.frame, choice.id));
+            _$insert2(_el$4, () => choice.label);
+            _$insert2(_el$3, _$createComponent2(Show2, {
+              get when() {
+                return choice.description;
+              },
+              children: (description) => (() => {
+                var _el$5 = _tmpl$32();
+                _$insert2(_el$5, description);
+                return _el$5;
+              })()
+            }), null);
+            _$effect2(() => _el$3.disabled = props.disabled);
+            return _el$3;
+          })()
+        }), null);
+        _$effect2(() => _$setAttribute2(_el$, "aria-label", item.props.prompt));
+        return _el$;
+      })();
+    }
+  });
+}
+function ChatBinding(props) {
+  const chat = useChat(props.config);
+  createEffect(() => {
+    void chat.status;
+    void chat.messages;
+    props.onState(chat);
+  });
+  return props.children(chat);
+}
+function AgentChatSession(props) {
+  const initial = untrack(() => ({
+    definition: props.definition,
+    session: props.session,
+    ttl: props.actionConfirmationTtlMs
+  }));
+  const session = resolveChatSession(initial.definition, initial.session);
+  const sessionId = session.sessionId;
+  const [activeChat, setActiveChat] = createSignal2(initial.definition.chat);
+  let messages = initial.definition.chat.initialMessages ?? [];
+  const [actionError, setActionError] = createSignal2();
+  const [editDraft, setEditDraft] = createSignal2();
+  const [resolvedInstances, setResolvedInstances] = createSignal2(/* @__PURE__ */ new Set());
+  let currentChat;
+  const coordinator = session.createConfirmation({
+    ...initial.ttl === void 0 ? {} : {
+      ttlMs: initial.ttl
+    },
+    chat: {
+      proposeToolCall: (proposal) => currentChat.proposeToolCall(proposal),
+      approve: (id) => currentChat.approve(id),
+      deny: (id, reason) => currentChat.deny(id, reason)
+    }
+  });
+  createEffect(on(() => props.definition.chat, (next) => setActiveChat(() => next), {
+    defer: true
+  }));
+  const fail = (error, fallback) => {
+    setActionError(error instanceof Error ? error : new Error(fallback));
+  };
+  const selectComponent = (event, frame) => {
+    if (resolvedInstances().has(event.instanceId)) return;
+    setActionError();
+    setResolvedInstances((current) => new Set(current).add(event.instanceId));
+    try {
+      props.onComponentSelect?.(event);
+    } catch (error) {
+      fail(error, "Component selection callback failed.");
+    }
+    const action = resolveChoiceAction(frame, event.choiceId);
+    if (action) void coordinator.propose(action).catch((error) => {
+      setResolvedInstances((current) => {
+        const next = new Set(current);
+        next.delete(event.instanceId);
+        return next;
+      });
+      fail(error, "Action proposal failed.");
+    });
+    else {
+      let submission;
+      try {
+        submission = props.definition.choiceSubmission?.(frame, event.choiceId, {
+          sessionId
+        });
+      } catch (error) {
+        setResolvedInstances((current) => {
+          const next = new Set(current);
+          next.delete(event.instanceId);
+          return next;
+        });
+        fail(error, "Choice submission authorization failed.");
+        return;
+      }
+      if (submission && "unavailable" in submission) {
+        setResolvedInstances((current) => {
+          const next = new Set(current);
+          next.delete(event.instanceId);
+          return next;
+        });
+        fail(new Error("This deterministic choice expired. Ask the question again."), "Choice unavailable.");
+        return;
+      }
+      if (submission) void currentChat.send(submission.value).then(() => {
+        try {
+          submission.commit();
+        } catch (error) {
+          fail(error, "Choice submission settlement failed.");
+        }
+      }, (error) => {
+        try {
+          submission.release();
+        } catch {
+        } finally {
+          setResolvedInstances((current) => {
+            const next = new Set(current);
+            next.delete(event.instanceId);
+            return next;
+          });
+        }
+        fail(error, "Choice submission failed.");
+      });
+    }
+  };
+  const interactComponent = (event) => {
+    if (resolvedInstances().has(event.instanceId)) return;
+    setResolvedInstances((current) => new Set(current).add(event.instanceId));
+    try {
+      props.onComponentInteract?.(event);
+    } catch (error) {
+      setResolvedInstances((current) => {
+        const next = new Set(current);
+        next.delete(event.instanceId);
+        return next;
+      });
+      fail(error, "Component interaction callback failed.");
+    }
+  };
+  const approve = (id) => {
+    const record = coordinator.getByToolCall(id);
+    void (record ? coordinator.approve(record.token, sessionId) : currentChat.approve(id)).catch((error) => fail(error, "Action approval failed."));
+  };
+  const deny = (id, reason) => {
+    const record = coordinator.getByToolCall(id);
+    void (record ? coordinator.reject(record.token, sessionId, reason) : currentChat.deny(id, reason)).catch((error) => fail(error, "Action rejection failed."));
+  };
+  const run = (operation) => {
+    setActionError();
+    void operation.catch((error) => fail(error, "Lifecycle operation failed."));
+  };
+  const renderMessage = (item) => {
+    const rendered = createMemo(() => _$createComponent2(For2, {
+      get each() {
+        return presentChatMessage(item);
+      },
+      children: (presentation) => {
+        if (presentation.kind === "component") {
+          const resolved = props.definition.components === void 0 ? void 0 : resolveComponentFrame2(presentation.frame, props.definition.components);
+          if (resolved?.ok) {
+            if (presentation.frame.componentKey === "choice-list") {
+              const choiceProps = {
+                frame: presentation.frame,
+                manifest: props.definition.components,
+                get disabled() {
+                  return resolvedInstances().has(presentation.frame.instanceId);
+                },
+                onSelect: (event) => selectComponent(event, presentation.frame)
+              };
+              return props.choiceList?.(choiceProps) ?? _$createComponent2(ChoiceList, {
+                get frame() {
+                  return choiceProps.frame;
+                },
+                get manifest() {
+                  return choiceProps.manifest;
+                },
+                get disabled() {
+                  return resolvedInstances().has(presentation.frame.instanceId);
+                },
+                get onSelect() {
+                  return choiceProps.onSelect;
+                }
+              });
+            }
+            const standardProps = {
+              frame: presentation.frame,
+              manifest: props.definition.components,
+              get disabled() {
+                return resolvedInstances().has(presentation.frame.instanceId);
+              },
+              onInteract: interactComponent
+            };
+            return props.standardComponent?.(standardProps) ?? _$createComponent2(StandardComponent, standardProps);
+          }
+          return (() => {
+            var _el$6 = _tmpl$42();
+            _$insert2(_el$6, () => formatSemanticFallback(presentation.frame.fallback));
+            return _el$6;
+          })();
+        }
+        if (presentation.kind === "diagnostic") return (() => {
+          var _el$7 = _tmpl$52();
+          _$insert2(_el$7, () => presentation.message);
+          _$effect2(() => _$setAttribute2(_el$7, "data-ak-component-diagnostic", presentation.code));
+          return _el$7;
+        })();
+        return props.message?.(presentation.message) ?? _$createComponent2(Message, {
+          get message() {
+            return presentation.message;
+          }
+        });
+      }
+    }));
+    return rendered;
+  };
+  const renderChat = (chat) => {
+    currentChat = chat;
+    const targets = createMemo(() => getLifecycleTargets(chat.messages));
+    const content = [_$createComponent2(For2, {
+      get each() {
+        return chat.messages;
+      },
+      children: renderMessage
+    }), _$createComponent2(For2, {
+      get each() {
+        return chat.messages.flatMap((item) => item.toolCalls ?? []);
+      },
+      children: (toolCall) => props.confirmation?.(toolCall, approve, deny) ?? _$createComponent2(ToolConfirmation, {
+        toolCall,
+        onApprove: approve,
+        onDeny: deny
+      })
+    }), _$memo2(() => props.thinking?.(chat.status === "streaming") ?? _$createComponent2(ThinkingIndicator, {
+      get visible() {
+        return chat.status === "streaming";
+      }
+    }))];
+    return (() => {
+      var _el$8 = _tmpl$82(), _el$9 = _el$8.firstChild;
+      _$insert2(_el$9, () => props.container?.(content) ?? _$createComponent2(ChatContainer, {
+        children: content
+      }));
+      _$insert2(_el$8, _$createComponent2(Show2, {
+        get when() {
+          return chat.error ?? actionError();
+        },
+        children: (error) => (() => {
+          var _el$12 = _tmpl$52();
+          _$insert2(_el$12, () => error().message);
+          _$effect2((_$p) => _$setStyleProperty(_el$12, "color", resolveChatTheme(props.theme).colors.danger));
+          return _el$12;
+        })()
+      }), null);
+      _$insert2(_el$8, _$createComponent2(Show2, {
+        get when() {
+          return chat.status === "streaming";
+        },
+        get children() {
+          var _el$0 = _tmpl$62();
+          _$addEventListener(_el$0, "click", chat.stop, true);
+          return _el$0;
+        }
+      }), null);
+      _$insert2(_el$8, _$createComponent2(Show2, {
+        get when() {
+          return _$memo2(() => chat.status !== "streaming")() && targets().userId;
+        },
+        get children() {
+          var _el$1 = _tmpl$72(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
+          _el$10.$$click = () => run(chat.retry());
+          _$insert2(_el$1, _$createComponent2(Show2, {
+            get when() {
+              return targets().assistantId;
+            },
+            children: (assistantId) => (() => {
+              var _el$13 = _tmpl$92();
+              _el$13.$$click = () => run(chat.regenerate(assistantId()));
+              return _el$13;
+            })()
+          }), _el$11);
+          _el$11.$$click = () => {
+            const id = targets().userId;
+            setEditDraft({
+              messageId: id,
+              content: chat.messages.find((item) => item.id === id)?.content ?? ""
+            });
+          };
+          _$insert2(_el$1, _$createComponent2(Show2, {
+            get when() {
+              return editDraft();
+            },
+            children: (draft) => (() => {
+              var _el$14 = _tmpl$02(), _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling, _el$18 = _el$15.nextSibling, _el$19 = _el$18.nextSibling;
+              _el$14.addEventListener("submit", (event) => {
+                event.preventDefault();
+                if (!draft().content.trim()) return;
+                run(chat.edit(draft().messageId, draft().content));
+                setEditDraft();
+              });
+              _el$17.$$input = (event) => setEditDraft({
+                ...draft(),
+                content: event.currentTarget.value
+              });
+              _el$19.$$click = () => setEditDraft();
+              _$effect2(() => _el$17.value = draft().content);
+              return _el$14;
+            })()
+          }), null);
+          return _el$1;
+        }
+      }), null);
+      _$insert2(_el$8, () => props.input?.(chat, chat.status === "streaming", props.placeholder) ?? _$createComponent2(InputBar, _$mergeProps({
+        chat,
+        get disabled() {
+          return chat.status === "streaming";
+        }
+      }, () => props.placeholder === void 0 ? {} : {
+        placeholder: props.placeholder
+      })), null);
+      _$effect2((_p$) => {
+        var _v$ = `${props.definition.id} chat`, _v$2 = props.theme === void 0 ? void 0 : toChatCssVariables(props.theme);
+        _v$ !== _p$.e && _$setAttribute2(_el$8, "aria-label", _p$.e = _v$);
+        _p$.t = _$style(_el$8, _v$2, _p$.t);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0
+      });
+      return _el$8;
+    })();
+  };
+  return _$createComponent2(Show2, {
+    keyed: true,
+    get when() {
+      return activeChat();
+    },
+    children: (config) => _$createComponent2(ChatBinding, {
+      get config() {
+        return session.updateChat({
+          ...config,
+          initialMessages: messages
+        });
+      },
+      onState: (chat) => {
+        currentChat = chat;
+        messages = chat.messages;
+      },
+      children: renderChat
+    })
+  });
+}
+function AgentChat(props) {
+  const key = createMemo(() => `${props.definition.id}:${props.definition.revision ?? 1}:${props.session?.sessionId ?? "new"}`);
+  return _$createComponent2(Show2, {
+    keyed: true,
+    get when() {
+      return key();
+    },
+    children: (_key) => _$createComponent2(AgentChatSession, props)
+  });
+}
+_$delegateEvents2(["click", "input"]);
+export {
+  AgentChat,
+  ChoiceList,
+  StandardComponent,
+  toChatCssVariables
+};