@symbiotejs/symbiote 3.8.0 → 3.8.1

package/README.md

@@ -1,24 +1,27 @@
 [![Tests](https://github.com/symbiotejs/symbiote.js/actions/workflows/tests.yml/badge.svg)](https://github.com/symbiotejs/symbiote.js/actions/workflows/tests.yml)
 [![npm version](https://img.shields.io/npm/v/@symbiotejs/symbiote)](https://www.npmjs.com/package/@symbiotejs/symbiote)
 [![npm downloads](https://img.shields.io/npm/dm/@symbiotejs/symbiote)](https://www.npmjs.com/package/@symbiotejs/symbiote)
-![bundle size](https://img.shields.io/badge/brotli-7.3_kb-blue)
-![types](https://img.shields.io/badge/types-JSDoc+d.ts-blue)
 ![license](https://img.shields.io/badge/license-MIT-green)
 
 # Symbiote.js
 
 <img src="https://rnd-pro.com/svg/symbiote/index.svg" width="200" alt="Symbiote.js">
 
-A lightweight, standards-first UI library built on Web Components. No virtual DOM, no compiler, no build step required - works directly in the browser. A bundler is recommended for production performance, but entirely optional. **~7.3kb** brotli / **~8.1kb** gzip.
+A lightweight, standards-first UI library built on Web Components. No virtual DOM, no compiler, no black boxes, no excess repaints. No build step required - works directly in the browser. A bundler is recommended for production performance, but entirely optional.
 
-Symbiote.js gives you the convenience of a modern framework while staying close to the native platform - HTML, CSS, and DOM APIs. Components are real custom elements that work everywhere: in any framework, in plain HTML, or in a micro-frontend architecture. And with **isomorphic mode**, the same component code works on the server and the client - server-rendered pages hydrate automatically, no diffing, no mismatch errors.
+Symbiote.js gives you the convenience of a modern framework while staying close to the native platform - HTML, CSS, and DOM APIs. Components are custom elements that work everywhere: in any framework, in plain HTML, in a micro-frontend architecture. And with **isomorphic mode**, the same component code works on the server and the client - server-rendered pages hydrate automatically, no diffing, no mismatch errors.
 
-## What's new?
+Here are the three most important differences between Symbiote.js and other frameworks:
+1. Natural DOM Extension Philosophy - designed to extend platform, not to replace it
+2. Runtime-Agnostic HTML Templates - outstanding flexibility for rendering strategies and further customization
+3. Powerful App-wide State Management - combine data contexts without bloated boilerplate or external tools
 
-- **Experimental WebMCP support** - expose live Symbiote UI actions as browser-native tools for agents. See the [WebMCP docs](https://github.com/symbiotejs/symbiote.js/blob/webmcp/docs/webmcp.md).
+## What's new in v3.x?
+
+- **WebMCP support** - expose live Symbiote UI actions as browser-native tools for agents. See the [WebMCP docs](https://github.com/symbiotejs/symbiote.js/blob/webmcp/docs/webmcp.md).
 - **Server-Side Rendering** - render components to HTML with `SSR.processHtml()` or stream chunks with `SSR.renderToStream()`. Client-side hydration via `ssrMode` attaches bindings to existing DOM without re-rendering.
 - **Isomorphic components** - `isoMode` flag makes components work in both SSR and client-only scenarios automatically. If server-rendered content exists, it hydrates; otherwise it renders the template from scratch. One component, zero conditional logic.
-- **Computed properties** - reactive derived state with microtask batching.
+- **Computed properties refined** - reactive derived state with microtask batching.
 - **Path-based router** - optional `AppRouter` module with `:param` extraction, route guards, and lazy loading.
 - **Exit animations** - `animateOut(el)` for CSS-driven exit transitions, integrated into itemize API.
 - **Dev mode** - `Symbiote.devMode` enables verbose warnings; import `devMessages.js` for full human-readable messages.
@@ -336,18 +339,7 @@ CSS values are parsed automatically - quoted strings become strings, numbers bec
 - **Reusable component libraries** - works in React, Vue, Angular, or plain HTML
 - **SSR-powered apps** - lightweight server rendering without framework lock-in
 - **Framework-agnostic solutions** - one codebase, any context
-
-## Bundle size
-
-| Library | Minified | Gzip | Brotli |
-|---------|----------|------|--------|
-| **Symbiote.js** (core) | 23.6 kb | 8.1 kb | **7.3 kb** |
-| **Symbiote.js** (full, with AppRouter + WebMCP export) | 35.6 kb | 12.1 kb | **11.0 kb** |
-| **Symbiote.js** (WebMCP extension) | 31.4 kb | 10.6 kb | **9.6 kb** |
-| **Lit** 3.3 | 15.5 kb | 6.0 kb | **~5.1 kb** |
-| **React 19 + ReactDOM** | ~186 kb | ~59 kb | **~50 kb** |
-
-Symbiote and Lit have similar base sizes, but Symbiote's **7.3 kb** core includes more built-in features: global state management, lists (itemize API), exit animations, computed properties etc. Lit needs additional packages for comparable features. React is **~7× larger** before adding a router, state manager, or SSR framework.
+- **Modern AI-first web** - expose the application state to WebMCP tools automatically
 
 ## Browser support
 

package/core/webmcp.js

@@ -22,7 +22,7 @@ import { parseProp } from './parseProp.js';
  * @property {string | ((owner?: any) => string)} [description]
  * @property {Object | ((owner?: any) => Object)} [inputSchema]
  * @property {(args?: Object, owner?: any, event?: Event) => any} [execute]
- * @property {() => boolean} [when]
+ * @property {(owner?: any) => boolean} [when]
  * @property {string[]} [deps]
  * @property {string[]} [exposedTo]
  * @property {Object} [annotations]
@@ -53,6 +53,7 @@ let installedClasses = new WeakSet();
 let pendingOwnerSync = new WeakSet();
 /** @type {WeakMap<object, number>} */
 let ownerVersions = new WeakMap();
+let _modelContext;
 
 function isToolDescriptor(val) {
   return !!val?.[DICT.MCP_TOOL_DESCRIPTOR_MARKER];
@@ -244,13 +245,16 @@ function ownerId(owner) {
 }
 
 function getModelContext() {
+  if (_modelContext) return _modelContext;
   let docCtx = /** @type {any} */ (globalThis.document)?.modelContext;
   if (docCtx?.registerTool) {
-    return docCtx;
+    _modelContext = docCtx;
+    return _modelContext;
   }
   let navCtx = /** @type {any} */ (globalThis.navigator)?.modelContext;
   if (navCtx?.registerTool) {
-    return navCtx;
+    _modelContext = navCtx;
+    return _modelContext;
   }
   return null;
 }
@@ -591,13 +595,16 @@ function scheduleOwnerSync(owner) {
 }
 
 export class ToolDescriptor {
+  /** @type {((args?: Object, owner?: any, event?: Event) => any) | undefined} */
+  #fn;
+
   /** @param {ToolDescriptorOptions} options */
   constructor(options = {}) {
     this[DICT.MCP_TOOL_DESCRIPTOR_MARKER] = true;
     this.name = options.name;
     this.description = options.description || 'Symbiote WebMCP tool.';
     this.inputSchema = options.inputSchema || emptySchema();
-    this.fn = options.execute;
+    this.#fn = options.execute;
     this.when = options.when;
     this.deps = options.deps || [];
     this.exposedTo = options.exposedTo;
@@ -611,15 +618,15 @@ export class ToolDescriptor {
    * @returns {any}
    */
   execute(args = {}, owner, event) {
-    if (typeof this.fn !== 'function') {
+    if (typeof this.#fn !== 'function') {
       throw new Error('ToolDescriptor requires an execute function.');
     }
-    return this.fn.call(owner, args || {}, owner, event);
+    return this.#fn.call(owner, args || {}, owner, event);
   }
 }
 
 export const webMCPRegistry = (() => {
-  let existing = PubSub.getCtx(REGISTRY_UID, false);
+  let existing = PubSub.getCtx(REGISTRY_UID);
   let root = existing || PubSub.registerCtx({}, REGISTRY_UID);
   ensureNestedCtx(root, 'tools');
   ensureNestedCtx(root, 'owners');
@@ -662,32 +669,23 @@ export function registerWebMCPTool(owner, key, descriptor) {
         webMCPRegistry.store.tools.add(publicName, resolvedEntry, true);
       }
       return resolvedEntry;
+    }).catch((e) => {
+      setDiagnostic('lastError', e);
+      throw e;
     });
   }
   webMCPRegistry.store.tools.add(publicName, entry, true);
   return entry;
 }
 
-/** @param {any} owner */
-export function syncWebMCPTools(owner) {
-  if (!owner) return;
-  if (isElementOwner(owner) && !owner.isConnected) {
-    unregisterWebMCPTools(owner);
-    return;
-  }
-  let version = bumpOwnerVersion(owner);
-  let id = ownerId(owner);
-  let desired = collectDesiredTools(owner);
-  setupDeps(owner, desired);
-  let owners = webMCPRegistry.store.owners;
-  let ownerEntry = owners.has(id)
-    ? owners.read(id)
-    : {
-      ownerId: id,
-      ownerType: ownerType(owner),
-      ownerName: ownerName(owner),
-      toolsByKey: {},
-    };
+/**
+ * @param {any} owner
+ * @param {string} id
+ * @param {{ownerId: string, ownerType: string, ownerName: string, toolsByKey: Record<string, string>}} ownerEntry
+ * @param {Array<{key: string, baseName: string, descriptor: ToolDescriptor, executor: Function}>} desired
+ * @param {string} componentDescription
+ */
+function applyDesiredTools(owner, id, ownerEntry, desired, componentDescription) {
   let nextKeys = new Set();
   for (let item of desired) {
     nextKeys.add(item.key);
@@ -703,17 +701,9 @@ export function syncWebMCPTools(owner) {
     if (hasToolName(publicName)) {
       unregisterToolName(publicName);
     }
-    let entry = makeEntry(publicName, item.key, item.descriptor, owner, item.executor);
+    let entry = makeEntryWithComponentDescription(publicName, item.key, item.descriptor, owner, item.executor, componentDescription);
     ownerEntry.toolsByKey[item.key] = publicName;
-    if (entry instanceof Promise) {
-      entry.then((resolvedEntry) => {
-        if (isCurrentOwnerVersion(owner, version)) {
-          webMCPRegistry.store.tools.add(publicName, resolvedEntry, true);
-        }
-      });
-    } else {
-      webMCPRegistry.store.tools.add(publicName, entry, true);
-    }
+    webMCPRegistry.store.tools.add(publicName, entry, true);
   }
   for (let key in ownerEntry.toolsByKey) {
     if (!nextKeys.has(key)) {
@@ -723,9 +713,40 @@ export function syncWebMCPTools(owner) {
   }
   if (Object.keys(ownerEntry.toolsByKey).length) {
     updateOwnerEntry(id, ownerEntry);
-  } else if (owners.has(id)) {
-    owners.delete(id);
+  } else if (webMCPRegistry.store.owners.has(id)) {
+    webMCPRegistry.store.owners.delete(id);
+  }
+}
+
+/** @param {any} owner */
+export function syncWebMCPTools(owner) {
+  if (!owner) return;
+  if (isElementOwner(owner) && !owner.isConnected) {
+    unregisterWebMCPTools(owner);
+    return;
+  }
+  let version = bumpOwnerVersion(owner);
+  let id = ownerId(owner);
+  let desired = collectDesiredTools(owner);
+  setupDeps(owner, desired);
+  let owners = webMCPRegistry.store.owners;
+  let ownerEntry = owners.has(id)
+    ? owners.read(id)
+    : {
+      ownerId: id,
+      ownerType: ownerType(owner),
+      ownerName: ownerName(owner),
+      toolsByKey: {},
+    };
+  let componentDescription = readComponentDescription(owner);
+  if (typeof componentDescription !== 'string') {
+    componentDescription.then((resolved) => {
+      if (!isCurrentOwnerVersion(owner, version)) return;
+      applyDesiredTools(owner, id, ownerEntry, desired, resolved);
+    }).catch((e) => setDiagnostic('lastError', e));
+    return;
   }
+  applyDesiredTools(owner, id, ownerEntry, desired, componentDescription);
 }
 
 /** @param {any} owner */

package/docs/webmcp.md

@@ -1,12 +1,6 @@
-# WebMCP Experimental
+# WebMCP
 
-Symbiote.js can expose the current browser UI state as native WebMCP tools. This feature is experimental and intended for testing with browser builds that expose native WebMCP APIs, such as Chrome Canary 150.
-
-Install the experimental npm release with the `webmcp` tag:
-
-```shell
-npm i @symbiotejs/symbiote@webmcp
-```
+Symbiote.js can expose the current browser UI state as native WebMCP tools.
 
 ## Activation
 
@@ -14,7 +8,7 @@ WebMCP is optional. Import the extension before WebMCP-enabled components render
 
 ```js
 import Symbiote, { html } from '@symbiotejs/symbiote';
-import { ToolDescriptor } from '@symbiotejs/symbiote/webmcp';
+import '@symbiotejs/symbiote/webmcp';
 ```
 
 ## Automatic Tools
@@ -64,6 +58,8 @@ removeItem_in_task-list_task-item_alpha
 Use `ToolDescriptor` for descriptions, input schemas, execution logic, and dynamic visibility:
 
 ```js
+import { ToolDescriptor } from '@symbiotejs/symbiote/webmcp';
+
 class WebmcpPanel extends Symbiote {
   componentDescription = async () => {
     return 'Visible order editor with selected item state.';

package/llms-full.txt

@@ -2,16 +2,21 @@
 
 <img src="https://rnd-pro.com/svg/symbiote/index.svg" width="200" alt="Symbiote.js">
 
-A lightweight, standards-first UI library built on Web Components. No virtual DOM, no compiler, no build step required - works directly in the browser. A bundler is recommended for production performance, but entirely optional. **~7.3kb** brotli / **~8.1kb** gzip.
+A lightweight, standards-first UI library built on Web Components. No virtual DOM, no compiler, no black boxes, no excess repaints. No build step required - works directly in the browser. A bundler is recommended for production performance, but entirely optional.
 
-Symbiote.js gives you the convenience of a modern framework while staying close to the native platform - HTML, CSS, and DOM APIs. Components are real custom elements that work everywhere: in any framework, in plain HTML, or in a micro-frontend architecture. And with **isomorphic mode**, the same component code works on the server and the client - server-rendered pages hydrate automatically, no diffing, no mismatch errors.
+Symbiote.js gives you the convenience of a modern framework while staying close to the native platform - HTML, CSS, and DOM APIs. Components are custom elements that work everywhere: in any framework, in plain HTML, in a micro-frontend architecture. And with **isomorphic mode**, the same component code works on the server and the client - server-rendered pages hydrate automatically, no diffing, no mismatch errors.
 
-## What's new?
+Here are the three most important differences between Symbiote.js and other frameworks:
+1. Natural DOM Extension Philosophy - designed to extend platform, not to replace it
+2. Runtime-Agnostic HTML Templates - outstanding flexibility for rendering strategies and further customization
+3. Powerful App-wide State Management - combine data contexts without bloated boilerplate or external tools
 
-- **Experimental WebMCP support** - expose live Symbiote UI actions as browser-native tools for agents. See the [WebMCP docs](https://github.com/symbiotejs/symbiote.js/blob/webmcp/docs/webmcp.md).
+## What's new in v3.x?
+
+- **WebMCP support** - expose live Symbiote UI actions as browser-native tools for agents. See the [WebMCP docs](https://github.com/symbiotejs/symbiote.js/blob/webmcp/docs/webmcp.md).
 - **Server-Side Rendering** - render components to HTML with `SSR.processHtml()` or stream chunks with `SSR.renderToStream()`. Client-side hydration via `ssrMode` attaches bindings to existing DOM without re-rendering.
 - **Isomorphic components** - `isoMode` flag makes components work in both SSR and client-only scenarios automatically. If server-rendered content exists, it hydrates; otherwise it renders the template from scratch. One component, zero conditional logic.
-- **Computed properties** - reactive derived state with microtask batching.
+- **Computed properties refined** - reactive derived state with microtask batching.
 - **Path-based router** - optional `AppRouter` module with `:param` extraction, route guards, and lazy loading.
 - **Exit animations** - `animateOut(el)` for CSS-driven exit transitions, integrated into itemize API.
 - **Dev mode** - `Symbiote.devMode` enables verbose warnings; import `devMessages.js` for full human-readable messages.
@@ -329,18 +334,7 @@ CSS values are parsed automatically - quoted strings become strings, numbers bec
 - **Reusable component libraries** - works in React, Vue, Angular, or plain HTML
 - **SSR-powered apps** - lightweight server rendering without framework lock-in
 - **Framework-agnostic solutions** - one codebase, any context
-
-## Bundle size
-
-| Library | Minified | Gzip | Brotli |
-|---------|----------|------|--------|
-| **Symbiote.js** (core) | 23.6 kb | 8.1 kb | **7.3 kb** |
-| **Symbiote.js** (full, with AppRouter + WebMCP export) | 35.6 kb | 12.1 kb | **11.0 kb** |
-| **Symbiote.js** (WebMCP extension) | 31.4 kb | 10.6 kb | **9.6 kb** |
-| **Lit** 3.3 | 15.5 kb | 6.0 kb | **~5.1 kb** |
-| **React 19 + ReactDOM** | ~186 kb | ~59 kb | **~50 kb** |
-
-Symbiote and Lit have similar base sizes, but Symbiote's **7.3 kb** core includes more built-in features: global state management, lists (itemize API), exit animations, computed properties etc. Lit needs additional packages for comparable features. React is **~7× larger** before adding a router, state manager, or SSR framework.
+- **Modern AI-first web** - expose the application state to WebMCP tools automatically
 
 ## Browser support
 
@@ -5149,15 +5143,9 @@ Use Symbiote dev/runtime diagnostics for template binding correctness, because t
 
 ---
 
-# WebMCP Experimental
-
-Symbiote.js can expose the current browser UI state as native WebMCP tools. This feature is experimental and intended for testing with browser builds that expose native WebMCP APIs, such as Chrome Canary 150.
-
-Install the experimental npm release with the `webmcp` tag:
+# WebMCP
 
-```shell
-npm i @symbiotejs/symbiote@webmcp
-```
+Symbiote.js can expose the current browser UI state as native WebMCP tools.
 
 ## Activation
 
@@ -5165,7 +5153,7 @@ WebMCP is optional. Import the extension before WebMCP-enabled components render
 
 ```js
 import Symbiote, { html } from '@symbiotejs/symbiote';
-import { ToolDescriptor } from '@symbiotejs/symbiote/webmcp';
+import '@symbiotejs/symbiote/webmcp';
 ```
 
 ## Automatic Tools
@@ -5215,6 +5203,8 @@ removeItem_in_task-list_task-item_alpha
 Use `ToolDescriptor` for descriptions, input schemas, execution logic, and dynamic visibility:
 
 ```js
+import { ToolDescriptor } from '@symbiotejs/symbiote/webmcp';
+
 class WebmcpPanel extends Symbiote {
   componentDescription = async () => {
     return 'Visible order editor with selected item state.';

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@symbiotejs/symbiote",
-  "version": "3.8.0",
+  "version": "3.8.1",
   "description": "Symbiote.js - zero-dependency close-to-platform frontend library to build super-powered web components",
   "author": "team@rnd-pro.com",
   "license": "MIT",

package/types/core/webmcp.d.ts

@@ -12,12 +12,12 @@ export class ToolDescriptor {
     name: string;
     description: string | ((owner?: any) => string);
     inputSchema: any;
-    fn: (args?: any, owner?: any, event?: Event) => any;
-    when: () => boolean;
+    when: (owner?: any) => boolean;
     deps: string[];
     exposedTo: string[];
     annotations: any;
     execute(args?: any, owner?: any, event?: Event): any;
+    #private;
 }
 export const webMCPRegistry: PubSub<any>;
 declare namespace _default {
@@ -43,7 +43,7 @@ export type ToolDescriptorOptions = {
     description?: string | ((owner?: any) => string);
     inputSchema?: any | ((owner?: any) => any);
     execute?: (args?: any, owner?: any, event?: Event) => any;
-    when?: () => boolean;
+    when?: (owner?: any) => boolean;
     deps?: string[];
     exposedTo?: string[];
     annotations?: any;

package/types/core/webmcp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webmcp.d.ts","sourceRoot":"","sources":["../../core/webmcp.js"],"names":[],"mappings":"AA8nBA,0CALW,GAAG,OACH,MAAM,cACN,cAAc,GACZ,CAAC,mBAAmB,GAAG;IAAC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CAAC,CAAC,GAAG,OAAO,CAAC,mBAAmB,GAAG;IAAC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CAAC,CAAC,CAgC9I;AAGD,uCADY,GAAG,QA0Dd;AAGD,6CADY,GAAG,QAyBd;AAGD,wCADc,mBAAmB,EAAE,CAIlC;AAGD,8CADY,OAAO,QAAQ,QA+B1B;AA1MD;IAEE,sBADY,qBAAqB,EAWhC;IARC,aAAwB;IACxB,gCAhkB6B,GAAG,KAAK,MAAM,EAgkBsB;IACjE,iBAAuD;IACvD,yBAhkBkC,GAAG,UAAU,KAAK,KAAK,GAAG,CAgkBnC;IACzB,YAhkBgB,OAAO,CAgkBC;IACxB,eAA8B;IAC9B,oBAAkC;IAClC,iBAAsC;IASxC,4BAJW,GAAG,UACH,KAAK,GACH,GAAG,CAOf;CACF;AAED,yCAUK;;;;;;;;;;;;UA9mBS,MAAM;UACN,MAAM;;;cAKN,oBAAoB,EAAE;cACtB,OAAO;;;WAKP,MAAM;kBACN,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;kBAClC,MAAS,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,QAAW,CAAC;cAClC,CAAC,IAAI,CAAC,KAAQ,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,GAAG;WAClD,MAAM,OAAO;WACb,MAAM,EAAE;gBACR,MAAM,EAAE;;;;UAMR,MAAM;SACN,MAAM;aACN,MAAM;eACN,WAAW,GAAG,SAAS;eACvB,MAAM;0BACN,MAAM;iBACN,MAAM;;YAEN,OAAO;kBACP,OAAO;;qBAxCA,eAAe;mBADjB,aAAa"}
+{"version":3,"file":"webmcp.d.ts","sourceRoot":"","sources":["../../core/webmcp.js"],"names":[],"mappings":"AAqoBA,0CALW,GAAG,OACH,MAAM,cACN,cAAc,GACZ,CAAC,mBAAmB,GAAG;IAAC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CAAC,CAAC,GAAG,OAAO,CAAC,mBAAmB,GAAG;IAAC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CAAC,CAAC,CAmC9I;AA2CD,uCADY,GAAG,QA6Bd;AAGD,6CADY,GAAG,QAyBd;AAGD,wCADc,mBAAmB,EAAE,CAIlC;AAGD,8CADY,OAAO,QAAQ,QA+B1B;AA3ND;IAKE,sBADY,qBAAqB,EAWhC;IARC,aAAwB;IACxB,gCAvkB6B,GAAG,KAAK,MAAM,EAukBsB;IACjE,iBAAuD;IAEvD,eAvkBmB,GAAG,KAAK,OAAO,CAukBV;IACxB,eAA8B;IAC9B,oBAAkC;IAClC,iBAAsC;IASxC,4BAJW,GAAG,UACH,KAAK,GACH,GAAG,CAOf;;CACF;AAED,yCAUK;;;;;;;;;;;;UArnBS,MAAM;UACN,MAAM;;;cAKN,oBAAoB,EAAE;cACtB,OAAO;;;WAKP,MAAM;kBACN,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;kBAClC,MAAS,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,QAAW,CAAC;cAClC,CAAC,IAAI,CAAC,KAAQ,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,GAAG;WAClD,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,OAAO;WACxB,MAAM,EAAE;gBACR,MAAM,EAAE;;;;UAMR,MAAM;SACN,MAAM;aACN,MAAM;eACN,WAAW,GAAG,SAAS;eACvB,MAAM;0BACN,MAAM;iBACN,MAAM;;YAEN,OAAO;kBACP,OAAO;;qBAxCA,eAAe;mBADjB,aAAa"}