@mysten-incubation/dev-wallet 0.0.0

package/dist/ui/dev-wallet-new-account.mjs

@@ -0,0 +1,577 @@
+import { actionButtonStyles, sharedStyles, stateStyles } from "./styles.mjs";
+import { emitEvent, formatAddress, getErrorMessage, isPairableAdapter, toggleSetItem } from "./utils.mjs";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.107.0/helpers/decorate.mjs";
+import "./dev-wallet-dropdown.mjs";
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+
+//#region src/ui/dev-wallet-new-account.ts
+let DevWalletNewAccount = class DevWalletNewAccount$1 extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.adapters = [];
+		this.open = false;
+		this._mode = "create";
+		this._label = "";
+		this._selectedAdapterId = "";
+		this._creating = false;
+		this._error = null;
+		this._availableAccounts = [];
+		this._loadingImports = false;
+		this._dropdownOpen = false;
+		this._selectedImports = new Set();
+	}
+	static {
+		this.styles = [
+			sharedStyles,
+			actionButtonStyles,
+			stateStyles,
+			css`
+			:host {
+				display: block;
+			}
+
+			dialog:not([open]) {
+				display: none;
+			}
+
+			dialog {
+				width: 320px;
+				max-width: calc(100vw - 32px);
+				max-height: min(420px, 80vh);
+				border-radius: var(--dev-wallet-radius-xl);
+				background: var(--dev-wallet-background);
+				border: 1px solid var(--dev-wallet-border);
+				box-shadow: var(--dev-wallet-shadow-lg);
+				padding: 20px;
+				display: flex;
+				flex-direction: column;
+				color: inherit;
+			}
+
+			dialog::backdrop {
+				background: color-mix(in oklab, oklch(0 0 0) 50%, transparent);
+			}
+
+			.dialog-title {
+				font-size: 16px;
+				font-weight: var(--dev-wallet-font-weight-semibold);
+				color: var(--dev-wallet-foreground);
+				margin-bottom: 16px;
+			}
+
+			.tabs {
+				display: flex;
+				gap: 4px;
+				margin-bottom: 16px;
+				background: var(--dev-wallet-secondary);
+				border-radius: var(--dev-wallet-radius-sm);
+				padding: 3px;
+			}
+
+			.tab {
+				flex: 1;
+				padding: 6px 12px;
+				border-radius: var(--dev-wallet-radius-xs);
+				font-size: 12px;
+				font-weight: var(--dev-wallet-font-weight-medium);
+				color: var(--dev-wallet-muted-foreground);
+				text-align: center;
+				transition: all 0.15s;
+			}
+
+			.tab.active {
+				background: var(--dev-wallet-background);
+				color: var(--dev-wallet-foreground);
+				box-shadow: var(--dev-wallet-shadow-sm);
+			}
+
+			.tab:not(.active):hover {
+				color: var(--dev-wallet-foreground);
+			}
+
+			.field {
+				margin-bottom: 12px;
+			}
+
+			.field-label {
+				display: block;
+				font-size: 12px;
+				font-weight: var(--dev-wallet-font-weight-medium);
+				color: var(--dev-wallet-muted-foreground);
+				margin-bottom: 4px;
+			}
+
+			.field-input {
+				width: 100%;
+				padding: 8px 10px;
+				border-radius: var(--dev-wallet-radius-sm);
+				border: 1px solid var(--dev-wallet-input);
+				background: var(--dev-wallet-secondary);
+				color: var(--dev-wallet-foreground);
+				font-size: 14px;
+				font-family: inherit;
+				outline: none;
+				box-sizing: border-box;
+			}
+
+			.field-input:focus {
+				border-color: var(--dev-wallet-primary);
+				outline: 2px solid color-mix(in oklab, var(--dev-wallet-ring) 50%, transparent);
+				outline-offset: -1px;
+			}
+
+			.select-trigger {
+				width: 100%;
+				padding: 8px 10px;
+				border-radius: var(--dev-wallet-radius-sm);
+				border: 1px solid var(--dev-wallet-input);
+				background: var(--dev-wallet-secondary);
+				color: var(--dev-wallet-foreground);
+				font-size: 14px;
+				font-family: inherit;
+				box-sizing: border-box;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				cursor: pointer;
+				text-align: left;
+			}
+
+			.select-trigger:hover {
+				border-color: var(--dev-wallet-primary);
+			}
+
+			.select-trigger .chevron {
+				font-size: 10px;
+				color: var(--dev-wallet-muted-foreground);
+				transition: transform 0.15s;
+			}
+
+			.select-trigger.open .chevron {
+				transform: rotate(180deg);
+			}
+
+			.select-option {
+				width: 100%;
+				padding: 8px 10px;
+				font-size: 14px;
+				font-family: inherit;
+				color: var(--dev-wallet-foreground);
+				background: transparent;
+				text-align: left;
+				cursor: pointer;
+				transition: background 0.1s;
+			}
+
+			.select-option:hover {
+				background: color-mix(in oklab, var(--dev-wallet-primary) 15%, transparent);
+			}
+
+			.select-option.selected {
+				color: var(--dev-wallet-primary);
+				font-weight: var(--dev-wallet-font-weight-medium);
+			}
+
+			.import-list {
+				display: flex;
+				flex-direction: column;
+				gap: 4px;
+				overflow-y: auto;
+				max-height: 240px;
+				min-height: 60px;
+			}
+
+			.import-item {
+				display: flex;
+				align-items: center;
+				gap: 10px;
+				padding: 8px 10px;
+				border-radius: var(--dev-wallet-radius-sm);
+				border: 1px solid var(--dev-wallet-border);
+				background: var(--dev-wallet-secondary);
+				width: 100%;
+				text-align: left;
+				transition: border-color 0.15s;
+			}
+
+			.import-item:hover {
+				border-color: var(--dev-wallet-primary);
+			}
+
+			.import-item.selected {
+				border-color: var(--dev-wallet-primary);
+				background: color-mix(in oklab, var(--dev-wallet-primary) 10%, var(--dev-wallet-secondary));
+			}
+
+			.import-item:disabled {
+				opacity: 0.5;
+				cursor: not-allowed;
+			}
+
+			.import-checkbox {
+				width: 16px;
+				height: 16px;
+				border-radius: var(--dev-wallet-radius-2xs);
+				border: 2px solid var(--dev-wallet-border);
+				flex-shrink: 0;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				font-size: 10px;
+				color: var(--dev-wallet-primary-foreground);
+				transition: all 0.15s;
+			}
+
+			.import-checkbox.checked {
+				background: var(--dev-wallet-primary);
+				border-color: var(--dev-wallet-primary);
+			}
+
+			.import-item-info {
+				flex: 1;
+				min-width: 0;
+			}
+
+			.import-item-label {
+				font-size: 13px;
+				font-weight: var(--dev-wallet-font-weight-medium);
+				color: var(--dev-wallet-foreground);
+			}
+
+			.import-item-address {
+				font-size: 11px;
+				color: var(--dev-wallet-muted-foreground);
+				font-family: var(--dev-wallet-font-mono);
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
+			.import-item-badge {
+				font-size: 10px;
+				padding: 1px 6px;
+				border-radius: var(--dev-wallet-radius-xs);
+				background: var(--dev-wallet-background);
+				border: 1px solid var(--dev-wallet-border);
+				color: var(--dev-wallet-muted-foreground);
+				font-weight: var(--dev-wallet-font-weight-medium);
+				text-transform: uppercase;
+				letter-spacing: 0.3px;
+				white-space: nowrap;
+				flex-shrink: 0;
+			}
+
+			.empty-state,
+			.loading {
+				padding: 20px;
+			}
+
+			.actions {
+				margin-top: 16px;
+			}
+
+			.error {
+				color: var(--dev-wallet-destructive);
+				font-size: 12px;
+				margin-top: 8px;
+			}
+		`
+		];
+	}
+	get #creatableAdapters() {
+		return this.adapters.filter((a) => "createAccount" in a && a.createAccount);
+	}
+	get #importableAdapters() {
+		return this.adapters.filter((a) => "importAccount" in a && a.importAccount && "listAvailableAccounts" in a && a.listAvailableAccounts && (!isPairableAdapter(a) || a.isPaired));
+	}
+	get #hasUnpairedImportableAdapters() {
+		return this.adapters.some((a) => "importAccount" in a && a.importAccount && "listAvailableAccounts" in a && a.listAvailableAccounts && isPairableAdapter(a) && !a.isPaired);
+	}
+	updated(changed) {
+		if (changed.has("open")) {
+			const dialog = this.shadowRoot?.querySelector("dialog");
+			if (this.open && dialog && !dialog.open) {
+				const canCreate = this.#creatableAdapters.length > 0;
+				const canImport = this.#importableAdapters.length > 0;
+				if (canImport && !canCreate) {
+					this._mode = "import";
+				} else {
+					this._mode = "create";
+				}
+				if (canImport) {
+					this.#loadAvailableAccounts();
+				}
+				dialog.showModal();
+			} else if (!this.open && dialog?.open) {
+				dialog.close();
+			}
+		}
+	}
+	render() {
+		const canCreate = this.#creatableAdapters.length > 0;
+		const canImport = this.#importableAdapters.length > 0;
+		const showTabs = canCreate && canImport;
+		return html`
+			<dialog part="dialog" @cancel=${this.#handleDialogCancel}>
+				<div class="dialog-title">Add Account</div>
+				${showTabs ? html`
+							<div class="tabs">
+								<button
+									class="tab ${this._mode === "create" ? "active" : ""}"
+									@click=${() => this._mode = "create"}
+								>
+									Create
+								</button>
+								<button
+									class="tab ${this._mode === "import" ? "active" : ""}"
+									@click=${() => this._mode = "import"}
+								>
+									Import
+								</button>
+							</div>
+						` : nothing}
+				${this._mode === "create" ? this.#renderCreateForm() : this.#renderImportList()}
+				${this._error ? html`<div class="error" part="error-message">${this._error}</div>` : nothing}
+			</dialog>
+		`;
+	}
+	#handleDialogCancel(e) {
+		e.preventDefault();
+		if (!this._creating) {
+			this.#close();
+		}
+	}
+	#renderCreateForm() {
+		const creatableAdapters = this.#creatableAdapters;
+		const showPicker = creatableAdapters.length > 1;
+		const selectedAdapter = creatableAdapters.find((a) => a.id === this._selectedAdapterId) ?? creatableAdapters[0];
+		return html`
+			${showPicker ? html`
+						<div class="field">
+							<label class="field-label">Type</label>
+							<dev-wallet-dropdown
+								full-width
+								.open=${this._dropdownOpen}
+								@close=${() => this._dropdownOpen = false}
+							>
+								<button
+									slot="trigger"
+									class="select-trigger ${this._dropdownOpen ? "open" : ""}"
+									@click=${() => this._dropdownOpen = !this._dropdownOpen}
+								>
+									<span>${selectedAdapter?.name ?? "Select..."}</span>
+									<span class="chevron">▼</span>
+								</button>
+								<div slot="popover">
+									${creatableAdapters.map((a) => html`
+											<button
+												class="select-option ${a.id === (selectedAdapter?.id ?? "") ? "selected" : ""}"
+												@click=${() => {
+			this._selectedAdapterId = a.id;
+			this._dropdownOpen = false;
+			this._error = null;
+		}}
+											>
+												${a.name}
+											</button>
+										`)}
+								</div>
+							</dev-wallet-dropdown>
+						</div>
+					` : nothing}
+			<div class="field">
+				<label class="field-label">Label</label>
+				<input
+					class="field-input"
+					part="label-input"
+					type="text"
+					placeholder="e.g. Test Account"
+					.value=${this._label}
+					@input=${this.#handleLabelInput}
+					@keydown=${this.#handleKeydown}
+				/>
+			</div>
+			<div class="actions">
+				<button class="btn btn-cancel" part="cancel-button" @click=${this.#handleCancel}>
+					Cancel
+				</button>
+				<button
+					class="btn btn-create"
+					part="create-button"
+					?disabled=${this._creating}
+					@click=${this.#handleCreate}
+				>
+					${this._creating ? "Creating..." : "Create"}
+				</button>
+			</div>
+		`;
+	}
+	#renderImportList() {
+		if (this._loadingImports) {
+			return html`<div class="loading">Loading accounts...</div>
+				<div class="actions">
+					<button class="btn btn-cancel" part="cancel-button" @click=${this.#handleCancel}>
+						Cancel
+					</button>
+				</div>`;
+		}
+		if (this._availableAccounts.length === 0) {
+			return html`<div class="empty-state">
+					${this.#hasUnpairedImportableAdapters ? "Open the token URL from your terminal to connect CLI accounts." : "No accounts available to import"}
+				</div>
+				<div class="actions">
+					<button class="btn btn-cancel" part="cancel-button" @click=${this.#handleCancel}>
+						Cancel
+					</button>
+				</div>`;
+		}
+		return html`
+			<div class="import-list">
+				${this._availableAccounts.map((account) => {
+			const selected = this._selectedImports.has(account.address);
+			return html`
+						<button
+							class="import-item ${selected ? "selected" : ""}"
+							role="checkbox"
+							aria-checked="${selected}"
+							?disabled=${this._creating}
+							@click=${() => this.#toggleImportSelection(account.address)}
+						>
+							<span class="import-checkbox ${selected ? "checked" : ""}"
+								>${selected ? "✓" : ""}</span
+							>
+							<div class="import-item-info">
+								<div class="import-item-label">
+									${account.alias || formatAddress(account.address)}
+								</div>
+								<div class="import-item-address">${formatAddress(account.address)}</div>
+							</div>
+							<span class="import-item-badge">${account.scheme}</span>
+						</button>
+					`;
+		})}
+			</div>
+			<div class="actions">
+				<button class="btn btn-cancel" part="cancel-button" @click=${this.#handleCancel}>
+					Cancel
+				</button>
+				<button
+					class="btn btn-create"
+					part="create-button"
+					?disabled=${this._creating || this._selectedImports.size === 0}
+					@click=${this.#handleImportSelected}
+				>
+					${this._creating ? "Importing..." : `Import${this._selectedImports.size > 0 ? ` (${this._selectedImports.size})` : ""}`}
+				</button>
+			</div>
+		`;
+	}
+	async #loadAvailableAccounts() {
+		this._loadingImports = true;
+		this._availableAccounts = [];
+		try {
+			const results = [];
+			for (const adapter of this.#importableAdapters) {
+				const accounts = await adapter.listAvailableAccounts();
+				for (const account of accounts) {
+					results.push({
+						adapterId: adapter.id,
+						adapterName: adapter.name,
+						address: account.address,
+						scheme: account.scheme,
+						alias: "alias" in account ? account.alias : null
+					});
+				}
+			}
+			this._availableAccounts = results;
+		} catch (error) {
+			this._error = getErrorMessage(error, "Failed to load accounts");
+		} finally {
+			this._loadingImports = false;
+		}
+	}
+	#handleLabelInput(e) {
+		this._label = e.target.value;
+		this._error = null;
+	}
+	#handleKeydown(e) {
+		if (e.key === "Enter" && !this._creating) {
+			this.#handleCreate();
+		} else if (e.key === "Escape") {
+			this.#close();
+		}
+	}
+	#handleCancel() {
+		this.#close();
+	}
+	async #handleCreate() {
+		const creatableAdapters = this.#creatableAdapters;
+		if (creatableAdapters.length === 0) return;
+		const adapter = creatableAdapters.find((a) => a.id === this._selectedAdapterId) ?? creatableAdapters[0];
+		if (!adapter?.createAccount) return;
+		this._creating = true;
+		this._error = null;
+		try {
+			const options = {};
+			if (this._label.trim()) {
+				options.label = this._label.trim();
+			}
+			await adapter.createAccount(options);
+			this.#close();
+			emitEvent(this, "account-created");
+		} catch (error) {
+			this._error = getErrorMessage(error, "Failed to create account");
+		} finally {
+			this._creating = false;
+		}
+	}
+	#toggleImportSelection(address) {
+		this._selectedImports = toggleSetItem(this._selectedImports, address);
+	}
+	async #handleImportSelected() {
+		const selected = this._availableAccounts.filter((a) => this._selectedImports.has(a.address));
+		if (selected.length === 0) return;
+		this._creating = true;
+		this._error = null;
+		try {
+			for (const account of selected) {
+				const adapter = this.#importableAdapters.find((a) => a.id === account.adapterId);
+				if (!adapter?.importAccount) continue;
+				await adapter.importAccount({ address: account.address });
+			}
+			this.#close();
+			emitEvent(this, "account-created");
+		} catch (error) {
+			this._error = getErrorMessage(error, "Failed to import account");
+		} finally {
+			this._creating = false;
+		}
+	}
+	#close() {
+		this._label = "";
+		this._selectedAdapterId = "";
+		this._error = null;
+		this._availableAccounts = [];
+		this._selectedImports = new Set();
+		this._mode = "create";
+		this._dropdownOpen = false;
+		emitEvent(this, "close");
+	}
+};
+__decorate([property({ attribute: false })], DevWalletNewAccount.prototype, "adapters", void 0);
+__decorate([property({ type: Boolean })], DevWalletNewAccount.prototype, "open", void 0);
+__decorate([state()], DevWalletNewAccount.prototype, "_mode", void 0);
+__decorate([state()], DevWalletNewAccount.prototype, "_label", void 0);
+__decorate([state()], DevWalletNewAccount.prototype, "_selectedAdapterId", void 0);
+__decorate([state()], DevWalletNewAccount.prototype, "_creating", void 0);
+__decorate([state()], DevWalletNewAccount.prototype, "_error", void 0);
+__decorate([state()], DevWalletNewAccount.prototype, "_availableAccounts", void 0);
+__decorate([state()], DevWalletNewAccount.prototype, "_loadingImports", void 0);
+__decorate([state()], DevWalletNewAccount.prototype, "_dropdownOpen", void 0);
+__decorate([state()], DevWalletNewAccount.prototype, "_selectedImports", void 0);
+DevWalletNewAccount = __decorate([customElement("dev-wallet-new-account")], DevWalletNewAccount);
+
+//#endregion
+export { DevWalletNewAccount };
+//# sourceMappingURL=dev-wallet-new-account.mjs.map

