@mysten-incubation/dev-wallet 0.0.1 → 0.2.0

package/dist/ui/dev-wallet-accounts.mjs

@@ -1,19 +1,20 @@
-import { actionButtonStyles, sectionHeaderStyles, sharedStyles } from "./styles.mjs";
-import { emitEvent, findAdapterForAddress, formatAddress, getErrorMessage } from "./utils.mjs";
+import { actionButtonStyles, avatarStyles, badgeStyles, cardItemStyles, copyableTextStyles, dialogStyles, formInputStyles, iconButtonStyles, inlineErrorStyles, listContainerStyles, monoTruncateStyles, sectionHeaderStyles, sharedStyles } from "./styles.mjs";
+import { emitEvent, findAdapterForAddress, formatAddress, getErrorMessage, isForkNetwork } from "./utils.mjs";
 import { CopyController } from "./copy-controller.mjs";
-import { __decorate } from "../_virtual/_@oxc-project_runtime@0.107.0/helpers/decorate.mjs";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.127.0/helpers/decorate.mjs";
 import "./dev-wallet-new-account.mjs";
 import { LitElement, css, html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-
 //#region src/ui/dev-wallet-accounts.ts
-let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
+let DevWalletAccounts = class DevWalletAccounts extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.accounts = [];
 		this.adapters = [];
 		this.activeAddress = "";
+		this.network = "";
 		this._dialogOpen = false;
+		this.#copy = new CopyController(this);
 		this._editingAddress = null;
 		this._editingLabel = "";
 		this._confirmDeleteAddress = null;
@@ -25,11 +26,17 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 			sharedStyles,
 			sectionHeaderStyles,
 			actionButtonStyles,
+			cardItemStyles,
+			listContainerStyles,
+			copyableTextStyles,
+			monoTruncateStyles,
+			iconButtonStyles,
+			inlineErrorStyles,
+			badgeStyles,
+			avatarStyles,
+			dialogStyles,
+			formInputStyles,
 			css`
-			:host {
-				display: block;
-			}
-
 			.accounts-header {
 				display: flex;
 				justify-content: space-between;
@@ -42,30 +49,22 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 			}
 
 			.add-btn {
+				height: 26px;
 				font-size: 12px;
 				color: var(--dev-wallet-primary);
-				padding: 4px 8px;
-				border-radius: var(--dev-wallet-radius-sm);
+				padding: 0 8px;
+				border-radius: var(--dev-wallet-radius);
+				border: 1px solid var(--dev-wallet-border);
 			}
 
 			.add-btn:hover {
-				background: color-mix(in oklab, var(--dev-wallet-primary) 15%, transparent);
-			}
-
-			.account-list {
-				display: flex;
-				flex-direction: column;
-				gap: 4px;
+				background: var(--dev-wallet-accent-fade);
+				border-color: var(--dev-wallet-border-strong);
 			}
 
 			.account-item {
-				display: flex;
-				align-items: center;
 				gap: 10px;
-				padding: 10px 12px;
-				border-radius: var(--dev-wallet-radius-sm);
-				border: 1px solid var(--dev-wallet-border);
-				background: var(--dev-wallet-secondary);
+				padding: 9px 10px;
 				width: 100%;
 				text-align: left;
 			}
@@ -75,22 +74,13 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 			}
 
 			.account-item.active {
-				border-color: var(--dev-wallet-primary);
-				background: color-mix(in oklab, var(--dev-wallet-primary) 10%, var(--dev-wallet-secondary));
+				background: var(--dev-wallet-accent-fade);
 			}
 
 			.account-avatar {
 				width: 32px;
 				height: 32px;
-				border-radius: 50%;
-				background: var(--dev-wallet-primary);
-				display: flex;
-				align-items: center;
-				justify-content: center;
 				font-size: 14px;
-				font-weight: var(--dev-wallet-font-weight-semibold);
-				color: var(--dev-wallet-primary-foreground);
-				flex-shrink: 0;
 			}
 
 			.account-info {
@@ -101,28 +91,11 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 			.account-label {
 				font-size: 14px;
 				font-weight: var(--dev-wallet-font-weight-medium);
-				color: var(--dev-wallet-foreground);
 			}
 
 			.account-address {
 				font-size: 12px;
-				color: var(--dev-wallet-muted-foreground);
-				font-family: var(--dev-wallet-font-mono);
-				overflow: hidden;
-				text-overflow: ellipsis;
-				white-space: nowrap;
-				cursor: pointer;
-				border-radius: var(--dev-wallet-radius-2xs);
 				padding: 1px 2px;
-				transition: background 0.15s;
-			}
-
-			.account-address:hover {
-				background: color-mix(in oklab, var(--dev-wallet-primary) 15%, transparent);
-			}
-
-			.account-address.copied {
-				color: var(--dev-wallet-positive);
 			}
 
 			.account-label-row {
@@ -131,26 +104,28 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 				gap: 4px;
 			}
 
-			.edit-label-btn {
+			.edit-label-btn,
+			.delete-btn {
 				width: 18px;
 				height: 18px;
-				display: inline-flex;
-				align-items: center;
-				justify-content: center;
 				border-radius: var(--dev-wallet-radius-2xs);
 				font-size: 11px;
-				color: var(--dev-wallet-muted-foreground);
 				opacity: 0;
 				transition: opacity 0.15s;
 			}
 
-			.account-item:hover .edit-label-btn {
+			.delete-btn {
+				flex-shrink: 0;
+			}
+
+			.account-item:hover .edit-label-btn,
+			.account-item:hover .delete-btn {
 				opacity: 1;
 			}
 
-			.edit-label-btn:hover {
-				background: var(--dev-wallet-border);
-				color: var(--dev-wallet-foreground);
+			.delete-btn:hover {
+				background: color-mix(in oklab, var(--dev-wallet-destructive) 20%, transparent);
+				color: var(--dev-wallet-destructive);
 			}
 
 			.edit-label-input {
@@ -158,75 +133,23 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 				border-radius: var(--dev-wallet-radius-2xs);
 				border: 1px solid var(--dev-wallet-primary);
 				background: var(--dev-wallet-background);
-				color: var(--dev-wallet-foreground);
 				font-size: 13px;
-				font-family: inherit;
-				outline: none;
-				width: 100%;
 			}
 
 			.account-badge {
-				font-size: 10px;
-				padding: 1px 6px;
-				border-radius: var(--dev-wallet-radius-xs);
-				background: var(--dev-wallet-secondary);
-				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;
-			}
-
-			.delete-btn {
-				width: 18px;
-				height: 18px;
+				height: 16px;
 				display: inline-flex;
 				align-items: center;
-				justify-content: center;
-				border-radius: var(--dev-wallet-radius-2xs);
-				font-size: 11px;
-				color: var(--dev-wallet-muted-foreground);
-				opacity: 0;
-				transition: opacity 0.15s;
-				flex-shrink: 0;
-			}
-
-			.account-item:hover .delete-btn {
-				opacity: 1;
-			}
-
-			.delete-btn:hover {
-				background: color-mix(in oklab, var(--dev-wallet-destructive) 20%, transparent);
-				color: var(--dev-wallet-destructive);
-			}
-
-			.confirm-dialog:not([open]) {
-				display: none;
+				padding: 0 5px;
+				border-radius: 999px;
+				background: var(--dev-wallet-bg-3);
+				border: 1px solid var(--dev-wallet-border);
+				color: var(--dev-wallet-text-3);
 			}
 
 			.confirm-dialog {
 				width: 300px;
-				max-width: calc(100vw - 32px);
-				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;
-			}
-
-			.confirm-dialog::backdrop {
-				background: color-mix(in oklab, oklch(0 0 0) 50%, transparent);
-			}
-
-			.confirm-title {
-				font-size: 16px;
-				font-weight: var(--dev-wallet-font-weight-semibold);
-				color: var(--dev-wallet-foreground);
-				margin-bottom: 12px;
 			}
 
 			.confirm-body {
@@ -238,8 +161,8 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 
 			.confirm-account {
 				padding: 8px 10px;
-				border-radius: var(--dev-wallet-radius-sm);
-				background: var(--dev-wallet-secondary);
+				border-radius: var(--dev-wallet-radius-lg);
+				background: var(--dev-wallet-bg-2);
 				border: 1px solid var(--dev-wallet-border);
 				margin-bottom: 16px;
 			}
@@ -252,8 +175,6 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 
 			.confirm-account-address {
 				font-size: 11px;
-				color: var(--dev-wallet-muted-foreground);
-				font-family: var(--dev-wallet-font-mono);
 			}
 
 			.confirm-actions {
@@ -262,8 +183,6 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 			}
 
 			.confirm-error {
-				color: var(--dev-wallet-destructive);
-				font-size: 12px;
 				margin-bottom: 8px;
 			}
 
@@ -276,14 +195,21 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 		`
 		];
 	}
