playwright-locator-healer 0.1.3

package/dist/healing/overlay/dock.html.js

@@ -0,0 +1,248 @@
+// ─── Render entry ──────────────────────────────────────────────────────────
+export function renderDock(s) {
+    const err = s.stage === 'retry';
+    const busy = !!s.loading;
+    return `
+<div class="dock${err ? ' err' : ''}${busy ? ' busy' : ''}">
+  ${renderStatusBar(s)}
+  ${renderHead(s, busy)}
+  <div class="body">
+    ${renderFailedLineBlock(s)}
+    ${renderStageBody(s)}
+  </div>
+  ${renderFooter(s, busy)}
+  ${busy ? '<div class="busy-bar"><div class="busy-fill"></div></div>' : ''}
+</div>`;
+}
+// ─── Status bar (zone 1) ───────────────────────────────────────────────────
+function renderStatusBar(s) {
+    const label = (s.statusLabel ?? stageStatusText(s)).toUpperCase();
+    const sessionCost = typeof s.sessionCostUsd === 'number' ? `$${s.sessionCostUsd.toFixed(4)}` : '$0.0000';
+    const sessionCalls = s.llmCallCount ?? 0;
+    const todayCost = typeof s.todayCostUsd === 'number' ? `$${s.todayCostUsd.toFixed(4)}` : '$0.0000';
+    const todayCalls = s.todayCallCount ?? 0;
+    const model = s.modelName ?? '';
+    const elapsed = s.llmStartedAt
+        ? ` <span class="sb-sep">·</span> <span id="heal-elapsed" data-started="${s.llmStartedAt}">0s</span>`
+        : '';
+    const modelTag = model ? ` <span class="sb-sep">·</span> <span class="sb-model">${esc(model)}</span>` : '';
+    // Two-line: top = state + session, bottom = day totals.
+    return `
+    <div class="statusbar">
+      <span class="sb-title">Heal</span>
+      <span class="sb-sep">·</span>
+      <span class="sb-state">${esc(label)}</span>
+      ${elapsed}
+      <span class="sb-cost" title="this session">${sessionCost}</span>
+      <span class="sb-sep">·</span>
+      <span class="sb-calls">${sessionCalls} LLM</span>
+      ${modelTag}
+    </div>
+    <div class="statusbar statusbar-day">
+      <span class="sb-day-label">Today</span>
+      <span class="sb-sep">·</span>
+      <span class="sb-cost">${todayCost}</span>
+      <span class="sb-sep">·</span>
+      <span class="sb-calls">${todayCalls} calls</span>
+    </div>`;
+}
+// ─── Head / drag handle (zone 2) ───────────────────────────────────────────
+function renderHead(s, busy) {
+    const stageLabel = busy ? (s.loadingLabel ?? 'WORKING') : s.stage;
+    const round = s.round ? ` <span class="sb-sep">·</span> <b>R${s.round}</b>` : '';
+    return `
+    <div class="head">
+      <span class="dot${busy ? ' pulse' : ''}"></span>
+      <span class="title">Heal</span>
+      <span class="stage">
+        <b>${stageNum(s.stage)}</b> <span class="sb-sep">/</span> 03
+        <span class="sb-sep">·</span> ${esc(stageLabel.toUpperCase())}
+        ${round}
+      </span>
+      <span class="drag-grip">⠿⠿</span>
+    </div>`;
+}
+// ─── Body content per stage (zone 3) ───────────────────────────────────────
+function renderStageBody(s) {
+    switch (s.stage) {
+        case 'pick':
+            return `<div class="cta">→ click target element in page</div>`;
+        case 'pick-preview': {
+            const p = s.pickPreview;
+            if (!p)
+                return `<div class="cta">→ click target element in page</div>`;
+            return `
+        <div class="preview-header">You picked:</div>
+        <div class="preview-table">
+          <div class="preview-row"><span class="preview-key">Tag</span><span class="preview-val code-inline">&lt;${esc(p.tag)}&gt;</span></div>
+          <div class="preview-row"><span class="preview-key">Role</span><span class="preview-val">${esc(p.role)}</span></div>
+          <div class="preview-row"><span class="preview-key">Accessible name</span><span class="preview-val ${p.accessibleName === '(no accessible name)' ? 'dim' : ''}">${esc(p.accessibleName)}</span></div>
+          <div class="preview-row"><span class="preview-key">Text content</span><span class="preview-val">${p.text ? esc(p.text) : '<span class="dim">(empty)</span>'}</span></div>
+          <div class="preview-row"><span class="preview-key">Stable handle</span><span class="preview-val code-inline ${p.stableHandle ? '' : 'dim'}">${p.stableHandle ? esc(p.stableHandle) : '(none)'}</span></div>
+        </div>
+        <div class="hint">↩ re-pick &nbsp;·&nbsp; Enter continue &nbsp;·&nbsp; Esc cancel</div>`;
+        }
+        case 'intent':
+            return `
+        <div class="row">
+          <div class="label">Picked element</div>
+          <div class="value code">${esc(s.pickedHtml ?? '')}</div>
+        </div>
+        <div class="row">
+          <div class="label">Describe intent</div>
+          <textarea class="intent" id="heal-intent" placeholder="what should this locator find?" ${s.loading ? 'disabled' : ''}>${esc(s.intentText ?? '')}</textarea>
+          <div class="hint">More context = better selector. Sent to LLM only when you press ↵ propose.</div>
+        </div>`;
+        case 'confirm':
+            return `
+        <div class="row">
+          <div class="label">Playwright code <span class="chip">✓ matched ${s.matchCount}</span></div>
+          <pre class="value code code-block">${esc(s.proposedCode ?? s.proposedSelector ?? '')}</pre>
+        </div>
+        <div class="row">
+          <div class="label">Internal selector</div>
+          <div class="value code dim">${esc(s.proposedSelector ?? '')}</div>
+        </div>
+        <div class="row">
+          <div class="label">Resolves to</div>
+          <div class="value code">${esc(s.pickedHtml ?? '(element preview unavailable)')}</div>
+        </div>`;
+        case 'retry':
+            return `
+        <div class="row">
+          <div class="label">Proposed <span class="chip bad">✗ matched ${s.matchCount}</span></div>
+          <div class="value code"><span class="bad">${esc(s.proposedSelector ?? '')}</span></div>
+        </div>
+        <div class="row">
+          <div class="label">Reason</div>
+          <div class="hint">${esc(s.errorReason ?? '')}</div>
+        </div>
+        <div class="row">
+          <div class="label">Last intent</div>
+          <div class="value">${esc(s.intentText ?? '')}</div>
+        </div>`;
+        case 'broaden':
+            return `
+        <div class="row">
+          <div class="label">Round ${s.round ?? 1}</div>
+          <div class="value">${esc(s.message ?? 'No unique match. Broaden scope and retry?')}</div>
+        </div>`;
+    }
+}
+// ─── Footer (zone 4 — sticky actions) ──────────────────────────────────────
+function renderFooter(s, busy) {
+    const btns = [];
+    switch (s.stage) {
+        case 'pick':
+            btns.push(btn('force-llm', 'L', 'force LLM', 'plain', 'Skip preflight, go straight to LLM'));
+            btns.push(btn('cancel', 'ESC', 'cancel', 'plain'));
+            break;
+        case 'pick-preview':
+            btns.push(btn('pick-preview-repick', '↩', 're-pick', 'reject'));
+            btns.push(btn('pick-preview-continue', 'Enter', 'continue', 'accept'));
+            btns.push(btn('cancel', 'ESC', 'cancel', 'plain'));
+            break;
+        case 'intent':
+            if (busy) {
+                btns.push(btn('cancel-llm', 'P', 'cancel LLM', 'reject'));
+            }
+            else {
+                btns.push(btn('intent', '↵', 'propose', 'accept'));
+                btns.push(btn('cancel', 'ESC', 'repick', 'reject'));
+            }
+            break;
+        case 'confirm':
+            btns.push(btn('accept', 'A', 'accept', 'accept'));
+            btns.push(btn('reject', 'R', 'reject', 'reject'));
+            btns.push(btn('cancel', 'ESC', 'cancel', 'plain'));
+            break;
+        case 'retry':
+            btns.push(btn('edit', 'E', 'edit intent', 'accept'));
+            btns.push(btn('reject', 'R', 'repick', 'reject'));
+            btns.push(btn('cancel', 'ESC', 'cancel', 'plain'));
+            break;
+        case 'broaden':
+            btns.push(btn('broaden', 'B', 'broaden scope', 'accept'));
+            btns.push(btn('cancel', 'ESC', 'cancel', 'plain'));
+            break;
+    }
+    return `<div class="footer">${btns.join('')}</div>`;
+}
+function btn(act, key, label, variant, title) {
+    const cls = variant === 'plain' ? 'key' : `key ${variant}`;
+    const t = title ? ` title="${esc(title)}"` : '';
+    return `<button class="${cls}" data-act="${act}" type="button"${t}><span class="kbd">${esc(key)}</span> ${esc(label)}</button>`;
+}
+// ─── Failed-line block (only pick + intent stages) ─────────────────────────
+function renderFailedLineBlock(s) {
+    if (s.stage !== 'pick' && s.stage !== 'pick-preview' && s.stage !== 'intent')
+        return '';
+    const snip = s.sourceSnippet;
+    const failedLineSrc = snip ? (snip.lines[snip.highlightIdx] ?? '').trim() : '';
+    if (!failedLineSrc && !s.originalSelector && !s.description)
+        return '';
+    const fileLoc = snip
+        ? `${shortenPath(snip.file)}:${snip.line}`
+        : (s.callSite ?? '');
+    return `
+    <div class="failed-line">
+      <div class="fl-head">
+        <span class="fl-tag">FAILED</span>
+        <span class="fl-loc">${esc(fileLoc)}</span>
+      </div>
+      ${failedLineSrc ? `<div class="fl-code">${esc(failedLineSrc)}</div>` : ''}
+      <div class="fl-meta">
+        <div class="fl-meta-row">
+          <span class="fl-meta-label">Original</span>
+          <span class="fl-mono">${esc(s.originalSelector ?? '')}</span>
+        </div>
+        ${s.action ? `
+          <div class="fl-meta-row">
+            <span class="fl-meta-label">Action</span>
+            <span class="fl-desc">${esc(s.action)}</span>
+          </div>` : ''}
+        ${s.description ? `
+          <div class="fl-meta-row">
+            <span class="fl-meta-label">Intent</span>
+            <span class="fl-desc">${esc(s.description)}</span>
+          </div>` : ''}
+      </div>
+    </div>`;
+}
+// ─── Helpers ───────────────────────────────────────────────────────────────
+function stageNum(st) {
+    return st === 'pick' ? '01'
+        : st === 'pick-preview' ? '01'
+            : st === 'intent' ? '02'
+                : st === 'confirm' ? '03'
+                    : st === 'retry' ? '03'
+                        : '03';
+}
+function stageStatusText(s) {
+    if (s.loading)
+        return s.loadingLabel ?? (s.round ? `LLM R${s.round}` : 'WORKING');
+    if (s.stage === 'pick')
+        return 'PICK';
+    if (s.stage === 'pick-preview')
+        return 'PICK · PREVIEW';
+    if (s.stage === 'intent')
+        return 'INTENT';
+    if (s.stage === 'confirm')
+        return 'CONFIRM';
+    if (s.stage === 'retry')
+        return 'RETRY';
+    if (s.stage === 'broaden')
+        return 'BROADEN?';
+    return '';
+}
+function shortenPath(p) {
+    // Drop everything before the last two segments so the line stays compact.
+    const parts = p.split('/');
+    if (parts.length <= 2)
+        return p;
+    return '…/' + parts.slice(-2).join('/');
+}
+function esc(s) {
+    return s.replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
+}
+//# sourceMappingURL=dock.html.js.map

