@contraagent/ui 0.0.0-stage → 0.1.0

package/dist/elements/lists/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/elements/lists/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

package/dist/elements/overview/ca-kpis.d.ts

@@ -0,0 +1,32 @@
+import { type JournalRow, type Plan } from '@contraagent/api';
+import { LitElement } from 'lit';
+import '@contraagent/elements/tiles/define';
+/**
+ * The run in numbers, as `<cae-stat-tiles>`: tasks and how they ended (with
+ * `plan`; from the journal alone otherwise), attempts, failed attempts, agent
+ * time, retries, corrections and model switches (`kpiTiles`). The parts of
+ * `<cae-stat-tiles>` are its own: a page styles them as `ca-kpis::part(tile)`.
+ *
+ * @fires ca-navigate - `{tab: 'journal', stop}`: the history filtered to what a tile counts (`bad`, `invalid_input`, `retried`, `fixup`)
+ * @fires ca-open-task - `{key}`: the one task a tile counts
+ * @csspart tiles - the grid of tiles
+ * @csspart tile - each tile (`data-id` is its id, `data-tone` its tone)
+ * @csspart label - a tile's label
+ * @csspart value - a tile's value
+ * @csspart sub - each line under the value
+ * @csspart action - a tile's link
+ */
+export declare class CaKpis extends LitElement {
+    static styles: import("lit").CSSResult;
+    journal: JournalRow[];
+    /** The scheduled tasks; without it, tasks are counted from the journal. */
+    plan: Plan;
+    private readonly onAction;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-kpis': CaKpis;
+    }
+}
+//# sourceMappingURL=ca-kpis.d.ts.map

package/dist/elements/overview/ca-kpis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-kpis.d.ts","sourceRoot":"","sources":["../../../src/elements/overview/ca-kpis.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,UAAU,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,oCAAoC,CAAC;AAI5C;;;;;;;;;;;;;;GAcG;AACH,qBAEa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,0BAEpB;IAE8B,OAAO,EAAE,UAAU,EAAE,CAAM;IAC3D,2EAA2E;IAC3C,IAAI,EAAE,IAAI,CAA6B;IAEvE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAKvB;IAEO,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/elements/overview/ca-kpis.js

