@mysten-incubation/dev-wallet 0.0.0

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

@@ -0,0 +1,524 @@
+import { actionButtonStyles, sectionHeaderStyles, sharedStyles } from "./styles.mjs";
+import { emitEvent, findAdapterForAddress, formatAddress, getErrorMessage } from "./utils.mjs";
+import { CopyController } from "./copy-controller.mjs";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.107.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 {
+	constructor(..._args) {
+		super(..._args);
+		this.accounts = [];
+		this.adapters = [];
+		this.activeAddress = "";
+		this._dialogOpen = false;
+		this._editingAddress = null;
+		this._editingLabel = "";
+		this._confirmDeleteAddress = null;
+		this._deleting = false;
+		this._deleteError = null;
+	}
+	static {
+		this.styles = [
+			sharedStyles,
+			sectionHeaderStyles,
+			actionButtonStyles,
+			css`
+			:host {
+				display: block;
+			}
+
+			.accounts-header {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-bottom: 12px;
+			}
+
+			.accounts-header .section-header {
+				margin-bottom: 0;
+			}
+
+			.add-btn {
+				font-size: 12px;
+				color: var(--dev-wallet-primary);
+				padding: 4px 8px;
+				border-radius: var(--dev-wallet-radius-sm);
+			}
+
+			.add-btn:hover {
+				background: color-mix(in oklab, var(--dev-wallet-primary) 15%, transparent);
+			}
+
+			.account-list {
+				display: flex;
+				flex-direction: column;
+				gap: 4px;
+			}
+
+			.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);
+				width: 100%;
+				text-align: left;
+			}
+
+			.account-item:hover {
+				border-color: var(--dev-wallet-primary);
+			}
+
+			.account-item.active {
+				border-color: var(--dev-wallet-primary);
+				background: color-mix(in oklab, var(--dev-wallet-primary) 10%, var(--dev-wallet-secondary));
+			}
+
+			.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 {
+				flex: 1;
+				min-width: 0;
+			}
+
+			.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 {
+				display: flex;
+				align-items: center;
+				gap: 4px;
+			}
+
+			.edit-label-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 {
+				opacity: 1;
+			}
+
+			.edit-label-btn:hover {
+				background: var(--dev-wallet-border);
+				color: var(--dev-wallet-foreground);
+			}
+
+			.edit-label-input {
+				padding: 2px 6px;
+				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;
+				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;
+			}
+
+			.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 {
+				font-size: 13px;
+				color: var(--dev-wallet-muted-foreground);
+				margin-bottom: 8px;
+				line-height: 1.4;
+			}
+
+			.confirm-account {
+				padding: 8px 10px;
+				border-radius: var(--dev-wallet-radius-sm);
+				background: var(--dev-wallet-secondary);
+				border: 1px solid var(--dev-wallet-border);
+				margin-bottom: 16px;
+			}
+
+			.confirm-account-label {
+				font-size: 13px;
+				font-weight: var(--dev-wallet-font-weight-medium);
+				color: var(--dev-wallet-foreground);
+			}
+
+			.confirm-account-address {
+				font-size: 11px;
+				color: var(--dev-wallet-muted-foreground);
+				font-family: var(--dev-wallet-font-mono);
+			}
+
+			.confirm-actions {
+				display: flex;
+				gap: 8px;
+			}
+
+			.confirm-error {
+				color: var(--dev-wallet-destructive);
+				font-size: 12px;
+				margin-bottom: 8px;
+			}
+
+			.empty-state {
+				text-align: center;
+				padding: 24px;
+				color: var(--dev-wallet-muted-foreground);
+				font-size: 14px;
+			}
+		`
+		];
+	}
+	#copy = new CopyController(this);
+	render() {
+		const canAdd = this.adapters.some((a) => "createAccount" in a && a.createAccount || "importAccount" in a && a.importAccount && "listAvailableAccounts" in a && a.listAvailableAccounts);
+		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
+						</button>` : nothing}
+			</div>
+			${this.accounts.length === 0 ? html`<div class="empty-state" part="empty-state">No accounts yet</div>` : html`
+						<div
+							class="account-list"
+							part="account-list"
+							role="listbox"
+							aria-label="Wallet accounts"
+						>
+							${this.accounts.map((account, index) => html`
+									<button
+										class="account-item ${account.address === this.activeAddress ? "active" : ""}"
+										role="option"
+										aria-selected=${account.address === this.activeAddress}
+										@click=${() => this.#selectAccount(account)}
+									>
+										<div class="account-avatar">${index + 1}</div>
+										<div class="account-info">
+											${this._editingAddress === account.address ? html`<input
+														class="edit-label-input"
+														type="text"
+														aria-label="Rename account"
+														.value=${this._editingLabel}
+														@input=${(e) => {
+			this._editingLabel = e.target.value;
+		}}
+														@keydown=${(e) => {
+			e.stopPropagation();
+			if (e.key === "Enter") this.#saveLabel(account.address);
+			if (e.key === "Escape") this.#cancelEditLabel();
+		}}
+														@click=${(e) => e.stopPropagation()}
+													/>` : html`<div class="account-label-row">
+														<span class="account-label">
+															${this.#getAccountLabel(account.address, index)}
+														</span>
+														<span class="account-badge"
+															>${this.#getAdapterName(account.address)}</span
+														>
+														${this.#canRename(account.address) ? html`<button
+																	class="edit-label-btn"
+																	title="Rename"
+																	aria-label="Rename account"
+																	@click=${(e) => {
+			e.stopPropagation();
+			this.#startEditLabel(account.address, index);
+		}}
+																>
+																	&#9998;
+																</button>` : nothing}
+													</div>`}
+											<div
+												class="account-address ${this.#copy.isCopied(account.address) ? "copied" : ""}"
+												title="Click to copy"
+												role="button"
+												tabindex="0"
+												aria-label="Copy address"
+												@click=${(e) => {
+			e.stopPropagation();
+			this.#copy.copy(account.address);
+		}}
+												@keydown=${(e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				e.stopPropagation();
+				this.#copy.copy(account.address);
+			}
+		}}
+											>
+												${this.#copy.isCopied(account.address) ? "Copied!" : formatAddress(account.address)}
+											</div>
+										</div>
+										${this.#canRemove(account.address) ? html`<button
+													class="delete-btn"
+													title="Remove account"
+													aria-label="Remove account"
+													@click=${(e) => {
+			e.stopPropagation();
+			this.#promptDelete(account.address);
+		}}
+												>
+													&#128465;
+												</button>` : nothing}
+									</button>
+								`)}
+						</div>
+					`}
+			${this.#renderConfirmDialog()}
+			<dev-wallet-new-account
+				.adapters=${this.adapters}
+				.open=${this._dialogOpen}
+				@close=${this.#closeDialog}
+			></dev-wallet-new-account>
+		`;
+	}
+	#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}`;
+	}
+	#canRename(address) {
+		const adapter = findAdapterForAddress(this.adapters, address);
+		return !!(adapter && adapter.renameAccount);
+	}
+	#getAdapterName(address) {
+		return findAdapterForAddress(this.adapters, address)?.name ?? "Unknown";
+	}
+	#selectAccount(account) {
+		emitEvent(this, "account-selected", { account });
+	}
+	#startEditLabel(address, index) {
+		this._editingAddress = address;
+		this._editingLabel = this.#getAccountLabel(address, index);
+	}
+	async #saveLabel(address) {
+		const label = this._editingLabel.trim();
+		if (!label) {
+			this.#cancelEditLabel();
+			return;
+		}
+		try {
+			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);
+		}
+		this._editingAddress = null;
+		this._editingLabel = "";
+		emitEvent(this, "account-renamed", {
+			address,
+			label
+		});
+	}
+	#cancelEditLabel() {
+		this._editingAddress = null;
+		this._editingLabel = "";
+	}
+	#canRemove(address) {
+		const adapter = findAdapterForAddress(this.adapters, address);
+		return !!(adapter && adapter.removeAccount);
+	}
+	#isImportedAccount(address) {
+		const adapter = findAdapterForAddress(this.adapters, address);
+		if (!adapter) return false;
+		return !("createAccount" in adapter && adapter.createAccount);
+	}
+	#promptDelete(address) {
+		this._confirmDeleteAddress = address;
+		this._deleteError = null;
+		this.updateComplete.then(() => {
+			const dialog = this.shadowRoot?.querySelector(".confirm-dialog");
+			if (dialog && !dialog.open) dialog.showModal();
+		});
+	}
+	#cancelDelete() {
+		const dialog = this.shadowRoot?.querySelector(".confirm-dialog");
+		if (dialog?.open) dialog.close();
+		this._confirmDeleteAddress = null;
+		this._deleting = false;
+		this._deleteError = null;
+	}
+	async #confirmDelete() {
+		const address = this._confirmDeleteAddress;
+		if (!address) return;
+		this._deleting = true;
+		this._deleteError = null;
+		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");
+			this.#cancelDelete();
+			emitEvent(this, "account-removed", { address });
+		} catch (error) {
+			this._deleteError = getErrorMessage(error, "Failed to remove account");
+			this._deleting = false;
+		}
+	}
+	#renderConfirmDialog() {
+		if (!this._confirmDeleteAddress) return nothing;
+		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"
+				@cancel=${(e) => {
+			e.preventDefault();
+			this.#cancelDelete();
+		}}
+			>
+				<div class="confirm-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."}
+				</div>
+				<div class="confirm-account">
+					<div class="confirm-account-label">${label}</div>
+					<div class="confirm-account-address">${formatAddress(address)}</div>
+				</div>
+				${this._deleteError ? html`<div class="confirm-error">${this._deleteError}</div>` : nothing}
+				<div class="confirm-actions">
+					<button class="btn btn-cancel" ?disabled=${this._deleting} @click=${this.#cancelDelete}>
+						Cancel
+					</button>
+					<button class="btn btn-reject" ?disabled=${this._deleting} @click=${this.#confirmDelete}>
+						${this._deleting ? "Removing..." : "Remove"}
+					</button>
+				</div>
+			</dialog>
+		`;
+	}
+	#openDialog() {
+		this._dialogOpen = true;
+	}
+	#closeDialog() {
+		this._dialogOpen = false;
+	}
+};
+__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([state()], DevWalletAccounts.prototype, "_dialogOpen", void 0);
+__decorate([state()], DevWalletAccounts.prototype, "_editingAddress", void 0);
+__decorate([state()], DevWalletAccounts.prototype, "_editingLabel", void 0);
+__decorate([state()], DevWalletAccounts.prototype, "_confirmDeleteAddress", void 0);
+__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

@@ -0,0 +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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"}

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

@@ -0,0 +1,26 @@
+import * as lit20 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: (lit20.CSSResult | lit20.CSSResult[])[];
+  address: string;
+  client: ClientWithCoreApi | 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 | lit20.TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'dev-wallet-balances': DevWalletBalances;
+  }
+} //# sourceMappingURL=dev-wallet-balances.d.ts.map
+//#endregion
+export { DevWalletBalances };
+//# sourceMappingURL=dev-wallet-balances.d.mts.map

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

@@ -0,0 +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,KAAA,CACR,SAAA,GAAA,KAAA,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,KAAA,CAAA,cAAA;AAAA;AAAA,QAuER,MAAA;EAAA,UACG,qBAAA;IACT,qBAAA,EAAuB,iBAAA;EAAA;AAAA"}