@mysten-incubation/dev-wallet 0.0.1 → 0.2.0

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

@@ -1 +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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"}
+{"version":3,"file":"dev-wallet-signing.mjs","names":["#lastCoinsRef","#coinIndex","#analyzeTransaction","#analysisGeneration","#coinDecimalsCache","#coinSymbolCache","#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 {\n\tactionButtonStyles,\n\tcopyableTextStyles,\n\tlistContainerStyles,\n\tmonoTruncateStyles,\n\tsharedStyles,\n\tsubLabelStyles,\n} from './styles.js';\nimport type { TransactionAnalysis } from './transaction-analyzer.js';\nimport { analyzeTransaction } from './transaction-analyzer.js';\nimport type { CoinManifestEntry, CoinRecord } from './utils.js';\nimport {\n\temitEvent,\n\tformatAddress,\n\tformatCoinBalance,\n\tgetCoinSymbol,\n\tindexCoinsByType,\n\tlookupCoinByType,\n} 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\tcopyableTextStyles,\n\t\tlistContainerStyles,\n\t\tmonoTruncateStyles,\n\t\tsubLabelStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex: 1;\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\tbackground: var(--dev-wallet-bg-0);\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\tbackground: var(--dev-wallet-surface);\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: 10px;\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: 12px;\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\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\theight: 22px;\n\t\t\t\tpadding: 0 8px;\n\t\t\t\tborder-radius: 999px;\n\t\t\t\tborder: 1px solid var(--dev-wallet-border-strong);\n\t\t\t\tbackground: var(--dev-wallet-accent-fade);\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tfont-size: 10.5px;\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: 10px;\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\tgap: 12px;\n\t\t\t\tpadding: 8px 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\tpadding: 1px 3px;\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: 10px 12px;\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\tbackground: var(--dev-wallet-bg-0);\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tfont-size: 11.5px;\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\tmax-height: 120px;\n\t\t\t\toverflow-y: auto;\n\t\t\t\tword-break: break-all;\n\t\t\t\tline-height: 1.55;\n\t\t\t}\n\n\t\t\t.section-label {\n\t\t\t\tmargin: 12px 0 6px;\n\t\t\t}\n\n\t\t\t.coin-flows {\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 10px;\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\tbackground: var(--dev-wallet-surface);\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.command-item {\n\t\t\t\tpadding: 10px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-lg);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tbackground: var(--dev-wallet-surface);\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\tfont-size: 11px;\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\tpadding: 1px 0;\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.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/** Optional pre-seeded coin metadata — pass the generated `coins`\n\t *  constant from devstack codegen to skip per-coin `getCoinMetadata`\n\t *  RPC fetches when rendering coin-flow estimates. Unknown coin types\n\t *  fall through to an RPC fetch as before. */\n\t@property({ attribute: false })\n\tcoins: CoinRecord | 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\t#coinSymbolCache = new Map<string, string>();\n\t#coinIndex: ReadonlyMap<string, CoinManifestEntry> = new Map();\n\t#lastCoinsRef: CoinRecord | null = null;\n\n\toverride willUpdate(changedProperties: Map<string, unknown>) {\n\t\tif (changedProperties.has('coins') && this.coins !== this.#lastCoinsRef) {\n\t\t\tthis.#coinIndex = indexCoinsByType(this.coins);\n\t\t\tthis.#lastCoinsRef = this.coins;\n\t\t}\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// Seed coin metadata for all coin types in flows. The generated\n\t\t\t// `coins` record (when provided) short-circuits the per-coin\n\t\t\t// `getCoinMetadata` RPC; only unknown coin types fall through to\n\t\t\t// the network.\n\t\t\tif (result.analysis.coinFlows?.length) {\n\t\t\t\tconst coinTypes = [...new Set(result.analysis.coinFlows.map((f) => f.coinType))];\n\t\t\t\tconst unresolved: string[] = [];\n\t\t\t\tfor (const ct of coinTypes) {\n\t\t\t\t\tif (this.#coinDecimalsCache.has(ct)) continue;\n\t\t\t\t\tconst seed = lookupCoinByType(this.#coinIndex, ct);\n\t\t\t\t\tif (seed !== undefined) {\n\t\t\t\t\t\tthis.#coinDecimalsCache.set(ct, seed.decimals);\n\t\t\t\t\t\tif (seed.symbol !== undefined) this.#coinSymbolCache.set(ct, seed.symbol);\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t\tunresolved.push(ct);\n\t\t\t\t}\n\t\t\t\tif (this.client && unresolved.length > 0) {\n\t\t\t\t\tawait Promise.all(\n\t\t\t\t\t\tunresolved.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\tif (coinMetadata.symbol) this.#coinSymbolCache.set(ct, coinMetadata.symbol);\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\t);\n\t\t\t\t\tif (generation !== this.#analysisGeneration) return;\n\t\t\t\t}\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\t\tconst account = this.request.account as PendingSigningRequest['account'] | undefined;\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 ?? 'Signing Request'}</div>\n\n\t\t\t\t${account\n\t\t\t\t\t? html`<div class=\"request-detail\">\n\t\t\t\t\t\t\t<span class=\"detail-label\">Account</span>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclass=\"detail-value copyable-addr ${this.#copy.isCopied(account.address)\n\t\t\t\t\t\t\t\t\t? 'copied'\n\t\t\t\t\t\t\t\t\t: ''}\"\n\t\t\t\t\t\t\t\ttitle=\"Click to copy\"\n\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\t\taria-label=\"Copy account address\"\n\t\t\t\t\t\t\t\t@click=${() => this.#copy.copy(account.address)}\n\t\t\t\t\t\t\t\t@keydown=${(e: KeyboardEvent) => {\n\t\t\t\t\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\tthis.#copy.copy(account.address);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t${this.#copy.isCopied(account.address)\n\t\t\t\t\t\t\t\t\t? 'Copied!'\n\t\t\t\t\t\t\t\t\t: account.label\n\t\t\t\t\t\t\t\t\t\t? html`${account.label}\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"detail-secondary\">${formatAddress(account.address)}</span>`\n\t\t\t\t\t\t\t\t\t\t: formatAddress(account.address)}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing}\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 symbol = this.#coinSymbolCache.get(flow.coinType) ?? getCoinSymbol(flow.coinType);\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\">${symbol}</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":";;;;;;;;;AA+BA,MAAM,sBAAqE;CAC1E,yBAAyB;CACzB,oBAAoB;CACpB,gCAAgC;CAChC;AAGM,IAAA,mBAAA,MAAM,yBAAyB,WAAW;;;iBAgPR;gBAGL;eAOR;mBAGqB;wBAGR;oBAGnB;eAEb,IAAI,eAAe,KAAK;6BACV;4CACD,IAAI,KAAqB;0CAC3B,IAAI,KAAqB;oCACS,IAAI,KAAK;uBAC3B;;;gBAzQV;GACxB;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqOH;;CAwBD;CACA;CACA;CACA;CACA;CACA;CAEA,WAAoB,mBAAyC;AAC5D,MAAI,kBAAkB,IAAI,QAAQ,IAAI,KAAK,UAAU,MAAA,cAAoB;AACxE,SAAA,YAAkB,iBAAiB,KAAK,MAAM;AAC9C,SAAA,eAAqB,KAAK;;AAE3B,MAAI,kBAAkB,IAAI,UAAU,EAAE;AACrC,QAAK,YAAY;AACjB,QAAK,iBAAiB;AACtB,QAAK,aAAa;AAClB,OAAI,KAAK,WAAW,KAAK,QAAQ,SAAS,wBACzC,OAAA,oBAA0B;;;CAK7B,OAAA,qBAA4B;AAC3B,MAAI,CAAC,KAAK,WAAW,OAAO,KAAK,QAAQ,SAAS,SAAU;AAE5D,OAAK,aAAa;EAClB,MAAM,aAAa,EAAE,MAAA;EAErB,MAAM,SAAS,MAAM,mBAAmB,KAAK,QAAQ,MAAM,KAAK,OAAO;AACvE,MAAI,eAAe,MAAA,mBAA0B;AAE7C,MAAI,OAAO,SAAS,QAAQ;AAC3B,QAAK,YAAY,OAAO;AAKxB,OAAI,OAAO,SAAS,WAAW,QAAQ;IACtC,MAAM,YAAY,CAAC,GAAG,IAAI,IAAI,OAAO,SAAS,UAAU,KAAK,MAAM,EAAE,SAAS,CAAC,CAAC;IAChF,MAAM,aAAuB,EAAE;AAC/B,SAAK,MAAM,MAAM,WAAW;AAC3B,SAAI,MAAA,kBAAwB,IAAI,GAAG,CAAE;KACrC,MAAM,OAAO,iBAAiB,MAAA,WAAiB,GAAG;AAClD,SAAI,SAAS,QAAW;AACvB,YAAA,kBAAwB,IAAI,IAAI,KAAK,SAAS;AAC9C,UAAI,KAAK,WAAW,OAAW,OAAA,gBAAsB,IAAI,IAAI,KAAK,OAAO;AACzE;;AAED,gBAAW,KAAK,GAAG;;AAEpB,QAAI,KAAK,UAAU,WAAW,SAAS,GAAG;AACzC,WAAM,QAAQ,IACb,WAAW,IAAI,OAAO,OAAO;AAC5B,UAAI;OACH,MAAM,EAAE,iBAAiB,MAAM,KAAK,OAAQ,KAAK,gBAAgB,EAChE,UAAU,IACV,CAAC;AACF,WAAI,cAAc;AACjB,cAAA,kBAAwB,IAAI,IAAI,aAAa,SAAS;AACtD,YAAI,aAAa,OAAQ,OAAA,gBAAsB,IAAI,IAAI,aAAa,OAAO;;cAErE;OAGP,CACF;AACD,SAAI,eAAe,MAAA,mBAA0B;;AAE9C,SAAK,eAAe;;QAGrB,MAAK,iBAAiB,OAAO;AAG9B,OAAK,aAAa;;CAGnB,SAAkB;AACjB,MAAI,CAAC,KAAK,QACT,QAAO,IAAI;EAGZ,MAAM,YAAY,oBAAoB,KAAK,QAAQ;EACnD,MAAM,UAAU,KAAK,QAAQ;EAI7B,MAAM,gBAAgB,KAAK,QAAQ,SAAS;EAC5C,MAAM,aAAa,gBAChB,KAAK,cAAc,QAAQ,CAAC,KAAK,kBAAkB,CAAC,KAAK,aACzD;AAEH,SAAO,IAAI;;;;;;;oDAOuC,aAAa,kBAAkB;;MAE7E,UACC,IAAI;;;4CAGiC,MAAA,KAAW,SAAS,QAAQ,QAAQ,GACrE,WACA,GAAG;;;;;uBAKS,MAAA,KAAW,KAAK,QAAQ,QAAQ,CAAC;oBACpC,MAAqB;AAChC,OAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACvC,MAAE,gBAAgB;AAClB,UAAA,KAAW,KAAK,QAAQ,QAAQ;;IAEhC;;UAEA,MAAA,KAAW,SAAS,QAAQ,QAAQ,GACnC,YACA,QAAQ,QACP,IAAI,GAAG,QAAQ,MAAM;6CACY,cAAc,QAAQ,QAAQ,CAAC,WAChE,cAAc,QAAQ,QAAQ,CAAC;;gBAGpC,QAAQ;MACT,gBACC,IAAI;;oCAEyB,KAAK,QAAQ,MAAM;gBAEhD,QAAQ;MACT,MAAA,0BAAgC,CAAC;;;;kEAI2B,MAAA,OAAa;OACxE,aACC,IAAI,gEAAgE,MAAA,QAAc;;oBAGlF,QAAQ;;;;;CAMf,4BAA4B;AAC3B,MAAI,KAAK,WACR,QAAO,IAAI;AAGZ,MAAI,KAAK,eACR,QAAO,IAAI;;;;+BAIiB,KAAK,eAAe;;;;;;;AASjD,MAAI,KAAK,UACR,QAAO,IAAI;MACR,MAAA,iBAAuB,CAAC,GAAG,MAAA,uBAA6B,KAAK,UAAU,SAAS,CAAC;;EAIrF,MAAM,cAAc,MAAA,gBAAsB;AAC1C,SAAO,cAAc,IAAI,6BAA6B,YAAY,UAAU;;CAG7E,mBAAmB;EAClB,MAAM,QAAQ,KAAK,WAAW;AAC9B,MAAI,CAAC,SAAS,MAAM,WAAW,EAAG,QAAO;AAEzC,SAAO,IAAI;;;MAGP,MAAM,KAAK,SAAS;GACrB,MAAM,WAAW,MAAA,kBAAwB,IAAI,KAAK,SAAS,IAAI;AAG/D,UAAO,IAAI;;sCAFI,MAAA,gBAAsB,IAAI,KAAK,SAAS,IAAI,cAAc,KAAK,SAAS,CAI/C;0CAHtB,kBAAkB,KAAK,QAAQ,SAIZ,CAAU;;;IAG9C,CAAC;;;;CAKN,wBAAwB,UAA6B;AACpD,SAAO,IAAI;;gCAEmB,SAAS,KAAK,QAAQ,MAAA,sBAA4B,IAAI,CAAC,CAAC;;;CAIvF,uBAAuB,KAAsB;AAC5C,UAAQ,IAAI,OAAZ;GACC,KAAK,WACJ,QAAO,IAAI;;;;SAIN,IAAI,SAAS,UAAU,IAAI,IAAI,SAAS,WAAW,IAAI,IAAI,SAAS,KAAK;;QAE1E,IAAI,UAAU,SAAS,IAAI,MAAA,WAAiB,IAAI,UAAU,GAAG,QAAQ;;;GAG1E,KAAK,kBACJ,QAAO,IAAI;;;;SAIN,IAAI,QAAQ,OAAO,SAAS,IAAI,QAAQ,WAAW,IAAI,MAAM,GAAG;SAChE,IAAI,QAAQ,UAAU,SACrB,IAAI,WAAW,cAAc,MAAA,kBAAwB,IAAI,QAAQ,CAAC,KAClE,QAAQ;;;;GAIf,KAAK,aACJ,QAAO,IAAI;;;;SAIN,IAAI,QAAQ,OAAO,QAAQ,IAAI,QAAQ,WAAW,IAAI,MAAM,GAAG;SAC/D,IAAI,KAAK,UAAU,YAAY,aAAa,OAAO;;;;GAIzD,KAAK,aACJ,QAAO,IAAI;;;;SAIN,IAAI,QAAQ,OAAO,SAAS,IAAI,QAAQ,WAAW,IAAI,MAAM,GAAG;;;;GAItE,KAAK,UACJ,QAAO,IAAI;;;;;;GAMZ,KAAK,UACJ,QAAO,IAAI;;;;;;GAMZ,QACC,QAAO,IAAI;;kCAEmB,IAAI,MAAM;;;;;CAM3C,YAAY,MAA8D;AACzE,SAAO,IAAI;;MAEP,KAAK,KACL,QAAQ,IAAI;;4CAE0B,IAAI,YAAY,IAAI,IAAI,YAAY;SACvE,MAAA,YAAkB,IAAI,CAAC;;OAG3B,CAAC;;;;CAKL,aAAa,KAAmE;AAC/E,UAAQ,IAAI,OAAZ;GACC,KAAK,UACJ,QAAO;GACR,KAAK,SACJ,QAAO,WAAW,IAAI,MAAM,GAAG,IAAI,IAAI,MAAM,GAAG;GACjD,KAAK,OACJ,QAAO,GAAG,IAAI,MAAM,MAAM,GAAG,GAAG,GAAG,IAAI,MAAM,SAAS,KAAK,QAAQ;GACpE,KAAK,SACJ,QAAO,cAAc,IAAI,OAAO,SAAS;GAC1C,KAAK,UACJ,QAAO;;;CAIV,mBAAmB,KAAmE;AACrF,MAAI,IAAI,UAAU,OACjB,KAAI;AACH,UAAO,IAAI,QAAQ,WAAW,IAAI,MAAM;UACjC;AAIT,SAAO;;CAGR,kBAAiC;AAChC,MAAI,CAAC,KAAK,QAAS,QAAO;AAE1B,MAAI,KAAK,QAAQ,SAAS,yBAAyB;GAClD,MAAM,OAAO,KAAK,QAAQ;AAC1B,OAAI,gBAAgB,WACnB,KAAI;AACH,WAAO,IAAI,aAAa,CAAC,OAAO,KAAK;WAC9B;AACP,WAAO,IAAI,KAAK,OAAO;;;AAK1B,MAAI,OAAO,KAAK,QAAQ,SAAS,SAChC,QAAO,KAAK,QAAQ,KAAK,SAAS,MAC/B,KAAK,QAAQ,KAAK,MAAM,GAAG,IAAI,GAAG,QAClC,KAAK,QAAQ;AAGjB,SAAO;;CAGR,WAAW;AACV,YAAU,MAAM,UAAU;;CAG3B,UAAU;AACT,YAAU,MAAM,SAAS;;;YA7WzB,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,iBAAA,WAAA,WAAA,KAAA,EAAA;YAG9B,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,iBAAA,WAAA,UAAA,KAAA,EAAA;YAO9B,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,iBAAA,WAAA,SAAA,KAAA,EAAA;YAG9B,OAAO,CAAA,EAAA,iBAAA,WAAA,aAAA,KAAA,EAAA;YAGP,OAAO,CAAA,EAAA,iBAAA,WAAA,kBAAA,KAAA,EAAA;YAGP,OAAO,CAAA,EAAA,iBAAA,WAAA,cAAA,KAAA,EAAA;+BAnQR,cAAc,qBAAqB,CAAA,EAAA,iBAAA"}

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

@@ -1,17 +1,22 @@
 import { DevWallet } from "../wallet/dev-wallet.mjs";
-import * as lit14 from "lit";
+import { CoinRecord } from "./utils.mjs";
+import * as _$lit from "lit";
 import { LitElement } from "lit";
 
 //#region src/ui/dev-wallet-standalone.d.ts
 declare class DevWalletStandalone extends LitElement {
   #private;
-  static styles: (lit14.CSSResult | lit14.CSSResult[])[];
+  static styles: (_$lit.CSSResult | _$lit.CSSResult[])[];
   wallet: DevWallet | null;
   /** When set, the settings tab shows a bookmarklet section pointing to this origin. */
   bookmarkletOrigin: string;
+  /** Optional pre-seeded coin metadata. Pass the generated `coins`
+   *  constant from devstack codegen to skip per-coin RPC fetches in the
+   *  balances list and signing modal. */
+  coins: CoinRecord | null;
   willUpdate(changedProperties: Map<string, unknown>): void;
   updated(): void;
-  render(): lit14.TemplateResult<1>;
+  render(): _$lit.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

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

@@ -1 +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,KAAA,CACV,SAAA,GAAA,KAAA,CAAA,SAAA;EA0EtB,MAAA,EAAQ,SAAA;EA3EwB;EA+EhC,iBAAA;EAIS,UAAA,CAAW,iBAAA,EAAmB,GAAA;EAS9B,OAAA,CAAA;EASA,MAAA,CAAA,GAlBiC,KAAA,CAkB3B,cAAA;AAAA;AAAA,QAmBR,MAAA;EAAA,UACG,qBAAA;IACT,uBAAA,EAAyB,mBAAA;EAAA;AAAA"}
+{"version":3,"file":"dev-wallet-standalone.d.mts","names":[],"sources":["../../src/ui/dev-wallet-standalone.ts"],"mappings":";;;;;;cAYa,mBAAA,SAA4B,UAAA;EAAA;SACxB,MAAA,GADgB,KAAA,CACV,SAAA,GAAA,KAAA,CAAA,SAAA;EAgQtB,MAAA,EAAQ,SAAA;EAjQwB;EAqQhC,iBAAA;EArQgC;;;EA2QhC,KAAA,EAAO,UAAA;EAIE,UAAA,CAAW,iBAAA,EAAmB,GAAA;EAY9B,OAAA,CAAA;EASA,MAAA,CAAA,GArBiC,KAAA,CAqB3B,cAAA;AAAA;AAAA,QAmHR,MAAA;EAAA,UACG,qBAAA;IACT,uBAAA,EAAyB,mBAAA;EAAA;AAAA"}

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

@@ -1,15 +1,16 @@
 import { connectDialogStyles, sharedStyles } from "./styles.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 { WalletController } from "./wallet-controller.mjs";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-
 //#region src/ui/dev-wallet-standalone.ts
-let DevWalletStandalone = class DevWalletStandalone$1 extends LitElement {
+let DevWalletStandalone = class DevWalletStandalone extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.wallet = null;
 		this.bookmarkletOrigin = "";
+		this.coins = null;
+		this.#ctrl = new WalletController(this);
 	}
 	static {
 		this.styles = [
@@ -17,36 +18,187 @@ let DevWalletStandalone = class DevWalletStandalone$1 extends LitElement {
 			connectDialogStyles,
 			css`
 			:host {
-				display: flex;
-				justify-content: center;
-				padding: 24px 16px;
+				display: block;
 				min-height: 100vh;
 				box-sizing: border-box;
+				padding: 24px;
+				color: var(--dev-wallet-foreground);
+				background-color: var(--dev-wallet-bg-0);
+				background-image:
+					linear-gradient(var(--dev-wallet-border) 1px, transparent 1px),
+					linear-gradient(90deg, var(--dev-wallet-border) 1px, transparent 1px);
+				background-size: 32px 32px;
+				background-position: -1px -1px;
+			}
+
+			.standalone-layout {
+				width: 100%;
+				max-width: 1220px;
+				min-height: calc(100vh - 48px);
+				margin: 0 auto;
+				padding: 24px 0;
+				display: grid;
+				grid-template-columns: minmax(240px, 1fr) 480px minmax(260px, 1fr);
+				gap: 20px;
+				align-items: start;
+			}
+
+			.rail {
+				min-width: 0;
+				display: flex;
+				flex-direction: column;
+				gap: 16px;
+				padding-top: 6px;
+			}
+
+			.wordmark {
+				display: flex;
+				align-items: center;
+				gap: 10px;
+			}
+
+			.logo-mark {
+				width: 28px;
+				height: 28px;
+				border-radius: 9px;
+				display: inline-flex;
+				align-items: center;
+				justify-content: center;
+				color: var(--dev-wallet-primary-foreground);
+				background:
+					radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.5), transparent 24px),
+					linear-gradient(135deg, var(--dev-wallet-primary), var(--dev-wallet-teal));
+				box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
+			}
+
+			.logo-mark svg {
+				width: 18px;
+				height: 18px;
+			}
+
+			.wordmark-title {
+				display: flex;
+				flex-direction: column;
+				line-height: 1.1;
+			}
+
+			.wordmark-title strong {
+				font-size: 16px;
+				font-weight: var(--dev-wallet-font-weight-semibold);
+			}
+
+			.version {
+				font-family: var(--dev-wallet-font-mono);
+				font-size: 9px;
+				letter-spacing: 0.12em;
+				text-transform: uppercase;
+				color: var(--dev-wallet-text-3);
+			}
+
+			.rail-section {
+				display: flex;
+				flex-direction: column;
+				gap: 8px;
+			}
+
+			.rail-title {
+				font-family: var(--dev-wallet-font-mono);
+				font-size: 10px;
+				font-weight: var(--dev-wallet-font-weight-medium);
+				letter-spacing: 0.14em;
+				text-transform: uppercase;
+				color: var(--dev-wallet-text-3);
+			}
+
+			.code {
+				margin: 0;
+				overflow: auto;
+				white-space: pre;
+				padding: 10px 12px;
+				border-radius: var(--dev-wallet-radius);
+				border: 1px solid var(--dev-wallet-border);
+				background: var(--dev-wallet-bg-0);
+				color: var(--dev-wallet-foreground);
+				font-family: var(--dev-wallet-font-mono);
+				font-size: 11.5px;
+				line-height: 1.55;
+			}
+
+			.status-list {
+				display: flex;
+				flex-direction: column;
+				gap: 6px;
+			}
+
+			.status-row {
+				display: flex;
+				align-items: center;
+				gap: 8px;
+				min-width: 0;
+				padding: 8px 10px;
+				border-radius: var(--dev-wallet-radius-lg);
+				border: 1px solid var(--dev-wallet-border);
+				background: color-mix(in srgb, var(--dev-wallet-bg-1) 88%, transparent);
+			}
+
+			.status-dot {
+				width: 7px;
+				height: 7px;
+				border-radius: 999px;
+				background: var(--dev-wallet-status-connected);
+				flex-shrink: 0;
+			}
+
+			.status-dot.mute {
+				background: var(--dev-wallet-text-3);
+			}
+
+			.status-copy {
+				min-width: 0;
+				display: flex;
+				flex-direction: column;
+				gap: 1px;
+			}
+
+			.status-copy strong {
+				font-size: 12px;
+				font-weight: var(--dev-wallet-font-weight-medium);
+			}
+
+			.status-copy span {
+				font-family: var(--dev-wallet-font-mono);
+				font-size: 10.5px;
+				color: var(--dev-wallet-text-3);
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
 			}
 
 			.card {
 				width: 100%;
 				max-width: 480px;
 				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);
+				background: var(--dev-wallet-surface);
+				border: 1px solid var(--dev-wallet-border-2);
+				box-shadow: var(--dev-wallet-shadow-drawer);
 				overflow: hidden;
 				display: flex;
 				flex-direction: column;
 				height: min(640px, calc(100vh - 48px));
+				min-height: 540px;
 			}
 
 			.card-header {
 				display: flex;
-				justify-content: space-between;
 				align-items: center;
-				padding: 16px 20px;
+				gap: 8px;
+				padding: 10px 14px;
 				border-bottom: 1px solid var(--dev-wallet-border);
+				background: var(--dev-wallet-bg-1);
 			}
 
 			.card-title {
-				font-size: 17px;
+				font-size: 12.5px;
 				font-weight: var(--dev-wallet-font-weight-semibold);
 				color: var(--dev-wallet-foreground);
 			}
@@ -55,6 +207,7 @@ let DevWalletStandalone = class DevWalletStandalone$1 extends LitElement {
 				display: flex;
 				align-items: center;
 				gap: 8px;
+				margin-left: auto;
 			}
 
 			.status-dot {
@@ -65,65 +218,177 @@ let DevWalletStandalone = class DevWalletStandalone$1 extends LitElement {
 			}
 
 			.status-text {
-				font-size: 11px;
+				font-family: var(--dev-wallet-font-mono);
+				font-size: 10.5px;
 				color: var(--dev-wallet-muted-foreground);
 			}
 
 			.card-body {
-				padding: 16px 20px;
 				overflow-y: auto;
 				flex: 1;
+				min-height: 0;
+				background: var(--dev-wallet-bg-0);
 			}
 
 			.section {
-				margin-bottom: 16px;
+				padding: 14px;
+				border-bottom: 1px solid var(--dev-wallet-border);
 			}
 
 			.section:last-child {
-				margin-bottom: 0;
+				border-bottom: 0;
+			}
+
+			@media (max-width: 1020px) {
+				.standalone-layout {
+					grid-template-columns: minmax(0, 480px);
+					justify-content: center;
+				}
+
+				.rail {
+					display: none;
+				}
+			}
+
+			@media (max-width: 560px) {
+				:host {
+					padding: 12px;
+				}
+
+				.standalone-layout {
+					min-height: calc(100vh - 24px);
+					padding: 0;
+				}
+
+				.card {
+					height: calc(100vh - 24px);
+					min-height: 0;
+				}
 			}
 		`
 		];
 	}
-	#ctrl = new WalletController(this);
+	#ctrl;
 	willUpdate(changedProperties) {
-		if (changedProperties.has("wallet")) {
-			this.#ctrl.wallet = this.wallet;
-		}
-		if (changedProperties.has("bookmarkletOrigin")) {
-			this.#ctrl.bookmarkletOrigin = this.bookmarkletOrigin;
-		}
+		if (changedProperties.has("wallet")) this.#ctrl.wallet = this.wallet;
+		if (changedProperties.has("bookmarkletOrigin")) this.#ctrl.bookmarkletOrigin = this.bookmarkletOrigin;
+		if (changedProperties.has("coins")) this.#ctrl.coins = this.coins;
 	}
 	updated() {
 		const dialog = this.shadowRoot?.querySelector(".connect-dialog");
-		if (this.#ctrl.pendingConnect && dialog && !dialog.open) {
-			dialog.showModal();
-		} else if (!this.#ctrl.pendingConnect && dialog?.open) {
-			dialog.close();
-		}
+		if (this.#ctrl.pendingConnect && dialog && !dialog.open) dialog.showModal();
+		else if (!this.#ctrl.pendingConnect && dialog?.open) dialog.close();
 	}
 	render() {
 		return html`
-			<div class="card" part="card">
-				<div class="card-header">
-					<span class="card-title">${this.wallet?.name ?? "Dev Wallet"}</span>
-					<div class="header-right">
-						${this.#ctrl.renderNetworkBadge()}
-						<span class="status-dot"></span>
-						<span class="status-text">Running</span>
+			<div class="standalone-layout">
+				<aside class="rail">${this.#renderLeftRail()}</aside>
+				<div class="card" part="card">
+					<div class="card-header">
+						<span class="logo-mark">${this.#walletIcon}</span>
+						<span class="wordmark-title">
+							<span class="card-title">${this.wallet?.name ?? "Dev Wallet"}</span>
+							<span class="version">v0.1.0</span>
+						</span>
+						<div class="header-right">
+							${this.#ctrl.renderNetworkBadge()}
+							<span class="status-dot"></span>
+							<span class="status-text">Running</span>
+						</div>
 					</div>
+					${this.#ctrl.renderTabBar()}
+					<div class="card-body">${this.#ctrl.renderTabContent()}</div>
 				</div>
-				<div class="card-body">${this.#ctrl.renderTabContent()}</div>
-				${this.#ctrl.renderTabBar()}
+				<aside class="rail">${this.#renderRightRail()}</aside>
 			</div>
 			${this.#ctrl.renderSigningModal()} ${this.#ctrl.renderConnectPicker()}
 		`;
 	}
+	#renderLeftRail() {
+		const origin = this.bookmarkletOrigin || globalThis.location?.origin || "http://localhost:5174";
+		const quickStart = `npx @mysten-incubation/dev-wallet serve\n${origin}`;
+		const clientSnippet = `createDAppKit({
+  walletInitializers: [
+    devWalletClientInitializer({
+      origin: '${origin}'
+    })
+  ]
+})`;
+		return html`
+			<div class="wordmark">
+				<span class="logo-mark">${this.#walletIcon}</span>
+				<span class="wordmark-title">
+					<strong>Dev Wallet</strong>
+					<span class="version">v0.1.0</span>
+				</span>
+			</div>
+			<div class="rail-section">
+				<div class="rail-title">Quick Start</div>
+				<pre class="code">${quickStart}</pre>
+			</div>
+			<div class="rail-section">
+				<div class="rail-title">Embed Wallet</div>
+				<pre class="code">${`createDAppKit({
+  networks: ['devnet'],
+  walletInitializers: [
+    devWalletInitializer({
+      adapters: [
+        new WebCryptoSignerAdapter()
+      ],
+      autoConnect: true,
+      mountUI: true
+    })
+  ]
+})`}</pre>
+			</div>
+			<div class="rail-section">
+				<div class="rail-title">Standalone Client</div>
+				<pre class="code">${clientSnippet}</pre>
+			</div>
+			<div class="rail-section">
+				<div class="rail-title">Bookmarklet Endpoint</div>
+				<pre class="code">${origin}/bookmarklet.js</pre>
+			</div>
+		`;
+	}
+	#renderRightRail() {
+		const activeNetwork = this.wallet?.activeNetwork ?? "devnet";
+		return html`
+			<div class="rail-section">
+				<div class="rail-title">Wallet Status</div>
+				<div class="status-list">
+					<div class="status-row">
+						<span class="status-dot"></span>
+						<span class="status-copy">
+							<strong>Network: ${activeNetwork}</strong>
+							<span>${this.wallet?.networkUrls[activeNetwork] ?? "client configured by dApp Kit"}</span>
+						</span>
+					</div>
+					<div class="status-row">
+						<span class="status-dot mute"></span>
+						<span class="status-copy">
+							<strong>${this.wallet?.accounts.length ?? 0} account(s)</strong>
+							<span>${this.wallet?.adapters.length ?? 0} adapter(s): ${this.wallet?.adapters.map((adapter) => adapter.name).join(", ") ?? "No adapters"}</span>
+						</span>
+					</div>
+				</div>
+			</div>
+		`;
+	}
+	get #walletIcon() {
+		return html`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7">
+			<rect x="2" y="6" width="20" height="14" rx="2.5" />
+			<path d="M2 10h20" />
+			<rect x="15" y="12" width="5" height="4" rx="1" />
+			<circle cx="17.5" cy="14" r="0.5" fill="currentColor" stroke="none" />
+		</svg>`;
+	}
 };
 __decorate([property({ attribute: false })], DevWalletStandalone.prototype, "wallet", void 0);
 __decorate([property({ type: String })], DevWalletStandalone.prototype, "bookmarkletOrigin", void 0);
+__decorate([property({ attribute: false })], DevWalletStandalone.prototype, "coins", void 0);
 DevWalletStandalone = __decorate([customElement("dev-wallet-standalone")], DevWalletStandalone);
-
 //#endregion
 export { DevWalletStandalone };
+
 //# sourceMappingURL=dev-wallet-standalone.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dev-wallet-standalone.mjs","names":["DevWalletStandalone","#ctrl"],"sources":["../../src/ui/dev-wallet-standalone.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { css, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport type { DevWallet } from '../wallet/dev-wallet.js';\nimport { connectDialogStyles, sharedStyles } from './styles.js';\nimport { WalletController } from './wallet-controller.js';\n\n@customElement('dev-wallet-standalone')\nexport class DevWalletStandalone extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tconnectDialogStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\tpadding: 24px 16px;\n\t\t\t\tmin-height: 100vh;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\n\t\t\t.card {\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 480px;\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\toverflow: hidden;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\theight: min(640px, calc(100vh - 48px));\n\t\t\t}\n\n\t\t\t.card-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\tpadding: 16px 20px;\n\t\t\t\tborder-bottom: 1px solid var(--dev-wallet-border);\n\t\t\t}\n\n\t\t\t.card-title {\n\t\t\t\tfont-size: 17px;\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.header-right {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 8px;\n\t\t\t}\n\n\t\t\t.status-dot {\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-status-connected);\n\t\t\t}\n\n\t\t\t.status-text {\n\t\t\t\tfont-size: 11px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t}\n\n\t\t\t.card-body {\n\t\t\t\tpadding: 16px 20px;\n\t\t\t\toverflow-y: auto;\n\t\t\t\tflex: 1;\n\t\t\t}\n\n\t\t\t.section {\n\t\t\t\tmargin-bottom: 16px;\n\t\t\t}\n\n\t\t\t.section:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\twallet: DevWallet | null = null;\n\n\t/** When set, the settings tab shows a bookmarklet section pointing to this origin. */\n\t@property({ type: String })\n\tbookmarkletOrigin = '';\n\n\t#ctrl = new WalletController(this);\n\n\toverride willUpdate(changedProperties: Map<string, unknown>) {\n\t\tif (changedProperties.has('wallet')) {\n\t\t\tthis.#ctrl.wallet = this.wallet;\n\t\t}\n\t\tif (changedProperties.has('bookmarkletOrigin')) {\n\t\t\tthis.#ctrl.bookmarkletOrigin = this.bookmarkletOrigin;\n\t\t}\n\t}\n\n\toverride updated() {\n\t\tconst dialog = this.shadowRoot?.querySelector<HTMLDialogElement>('.connect-dialog');\n\t\tif (this.#ctrl.pendingConnect && dialog && !dialog.open) {\n\t\t\tdialog.showModal();\n\t\t} else if (!this.#ctrl.pendingConnect && dialog?.open) {\n\t\t\tdialog.close();\n\t\t}\n\t}\n\n\toverride render() {\n\t\treturn html`\n\t\t\t<div class=\"card\" part=\"card\">\n\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t<span class=\"card-title\">${this.wallet?.name ?? 'Dev Wallet'}</span>\n\t\t\t\t\t<div class=\"header-right\">\n\t\t\t\t\t\t${this.#ctrl.renderNetworkBadge()}\n\t\t\t\t\t\t<span class=\"status-dot\"></span>\n\t\t\t\t\t\t<span class=\"status-text\">Running</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"card-body\">${this.#ctrl.renderTabContent()}</div>\n\t\t\t\t${this.#ctrl.renderTabBar()}\n\t\t\t</div>\n\t\t\t${this.#ctrl.renderSigningModal()} ${this.#ctrl.renderConnectPicker()}\n\t\t`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-standalone': DevWalletStandalone;\n\t}\n}\n"],"mappings":";;;;;;;AAWO,gCAAMA,8BAA4B,WAAW;;;gBA2ExB;2BAIP;;;gBA9EK;GACxB;GACA;GACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEH;;CASD,QAAQ,IAAI,iBAAiB,KAAK;CAElC,AAAS,WAAW,mBAAyC;AAC5D,MAAI,kBAAkB,IAAI,SAAS,EAAE;AACpC,SAAKC,KAAM,SAAS,KAAK;;AAE1B,MAAI,kBAAkB,IAAI,oBAAoB,EAAE;AAC/C,SAAKA,KAAM,oBAAoB,KAAK;;;CAItC,AAAS,UAAU;EAClB,MAAM,SAAS,KAAK,YAAY,cAAiC,kBAAkB;AACnF,MAAI,MAAKA,KAAM,kBAAkB,UAAU,CAAC,OAAO,MAAM;AACxD,UAAO,WAAW;aACR,CAAC,MAAKA,KAAM,kBAAkB,QAAQ,MAAM;AACtD,UAAO,OAAO;;;CAIhB,AAAS,SAAS;AACjB,SAAO,IAAI;;;gCAGmB,KAAK,QAAQ,QAAQ,aAAa;;QAE1D,MAAKA,KAAM,oBAAoB,CAAC;;;;;6BAKX,MAAKA,KAAM,kBAAkB,CAAC;MACrD,MAAKA,KAAM,cAAc,CAAC;;KAE3B,MAAKA,KAAM,oBAAoB,CAAC,GAAG,MAAKA,KAAM,qBAAqB,CAAC;;;;YAzCvE,SAAS,EAAE,WAAW,OAAO,CAAC;YAI9B,SAAS,EAAE,MAAM,QAAQ,CAAC;kCA/E3B,cAAc,wBAAwB"}
+{"version":3,"file":"dev-wallet-standalone.mjs","names":["#ctrl","#renderLeftRail","#walletIcon","#renderRightRail"],"sources":["../../src/ui/dev-wallet-standalone.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { css, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport type { DevWallet } from '../wallet/dev-wallet.js';\nimport { connectDialogStyles, sharedStyles } from './styles.js';\nimport type { CoinRecord } from './utils.js';\nimport { WalletController } from './wallet-controller.js';\n\n@customElement('dev-wallet-standalone')\nexport class DevWalletStandalone extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tconnectDialogStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\tmin-height: 100vh;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 24px;\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\tbackground-color: var(--dev-wallet-bg-0);\n\t\t\t\tbackground-image:\n\t\t\t\t\tlinear-gradient(var(--dev-wallet-border) 1px, transparent 1px),\n\t\t\t\t\tlinear-gradient(90deg, var(--dev-wallet-border) 1px, transparent 1px);\n\t\t\t\tbackground-size: 32px 32px;\n\t\t\t\tbackground-position: -1px -1px;\n\t\t\t}\n\n\t\t\t.standalone-layout {\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 1220px;\n\t\t\t\tmin-height: calc(100vh - 48px);\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tpadding: 24px 0;\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: minmax(240px, 1fr) 480px minmax(260px, 1fr);\n\t\t\t\tgap: 20px;\n\t\t\t\talign-items: start;\n\t\t\t}\n\n\t\t\t.rail {\n\t\t\t\tmin-width: 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 16px;\n\t\t\t\tpadding-top: 6px;\n\t\t\t}\n\n\t\t\t.wordmark {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 10px;\n\t\t\t}\n\n\t\t\t.logo-mark {\n\t\t\t\twidth: 28px;\n\t\t\t\theight: 28px;\n\t\t\t\tborder-radius: 9px;\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\tcolor: var(--dev-wallet-primary-foreground);\n\t\t\t\tbackground:\n\t\t\t\t\tradial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.5), transparent 24px),\n\t\t\t\t\tlinear-gradient(135deg, var(--dev-wallet-primary), var(--dev-wallet-teal));\n\t\t\t\tbox-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);\n\t\t\t}\n\n\t\t\t.logo-mark svg {\n\t\t\t\twidth: 18px;\n\t\t\t\theight: 18px;\n\t\t\t}\n\n\t\t\t.wordmark-title {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tline-height: 1.1;\n\t\t\t}\n\n\t\t\t.wordmark-title strong {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-semibold);\n\t\t\t}\n\n\t\t\t.version {\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tfont-size: 9px;\n\t\t\t\tletter-spacing: 0.12em;\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tcolor: var(--dev-wallet-text-3);\n\t\t\t}\n\n\t\t\t.rail-section {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 8px;\n\t\t\t}\n\n\t\t\t.rail-title {\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tfont-size: 10px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t\tletter-spacing: 0.14em;\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tcolor: var(--dev-wallet-text-3);\n\t\t\t}\n\n\t\t\t.code {\n\t\t\t\tmargin: 0;\n\t\t\t\toverflow: auto;\n\t\t\t\twhite-space: pre;\n\t\t\t\tpadding: 10px 12px;\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\tbackground: var(--dev-wallet-bg-0);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tfont-size: 11.5px;\n\t\t\t\tline-height: 1.55;\n\t\t\t}\n\n\t\t\t.status-list {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 6px;\n\t\t\t}\n\n\t\t\t.status-row {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 8px;\n\t\t\t\tmin-width: 0;\n\t\t\t\tpadding: 8px 10px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-lg);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tbackground: color-mix(in srgb, var(--dev-wallet-bg-1) 88%, transparent);\n\t\t\t}\n\n\t\t\t.status-dot {\n\t\t\t\twidth: 7px;\n\t\t\t\theight: 7px;\n\t\t\t\tborder-radius: 999px;\n\t\t\t\tbackground: var(--dev-wallet-status-connected);\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.status-dot.mute {\n\t\t\t\tbackground: var(--dev-wallet-text-3);\n\t\t\t}\n\n\t\t\t.status-copy {\n\t\t\t\tmin-width: 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 1px;\n\t\t\t}\n\n\t\t\t.status-copy strong {\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t}\n\n\t\t\t.status-copy span {\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tfont-size: 10.5px;\n\t\t\t\tcolor: var(--dev-wallet-text-3);\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.card {\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 480px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xl);\n\t\t\t\tbackground: var(--dev-wallet-surface);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border-2);\n\t\t\t\tbox-shadow: var(--dev-wallet-shadow-drawer);\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\theight: min(640px, calc(100vh - 48px));\n\t\t\t\tmin-height: 540px;\n\t\t\t}\n\n\t\t\t.card-header {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 8px;\n\t\t\t\tpadding: 10px 14px;\n\t\t\t\tborder-bottom: 1px solid var(--dev-wallet-border);\n\t\t\t\tbackground: var(--dev-wallet-bg-1);\n\t\t\t}\n\n\t\t\t.card-title {\n\t\t\t\tfont-size: 12.5px;\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.header-right {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 8px;\n\t\t\t\tmargin-left: auto;\n\t\t\t}\n\n\t\t\t.status-dot {\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-status-connected);\n\t\t\t}\n\n\t\t\t.status-text {\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tfont-size: 10.5px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t}\n\n\t\t\t.card-body {\n\t\t\t\toverflow-y: auto;\n\t\t\t\tflex: 1;\n\t\t\t\tmin-height: 0;\n\t\t\t\tbackground: var(--dev-wallet-bg-0);\n\t\t\t}\n\n\t\t\t.section {\n\t\t\t\tpadding: 14px;\n\t\t\t\tborder-bottom: 1px solid var(--dev-wallet-border);\n\t\t\t}\n\n\t\t\t.section:last-child {\n\t\t\t\tborder-bottom: 0;\n\t\t\t}\n\n\t\t\t@media (max-width: 1020px) {\n\t\t\t\t.standalone-layout {\n\t\t\t\t\tgrid-template-columns: minmax(0, 480px);\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t}\n\n\t\t\t\t.rail {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (max-width: 560px) {\n\t\t\t\t:host {\n\t\t\t\t\tpadding: 12px;\n\t\t\t\t}\n\n\t\t\t\t.standalone-layout {\n\t\t\t\t\tmin-height: calc(100vh - 24px);\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\n\t\t\t\t.card {\n\t\t\t\t\theight: calc(100vh - 24px);\n\t\t\t\t\tmin-height: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\twallet: DevWallet | null = null;\n\n\t/** When set, the settings tab shows a bookmarklet section pointing to this origin. */\n\t@property({ type: String })\n\tbookmarkletOrigin = '';\n\n\t/** Optional pre-seeded coin metadata. Pass the generated `coins`\n\t *  constant from devstack codegen to skip per-coin RPC fetches in the\n\t *  balances list and signing modal. */\n\t@property({ attribute: false })\n\tcoins: CoinRecord | null = null;\n\n\t#ctrl = new WalletController(this);\n\n\toverride willUpdate(changedProperties: Map<string, unknown>) {\n\t\tif (changedProperties.has('wallet')) {\n\t\t\tthis.#ctrl.wallet = this.wallet;\n\t\t}\n\t\tif (changedProperties.has('bookmarkletOrigin')) {\n\t\t\tthis.#ctrl.bookmarkletOrigin = this.bookmarkletOrigin;\n\t\t}\n\t\tif (changedProperties.has('coins')) {\n\t\t\tthis.#ctrl.coins = this.coins;\n\t\t}\n\t}\n\n\toverride updated() {\n\t\tconst dialog = this.shadowRoot?.querySelector<HTMLDialogElement>('.connect-dialog');\n\t\tif (this.#ctrl.pendingConnect && dialog && !dialog.open) {\n\t\t\tdialog.showModal();\n\t\t} else if (!this.#ctrl.pendingConnect && dialog?.open) {\n\t\t\tdialog.close();\n\t\t}\n\t}\n\n\toverride render() {\n\t\treturn html`\n\t\t\t<div class=\"standalone-layout\">\n\t\t\t\t<aside class=\"rail\">${this.#renderLeftRail()}</aside>\n\t\t\t\t<div class=\"card\" part=\"card\">\n\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t<span class=\"logo-mark\">${this.#walletIcon}</span>\n\t\t\t\t\t\t<span class=\"wordmark-title\">\n\t\t\t\t\t\t\t<span class=\"card-title\">${this.wallet?.name ?? 'Dev Wallet'}</span>\n\t\t\t\t\t\t\t<span class=\"version\">v0.1.0</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<div class=\"header-right\">\n\t\t\t\t\t\t\t${this.#ctrl.renderNetworkBadge()}\n\t\t\t\t\t\t\t<span class=\"status-dot\"></span>\n\t\t\t\t\t\t\t<span class=\"status-text\">Running</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t${this.#ctrl.renderTabBar()}\n\t\t\t\t\t<div class=\"card-body\">${this.#ctrl.renderTabContent()}</div>\n\t\t\t\t</div>\n\t\t\t\t<aside class=\"rail\">${this.#renderRightRail()}</aside>\n\t\t\t</div>\n\t\t\t${this.#ctrl.renderSigningModal()} ${this.#ctrl.renderConnectPicker()}\n\t\t`;\n\t}\n\n\t#renderLeftRail() {\n\t\tconst origin = this.bookmarkletOrigin || globalThis.location?.origin || 'http://localhost:5174';\n\t\tconst quickStart = `npx @mysten-incubation/dev-wallet serve\\n${origin}`;\n\t\tconst clientSnippet = `createDAppKit({\n  walletInitializers: [\n    devWalletClientInitializer({\n      origin: '${origin}'\n    })\n  ]\n})`;\n\t\tconst embeddingSnippet = `createDAppKit({\n  networks: ['devnet'],\n  walletInitializers: [\n    devWalletInitializer({\n      adapters: [\n        new WebCryptoSignerAdapter()\n      ],\n      autoConnect: true,\n      mountUI: true\n    })\n  ]\n})`;\n\t\treturn html`\n\t\t\t<div class=\"wordmark\">\n\t\t\t\t<span class=\"logo-mark\">${this.#walletIcon}</span>\n\t\t\t\t<span class=\"wordmark-title\">\n\t\t\t\t\t<strong>Dev Wallet</strong>\n\t\t\t\t\t<span class=\"version\">v0.1.0</span>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<div class=\"rail-section\">\n\t\t\t\t<div class=\"rail-title\">Quick Start</div>\n\t\t\t\t<pre class=\"code\">${quickStart}</pre>\n\t\t\t</div>\n\t\t\t<div class=\"rail-section\">\n\t\t\t\t<div class=\"rail-title\">Embed Wallet</div>\n\t\t\t\t<pre class=\"code\">${embeddingSnippet}</pre>\n\t\t\t</div>\n\t\t\t<div class=\"rail-section\">\n\t\t\t\t<div class=\"rail-title\">Standalone Client</div>\n\t\t\t\t<pre class=\"code\">${clientSnippet}</pre>\n\t\t\t</div>\n\t\t\t<div class=\"rail-section\">\n\t\t\t\t<div class=\"rail-title\">Bookmarklet Endpoint</div>\n\t\t\t\t<pre class=\"code\">${origin}/bookmarklet.js</pre>\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t#renderRightRail() {\n\t\tconst activeNetwork = this.wallet?.activeNetwork ?? 'devnet';\n\t\tconst networkUrl = this.wallet?.networkUrls[activeNetwork] ?? 'client configured by dApp Kit';\n\t\tconst accountCount = this.wallet?.accounts.length ?? 0;\n\t\tconst adapterCount = this.wallet?.adapters.length ?? 0;\n\t\tconst adapterNames =\n\t\t\tthis.wallet?.adapters.map((adapter) => adapter.name).join(', ') ?? 'No adapters';\n\t\treturn html`\n\t\t\t<div class=\"rail-section\">\n\t\t\t\t<div class=\"rail-title\">Wallet Status</div>\n\t\t\t\t<div class=\"status-list\">\n\t\t\t\t\t<div class=\"status-row\">\n\t\t\t\t\t\t<span class=\"status-dot\"></span>\n\t\t\t\t\t\t<span class=\"status-copy\">\n\t\t\t\t\t\t\t<strong>Network: ${activeNetwork}</strong>\n\t\t\t\t\t\t\t<span>${networkUrl}</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"status-row\">\n\t\t\t\t\t\t<span class=\"status-dot mute\"></span>\n\t\t\t\t\t\t<span class=\"status-copy\">\n\t\t\t\t\t\t\t<strong>${accountCount} account(s)</strong>\n\t\t\t\t\t\t\t<span>${adapterCount} adapter(s): ${adapterNames}</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`;\n\t}\n\n\tget #walletIcon() {\n\t\treturn html`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\">\n\t\t\t<rect x=\"2\" y=\"6\" width=\"20\" height=\"14\" rx=\"2.5\" />\n\t\t\t<path d=\"M2 10h20\" />\n\t\t\t<rect x=\"15\" y=\"12\" width=\"5\" height=\"4\" rx=\"1\" />\n\t\t\t<circle cx=\"17.5\" cy=\"14\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\" />\n\t\t</svg>`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-standalone': DevWalletStandalone;\n\t}\n}\n"],"mappings":";;;;;;AAYO,IAAA,sBAAA,MAAM,4BAA4B,WAAW;;;gBAiQxB;2BAIP;eAMO;eAEnB,IAAI,iBAAiB,KAAK;;;gBA5QT;GACxB;GACA;GACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0PH;;CAeD;CAEA,WAAoB,mBAAyC;AAC5D,MAAI,kBAAkB,IAAI,SAAS,CAClC,OAAA,KAAW,SAAS,KAAK;AAE1B,MAAI,kBAAkB,IAAI,oBAAoB,CAC7C,OAAA,KAAW,oBAAoB,KAAK;AAErC,MAAI,kBAAkB,IAAI,QAAQ,CACjC,OAAA,KAAW,QAAQ,KAAK;;CAI1B,UAAmB;EAClB,MAAM,SAAS,KAAK,YAAY,cAAiC,kBAAkB;AACnF,MAAI,MAAA,KAAW,kBAAkB,UAAU,CAAC,OAAO,KAClD,QAAO,WAAW;WACR,CAAC,MAAA,KAAW,kBAAkB,QAAQ,KAChD,QAAO,OAAO;;CAIhB,SAAkB;AACjB,SAAO,IAAI;;0BAEa,MAAA,gBAAsB,CAAC;;;gCAGjB,MAAA,WAAiB;;kCAEf,KAAK,QAAQ,QAAQ,aAAa;;;;SAI3D,MAAA,KAAW,oBAAoB,CAAC;;;;;OAKlC,MAAA,KAAW,cAAc,CAAC;8BACH,MAAA,KAAW,kBAAkB,CAAC;;0BAElC,MAAA,iBAAuB,CAAC;;KAE7C,MAAA,KAAW,oBAAoB,CAAC,GAAG,MAAA,KAAW,qBAAqB,CAAC;;;CAIxE,kBAAkB;EACjB,MAAM,SAAS,KAAK,qBAAqB,WAAW,UAAU,UAAU;EACxE,MAAM,aAAa,4CAA4C;EAC/D,MAAM,gBAAgB;;;iBAGP,OAAO;;;;AAgBtB,SAAO,IAAI;;8BAEiB,MAAA,WAAiB;;;;;;;;wBAQvB,WAAW;;;;wBAIX;;;;;;;;;;;IAAiB;;;;wBAIjB,cAAc;;;;wBAId,OAAO;;;;CAK9B,mBAAmB;EAClB,MAAM,gBAAgB,KAAK,QAAQ,iBAAiB;AAMpD,SAAO,IAAI;;;;;;;0BAOa,cAAc;eAZnB,KAAK,QAAQ,YAAY,kBAAkB,gCAatC;;;;;;iBAZH,KAAK,QAAQ,SAAS,UAAU,EAkBzB;eAjBP,KAAK,QAAQ,SAAS,UAAU,EAkB3B,eAhBzB,KAAK,QAAQ,SAAS,KAAK,YAAY,QAAQ,KAAK,CAAC,KAAK,KAAK,IAAI,cAgBd;;;;;;;CAQvD,KAAA,aAAkB;AACjB,SAAO,IAAI;;;;;;;;YA9IX,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,oBAAA,WAAA,UAAA,KAAA,EAAA;YAI9B,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,oBAAA,WAAA,qBAAA,KAAA,EAAA;YAM1B,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,oBAAA,WAAA,SAAA,KAAA,EAAA;kCA3Q/B,cAAc,wBAAwB,CAAA,EAAA,oBAAA"}