package/dist/healing/overlay/dock.html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock.html.js","sourceRoot":"","sources":["../../../healing/overlay/dock.html.ts"],"names":[],"mappings":"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"}

package/dist/healing/overlay/drag.d.ts

@@ -0,0 +1,17 @@
+import type { Page } from '@playwright/test';
+/**
+ * Mount drag-to-reposition behaviour for the heal overlay dock.
+ *
+ * Registers `window.__healOverlay_drag = { wireDrag, applyDockTransform }` in
+ * the browser context. Both functions are consumed by the `setState` impl in
+ * `mountShadowHost` after every HTML update.
+ *
+ * Reads `window.__healOverlay_root` (a `ShadowRoot`, written by
+ * `mountShadowHost`) to locate the `.dock` / `.head` elements. Must be called
+ * AFTER `mountShadowHost` so the root reference is present.
+ *
+ * @param page - Playwright `Page` the overlay is mounted on.
+ * @returns Resolves once drag state and event listeners are installed.
+ */
+export declare function mountDrag(page: Page): Promise<void>;
+//# sourceMappingURL=drag.d.ts.map

package/dist/healing/overlay/drag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../../healing/overlay/drag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;;;;;;;;;;;;GAaG;AACH,wBAAsB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAiDzD"}

package/dist/healing/overlay/drag.js

