@rool-dev/app 0.3.0

package/dist/client.js

@@ -0,0 +1,235 @@
+/**
+ * App-side bridge client.
+ *
+ * `initApp()` waits for the host handshake, then returns an `AppChannel`
+ * that mirrors the RoolChannel API over postMessage.
+ */
+import { isBridgeMessage } from './protocol.js';
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+let _nextId = 0;
+function nextRequestId() {
+    return `req-${++_nextId}-${Date.now().toString(36)}`;
+}
+// ---------------------------------------------------------------------------
+// AppChannel
+// ---------------------------------------------------------------------------
+export class AppChannel {
+    _pending = new Map();
+    _listeners = new Map();
+    // Metadata from handshake
+    channelId;
+    spaceId;
+    spaceName;
+    role;
+    linkAccess;
+    userId;
+    _schema;
+    _metadata;
+    constructor(init) {
+        this.channelId = init.channelId;
+        this.spaceId = init.spaceId;
+        this.spaceName = init.spaceName;
+        this.role = init.role;
+        this.linkAccess = init.linkAccess;
+        this.userId = init.userId;
+        this._schema = init.schema;
+        this._metadata = init.metadata;
+        window.addEventListener('message', this._onMessage);
+    }
+    get isReadOnly() {
+        return this.role === 'viewer';
+    }
+    // ---------------------------------------------------------------------------
+    // Event emitter
+    // ---------------------------------------------------------------------------
+    on(event, callback) {
+        let set = this._listeners.get(event);
+        if (!set) {
+            set = new Set();
+            this._listeners.set(event, set);
+        }
+        set.add(callback);
+    }
+    off(event, callback) {
+        this._listeners.get(event)?.delete(callback);
+    }
+    _emit(event, data) {
+        const set = this._listeners.get(event);
+        if (set) {
+            for (const cb of set) {
+                try {
+                    cb(data);
+                }
+                catch (e) {
+                    console.error(`[AppChannel] Error in ${event} listener:`, e);
+                }
+            }
+        }
+    }
+    // ---------------------------------------------------------------------------
+    // postMessage transport
+    // ---------------------------------------------------------------------------
+    _call(method, ...args) {
+        return new Promise((resolve, reject) => {
+            const id = nextRequestId();
+            this._pending.set(id, { resolve, reject });
+            window.parent.postMessage({ type: 'rool:request', id, method, args }, '*');
+        });
+    }
+    _onMessage = (event) => {
+        if (!isBridgeMessage(event.data))
+            return;
+        if (event.data.type === 'rool:response') {
+            const msg = event.data;
+            const pending = this._pending.get(msg.id);
+            if (pending) {
+                this._pending.delete(msg.id);
+                if (msg.error) {
+                    pending.reject(new Error(msg.error));
+                }
+                else {
+                    pending.resolve(msg.result);
+                }
+            }
+            return;
+        }
+        if (event.data.type === 'rool:event') {
+            const msg = event.data;
+            this._emit(msg.name, msg.data);
+            // Keep local caches up to date
+            if (msg.name === 'metadataUpdated') {
+                const payload = msg.data;
+                this._metadata = payload.metadata;
+            }
+            return;
+        }
+    };
+    // ---------------------------------------------------------------------------
+    // Channel API — mirrors RoolChannel
+    // ---------------------------------------------------------------------------
+    // Object operations
+    async getObject(objectId) {
+        return this._call('getObject', objectId);
+    }
+    async stat(objectId) {
+        return this._call('stat', objectId);
+    }
+    async findObjects(options) {
+        return this._call('findObjects', options);
+    }
+    async getObjectIds(options) {
+        return this._call('getObjectIds', options);
+    }
+    async createObject(options) {
+        return this._call('createObject', options);
+    }
+    async updateObject(objectId, options) {
+        return this._call('updateObject', objectId, options);
+    }
+    async deleteObjects(objectIds) {
+        await this._call('deleteObjects', objectIds);
+    }
+    // Schema
+    getSchema() {
+        return this._schema;
+    }
+    async createCollection(name, fields) {
+        const result = await this._call('createCollection', name, fields);
+        this._schema[name] = result;
+        return result;
+    }
+    async alterCollection(name, fields) {
+        const result = await this._call('alterCollection', name, fields);
+        this._schema[name] = result;
+        return result;
+    }
+    async dropCollection(name) {
+        await this._call('dropCollection', name);
+        delete this._schema[name];
+    }
+    // Interactions & system instruction
+    async getInteractions() {
+        return this._call('getInteractions');
+    }
+    async getSystemInstruction() {
+        return this._call('getSystemInstruction');
+    }
+    async setSystemInstruction(instruction) {
+        await this._call('setSystemInstruction', instruction);
+    }
+    // Metadata
+    async setMetadata(key, value) {
+        await this._call('setMetadata', key, value);
+        this._metadata[key] = value;
+    }
+    getMetadata(key) {
+        return this._metadata[key];
+    }
+    getAllMetadata() {
+        return { ...this._metadata };
+    }
+    // AI
+    async prompt(text, options) {
+        return this._call('prompt', text, options);
+    }
+    // Undo/redo
+    async checkpoint(label) {
+        return this._call('checkpoint', label);
+    }
+    async canUndo() {
+        return this._call('canUndo');
+    }
+    async canRedo() {
+        return this._call('canRedo');
+    }
+    async undo() {
+        return this._call('undo');
+    }
+    async redo() {
+        return this._call('redo');
+    }
+    async clearHistory() {
+        await this._call('clearHistory');
+    }
+    // Cleanup
+    destroy() {
+        window.removeEventListener('message', this._onMessage);
+        for (const { reject } of this._pending.values()) {
+            reject(new Error('AppChannel destroyed'));
+        }
+        this._pending.clear();
+        this._listeners.clear();
+    }
+}
+// ---------------------------------------------------------------------------
+// initApp
+// ---------------------------------------------------------------------------
+/**
+ * Initialize the app bridge. Call this once at startup.
+ *
+ * Sends `rool:ready` to the host and waits for `rool:init` with channel metadata.
+ * Returns an `AppChannel` that mirrors the RoolChannel API over postMessage.
+ *
+ * @param timeout - How long to wait for the handshake (ms). Default: 10000.
+ */
+export function initApp(timeout = 10000) {
+    return new Promise((resolve, reject) => {
+        const timer = setTimeout(() => {
+            window.removeEventListener('message', onMessage);
+            reject(new Error('App handshake timed out — is this running inside a Rool host?'));
+        }, timeout);
+        function onMessage(event) {
+            if (!isBridgeMessage(event.data) || event.data.type !== 'rool:init')
+                return;
+            clearTimeout(timer);
+            window.removeEventListener('message', onMessage);
+            const channel = new AppChannel(event.data);
+            resolve(channel);
+        }
+        window.addEventListener('message', onMessage);
+        // Signal to the host that we're ready
+        window.parent.postMessage({ type: 'rool:ready' }, '*');
+    });
+}

