`):
+*
+* ```javascript
+* var hljs = require('highlight.js') // https://highlightjs.org/
+*
+* // Actual default values
+* var md = require('markdown-it')({
+* highlight: function (str, lang) {
+* if (lang && hljs.getLanguage(lang)) {
+* try {
+* return '' +
+* hljs.highlight(str, { language: lang, ignoreIllegals: true }).value +
+* '
';
+* } catch (__) {}
+* }
+*
+* return '' + md.utils.escapeHtml(str) + '
';
+* }
+* });
+* ```
+*
+**/
+function MarkdownIt(presetName, options) {
+ if (!(this instanceof MarkdownIt)) {
+ return new MarkdownIt(presetName, options);
+ }
+ if (!options) {
+ if (!isString$1(presetName)) {
+ options = presetName || {};
+ presetName = "default";
+ }
+ }
+ /**
+ * MarkdownIt#inline -> ParserInline
+ *
+ * Instance of [[ParserInline]]. You may need it to add new rules when
+ * writing plugins. For simple rules control use [[MarkdownIt.disable]] and
+ * [[MarkdownIt.enable]].
+ **/
+ this.inline = new parser_inline_default();
+ /**
+ * MarkdownIt#block -> ParserBlock
+ *
+ * Instance of [[ParserBlock]]. You may need it to add new rules when
+ * writing plugins. For simple rules control use [[MarkdownIt.disable]] and
+ * [[MarkdownIt.enable]].
+ **/
+ this.block = new parser_block_default();
+ /**
+ * MarkdownIt#core -> Core
+ *
+ * Instance of [[Core]] chain executor. You may need it to add new rules when
+ * writing plugins. For simple rules control use [[MarkdownIt.disable]] and
+ * [[MarkdownIt.enable]].
+ **/
+ this.core = new parser_core_default();
+ /**
+ * MarkdownIt#renderer -> Renderer
+ *
+ * Instance of [[Renderer]]. Use it to modify output look. Or to add rendering
+ * rules for new token types, generated by plugins.
+ *
+ * ##### Example
+ *
+ * ```javascript
+ * var md = require('markdown-it')();
+ *
+ * function myToken(tokens, idx, options, env, self) {
+ * //...
+ * return result;
+ * };
+ *
+ * md.renderer.rules['my_token'] = myToken
+ * ```
+ *
+ * See [[Renderer]] docs and [source code](https://github.com/markdown-it/markdown-it/blob/master/lib/renderer.mjs).
+ **/
+ this.renderer = new renderer_default();
+ /**
+ * MarkdownIt#linkify -> LinkifyIt
+ *
+ * [linkify-it](https://github.com/markdown-it/linkify-it) instance.
+ * Used by [linkify](https://github.com/markdown-it/markdown-it/blob/master/lib/rules_core/linkify.mjs)
+ * rule.
+ **/
+ this.linkify = new linkify_it_default();
+ /**
+ * MarkdownIt#validateLink(url) -> Boolean
+ *
+ * Link validation function. CommonMark allows too much in links. By default
+ * we disable `javascript:`, `vbscript:`, `file:` schemas, and almost all `data:...` schemas
+ * except some embedded image types.
+ *
+ * You can change this behaviour:
+ *
+ * ```javascript
+ * var md = require('markdown-it')();
+ * // enable everything
+ * md.validateLink = function () { return true; }
+ * ```
+ **/
+ this.validateLink = validateLink;
+ /**
+ * MarkdownIt#normalizeLink(url) -> String
+ *
+ * Function used to encode link url to a machine-readable format,
+ * which includes url-encoding, punycode, etc.
+ **/
+ this.normalizeLink = normalizeLink;
+ /**
+ * MarkdownIt#normalizeLinkText(url) -> String
+ *
+ * Function used to decode link url to a human-readable format`
+ **/
+ this.normalizeLinkText = normalizeLinkText;
+ /**
+ * MarkdownIt#utils -> utils
+ *
+ * Assorted utility functions, useful to write plugins. See details
+ * [here](https://github.com/markdown-it/markdown-it/blob/master/lib/common/utils.mjs).
+ **/
+ this.utils = utils_exports$1;
+ /**
+ * MarkdownIt#helpers -> helpers
+ *
+ * Link components parser functions, useful to write plugins. See details
+ * [here](https://github.com/markdown-it/markdown-it/blob/master/lib/helpers).
+ **/
+ this.helpers = assign$1({}, helpers_exports);
+ this.options = {};
+ this.configure(presetName);
+ if (options) {
+ this.set(options);
+ }
+}
+/** chainable
+* MarkdownIt.set(options)
+*
+* Set parser options (in the same format as in constructor). Probably, you
+* will never need it, but you can change options after constructor call.
+*
+* ##### Example
+*
+* ```javascript
+* var md = require('markdown-it')()
+* .set({ html: true, breaks: true })
+* .set({ typographer, true });
+* ```
+*
+* __Note:__ To achieve the best possible performance, don't modify a
+* `markdown-it` instance options on the fly. If you need multiple configurations
+* it's best to create multiple instances and initialize each with separate
+* config.
+**/
+MarkdownIt.prototype.set = function(options) {
+ assign$1(this.options, options);
+ return this;
+};
+/** chainable, internal
+* MarkdownIt.configure(presets)
+*
+* Batch load of all options and compenent settings. This is internal method,
+* and you probably will not need it. But if you will - see available presets
+* and data structure [here](https://github.com/markdown-it/markdown-it/tree/master/lib/presets)
+*
+* We strongly recommend to use presets instead of direct config loads. That
+* will give better compatibility with next versions.
+**/
+MarkdownIt.prototype.configure = function(presets) {
+ const self = this;
+ if (isString$1(presets)) {
+ const presetName = presets;
+ presets = config[presetName];
+ if (!presets) {
+ throw new Error("Wrong `markdown-it` preset \"" + presetName + "\", check name");
+ }
+ }
+ if (!presets) {
+ throw new Error("Wrong `markdown-it` preset, can't be empty");
+ }
+ if (presets.options) {
+ self.set(presets.options);
+ }
+ if (presets.components) {
+ Object.keys(presets.components).forEach(function(name) {
+ if (presets.components[name].rules) {
+ self[name].ruler.enableOnly(presets.components[name].rules);
+ }
+ if (presets.components[name].rules2) {
+ self[name].ruler2.enableOnly(presets.components[name].rules2);
+ }
+ });
+ }
+ return this;
+};
+/** chainable
+* MarkdownIt.enable(list, ignoreInvalid)
+* - list (String|Array): rule name or list of rule names to enable
+* - ignoreInvalid (Boolean): set `true` to ignore errors when rule not found.
+*
+* Enable list or rules. It will automatically find appropriate components,
+* containing rules with given names. If rule not found, and `ignoreInvalid`
+* not set - throws exception.
+*
+* ##### Example
+*
+* ```javascript
+* var md = require('markdown-it')()
+* .enable(['sub', 'sup'])
+* .disable('smartquotes');
+* ```
+**/
+MarkdownIt.prototype.enable = function(list$1, ignoreInvalid) {
+ let result = [];
+ if (!Array.isArray(list$1)) {
+ list$1 = [list$1];
+ }
+ [
+ "core",
+ "block",
+ "inline"
+ ].forEach(function(chain) {
+ result = result.concat(this[chain].ruler.enable(list$1, true));
+ }, this);
+ result = result.concat(this.inline.ruler2.enable(list$1, true));
+ const missed = list$1.filter(function(name) {
+ return result.indexOf(name) < 0;
+ });
+ if (missed.length && !ignoreInvalid) {
+ throw new Error("MarkdownIt. Failed to enable unknown rule(s): " + missed);
+ }
+ return this;
+};
+/** chainable
+* MarkdownIt.disable(list, ignoreInvalid)
+* - list (String|Array): rule name or list of rule names to disable.
+* - ignoreInvalid (Boolean): set `true` to ignore errors when rule not found.
+*
+* The same as [[MarkdownIt.enable]], but turn specified rules off.
+**/
+MarkdownIt.prototype.disable = function(list$1, ignoreInvalid) {
+ let result = [];
+ if (!Array.isArray(list$1)) {
+ list$1 = [list$1];
+ }
+ [
+ "core",
+ "block",
+ "inline"
+ ].forEach(function(chain) {
+ result = result.concat(this[chain].ruler.disable(list$1, true));
+ }, this);
+ result = result.concat(this.inline.ruler2.disable(list$1, true));
+ const missed = list$1.filter(function(name) {
+ return result.indexOf(name) < 0;
+ });
+ if (missed.length && !ignoreInvalid) {
+ throw new Error("MarkdownIt. Failed to disable unknown rule(s): " + missed);
+ }
+ return this;
+};
+/** chainable
+* MarkdownIt.use(plugin, params)
+*
+* Load specified plugin with given params into current parser instance.
+* It's just a sugar to call `plugin(md, params)` with curring.
+*
+* ##### Example
+*
+* ```javascript
+* var iterator = require('markdown-it-for-inline');
+* var md = require('markdown-it')()
+* .use(iterator, 'foo_replace', 'text', function (tokens, idx) {
+* tokens[idx].content = tokens[idx].content.replace(/foo/g, 'bar');
+* });
+* ```
+**/
+MarkdownIt.prototype.use = function(plugin) {
+ const args = [this].concat(Array.prototype.slice.call(arguments, 1));
+ plugin.apply(plugin, args);
+ return this;
+};
+/** internal
+* MarkdownIt.parse(src, env) -> Array
+* - src (String): source string
+* - env (Object): environment sandbox
+*
+* Parse input string and return list of block tokens (special token type
+* "inline" will contain list of inline tokens). You should not call this
+* method directly, until you write custom renderer (for example, to produce
+* AST).
+*
+* `env` is used to pass data between "distributed" rules and return additional
+* metadata like reference info, needed for the renderer. It also can be used to
+* inject data in specific cases. Usually, you will be ok to pass `{}`,
+* and then pass updated object to renderer.
+**/
+MarkdownIt.prototype.parse = function(src, env) {
+ if (typeof src !== "string") {
+ throw new Error("Input data should be a String");
+ }
+ const state = new this.core.State(src, this, env);
+ this.core.process(state);
+ return state.tokens;
+};
+/**
+* MarkdownIt.render(src [, env]) -> String
+* - src (String): source string
+* - env (Object): environment sandbox
+*
+* Render markdown string into html. It does all magic for you :).
+*
+* `env` can be used to inject additional metadata (`{}` by default).
+* But you will not need it with high probability. See also comment
+* in [[MarkdownIt.parse]].
+**/
+MarkdownIt.prototype.render = function(src, env) {
+ env = env || {};
+ return this.renderer.render(this.parse(src, env), this.options, env);
+};
+/** internal
+* MarkdownIt.parseInline(src, env) -> Array
+* - src (String): source string
+* - env (Object): environment sandbox
+*
+* The same as [[MarkdownIt.parse]] but skip all block rules. It returns the
+* block tokens list with the single `inline` element, containing parsed inline
+* tokens in `children` property. Also updates `env` object.
+**/
+MarkdownIt.prototype.parseInline = function(src, env) {
+ const state = new this.core.State(src, this, env);
+ state.inlineMode = true;
+ this.core.process(state);
+ return state.tokens;
+};
+/**
+* MarkdownIt.renderInline(src [, env]) -> String
+* - src (String): source string
+* - env (Object): environment sandbox
+*
+* Similar to [[MarkdownIt.render]] but for single paragraph content. Result
+* will NOT be wrapped into `` tags.
+**/
+MarkdownIt.prototype.renderInline = function(src, env) {
+ env = env || {};
+ return this.renderer.render(this.parseInline(src, env), this.options, env);
+};
+var lib_default = MarkdownIt;
+
+//#endregion
+//#region vendor/a2ui/renderers/lit/dist/src/0.8/ui/directives/sanitizer.js
+/**
+* This is only safe for (and intended to be used for) text node positions. If
+* you are using attribute position, then this is only safe if the attribute
+* value is surrounded by double-quotes, and is unsafe otherwise (because the
+* value could break out of the attribute value and e.g. add another attribute).
+*/
+function escapeNodeText(str) {
+ const frag = document.createElement("div");
+ B(x`${str}`, frag);
+ return frag.innerHTML.replaceAll(//gim, "");
+}
+function unescapeNodeText(str) {
+ if (!str) {
+ return "";
+ }
+ const frag = document.createElement("textarea");
+ frag.innerHTML = str;
+ return frag.value;
+}
+
+//#endregion
+//#region vendor/a2ui/renderers/lit/dist/src/0.8/ui/directives/markdown.js
+var MarkdownDirective = class extends i$3 {
+ #markdownIt = lib_default({ highlight: (str, lang) => {
+ switch (lang) {
+ case "html": {
+ const iframe = document.createElement("iframe");
+ iframe.classList.add("html-view");
+ iframe.srcdoc = str;
+ iframe.sandbox = "";
+ return iframe.innerHTML;
+ }
+ default: return escapeNodeText(str);
+ }
+ } });
+ #lastValue = null;
+ #lastTagClassMap = null;
+ update(_part, [value, tagClassMap]) {
+ if (this.#lastValue === value && JSON.stringify(tagClassMap) === this.#lastTagClassMap) {
+ return T;
+ }
+ this.#lastValue = value;
+ this.#lastTagClassMap = JSON.stringify(tagClassMap);
+ return this.render(value, tagClassMap);
+ }
+ #originalClassMap = new Map();
+ #applyTagClassMap(tagClassMap) {
+ Object.entries(tagClassMap).forEach(([tag]) => {
+ let tokenName;
+ switch (tag) {
+ case "p":
+ tokenName = "paragraph";
+ break;
+ case "h1":
+ case "h2":
+ case "h3":
+ case "h4":
+ case "h5":
+ case "h6":
+ tokenName = "heading";
+ break;
+ case "ul":
+ tokenName = "bullet_list";
+ break;
+ case "ol":
+ tokenName = "ordered_list";
+ break;
+ case "li":
+ tokenName = "list_item";
+ break;
+ case "a":
+ tokenName = "link";
+ break;
+ case "strong":
+ tokenName = "strong";
+ break;
+ case "em":
+ tokenName = "em";
+ break;
+ }
+ if (!tokenName) {
+ return;
+ }
+ const key = `${tokenName}_open`;
+ this.#markdownIt.renderer.rules[key] = (tokens, idx, options, _env, self) => {
+ const token = tokens[idx];
+ const tokenClasses = tagClassMap[token.tag] ?? [];
+ for (const clazz of tokenClasses) {
+ token.attrJoin("class", clazz);
+ }
+ return self.renderToken(tokens, idx, options);
+ };
+ });
+ }
+ #unapplyTagClassMap() {
+ for (const [key] of this.#originalClassMap) {
+ delete this.#markdownIt.renderer.rules[key];
+ }
+ this.#originalClassMap.clear();
+ }
+ /**
+ * Renders the markdown string to HTML using MarkdownIt.
+ *
+ * Note: MarkdownIt doesn't enable HTML in its output, so we render the
+ * value directly without further sanitization.
+ * @see https://github.com/markdown-it/markdown-it/blob/master/docs/security.md
+ */
+ render(value, tagClassMap) {
+ if (tagClassMap) {
+ this.#applyTagClassMap(tagClassMap);
+ }
+ const htmlString = this.#markdownIt.render(value);
+ this.#unapplyTagClassMap();
+ return o$1(htmlString);
+ }
+};
+const markdown = e$1(MarkdownDirective);
+const markdownItStandalone = lib_default();
+function renderMarkdownToHtmlString(value) {
+ return markdownItStandalone.render(value);
+}
+
+//#endregion
+//#region vendor/a2ui/renderers/lit/dist/src/0.8/ui/text.js
+var __esDecorate$1 = void 0 && (void 0).__esDecorate || function(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+ function accept(f$4) {
+ if (f$4 !== void 0 && typeof f$4 !== "function") throw new TypeError("Function expected");
+ return f$4;
+ }
+ var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+ var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+ var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+ var _$1, done = false;
+ for (var i$10 = decorators.length - 1; i$10 >= 0; i$10--) {
+ var context = {};
+ for (var p$3 in contextIn) context[p$3] = p$3 === "access" ? {} : contextIn[p$3];
+ for (var p$3 in contextIn.access) context.access[p$3] = contextIn.access[p$3];
+ context.addInitializer = function(f$4) {
+ if (done) throw new TypeError("Cannot add initializers after decoration has completed");
+ extraInitializers.push(accept(f$4 || null));
+ };
+ var result = (0, decorators[i$10])(kind === "accessor" ? {
+ get: descriptor.get,
+ set: descriptor.set
+ } : descriptor[key], context);
+ if (kind === "accessor") {
+ if (result === void 0) continue;
+ if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+ if (_$1 = accept(result.get)) descriptor.get = _$1;
+ if (_$1 = accept(result.set)) descriptor.set = _$1;
+ if (_$1 = accept(result.init)) initializers.unshift(_$1);
+ } else if (_$1 = accept(result)) {
+ if (kind === "field") initializers.unshift(_$1);
+ else descriptor[key] = _$1;
+ }
+ }
+ if (target) Object.defineProperty(target, contextIn.name, descriptor);
+ done = true;
+};
+var __runInitializers$1 = void 0 && (void 0).__runInitializers || function(thisArg, initializers, value) {
+ var useValue = arguments.length > 2;
+ for (var i$10 = 0; i$10 < initializers.length; i$10++) {
+ value = useValue ? initializers[i$10].call(thisArg, value) : initializers[i$10].call(thisArg);
+ }
+ return useValue ? value : void 0;
+};
+let Text = (() => {
+ let _classDecorators = [t("a2ui-text")];
+ let _classDescriptor;
+ let _classExtraInitializers = [];
+ let _classThis;
+ let _classSuper = Root;
+ let _text_decorators;
+ let _text_initializers = [];
+ let _text_extraInitializers = [];
+ let _usageHint_decorators;
+ let _usageHint_initializers = [];
+ let _usageHint_extraInitializers = [];
+ var Text$1 = class extends _classSuper {
+ static {
+ _classThis = this;
+ }
+ static {
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+ _text_decorators = [n()];
+ _usageHint_decorators = [n({
+ reflect: true,
+ attribute: "usage-hint"
+ })];
+ __esDecorate$1(this, null, _text_decorators, {
+ kind: "accessor",
+ name: "text",
+ static: false,
+ private: false,
+ access: {
+ has: (obj) => "text" in obj,
+ get: (obj) => obj.text,
+ set: (obj, value) => {
+ obj.text = value;
+ }
+ },
+ metadata: _metadata
+ }, _text_initializers, _text_extraInitializers);
+ __esDecorate$1(this, null, _usageHint_decorators, {
+ kind: "accessor",
+ name: "usageHint",
+ static: false,
+ private: false,
+ access: {
+ has: (obj) => "usageHint" in obj,
+ get: (obj) => obj.usageHint,
+ set: (obj, value) => {
+ obj.usageHint = value;
+ }
+ },
+ metadata: _metadata
+ }, _usageHint_initializers, _usageHint_extraInitializers);
+ __esDecorate$1(null, _classDescriptor = { value: _classThis }, _classDecorators, {
+ kind: "class",
+ name: _classThis.name,
+ metadata: _metadata
+ }, null, _classExtraInitializers);
+ Text$1 = _classThis = _classDescriptor.value;
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, {
+ enumerable: true,
+ configurable: true,
+ writable: true,
+ value: _metadata
+ });
+ }
+ #text_accessor_storage = __runInitializers$1(this, _text_initializers, null);
+ get text() {
+ return this.#text_accessor_storage;
+ }
+ set text(value) {
+ this.#text_accessor_storage = value;
+ }
+ #usageHint_accessor_storage = (__runInitializers$1(this, _text_extraInitializers), __runInitializers$1(this, _usageHint_initializers, null));
+ get usageHint() {
+ return this.#usageHint_accessor_storage;
+ }
+ set usageHint(value) {
+ this.#usageHint_accessor_storage = value;
+ }
+ static {
+ this.styles = [structuralStyles, i`
+ :host {
+ display: block;
+ flex: var(--weight);
+ }
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5 {
+ line-height: inherit;
+ font: inherit;
+ }
+ `];
+ }
+ #renderText() {
+ let textValue = null;
+ if (this.text && typeof this.text === "object") {
+ if ("literalString" in this.text && this.text.literalString) {
+ textValue = this.text.literalString;
+ } else if ("literal" in this.text && this.text.literal !== undefined) {
+ textValue = this.text.literal;
+ } else if (this.text && "path" in this.text && this.text.path) {
+ if (!this.processor || !this.component) {
+ return x`(no model)`;
+ }
+ const value = this.processor.getData(this.component, this.text.path, this.surfaceId ?? A2uiMessageProcessor.DEFAULT_SURFACE_ID);
+ if (value !== null && value !== undefined) {
+ textValue = value.toString();
+ }
+ }
+ }
+ if (textValue === null || textValue === undefined) {
+ return x`(empty)`;
+ }
+ let markdownText = textValue;
+ switch (this.usageHint) {
+ case "h1":
+ markdownText = `# ${markdownText}`;
+ break;
+ case "h2":
+ markdownText = `## ${markdownText}`;
+ break;
+ case "h3":
+ markdownText = `### ${markdownText}`;
+ break;
+ case "h4":
+ markdownText = `#### ${markdownText}`;
+ break;
+ case "h5":
+ markdownText = `##### ${markdownText}`;
+ break;
+ case "caption":
+ markdownText = `*${markdownText}*`;
+ break;
+ default: break;
+ }
+ return x`${markdown(markdownText, appendToAll(this.theme.markdown, [
+ "ol",
+ "ul",
+ "li"
+ ], {}))}`;
+ }
+ #areHintedStyles(styles) {
+ if (typeof styles !== "object") return false;
+ if (Array.isArray(styles)) return false;
+ if (!styles) return false;
+ const expected = [
+ "h1",
+ "h2",
+ "h3",
+ "h4",
+ "h5",
+ "h6",
+ "caption",
+ "body"
+ ];
+ return expected.every((v$2) => v$2 in styles);
+ }
+ #getAdditionalStyles() {
+ let additionalStyles = {};
+ const styles = this.theme.additionalStyles?.Text;
+ if (!styles) return additionalStyles;
+ if (this.#areHintedStyles(styles)) {
+ const hint = this.usageHint ?? "body";
+ additionalStyles = styles[hint];
+ } else {
+ additionalStyles = styles;
+ }
+ return additionalStyles;
+ }
+ render() {
+ const classes = merge(this.theme.components.Text.all, this.usageHint ? this.theme.components.Text[this.usageHint] : {});
+ return x`
+ ${this.#renderText()}
+ `;
+ }
+ constructor() {
+ super(...arguments);
+ __runInitializers$1(this, _usageHint_extraInitializers);
+ }
+ static {
+ __runInitializers$1(_classThis, _classExtraInitializers);
+ }
+ };
+ return Text$1 = _classThis;
+})();
+
+//#endregion
+//#region vendor/a2ui/renderers/lit/dist/src/0.8/ui/video.js
+var __esDecorate = void 0 && (void 0).__esDecorate || function(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+ function accept(f$4) {
+ if (f$4 !== void 0 && typeof f$4 !== "function") throw new TypeError("Function expected");
+ return f$4;
+ }
+ var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+ var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+ var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+ var _$1, done = false;
+ for (var i$10 = decorators.length - 1; i$10 >= 0; i$10--) {
+ var context = {};
+ for (var p$3 in contextIn) context[p$3] = p$3 === "access" ? {} : contextIn[p$3];
+ for (var p$3 in contextIn.access) context.access[p$3] = contextIn.access[p$3];
+ context.addInitializer = function(f$4) {
+ if (done) throw new TypeError("Cannot add initializers after decoration has completed");
+ extraInitializers.push(accept(f$4 || null));
+ };
+ var result = (0, decorators[i$10])(kind === "accessor" ? {
+ get: descriptor.get,
+ set: descriptor.set
+ } : descriptor[key], context);
+ if (kind === "accessor") {
+ if (result === void 0) continue;
+ if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+ if (_$1 = accept(result.get)) descriptor.get = _$1;
+ if (_$1 = accept(result.set)) descriptor.set = _$1;
+ if (_$1 = accept(result.init)) initializers.unshift(_$1);
+ } else if (_$1 = accept(result)) {
+ if (kind === "field") initializers.unshift(_$1);
+ else descriptor[key] = _$1;
+ }
+ }
+ if (target) Object.defineProperty(target, contextIn.name, descriptor);
+ done = true;
+};
+var __runInitializers = void 0 && (void 0).__runInitializers || function(thisArg, initializers, value) {
+ var useValue = arguments.length > 2;
+ for (var i$10 = 0; i$10 < initializers.length; i$10++) {
+ value = useValue ? initializers[i$10].call(thisArg, value) : initializers[i$10].call(thisArg);
+ }
+ return useValue ? value : void 0;
+};
+let Video = (() => {
+ let _classDecorators = [t("a2ui-video")];
+ let _classDescriptor;
+ let _classExtraInitializers = [];
+ let _classThis;
+ let _classSuper = Root;
+ let _url_decorators;
+ let _url_initializers = [];
+ let _url_extraInitializers = [];
+ var Video$1 = class extends _classSuper {
+ static {
+ _classThis = this;
+ }
+ static {
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+ _url_decorators = [n()];
+ __esDecorate(this, null, _url_decorators, {
+ kind: "accessor",
+ name: "url",
+ static: false,
+ private: false,
+ access: {
+ has: (obj) => "url" in obj,
+ get: (obj) => obj.url,
+ set: (obj, value) => {
+ obj.url = value;
+ }
+ },
+ metadata: _metadata
+ }, _url_initializers, _url_extraInitializers);
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, {
+ kind: "class",
+ name: _classThis.name,
+ metadata: _metadata
+ }, null, _classExtraInitializers);
+ Video$1 = _classThis = _classDescriptor.value;
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, {
+ enumerable: true,
+ configurable: true,
+ writable: true,
+ value: _metadata
+ });
+ }
+ #url_accessor_storage = __runInitializers(this, _url_initializers, null);
+ get url() {
+ return this.#url_accessor_storage;
+ }
+ set url(value) {
+ this.#url_accessor_storage = value;
+ }
+ static {
+ this.styles = [structuralStyles, i`
+ * {
+ box-sizing: border-box;
+ }
+
+ :host {
+ display: block;
+ flex: var(--weight);
+ min-height: 0;
+ overflow: auto;
+ }
+
+ video {
+ display: block;
+ width: 100%;
+ }
+ `];
+ }
+ #renderVideo() {
+ if (!this.url) {
+ return E;
+ }
+ if (this.url && typeof this.url === "object") {
+ if ("literalString" in this.url) {
+ return x``;
+ } else if ("literal" in this.url) {
+ return x``;
+ } else if (this.url && "path" in this.url && this.url.path) {
+ if (!this.processor || !this.component) {
+ return x`(no processor)`;
+ }
+ const videoUrl = this.processor.getData(this.component, this.url.path, this.surfaceId ?? A2uiMessageProcessor.DEFAULT_SURFACE_ID);
+ if (!videoUrl) {
+ return x`Invalid video URL`;
+ }
+ if (typeof videoUrl !== "string") {
+ return x`Invalid video URL`;
+ }
+ return x``;
+ }
+ }
+ return x`(empty)`;
+ }
+ render() {
+ return x`
+ ${this.#renderVideo()}
+ `;
+ }
+ constructor() {
+ super(...arguments);
+ __runInitializers(this, _url_extraInitializers);
+ }
+ static {
+ __runInitializers(_classThis, _classExtraInitializers);
+ }
+ };
+ return Video$1 = _classThis;
+})();
+
+//#endregion
+//#region vendor/a2ui/renderers/lit/dist/src/0.8/ui/custom-components/index.js
+function registerCustomComponents() {}
+
+//#endregion
+//#region vendor/a2ui/renderers/lit/dist/src/0.8/ui/ui.js
+/**
+* Type-safely retrieves a custom element constructor using the tagName map.
+* @param tagName The tag name to look up (must exist in HTMLElementTagNameMap).
+* @returns The specific constructor type or undefined.
+*/
+function instanceOf(tagName) {
+ const ctor = customElements.get(tagName);
+ if (!ctor) {
+ console.warn("No element definition for", tagName);
+ return;
+ }
+ return new ctor();
+}
+
+//#endregion
+//#region apps/macos/Sources/Clawdis/Resources/CanvasA2UI/bootstrap.js
+const empty = Object.freeze({});
+const emptyClasses = () => ({});
+const textHintStyles = () => ({
+ h1: {},
+ h2: {},
+ h3: {},
+ h4: {},
+ h5: {},
+ body: {},
+ caption: {}
+});
+const clawdisTheme = {
+ components: {
+ AudioPlayer: emptyClasses(),
+ Button: emptyClasses(),
+ Card: emptyClasses(),
+ Column: emptyClasses(),
+ CheckBox: {
+ container: emptyClasses(),
+ element: emptyClasses(),
+ label: emptyClasses()
+ },
+ DateTimeInput: {
+ container: emptyClasses(),
+ element: emptyClasses(),
+ label: emptyClasses()
+ },
+ Divider: emptyClasses(),
+ Image: {
+ all: emptyClasses(),
+ icon: emptyClasses(),
+ avatar: emptyClasses(),
+ smallFeature: emptyClasses(),
+ mediumFeature: emptyClasses(),
+ largeFeature: emptyClasses(),
+ header: emptyClasses()
+ },
+ Icon: emptyClasses(),
+ List: emptyClasses(),
+ Modal: {
+ backdrop: emptyClasses(),
+ element: emptyClasses()
+ },
+ MultipleChoice: {
+ container: emptyClasses(),
+ element: emptyClasses(),
+ label: emptyClasses()
+ },
+ Row: emptyClasses(),
+ Slider: {
+ container: emptyClasses(),
+ element: emptyClasses(),
+ label: emptyClasses()
+ },
+ Tabs: {
+ container: emptyClasses(),
+ element: emptyClasses(),
+ controls: {
+ all: emptyClasses(),
+ selected: emptyClasses()
+ }
+ },
+ Text: {
+ all: emptyClasses(),
+ h1: emptyClasses(),
+ h2: emptyClasses(),
+ h3: emptyClasses(),
+ h4: emptyClasses(),
+ h5: emptyClasses(),
+ caption: emptyClasses(),
+ body: emptyClasses()
+ },
+ TextField: {
+ container: emptyClasses(),
+ element: emptyClasses(),
+ label: emptyClasses()
+ },
+ Video: emptyClasses()
+ },
+ elements: {
+ a: emptyClasses(),
+ audio: emptyClasses(),
+ body: emptyClasses(),
+ button: emptyClasses(),
+ h1: emptyClasses(),
+ h2: emptyClasses(),
+ h3: emptyClasses(),
+ h4: emptyClasses(),
+ h5: emptyClasses(),
+ iframe: emptyClasses(),
+ input: emptyClasses(),
+ p: emptyClasses(),
+ pre: emptyClasses(),
+ textarea: emptyClasses(),
+ video: emptyClasses()
+ },
+ markdown: {
+ p: [],
+ h1: [],
+ h2: [],
+ h3: [],
+ h4: [],
+ h5: [],
+ ul: [],
+ ol: [],
+ li: [],
+ a: [],
+ strong: [],
+ em: []
+ },
+ additionalStyles: {
+ Card: {
+ background: "linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03))",
+ border: "1px solid rgba(255,255,255,.09)",
+ borderRadius: "14px",
+ padding: "14px",
+ boxShadow: "0 10px 30px rgba(0,0,0,.35)"
+ },
+ Column: { gap: "10px" },
+ Row: {
+ gap: "10px",
+ alignItems: "center"
+ },
+ Divider: { opacity: "0.25" },
+ Button: {
+ background: "linear-gradient(135deg, #22c55e 0%, #06b6d4 100%)",
+ border: "0",
+ borderRadius: "12px",
+ padding: "10px 14px",
+ color: "#071016",
+ fontWeight: "650",
+ cursor: "pointer",
+ boxShadow: "0 10px 25px rgba(6, 182, 212, 0.18)"
+ },
+ Text: {
+ ...textHintStyles(),
+ h1: {
+ fontSize: "20px",
+ fontWeight: "750",
+ margin: "0 0 6px 0"
+ },
+ h2: {
+ fontSize: "16px",
+ fontWeight: "700",
+ margin: "0 0 6px 0"
+ },
+ body: {
+ fontSize: "13px",
+ lineHeight: "1.4"
+ },
+ caption: { opacity: "0.8" }
+ },
+ TextField: {
+ display: "grid",
+ gap: "6px"
+ },
+ Image: { borderRadius: "12px" }
+ }
+};
+var ClawdisA2UIHost = class extends i$1 {
+ static properties = {
+ surfaces: { state: true },
+ pendingAction: { state: true },
+ toast: { state: true }
+ };
+ #processor = Data.createSignalA2uiMessageProcessor();
+ #themeProvider = new i$2(this, {
+ context: themeContext,
+ initialValue: clawdisTheme
+ });
+ surfaces = [];
+ pendingAction = null;
+ toast = null;
+ #statusListener = null;
+ static styles = i`
+ :host {
+ display: block;
+ height: 100%;
+ position: relative;
+ box-sizing: border-box;
+ padding: 12px;
+ }
+
+ #surfaces {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 12px;
+ height: 100%;
+ overflow: auto;
+ padding-bottom: 24px;
+ }
+
+ .status {
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+ top: 12px;
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ padding: 8px 10px;
+ border-radius: 12px;
+ background: rgba(0, 0, 0, 0.45);
+ border: 1px solid rgba(255, 255, 255, 0.18);
+ color: rgba(255, 255, 255, 0.92);
+ font: 13px/1.2 -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
+ pointer-events: none;
+ backdrop-filter: blur(14px);
+ -webkit-backdrop-filter: blur(14px);
+ box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
+ z-index: 5;
+ }
+
+ .toast {
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+ bottom: 12px;
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ padding: 8px 10px;
+ border-radius: 12px;
+ background: rgba(0, 0, 0, 0.45);
+ border: 1px solid rgba(255, 255, 255, 0.18);
+ color: rgba(255, 255, 255, 0.92);
+ font: 13px/1.2 -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
+ pointer-events: none;
+ backdrop-filter: blur(14px);
+ -webkit-backdrop-filter: blur(14px);
+ box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
+ z-index: 5;
+ }
+
+ .toast.error {
+ border-color: rgba(255, 109, 109, 0.35);
+ color: rgba(255, 223, 223, 0.98);
+ }
+
+ .spinner {
+ width: 12px;
+ height: 12px;
+ border-radius: 999px;
+ border: 2px solid rgba(255, 255, 255, 0.25);
+ border-top-color: rgba(255, 255, 255, 0.92);
+ animation: spin 0.75s linear infinite;
+ }
+
+ @keyframes spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+ }
+ `;
+ connectedCallback() {
+ super.connectedCallback();
+ globalThis.clawdisA2UI = {
+ applyMessages: (messages) => this.applyMessages(messages),
+ reset: () => this.reset(),
+ getSurfaces: () => Array.from(this.#processor.getSurfaces().keys())
+ };
+ this.addEventListener("a2uiaction", (evt) => this.#handleA2UIAction(evt));
+ this.#statusListener = (evt) => this.#handleActionStatus(evt);
+ globalThis.addEventListener("clawdis:a2ui-action-status", this.#statusListener);
+ this.#syncSurfaces();
+ }
+ disconnectedCallback() {
+ super.disconnectedCallback();
+ if (this.#statusListener) {
+ globalThis.removeEventListener("clawdis:a2ui-action-status", this.#statusListener);
+ this.#statusListener = null;
+ }
+ }
+ #makeActionId() {
+ return globalThis.crypto?.randomUUID?.() ?? `a2ui_${Date.now()}_${Math.random().toString(16).slice(2)}`;
+ }
+ #setToast(text$1, kind = "ok", timeoutMs = 1400) {
+ const toast = {
+ text: text$1,
+ kind,
+ expiresAt: Date.now() + timeoutMs
+ };
+ this.toast = toast;
+ this.requestUpdate();
+ setTimeout(() => {
+ if (this.toast === toast) {
+ this.toast = null;
+ this.requestUpdate();
+ }
+ }, timeoutMs + 30);
+ }
+ #handleActionStatus(evt) {
+ const detail = evt?.detail ?? null;
+ if (!detail || typeof detail.id !== "string") return;
+ if (!this.pendingAction || this.pendingAction.id !== detail.id) return;
+ if (detail.ok) {
+ this.pendingAction = {
+ ...this.pendingAction,
+ phase: "sent",
+ sentAt: Date.now()
+ };
+ } else {
+ const msg = typeof detail.error === "string" && detail.error ? detail.error : "send failed";
+ this.pendingAction = {
+ ...this.pendingAction,
+ phase: "error",
+ error: msg
+ };
+ this.#setToast(`Failed: ${msg}`, "error", 4500);
+ }
+ this.requestUpdate();
+ }
+ #handleA2UIAction(evt) {
+ const payload = evt?.detail ?? evt?.payload ?? null;
+ if (!payload || payload.eventType !== "a2ui.action") {
+ return;
+ }
+ const action = payload.action;
+ const name = action?.name;
+ if (!name) {
+ return;
+ }
+ const sourceComponentId = payload.sourceComponentId ?? "";
+ const surfaces = this.#processor.getSurfaces();
+ let surfaceId = null;
+ let sourceNode = null;
+ for (const [sid, surface] of surfaces.entries()) {
+ const node = surface?.components?.get?.(sourceComponentId) ?? null;
+ if (node) {
+ surfaceId = sid;
+ sourceNode = node;
+ break;
+ }
+ }
+ const context = {};
+ const ctxItems = Array.isArray(action?.context) ? action.context : [];
+ for (const item of ctxItems) {
+ const key = item?.key;
+ const value = item?.value ?? null;
+ if (!key || !value) continue;
+ if (typeof value.path === "string") {
+ const resolved = sourceNode ? this.#processor.getData(sourceNode, value.path, surfaceId ?? undefined) : null;
+ context[key] = resolved;
+ continue;
+ }
+ if (Object.prototype.hasOwnProperty.call(value, "literalString")) {
+ context[key] = value.literalString ?? "";
+ continue;
+ }
+ if (Object.prototype.hasOwnProperty.call(value, "literalNumber")) {
+ context[key] = value.literalNumber ?? 0;
+ continue;
+ }
+ if (Object.prototype.hasOwnProperty.call(value, "literalBoolean")) {
+ context[key] = value.literalBoolean ?? false;
+ continue;
+ }
+ }
+ const actionId = this.#makeActionId();
+ this.pendingAction = {
+ id: actionId,
+ name,
+ phase: "sending",
+ startedAt: Date.now()
+ };
+ this.requestUpdate();
+ const userAction = {
+ id: actionId,
+ name,
+ surfaceId: surfaceId ?? "main",
+ sourceComponentId,
+ timestamp: new Date().toISOString(),
+ ...Object.keys(context).length ? { context } : {}
+ };
+ globalThis.__clawdisLastA2UIAction = userAction;
+ const handler = globalThis.webkit?.messageHandlers?.clawdisCanvasA2UIAction;
+ if (handler?.postMessage) {
+ try {
+ handler.postMessage({ userAction });
+ } catch (e$14) {
+ const msg = String(e$14?.message ?? e$14);
+ this.pendingAction = {
+ id: actionId,
+ name,
+ phase: "error",
+ startedAt: Date.now(),
+ error: msg
+ };
+ this.#setToast(`Failed: ${msg}`, "error", 4500);
+ }
+ } else {
+ this.pendingAction = {
+ id: actionId,
+ name,
+ phase: "error",
+ startedAt: Date.now(),
+ error: "missing native bridge"
+ };
+ this.#setToast("Failed: missing native bridge", "error", 4500);
+ }
+ }
+ applyMessages(messages) {
+ if (!Array.isArray(messages)) {
+ throw new Error("A2UI: expected messages array");
+ }
+ this.#processor.processMessages(messages);
+ this.#syncSurfaces();
+ if (this.pendingAction?.phase === "sent") {
+ this.#setToast(`Updated: ${this.pendingAction.name}`, "ok", 1100);
+ this.pendingAction = null;
+ }
+ this.requestUpdate();
+ return {
+ ok: true,
+ surfaces: this.surfaces.map(([id]) => id)
+ };
+ }
+ reset() {
+ this.#processor.clearSurfaces();
+ this.#syncSurfaces();
+ this.pendingAction = null;
+ this.requestUpdate();
+ return { ok: true };
+ }
+ #syncSurfaces() {
+ this.surfaces = Array.from(this.#processor.getSurfaces().entries());
+ }
+ render() {
+ if (this.surfaces.length === 0) {
+ return x`
+
Canvas (A2UI)
+
Waiting for A2UI messages…
+
${this.toast.text}
` : ""}
+
+ ${c(this.surfaces, ([surfaceId]) => surfaceId, ([surfaceId, surface]) => x``)}
+ `;
+ }
+};
+customElements.define("clawdis-a2ui-host", ClawdisA2UIHost);
+
+//#endregion
\ No newline at end of file
diff --git a/apps/android/app/src/main/assets/canvas_a2ui/index.html b/apps/android/app/src/main/assets/canvas_a2ui/index.html
new file mode 100644
index 000000000..eef5b4d60
--- /dev/null
+++ b/apps/android/app/src/main/assets/canvas_a2ui/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+ Canvas
+
+
+
+
+
+
+
diff --git a/apps/android/app/src/main/java/com/steipete/clawdis/node/NodeRuntime.kt b/apps/android/app/src/main/java/com/steipete/clawdis/node/NodeRuntime.kt
index a9e78272d..d2159d436 100644
--- a/apps/android/app/src/main/java/com/steipete/clawdis/node/NodeRuntime.kt
+++ b/apps/android/app/src/main/java/com/steipete/clawdis/node/NodeRuntime.kt
@@ -18,6 +18,7 @@ import com.steipete.clawdis.node.node.CameraCaptureManager
import com.steipete.clawdis.node.node.CanvasController
import com.steipete.clawdis.node.protocol.ClawdisCapability
import com.steipete.clawdis.node.protocol.ClawdisCameraCommand
+import com.steipete.clawdis.node.protocol.ClawdisCanvasA2UICommand
import com.steipete.clawdis.node.protocol.ClawdisCanvasCommand
import com.steipete.clawdis.node.voice.VoiceWakeManager
import kotlinx.coroutines.CoroutineScope
@@ -268,15 +269,17 @@ class NodeRuntime(context: Context) {
val invokeCommands =
buildList {
- add("canvas.show")
- add("canvas.hide")
- add("canvas.setMode")
- add("canvas.navigate")
- add("canvas.eval")
- add("canvas.snapshot")
+ add(ClawdisCanvasCommand.Show.rawValue)
+ add(ClawdisCanvasCommand.Hide.rawValue)
+ add(ClawdisCanvasCommand.SetMode.rawValue)
+ add(ClawdisCanvasCommand.Navigate.rawValue)
+ add(ClawdisCanvasCommand.Eval.rawValue)
+ add(ClawdisCanvasCommand.Snapshot.rawValue)
+ add(ClawdisCanvasA2UICommand.Push.rawValue)
+ add(ClawdisCanvasA2UICommand.Reset.rawValue)
if (cameraEnabled.value) {
- add("camera.snap")
- add("camera.clip")
+ add(ClawdisCameraCommand.Snap.rawValue)
+ add(ClawdisCameraCommand.Clip.rawValue)
}
}
val resolved =
@@ -447,6 +450,7 @@ class NodeRuntime(context: Context) {
private suspend fun handleInvoke(command: String, paramsJson: String?): BridgeSession.InvokeResult {
if (
command.startsWith(ClawdisCanvasCommand.NamespacePrefix) ||
+ command.startsWith(ClawdisCanvasA2UICommand.NamespacePrefix) ||
command.startsWith(ClawdisCameraCommand.NamespacePrefix)
) {
if (!isForeground.value) {
@@ -507,6 +511,29 @@ class NodeRuntime(context: Context) {
}
BridgeSession.InvokeResult.ok("""{"format":"png","base64":"$base64"}""")
}
+ ClawdisCanvasA2UICommand.Reset.rawValue -> {
+ val ready = ensureA2uiReady()
+ if (!ready) {
+ return BridgeSession.InvokeResult.error(code = "A2UI_NOT_READY", message = "A2UI not ready")
+ }
+ val res = canvas.eval(a2uiResetJS)
+ BridgeSession.InvokeResult.ok(res)
+ }
+ ClawdisCanvasA2UICommand.Push.rawValue, ClawdisCanvasA2UICommand.PushJSONL.rawValue -> {
+ val messages =
+ try {
+ decodeA2uiMessages(command, paramsJson)
+ } catch (err: Throwable) {
+ return BridgeSession.InvokeResult.error(code = "INVALID_REQUEST", message = err.message ?: "invalid A2UI payload")
+ }
+ val ready = ensureA2uiReady()
+ if (!ready) {
+ return BridgeSession.InvokeResult.error(code = "A2UI_NOT_READY", message = "A2UI not ready")
+ }
+ val js = a2uiApplyMessagesJS(messages)
+ val res = canvas.eval(js)
+ BridgeSession.InvokeResult.ok(res)
+ }
ClawdisCameraCommand.Snap.rawValue -> {
val res = camera.snap(paramsJson)
BridgeSession.InvokeResult.ok(res.payloadJson)
@@ -528,10 +555,128 @@ class NodeRuntime(context: Context) {
)
}
}
+
+ private suspend fun ensureA2uiReady(): Boolean {
+ try {
+ val already = canvas.eval(a2uiReadyCheckJS)
+ if (already == "true") return true
+ } catch (_: Throwable) {
+ // ignore
+ }
+
+ canvas.navigate(a2uiIndexUrl)
+ repeat(50) {
+ try {
+ val ready = canvas.eval(a2uiReadyCheckJS)
+ if (ready == "true") return true
+ } catch (_: Throwable) {
+ // ignore
+ }
+ delay(120)
+ }
+ return false
+ }
+
+ private fun decodeA2uiMessages(command: String, paramsJson: String?): String {
+ val raw = paramsJson?.trim().orEmpty()
+ if (raw.isBlank()) throw IllegalArgumentException("INVALID_REQUEST: paramsJSON required")
+
+ if (command == ClawdisCanvasA2UICommand.PushJSONL.rawValue) {
+ val obj =
+ json.parseToJsonElement(raw) as? JsonObject
+ ?: throw IllegalArgumentException("INVALID_REQUEST: expected object params")
+ val jsonl = (obj["jsonl"] as? JsonPrimitive)?.content?.trim().orEmpty()
+ if (jsonl.isBlank()) throw IllegalArgumentException("INVALID_REQUEST: jsonl required")
+ val messages =
+ jsonl
+ .lineSequence()
+ .map { it.trim() }
+ .filter { it.isNotBlank() }
+ .mapIndexed { idx, line ->
+ val el = json.parseToJsonElement(line)
+ val msg =
+ el as? JsonObject
+ ?: throw IllegalArgumentException("A2UI JSONL line ${idx + 1}: expected a JSON object")
+ validateA2uiV0_8(msg, idx + 1)
+ msg
+ }
+ .toList()
+ return JsonArray(messages).toString()
+ }
+
+ val obj =
+ json.parseToJsonElement(raw) as? JsonObject
+ ?: throw IllegalArgumentException("INVALID_REQUEST: expected object params")
+ val arr = obj["messages"] as? JsonArray ?: throw IllegalArgumentException("INVALID_REQUEST: messages[] required")
+ val out =
+ arr.mapIndexed { idx, el ->
+ val msg =
+ el as? JsonObject
+ ?: throw IllegalArgumentException("A2UI messages[${idx}]: expected a JSON object")
+ validateA2uiV0_8(msg, idx + 1)
+ msg
+ }
+ return JsonArray(out).toString()
+ }
+
+ private fun validateA2uiV0_8(msg: JsonObject, lineNumber: Int) {
+ if (msg.containsKey("createSurface")) {
+ throw IllegalArgumentException(
+ "A2UI JSONL line $lineNumber: looks like A2UI v0.9 (`createSurface`). Canvas supports v0.8 messages only.",
+ )
+ }
+ val allowed = setOf("beginRendering", "surfaceUpdate", "dataModelUpdate", "deleteSurface")
+ val matched = msg.keys.filter { allowed.contains(it) }
+ if (matched.size != 1) {
+ val found = msg.keys.sorted().joinToString(", ")
+ throw IllegalArgumentException(
+ "A2UI JSONL line $lineNumber: expected exactly one of ${allowed.sorted().joinToString(", ")}; found: $found",
+ )
+ }
+ }
}
private data class Quad(val first: A, val second: B, val third: C, val fourth: D)
+private const val a2uiIndexUrl: String = "file:///android_asset/canvas_a2ui/index.html"
+
+private const val a2uiReadyCheckJS: String =
+ """
+ (() => {
+ try {
+ return !!globalThis.clawdisA2UI && typeof globalThis.clawdisA2UI.applyMessages === 'function';
+ } catch (_) {
+ return false;
+ }
+ })()
+ """
+
+private const val a2uiResetJS: String =
+ """
+ (() => {
+ try {
+ if (!globalThis.clawdisA2UI) return { ok: false, error: "missing clawdisA2UI" };
+ return globalThis.clawdisA2UI.reset();
+ } catch (e) {
+ return { ok: false, error: String(e?.message ?? e) };
+ }
+ })()
+ """
+
+private fun a2uiApplyMessagesJS(messagesJson: String): String {
+ return """
+ (() => {
+ try {
+ if (!globalThis.clawdisA2UI) return { ok: false, error: "missing clawdisA2UI" };
+ const messages = $messagesJson;
+ return globalThis.clawdisA2UI.applyMessages(messages);
+ } catch (e) {
+ return { ok: false, error: String(e?.message ?? e) };
+ }
+ })()
+ """.trimIndent()
+}
+
private fun String.toJsonString(): String {
val escaped =
this.replace("\\", "\\\\")
diff --git a/apps/android/app/src/main/java/com/steipete/clawdis/node/node/CanvasController.kt b/apps/android/app/src/main/java/com/steipete/clawdis/node/node/CanvasController.kt
index 7ca7fccf2..2e437b0cd 100644
--- a/apps/android/app/src/main/java/com/steipete/clawdis/node/node/CanvasController.kt
+++ b/apps/android/app/src/main/java/com/steipete/clawdis/node/node/CanvasController.kt
@@ -5,6 +5,7 @@ import android.os.Build
import android.graphics.Canvas
import android.os.Looper
import android.webkit.WebView
+import org.json.JSONObject
import kotlinx.coroutines.Dispatchers
import kotlinx.coroutines.suspendCancellableCoroutine
import kotlinx.coroutines.withContext
@@ -31,6 +32,10 @@ class CanvasController {
fun navigate(url: String) {
this.url = url
+ if (url.trim().isNotBlank()) {
+ // `canvas.navigate` is expected to show web content; default to WEB mode to match iOS.
+ this.mode = Mode.WEB
+ }
reload()
}
@@ -100,47 +105,41 @@ class CanvasController {
companion object {
fun parseMode(paramsJson: String?): Mode {
- val raw = paramsJson ?: return Mode.CANVAS
- return if (raw.contains("\"web\"")) Mode.WEB else Mode.CANVAS
+ val obj = parseParamsObject(paramsJson) ?: return Mode.CANVAS
+ return if (obj.optString("mode", "").equals("web", ignoreCase = true)) {
+ Mode.WEB
+ } else {
+ Mode.CANVAS
+ }
}
fun parseNavigateUrl(paramsJson: String?): String? {
- val raw = paramsJson ?: return null
- val key = "\"url\""
- val idx = raw.indexOf(key)
- if (idx < 0) return null
- val start = raw.indexOf('"', idx + key.length)
- if (start < 0) return null
- val end = raw.indexOf('"', start + 1)
- if (end < 0) return null
- return raw.substring(start + 1, end)
+ val obj = parseParamsObject(paramsJson) ?: return null
+ val url = obj.optString("url", "").trim()
+ return url.takeIf { it.isNotBlank() }
}
fun parseEvalJs(paramsJson: String?): String? {
- val raw = paramsJson ?: return null
- val key = "\"javaScript\""
- val idx = raw.indexOf(key)
- if (idx < 0) return null
- val start = raw.indexOf('"', idx + key.length)
- if (start < 0) return null
- val end = raw.lastIndexOf('"')
- if (end <= start) return null
- return raw.substring(start + 1, end)
- .replace("\\n", "\n")
- .replace("\\\"", "\"")
- .replace("\\\\", "\\")
+ val obj = parseParamsObject(paramsJson) ?: return null
+ val js = obj.optString("javaScript", "")
+ return js.takeIf { it.isNotBlank() }
}
fun parseSnapshotMaxWidth(paramsJson: String?): Int? {
- val raw = paramsJson ?: return null
- val key = "\"maxWidth\""
- val idx = raw.indexOf(key)
- if (idx < 0) return null
- val colon = raw.indexOf(':', idx + key.length)
- if (colon < 0) return null
- val tail = raw.substring(colon + 1).trimStart()
- val num = tail.takeWhile { it.isDigit() }
- return num.toIntOrNull()
+ val obj = parseParamsObject(paramsJson) ?: return null
+ if (!obj.has("maxWidth")) return null
+ val width = obj.optInt("maxWidth", 0)
+ return width.takeIf { it > 0 }
+ }
+
+ private fun parseParamsObject(paramsJson: String?): JSONObject? {
+ val raw = paramsJson?.trim() ?: return null
+ if (raw.isBlank()) return null
+ return try {
+ JSONObject(raw)
+ } catch (_: Throwable) {
+ null
+ }
}
}
}
diff --git a/apps/android/app/src/main/java/com/steipete/clawdis/node/protocol/ClawdisProtocolConstants.kt b/apps/android/app/src/main/java/com/steipete/clawdis/node/protocol/ClawdisProtocolConstants.kt
index 1737b701f..e21557428 100644
--- a/apps/android/app/src/main/java/com/steipete/clawdis/node/protocol/ClawdisProtocolConstants.kt
+++ b/apps/android/app/src/main/java/com/steipete/clawdis/node/protocol/ClawdisProtocolConstants.kt
@@ -20,6 +20,17 @@ enum class ClawdisCanvasCommand(val rawValue: String) {
}
}
+enum class ClawdisCanvasA2UICommand(val rawValue: String) {
+ Push("canvas.a2ui.push"),
+ PushJSONL("canvas.a2ui.pushJSONL"),
+ Reset("canvas.a2ui.reset"),
+ ;
+
+ companion object {
+ const val NamespacePrefix: String = "canvas.a2ui."
+ }
+}
+
enum class ClawdisCameraCommand(val rawValue: String) {
Snap("camera.snap"),
Clip("camera.clip"),
diff --git a/apps/android/app/src/test/java/com/steipete/clawdis/node/protocol/ClawdisProtocolConstantsTest.kt b/apps/android/app/src/test/java/com/steipete/clawdis/node/protocol/ClawdisProtocolConstantsTest.kt
index 7cbb16cf6..07ec2c9d2 100644
--- a/apps/android/app/src/test/java/com/steipete/clawdis/node/protocol/ClawdisProtocolConstantsTest.kt
+++ b/apps/android/app/src/test/java/com/steipete/clawdis/node/protocol/ClawdisProtocolConstantsTest.kt
@@ -14,6 +14,13 @@ class ClawdisProtocolConstantsTest {
assertEquals("canvas.snapshot", ClawdisCanvasCommand.Snapshot.rawValue)
}
+ @Test
+ fun a2uiCommandsUseStableStrings() {
+ assertEquals("canvas.a2ui.push", ClawdisCanvasA2UICommand.Push.rawValue)
+ assertEquals("canvas.a2ui.pushJSONL", ClawdisCanvasA2UICommand.PushJSONL.rawValue)
+ assertEquals("canvas.a2ui.reset", ClawdisCanvasA2UICommand.Reset.rawValue)
+ }
+
@Test
fun capabilitiesUseStableStrings() {
assertEquals("canvas", ClawdisCapability.Canvas.rawValue)
diff --git a/docs/android/connect.md b/docs/android/connect.md
index 7affd49a8..71f72d288 100644
--- a/docs/android/connect.md
+++ b/docs/android/connect.md
@@ -102,7 +102,8 @@ The Android node’s Chat sheet uses the gateway’s **primary session key** (`m
## 7) Canvas + camera
Canvas commands (foreground only):
-- `canvas.eval`, `canvas.snapshot`, `canvas.navigate`, `canvas.setMode`
+- `canvas.eval`, `canvas.snapshot`, `canvas.navigate` (switches to web mode), `canvas.setMode` (use `"canvas"` to return)
+- A2UI: `canvas.a2ui.push`, `canvas.a2ui.reset` (`canvas.a2ui.pushJSONL` legacy alias)
Camera commands (foreground only; permission-gated):
- `camera.snap` (jpg)