@@ -0,0 +1,62 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { deriveRun } from '@contraagent/api';
+import { localized } from '@lit/localize';
+import { LitElement, css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import '@contraagent/elements/tiles/define';
+import { kpiAction, kpiTiles } from '../../adapters/kpi-tiles.js';
+import { emit } from '../../core/events.js';
+/**
+ * The run in numbers, as `<cae-stat-tiles>`: tasks and how they ended (with
+ * `plan`; from the journal alone otherwise), attempts, failed attempts, agent
+ * time, retries, corrections and model switches (`kpiTiles`). The parts of
+ * `<cae-stat-tiles>` are its own: a page styles them as `ca-kpis::part(tile)`.
+ *
+ * @fires ca-navigate - `{tab: 'journal', stop}`: the history filtered to what a tile counts (`bad`, `invalid_input`, `retried`, `fixup`)
+ * @fires ca-open-task - `{key}`: the one task a tile counts
+ * @csspart tiles - the grid of tiles
+ * @csspart tile - each tile (`data-id` is its id, `data-tone` its tone)
+ * @csspart label - a tile's label
+ * @csspart value - a tile's value
+ * @csspart sub - each line under the value
+ * @csspart action - a tile's link
+ */
+let CaKpis = class CaKpis extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.journal = [];
+        /** The scheduled tasks; without it, tasks are counted from the journal. */
+        this.plan = { nodes: [], groups: [] };
+        this.onAction = (e) => {
+            e.stopPropagation();
+            const a = kpiAction(e.detail.action);
+            if ('key' in a)
+                emit(this, 'ca-open-task', { key: a.key });
+            else
+                emit(this, 'ca-navigate', { tab: 'journal', stop: a.stop });
+        };
+    }
+    static { this.styles = css `
+    :host { display: block; }
+  `; }
+    render() {
+        return html `<cae-stat-tiles exportparts="tiles, tile, label, value, sub, action" .tiles=${kpiTiles(this.journal, deriveRun(this.journal, this.plan))} @cae-action=${this.onAction}></cae-stat-tiles>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaKpis.prototype, "journal", void 0);
+__decorate([
+    property({ attribute: false })
+], CaKpis.prototype, "plan", void 0);
+CaKpis = __decorate([
+    customElement('ca-kpis'),
+    localized()
+], CaKpis);
+export { CaKpis };
+//# sourceMappingURL=ca-kpis.js.map

package/dist/elements/overview/ca-kpis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-kpis.js","sourceRoot":"","sources":["../../../src/elements/overview/ca-kpis.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAA8B,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C;;;;;;;;;;;;;;GAcG;AAGI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAK2B,YAAO,GAAiB,EAAE,CAAC;QAC3D,2EAA2E;QAC3C,SAAI,GAAS,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;QAEtD,aAAQ,GAAG,CAAC,CAAkC,EAAQ,EAAE;YACvE,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACrC,IAAI,KAAK,IAAI,CAAC;gBAAE,IAAI,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;;gBACtD,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QACnE,CAAC,CAAC;IAKJ,CAAC;aAlBiB,WAAM,GAAG,GAAG,CAAA;;GAE3B,AAFqB,CAEpB;IAaO,MAAM;QACb,OAAO,IAAI,CAAA,+EAA+E,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,gBAAgB,IAAI,CAAC,QAAQ,oBAAoB,CAAC;IACxM,CAAC;;AAb+B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;uCAA4B;AAE3B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oCAAwC;AAP5D,MAAM;IAFlB,aAAa,CAAC,SAAS,CAAC;IACxB,SAAS,EAAE;GACC,MAAM,CAmBlB"}

package/dist/elements/overview/ca-model-usage.d.ts

@@ -0,0 +1,25 @@
+import { type ModelUsage } from '@contraagent/api';
+import { LitElement } from 'lit';
+import '@contraagent/elements/segmented/define';
+/**
+ * What each model was used for in a run (`Plan.models`): the share of each model in
+ * the chosen measure (cost, tokens, time or agent sessions) as one bar, and a table
+ * of every model with its share and every measure, and its peak context when
+ * a session on it reported one. A model keeps its colour, and
+ * its place, in the order it was first used, whatever the measure; past six models
+ * the later ones share one colour as "Other models".
+ */
+export declare class CaModelUsage extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    models: readonly ModelUsage[];
+    /** The measure the bar and the share column show; the first one with a value when unset or empty. */
+    private measure;
+    private chosen;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-model-usage': CaModelUsage;
+    }
+}
+//# sourceMappingURL=ca-model-usage.d.ts.map

package/dist/elements/overview/ca-model-usage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-model-usage.d.ts","sourceRoot":"","sources":["../../../src/elements/overview/ca-model-usage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAErF,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,OAAO,wCAAwC,CAAC;AAUhD;;;;;;;GAOG;AACH,qBAEa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0DAyBpB;IAE8B,MAAM,EAAE,SAAS,UAAU,EAAE,CAAM;IACnE,qGAAqG;IAC5F,OAAO,CAAC,OAAO,CAAyB;IAEjD,OAAO,CAAC,MAAM;IAKL,MAAM;CA2ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/elements/overview/ca-model-usage.js

@@ -0,0 +1,118 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { modelMeasures } from '@contraagent/api';
+import { localized, msg } from '@lit/localize';
+import { LitElement, css, html, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import '@contraagent/elements/segmented/define';
+import { shareBar, shareBarStyles } from '@contraagent/elements/primitives';
+import { base } from '@contraagent/elements/styles';
+import { modelRows, shareParts } from '../../adapters/model-shares.js';
+import { measureLabel, measureText, measureTip } from '../../words/models.js';
+import { peakContextLabel, peakContextTip } from '../../words/context.js';
+import { tokenCount } from '../../words/format.js';
+const COLUMNS = ['cost', 'tokens', 'time', 'sessions'];
+/**
+ * What each model was used for in a run (`Plan.models`): the share of each model in
+ * the chosen measure (cost, tokens, time or agent sessions) as one bar, and a table
+ * of every model with its share and every measure, and its peak context when
+ * a session on it reported one. A model keeps its colour, and
+ * its place, in the order it was first used, whatever the measure; past six models
+ * the later ones share one colour as "Other models".
+ */
+let CaModelUsage = class CaModelUsage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.models = [];
+        /** The measure the bar and the share column show; the first one with a value when unset or empty. */
+        this.measure = '';
+    }
+    static { this.styles = [
+        base,
+        shareBarStyles,
+        css `
+      :host { display: block; }
+      .head { display: flex; justify-content: flex-end; margin-bottom: 10px; overflow-x: auto; }
+      .head cae-segmented { flex: none; }
+      /* scrolls sideways on a narrow card: a keyboard reaches it */
+      .wrap { overflow-x: auto; margin-top: 14px; border-radius: 6px; }
+      .wrap:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+      /* The columns as wide as their contents, so a model's figures sit near its name. */
+      table { border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }
+      th { font-weight: 500; color: var(--text-muted); text-align: right; padding: 0 0 6px 28px; white-space: nowrap; border-bottom: 1px solid var(--line); }
+      th:first-child { text-align: left; padding-left: 0; }
+      th.on { color: var(--text); font-weight: 600; }
+      td { padding: 7px 0 7px 28px; text-align: right; white-space: nowrap; color: var(--text-2); vertical-align: top; }
+      tr + tr td { border-top: 1px solid var(--line); }
+      td:first-child { text-align: left; padding-left: 0; }
+      td.on { color: var(--text); }
+      td.share { color: var(--text); font-weight: 600; }
+      .model { display: grid; grid-template-columns: 10px max-content; column-gap: 8px; align-items: baseline; }
+      .model i { width: 10px; height: 10px; border-radius: 3px; align-self: center; }
+      .model b { font-family: var(--mono); font-weight: 500; color: var(--text); }
+      .model small { grid-column: 2; font-size: 11px; color: var(--text-muted); }
+    `,
+    ]; }
+    chosen() {
+        const have = modelMeasures(this.models);
+        return this.measure && have.includes(this.measure) ? this.measure : (have[0] ?? 'sessions');
+    }
+    render() {
+        if (!this.models.length)
+            return html `<div class="meta">${msg('No agent sessions')}</div>`;
+        const measure = this.chosen();
+        const have = modelMeasures(this.models);
+        const rows = modelRows(this.models, measure);
+        const peaks = this.models.some((m) => m.peak_context != null);
+        return html `${have.length > 1
+            ? html `<div class="head">
+            <cae-segmented label=${msg('Measure')} .value=${measure}
+              .options=${have.map((m) => ({ value: m, label: measureLabel(m), title: measureTip(m) }))}
+              @cae-change=${(e) => (this.measure = e.detail.value)}></cae-segmented>
+          </div>`
+            : nothing}
+      ${shareBar(shareParts(this.models, measure), { label: measureLabel(measure) })}
+      <div class="wrap" data-scroll="x" tabindex="0" role="region" aria-label=${msg('Models')}>
+        <table>
+          <thead>
+            <tr>
+              <th scope="col">${msg('Model')}</th>
+              <th scope="col" class="on" title=${measureLabel(measure)}>${msg('Share')}</th>
+              ${COLUMNS.map((c) => html `<th scope="col" class=${c === measure ? 'on' : nothing} title=${measureTip(c)}>${measureLabel(c)}</th>`)}
+              <th scope="col">${msg('API calls')}</th>
+              ${peaks ? html `<th scope="col" title=${peakContextTip()}>${peakContextLabel()}</th>` : nothing}
+            </tr>
+          </thead>
+          <tbody>
+            ${repeat(rows, (r) => r.id, (r) => html `<tr>
+                <td>
+                  <span class="model"><i style=${styleMap({ background: r.colour })}></i><b>${r.usage.model}</b><small>${r.usage.agent}</small></span>
+                </td>
+                <td class="share">${r.share}</td>
+                ${COLUMNS.map((c) => html `<td class=${c === measure ? 'on' : nothing}>${measureText(r.usage, c)}</td>`)}
+                <td>${r.usage.calls ?? 0}</td>
+                ${peaks ? html `<td>${r.usage.peak_context != null ? tokenCount(r.usage.peak_context) : '—'}</td>` : nothing}
+              </tr>`)}
+          </tbody>
+        </table>
+      </div>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaModelUsage.prototype, "models", void 0);
+__decorate([
+    state()
+], CaModelUsage.prototype, "measure", void 0);
+CaModelUsage = __decorate([
+    customElement('ca-model-usage'),
+    localized()
+], CaModelUsage);
+export { CaModelUsage };
+//# sourceMappingURL=ca-model-usage.js.map