@@ -0,0 +1,68 @@
+/**
+ * Mount drag-to-reposition behaviour for the heal overlay dock.
+ *
+ * Registers `window.__healOverlay_drag = { wireDrag, applyDockTransform }` in
+ * the browser context. Both functions are consumed by the `setState` impl in
+ * `mountShadowHost` after every HTML update.
+ *
+ * Reads `window.__healOverlay_root` (a `ShadowRoot`, written by
+ * `mountShadowHost`) to locate the `.dock` / `.head` elements. Must be called
+ * AFTER `mountShadowHost` so the root reference is present.
+ *
+ * @param page - Playwright `Page` the overlay is mounted on.
+ * @returns Resolves once drag state and event listeners are installed.
+ */
+export async function mountDrag(page) {
+    await page.evaluate(() => {
+        let dragOffsetX = 0;
+        let dragOffsetY = 0;
+        let dragging = false;
+        let dragStartX = 0;
+        let dragStartY = 0;
+        let dragOX = 0;
+        let dragOY = 0;
+        const applyDockTransform = () => {
+            const root = window.__healOverlay_root;
+            const dock = root?.querySelector('.dock');
+            if (dock)
+                dock.style.transform = `translate(${dragOffsetX}px, ${dragOffsetY}px)`;
+        };
+        const wireDrag = () => {
+            const root = window.__healOverlay_root;
+            const head = root?.querySelector('.head');
+            const dock = root?.querySelector('.dock');
+            if (!head || !dock)
+                return;
+            head.addEventListener('mousedown', (e) => {
+                const t = e.target;
+                if (t.closest('.esc') || t.closest('.stage b'))
+                    return;
+                dragging = true;
+                dock.classList.add('dragging');
+                dragStartX = e.clientX;
+                dragStartY = e.clientY;
+                dragOX = dragOffsetX;
+                dragOY = dragOffsetY;
+                e.preventDefault();
+            });
+        };
+        document.addEventListener('mousemove', (e) => {
+            if (!dragging)
+                return;
+            dragOffsetX = dragOX + (e.clientX - dragStartX);
+            dragOffsetY = dragOY + (e.clientY - dragStartY);
+            applyDockTransform();
+        }, true);
+        document.addEventListener('mouseup', () => {
+            if (!dragging)
+                return;
+            dragging = false;
+            const root = window.__healOverlay_root;
+            const dock = root?.querySelector('.dock');
+            if (dock)
+                dock.classList.remove('dragging');
+        }, true);
+        window.__healOverlay_drag = { wireDrag, applyDockTransform };
+    });
+}
+//# sourceMappingURL=drag.js.map

