@mysten-incubation/dev-wallet 0.0.0

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

@@ -0,0 +1,544 @@
+import { actionButtonStyles, sharedStyles } from "./styles.mjs";
+import { emitEvent, formatAddress, formatCoinBalance, getCoinSymbol } from "./utils.mjs";
+import { CopyController } from "./copy-controller.mjs";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.107.0/helpers/decorate.mjs";
+import { analyzeTransaction } from "./transaction-analyzer.mjs";
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { bcs } from "@mysten/sui/bcs";
+
+//#region src/ui/dev-wallet-signing.ts
+const REQUEST_TYPE_LABELS = {
+	"sign-personal-message": "Sign Message",
+	"sign-transaction": "Sign Transaction",
+	"sign-and-execute-transaction": "Sign & Execute Transaction"
+};
+let DevWalletSigning = class DevWalletSigning$1 extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.request = null;
+		this.client = null;
+		this._analysis = null;
+		this._analysisError = null;
+		this._analyzing = false;
+	}
+	static {
+		this.styles = [
+			sharedStyles,
+			actionButtonStyles,
+			css`
+			:host {
+				display: flex;
+				flex-direction: column;
+				overflow: hidden;
+				min-height: 0;
+			}
+
+			.signing-content {
+				flex: 1;
+				overflow-y: auto;
+				padding: 16px;
+			}
+
+			.signing-footer {
+				padding: 12px 16px;
+				border-top: 1px solid var(--dev-wallet-border);
+			}
+
+			.signing-header {
+				display: flex;
+				align-items: center;
+				gap: 8px;
+				margin-bottom: 12px;
+			}
+
+			.signing-badge {
+				display: inline-block;
+				width: 8px;
+				height: 8px;
+				border-radius: 50%;
+				background: var(--dev-wallet-warning);
+				animation: pulse 2s infinite;
+			}
+
+			@keyframes pulse {
+				0%,
+				100% {
+					opacity: 1;
+				}
+				50% {
+					opacity: 0.5;
+				}
+			}
+
+			.signing-title {
+				font-size: 14px;
+				font-weight: var(--dev-wallet-font-weight-semibold);
+				color: var(--dev-wallet-foreground);
+			}
+
+			.request-type {
+				font-size: 13px;
+				color: var(--dev-wallet-primary);
+				font-weight: var(--dev-wallet-font-weight-medium);
+				margin-bottom: 8px;
+			}
+
+			.request-detail {
+				display: flex;
+				justify-content: space-between;
+				padding: 6px 0;
+				font-size: 12px;
+				border-bottom: 1px solid var(--dev-wallet-border);
+			}
+
+			.request-detail:last-of-type {
+				border-bottom: none;
+			}
+
+			.detail-label {
+				color: var(--dev-wallet-muted-foreground);
+			}
+
+			.detail-value {
+				color: var(--dev-wallet-foreground);
+				font-family: var(--dev-wallet-font-mono);
+				max-width: 220px;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
+			.detail-value.copyable-addr {
+				cursor: pointer;
+				border-radius: var(--dev-wallet-radius-2xs);
+				padding: 1px 3px;
+				transition: background 0.15s;
+			}
+
+			.detail-value.copyable-addr:hover {
+				background: color-mix(in oklab, var(--dev-wallet-primary) 15%, transparent);
+			}
+
+			.detail-value.copied {
+				color: var(--dev-wallet-positive);
+			}
+
+			.detail-secondary {
+				color: var(--dev-wallet-muted-foreground);
+				font-size: 0.85em;
+			}
+
+			.request-data {
+				margin: 12px 0;
+				padding: 8px;
+				border-radius: var(--dev-wallet-radius-xs);
+				background: var(--dev-wallet-background);
+				font-family: var(--dev-wallet-font-mono);
+				font-size: 11px;
+				color: var(--dev-wallet-muted-foreground);
+				max-height: 80px;
+				overflow-y: auto;
+				word-break: break-all;
+			}
+
+			.section-label {
+				font-size: 11px;
+				font-weight: var(--dev-wallet-font-weight-semibold);
+				color: var(--dev-wallet-muted-foreground);
+				text-transform: uppercase;
+				letter-spacing: 0.5px;
+				margin: 12px 0 6px;
+			}
+
+			.coin-flows {
+				display: flex;
+				flex-direction: column;
+				gap: 4px;
+				margin-bottom: 4px;
+			}
+
+			.coin-flow-item {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 8px;
+				border-radius: var(--dev-wallet-radius-xs);
+				background: var(--dev-wallet-background);
+				font-size: 12px;
+			}
+
+			.coin-flow-type {
+				color: var(--dev-wallet-muted-foreground);
+			}
+
+			.coin-flow-amount {
+				font-family: var(--dev-wallet-font-mono);
+				font-weight: var(--dev-wallet-font-weight-semibold);
+				color: var(--dev-wallet-destructive);
+			}
+
+			.commands-list {
+				display: flex;
+				flex-direction: column;
+				gap: 4px;
+			}
+
+			.command-item {
+				padding: 8px;
+				border-radius: var(--dev-wallet-radius-xs);
+				background: var(--dev-wallet-background);
+				font-size: 12px;
+			}
+
+			.command-kind {
+				font-weight: var(--dev-wallet-font-weight-semibold);
+				color: var(--dev-wallet-primary);
+				margin-bottom: 2px;
+			}
+
+			.command-detail {
+				color: var(--dev-wallet-muted-foreground);
+				font-family: var(--dev-wallet-font-mono);
+				font-size: 11px;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
+			.command-args {
+				margin-top: 4px;
+				padding-left: 8px;
+				border-left: 2px solid var(--dev-wallet-border);
+			}
+
+			.command-arg {
+				font-size: 11px;
+				color: var(--dev-wallet-muted-foreground);
+				font-family: var(--dev-wallet-font-mono);
+				padding: 1px 0;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
+			.arg-access {
+				font-size: 10px;
+				padding: 1px 4px;
+				border-radius: var(--dev-wallet-radius-2xs);
+				font-weight: var(--dev-wallet-font-weight-medium);
+			}
+
+			.arg-access-read {
+				background: color-mix(in oklab, var(--dev-wallet-primary) 20%, transparent);
+				color: var(--dev-wallet-primary);
+			}
+
+			.arg-access-mutate {
+				background: color-mix(in oklab, var(--dev-wallet-warning) 20%, transparent);
+				color: var(--dev-wallet-warning);
+			}
+
+			.arg-access-transfer {
+				background: color-mix(in oklab, var(--dev-wallet-destructive) 20%, transparent);
+				color: var(--dev-wallet-destructive);
+			}
+
+			.error-state {
+				padding: 10px;
+				border-radius: var(--dev-wallet-radius-xs);
+				background: color-mix(in oklab, var(--dev-wallet-destructive) 10%, transparent);
+				color: var(--dev-wallet-destructive);
+				font-size: 12px;
+				word-break: break-word;
+			}
+
+			.section-label-error {
+				color: var(--dev-wallet-destructive);
+			}
+
+			.error-title {
+				font-weight: var(--dev-wallet-font-weight-semibold);
+				margin-bottom: 4px;
+			}
+
+			.error-body {
+				margin-bottom: 6px;
+			}
+
+			.error-hint {
+				font-size: 11px;
+				opacity: 0.8;
+			}
+
+			.no-request {
+				text-align: center;
+				padding: 20px;
+				color: var(--dev-wallet-muted-foreground);
+				font-size: 13px;
+			}
+		`
+		];
+	}
+	#copy = new CopyController(this);
+	#analysisGeneration = 0;
+	#coinDecimalsCache = new Map();
+	willUpdate(changedProperties) {
+		if (changedProperties.has("request")) {
+			this._analysis = null;
+			this._analysisError = null;
+			this._analyzing = false;
+			if (this.request && this.request.type !== "sign-personal-message") {
+				this.#analyzeTransaction();
+			}
+		}
+	}
+	async #analyzeTransaction() {
+		if (!this.request || typeof this.request.data !== "string") return;
+		this._analyzing = true;
+		const generation = ++this.#analysisGeneration;
+		const result = await analyzeTransaction(this.request.data, this.client);
+		if (generation !== this.#analysisGeneration) return;
+		if (result.kind === "rich") {
+			this._analysis = result.analysis;
+			if (this.client && result.analysis.coinFlows?.length) {
+				const coinTypes = [...new Set(result.analysis.coinFlows.map((f) => f.coinType))];
+				await Promise.all(coinTypes.filter((ct) => !this.#coinDecimalsCache.has(ct)).map(async (ct) => {
+					try {
+						const { coinMetadata } = await this.client.core.getCoinMetadata({ coinType: ct });
+						if (coinMetadata) {
+							this.#coinDecimalsCache.set(ct, coinMetadata.decimals);
+						}
+					} catch {}
+				}));
+				if (generation !== this.#analysisGeneration) return;
+				this.requestUpdate();
+			}
+		} else {
+			this._analysisError = result.message;
+		}
+		this._analyzing = false;
+	}
+	render() {
+		if (!this.request) {
+			return html`<div class="no-request" part="empty-state">No pending requests</div>`;
+		}
+		const typeLabel = REQUEST_TYPE_LABELS[this.request.type];
+		const isTransaction = this.request.type !== "sign-personal-message";
+		const canApprove = isTransaction ? this._analysis !== null && !this._analysisError && !this._analyzing : true;
+		return html`
+			<div class="signing-content">
+				<div class="signing-header">
+					<span class="signing-badge"></span>
+					<span class="signing-title">Approval Required</span>
+				</div>
+
+				<div class="request-type" part="request-type">${typeLabel}</div>
+
+				<div class="request-detail">
+					<span class="detail-label">Account</span>
+					<span
+						class="detail-value copyable-addr ${this.#copy.isCopied(this.request.account.address) ? "copied" : ""}"
+						title="Click to copy"
+						role="button"
+						tabindex="0"
+						aria-label="Copy account address"
+						@click=${() => this.#copy.copy(this.request.account.address)}
+						@keydown=${(e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				this.#copy.copy(this.request.account.address);
+			}
+		}}
+					>
+						${this.#copy.isCopied(this.request.account.address) ? "Copied!" : this.request.account.label ? html`${this.request.account.label}
+										<span class="detail-secondary"
+											>${formatAddress(this.request.account.address)}</span
+										>` : formatAddress(this.request.account.address)}
+					</span>
+				</div>
+				${isTransaction ? html`<div class="request-detail">
+							<span class="detail-label">Chain</span>
+							<span class="detail-value">${this.request.chain}</span>
+						</div>` : nothing}
+				${this.#renderTransactionPreview()}
+			</div>
+			<div class="signing-footer" part="footer">
+				<div class="actions">
+					<button class="btn btn-reject" part="reject-button" @click=${this.#reject}>Reject</button>
+					${canApprove ? html`<button class="btn btn-approve" part="approve-button" @click=${this.#approve}>
+								Approve
+							</button>` : nothing}
+				</div>
+			</div>
+		`;
+	}
+	#renderTransactionPreview() {
+		if (this._analyzing) {
+			return html`<div class="section-label">Analyzing transaction...</div>`;
+		}
+		if (this._analysisError) {
+			return html`
+				<div class="section-label section-label-error">Analysis Failed</div>
+				<div class="error-state" part="error-message">
+					<div class="error-title">Unable to analyze this transaction</div>
+					<div class="error-body">${this._analysisError}</div>
+					<div class="error-hint">
+						The transaction cannot be approved without successful analysis. Check that the network
+						is reachable and the transaction is well-formed.
+					</div>
+				</div>
+			`;
+		}
+		if (this._analysis) {
+			return html`
+				${this.#renderCoinFlows()} ${this.#renderAnalyzedCommands(this._analysis.commands)}
+			`;
+		}
+		const dataPreview = this.#getDataPreview();
+		return dataPreview ? html`<div class="request-data">${dataPreview}</div>` : nothing;
+	}
+	#renderCoinFlows() {
+		const flows = this._analysis?.coinFlows;
+		if (!flows || flows.length === 0) return nothing;
+		return html`
+			<div class="section-label">Estimated Cost</div>
+			<div class="coin-flows">
+				${flows.map((flow) => {
+			const decimals = this.#coinDecimalsCache.get(flow.coinType) ?? 0;
+			const formatted = formatCoinBalance(flow.amount, decimals);
+			return html`
+						<div class="coin-flow-item">
+							<span class="coin-flow-type">${getCoinSymbol(flow.coinType)}</span>
+							<span class="coin-flow-amount"> -${formatted} </span>
+						</div>
+					`;
+		})}
+			</div>
+		`;
+	}
+	#renderAnalyzedCommands(commands) {
+		return html`
+			<div class="section-label">Commands</div>
+			<div class="commands-list">${commands.map((cmd) => this.#renderAnalyzedCommand(cmd))}</div>
+		`;
+	}
+	#renderAnalyzedCommand(cmd) {
+		switch (cmd.$kind) {
+			case "MoveCall": return html`
+					<div class="command-item">
+						<div class="command-kind">MoveCall</div>
+						<div class="command-detail">
+							${cmd.function.packageId}::${cmd.function.moduleName}::${cmd.function.name}
+						</div>
+						${cmd.arguments.length > 0 ? this.#renderArgs(cmd.arguments) : nothing}
+					</div>
+				`;
+			case "TransferObjects": return html`
+					<div class="command-item">
+						<div class="command-kind">TransferObjects</div>
+						<div class="command-detail">
+							${cmd.objects.length} object${cmd.objects.length !== 1 ? "s" : ""}
+							${cmd.address.$kind === "Pure" ? html` &rarr; ${formatAddress(this.#decodePureAddress(cmd.address))}` : nothing}
+						</div>
+					</div>
+				`;
+			case "SplitCoins": return html`
+					<div class="command-item">
+						<div class="command-kind">SplitCoins</div>
+						<div class="command-detail">
+							${cmd.amounts.length} split${cmd.amounts.length !== 1 ? "s" : ""} from
+							${cmd.coin.$kind === "GasCoin" ? "gas coin" : "coin"}
+						</div>
+					</div>
+				`;
+			case "MergeCoins": return html`
+					<div class="command-item">
+						<div class="command-kind">MergeCoins</div>
+						<div class="command-detail">
+							${cmd.sources.length} source${cmd.sources.length !== 1 ? "s" : ""}
+						</div>
+					</div>
+				`;
+			case "Publish": return html`
+					<div class="command-item">
+						<div class="command-kind">Publish</div>
+						<div class="command-detail">New package</div>
+					</div>
+				`;
+			case "Upgrade": return html`
+					<div class="command-item">
+						<div class="command-kind">Upgrade</div>
+						<div class="command-detail">Package upgrade</div>
+					</div>
+				`;
+			default: return html`
+					<div class="command-item">
+						<div class="command-kind">${cmd.$kind}</div>
+					</div>
+				`;
+		}
+	}
+	#renderArgs(args) {
+		return html`
+			<div class="command-args">
+				${args.map((arg) => html`
+						<div class="command-arg">
+							<span class="arg-access arg-access-${arg.accessLevel}">${arg.accessLevel}</span>
+							${this.#describeArg(arg)}
+						</div>
+					`)}
+			</div>
+		`;
+	}
+	#describeArg(arg) {
+		switch (arg.$kind) {
+			case "GasCoin": return "Gas Coin";
+			case "Result": return `Result [${arg.index[0]}, ${arg.index[1]}]`;
+			case "Pure": return `${arg.bytes.slice(0, 16)}${arg.bytes.length > 16 ? "..." : ""}`;
+			case "Object": return formatAddress(arg.object.objectId);
+			case "Unknown": return "unknown";
+		}
+	}
+	#decodePureAddress(arg) {
+		if (arg.$kind === "Pure") {
+			try {
+				return bcs.Address.fromBase64(arg.bytes);
+			} catch {}
+		}
+		return "?";
+	}
+	#getDataPreview() {
+		if (!this.request) return null;
+		if (this.request.type === "sign-personal-message") {
+			const data = this.request.data;
+			if (data instanceof Uint8Array) {
+				try {
+					return new TextDecoder().decode(data);
+				} catch {
+					return `[${data.length} bytes]`;
+				}
+			}
+		}
+		if (typeof this.request.data === "string") {
+			return this.request.data.length > 200 ? this.request.data.slice(0, 200) + "..." : this.request.data;
+		}
+		return null;
+	}
+	#approve() {
+		emitEvent(this, "approve");
+	}
+	#reject() {
+		emitEvent(this, "reject");
+	}
+};
+__decorate([property({ attribute: false })], DevWalletSigning.prototype, "request", void 0);
+__decorate([property({ attribute: false })], DevWalletSigning.prototype, "client", void 0);
+__decorate([state()], DevWalletSigning.prototype, "_analysis", void 0);
+__decorate([state()], DevWalletSigning.prototype, "_analysisError", void 0);
+__decorate([state()], DevWalletSigning.prototype, "_analyzing", void 0);
+DevWalletSigning = __decorate([customElement("dev-wallet-signing")], DevWalletSigning);
+
+//#endregion
+export { DevWalletSigning };
+//# sourceMappingURL=dev-wallet-signing.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-signing.mjs","names":["DevWalletSigning","#analyzeTransaction","#analysisGeneration","#coinDecimalsCache","#copy","#renderTransactionPreview","#reject","#approve","#renderCoinFlows","#renderAnalyzedCommands","#getDataPreview","#renderAnalyzedCommand","#renderArgs","#decodePureAddress","#describeArg"],"sources":["../../src/ui/dev-wallet-signing.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { bcs } from '@mysten/sui/bcs';\nimport type { ClientWithCoreApi } from '@mysten/sui/client';\nimport type { AnalyzedCommand } from '@mysten/wallet-sdk';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport type { PendingSigningRequest } from '../wallet/dev-wallet.js';\nimport { CopyController } from './copy-controller.js';\nimport { actionButtonStyles, sharedStyles } from './styles.js';\nimport type { TransactionAnalysis } from './transaction-analyzer.js';\nimport { analyzeTransaction } from './transaction-analyzer.js';\nimport { emitEvent, formatAddress, formatCoinBalance, getCoinSymbol } from './utils.js';\n\nconst REQUEST_TYPE_LABELS: Record<PendingSigningRequest['type'], string> = {\n\t'sign-personal-message': 'Sign Message',\n\t'sign-transaction': 'Sign Transaction',\n\t'sign-and-execute-transaction': 'Sign & Execute Transaction',\n};\n\n@customElement('dev-wallet-signing')\nexport class DevWalletSigning extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tactionButtonStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmin-height: 0;\n\t\t\t}\n\n\t\t\t.signing-content {\n\t\t\t\tflex: 1;\n\t\t\t\toverflow-y: auto;\n\t\t\t\tpadding: 16px;\n\t\t\t}\n\n\t\t\t.signing-footer {\n\t\t\t\tpadding: 12px 16px;\n\t\t\t\tborder-top: 1px solid var(--dev-wallet-border);\n\t\t\t}\n\n\t\t\t.signing-header {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 8px;\n\t\t\t\tmargin-bottom: 12px;\n\t\t\t}\n\n\t\t\t.signing-badge {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\twidth: 8px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbackground: var(--dev-wallet-warning);\n\t\t\t\tanimation: pulse 2s infinite;\n\t\t\t}\n\n\t\t\t@keyframes pulse {\n\t\t\t\t0%,\n\t\t\t\t100% {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\t\t\t\t50% {\n\t\t\t\t\topacity: 0.5;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.signing-title {\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-foreground);\n\t\t\t}\n\n\t\t\t.request-type {\n\t\t\t\tfont-size: 13px;\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\tmargin-bottom: 8px;\n\t\t\t}\n\n\t\t\t.request-detail {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tpadding: 6px 0;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tborder-bottom: 1px solid var(--dev-wallet-border);\n\t\t\t}\n\n\t\t\t.request-detail:last-of-type {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\n\t\t\t.detail-label {\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t}\n\n\t\t\t.detail-value {\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tmax-width: 220px;\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.detail-value.copyable-addr {\n\t\t\t\tcursor: pointer;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-2xs);\n\t\t\t\tpadding: 1px 3px;\n\t\t\t\ttransition: background 0.15s;\n\t\t\t}\n\n\t\t\t.detail-value.copyable-addr: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.detail-value.copied {\n\t\t\t\tcolor: var(--dev-wallet-positive);\n\t\t\t}\n\n\t\t\t.detail-secondary {\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tfont-size: 0.85em;\n\t\t\t}\n\n\t\t\t.request-data {\n\t\t\t\tmargin: 12px 0;\n\t\t\t\tpadding: 8px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xs);\n\t\t\t\tbackground: var(--dev-wallet-background);\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tfont-size: 11px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tmax-height: 80px;\n\t\t\t\toverflow-y: auto;\n\t\t\t\tword-break: break-all;\n\t\t\t}\n\n\t\t\t.section-label {\n\t\t\t\tfont-size: 11px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-semibold);\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.5px;\n\t\t\t\tmargin: 12px 0 6px;\n\t\t\t}\n\n\t\t\t.coin-flows {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 4px;\n\t\t\t\tmargin-bottom: 4px;\n\t\t\t}\n\n\t\t\t.coin-flow-item {\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\tpadding: 8px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xs);\n\t\t\t\tbackground: var(--dev-wallet-background);\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\n\t\t\t.coin-flow-type {\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t}\n\n\t\t\t.coin-flow-amount {\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-semibold);\n\t\t\t\tcolor: var(--dev-wallet-destructive);\n\t\t\t}\n\n\t\t\t.commands-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.command-item {\n\t\t\t\tpadding: 8px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xs);\n\t\t\t\tbackground: var(--dev-wallet-background);\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\n\t\t\t.command-kind {\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-semibold);\n\t\t\t\tcolor: var(--dev-wallet-primary);\n\t\t\t\tmargin-bottom: 2px;\n\t\t\t}\n\n\t\t\t.command-detail {\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\tfont-size: 11px;\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.command-args {\n\t\t\t\tmargin-top: 4px;\n\t\t\t\tpadding-left: 8px;\n\t\t\t\tborder-left: 2px solid var(--dev-wallet-border);\n\t\t\t}\n\n\t\t\t.command-arg {\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\tpadding: 1px 0;\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.arg-access {\n\t\t\t\tfont-size: 10px;\n\t\t\t\tpadding: 1px 4px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-2xs);\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t}\n\n\t\t\t.arg-access-read {\n\t\t\t\tbackground: color-mix(in oklab, var(--dev-wallet-primary) 20%, transparent);\n\t\t\t\tcolor: var(--dev-wallet-primary);\n\t\t\t}\n\n\t\t\t.arg-access-mutate {\n\t\t\t\tbackground: color-mix(in oklab, var(--dev-wallet-warning) 20%, transparent);\n\t\t\t\tcolor: var(--dev-wallet-warning);\n\t\t\t}\n\n\t\t\t.arg-access-transfer {\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.error-state {\n\t\t\t\tpadding: 10px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xs);\n\t\t\t\tbackground: color-mix(in oklab, var(--dev-wallet-destructive) 10%, transparent);\n\t\t\t\tcolor: var(--dev-wallet-destructive);\n\t\t\t\tfont-size: 12px;\n\t\t\t\tword-break: break-word;\n\t\t\t}\n\n\t\t\t.section-label-error {\n\t\t\t\tcolor: var(--dev-wallet-destructive);\n\t\t\t}\n\n\t\t\t.error-title {\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-semibold);\n\t\t\t\tmargin-bottom: 4px;\n\t\t\t}\n\n\t\t\t.error-body {\n\t\t\t\tmargin-bottom: 6px;\n\t\t\t}\n\n\t\t\t.error-hint {\n\t\t\t\tfont-size: 11px;\n\t\t\t\topacity: 0.8;\n\t\t\t}\n\n\t\t\t.no-request {\n\t\t\t\ttext-align: center;\n\t\t\t\tpadding: 20px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\trequest: PendingSigningRequest | null = null;\n\n\t@property({ attribute: false })\n\tclient: ClientWithCoreApi | null = null;\n\n\t@state()\n\tprivate _analysis: TransactionAnalysis | null = null;\n\n\t@state()\n\tprivate _analysisError: string | null = null;\n\n\t@state()\n\tprivate _analyzing = false;\n\n\t#copy = new CopyController(this);\n\t#analysisGeneration = 0;\n\t#coinDecimalsCache = new Map<string, number>();\n\n\toverride willUpdate(changedProperties: Map<string, unknown>) {\n\t\tif (changedProperties.has('request')) {\n\t\t\tthis._analysis = null;\n\t\t\tthis._analysisError = null;\n\t\t\tthis._analyzing = false;\n\t\t\tif (this.request && this.request.type !== 'sign-personal-message') {\n\t\t\t\tthis.#analyzeTransaction();\n\t\t\t}\n\t\t}\n\t}\n\n\tasync #analyzeTransaction() {\n\t\tif (!this.request || typeof this.request.data !== 'string') return;\n\n\t\tthis._analyzing = true;\n\t\tconst generation = ++this.#analysisGeneration;\n\n\t\tconst result = await analyzeTransaction(this.request.data, this.client);\n\t\tif (generation !== this.#analysisGeneration) return;\n\n\t\tif (result.kind === 'rich') {\n\t\t\tthis._analysis = result.analysis;\n\t\t\t// Fetch coin metadata for all coin types in flows\n\t\t\tif (this.client && result.analysis.coinFlows?.length) {\n\t\t\t\tconst coinTypes = [...new Set(result.analysis.coinFlows.map((f) => f.coinType))];\n\t\t\t\tawait Promise.all(\n\t\t\t\t\tcoinTypes\n\t\t\t\t\t\t.filter((ct) => !this.#coinDecimalsCache.has(ct))\n\t\t\t\t\t\t.map(async (ct) => {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\tconst { coinMetadata } = await this.client!.core.getCoinMetadata({\n\t\t\t\t\t\t\t\t\tcoinType: ct,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tif (coinMetadata) {\n\t\t\t\t\t\t\t\t\tthis.#coinDecimalsCache.set(ct, coinMetadata.decimals);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\t\t// leave uncached — will use 0 as fallback\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\t\tif (generation !== this.#analysisGeneration) return;\n\t\t\t\tthis.requestUpdate();\n\t\t\t}\n\t\t} else {\n\t\t\tthis._analysisError = result.message;\n\t\t}\n\n\t\tthis._analyzing = false;\n\t}\n\n\toverride render() {\n\t\tif (!this.request) {\n\t\t\treturn html`<div class=\"no-request\" part=\"empty-state\">No pending requests</div>`;\n\t\t}\n\n\t\tconst typeLabel = REQUEST_TYPE_LABELS[this.request.type];\n\n\t\t// For transactions: only allow approval after successful analysis\n\t\t// For personal messages: always allow (no analysis needed)\n\t\tconst isTransaction = this.request.type !== 'sign-personal-message';\n\t\tconst canApprove = isTransaction\n\t\t\t? this._analysis !== null && !this._analysisError && !this._analyzing\n\t\t\t: true;\n\n\t\treturn html`\n\t\t\t<div class=\"signing-content\">\n\t\t\t\t<div class=\"signing-header\">\n\t\t\t\t\t<span class=\"signing-badge\"></span>\n\t\t\t\t\t<span class=\"signing-title\">Approval Required</span>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"request-type\" part=\"request-type\">${typeLabel}</div>\n\n\t\t\t\t<div class=\"request-detail\">\n\t\t\t\t\t<span class=\"detail-label\">Account</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"detail-value copyable-addr ${this.#copy.isCopied(this.request.account.address)\n\t\t\t\t\t\t\t? 'copied'\n\t\t\t\t\t\t\t: ''}\"\n\t\t\t\t\t\ttitle=\"Click to copy\"\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\taria-label=\"Copy account address\"\n\t\t\t\t\t\t@click=${() => this.#copy.copy(this.request!.account.address)}\n\t\t\t\t\t\t@keydown=${(e: KeyboardEvent) => {\n\t\t\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tthis.#copy.copy(this.request!.account.address);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.#copy.isCopied(this.request.account.address)\n\t\t\t\t\t\t\t? 'Copied!'\n\t\t\t\t\t\t\t: this.request.account.label\n\t\t\t\t\t\t\t\t? html`${this.request.account.label}\n\t\t\t\t\t\t\t\t\t\t<span class=\"detail-secondary\"\n\t\t\t\t\t\t\t\t\t\t\t>${formatAddress(this.request.account.address)}</span\n\t\t\t\t\t\t\t\t\t\t>`\n\t\t\t\t\t\t\t\t: formatAddress(this.request.account.address)}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t${isTransaction\n\t\t\t\t\t? html`<div class=\"request-detail\">\n\t\t\t\t\t\t\t<span class=\"detail-label\">Chain</span>\n\t\t\t\t\t\t\t<span class=\"detail-value\">${this.request.chain}</span>\n\t\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing}\n\t\t\t\t${this.#renderTransactionPreview()}\n\t\t\t</div>\n\t\t\t<div class=\"signing-footer\" part=\"footer\">\n\t\t\t\t<div class=\"actions\">\n\t\t\t\t\t<button class=\"btn btn-reject\" part=\"reject-button\" @click=${this.#reject}>Reject</button>\n\t\t\t\t\t${canApprove\n\t\t\t\t\t\t? html`<button class=\"btn btn-approve\" part=\"approve-button\" @click=${this.#approve}>\n\t\t\t\t\t\t\t\tApprove\n\t\t\t\t\t\t\t</button>`\n\t\t\t\t\t\t: nothing}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t#renderTransactionPreview() {\n\t\tif (this._analyzing) {\n\t\t\treturn html`<div class=\"section-label\">Analyzing transaction...</div>`;\n\t\t}\n\n\t\tif (this._analysisError) {\n\t\t\treturn html`\n\t\t\t\t<div class=\"section-label section-label-error\">Analysis Failed</div>\n\t\t\t\t<div class=\"error-state\" part=\"error-message\">\n\t\t\t\t\t<div class=\"error-title\">Unable to analyze this transaction</div>\n\t\t\t\t\t<div class=\"error-body\">${this._analysisError}</div>\n\t\t\t\t\t<div class=\"error-hint\">\n\t\t\t\t\t\tThe transaction cannot be approved without successful analysis. Check that the network\n\t\t\t\t\t\tis reachable and the transaction is well-formed.\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t`;\n\t\t}\n\n\t\tif (this._analysis) {\n\t\t\treturn html`\n\t\t\t\t${this.#renderCoinFlows()} ${this.#renderAnalyzedCommands(this._analysis.commands)}\n\t\t\t`;\n\t\t}\n\n\t\tconst dataPreview = this.#getDataPreview();\n\t\treturn dataPreview ? html`<div class=\"request-data\">${dataPreview}</div>` : nothing;\n\t}\n\n\t#renderCoinFlows() {\n\t\tconst flows = this._analysis?.coinFlows;\n\t\tif (!flows || flows.length === 0) return nothing;\n\n\t\treturn html`\n\t\t\t<div class=\"section-label\">Estimated Cost</div>\n\t\t\t<div class=\"coin-flows\">\n\t\t\t\t${flows.map((flow) => {\n\t\t\t\t\tconst decimals = this.#coinDecimalsCache.get(flow.coinType) ?? 0;\n\t\t\t\t\tconst formatted = formatCoinBalance(flow.amount, decimals);\n\t\t\t\t\treturn html`\n\t\t\t\t\t\t<div class=\"coin-flow-item\">\n\t\t\t\t\t\t\t<span class=\"coin-flow-type\">${getCoinSymbol(flow.coinType)}</span>\n\t\t\t\t\t\t\t<span class=\"coin-flow-amount\"> -${formatted} </span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`;\n\t\t\t\t})}\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t#renderAnalyzedCommands(commands: AnalyzedCommand[]) {\n\t\treturn html`\n\t\t\t<div class=\"section-label\">Commands</div>\n\t\t\t<div class=\"commands-list\">${commands.map((cmd) => this.#renderAnalyzedCommand(cmd))}</div>\n\t\t`;\n\t}\n\n\t#renderAnalyzedCommand(cmd: AnalyzedCommand) {\n\t\tswitch (cmd.$kind) {\n\t\t\tcase 'MoveCall':\n\t\t\t\treturn html`\n\t\t\t\t\t<div class=\"command-item\">\n\t\t\t\t\t\t<div class=\"command-kind\">MoveCall</div>\n\t\t\t\t\t\t<div class=\"command-detail\">\n\t\t\t\t\t\t\t${cmd.function.packageId}::${cmd.function.moduleName}::${cmd.function.name}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t${cmd.arguments.length > 0 ? this.#renderArgs(cmd.arguments) : nothing}\n\t\t\t\t\t</div>\n\t\t\t\t`;\n\t\t\tcase 'TransferObjects':\n\t\t\t\treturn html`\n\t\t\t\t\t<div class=\"command-item\">\n\t\t\t\t\t\t<div class=\"command-kind\">TransferObjects</div>\n\t\t\t\t\t\t<div class=\"command-detail\">\n\t\t\t\t\t\t\t${cmd.objects.length} object${cmd.objects.length !== 1 ? 's' : ''}\n\t\t\t\t\t\t\t${cmd.address.$kind === 'Pure'\n\t\t\t\t\t\t\t\t? html` &rarr; ${formatAddress(this.#decodePureAddress(cmd.address))}`\n\t\t\t\t\t\t\t\t: nothing}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t`;\n\t\t\tcase 'SplitCoins':\n\t\t\t\treturn html`\n\t\t\t\t\t<div class=\"command-item\">\n\t\t\t\t\t\t<div class=\"command-kind\">SplitCoins</div>\n\t\t\t\t\t\t<div class=\"command-detail\">\n\t\t\t\t\t\t\t${cmd.amounts.length} split${cmd.amounts.length !== 1 ? 's' : ''} from\n\t\t\t\t\t\t\t${cmd.coin.$kind === 'GasCoin' ? 'gas coin' : 'coin'}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t`;\n\t\t\tcase 'MergeCoins':\n\t\t\t\treturn html`\n\t\t\t\t\t<div class=\"command-item\">\n\t\t\t\t\t\t<div class=\"command-kind\">MergeCoins</div>\n\t\t\t\t\t\t<div class=\"command-detail\">\n\t\t\t\t\t\t\t${cmd.sources.length} source${cmd.sources.length !== 1 ? 's' : ''}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t`;\n\t\t\tcase 'Publish':\n\t\t\t\treturn html`\n\t\t\t\t\t<div class=\"command-item\">\n\t\t\t\t\t\t<div class=\"command-kind\">Publish</div>\n\t\t\t\t\t\t<div class=\"command-detail\">New package</div>\n\t\t\t\t\t</div>\n\t\t\t\t`;\n\t\t\tcase 'Upgrade':\n\t\t\t\treturn html`\n\t\t\t\t\t<div class=\"command-item\">\n\t\t\t\t\t\t<div class=\"command-kind\">Upgrade</div>\n\t\t\t\t\t\t<div class=\"command-detail\">Package upgrade</div>\n\t\t\t\t\t</div>\n\t\t\t\t`;\n\t\t\tdefault:\n\t\t\t\treturn html`\n\t\t\t\t\t<div class=\"command-item\">\n\t\t\t\t\t\t<div class=\"command-kind\">${cmd.$kind}</div>\n\t\t\t\t\t</div>\n\t\t\t\t`;\n\t\t}\n\t}\n\n\t#renderArgs(args: import('@mysten/wallet-sdk').AnalyzedCommandArgument[]) {\n\t\treturn html`\n\t\t\t<div class=\"command-args\">\n\t\t\t\t${args.map(\n\t\t\t\t\t(arg) => html`\n\t\t\t\t\t\t<div class=\"command-arg\">\n\t\t\t\t\t\t\t<span class=\"arg-access arg-access-${arg.accessLevel}\">${arg.accessLevel}</span>\n\t\t\t\t\t\t\t${this.#describeArg(arg)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t#describeArg(arg: import('@mysten/wallet-sdk').AnalyzedCommandArgument): string {\n\t\tswitch (arg.$kind) {\n\t\t\tcase 'GasCoin':\n\t\t\t\treturn 'Gas Coin';\n\t\t\tcase 'Result':\n\t\t\t\treturn `Result [${arg.index[0]}, ${arg.index[1]}]`;\n\t\t\tcase 'Pure':\n\t\t\t\treturn `${arg.bytes.slice(0, 16)}${arg.bytes.length > 16 ? '...' : ''}`;\n\t\t\tcase 'Object':\n\t\t\t\treturn formatAddress(arg.object.objectId);\n\t\t\tcase 'Unknown':\n\t\t\t\treturn 'unknown';\n\t\t}\n\t}\n\n\t#decodePureAddress(arg: import('@mysten/wallet-sdk').AnalyzedCommandArgument): string {\n\t\tif (arg.$kind === 'Pure') {\n\t\t\ttry {\n\t\t\t\treturn bcs.Address.fromBase64(arg.bytes);\n\t\t\t} catch {\n\t\t\t\t// fall through\n\t\t\t}\n\t\t}\n\t\treturn '?';\n\t}\n\n\t#getDataPreview(): string | null {\n\t\tif (!this.request) return null;\n\n\t\tif (this.request.type === 'sign-personal-message') {\n\t\t\tconst data = this.request.data;\n\t\t\tif (data instanceof Uint8Array) {\n\t\t\t\ttry {\n\t\t\t\t\treturn new TextDecoder().decode(data);\n\t\t\t\t} catch {\n\t\t\t\t\treturn `[${data.length} bytes]`;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (typeof this.request.data === 'string') {\n\t\t\treturn this.request.data.length > 200\n\t\t\t\t? this.request.data.slice(0, 200) + '...'\n\t\t\t\t: this.request.data;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t#approve() {\n\t\temitEvent(this, 'approve');\n\t}\n\n\t#reject() {\n\t\temitEvent(this, 'reject');\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-signing': DevWalletSigning;\n\t}\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+import { DevWallet } from "../wallet/dev-wallet.mjs";
+import * as lit8 from "lit";
+import { LitElement } from "lit";
+
+//#region src/ui/dev-wallet-standalone.d.ts
+declare class DevWalletStandalone extends LitElement {
+  #private;
+  static styles: (lit8.CSSResult | lit8.CSSResult[])[];
+  wallet: DevWallet | null;
+  /** When set, the settings tab shows a bookmarklet section pointing to this origin. */
+  bookmarkletOrigin: string;
+  willUpdate(changedProperties: Map<string, unknown>): void;
+  updated(): void;
+  render(): lit8.TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'dev-wallet-standalone': DevWalletStandalone;
+  }
+} //# sourceMappingURL=dev-wallet-standalone.d.ts.map
+//#endregion
+export { DevWalletStandalone };
+//# sourceMappingURL=dev-wallet-standalone.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-standalone.d.mts","names":[],"sources":["../../src/ui/dev-wallet-standalone.ts"],"mappings":";;;;;cAWa,mBAAA,SAA4B,UAAA;EAAA;SACxB,MAAA,GADgB,IAAA,CACV,SAAA,GAAA,IAAA,CAAA,SAAA;EA0EtB,MAAA,EAAQ,SAAA;EA3EwB;EA+EhC,iBAAA;EAIS,UAAA,CAAW,iBAAA,EAAmB,GAAA;EAS9B,OAAA,CAAA;EASA,MAAA,CAAA,GAlBiC,IAAA,CAkB3B,cAAA;AAAA;AAAA,QAmBR,MAAA;EAAA,UACG,qBAAA;IACT,uBAAA,EAAyB,mBAAA;EAAA;AAAA"}