@agentskit/chat-solid 0.1.0

package/dist/index.cjs

@@ -0,0 +1,863 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  AgentChat: () => AgentChat,
+  ChoiceList: () => ChoiceList,
+  StandardComponent: () => StandardComponent,
+  toChatCssVariables: () => toChatCssVariables
+});
+module.exports = __toCommonJS(src_exports);
+var import_web8 = require("solid-js/web");
+var import_web9 = require("solid-js/web");
+var import_web10 = require("solid-js/web");
+var import_web11 = require("solid-js/web");
+var import_web12 = require("solid-js/web");
+var import_web13 = require("solid-js/web");
+var import_web14 = require("solid-js/web");
+var import_web15 = require("solid-js/web");
+var import_web16 = require("solid-js/web");
+var import_web17 = require("solid-js/web");
+var import_web18 = require("solid-js/web");
+var import_chat2 = require("@agentskit/chat");
+var import_solid = require("@agentskit/solid");
+var import_solid_js2 = require("solid-js");
+
+// src/StandardComponent.tsx
+var import_web = require("solid-js/web");
+var import_web2 = require("solid-js/web");
+var import_web3 = require("solid-js/web");
+var import_web4 = require("solid-js/web");
+var import_web5 = require("solid-js/web");
+var import_web6 = require("solid-js/web");
+var import_web7 = require("solid-js/web");
+var import_chat = require("@agentskit/chat");
+var import_solid_js = require("solid-js");
+var _tmpl$ = /* @__PURE__ */ (0, import_web.template)(`<form data-ak-component=form><button type=submit>`);
+var _tmpl$2 = /* @__PURE__ */ (0, import_web.template)(`<h3>`);
+var _tmpl$3 = /* @__PURE__ */ (0, import_web.template)(`<label>`);
+var _tmpl$4 = /* @__PURE__ */ (0, import_web.template)(`<select><option value disabled>Select\u2026`);
+var _tmpl$5 = /* @__PURE__ */ (0, import_web.template)(`<option>`);
+var _tmpl$6 = /* @__PURE__ */ (0, import_web.template)(`<input>`);
+var _tmpl$7 = /* @__PURE__ */ (0, import_web.template)(`<fieldset><legend>`);
+var _tmpl$8 = /* @__PURE__ */ (0, import_web.template)(`<button type=button>`);
+var _tmpl$9 = /* @__PURE__ */ (0, import_web.template)(`<section><h3></h3><p></p><button></button><button>`);
+var _tmpl$0 = /* @__PURE__ */ (0, import_web.template)(`<div><label><progress max=100>`);
+var _tmpl$1 = /* @__PURE__ */ (0, import_web.template)(`<p>`);
+var _tmpl$10 = /* @__PURE__ */ (0, import_web.template)(`<section><h3></h3><ul>`);
+var _tmpl$11 = /* @__PURE__ */ (0, import_web.template)(`<li>`);
+var _tmpl$12 = /* @__PURE__ */ (0, import_web.template)(`<a>`);
+var _tmpl$13 = /* @__PURE__ */ (0, import_web.template)(`<a><strong></strong><span></span><span>`);
+var _tmpl$14 = /* @__PURE__ */ (0, import_web.template)(`<section role=alert><strong></strong><p></p><code>`);
+var _tmpl$15 = /* @__PURE__ */ (0, import_web.template)(`<button>`);
+var _tmpl$16 = /* @__PURE__ */ (0, import_web.template)(`<section role=status><strong></strong><span></span><pre></pre><pre>`);
+var _tmpl$17 = /* @__PURE__ */ (0, import_web.template)(`<table><caption></caption><thead><tr></tr></thead><tbody>`);
+var _tmpl$18 = /* @__PURE__ */ (0, import_web.template)(`<th scope=col>`);
+var _tmpl$19 = /* @__PURE__ */ (0, import_web.template)(`<tr>`);
+var _tmpl$20 = /* @__PURE__ */ (0, import_web.template)(`<td>`);
+var _tmpl$21 = /* @__PURE__ */ (0, import_web.template)(`<article><strong></strong><span></span><span>`);
+var _tmpl$22 = /* @__PURE__ */ (0, import_web.template)(`<a>Open`);
+var _tmpl$23 = /* @__PURE__ */ (0, import_web.template)(`<p data-ak-component-fallback>`);
+var StandardForm = (props) => {
+  const item = import_chat.FormPropsSchema.parse(props.frame.props);
+  const [values, setValues] = (0, import_solid_js.createSignal)({});
+  return (() => {
+    var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+    _el$.addEventListener("submit", (event) => {
+      event.preventDefault();
+      props.onInteract((0, import_chat.createComponentInteraction)(props.frame, props.manifest, "submit", values()));
+    });
+    (0, import_web6.insert)(_el$, (0, import_web7.createComponent)(import_solid_js.Show, {
+      get when() {
+        return item.title;
+      },
+      children: (title) => (() => {
+        var _el$3 = _tmpl$2();
+        (0, import_web6.insert)(_el$3, title);
+        return _el$3;
+      })()
+    }), _el$2);
+    (0, import_web6.insert)(_el$, (0, import_web7.createComponent)(import_solid_js.For, {
+      get each() {
+        return item.fields;
+      },
+      children: (field) => (() => {
+        var _el$4 = _tmpl$3();
+        (0, import_web6.insert)(_el$4, () => field.label, null);
+        (0, import_web6.insert)(_el$4, (() => {
+          var _c$ = (0, import_web3.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
+            }));
+            (0, import_web6.insert)(_el$5, (0, import_web7.createComponent)(import_solid_js.For, {
+              get each() {
+                return field.options;
+              },
+              children: (option) => (() => {
+                var _el$7 = _tmpl$5();
+                (0, import_web6.insert)(_el$7, () => option.label);
+                (0, import_web5.effect)(() => _el$7.value = option.id);
+                return _el$7;
+              })()
+            }), null);
+            (0, import_web5.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
+            });
+            (0, import_web5.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
+            }));
+            (0, import_web5.effect)((_p$) => {
+              var _v$5 = field.type, _v$6 = field.required, _v$7 = props.disabled, _v$8 = field.placeholder;
+              _v$5 !== _p$.e && (0, import_web4.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 && (0, import_web4.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);
+    (0, import_web6.insert)(_el$2, () => item.submitLabel);
+    (0, import_web5.effect)((_p$) => {
+      var _v$ = item.title ?? "Form", _v$2 = props.disabled;
+      _v$ !== _p$.e && (0, import_web4.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 (!(0, import_chat.resolveComponentFrame)(props.frame, props.manifest).ok || props.frame.componentKey === "choice-list") return null;
+  const emit = (event, value) => props.onInteract((0, import_chat.createComponentInteraction)(props.frame, props.manifest, event, value));
+  const key = props.frame.componentKey;
+  if (key === "button-group") {
+    const item = import_chat.ButtonGroupPropsSchema.parse(props.frame.props);
+    return (() => {
+      var _el$9 = _tmpl$7(), _el$0 = _el$9.firstChild;
+      (0, import_web4.setAttribute)(_el$9, "data-ak-component", key);
+      (0, import_web6.insert)(_el$0, () => item.label);
+      (0, import_web6.insert)(_el$9, (0, import_web7.createComponent)(import_solid_js.For, {
+        get each() {
+          return item.buttons;
+        },
+        children: (button) => (() => {
+          var _el$1 = _tmpl$8();
+          _el$1.$$click = () => emit("select", button.id);
+          (0, import_web6.insert)(_el$1, () => button.label);
+          (0, import_web5.effect)(() => _el$1.disabled = props.disabled || button.disabled);
+          return _el$1;
+        })()
+      }), null);
+      (0, import_web5.effect)(() => (0, import_web4.setAttribute)(_el$9, "aria-label", item.label));
+      return _el$9;
+    })();
+  }
+  if (key === "form") return (0, import_web7.createComponent)(StandardForm, props);
+  if (key === "confirmation") {
+    const item = import_chat.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;
+      (0, import_web4.setAttribute)(_el$10, "data-ak-component", key);
+      (0, import_web6.insert)(_el$11, () => item.title);
+      (0, import_web6.insert)(_el$12, () => item.message);
+      _el$13.$$click = () => emit("confirm");
+      (0, import_web6.insert)(_el$13, () => item.confirmLabel);
+      _el$14.$$click = () => emit("cancel");
+      (0, import_web6.insert)(_el$14, () => item.cancelLabel);
+      (0, import_web5.effect)((_p$) => {
+        var _v$9 = item.title, _v$0 = props.disabled, _v$1 = props.disabled;
+        _v$9 !== _p$.e && (0, import_web4.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 = import_chat.ProgressPropsSchema.parse(props.frame.props);
+    return (() => {
+      var _el$15 = _tmpl$0(), _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild;
+      (0, import_web4.setAttribute)(_el$15, "data-ak-component", key);
+      (0, import_web6.insert)(_el$16, () => item.label, _el$17);
+      (0, import_web6.insert)(_el$15, (0, import_web7.createComponent)(import_solid_js.Show, {
+        get when() {
+          return item.status;
+        },
+        children: (status) => (() => {
+          var _el$18 = _tmpl$1();
+          (0, import_web6.insert)(_el$18, status);
+          return _el$18;
+        })()
+      }), null);
+      (0, import_web5.effect)(() => _el$17.value = item.value);
+      return _el$15;
+    })();
+  }
+  if (key === "source-list") {
+    const item = import_chat.SourceListPropsSchema.parse(props.frame.props);
+    return (() => {
+      var _el$19 = _tmpl$10(), _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
+      (0, import_web4.setAttribute)(_el$19, "data-ak-component", key);
+      (0, import_web6.insert)(_el$20, () => item.label);
+      (0, import_web6.insert)(_el$21, (0, import_web7.createComponent)(import_solid_js.For, {
+        get each() {
+          return item.sources;
+        },
+        children: (source) => (() => {
+          var _el$22 = _tmpl$11();
+          (0, import_web6.insert)(_el$22, (() => {
+            var _c$2 = (0, import_web3.memo)(() => !!source.url);
+            return () => _c$2() ? (() => {
+              var _el$23 = _tmpl$12();
+              _el$23.$$click = (event) => {
+                event.preventDefault();
+                emit("open", source.id);
+              };
+              (0, import_web6.insert)(_el$23, () => source.title);
+              (0, import_web5.effect)(() => (0, import_web4.setAttribute)(_el$23, "href", source.url));
+              return _el$23;
+            })() : source.title;
+          })(), null);
+          (0, import_web6.insert)(_el$22, (0, import_web7.createComponent)(import_solid_js.Show, {
+            get when() {
+              return source.snippet;
+            },
+            children: (snippet) => (() => {
+              var _el$24 = _tmpl$1();
+              (0, import_web6.insert)(_el$24, snippet);
+              return _el$24;
+            })()
+          }), null);
+          return _el$22;
+        })()
+      }));
+      return _el$19;
+    })();
+  }
+  if (key === "link-card") {
+    const item = import_chat.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);
+      };
+      (0, import_web4.setAttribute)(_el$25, "data-ak-component", key);
+      (0, import_web6.insert)(_el$26, () => item.title);
+      (0, import_web6.insert)(_el$27, () => item.description);
+      (0, import_web6.insert)(_el$28, () => item.label);
+      (0, import_web5.effect)(() => (0, import_web4.setAttribute)(_el$25, "href", item.href));
+      return _el$25;
+    })();
+  }
+  if (key === "error-notice") {
+    const item = import_chat.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;
+      (0, import_web4.setAttribute)(_el$29, "data-ak-component", key);
+      (0, import_web6.insert)(_el$30, () => item.title);
+      (0, import_web6.insert)(_el$31, () => item.message);
+      (0, import_web6.insert)(_el$32, () => item.code);
+      (0, import_web6.insert)(_el$29, (0, import_web7.createComponent)(import_solid_js.Show, {
+        get when() {
+          return item.retryLabel;
+        },
+        children: (label) => (() => {
+          var _el$33 = _tmpl$15();
+          _el$33.$$click = () => emit("retry");
+          (0, import_web6.insert)(_el$33, label);
+          (0, import_web5.effect)(() => _el$33.disabled = props.disabled);
+          return _el$33;
+        })()
+      }), null);
+      return _el$29;
+    })();
+  }
+  if (key === "tool-call") {
+    const item = import_chat.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;
+      (0, import_web4.setAttribute)(_el$34, "data-ak-component", key);
+      (0, import_web6.insert)(_el$35, () => item.name);
+      (0, import_web6.insert)(_el$36, () => item.status);
+      (0, import_web6.insert)(_el$37, (() => {
+        var _c$3 = (0, import_web3.memo)(() => !!item.arguments);
+        return () => _c$3() ? JSON.stringify(item.arguments, null, 2) : "";
+      })());
+      (0, import_web6.insert)(_el$38, (() => {
+        var _c$4 = (0, import_web3.memo)(() => item.result === void 0);
+        return () => _c$4() ? "" : JSON.stringify(item.result, null, 2);
+      })());
+      return _el$34;
+    })();
+  }
+  if (key === "approval-request") {
+    const item = import_chat.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;
+      (0, import_web4.setAttribute)(_el$39, "data-ak-component", key);
+      (0, import_web6.insert)(_el$40, () => item.title);
+      (0, import_web6.insert)(_el$41, () => item.description);
+      _el$42.$$click = () => emit("approve");
+      (0, import_web6.insert)(_el$42, () => item.approveLabel);
+      _el$43.$$click = () => emit("deny");
+      (0, import_web6.insert)(_el$43, () => item.denyLabel);
+      (0, import_web5.effect)((_p$) => {
+        var _v$10 = item.title, _v$11 = props.disabled, _v$12 = props.disabled;
+        _v$10 !== _p$.e && (0, import_web4.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 = import_chat.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;
+      (0, import_web4.setAttribute)(_el$44, "data-ak-component", key);
+      (0, import_web6.insert)(_el$45, () => item.caption);
+      (0, import_web6.insert)(_el$47, (0, import_web7.createComponent)(import_solid_js.For, {
+        get each() {
+          return item.columns;
+        },
+        children: (column) => (() => {
+          var _el$49 = _tmpl$18();
+          (0, import_web6.insert)(_el$49, () => column.label);
+          return _el$49;
+        })()
+      }));
+      (0, import_web6.insert)(_el$48, (0, import_web7.createComponent)(import_solid_js.For, {
+        get each() {
+          return item.rows;
+        },
+        children: (row) => (() => {
+          var _el$50 = _tmpl$19();
+          (0, import_web6.insert)(_el$50, (0, import_web7.createComponent)(import_solid_js.For, {
+            get each() {
+              return item.columns;
+            },
+            children: (column) => (() => {
+              var _el$51 = _tmpl$20();
+              (0, import_web6.insert)(_el$51, () => String(row[column.key] ?? ""));
+              return _el$51;
+            })()
+          }));
+          return _el$50;
+        })()
+      }));
+      return _el$44;
+    })();
+  }
+  if (key === "file-attachment") {
+    const item = import_chat.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;
+      (0, import_web4.setAttribute)(_el$52, "data-ak-component", key);
+      (0, import_web6.insert)(_el$53, () => item.name);
+      (0, import_web6.insert)(_el$54, () => item.mimeType);
+      (0, import_web6.insert)(_el$55, (() => {
+        var _c$5 = (0, import_web3.memo)(() => item.sizeBytes === void 0);
+        return () => _c$5() ? "" : `${item.sizeBytes} bytes`;
+      })());
+      (0, import_web6.insert)(_el$52, (() => {
+        var _c$6 = (0, import_web3.memo)(() => !!item.url);
+        return () => _c$6() ? (() => {
+          var _el$56 = _tmpl$22();
+          _el$56.$$click = (event) => {
+            event.preventDefault();
+            emit("open", item.url);
+          };
+          (0, import_web5.effect)(() => (0, import_web4.setAttribute)(_el$56, "href", item.url));
+          return _el$56;
+        })() : null;
+      })(), null);
+      return _el$52;
+    })();
+  }
+  return (() => {
+    var _el$57 = _tmpl$23();
+    (0, import_web6.insert)(_el$57, () => (0, import_chat.resolveComponentFallback)(props.frame, props.manifest));
+    return _el$57;
+  })();
+};
+(0, import_web2.delegateEvents)(["input", "click"]);
+
+// src/index.tsx
+var _tmpl$24 = /* @__PURE__ */ (0, import_web8.template)(`<fieldset data-ak-component=choice-list><legend>`);
+var _tmpl$25 = /* @__PURE__ */ (0, import_web8.template)(`<button type=button><span>`);
+var _tmpl$32 = /* @__PURE__ */ (0, import_web8.template)(`<small>`);
+var _tmpl$42 = /* @__PURE__ */ (0, import_web8.template)(`<p data-ak-component-fallback>`);
+var _tmpl$52 = /* @__PURE__ */ (0, import_web8.template)(`<p role=alert>`);
+var _tmpl$62 = /* @__PURE__ */ (0, import_web8.template)(`<button type=button>Stop`);
+var _tmpl$72 = /* @__PURE__ */ (0, import_web8.template)(`<div aria-label="Response actions"><button type=button aria-label="Retry response">Retry</button><button type=button>Edit last message`);
+var _tmpl$82 = /* @__PURE__ */ (0, import_web8.template)(`<section data-ak-app-chat><div aria-live=polite aria-relevant="additions text"role=log>`);
+var _tmpl$92 = /* @__PURE__ */ (0, import_web8.template)(`<button type=button aria-label="Regenerate response">Regenerate`);
+var _tmpl$02 = /* @__PURE__ */ (0, import_web8.template)(`<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 = (0, import_chat2.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 = (0, import_solid_js2.createMemo)(() => (0, import_chat2.resolveChoiceListFrame)(props.frame, props.manifest));
+  return (0, import_web17.createComponent)(import_solid_js2.Show, {
+    get when() {
+      return (0, import_web18.memo)(() => !!resolved().ok)() ? resolved() : void 0;
+    },
+    children: (value) => {
+      const item = value();
+      return (() => {
+        var _el$ = _tmpl$24(), _el$2 = _el$.firstChild;
+        (0, import_web16.insert)(_el$2, () => item.props.prompt);
+        (0, import_web16.insert)(_el$, (0, import_web17.createComponent)(import_solid_js2.For, {
+          get each() {
+            return item.props.choices;
+          },
+          children: (choice) => (() => {
+            var _el$3 = _tmpl$25(), _el$4 = _el$3.firstChild;
+            _el$3.$$click = () => props.onSelect((0, import_chat2.selectChoice)(item.frame, choice.id));
+            (0, import_web16.insert)(_el$4, () => choice.label);
+            (0, import_web16.insert)(_el$3, (0, import_web17.createComponent)(import_solid_js2.Show, {
+              get when() {
+                return choice.description;
+              },
+              children: (description) => (() => {
+                var _el$5 = _tmpl$32();
+                (0, import_web16.insert)(_el$5, description);
+                return _el$5;
+              })()
+            }), null);
+            (0, import_web15.effect)(() => _el$3.disabled = props.disabled);
+            return _el$3;
+          })()
+        }), null);
+        (0, import_web15.effect)(() => (0, import_web14.setAttribute)(_el$, "aria-label", item.props.prompt));
+        return _el$;
+      })();
+    }
+  });
+}
+function ChatBinding(props) {
+  const chat = (0, import_solid.useChat)(props.config);
+  (0, import_solid_js2.createEffect)(() => {
+    void chat.status;
+    void chat.messages;
+    props.onState(chat);
+  });
+  return props.children(chat);
+}
+function AgentChatSession(props) {
+  const initial = (0, import_solid_js2.untrack)(() => ({
+    definition: props.definition,
+    session: props.session,
+    ttl: props.actionConfirmationTtlMs
+  }));
+  const session = (0, import_chat2.resolveChatSession)(initial.definition, initial.session);
+  const sessionId = session.sessionId;
+  const [activeChat, setActiveChat] = (0, import_solid_js2.createSignal)(initial.definition.chat);
+  let messages = initial.definition.chat.initialMessages ?? [];
+  const [actionError, setActionError] = (0, import_solid_js2.createSignal)();
+  const [editDraft, setEditDraft] = (0, import_solid_js2.createSignal)();
+  const [resolvedInstances, setResolvedInstances] = (0, import_solid_js2.createSignal)(/* @__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)
+    }
+  });
+  (0, import_solid_js2.createEffect)((0, import_solid_js2.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 = (0, import_chat2.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 = (0, import_solid_js2.createMemo)(() => (0, import_web17.createComponent)(import_solid_js2.For, {
+      get each() {
+        return (0, import_chat2.presentChatMessage)(item);
+      },
+      children: (presentation) => {
+        if (presentation.kind === "component") {
+          const resolved = props.definition.components === void 0 ? void 0 : (0, import_chat2.resolveComponentFrame)(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) ?? (0, import_web17.createComponent)(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) ?? (0, import_web17.createComponent)(StandardComponent, standardProps);
+          }
+          return (() => {
+            var _el$6 = _tmpl$42();
+            (0, import_web16.insert)(_el$6, () => (0, import_chat2.formatSemanticFallback)(presentation.frame.fallback));
+            return _el$6;
+          })();
+        }
+        if (presentation.kind === "diagnostic") return (() => {
+          var _el$7 = _tmpl$52();
+          (0, import_web16.insert)(_el$7, () => presentation.message);
+          (0, import_web15.effect)(() => (0, import_web14.setAttribute)(_el$7, "data-ak-component-diagnostic", presentation.code));
+          return _el$7;
+        })();
+        return props.message?.(presentation.message) ?? (0, import_web17.createComponent)(import_solid.Message, {
+          get message() {
+            return presentation.message;
+          }
+        });
+      }
+    }));
+    return rendered;
+  };
+  const renderChat = (chat) => {
+    currentChat = chat;
+    const targets = (0, import_solid_js2.createMemo)(() => (0, import_chat2.getLifecycleTargets)(chat.messages));
+    const content = [(0, import_web17.createComponent)(import_solid_js2.For, {
+      get each() {
+        return chat.messages;
+      },
+      children: renderMessage
+    }), (0, import_web17.createComponent)(import_solid_js2.For, {
+      get each() {
+        return chat.messages.flatMap((item) => item.toolCalls ?? []);
+      },
+      children: (toolCall) => props.confirmation?.(toolCall, approve, deny) ?? (0, import_web17.createComponent)(import_solid.ToolConfirmation, {
+        toolCall,
+        onApprove: approve,
+        onDeny: deny
+      })
+    }), (0, import_web18.memo)(() => props.thinking?.(chat.status === "streaming") ?? (0, import_web17.createComponent)(import_solid.ThinkingIndicator, {
+      get visible() {
+        return chat.status === "streaming";
+      }
+    }))];
+    return (() => {
+      var _el$8 = _tmpl$82(), _el$9 = _el$8.firstChild;
+      (0, import_web16.insert)(_el$9, () => props.container?.(content) ?? (0, import_web17.createComponent)(import_solid.ChatContainer, {
+        children: content
+      }));
+      (0, import_web16.insert)(_el$8, (0, import_web17.createComponent)(import_solid_js2.Show, {
+        get when() {
+          return chat.error ?? actionError();
+        },
+        children: (error) => (() => {
+          var _el$12 = _tmpl$52();
+          (0, import_web16.insert)(_el$12, () => error().message);
+          (0, import_web15.effect)((_$p) => (0, import_web11.setStyleProperty)(_el$12, "color", (0, import_chat2.resolveChatTheme)(props.theme).colors.danger));
+          return _el$12;
+        })()
+      }), null);
+      (0, import_web16.insert)(_el$8, (0, import_web17.createComponent)(import_solid_js2.Show, {
+        get when() {
+          return chat.status === "streaming";
+        },
+        get children() {
+          var _el$0 = _tmpl$62();
+          (0, import_web13.addEventListener)(_el$0, "click", chat.stop, true);
+          return _el$0;
+        }
+      }), null);
+      (0, import_web16.insert)(_el$8, (0, import_web17.createComponent)(import_solid_js2.Show, {
+        get when() {
+          return (0, import_web18.memo)(() => 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());
+          (0, import_web16.insert)(_el$1, (0, import_web17.createComponent)(import_solid_js2.Show, {
+            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 ?? ""
+            });
+          };
+          (0, import_web16.insert)(_el$1, (0, import_web17.createComponent)(import_solid_js2.Show, {
+            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();
+              (0, import_web15.effect)(() => _el$17.value = draft().content);
+              return _el$14;
+            })()
+          }), null);
+          return _el$1;
+        }
+      }), null);
+      (0, import_web16.insert)(_el$8, () => props.input?.(chat, chat.status === "streaming", props.placeholder) ?? (0, import_web17.createComponent)(import_solid.InputBar, (0, import_web10.mergeProps)({
+        chat,
+        get disabled() {
+          return chat.status === "streaming";
+        }
+      }, () => props.placeholder === void 0 ? {} : {
+        placeholder: props.placeholder
+      })), null);
+      (0, import_web15.effect)((_p$) => {
+        var _v$ = `${props.definition.id} chat`, _v$2 = props.theme === void 0 ? void 0 : toChatCssVariables(props.theme);
+        _v$ !== _p$.e && (0, import_web14.setAttribute)(_el$8, "aria-label", _p$.e = _v$);
+        _p$.t = (0, import_web12.style)(_el$8, _v$2, _p$.t);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0
+      });
+      return _el$8;
+    })();
+  };
+  return (0, import_web17.createComponent)(import_solid_js2.Show, {
+    keyed: true,
+    get when() {
+      return activeChat();
+    },
+    children: (config) => (0, import_web17.createComponent)(ChatBinding, {
+      get config() {
+        return session.updateChat({
+          ...config,
+          initialMessages: messages
+        });
+      },
+      onState: (chat) => {
+        currentChat = chat;
+        messages = chat.messages;
+      },
+      children: renderChat
+    })
+  });
+}
+function AgentChat(props) {
+  const key = (0, import_solid_js2.createMemo)(() => `${props.definition.id}:${props.definition.revision ?? 1}:${props.session?.sessionId ?? "new"}`);
+  return (0, import_web17.createComponent)(import_solid_js2.Show, {
+    keyed: true,
+    get when() {
+      return key();
+    },
+    children: (_key) => (0, import_web17.createComponent)(AgentChatSession, props)
+  });
+}
+(0, import_web9.delegateEvents)(["click", "input"]);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AgentChat,
+  ChoiceList,
+  StandardComponent,
+  toChatCssVariables
+});