package/dist/ui/dev-wallet-new-account.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-new-account.mjs","names":["DevWalletNewAccount","#creatableAdapters","#importableAdapters","#hasUnpairedImportableAdapters","#loadAvailableAccounts","#handleDialogCancel","#renderCreateForm","#renderImportList","#close","#handleLabelInput","#handleKeydown","#handleCancel","#handleCreate","#toggleImportSelection","#handleImportSelected"],"sources":["../../src/ui/dev-wallet-new-account.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport type { SignerAdapter } from '../types.js';\nimport { actionButtonStyles, sharedStyles, stateStyles } from './styles.js';\nimport {\n\temitEvent,\n\tformatAddress,\n\tgetErrorMessage,\n\tisPairableAdapter,\n\ttoggleSetItem,\n} from './utils.js';\nimport './dev-wallet-dropdown.js';\n\ninterface AvailableAccount {\n\tadapterId: string;\n\tadapterName: string;\n\taddress: string;\n\tscheme: string;\n\talias?: string | null;\n}\n\n@customElement('dev-wallet-new-account')\nexport class DevWalletNewAccount extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tactionButtonStyles,\n\t\tstateStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\tdialog:not([open]) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\tdialog {\n\t\t\t\twidth: 320px;\n\t\t\t\tmax-width: calc(100vw - 32px);\n\t\t\t\tmax-height: min(420px, 80vh);\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xl);\n\t\t\t\tbackground: var(--dev-wallet-background);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tbox-shadow: var(--dev-wallet-shadow-lg);\n\t\t\t\tpadding: 20px;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\n\t\t\tdialog::backdrop {\n\t\t\t\tbackground: color-mix(in oklab, oklch(0 0 0) 50%, transparent);\n\t\t\t}\n\n\t\t\t.dialog-title {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-semibold);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\tmargin-bottom: 16px;\n\t\t\t}\n\n\t\t\t.tabs {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 4px;\n\t\t\t\tmargin-bottom: 16px;\n\t\t\t\tbackground: var(--dev-wallet-secondary);\n\t\t\t\tborder-radius: var(--dev-wallet-radius-sm);\n\t\t\t\tpadding: 3px;\n\t\t\t}\n\n\t\t\t.tab {\n\t\t\t\tflex: 1;\n\t\t\t\tpadding: 6px 12px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xs);\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\ttext-align: center;\n\t\t\t\ttransition: all 0.15s;\n\t\t\t}\n\n\t\t\t.tab.active {\n\t\t\t\tbackground: var(--dev-wallet-background);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\tbox-shadow: var(--dev-wallet-shadow-sm);\n\t\t\t}\n\n\t\t\t.tab:not(.active):hover {\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t}\n\n\t\t\t.field {\n\t\t\t\tmargin-bottom: 12px;\n\t\t\t}\n\n\t\t\t.field-label {\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tmargin-bottom: 4px;\n\t\t\t}\n\n\t\t\t.field-input {\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 8px 10px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-sm);\n\t\t\t\tborder: 1px solid var(--dev-wallet-input);\n\t\t\t\tbackground: var(--dev-wallet-secondary);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-family: inherit;\n\t\t\t\toutline: none;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\n\t\t\t.field-input:focus {\n\t\t\t\tborder-color: var(--dev-wallet-primary);\n\t\t\t\toutline: 2px solid color-mix(in oklab, var(--dev-wallet-ring) 50%, transparent);\n\t\t\t\toutline-offset: -1px;\n\t\t\t}\n\n\t\t\t.select-trigger {\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 8px 10px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-sm);\n\t\t\t\tborder: 1px solid var(--dev-wallet-input);\n\t\t\t\tbackground: var(--dev-wallet-secondary);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-family: inherit;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tcursor: pointer;\n\t\t\t\ttext-align: left;\n\t\t\t}\n\n\t\t\t.select-trigger:hover {\n\t\t\t\tborder-color: var(--dev-wallet-primary);\n\t\t\t}\n\n\t\t\t.select-trigger .chevron {\n\t\t\t\tfont-size: 10px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\ttransition: transform 0.15s;\n\t\t\t}\n\n\t\t\t.select-trigger.open .chevron {\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t}\n\n\t\t\t.select-option {\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 8px 10px;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-family: inherit;\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\tbackground: transparent;\n\t\t\t\ttext-align: left;\n\t\t\t\tcursor: pointer;\n\t\t\t\ttransition: background 0.1s;\n\t\t\t}\n\n\t\t\t.select-option:hover {\n\t\t\t\tbackground: color-mix(in oklab, var(--dev-wallet-primary) 15%, transparent);\n\t\t\t}\n\n\t\t\t.select-option.selected {\n\t\t\t\tcolor: var(--dev-wallet-primary);\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t}\n\n\t\t\t.import-list {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 4px;\n\t\t\t\toverflow-y: auto;\n\t\t\t\tmax-height: 240px;\n\t\t\t\tmin-height: 60px;\n\t\t\t}\n\n\t\t\t.import-item {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 10px;\n\t\t\t\tpadding: 8px 10px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-sm);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tbackground: var(--dev-wallet-secondary);\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: left;\n\t\t\t\ttransition: border-color 0.15s;\n\t\t\t}\n\n\t\t\t.import-item:hover {\n\t\t\t\tborder-color: var(--dev-wallet-primary);\n\t\t\t}\n\n\t\t\t.import-item.selected {\n\t\t\t\tborder-color: var(--dev-wallet-primary);\n\t\t\t\tbackground: color-mix(in oklab, var(--dev-wallet-primary) 10%, var(--dev-wallet-secondary));\n\t\t\t}\n\n\t\t\t.import-item:disabled {\n\t\t\t\topacity: 0.5;\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\n\t\t\t.import-checkbox {\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-2xs);\n\t\t\t\tborder: 2px solid var(--dev-wallet-border);\n\t\t\t\tflex-shrink: 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tfont-size: 10px;\n\t\t\t\tcolor: var(--dev-wallet-primary-foreground);\n\t\t\t\ttransition: all 0.15s;\n\t\t\t}\n\n\t\t\t.import-checkbox.checked {\n\t\t\t\tbackground: var(--dev-wallet-primary);\n\t\t\t\tborder-color: var(--dev-wallet-primary);\n\t\t\t}\n\n\t\t\t.import-item-info {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t}\n\n\t\t\t.import-item-label {\n\t\t\t\tfont-size: 13px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t}\n\n\t\t\t.import-item-address {\n\t\t\t\tfont-size: 11px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\n\t\t\t.import-item-badge {\n\t\t\t\tfont-size: 10px;\n\t\t\t\tpadding: 1px 6px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xs);\n\t\t\t\tbackground: var(--dev-wallet-background);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.3px;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.empty-state,\n\t\t\t.loading {\n\t\t\t\tpadding: 20px;\n\t\t\t}\n\n\t\t\t.actions {\n\t\t\t\tmargin-top: 16px;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tcolor: var(--dev-wallet-destructive);\n\t\t\t\tfont-size: 12px;\n\t\t\t\tmargin-top: 8px;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\tadapters: SignerAdapter[] = [];\n\n\t@property({ type: Boolean })\n\topen = false;\n\n\t@state()\n\tprivate _mode: 'create' | 'import' = 'create';\n\n\t@state()\n\tprivate _label = '';\n\n\t@state()\n\tprivate _selectedAdapterId = '';\n\n\t@state()\n\tprivate _creating = false;\n\n\t@state()\n\tprivate _error: string | null = null;\n\n\t@state()\n\tprivate _availableAccounts: AvailableAccount[] = [];\n\n\t@state()\n\tprivate _loadingImports = false;\n\n\t@state()\n\tprivate _dropdownOpen = false;\n\n\t@state()\n\tprivate _selectedImports = new Set<string>();\n\n\tget #creatableAdapters(): SignerAdapter[] {\n\t\treturn this.adapters.filter((a) => 'createAccount' in a && a.createAccount);\n\t}\n\n\tget #importableAdapters(): SignerAdapter[] {\n\t\treturn this.adapters.filter(\n\t\t\t(a) =>\n\t\t\t\t'importAccount' in a &&\n\t\t\t\ta.importAccount &&\n\t\t\t\t'listAvailableAccounts' in a &&\n\t\t\t\ta.listAvailableAccounts &&\n\t\t\t\t// Skip adapters that require pairing but aren't paired yet\n\t\t\t\t(!isPairableAdapter(a) || a.isPaired),\n\t\t);\n\t}\n\n\tget #hasUnpairedImportableAdapters(): boolean {\n\t\treturn this.adapters.some(\n\t\t\t(a) =>\n\t\t\t\t'importAccount' in a &&\n\t\t\t\ta.importAccount &&\n\t\t\t\t'listAvailableAccounts' in a &&\n\t\t\t\ta.listAvailableAccounts &&\n\t\t\t\tisPairableAdapter(a) &&\n\t\t\t\t!a.isPaired,\n\t\t);\n\t}\n\n\toverride updated(changed: Map<string, unknown>) {\n\t\tif (changed.has('open')) {\n\t\t\tconst dialog = this.shadowRoot?.querySelector('dialog');\n\t\t\tif (this.open && dialog && !dialog.open) {\n\t\t\t\tconst canCreate = this.#creatableAdapters.length > 0;\n\t\t\t\tconst canImport = this.#importableAdapters.length > 0;\n\t\t\t\tif (canImport && !canCreate) {\n\t\t\t\t\tthis._mode = 'import';\n\t\t\t\t} else {\n\t\t\t\t\tthis._mode = 'create';\n\t\t\t\t}\n\t\t\t\tif (canImport) {\n\t\t\t\t\tthis.#loadAvailableAccounts();\n\t\t\t\t}\n\t\t\t\tdialog.showModal();\n\t\t\t} else if (!this.open && dialog?.open) {\n\t\t\t\tdialog.close();\n\t\t\t}\n\t\t}\n\t}\n\n\toverride render() {\n\t\tconst canCreate = this.#creatableAdapters.length > 0;\n\t\tconst canImport = this.#importableAdapters.length > 0;\n\t\tconst showTabs = canCreate && canImport;\n\n\t\treturn html`\n\t\t\t<dialog part=\"dialog\" @cancel=${this.#handleDialogCancel}>\n\t\t\t\t<div class=\"dialog-title\">Add Account</div>\n\t\t\t\t${showTabs\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<div class=\"tabs\">\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass=\"tab ${this._mode === 'create' ? 'active' : ''}\"\n\t\t\t\t\t\t\t\t\t@click=${() => (this._mode = 'create')}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tCreate\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass=\"tab ${this._mode === 'import' ? 'active' : ''}\"\n\t\t\t\t\t\t\t\t\t@click=${() => (this._mode = 'import')}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tImport\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t: nothing}\n\t\t\t\t${this._mode === 'create' ? this.#renderCreateForm() : this.#renderImportList()}\n\t\t\t\t${this._error\n\t\t\t\t\t? html`<div class=\"error\" part=\"error-message\">${this._error}</div>`\n\t\t\t\t\t: nothing}\n\t\t\t</dialog>\n\t\t`;\n\t}\n\n\t#handleDialogCancel(e: Event) {\n\t\te.preventDefault();\n\t\tif (!this._creating) {\n\t\t\tthis.#close();\n\t\t}\n\t}\n\n\t#renderCreateForm() {\n\t\tconst creatableAdapters = this.#creatableAdapters;\n\t\tconst showPicker = creatableAdapters.length > 1;\n\n\t\tconst selectedAdapter =\n\t\t\tcreatableAdapters.find((a) => a.id === this._selectedAdapterId) ?? creatableAdapters[0];\n\n\t\treturn html`\n\t\t\t${showPicker\n\t\t\t\t? html`\n\t\t\t\t\t\t<div class=\"field\">\n\t\t\t\t\t\t\t<label class=\"field-label\">Type</label>\n\t\t\t\t\t\t\t<dev-wallet-dropdown\n\t\t\t\t\t\t\t\tfull-width\n\t\t\t\t\t\t\t\t.open=${this._dropdownOpen}\n\t\t\t\t\t\t\t\t@close=${() => (this._dropdownOpen = false)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\t\t\t\t\tclass=\"select-trigger ${this._dropdownOpen ? 'open' : ''}\"\n\t\t\t\t\t\t\t\t\t@click=${() => (this._dropdownOpen = !this._dropdownOpen)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span>${selectedAdapter?.name ?? 'Select...'}</span>\n\t\t\t\t\t\t\t\t\t<span class=\"chevron\">▼</span>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<div slot=\"popover\">\n\t\t\t\t\t\t\t\t\t${creatableAdapters.map(\n\t\t\t\t\t\t\t\t\t\t(a) => html`\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"select-option ${a.id === (selectedAdapter?.id ?? '')\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ''}\"\n\t\t\t\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis._selectedAdapterId = a.id;\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis._dropdownOpen = false;\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis._error = null;\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t${a.name}\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</dev-wallet-dropdown>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`\n\t\t\t\t: nothing}\n\t\t\t<div class=\"field\">\n\t\t\t\t<label class=\"field-label\">Label</label>\n\t\t\t\t<input\n\t\t\t\t\tclass=\"field-input\"\n\t\t\t\t\tpart=\"label-input\"\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tplaceholder=\"e.g. Test Account\"\n\t\t\t\t\t.value=${this._label}\n\t\t\t\t\t@input=${this.#handleLabelInput}\n\t\t\t\t\t@keydown=${this.#handleKeydown}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div class=\"actions\">\n\t\t\t\t<button class=\"btn btn-cancel\" part=\"cancel-button\" @click=${this.#handleCancel}>\n\t\t\t\t\tCancel\n\t\t\t\t</button>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"btn btn-create\"\n\t\t\t\t\tpart=\"create-button\"\n\t\t\t\t\t?disabled=${this._creating}\n\t\t\t\t\t@click=${this.#handleCreate}\n\t\t\t\t>\n\t\t\t\t\t${this._creating ? 'Creating...' : 'Create'}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t#renderImportList() {\n\t\tif (this._loadingImports) {\n\t\t\treturn html`<div class=\"loading\">Loading accounts...</div>\n\t\t\t\t<div class=\"actions\">\n\t\t\t\t\t<button class=\"btn btn-cancel\" part=\"cancel-button\" @click=${this.#handleCancel}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</button>\n\t\t\t\t</div>`;\n\t\t}\n\n\t\tif (this._availableAccounts.length === 0) {\n\t\t\treturn html`<div class=\"empty-state\">\n\t\t\t\t\t${this.#hasUnpairedImportableAdapters\n\t\t\t\t\t\t? 'Open the token URL from your terminal to connect CLI accounts.'\n\t\t\t\t\t\t: 'No accounts available to import'}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"actions\">\n\t\t\t\t\t<button class=\"btn btn-cancel\" part=\"cancel-button\" @click=${this.#handleCancel}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</button>\n\t\t\t\t</div>`;\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"import-list\">\n\t\t\t\t${this._availableAccounts.map((account) => {\n\t\t\t\t\tconst selected = this._selectedImports.has(account.address);\n\t\t\t\t\treturn html`\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"import-item ${selected ? 'selected' : ''}\"\n\t\t\t\t\t\t\trole=\"checkbox\"\n\t\t\t\t\t\t\taria-checked=\"${selected}\"\n\t\t\t\t\t\t\t?disabled=${this._creating}\n\t\t\t\t\t\t\t@click=${() => this.#toggleImportSelection(account.address)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"import-checkbox ${selected ? 'checked' : ''}\"\n\t\t\t\t\t\t\t\t>${selected ? '✓' : ''}</span\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"import-item-info\">\n\t\t\t\t\t\t\t\t<div class=\"import-item-label\">\n\t\t\t\t\t\t\t\t\t${account.alias || formatAddress(account.address)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"import-item-address\">${formatAddress(account.address)}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<span class=\"import-item-badge\">${account.scheme}</span>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t`;\n\t\t\t\t})}\n\t\t\t</div>\n\t\t\t<div class=\"actions\">\n\t\t\t\t<button class=\"btn btn-cancel\" part=\"cancel-button\" @click=${this.#handleCancel}>\n\t\t\t\t\tCancel\n\t\t\t\t</button>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"btn btn-create\"\n\t\t\t\t\tpart=\"create-button\"\n\t\t\t\t\t?disabled=${this._creating || this._selectedImports.size === 0}\n\t\t\t\t\t@click=${this.#handleImportSelected}\n\t\t\t\t>\n\t\t\t\t\t${this._creating\n\t\t\t\t\t\t? 'Importing...'\n\t\t\t\t\t\t: `Import${this._selectedImports.size > 0 ? ` (${this._selectedImports.size})` : ''}`}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t`;\n\t}\n\n\tasync #loadAvailableAccounts() {\n\t\tthis._loadingImports = true;\n\t\tthis._availableAccounts = [];\n\n\t\ttry {\n\t\t\tconst results: AvailableAccount[] = [];\n\t\t\tfor (const adapter of this.#importableAdapters) {\n\t\t\t\tconst accounts = await adapter.listAvailableAccounts!();\n\t\t\t\tfor (const account of accounts) {\n\t\t\t\t\tresults.push({\n\t\t\t\t\t\tadapterId: adapter.id,\n\t\t\t\t\t\tadapterName: adapter.name,\n\t\t\t\t\t\taddress: account.address,\n\t\t\t\t\t\tscheme: account.scheme,\n\t\t\t\t\t\talias: 'alias' in account ? (account.alias as string | null) : null,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis._availableAccounts = results;\n\t\t} catch (error) {\n\t\t\tthis._error = getErrorMessage(error, 'Failed to load accounts');\n\t\t} finally {\n\t\t\tthis._loadingImports = false;\n\t\t}\n\t}\n\n\t#handleLabelInput(e: InputEvent) {\n\t\tthis._label = (e.target as HTMLInputElement).value;\n\t\tthis._error = null;\n\t}\n\n\t#handleKeydown(e: KeyboardEvent) {\n\t\tif (e.key === 'Enter' && !this._creating) {\n\t\t\tthis.#handleCreate();\n\t\t} else if (e.key === 'Escape') {\n\t\t\tthis.#close();\n\t\t}\n\t}\n\n\t#handleCancel() {\n\t\tthis.#close();\n\t}\n\n\tasync #handleCreate() {\n\t\tconst creatableAdapters = this.#creatableAdapters;\n\t\tif (creatableAdapters.length === 0) return;\n\n\t\tconst adapter =\n\t\t\tcreatableAdapters.find((a) => a.id === this._selectedAdapterId) ?? creatableAdapters[0];\n\t\tif (!adapter?.createAccount) return;\n\n\t\tthis._creating = true;\n\t\tthis._error = null;\n\n\t\ttry {\n\t\t\tconst options: Record<string, unknown> = {};\n\t\t\tif (this._label.trim()) {\n\t\t\t\toptions.label = this._label.trim();\n\t\t\t}\n\t\t\tawait adapter.createAccount(options);\n\t\t\tthis.#close();\n\t\t\temitEvent(this, 'account-created');\n\t\t} catch (error) {\n\t\t\tthis._error = getErrorMessage(error, 'Failed to create account');\n\t\t} finally {\n\t\t\tthis._creating = false;\n\t\t}\n\t}\n\n\t#toggleImportSelection(address: string) {\n\t\tthis._selectedImports = toggleSetItem(this._selectedImports, address);\n\t}\n\n\tasync #handleImportSelected() {\n\t\tconst selected = this._availableAccounts.filter((a) => this._selectedImports.has(a.address));\n\t\tif (selected.length === 0) return;\n\n\t\tthis._creating = true;\n\t\tthis._error = null;\n\n\t\ttry {\n\t\t\tfor (const account of selected) {\n\t\t\t\tconst adapter = this.#importableAdapters.find((a) => a.id === account.adapterId);\n\t\t\t\tif (!adapter?.importAccount) continue;\n\t\t\t\tawait adapter.importAccount({ address: account.address });\n\t\t\t}\n\t\t\tthis.#close();\n\t\t\temitEvent(this, 'account-created');\n\t\t} catch (error) {\n\t\t\tthis._error = getErrorMessage(error, 'Failed to import account');\n\t\t} finally {\n\t\t\tthis._creating = false;\n\t\t}\n\t}\n\n\t#close() {\n\t\tthis._label = '';\n\t\tthis._selectedAdapterId = '';\n\t\tthis._error = null;\n\t\tthis._availableAccounts = [];\n\t\tthis._selectedImports = new Set();\n\t\tthis._mode = 'create';\n\t\tthis._dropdownOpen = false;\n\t\t// Don't mutate `this.open` — let the parent control it via the `close` event\n\t\temitEvent(this, 'close');\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-new-account': DevWalletNewAccount;\n\t}\n}\n"],"mappings":"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"}