package/dist/elements/overview/ca-model-usage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-model-usage.js","sourceRoot":"","sources":["../../../src/elements/overview/ca-model-usage.ts"],"names":[],"mappings":"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"}

package/dist/elements/overview/ca-overview.d.ts

@@ -0,0 +1,66 @@
+import { type Info, type RunState, type HostSummary, type RunSummary } from '@contraagent/api';
+import { LitElement } from 'lit';
+import '../lists/ca-proc-tree.js';
+import './ca-kpis.js';
+import './ca-spend-breakdown.js';
+import './ca-model-usage.js';
+import './ca-quota.js';
+import './ca-pipeline-graph.js';
+import './ca-run-driver.js';
+import './ca-timeline.js';
+import './ca-workers.js';
+/**
+ * The run on one page, in the order a reader checks it: whether it runs, what runs
+ * now, the tasks with a problem (causes first) and the outputs; the pipeline graph
+ * (every task, by layer of the flow) and the figures; where the tokens, the cost and
+ * the subscription went, the process tree (while running), the resume cursor and the
+ * pipeline's own panels; then a timeline. A card takes the width its content needs.
+ * Sends `ca-open-task` and `ca-navigate`.
+ *
+ * @fires ca-navigate - `{tab, stop?}`: a link to another tab or a panel; `{layer, unit, sel}`: a layer of the pipeline graph, or what is selected in it
+ * @fires ca-open-task - `{key, view?}`: a task with a problem was clicked
+ */
+export declare class CaOverview extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    state: RunState;
+    summary: RunSummary | undefined;
+    /** The run's host (a hub). */
+    host: HostSummary | undefined;
+    info: Info;
+    run: string;
+    /** The pipeline graph's layer (`ViewRoute.layer`). */
+    layer: string;
+    /** The unit highlighted in the pipeline graph (`ViewRoute.unit`). */
+    unit: string;
+    /** What is selected in the pipeline graph (`ViewRoute.sel`). */
+    sel: string;
+    private go;
+    /** Open a task: a Python task has no transcript, so its output. */
+    private open;
+    render(): import("lit").TemplateResult<1>;
+    private runningCard;
+    private outputs;
+    /** While running, how far the run is; once over, how its tasks ended. */
+    private progressLine;
+    /** "23 attempts | 4 not started": a task that never started has no attempt. */
+    private triesLine;
+    /** A link's click: no navigation of the page's own, then `go`. */
+    private nav;
+    private cursor;
+    private panelCards;
+    /** A task's name as the button that opens it: the keyboard's way into a problem row. */
+    private nameButton;
+    /** A click on a problem row opens its task, except on a button in it (its name, a later task's chip), which acts on its own. */
+    private openRow;
+    /** One task by name: kind · unit, or kind alone for a task of the whole run. */
+    private name;
+    private problems;
+    /** For a finished run with problems: how many tasks are not done (the tasks resume=True runs again). */
+    private nextStep;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-overview': CaOverview;
+    }
+}
+//# sourceMappingURL=ca-overview.d.ts.map