package/dist/dev/AppGrid.svelte

@@ -0,0 +1,246 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { GridStack } from 'gridstack';
+  import type { AppTab } from './DevHostController.js';
+  import type { DevHostController } from './DevHostController.js';
+  import type { PublishedAppInfo } from '@rool-dev/sdk';
+
+  interface Props {
+    controller: DevHostController;
+    tabs: AppTab[];
+    uninstalledApps: PublishedAppInfo[];
+    onInstallApp: (appId: string) => void;
+    onRemoveApp: (appId: string) => void;
+  }
+
+  let { controller, tabs, uninstalledApps, onInstallApp, onRemoveApp }: Props = $props();
+
+  let gridEl: HTMLDivElement;
+  let grid: GridStack;
+  let addMenuOpen = $state(false);
+
+  let mountedTabIds = new Set<string>();
+
+  // --- Layout persistence ---
+
+  interface SavedWidget { id: string; x: number; y: number; w: number; h: number }
+
+  function layoutKey(): string {
+    return `rool-devhost:layout:${controller.currentSpaceId ?? 'default'}`;
+  }
+
+  function loadLayout(): Record<string, SavedWidget> {
+    try {
+      const raw = localStorage.getItem(layoutKey());
+      if (!raw) return {};
+      const arr: SavedWidget[] = JSON.parse(raw);
+      const map: Record<string, SavedWidget> = {};
+      for (const w of arr) map[w.id] = w;
+      return map;
+    } catch { return {}; }
+  }
+
+  function saveLayout() {
+    if (!grid) return;
+    const widgets: SavedWidget[] = [];
+    for (const node of grid.engine.nodes) {
+      if (node.id) {
+        widgets.push({ id: node.id as string, x: node.x!, y: node.y!, w: node.w!, h: node.h! });
+      }
+    }
+    try { localStorage.setItem(layoutKey(), JSON.stringify(widgets)); } catch {}
+  }
+
+  function defaultPosition(count: number): { x: number; y: number; w: number; h: number } {
+    if (count <= 1) return { x: 0, y: 0, w: 12, h: 6 };
+    return {
+      w: 6,
+      h: 6,
+      x: ((count - 1) % 2) * 6,
+      y: Math.floor((count - 1) / 2) * 6,
+    };
+  }
+
+  onMount(() => {
+    grid = GridStack.init({
+      column: 12,
+      cellHeight: 80,
+      margin: 6,
+      animate: true,
+      float: true,
+      draggable: { handle: '.app-card-handle' },
+      resizable: { handles: 'e,se,s,sw,w' },
+    }, gridEl);
+
+    grid.on('dragstart resizestart', () => {
+      gridEl.classList.add('gs-dragging');
+    });
+    grid.on('dragstop resizestop', () => {
+      gridEl.classList.remove('gs-dragging');
+    });
+
+    // Save layout after any drag/resize/add/remove settles
+    grid.on('change', () => saveLayout());
+
+    const saved = loadLayout();
+    for (const tab of tabs) {
+      addTabWidget(tab, saved);
+    }
+
+    return () => {
+      grid.destroy(false);
+    };
+  });
+
+  function addTabWidget(tab: AppTab, savedLayout?: Record<string, SavedWidget>) {
+    if (mountedTabIds.has(tab.id)) return;
+    mountedTabIds.add(tab.id);
+
+    const saved = savedLayout?.[tab.id];
+    let { x, y, w, h } = saved ?? defaultPosition(mountedTabIds.size);
+
+    // If no saved layout and this is the second widget, shrink the first
+    if (!saved && mountedTabIds.size === 2) {
+      const firstEl = gridEl.querySelector(`[gs-id="${[...mountedTabIds][0]}"]`) as HTMLElement;
+      if (firstEl) grid.update(firstEl, { w: 6 });
+    }
+
+    const widgetEl = grid.addWidget({ id: tab.id, x, y, w, h, content: '' });
+
+    const contentEl = widgetEl.querySelector('.grid-stack-item-content') as HTMLElement;
+    contentEl.innerHTML = '';
+    contentEl.className = 'grid-stack-item-content flex flex-col overflow-hidden rounded-lg border bg-white shadow-sm'
+      + (tab.isLocal ? ' border-emerald-300' : ' border-slate-200');
+
+    // Title bar
+    const titleBar = document.createElement('div');
+    titleBar.className = 'app-card-handle flex items-center gap-1.5 px-2.5 h-8 border-b cursor-grab select-none shrink-0'
+      + (tab.isLocal
+        ? ' bg-emerald-50 border-emerald-200'
+        : ' bg-slate-50 border-slate-200');
+
+    if (tab.isLocal) {
+      const badge = document.createElement('span');
+      badge.className = 'text-[9px] font-bold text-emerald-700 bg-emerald-100 border border-emerald-300 rounded px-1 py-px tracking-wide';
+      badge.textContent = 'DEV';
+      titleBar.appendChild(badge);
+    }
+
+    const name = document.createElement('span');
+    name.className = 'text-xs font-medium text-slate-700 flex-1 min-w-0 truncate';
+    name.textContent = tab.name;
+    titleBar.appendChild(name);
+
+    if (!tab.isLocal) {
+      const id = document.createElement('span');
+      id.className = 'text-[10px] text-slate-400 font-mono shrink-0';
+      id.textContent = tab.id;
+      titleBar.appendChild(id);
+
+      const close = document.createElement('button');
+      close.className = 'border-none bg-transparent cursor-pointer text-slate-400 hover:text-red-500 p-0.5 leading-none shrink-0 transition-colors';
+      close.innerHTML = '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6L6 18"/><path d="M6 6l12 12"/></svg>';
+      close.title = 'Uninstall app';
+      close.addEventListener('click', (e) => {
+        e.stopPropagation();
+        removeTabWidget(tab.id);
+        onRemoveApp(tab.id);
+      });
+      titleBar.appendChild(close);
+    }
+
+    contentEl.appendChild(titleBar);
+
+    const iframe = document.createElement('iframe');
+    iframe.src = tab.url;
+    iframe.title = tab.name;
+    iframe.sandbox.add('allow-scripts', 'allow-same-origin');
+    iframe.className = 'flex-1 border-0 min-h-0 w-full';
+    contentEl.appendChild(iframe);
+
+    controller.registerIframe(tab.id, iframe);
+  }
+
+  function removeTabWidget(tabId: string) {
+    const el = gridEl.querySelector(`[gs-id="${tabId}"]`) as HTMLElement;
+    if (el) {
+      controller.unregisterIframe(tabId);
+      grid.removeWidget(el);
+      mountedTabIds.delete(tabId);
+      saveLayout();
+    }
+  }
+
+  $effect(() => {
+    if (!grid) return;
+    const currentIds = new Set(tabs.map(t => t.id));
+
+    for (const tab of tabs) {
+      if (!mountedTabIds.has(tab.id)) addTabWidget(tab);
+    }
+    for (const id of mountedTabIds) {
+      if (!currentIds.has(id)) removeTabWidget(id);
+    }
+  });
+</script>
+
+<div class="flex-1 min-h-0 relative flex flex-col">
+  <!-- Toolbar -->
+  <div class="flex items-center px-3 py-1.5 bg-white border-b border-slate-200 shrink-0">
+    <span class="text-[11px] text-slate-400 font-semibold uppercase tracking-wide">Apps</span>
+    <div class="flex-1"></div>
+    {#if uninstalledApps.length > 0}
+      <div class="relative" data-add-menu>
+        <button
+          class="px-2.5 py-1 text-[11px] font-medium text-slate-500 hover:text-slate-700 hover:bg-slate-50 rounded-md transition-colors border border-slate-200 bg-white flex items-center gap-1.5"
+          type="button"
+          onclick={(e: MouseEvent) => { e.stopPropagation(); addMenuOpen = !addMenuOpen; }}
+        >
+          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"/><path d="M5 12h14"/></svg>
+          Install
+        </button>
+        {#if addMenuOpen}
+          <div class="absolute top-full mt-1 right-0 min-w-[200px] max-h-60 overflow-y-auto bg-white border border-slate-200 rounded-lg shadow-lg z-50 py-1">
+            {#each uninstalledApps as app}
+              <button
+                class="flex items-center gap-2 w-full px-2.5 py-1.5 text-[13px] text-left border-none cursor-pointer hover:bg-slate-50 text-slate-700 bg-transparent"
+                type="button"
+                onclick={() => { addMenuOpen = false; onInstallApp(app.appId); }}
+              >
+                <span class="font-medium">{app.name}</span>
+                <span class="text-[10px] text-slate-400 font-mono ml-auto">{app.appId}</span>
+              </button>
+            {/each}
+          </div>
+        {/if}
+      </div>
+    {/if}
+  </div>
+
+  <!-- Grid -->
+  <div class="flex-1 min-h-0 overflow-auto bg-slate-100 p-2">
+    <div bind:this={gridEl} class="grid-stack"></div>
+  </div>
+</div>
+
+<svelte:document onclick={(e: MouseEvent) => {
+  if (addMenuOpen && !(e.target as Element)?.closest('[data-add-menu]')) {
+    addMenuOpen = false;
+  }
+}} />
+
+<style>
+  /* Only GridStack overrides that can't be done with Tailwind */
+  :global(.gs-dragging .grid-stack-item-content iframe) {
+    pointer-events: none !important;
+  }
+  :global(.ui-draggable-dragging > .grid-stack-item-content),
+  :global(.ui-resizable-resizing > .grid-stack-item-content) {
+    opacity: 1 !important;
+  }
+  :global(.grid-stack-placeholder > .placeholder-content) {
+    background: rgba(99, 102, 241, 0.06) !important;
+    border: 2px dashed #c7d2fe !important;
+    border-radius: 8px !important;
+  }
+</style>

package/dist/dev/AppGrid.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { AppTab } from './DevHostController.js';
+import type { DevHostController } from './DevHostController.js';
+import type { PublishedAppInfo } from '@rool-dev/sdk';
+interface Props {
+    controller: DevHostController;
+    tabs: AppTab[];
+    uninstalledApps: PublishedAppInfo[];
+    onInstallApp: (appId: string) => void;
+    onRemoveApp: (appId: string) => void;
+}
+declare const AppGrid: import("svelte").Component<Props, {}, "">;
+type AppGrid = ReturnType<typeof AppGrid>;
+export default AppGrid;
+//# sourceMappingURL=AppGrid.svelte.d.ts.map

package/dist/dev/AppGrid.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppGrid.svelte.d.ts","sourceRoot":"","sources":["../../src/dev/AppGrid.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGpD,UAAU,KAAK;IACb,UAAU,EAAE,iBAAiB,CAAC;IAC9B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,eAAe,EAAE,gBAAgB,EAAE,CAAC;IACpC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AA8NH,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/dev/DevHostController.d.ts

@@ -0,0 +1,86 @@
+/**
+ * DevHostController — business logic for the dev host shell.
+ *
+ * Owns the RoolClient lifecycle, space management, channel-per-app management,
+ * bridge hosting, and published app management. The Svelte component is a thin
+ * view layer that reads this controller's state and calls its methods.
+ *
+ * The controller is self-sufficient: it manages the full lifecycle including
+ * DOM flush (via injected tick) and bridge binding. Svelte components can call
+ * controller methods directly without needing wrappers.
+ */
+import { RoolClient } from '@rool-dev/sdk';
+import type { RoolSpaceInfo, PublishedAppInfo } from '@rool-dev/sdk';
+import type { AppManifest, Environment } from '../manifest.js';
+export interface AppTab {
+    id: string;
+    name: string;
+    url: string;
+    isLocal: boolean;
+}
+export type StatusState = 'ok' | 'loading' | 'off';
+export declare class DevHostController {
+    readonly channelId: string;
+    readonly appUrl: string;
+    readonly manifest: AppManifest | null;
+    readonly manifestError: string | null;
+    client: RoolClient;
+    spaces: RoolSpaceInfo[];
+    currentSpaceId: string | null;
+    statusText: string;
+    statusState: StatusState;
+    placeholderText: string | null;
+    env: Environment;
+    publishedApps: PublishedAppInfo[];
+    installedAppIds: string[];
+    sidebarCollapsed: boolean;
+    private channels;
+    private iframeEls;
+    private bridgeHosts;
+    private _onChange;
+    private _tick;
+    private _spaceKey;
+    constructor(options: {
+        channelId: string;
+        appUrl: string;
+        manifest: AppManifest | null;
+        manifestError: string | null;
+    }, onChange: () => void, tick: () => Promise<void>);
+    get tabs(): AppTab[];
+    boot(): Promise<void>;
+    selectSpace(spaceId: string): Promise<void>;
+    /**
+     * Install an app in the current space.
+     *
+     * Opens the channel first, THEN adds the tab. This ensures the channel
+     * exists when the iframe mounts so registerIframe → _bindBridge can
+     * connect the bridge before the app sends its init message.
+     */
+    installApp(appId: string): Promise<void>;
+    /**
+     * Uninstall an app from the current space.
+     * Deletes the channel and removes the card.
+     */
+    removeApp(appId: string): void;
+    switchEnv(newEnv: Environment): Promise<void>;
+    toggleSidebar(): void;
+    registerIframe(tabId: string, el: HTMLIFrameElement): void;
+    unregisterIframe(tabId: string): void;
+    logout(): void;
+    private _bindBridge;
+    private _bindAllBridges;
+    private _destroyTab;
+    private _destroyAllBridgesAndChannels;
+    /**
+     * Fetch `rool-app.json` from a published app's URL.
+     * Returns null if the fetch fails (app might not have a manifest).
+     */
+    private _fetchRemoteManifest;
+    /**
+     * Idempotently sync a manifest's settings (name, system instruction, collections)
+     * onto a channel. Safe to call every time the app is opened.
+     */
+    private _syncManifest;
+    private _getSavedEnv;
+}
+//# sourceMappingURL=DevHostController.d.ts.map

package/dist/dev/DevHostController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevHostController.d.ts","sourceRoot":"","sources":["../../src/dev/DevHostController.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAElF,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO/D,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC;AAqBnD,qBAAa,iBAAiB;IAE5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAGtC,MAAM,EAAG,UAAU,CAAC;IAGpB,MAAM,EAAE,aAAa,EAAE,CAAM;IAC7B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IACrC,UAAU,EAAE,MAAM,CAAqB;IACvC,WAAW,EAAE,WAAW,CAAS;IACjC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAuB;IACrD,GAAG,EAAE,WAAW,CAAC;IACjB,aAAa,EAAE,gBAAgB,EAAE,CAAM;IACvC,eAAe,EAAE,MAAM,EAAE,CAAM;IAC/B,gBAAgB,EAAE,OAAO,CAAS;IAGlC,OAAO,CAAC,QAAQ,CAAmC;IACnD,OAAO,CAAC,SAAS,CAAyC;IAC1D,OAAO,CAAC,WAAW,CAAkC;IAGrD,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,KAAK,CAAsB;IAGnC,OAAO,CAAC,SAAS,CAAS;gBAGxB,OAAO,EAAE;QACP,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;QAC7B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;KAC9B,EACD,QAAQ,EAAE,MAAM,IAAI,EACpB,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC;IAoB3B,IAAI,IAAI,IAAI,MAAM,EAAE,CAoBnB;IAMK,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IA+DrB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAgEjD;;;;;;OAMG;IACG,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IA2B9C;;;OAGG;IACH,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAiBxB,SAAS,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAiBnD,aAAa,IAAI,IAAI;IAUrB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,iBAAiB,GAAG,IAAI;IAK1D,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAQrC,MAAM,IAAI,IAAI;IASd,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,6BAA6B;IAYrC;;;OAGG;YACW,oBAAoB;IAYlC;;;OAGG;YACW,aAAa;IA8B3B,OAAO,CAAC,YAAY;CAKrB"}