package/dist/healing/overlay/drag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag.js","sourceRoot":"","sources":["../../../healing/overlay/drag.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,IAAU;IACxC,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;QACvB,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,IAAI,QAAQ,GAAG,KAAK,CAAC;QACrB,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,IAAI,MAAM,GAAG,CAAC,CAAC;QAEf,MAAM,kBAAkB,GAAG,GAAG,EAAE;YAC9B,MAAM,IAAI,GAAI,MAAc,CAAC,kBAA4C,CAAC;YAC1E,MAAM,IAAI,GAAG,IAAI,EAAE,aAAa,CAAC,OAAO,CAAuB,CAAC;YAChE,IAAI,IAAI;gBAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,WAAW,OAAO,WAAW,KAAK,CAAC;QACnF,CAAC,CAAC;QAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,MAAM,IAAI,GAAI,MAAc,CAAC,kBAA4C,CAAC;YAC1E,MAAM,IAAI,GAAG,IAAI,EAAE,aAAa,CAAC,OAAO,CAAuB,CAAC;YAChE,MAAM,IAAI,GAAG,IAAI,EAAE,aAAa,CAAC,OAAO,CAAuB,CAAC;YAChE,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI;gBAAE,OAAO;YAC3B,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;gBACvC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAqB,CAAC;gBAClC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;oBAAE,OAAO;gBACvD,QAAQ,GAAG,IAAI,CAAC;gBAChB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAC/B,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;gBAAC,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;gBAC/C,MAAM,GAAG,WAAW,CAAC;gBAAC,MAAM,GAAG,WAAW,CAAC;gBAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;YACrB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;YAC3C,IAAI,CAAC,QAAQ;gBAAE,OAAO;YACtB,WAAW,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC;YAChD,WAAW,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC;YAChD,kBAAkB,EAAE,CAAC;QACvB,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE;YACxC,IAAI,CAAC,QAAQ;gBAAE,OAAO;YACtB,QAAQ,GAAG,KAAK,CAAC;YACjB,MAAM,IAAI,GAAI,MAAc,CAAC,kBAA4C,CAAC;YAC1E,MAAM,IAAI,GAAG,IAAI,EAAE,aAAa,CAAC,OAAO,CAAuB,CAAC;YAChE,IAAI,IAAI;gBAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC9C,CAAC,EAAE,IAAI,CAAC,CAAC;QAER,MAAc,CAAC,kBAAkB,GAAG,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/healing/overlay/inject.d.ts