package/dist/ui/dev-wallet-objects.d.mts

@@ -0,0 +1,26 @@
+import * as lit14 from "lit";
+import { LitElement, nothing } from "lit";
+import { ClientWithCoreApi } from "@mysten/sui/client";
+
+//#region src/ui/dev-wallet-objects.d.ts
+declare class DevWalletObjects extends LitElement {
+  #private;
+  static styles: (lit14.CSSResult | lit14.CSSResult[])[];
+  address: string;
+  client: ClientWithCoreApi | null;
+  private _objects;
+  private _loading;
+  private _loadingMore;
+  private _error;
+  private _hasNextPage;
+  willUpdate(changedProperties: Map<string, unknown>): void;
+  render(): typeof nothing | lit14.TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'dev-wallet-objects': DevWalletObjects;
+  }
+} //# sourceMappingURL=dev-wallet-objects.d.ts.map
+//#endregion
+export { DevWalletObjects };
+//# sourceMappingURL=dev-wallet-objects.d.mts.map

package/dist/ui/dev-wallet-objects.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-objects.d.mts","names":[],"sources":["../../src/ui/dev-wallet-objects.ts"],"mappings":";;;;;cAsBa,gBAAA,SAAyB,UAAA;EAAA;SACrB,MAAA,GADa,KAAA,CACP,SAAA,GAAA,KAAA,CAAA,SAAA;EAwHtB,OAAA;EAGA,MAAA,EAAQ,iBAAA;EAAA,QAGA,QAAA;EAAA,QAGA,QAAA;EAAA,QAGA,YAAA;EAAA,QAGA,MAAA;EAAA,QAGA,YAAA;EAQC,UAAA,CAAW,iBAAA,EAAmB,GAAA;EAW9B,MAAA,CAAA,UAAM,OAAA,GAAA,KAAA,CAAA,cAAA;AAAA;AAAA,QAuJR,MAAA;EAAA,UACG,qBAAA;IACT,oBAAA,EAAsB,gBAAA;EAAA;AAAA"}