package/dist/elements/overview/ca-overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-overview.d.ts","sourceRoot":"","sources":["../../../src/elements/overview/ca-overview.ts"],"names":[],"mappings":"AAAA,OAAO,EAeL,KAAK,IAAI,EAET,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,UAAU,EAEhB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAYrD,OAAO,0BAA0B,CAAC;AAClC,OAAO,cAAc,CAAC;AACtB,OAAO,yBAAyB,CAAC;AACjC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,eAAe,CAAC;AACvB,OAAO,wBAAwB,CAAC;AAChC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AAoCzB;;;;;;;;;;GAUG;AACH,qBAEa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,0DAgEpB;IAE8B,KAAK,EAAG,QAAQ,CAAC;IACjB,OAAO,EAAE,UAAU,GAAG,SAAS,CAAC;IAChE,8BAA8B;IACE,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IAC9B,IAAI,EAAG,IAAI,CAAC;IAChC,GAAG,SAAM;IACrB,sDAAsD;IAC1C,KAAK,SAAM;IACvB,qEAAqE;IACzD,IAAI,SAAM;IACtB,gEAAgE;IACpD,GAAG,SAAM;IAErB,OAAO,CAAC,EAAE;IAIV,mEAAmE;IACnE,OAAO,CAAC,IAAI;IAIH,MAAM;IA0Ff,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,OAAO;IAqCf,yEAAyE;IACzE,OAAO,CAAC,YAAY;IAgBpB,+EAA+E;IAC/E,OAAO,CAAC,SAAS;IAKjB,kEAAkE;IAClE,OAAO,CAAC,GAAG;IAOX,OAAO,CAAC,MAAM;IA2Bd,OAAO,CAAC,UAAU;IAqBlB,wFAAwF;IACxF,OAAO,CAAC,UAAU;IAIlB,gIAAgI;IAChI,OAAO,CAAC,OAAO;IAIf,gFAAgF;IAChF,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,QAAQ;IAiEhB,wGAAwG;IACxG,OAAO,CAAC,QAAQ;CAQjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}