@@ -0,0 +1,41 @@
+import type { Page } from '@playwright/test';
+import { type DockState } from './dock.html.js';
+import { type OverlayInbound } from './bridge.js';
+/**
+ * Handle returned by `injectOverlay`. The orchestrator drives the overlay
+ * exclusively through this interface — it never touches the page DOM
+ * directly after injection.
+ */
+export interface OverlayHandle {
+    /** Re-render the dock with a new state snapshot. */
+    setState(state: DockState): Promise<void>;
+    /** Enter pick mode: hover highlights, next click fires a `pick` message. */
+    enablePickMode(): Promise<void>;
+    /** Leave pick mode. */
+    disablePickMode(): Promise<void>;
+    /** Flash the element at `xpath` (used when previewing candidate locators). */
+    highlight(xpath: string): Promise<void>;
+    /** Resolve with the next inbound message from the overlay. */
+    waitForMessage(): Promise<OverlayInbound>;
+    /** Tear down the shadow host. Safe to call multiple times. */
+    destroy(): Promise<void>;
+    /** Register / clear a one-shot cancel callback for an in-flight LLM call. */
+    setCancelInFlight(fn: (() => void) | null): void;
+    /** Trigger the in-flight cancel callback, if any. */
+    cancelInFlight(): void;
+    /**
+     * Register an out-of-band handler that gets first-look at every inbound
+     * message. Return `true` to mark the message consumed (skips normal queue).
+     */
+    setAbortHandler(fn: ((m: OverlayInbound) => boolean) | null): void;
+}
+/**
+ * Inject the heal overlay (shadow host + dock UI + drag + keybinds) into
+ * the given Playwright page. Idempotent per page: subsequent calls reuse
+ * the same message queue. The returned handle owns the lifecycle.
+ *
+ * @param page - Playwright `Page` to inject into.
+ * @returns Handle the orchestrator uses to drive the overlay.
+ */
+export declare function injectOverlay(page: Page): Promise<OverlayHandle>;
+//# sourceMappingURL=inject.d.ts.map

package/dist/healing/overlay/inject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject.d.ts","sourceRoot":"","sources":["../../../healing/overlay/inject.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAIhE;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,4EAA4E;IAC5E,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,uBAAuB;IACvB,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,8EAA8E;IAC9E,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,8DAA8D;IAC9D,cAAc,IAAI,OAAO,CAAC,cAAc,CAAC,CAAC;IAC1C,8DAA8D;IAC9D,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACzB,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACjD,qDAAqD;IACrD,cAAc,IAAI,IAAI,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;CACpE;AASD;;;;;;;GAOG;AACH,wBAAsB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC,CA0NtE"}