@aceshooting/lyra-ui 4.2.0 → 5.0.0

package/dist/components/agent-tools/tool-timeline/tool-timeline.class.js

@@ -0,0 +1,293 @@
+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 { html, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import { getDateTimeFormat, getNumberFormat } from '../../../internal/intl-cache.js';
+import { finiteCount } from '../../../internal/numbers.js';
+import { eyeOffIcon } from '../../../internal/icons.js';
+import { styles } from './tool-timeline.styles.js';
+import '../tool-call-chip/tool-call-chip.js';
+import '../tool-result-view/tool-result-view.js';
+import '../tool-approval-dialog/tool-approval-dialog.js';
+import '../../layout/details/details.js';
+/** `true`-defaulting boolean attribute converter for `approvalEditable` -- identical shape/
+ *  rationale to `<lr-checkpoint>`'s own `trueDefaultBooleanConverter`, duplicated locally per this
+ *  library's convention of not sharing these tiny converters across independently-consumable
+ *  component files. Lit's default presence-based `type: Boolean` can never be set back to `false`
+ *  from a plain-HTML attribute once the property's own default is `true` (removing an attribute
+ *  that was never present fires no `attributeChangedCallback`), so `fromAttribute` checks the
+ *  literal string instead. */
+const trueDefaultBooleanConverter = {
+    fromAttribute(value) {
+        return value !== 'false';
+    },
+    toAttribute(value) {
+        return value ? null : 'false';
+    },
+};
+/** `hour:minute` in the component's effective locale -- identical algorithm to
+ *  `<lr-checkpoint>`'s own `defaultFormatTimestamp`, duplicated locally. */
+function defaultFormatTimestamp(date, locale) {
+    return getDateTimeFormat(locale || 'en', { hour: 'numeric', minute: '2-digit' }).format(date);
+}
+/**
+ * Returns a structural clone of `value` with every leaf/branch under `currentPath` that `paths`
+ * names replaced by `placeholder`. A path with no corresponding field in `value` is simply never
+ * visited -- `Object.entries` only iterates real keys -- so a dangling path degrades gracefully
+ * instead of throwing. Arrays are walked with numeric-index path segments (`args.rows.0.ssn`);
+ * every other non-plain-object value below an unmasked branch is treated as an opaque leaf.
+ */
+function redactBranch(value, currentPath, paths, placeholder) {
+    if (paths.includes(currentPath))
+        return placeholder;
+    if (!paths.some((p) => p.startsWith(`${currentPath}.`)))
+        return value;
+    if (Array.isArray(value)) {
+        return value.map((item, index) => redactBranch(item, `${currentPath}.${index}`, paths, placeholder));
+    }
+    if (value !== null && typeof value === 'object') {
+        const result = {};
+        for (const [key, item] of Object.entries(value)) {
+            result[key] = redactBranch(item, `${currentPath}.${key}`, paths, placeholder);
+        }
+        return result;
+    }
+    return value;
+}
+/** Entry point for `redactBranch()` -- a no-op (returns `value` unchanged) whenever `paths` is
+ *  empty, so the common unredacted case never allocates a clone. */
+function redactField(value, root, paths, placeholder) {
+    return paths.length === 0 ? value : redactBranch(value, root, paths, placeholder);
+}
+/**
+ * `<lr-tool-timeline>` — a chronological list of an agent run's tool/function calls, each
+ * rendered through `<lr-tool-call-chip>` (name/status/duration) and `<lr-tool-result-view>`
+ * (args/result), with per-entry retry counts, sensitive-field redaction, and a shared
+ * `<lr-tool-approval-dialog>` for entries gated behind a human approval decision. This component
+ * owns none of the actual per-call rendering -- that is entirely those three existing
+ * primitives -- its own job is ordering `entries` chronologically, computing each entry's
+ * duration from `startedAt`/`endedAt`, masking `redactedFields` before handing `args`/`result` to
+ * `<lr-tool-result-view>`, and opening/closing the one shared approval dialog for whichever entry
+ * is currently pending a decision.
+ *
+ * Ordering: `entries` is sorted ascending by `startedAt`; an entry with no `startedAt` sorts after
+ * every timed entry, keeping its position relative to any other untimed entries stable (input
+ * order is preserved among ties) — a still-pending call with no timestamp yet naturally lands at
+ * the end without needing to be pre-sorted by the host.
+ *
+ * Redaction only ever affects the read-only detail view: the copy of `args` handed to the
+ * approval dialog is always the entry's real, unmasked value. Approving a masked-args call must
+ * let the reviewer see (and, if `approvalEditable`, edit) what will actually be sent — handing the
+ * dialog a placeholder string in place of a real field would silently corrupt the decision.
+ *
+ * Approval: activating the chip (`lr-tool-call-chip-select`) of an entry with `needsApproval` and
+ * an undecided `approved` opens the shared dialog for that entry; approving or denying emits this
+ * component's own `lr-tool-approval-decide` and closes the dialog. This component never mutates
+ * `entries` itself — a host applies the decision (and any resulting status change) and re-assigns
+ * `entries`; if the entry currently under review disappears or no longer qualifies as pending
+ * (its `approved` was resolved some other way) by the time `entries` changes, the dialog closes on
+ * its own rather than staying open over stale data. A chip belonging to an entry that isn't
+ * pending approval is left alone — its own `lr-tool-call-chip-select` (and deprecated
+ * `lr-tool-chip-select` alias) still bubble out normally for a host that wants to react to raw
+ * chip selection for its own purposes.
+ *
+ * @customElement lr-tool-timeline
+ * @event lr-tool-approval-decide - A pending entry's approval dialog was resolved.
+ *   `detail: { invocationId, approved, args? }` — `args` (the dialog's current, possibly
+ *   host-edited arguments) is present only when `approved` is `true`.
+ * @csspart base - The root `<ol>`.
+ * @csspart entry - One entry's `<li>`; carries `data-status` (the entry's `status`) and
+ *   `data-pending-approval` (`"true"`/`"false"`).
+ * @csspart entry-marker - The decorative rail dot/connector for one entry.
+ * @csspart entry-body - Wrapper around one entry's header and details.
+ * @csspart entry-header - Wrapper around the timestamp, chip, retry badge, and approval status.
+ * @csspart entry-timestamp - The formatted `startedAt`, only rendered while it's set.
+ * @csspart entry-retries - The retry-count badge, only rendered while `retryCount > 0`.
+ * @csspart entry-retries-label - The localized "Retry" text within the retry badge.
+ * @csspart entry-retries-count - The formatted retry count within the retry badge.
+ * @csspart entry-approval-status - The "Approved"/"Denied" badge, only rendered once `approved`
+ *   is set; carries `data-decision` (`"approved"`/`"denied"`).
+ * @csspart entry-redacted-indicator - A decorative marker shown when `redactedFields` is
+ *   non-empty for that entry.
+ * @csspart entry-details - The `<lr-details>` disclosure wrapping the entry's result view.
+ * @csspart entry-result - The entry's `<lr-tool-result-view>`.
+ * @csspart entry-error - The entry's `error` text, only rendered when set.
+ * @csspart approval-dialog - The single shared `<lr-tool-approval-dialog>` instance.
+ * @cssprop [--lr-tool-timeline-gap=var(--lr-space-l)] - Vertical gap between entries.
+ */
+export class LyraToolTimeline extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The calls to render, in any order — see the class doc's ordering note. */
+        this.entries = [];
+        /** Forwarded to the shared approval dialog's own `editable` — whether a reviewer can edit an
+         *  entry's arguments before approving it. */
+        this.approvalEditable = true;
+        this.onDialogApprove = (event) => {
+            event.stopPropagation();
+            const invocationId = this.reviewingEntryId;
+            if (invocationId === undefined)
+                return;
+            this.reviewingEntryId = undefined;
+            this.emit('lr-tool-approval-decide', {
+                invocationId,
+                approved: true,
+                args: event.detail.args,
+            });
+        };
+        this.onDialogDeny = (event) => {
+            event.stopPropagation();
+            const invocationId = this.reviewingEntryId;
+            if (invocationId === undefined)
+                return;
+            this.reviewingEntryId = undefined;
+            this.emit('lr-tool-approval-decide', { invocationId, approved: false });
+        };
+        this.onDialogClose = (event) => {
+            event.stopPropagation();
+            this.reviewingEntryId = undefined;
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate(changed) {
+        if (changed.has('entries') && this.reviewingEntryId !== undefined) {
+            const still = this.entries.find((entry) => entry.id === this.reviewingEntryId);
+            if (!still || !(still.needsApproval && still.approved === undefined)) {
+                this.reviewingEntryId = undefined;
+            }
+        }
+    }
+    get sortedEntries() {
+        return this.entries
+            .map((entry, index) => ({ entry, index }))
+            .sort((a, b) => {
+            const ak = a.entry.startedAt ?? Number.POSITIVE_INFINITY;
+            const bk = b.entry.startedAt ?? Number.POSITIVE_INFINITY;
+            return ak !== bk ? ak - bk : a.index - b.index;
+        })
+            .map(({ entry }) => entry);
+    }
+    get reviewingEntry() {
+        return this.reviewingEntryId === undefined
+            ? undefined
+            : this.entries.find((entry) => entry.id === this.reviewingEntryId);
+    }
+    durationFor(entry) {
+        if (entry.startedAt == null || entry.endedAt == null)
+            return undefined;
+        const diff = entry.endedAt - entry.startedAt;
+        return Number.isFinite(diff) ? diff : undefined;
+    }
+    normalizedDate(ms) {
+        if (ms == null || !Number.isFinite(ms))
+            return undefined;
+        const date = new Date(ms);
+        return Number.isNaN(date.getTime()) ? undefined : date;
+    }
+    onChipSelect(entry) {
+        if (entry.needsApproval && entry.approved === undefined) {
+            this.reviewingEntryId = entry.id;
+        }
+    }
+    entryTemplate(entry, placeholder) {
+        const started = this.normalizedDate(entry.startedAt);
+        const durationMs = this.durationFor(entry);
+        const retryCount = finiteCount(entry.retryCount ?? 0);
+        const redactedFields = entry.redactedFields ?? [];
+        const redactedArgs = redactField(entry.args, 'args', redactedFields, placeholder);
+        const redactedResult = entry.result !== undefined ? redactField(entry.result, 'result', redactedFields, placeholder) : entry.result;
+        const redactedError = entry.error !== undefined && redactedFields.includes('error') ? placeholder : entry.error;
+        const pendingApproval = entry.needsApproval === true && entry.approved === undefined;
+        const formatter = this.formatTimestamp ?? ((date) => defaultFormatTimestamp(date, this.effectiveLocale));
+        return html `
+      <li
+        part="entry"
+        role="listitem"
+        data-status=${entry.status}
+        data-pending-approval=${pendingApproval ? 'true' : 'false'}
+      >
+        <span part="entry-marker" aria-hidden="true"></span>
+        <div part="entry-body">
+          <div part="entry-header">
+            ${started
+            ? html `<time part="entry-timestamp" datetime=${started.toISOString()}>${formatter(started)}</time>`
+            : nothing}
+            <lr-tool-call-chip
+              .name=${entry.name}
+              .status=${entry.status}
+              .durationMs=${durationMs}
+              call-id=${entry.id}
+              @lr-tool-call-chip-select=${() => this.onChipSelect(entry)}
+            ></lr-tool-call-chip>
+            ${retryCount > 0
+            ? html `<span part="entry-retries">
+                  <span part="entry-retries-label">${this.localize('retry')}</span>
+                  <span part="entry-retries-count">${getNumberFormat(this.effectiveLocale).format(retryCount)}</span>
+                </span>`
+            : nothing}
+            ${entry.approved === true
+            ? html `<span part="entry-approval-status" data-decision="approved"
+                  >${this.localize('confirmApproved')}</span
+                >`
+            : entry.approved === false
+                ? html `<span part="entry-approval-status" data-decision="denied"
+                    >${this.localize('confirmDenied')}</span
+                  >`
+                : nothing}
+            ${redactedFields.length > 0
+            ? html `<span part="entry-redacted-indicator" aria-hidden="true">${eyeOffIcon()}</span>`
+            : nothing}
+          </div>
+          <lr-details part="entry-details">
+            <lr-tool-result-view
+              part="entry-result"
+              tool-name=${entry.name}
+              .args=${redactedArgs}
+              .result=${redactedResult}
+            ></lr-tool-result-view>
+            ${redactedError !== undefined ? html `<p part="entry-error">${redactedError}</p>` : nothing}
+          </lr-details>
+        </div>
+      </li>
+    `;
+    }
+    render() {
+        const entries = this.sortedEntries;
+        const reviewing = this.reviewingEntry;
+        const placeholder = this.localize('envListValueHidden');
+        return html `
+      <ol part="base" role="list" aria-label=${this.getAttribute('aria-label') || nothing}>
+        ${repeat(entries, (entry) => entry.id, (entry) => this.entryTemplate(entry, placeholder))}
+      </ol>
+      <lr-tool-approval-dialog
+        part="approval-dialog"
+        tool-name=${reviewing?.name ?? ''}
+        .args=${reviewing?.args ?? {}}
+        .editable=${this.approvalEditable}
+        ?open=${reviewing !== undefined}
+        @lr-approve=${this.onDialogApprove}
+        @lr-deny=${this.onDialogDeny}
+        @lr-close=${this.onDialogClose}
+      ></lr-tool-approval-dialog>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraToolTimeline.prototype, "entries", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'approval-editable', converter: trueDefaultBooleanConverter })
+], LyraToolTimeline.prototype, "approvalEditable", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraToolTimeline.prototype, "formatTimestamp", void 0);
+__decorate([
+    state()
+], LyraToolTimeline.prototype, "reviewingEntryId", void 0);
+//# sourceMappingURL=tool-timeline.class.js.map

package/dist/components/agent-tools/tool-timeline/tool-timeline.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-timeline.class.js","sourceRoot":"","sources":["../../../../src/components/agent-tools/tool-timeline/tool-timeline.class.ts"],"names":[],"mappings":"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"}

package/dist/components/agent-tools/tool-timeline/tool-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-timeline.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/tool-timeline/tool-timeline.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/components/agent-tools/tool-timeline/tool-timeline.js

@@ -0,0 +1,5 @@
+export * from './tool-timeline.class.js';
+import { LyraToolTimeline } from './tool-timeline.class.js';
+import { defineElement } from '../../../internal/prefix.js';
+defineElement('tool-timeline', LyraToolTimeline);
+//# sourceMappingURL=tool-timeline.js.map

package/dist/components/agent-tools/tool-timeline/tool-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-timeline.js","sourceRoot":"","sources":["../../../../src/components/agent-tools/tool-timeline/tool-timeline.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,aAAa,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/components/agent-tools/tool-timeline/tool-timeline.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-timeline.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/tool-timeline/tool-timeline.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAiJlB,CAAC"}

package/dist/components/agent-tools/tool-timeline/tool-timeline.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-timeline.styles.js","sourceRoot":"","sources":["../../../../src/components/agent-tools/tool-timeline/tool-timeline.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiJxB,CAAC"}

package/dist/components/agent-tools/trace-tree/span.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"span.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/trace-tree/span.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,iIAAiI;IACjI,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;IACrE,6EAA6E;IAC7E,OAAO,EAAE,MAAM,CAAC;IAChB,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/agent-tools/trace-tree/span.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"span.js","sourceRoot":"","sources":["../../../../src/components/agent-tools/trace-tree/span.ts"],"names":[],"mappings":""}

package/dist/components/agent-tools/trace-tree/trace-tree.class.d.ts

@@ -0,0 +1,85 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import '../../utility/live-region/live-region.class.js';
+import '../../overlays/empty/empty.class.js';
+import type { LyraSpan } from './span.js';
+export type { LyraSpan } from './span.js';
+export interface LyraTraceTreeEventMap {
+    'lr-span-select': CustomEvent<{
+        id: string;
+    }>;
+    'lr-span-toggle': CustomEvent<{
+        id: string;
+        expanded: boolean;
+    }>;
+}
+/**
+ * `<lr-trace-tree>` — a collapsible span hierarchy for one agent/LLM trace
+ * (Langfuse/LangSmith run-tree style): kind icon, name, status, an inline
+ * duration bar on the shared trace time scale, and optional tokens/cost
+ * columns. Consumes the same `LyraSpan[]` as `<lr-span-waterfall>`.
+ *
+ * @customElement lr-trace-tree
+ * @event lr-span-select - `detail: { id }` — a row was activated (click, Enter, Space).
+ * @event lr-span-toggle - `detail: { id, expanded }` — a row was expanded or collapsed.
+ * @csspart base - The root wrapper (`role="tree"`).
+ * @csspart header - The column-header row, rendered only when `showTokens`/`showCost` is on.
+ * @csspart row - One span's row (`role="treeitem"`).
+ * @csspart toggle - A row's expand/collapse button.
+ * @csspart icon - The span-kind icon.
+ * @csspart name - The span's name.
+ * @csspart detail - The span's secondary text, from `LyraSpan.detail`.
+ * @csspart status-text - The visible status label.
+ * @csspart duration - The formatted duration text.
+ * @csspart tokens-in - The tokens-in column cell (when `showTokens`).
+ * @csspart tokens-out - The tokens-out column cell (when `showTokens`).
+ * @csspart cost - The cost column cell (when `showCost`).
+ * @csspart bar-track - The duration bar's background track.
+ * @csspart bar - The duration bar's filled portion.
+ * @csspart empty - The empty-state message shown when `spans` is empty.
+ * @csspart live-region - The internal status-announcement live region.
+ */
+export declare class LyraTraceTree extends LyraElement<LyraTraceTreeEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** Flat span array. Hierarchy is derived from `parentId`; siblings order by `startMs`. */
+    spans: LyraSpan[];
+    /** Controlled selection — the matching row carries `aria-current`/`data-active` and scrolls into view. */
+    activeSpanId: string | null;
+    /** Accessible name for the `role="tree"` element. Falls back to a host `aria-label`, then the localized default. */
+    label: string;
+    /** Adds tokens-in/tokens-out columns. */
+    showTokens: boolean;
+    /** Adds a cost column, rendering `costText` verbatim. */
+    showCost: boolean;
+    /** Suppresses the inline duration bar, for dense/narrow embeddings. */
+    hideBars: boolean;
+    /** Ids of rows explicitly collapsed by the user. Absence means expanded — every row starts expanded. */
+    private collapsedIds;
+    private focusedId;
+    private liveRegion?;
+    private previousStatuses;
+    private pendingAnnouncements;
+    private buildRows;
+    private traceExtent;
+    private formatDuration;
+    private formatNumber;
+    private toggleSpan;
+    /** Expand every collapsible row. Resolves once the update reflecting it has committed. */
+    expandAll(): Promise<void>;
+    /** Collapse every row that has children. */
+    collapseAll(): void;
+    private focusRow;
+    private selectRow;
+    private onKeyDown;
+    protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    private renderHeader;
+    private renderRow;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-trace-tree': LyraTraceTree;
+    }
+}
+//# sourceMappingURL=trace-tree.class.d.ts.map

package/dist/components/agent-tools/trace-tree/trace-tree.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-tree.class.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/trace-tree/trace-tree.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAA0B,MAAM,KAAK,CAAC;AAE3G,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAMhE,OAAO,gDAAgD,CAAC;AACxD,OAAO,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AA+D1C,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,EAAE,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9C,gBAAgB,EAAE,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAClE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAAa,aAAc,SAAQ,WAAW,CAAC,qBAAqB,CAAC;IACnE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,0FAA0F;IAC1D,KAAK,EAAE,QAAQ,EAAE,CAAM;IACvD,0GAA0G;IAC/D,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9E,oHAAoH;IACxG,KAAK,SAAM;IACvB,yCAAyC;IACc,UAAU,UAAS;IAC1E,yDAAyD;IACJ,QAAQ,UAAS;IACtE,uEAAuE;IAClB,QAAQ,UAAS;IAEtE,wGAAwG;IAC/F,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,SAAS,CAAuB;IAExB,OAAO,CAAC,UAAU,CAAC,CAAiB;IAC7D,OAAO,CAAC,gBAAgB,CAAyC;IACjE,OAAO,CAAC,oBAAoB,CAAgB;IAE5C,OAAO,CAAC,SAAS;IA8BjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;IAalB,0FAA0F;IACpF,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,CAG/B;IAED,4CAA4C;IAC5C,WAAW,IAAI,IAAI,CAgBlB;IAED,OAAO,CAAC,QAAQ;IAQhB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,SAAS,CAyDf;IAEF,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CA8BlD;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAU/C;IAED,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,SAAS;IAuEjB,MAAM,IAAI,cAAc,CAevB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,aAAa,CAAC;KAChC;CACF"}