-	#copy = new CopyController(this);
+	#copy;
 	render() {
 		const canAdd = this.adapters.some((a) => "createAccount" in a && a.createAccount || "importAccount" in a && a.importAccount && "listAvailableAccounts" in a && a.listAvailableAccounts);
+		const fork = this.network !== "" && isForkNetwork(this.network);
 		return html`
 			<div class="accounts-header">
 				<h3 class="section-header">Accounts</h3>
-				${canAdd ? html`<button class="add-btn" part="add-button" @click=${this.#openDialog}>
-							+ Add
+				${canAdd ? html`<button
+							class="add-btn"
+							part="add-button"
+							?disabled=${fork}
+							title=${fork ? `Disabled on ${this.network}: fork networks have no faucet — fund seed addresses via Sui({fork:{seed:{addresses}}}) instead.` : ""}
+							@click=${this.#openDialog}
+						>
+							+ Add${fork ? " (fork: no faucet)" : ""}
 						</button>` : nothing}
 			</div>
 			${this.accounts.length === 0 ? html`<div class="empty-state" part="empty-state">No accounts yet</div>` : html`
@@ -382,8 +308,7 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 	#getAccountLabel(address, index) {
 		const adapter = findAdapterForAddress(this.adapters, address);
 		if (!adapter) return `Account ${index + 1}`;
-		const managed = adapter.getAccount(address);
-		return managed?.label ?? `Account ${index + 1}`;
+		return adapter.getAccount(address)?.label ?? `Account ${index + 1}`;
 	}
 	#canRename(address) {
 		const adapter = findAdapterForAddress(this.adapters, address);
@@ -406,11 +331,9 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 			return;
 		}
 		try {
-			for (const adapter of this.adapters) {
-				if (adapter.getAccount(address) && adapter.renameAccount) {
-					await adapter.renameAccount(address, label);
-					break;
-				}
+			for (const adapter of this.adapters) if (adapter.getAccount(address) && adapter.renameAccount) {
+				await adapter.renameAccount(address, label);
+				break;
 			}
 		} catch (e) {
 			console.error("[dev-wallet] rename failed:", e);
@@ -458,8 +381,7 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 		try {
 			const adapter = findAdapterForAddress(this.adapters, address);
 			if (!adapter?.removeAccount) throw new Error("Adapter does not support removal");
-			const removed = await adapter.removeAccount(address);
-			if (!removed) throw new Error("Account not found");
+			if (!await adapter.removeAccount(address)) throw new Error("Account not found");
 			this.#cancelDelete();
 			emitEvent(this, "account-removed", { address });
 		} catch (error) {
@@ -472,7 +394,6 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 		const address = this._confirmDeleteAddress;
 		const index = this.accounts.findIndex((a) => a.address === address);
 		const label = index >= 0 ? this.#getAccountLabel(address, index) : "Unknown";
-		const imported = this.#isImportedAccount(address);
 		return html`
 			<dialog
 				class="confirm-dialog"
@@ -481,9 +402,9 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 			this.#cancelDelete();
 		}}
 			>
-				<div class="confirm-title">Remove Account</div>
+				<div class="dialog-title">Remove Account</div>
 				<div class="confirm-body">
-					${imported ? "This will remove the imported account from your wallet. You can re-import it later." : "This will permanently delete this account and its keys. This cannot be undone."}
+					${this.#isImportedAccount(address) ? "This will remove the imported account from your wallet. You can re-import it later." : "This will permanently delete this account and its keys. This cannot be undone."}
 				</div>
 				<div class="confirm-account">
 					<div class="confirm-account-label">${label}</div>
@@ -511,6 +432,7 @@ let DevWalletAccounts = class DevWalletAccounts$1 extends LitElement {
 __decorate([property({ attribute: false })], DevWalletAccounts.prototype, "accounts", void 0);
 __decorate([property({ attribute: false })], DevWalletAccounts.prototype, "adapters", void 0);
 __decorate([property({ type: String })], DevWalletAccounts.prototype, "activeAddress", void 0);
+__decorate([property({ type: String })], DevWalletAccounts.prototype, "network", void 0);
 __decorate([state()], DevWalletAccounts.prototype, "_dialogOpen", void 0);
 __decorate([state()], DevWalletAccounts.prototype, "_editingAddress", void 0);
 __decorate([state()], DevWalletAccounts.prototype, "_editingLabel", void 0);
@@ -518,7 +440,7 @@ __decorate([state()], DevWalletAccounts.prototype, "_confirmDeleteAddress", void
 __decorate([state()], DevWalletAccounts.prototype, "_deleting", void 0);
 __decorate([state()], DevWalletAccounts.prototype, "_deleteError", void 0);
 DevWalletAccounts = __decorate([customElement("dev-wallet-accounts")], DevWalletAccounts);
-
 //#endregion
 export { DevWalletAccounts };
+
 //# sourceMappingURL=dev-wallet-accounts.mjs.map

package/dist/ui/dev-wallet-accounts.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dev-wallet-accounts.mjs","names":["DevWalletAccounts","#openDialog","#selectAccount","#saveLabel","#cancelEditLabel","#getAccountLabel","#getAdapterName","#canRename","#startEditLabel","#copy","#canRemove","#promptDelete","#renderConfirmDialog","#closeDialog","#confirmDelete","#cancelDelete","#isImportedAccount"],"sources":["../../src/ui/dev-wallet-accounts.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReadonlyWalletAccount } from '@mysten/wallet-standard';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport type { SignerAdapter } from '../types.js';\nimport { CopyController } from './copy-controller.js';\nimport { actionButtonStyles, sectionHeaderStyles, sharedStyles } from './styles.js';\nimport { emitEvent, findAdapterForAddress, formatAddress, getErrorMessage } from './utils.js';\nimport './dev-wallet-new-account.js';\n\n@customElement('dev-wallet-accounts')\nexport class DevWalletAccounts extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tsectionHeaderStyles,\n\t\tactionButtonStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t.accounts-header {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t\tmargin-bottom: 12px;\n\t\t\t}\n\n\t\t\t.accounts-header .section-header {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t.add-btn {\n\t\t\t\tfont-size: 12px;\n\t\t\t\tcolor: var(--dev-wallet-primary);\n\t\t\t\tpadding: 4px 8px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-sm);\n\t\t\t}\n\n\t\t\t.add-btn: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.account-list {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 4px;\n\t\t\t}\n\n\t\t\t.account-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: 10px 12px;\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}\n\n\t\t\t.account-item:hover {\n\t\t\t\tborder-color: var(--dev-wallet-primary);\n\t\t\t}\n\n\t\t\t.account-item.active {\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.account-avatar {\n\t\t\t\twidth: 32px;\n\t\t\t\theight: 32px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbackground: var(--dev-wallet-primary);\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: 14px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-semibold);\n\t\t\t\tcolor: var(--dev-wallet-primary-foreground);\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.account-info {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t}\n\n\t\t\t.account-label {\n\t\t\t\tfont-size: 14px;\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.account-address {\n\t\t\t\tfont-size: 12px;\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\tcursor: pointer;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-2xs);\n\t\t\t\tpadding: 1px 2px;\n\t\t\t\ttransition: background 0.15s;\n\t\t\t}\n\n\t\t\t.account-address: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.account-address.copied {\n\t\t\t\tcolor: var(--dev-wallet-positive);\n\t\t\t}\n\n\t\t\t.account-label-row {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 4px;\n\t\t\t}\n\n\t\t\t.edit-label-btn {\n\t\t\t\twidth: 18px;\n\t\t\t\theight: 18px;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-2xs);\n\t\t\t\tfont-size: 11px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\topacity: 0;\n\t\t\t\ttransition: opacity 0.15s;\n\t\t\t}\n\n\t\t\t.account-item:hover .edit-label-btn {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t.edit-label-btn:hover {\n\t\t\t\tbackground: var(--dev-wallet-border);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t}\n\n\t\t\t.edit-label-input {\n\t\t\t\tpadding: 2px 6px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-2xs);\n\t\t\t\tborder: 1px solid var(--dev-wallet-primary);\n\t\t\t\tbackground: var(--dev-wallet-background);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\tfont-size: 13px;\n\t\t\t\tfont-family: inherit;\n\t\t\t\toutline: none;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.account-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-secondary);\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}\n\n\t\t\t.delete-btn {\n\t\t\t\twidth: 18px;\n\t\t\t\theight: 18px;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-2xs);\n\t\t\t\tfont-size: 11px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\topacity: 0;\n\t\t\t\ttransition: opacity 0.15s;\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.account-item:hover .delete-btn {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t.delete-btn:hover {\n\t\t\t\tbackground: color-mix(in oklab, var(--dev-wallet-destructive) 20%, transparent);\n\t\t\t\tcolor: var(--dev-wallet-destructive);\n\t\t\t}\n\n\t\t\t.confirm-dialog:not([open]) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.confirm-dialog {\n\t\t\t\twidth: 300px;\n\t\t\t\tmax-width: calc(100vw - 32px);\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\t.confirm-dialog::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.confirm-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: 12px;\n\t\t\t}\n\n\t\t\t.confirm-body {\n\t\t\t\tfont-size: 13px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tmargin-bottom: 8px;\n\t\t\t\tline-height: 1.4;\n\t\t\t}\n\n\t\t\t.confirm-account {\n\t\t\t\tpadding: 8px 10px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-sm);\n\t\t\t\tbackground: var(--dev-wallet-secondary);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tmargin-bottom: 16px;\n\t\t\t}\n\n\t\t\t.confirm-account-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.confirm-account-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}\n\n\t\t\t.confirm-actions {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 8px;\n\t\t\t}\n\n\t\t\t.confirm-error {\n\t\t\t\tcolor: var(--dev-wallet-destructive);\n\t\t\t\tfont-size: 12px;\n\t\t\t\tmargin-bottom: 8px;\n\t\t\t}\n\n\t\t\t.empty-state {\n\t\t\t\ttext-align: center;\n\t\t\t\tpadding: 24px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tfont-size: 14px;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\taccounts: readonly ReadonlyWalletAccount[] = [];\n\n\t@property({ attribute: false })\n\tadapters: SignerAdapter[] = [];\n\n\t@property({ type: String })\n\tactiveAddress = '';\n\n\t@state()\n\tprivate _dialogOpen = false;\n\n\t#copy = new CopyController(this);\n\n\t@state()\n\tprivate _editingAddress: string | null = null;\n\n\t@state()\n\tprivate _editingLabel = '';\n\n\t@state()\n\tprivate _confirmDeleteAddress: string | null = null;\n\n\t@state()\n\tprivate _deleting = false;\n\n\t@state()\n\tprivate _deleteError: string | null = null;\n\n\toverride render() {\n\t\tconst canAdd = this.adapters.some(\n\t\t\t(a) =>\n\t\t\t\t('createAccount' in a && a.createAccount) ||\n\t\t\t\t('importAccount' in a &&\n\t\t\t\t\ta.importAccount &&\n\t\t\t\t\t'listAvailableAccounts' in a &&\n\t\t\t\t\ta.listAvailableAccounts),\n\t\t);\n\n\t\treturn html`\n\t\t\t<div class=\"accounts-header\">\n\t\t\t\t<h3 class=\"section-header\">Accounts</h3>\n\t\t\t\t${canAdd\n\t\t\t\t\t? html`<button class=\"add-btn\" part=\"add-button\" @click=${this.#openDialog}>\n\t\t\t\t\t\t\t+ Add\n\t\t\t\t\t\t</button>`\n\t\t\t\t\t: nothing}\n\t\t\t</div>\n\t\t\t${this.accounts.length === 0\n\t\t\t\t? html`<div class=\"empty-state\" part=\"empty-state\">No accounts yet</div>`\n\t\t\t\t: html`\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"account-list\"\n\t\t\t\t\t\t\tpart=\"account-list\"\n\t\t\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\t\t\taria-label=\"Wallet accounts\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.accounts.map(\n\t\t\t\t\t\t\t\t(account, index) => html`\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass=\"account-item ${account.address === this.activeAddress ? 'active' : ''}\"\n\t\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\t\taria-selected=${account.address === this.activeAddress}\n\t\t\t\t\t\t\t\t\t\t@click=${() => this.#selectAccount(account)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div class=\"account-avatar\">${index + 1}</div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"account-info\">\n\t\t\t\t\t\t\t\t\t\t\t${this._editingAddress === account.address\n\t\t\t\t\t\t\t\t\t\t\t\t? html`<input\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"edit-label-input\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Rename account\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.value=${this._editingLabel}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@input=${(e: InputEvent) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis._editingLabel = (e.target as HTMLInputElement).value;\n\t\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\t\t@keydown=${(e: KeyboardEvent) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (e.key === 'Enter') this.#saveLabel(account.address);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (e.key === 'Escape') this.#cancelEditLabel();\n\t\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\t\t@click=${(e: Event) => e.stopPropagation()}\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: html`<div class=\"account-label-row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"account-label\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t${this.#getAccountLabel(account.address, index)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"account-badge\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>${this.#getAdapterName(account.address)}</span\n\t\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\t\t${this.#canRename(account.address)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? html`<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"edit-label-btn\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"Rename\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Rename account\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.#startEditLabel(account.address, index);\n\t\t\t\t\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\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&#9998;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: nothing}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>`}\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"account-address ${this.#copy.isCopied(account.address)\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'copied'\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\ttitle=\"Click to copy\"\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Copy address\"\n\t\t\t\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.#copy.copy(account.address);\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\t@keydown=${(e: KeyboardEvent) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.#copy.copy(account.address);\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}}\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${this.#copy.isCopied(account.address)\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Copied!'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: formatAddress(account.address)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t${this.#canRemove(account.address)\n\t\t\t\t\t\t\t\t\t\t\t? html`<button\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"delete-btn\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"Remove account\"\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Remove account\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.#promptDelete(account.address);\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>\n\t\t\t\t\t\t\t\t\t\t\t\t\t&#128465;\n\t\t\t\t\t\t\t\t\t\t\t\t</button>`\n\t\t\t\t\t\t\t\t\t\t\t: nothing}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`}\n\t\t\t${this.#renderConfirmDialog()}\n\t\t\t<dev-wallet-new-account\n\t\t\t\t.adapters=${this.adapters}\n\t\t\t\t.open=${this._dialogOpen}\n\t\t\t\t@close=${this.#closeDialog}\n\t\t\t></dev-wallet-new-account>\n\t\t`;\n\t}\n\n\t#getAccountLabel(address: string, index: number): string {\n\t\tconst adapter = findAdapterForAddress(this.adapters, address);\n\t\tif (!adapter) return `Account ${index + 1}`;\n\t\tconst managed = adapter.getAccount(address);\n\t\treturn managed?.label ?? `Account ${index + 1}`;\n\t}\n\n\t#canRename(address: string): boolean {\n\t\tconst adapter = findAdapterForAddress(this.adapters, address);\n\t\treturn !!(adapter && adapter.renameAccount);\n\t}\n\n\t#getAdapterName(address: string): string {\n\t\treturn findAdapterForAddress(this.adapters, address)?.name ?? 'Unknown';\n\t}\n\n\t#selectAccount(account: ReadonlyWalletAccount) {\n\t\temitEvent(this, 'account-selected', { account });\n\t}\n\n\t#startEditLabel(address: string, index: number) {\n\t\tthis._editingAddress = address;\n\t\tthis._editingLabel = this.#getAccountLabel(address, index);\n\t}\n\n\tasync #saveLabel(address: string) {\n\t\tconst label = this._editingLabel.trim();\n\t\tif (!label) {\n\t\t\tthis.#cancelEditLabel();\n\t\t\treturn;\n\t\t}\n\t\ttry {\n\t\t\tfor (const adapter of this.adapters) {\n\t\t\t\tif (adapter.getAccount(address) && adapter.renameAccount) {\n\t\t\t\t\tawait adapter.renameAccount(address, label);\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.error('[dev-wallet] rename failed:', e);\n\t\t}\n\t\tthis._editingAddress = null;\n\t\tthis._editingLabel = '';\n\t\temitEvent(this, 'account-renamed', { address, label });\n\t}\n\n\t#cancelEditLabel() {\n\t\tthis._editingAddress = null;\n\t\tthis._editingLabel = '';\n\t}\n\n\t#canRemove(address: string): boolean {\n\t\tconst adapter = findAdapterForAddress(this.adapters, address);\n\t\treturn !!(adapter && adapter.removeAccount);\n\t}\n\n\t#isImportedAccount(address: string): boolean {\n\t\tconst adapter = findAdapterForAddress(this.adapters, address);\n\t\tif (!adapter) return false;\n\t\treturn !('createAccount' in adapter && adapter.createAccount);\n\t}\n\n\t#promptDelete(address: string) {\n\t\tthis._confirmDeleteAddress = address;\n\t\tthis._deleteError = null;\n\t\tthis.updateComplete.then(() => {\n\t\t\tconst dialog = this.shadowRoot?.querySelector<HTMLDialogElement>('.confirm-dialog');\n\t\t\tif (dialog && !dialog.open) dialog.showModal();\n\t\t});\n\t}\n\n\t#cancelDelete() {\n\t\tconst dialog = this.shadowRoot?.querySelector<HTMLDialogElement>('.confirm-dialog');\n\t\tif (dialog?.open) dialog.close();\n\t\tthis._confirmDeleteAddress = null;\n\t\tthis._deleting = false;\n\t\tthis._deleteError = null;\n\t}\n\n\tasync #confirmDelete() {\n\t\tconst address = this._confirmDeleteAddress;\n\t\tif (!address) return;\n\n\t\tthis._deleting = true;\n\t\tthis._deleteError = null;\n\n\t\ttry {\n\t\t\tconst adapter = findAdapterForAddress(this.adapters, address);\n\t\t\tif (!adapter?.removeAccount) throw new Error('Adapter does not support removal');\n\t\t\tconst removed = await adapter.removeAccount(address);\n\t\t\tif (!removed) throw new Error('Account not found');\n\t\t\tthis.#cancelDelete();\n\t\t\temitEvent(this, 'account-removed', { address });\n\t\t} catch (error) {\n\t\t\tthis._deleteError = getErrorMessage(error, 'Failed to remove account');\n\t\t\tthis._deleting = false;\n\t\t}\n\t}\n\n\t#renderConfirmDialog() {\n\t\tif (!this._confirmDeleteAddress) return nothing;\n\n\t\tconst address = this._confirmDeleteAddress;\n\t\tconst index = this.accounts.findIndex((a) => a.address === address);\n\t\tconst label = index >= 0 ? this.#getAccountLabel(address, index) : 'Unknown';\n\t\tconst imported = this.#isImportedAccount(address);\n\n\t\treturn html`\n\t\t\t<dialog\n\t\t\t\tclass=\"confirm-dialog\"\n\t\t\t\t@cancel=${(e: Event) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tthis.#cancelDelete();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div class=\"confirm-title\">Remove Account</div>\n\t\t\t\t<div class=\"confirm-body\">\n\t\t\t\t\t${imported\n\t\t\t\t\t\t? 'This will remove the imported account from your wallet. You can re-import it later.'\n\t\t\t\t\t\t: 'This will permanently delete this account and its keys. This cannot be undone.'}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"confirm-account\">\n\t\t\t\t\t<div class=\"confirm-account-label\">${label}</div>\n\t\t\t\t\t<div class=\"confirm-account-address\">${formatAddress(address)}</div>\n\t\t\t\t</div>\n\t\t\t\t${this._deleteError ? html`<div class=\"confirm-error\">${this._deleteError}</div>` : nothing}\n\t\t\t\t<div class=\"confirm-actions\">\n\t\t\t\t\t<button class=\"btn btn-cancel\" ?disabled=${this._deleting} @click=${this.#cancelDelete}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</button>\n\t\t\t\t\t<button class=\"btn btn-reject\" ?disabled=${this._deleting} @click=${this.#confirmDelete}>\n\t\t\t\t\t\t${this._deleting ? 'Removing...' : 'Remove'}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t`;\n\t}\n\n\t#openDialog() {\n\t\tthis._dialogOpen = true;\n\t}\n\n\t#closeDialog() {\n\t\tthis._dialogOpen = false;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-accounts': DevWalletAccounts;\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"file":"dev-wallet-accounts.mjs","names":["#openDialog","#selectAccount","#saveLabel","#cancelEditLabel","#getAccountLabel","#getAdapterName","#canRename","#startEditLabel","#copy","#canRemove","#promptDelete","#renderConfirmDialog","#closeDialog","#confirmDelete","#cancelDelete","#isImportedAccount"],"sources":["../../src/ui/dev-wallet-accounts.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReadonlyWalletAccount } from '@mysten/wallet-standard';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport type { SignerAdapter } from '../types.js';\nimport { CopyController } from './copy-controller.js';\nimport {\n\tactionButtonStyles,\n\tavatarStyles,\n\tbadgeStyles,\n\tcardItemStyles,\n\tcopyableTextStyles,\n\tdialogStyles,\n\tformInputStyles,\n\ticonButtonStyles,\n\tinlineErrorStyles,\n\tlistContainerStyles,\n\tmonoTruncateStyles,\n\tsectionHeaderStyles,\n\tsharedStyles,\n} from './styles.js';\nimport {\n\temitEvent,\n\tfindAdapterForAddress,\n\tformatAddress,\n\tgetErrorMessage,\n\tisForkNetwork,\n} from './utils.js';\nimport './dev-wallet-new-account.js';\n\n@customElement('dev-wallet-accounts')\nexport class DevWalletAccounts extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tsectionHeaderStyles,\n\t\tactionButtonStyles,\n\t\tcardItemStyles,\n\t\tlistContainerStyles,\n\t\tcopyableTextStyles,\n\t\tmonoTruncateStyles,\n\t\ticonButtonStyles,\n\t\tinlineErrorStyles,\n\t\tbadgeStyles,\n\t\tavatarStyles,\n\t\tdialogStyles,\n\t\tformInputStyles,\n\t\tcss`\n\t\t\t.accounts-header {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t\tmargin-bottom: 12px;\n\t\t\t}\n\n\t\t\t.accounts-header .section-header {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t.add-btn {\n\t\t\t\theight: 26px;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tcolor: var(--dev-wallet-primary);\n\t\t\t\tpadding: 0 8px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t}\n\n\t\t\t.add-btn:hover {\n\t\t\t\tbackground: var(--dev-wallet-accent-fade);\n\t\t\t\tborder-color: var(--dev-wallet-border-strong);\n\t\t\t}\n\n\t\t\t.account-item {\n\t\t\t\tgap: 10px;\n\t\t\t\tpadding: 9px 10px;\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: left;\n\t\t\t}\n\n\t\t\t.account-item:hover {\n\t\t\t\tborder-color: var(--dev-wallet-primary);\n\t\t\t}\n\n\t\t\t.account-item.active {\n\t\t\t\tbackground: var(--dev-wallet-accent-fade);\n\t\t\t}\n\n\t\t\t.account-avatar {\n\t\t\t\twidth: 32px;\n\t\t\t\theight: 32px;\n\t\t\t\tfont-size: 14px;\n\t\t\t}\n\n\t\t\t.account-info {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t}\n\n\t\t\t.account-label {\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t}\n\n\t\t\t.account-address {\n\t\t\t\tfont-size: 12px;\n\t\t\t\tpadding: 1px 2px;\n\t\t\t}\n\n\t\t\t.account-label-row {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 4px;\n\t\t\t}\n\n\t\t\t.edit-label-btn,\n\t\t\t.delete-btn {\n\t\t\t\twidth: 18px;\n\t\t\t\theight: 18px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-2xs);\n\t\t\t\tfont-size: 11px;\n\t\t\t\topacity: 0;\n\t\t\t\ttransition: opacity 0.15s;\n\t\t\t}\n\n\t\t\t.delete-btn {\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.account-item:hover .edit-label-btn,\n\t\t\t.account-item:hover .delete-btn {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t.delete-btn:hover {\n\t\t\t\tbackground: color-mix(in oklab, var(--dev-wallet-destructive) 20%, transparent);\n\t\t\t\tcolor: var(--dev-wallet-destructive);\n\t\t\t}\n\n\t\t\t.edit-label-input {\n\t\t\t\tpadding: 2px 6px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-2xs);\n\t\t\t\tborder: 1px solid var(--dev-wallet-primary);\n\t\t\t\tbackground: var(--dev-wallet-background);\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\n\t\t\t.account-badge {\n\t\t\t\theight: 16px;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding: 0 5px;\n\t\t\t\tborder-radius: 999px;\n\t\t\t\tbackground: var(--dev-wallet-bg-3);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tcolor: var(--dev-wallet-text-3);\n\t\t\t}\n\n\t\t\t.confirm-dialog {\n\t\t\t\twidth: 300px;\n\t\t\t\tpadding: 20px;\n\t\t\t}\n\n\t\t\t.confirm-body {\n\t\t\t\tfont-size: 13px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tmargin-bottom: 8px;\n\t\t\t\tline-height: 1.4;\n\t\t\t}\n\n\t\t\t.confirm-account {\n\t\t\t\tpadding: 8px 10px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-lg);\n\t\t\t\tbackground: var(--dev-wallet-bg-2);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tmargin-bottom: 16px;\n\t\t\t}\n\n\t\t\t.confirm-account-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.confirm-account-address {\n\t\t\t\tfont-size: 11px;\n\t\t\t}\n\n\t\t\t.confirm-actions {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 8px;\n\t\t\t}\n\n\t\t\t.confirm-error {\n\t\t\t\tmargin-bottom: 8px;\n\t\t\t}\n\n\t\t\t.empty-state {\n\t\t\t\ttext-align: center;\n\t\t\t\tpadding: 24px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tfont-size: 14px;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\taccounts: readonly ReadonlyWalletAccount[] = [];\n\n\t@property({ attribute: false })\n\tadapters: SignerAdapter[] = [];\n\n\t@property({ type: String })\n\tactiveAddress = '';\n\n\t/** Phase 4 P4.20 — when set to a `*-fork` literal, the panel\n\t *  surfaces a warning on the \"+ Add\" button (or hides it outright\n\t *  when no fork-compatible funding path exists). Fork stacks have\n\t *  no faucet; arbitrary fresh accounts can't be funded without an\n\t *  impersonation seed already configured at the supervisor level. */\n\t@property({ type: String })\n\tnetwork = '';\n\n\t@state()\n\tprivate _dialogOpen = false;\n\n\t#copy = new CopyController(this);\n\n\t@state()\n\tprivate _editingAddress: string | null = null;\n\n\t@state()\n\tprivate _editingLabel = '';\n\n\t@state()\n\tprivate _confirmDeleteAddress: string | null = null;\n\n\t@state()\n\tprivate _deleting = false;\n\n\t@state()\n\tprivate _deleteError: string | null = null;\n\n\toverride render() {\n\t\tconst canAdd = this.adapters.some(\n\t\t\t(a) =>\n\t\t\t\t('createAccount' in a && a.createAccount) ||\n\t\t\t\t('importAccount' in a &&\n\t\t\t\t\ta.importAccount &&\n\t\t\t\t\t'listAvailableAccounts' in a &&\n\t\t\t\t\ta.listAvailableAccounts),\n\t\t);\n\n\t\t// Phase 4 P4.20 — fork-mode networks have no faucet, and the\n\t\t// supervisor's impersonation seed set is fixed at apply time.\n\t\t// We can't fund a fresh account from the browser side, so the\n\t\t// \"+ Add\" button either renders disabled with a tooltip\n\t\t// (canAdd still true because the adapter contract supports\n\t\t// account creation) or — pragmatically — stays clickable but\n\t\t// surfaces a warning marker on the button.\n\t\tconst fork = this.network !== '' && isForkNetwork(this.network);\n\n\t\treturn html`\n\t\t\t<div class=\"accounts-header\">\n\t\t\t\t<h3 class=\"section-header\">Accounts</h3>\n\t\t\t\t${canAdd\n\t\t\t\t\t? html`<button\n\t\t\t\t\t\t\tclass=\"add-btn\"\n\t\t\t\t\t\t\tpart=\"add-button\"\n\t\t\t\t\t\t\t?disabled=${fork}\n\t\t\t\t\t\t\ttitle=${fork\n\t\t\t\t\t\t\t\t? `Disabled on ${this.network}: fork networks have no faucet — fund seed addresses via Sui({fork:{seed:{addresses}}}) instead.`\n\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t@click=${this.#openDialog}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+ Add${fork ? ' (fork: no faucet)' : ''}\n\t\t\t\t\t\t</button>`\n\t\t\t\t\t: nothing}\n\t\t\t</div>\n\t\t\t${this.accounts.length === 0\n\t\t\t\t? html`<div class=\"empty-state\" part=\"empty-state\">No accounts yet</div>`\n\t\t\t\t: html`\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"account-list\"\n\t\t\t\t\t\t\tpart=\"account-list\"\n\t\t\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\t\t\taria-label=\"Wallet accounts\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.accounts.map(\n\t\t\t\t\t\t\t\t(account, index) => html`\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass=\"account-item ${account.address === this.activeAddress ? 'active' : ''}\"\n\t\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\t\taria-selected=${account.address === this.activeAddress}\n\t\t\t\t\t\t\t\t\t\t@click=${() => this.#selectAccount(account)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div class=\"account-avatar\">${index + 1}</div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"account-info\">\n\t\t\t\t\t\t\t\t\t\t\t${this._editingAddress === account.address\n\t\t\t\t\t\t\t\t\t\t\t\t? html`<input\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"edit-label-input\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Rename account\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.value=${this._editingLabel}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@input=${(e: InputEvent) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis._editingLabel = (e.target as HTMLInputElement).value;\n\t\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\t\t@keydown=${(e: KeyboardEvent) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (e.key === 'Enter') this.#saveLabel(account.address);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (e.key === 'Escape') this.#cancelEditLabel();\n\t\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\t\t@click=${(e: Event) => e.stopPropagation()}\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: html`<div class=\"account-label-row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"account-label\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t${this.#getAccountLabel(account.address, index)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"account-badge\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>${this.#getAdapterName(account.address)}</span\n\t\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\t\t${this.#canRename(account.address)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? html`<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"edit-label-btn\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"Rename\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Rename account\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.#startEditLabel(account.address, index);\n\t\t\t\t\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\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&#9998;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: nothing}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>`}\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"account-address ${this.#copy.isCopied(account.address)\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'copied'\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\ttitle=\"Click to copy\"\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Copy address\"\n\t\t\t\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.#copy.copy(account.address);\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\t@keydown=${(e: KeyboardEvent) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.#copy.copy(account.address);\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}}\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${this.#copy.isCopied(account.address)\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Copied!'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: formatAddress(account.address)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t${this.#canRemove(account.address)\n\t\t\t\t\t\t\t\t\t\t\t? html`<button\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"delete-btn\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"Remove account\"\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Remove account\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.#promptDelete(account.address);\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>\n\t\t\t\t\t\t\t\t\t\t\t\t\t&#128465;\n\t\t\t\t\t\t\t\t\t\t\t\t</button>`\n\t\t\t\t\t\t\t\t\t\t\t: nothing}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`}\n\t\t\t${this.#renderConfirmDialog()}\n\t\t\t<dev-wallet-new-account\n\t\t\t\t.adapters=${this.adapters}\n\t\t\t\t.open=${this._dialogOpen}\n\t\t\t\t@close=${this.#closeDialog}\n\t\t\t></dev-wallet-new-account>\n\t\t`;\n\t}\n\n\t#getAccountLabel(address: string, index: number): string {\n\t\tconst adapter = findAdapterForAddress(this.adapters, address);\n\t\tif (!adapter) return `Account ${index + 1}`;\n\t\tconst managed = adapter.getAccount(address);\n\t\treturn managed?.label ?? `Account ${index + 1}`;\n\t}\n\n\t#canRename(address: string): boolean {\n\t\tconst adapter = findAdapterForAddress(this.adapters, address);\n\t\treturn !!(adapter && adapter.renameAccount);\n\t}\n\n\t#getAdapterName(address: string): string {\n\t\treturn findAdapterForAddress(this.adapters, address)?.name ?? 'Unknown';\n\t}\n\n\t#selectAccount(account: ReadonlyWalletAccount) {\n\t\temitEvent(this, 'account-selected', { account });\n\t}\n\n\t#startEditLabel(address: string, index: number) {\n\t\tthis._editingAddress = address;\n\t\tthis._editingLabel = this.#getAccountLabel(address, index);\n\t}\n\n\tasync #saveLabel(address: string) {\n\t\tconst label = this._editingLabel.trim();\n\t\tif (!label) {\n\t\t\tthis.#cancelEditLabel();\n\t\t\treturn;\n\t\t}\n\t\ttry {\n\t\t\tfor (const adapter of this.adapters) {\n\t\t\t\tif (adapter.getAccount(address) && adapter.renameAccount) {\n\t\t\t\t\tawait adapter.renameAccount(address, label);\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.error('[dev-wallet] rename failed:', e);\n\t\t}\n\t\tthis._editingAddress = null;\n\t\tthis._editingLabel = '';\n\t\temitEvent(this, 'account-renamed', { address, label });\n\t}\n\n\t#cancelEditLabel() {\n\t\tthis._editingAddress = null;\n\t\tthis._editingLabel = '';\n\t}\n\n\t#canRemove(address: string): boolean {\n\t\tconst adapter = findAdapterForAddress(this.adapters, address);\n\t\treturn !!(adapter && adapter.removeAccount);\n\t}\n\n\t#isImportedAccount(address: string): boolean {\n\t\tconst adapter = findAdapterForAddress(this.adapters, address);\n\t\tif (!adapter) return false;\n\t\treturn !('createAccount' in adapter && adapter.createAccount);\n\t}\n\n\t#promptDelete(address: string) {\n\t\tthis._confirmDeleteAddress = address;\n\t\tthis._deleteError = null;\n\t\tthis.updateComplete.then(() => {\n\t\t\tconst dialog = this.shadowRoot?.querySelector<HTMLDialogElement>('.confirm-dialog');\n\t\t\tif (dialog && !dialog.open) dialog.showModal();\n\t\t});\n\t}\n\n\t#cancelDelete() {\n\t\tconst dialog = this.shadowRoot?.querySelector<HTMLDialogElement>('.confirm-dialog');\n\t\tif (dialog?.open) dialog.close();\n\t\tthis._confirmDeleteAddress = null;\n\t\tthis._deleting = false;\n\t\tthis._deleteError = null;\n\t}\n\n\tasync #confirmDelete() {\n\t\tconst address = this._confirmDeleteAddress;\n\t\tif (!address) return;\n\n\t\tthis._deleting = true;\n\t\tthis._deleteError = null;\n\n\t\ttry {\n\t\t\tconst adapter = findAdapterForAddress(this.adapters, address);\n\t\t\tif (!adapter?.removeAccount) throw new Error('Adapter does not support removal');\n\t\t\tconst removed = await adapter.removeAccount(address);\n\t\t\tif (!removed) throw new Error('Account not found');\n\t\t\tthis.#cancelDelete();\n\t\t\temitEvent(this, 'account-removed', { address });\n\t\t} catch (error) {\n\t\t\tthis._deleteError = getErrorMessage(error, 'Failed to remove account');\n\t\t\tthis._deleting = false;\n\t\t}\n\t}\n\n\t#renderConfirmDialog() {\n\t\tif (!this._confirmDeleteAddress) return nothing;\n\n\t\tconst address = this._confirmDeleteAddress;\n\t\tconst index = this.accounts.findIndex((a) => a.address === address);\n\t\tconst label = index >= 0 ? this.#getAccountLabel(address, index) : 'Unknown';\n\t\tconst imported = this.#isImportedAccount(address);\n\n\t\treturn html`\n\t\t\t<dialog\n\t\t\t\tclass=\"confirm-dialog\"\n\t\t\t\t@cancel=${(e: Event) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tthis.#cancelDelete();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div class=\"dialog-title\">Remove Account</div>\n\t\t\t\t<div class=\"confirm-body\">\n\t\t\t\t\t${imported\n\t\t\t\t\t\t? 'This will remove the imported account from your wallet. You can re-import it later.'\n\t\t\t\t\t\t: 'This will permanently delete this account and its keys. This cannot be undone.'}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"confirm-account\">\n\t\t\t\t\t<div class=\"confirm-account-label\">${label}</div>\n\t\t\t\t\t<div class=\"confirm-account-address\">${formatAddress(address)}</div>\n\t\t\t\t</div>\n\t\t\t\t${this._deleteError ? html`<div class=\"confirm-error\">${this._deleteError}</div>` : nothing}\n\t\t\t\t<div class=\"confirm-actions\">\n\t\t\t\t\t<button class=\"btn btn-cancel\" ?disabled=${this._deleting} @click=${this.#cancelDelete}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</button>\n\t\t\t\t\t<button class=\"btn btn-reject\" ?disabled=${this._deleting} @click=${this.#confirmDelete}>\n\t\t\t\t\t\t${this._deleting ? 'Removing...' : 'Remove'}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t`;\n\t}\n\n\t#openDialog() {\n\t\tthis._dialogOpen = true;\n\t}\n\n\t#closeDialog() {\n\t\tthis._dialogOpen = false;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-accounts': DevWalletAccounts;\n\t}\n}\n"],"mappings":"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"}

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

@@ -1,20 +1,27 @@
-import * as lit5 from "lit";
+import { CoinRecord } from "./utils.mjs";
+import * as _$lit from "lit";
 import { LitElement, nothing } from "lit";
 import { ClientWithCoreApi } from "@mysten/sui/client";
 
 //#region src/ui/dev-wallet-balances.d.ts
 declare class DevWalletBalances extends LitElement {
   #private;
-  static styles: (lit5.CSSResult | lit5.CSSResult[])[];
+  static styles: (_$lit.CSSResult | _$lit.CSSResult[])[];
   address: string;
   client: ClientWithCoreApi | null;
+  network: string;
+  /** Optional pre-seeded coin metadata — pass the generated `coins`
+   *  constant from devstack codegen (`src/generated/coins.ts`) to skip
+   *  per-coin `getCoinMetadata` RPC waterfalls on UI load. Unknown coin
+   *  types fall through to an RPC fetch as before. */
+  coins: CoinRecord | null;
   private _balances;
   private _loading;
   private _error;
   /** Re-fetch balances for the current address/client. */
   refresh(): void;
   willUpdate(changedProperties: Map<string, unknown>): void;
-  render(): typeof nothing | lit5.TemplateResult<1>;
+  render(): _$lit.TemplateResult<1> | typeof nothing;
 }
 declare global {
   interface HTMLElementTagNameMap {

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

@@ -1 +1 @@
-{"version":3,"file":"dev-wallet-balances.d.mts","names":[],"sources":["../../src/ui/dev-wallet-balances.ts"],"mappings":";;;;;cAkBa,iBAAA,SAA0B,UAAA;EAAA;SACtB,MAAA,GADc,IAAA,CACR,SAAA,GAAA,IAAA,CAAA,SAAA;EAwCtB,OAAA;EAGA,MAAA,EAAQ,iBAAA;EAAA,QAGA,SAAA;EAAA,QAGA,QAAA;EAAA,QAGA,MAAA;EATA;EAgBR,OAAA,CAAA;EAMS,UAAA,CAAW,iBAAA,EAAmB,GAAA;EAW9B,MAAA,CAAA,UAAM,OAAA,GAAA,IAAA,CAAA,cAAA;AAAA;AAAA,QAuER,MAAA;EAAA,UACG,qBAAA;IACT,qBAAA,EAAuB,iBAAA;EAAA;AAAA"}
+{"version":3,"file":"dev-wallet-balances.d.mts","names":[],"sources":["../../src/ui/dev-wallet-balances.ts"],"mappings":";;;;;;cA0Ba,iBAAA,SAA0B,UAAA;EAAA;SACtB,MAAA,GADc,KAAA,CACR,SAAA,GAAA,KAAA,CAAA,SAAA;EA2LtB,OAAA;EAGA,MAAA,EAAQ,iBAAA;EAGR,OAAA;EAlM8B;;;;EAyM9B,KAAA,EAAO,UAAA;EAAA,QAGC,SAAA;EAAA,QAGA,QAAA;EAAA,QAGA,MAAA;EAlNwC;EA2NhD,OAAA,CAAA;EAMS,UAAA,CAAW,iBAAA,EAAmB,GAAA;EAe9B,MAAA,CAAA,GAfiC,KAAA,CAe3B,cAAA,aAAA,OAAA;AAAA;AAAA,QAyHR,MAAA;EAAA,UACG,qBAAA;IACT,qBAAA,EAAuB,iBAAA;EAAA;AAAA"}