@mysten-incubation/dev-wallet 0.0.0 → 0.2.0

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

@@ -1,15 +1,23 @@
 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, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-
 //#region src/ui/dev-wallet-panel.ts
-let DevWalletPanel = class DevWalletPanel$1 extends LitElement {
+let DevWalletPanel = class DevWalletPanel extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.wallet = null;
+		this.coins = null;
+		this.forkRelay = null;
+		this.forkUpstream = "";
+		this.dockStyle = "corner-pill";
 		this._isOpen = false;
+		this.#ctrl = new WalletController(this);
+		this.#hadPendingRequest = false;
+		this.#handleKeydown = (event) => {
+			if (event.key === "Escape" && this._isOpen) this.#closePanel();
+		};
 	}
 	static {
 		this.styles = [
@@ -19,152 +27,304 @@ let DevWalletPanel = class DevWalletPanel$1 extends LitElement {
 			:host {
 				display: block;
 				position: fixed;
-				bottom: 16px;
-				right: 16px;
+				inset: 0;
 				z-index: 999999;
-				font-size: 14px;
+				font-size: 13px;
+				pointer-events: none;
 			}
 
 			.trigger {
-				width: 48px;
-				height: 48px;
-				border-radius: 50%;
-				background: var(--dev-wallet-primary);
-				color: var(--dev-wallet-primary-foreground);
+				position: fixed;
+				right: 20px;
+				bottom: 20px;
+				width: 40px;
+				height: 40px;
+				border-radius: 999px;
+				background: var(--dev-wallet-surface);
+				color: var(--dev-wallet-primary);
+				border: 1px solid var(--dev-wallet-border-2);
 				display: flex;
 				align-items: center;
 				justify-content: center;
 				box-shadow: var(--dev-wallet-shadow-md);
-				transition: transform 0.15s;
-				position: relative;
+				transition:
+					transform 120ms,
+					box-shadow 120ms,
+					border-color 120ms;
+				pointer-events: auto;
+				z-index: 2;
 			}
 
 			.trigger:hover {
-				transform: scale(1.05);
+				transform: translateY(-1px);
+				border-color: var(--dev-wallet-border-strong);
+				box-shadow:
+					var(--dev-wallet-shadow-md),
+					0 0 0 4px var(--dev-wallet-accent-fade);
+			}
+
+			.trigger.side-tab {
+				top: 50%;
+				right: 0;
+				bottom: auto;
+				width: 34px;
+				height: 88px;
+				border-radius: 12px 0 0 12px;
+				transform: translateY(-50%);
+			}
+
+			.trigger.side-tab:hover {
+				transform: translateY(calc(-50% - 1px));
 			}
 
 			.trigger svg {
-				width: 24px;
-				height: 24px;
+				width: 20px;
+				height: 20px;
 			}
 
-			.sidebar {
+			.status-dot {
 				position: absolute;
-				bottom: 56px;
-				right: 0;
-				width: 360px;
-				max-width: calc(100vw - 32px);
-				max-height: 520px;
+				right: 3px;
+				bottom: 3px;
+				width: 10px;
+				height: 10px;
+				border-radius: 999px;
+				border: 2px solid var(--dev-wallet-surface);
+				background: var(--dev-wallet-status-connected);
+			}
+
+			.status-dot.notice {
+				background: var(--dev-wallet-primary);
+				animation: pulse-ring 1.6s ease-out infinite;
+			}
+
+			.scrim {
+				position: fixed;
+				inset: 0;
+				background: rgba(2, 6, 14, 0.4);
+				pointer-events: auto;
+				animation: fadein 160ms ease-out;
+			}
+
+			.sidebar {
+				position: fixed;
+				top: 12px;
+				right: 12px;
+				bottom: 76px;
+				width: 400px;
+				max-width: calc(100vw - 24px);
 				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);
 				display: flex;
 				flex-direction: column;
+				overflow: hidden;
+				pointer-events: auto;
+				animation: slidein-right 240ms cubic-bezier(0.2, 0.7, 0.2, 1);
+			}
+
+			.status-strip {
+				display: flex;
+				align-items: center;
+				gap: 8px;
+				min-height: 30px;
+				padding: 6px 10px 6px 12px;
+				border-bottom: 1px solid var(--dev-wallet-border);
+				background: var(--dev-wallet-bg-2);
+			}
+
+			.status-strip .host-origin {
+				flex: 1;
+				min-width: 0;
+				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;
 			}
 
 			.sidebar-header {
 				display: flex;
-				justify-content: space-between;
 				align-items: center;
-				padding: 14px 16px;
+				gap: 8px;
+				padding: 10px 14px;
 				border-bottom: 1px solid var(--dev-wallet-border);
+				background: var(--dev-wallet-bg-1);
 				position: relative;
 				z-index: 1;
 			}
 
+			.brand {
+				display: flex;
+				align-items: center;
+				gap: 8px;
+				min-width: 0;
+			}
+
+			.logo-mark {
+				width: 20px;
+				height: 20px;
+				border-radius: 7px;
+				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 22px),
+					linear-gradient(135deg, var(--dev-wallet-primary), var(--dev-wallet-teal));
+				box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
+				flex-shrink: 0;
+			}
+
+			.logo-mark svg {
+				width: 14px;
+				height: 14px;
+			}
+
+			.title-stack {
+				display: flex;
+				flex-direction: column;
+				line-height: 1.1;
+				min-width: 0;
+			}
+
 			.sidebar-title {
-				font-size: 15px;
+				font-size: 12.5px;
 				font-weight: var(--dev-wallet-font-weight-semibold);
 				color: var(--dev-wallet-foreground);
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+
+			.version {
+				font-family: var(--dev-wallet-font-mono);
+				font-size: 9px;
+				letter-spacing: 0.12em;
+				text-transform: uppercase;
+				color: var(--dev-wallet-text-3);
+			}
+
+			.header-spacer {
+				flex: 1;
+				min-width: 8px;
 			}
 
 			.close-btn {
-				font-size: 18px;
-				color: var(--dev-wallet-muted-foreground);
-				width: 28px;
-				height: 28px;
+				color: var(--dev-wallet-text-3);
+				width: 24px;
+				height: 24px;
 				display: flex;
 				align-items: center;
 				justify-content: center;
-				border-radius: var(--dev-wallet-radius-xs);
+				border-radius: var(--dev-wallet-radius);
+				flex-shrink: 0;
 			}
 
 			.close-btn:hover {
-				background: var(--dev-wallet-secondary);
+				background: var(--dev-wallet-bg-hover);
+				color: var(--dev-wallet-foreground);
+			}
+
+			.close-btn svg {
+				width: 14px;
+				height: 14px;
 			}
 
 			.sidebar-body {
-				padding: 16px;
 				overflow-y: auto;
 				overflow-x: hidden;
 				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: 520px) {
+				.sidebar {
+					left: 12px;
+					width: auto;
+				}
 			}
 		`
 		];
 	}
-	#ctrl = new WalletController(this);
-	#hadPendingRequest = false;
+	#ctrl;
+	#hadPendingRequest;
 	willUpdate(changedProperties) {
-		if (changedProperties.has("wallet")) {
-			this.#ctrl.wallet = this.wallet;
-		}
+		if (changedProperties.has("wallet")) this.#ctrl.wallet = this.wallet;
+		if (changedProperties.has("coins")) this.#ctrl.coins = this.coins;
+		if (changedProperties.has("forkRelay")) this.#ctrl.forkRelay = this.forkRelay;
+		if (changedProperties.has("forkUpstream")) this.#ctrl.forkUpstream = this.forkUpstream;
 	}
 	updated() {
 		const hasPending = this.#ctrl.pendingRequest !== null;
-		if (this.#hadPendingRequest && !hasPending) {
-			this.updateComplete.then(() => {
-				this.shadowRoot?.querySelector("dev-wallet-balances")?.refresh();
-			});
-		}
+		if (this.#hadPendingRequest && !hasPending) this.updateComplete.then(() => {
+			this.shadowRoot?.querySelector("dev-wallet-balances")?.refresh();
+		});
 		this.#hadPendingRequest = hasPending;
 		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`
 			${this._isOpen ? this.#renderSidebar() : nothing}
 			<button
-				class="trigger"
+				class="trigger ${this.dockStyle === "side-tab" ? "side-tab" : "corner-pill"}"
 				part="trigger"
-				aria-label="Open Dev Wallet"
+				aria-label=${this._isOpen ? "Close Dev Wallet" : "Open Dev Wallet"}
+				aria-expanded=${this._isOpen}
 				@click=${this.#togglePanel}
 			>
 				${this.#walletIcon}
+				<span
+					class="status-dot ${this.#ctrl.pendingRequest ? "notice" : ""}"
+					aria-hidden="true"
+				></span>
 			</button>
 			${this.#ctrl.renderSigningModal()} ${this.#ctrl.renderConnectPicker()}
 		`;
 	}
 	#renderSidebar() {
 		return html`
+			<button class="scrim" aria-label="Close Dev Wallet" @click=${this.#closePanel}></button>
 			<div class="sidebar" part="sidebar">
-				<div class="sidebar-header">
-					<span class="sidebar-title">${this.wallet?.name ?? "Dev Wallet"}</span>
-					${this.#ctrl.renderNetworkBadge()}
+				<div class="status-strip">
+					<span class="chip chip-success">connected</span>
+					<span class="host-origin">${globalThis.location?.origin ?? "embedded host"}</span>
 					<button
 						class="close-btn"
 						part="close-button"
 						aria-label="Close"
-						@click=${this.#togglePanel}
+						@click=${this.#closePanel}
 					>
-						&times;
+						${this.#closeIcon}
 					</button>
 				</div>
-				<div class="sidebar-body">${this.#ctrl.renderTabContent()}</div>
+				<div class="sidebar-header">
+					<div class="brand">
+						<span class="logo-mark">${this.#walletIcon}</span>
+						<span class="title-stack">
+							<span class="sidebar-title">${this.wallet?.name ?? "Dev Wallet"}</span>
+							<span class="version">v0.1.0</span>
+						</span>
+					</div>
+					<span class="header-spacer"></span>
+					${this.#ctrl.renderNetworkBadge()}
+				</div>
 				${this.#ctrl.renderTabBar()}
+				<div class="sidebar-body">${this.#ctrl.renderTabContent()}</div>
 			</div>
 		`;
 	}
@@ -176,17 +336,40 @@ let DevWalletPanel = class DevWalletPanel$1 extends LitElement {
 			<circle cx="17.5" cy="14" r="0.5" fill="currentColor" stroke="none" />
 		</svg>`;
 	}
+	get #closeIcon() {
+		return html`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+			<path d="M18 6L6 18" />
+			<path d="M6 6l12 12" />
+		</svg>`;
+	}
 	#togglePanel() {
 		this._isOpen = !this._isOpen;
-		if (this._isOpen) {
-			this.#ctrl.syncState();
-		}
+		if (this._isOpen) this.#ctrl.syncState();
+	}
+	#closePanel() {
+		this._isOpen = false;
+	}
+	#handleKeydown;
+	connectedCallback() {
+		super.connectedCallback();
+		window.addEventListener("keydown", this.#handleKeydown);
+	}
+	disconnectedCallback() {
+		window.removeEventListener("keydown", this.#handleKeydown);
+		super.disconnectedCallback();
 	}
 };
 __decorate([property({ attribute: false })], DevWalletPanel.prototype, "wallet", void 0);
+__decorate([property({ attribute: false })], DevWalletPanel.prototype, "coins", void 0);
+__decorate([property({ attribute: false })], DevWalletPanel.prototype, "forkRelay", void 0);
+__decorate([property({ type: String })], DevWalletPanel.prototype, "forkUpstream", void 0);
+__decorate([property({
+	type: String,
+	attribute: "dock-style"
+})], DevWalletPanel.prototype, "dockStyle", void 0);
 __decorate([state()], DevWalletPanel.prototype, "_isOpen", void 0);
 DevWalletPanel = __decorate([customElement("dev-wallet-panel")], DevWalletPanel);
-
 //#endregion
 export { DevWalletPanel };
+
 //# sourceMappingURL=dev-wallet-panel.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dev-wallet-panel.mjs","names":["DevWalletPanel","#ctrl","#hadPendingRequest","#renderSidebar","#togglePanel","#walletIcon"],"sources":["../../src/ui/dev-wallet-panel.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport type { DevWallet } from '../wallet/dev-wallet.js';\nimport { connectDialogStyles, sharedStyles } from './styles.js';\nimport { WalletController } from './wallet-controller.js';\n\n@customElement('dev-wallet-panel')\nexport class DevWalletPanel 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\tposition: fixed;\n\t\t\t\tbottom: 16px;\n\t\t\t\tright: 16px;\n\t\t\t\tz-index: 999999;\n\t\t\t\tfont-size: 14px;\n\t\t\t}\n\n\t\t\t.trigger {\n\t\t\t\twidth: 48px;\n\t\t\t\theight: 48px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbackground: var(--dev-wallet-primary);\n\t\t\t\tcolor: var(--dev-wallet-primary-foreground);\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tbox-shadow: var(--dev-wallet-shadow-md);\n\t\t\t\ttransition: transform 0.15s;\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t.trigger:hover {\n\t\t\t\ttransform: scale(1.05);\n\t\t\t}\n\n\t\t\t.trigger svg {\n\t\t\t\twidth: 24px;\n\t\t\t\theight: 24px;\n\t\t\t}\n\n\t\t\t.sidebar {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 56px;\n\t\t\t\tright: 0;\n\t\t\t\twidth: 360px;\n\t\t\t\tmax-width: calc(100vw - 32px);\n\t\t\t\tmax-height: 520px;\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\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t.sidebar-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: 14px 16px;\n\t\t\t\tborder-bottom: 1px solid var(--dev-wallet-border);\n\t\t\t\tposition: relative;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\n\t\t\t.sidebar-title {\n\t\t\t\tfont-size: 15px;\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.close-btn {\n\t\t\t\tfont-size: 18px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\twidth: 28px;\n\t\t\t\theight: 28px;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xs);\n\t\t\t}\n\n\t\t\t.close-btn:hover {\n\t\t\t\tbackground: var(--dev-wallet-secondary);\n\t\t\t}\n\n\t\t\t.sidebar-body {\n\t\t\t\tpadding: 16px;\n\t\t\t\toverflow-y: auto;\n\t\t\t\toverflow-x: hidden;\n\t\t\t\tflex: 1;\n\t\t\t\tmin-height: 0;\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@state()\n\tprivate _isOpen = false;\n\n\t#ctrl = new WalletController(this);\n\t#hadPendingRequest = false;\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}\n\n\toverride updated() {\n\t\t// Refresh balances only when transitioning from having a pending request to not\n\t\tconst hasPending = this.#ctrl.pendingRequest !== null;\n\t\tif (this.#hadPendingRequest && !hasPending) {\n\t\t\tthis.updateComplete.then(() => {\n\t\t\t\tthis.shadowRoot\n\t\t\t\t\t?.querySelector<\n\t\t\t\t\t\timport('./dev-wallet-balances.js').DevWalletBalances\n\t\t\t\t\t>('dev-wallet-balances')\n\t\t\t\t\t?.refresh();\n\t\t\t});\n\t\t}\n\t\tthis.#hadPendingRequest = hasPending;\n\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${this._isOpen ? this.#renderSidebar() : nothing}\n\t\t\t<button\n\t\t\t\tclass=\"trigger\"\n\t\t\t\tpart=\"trigger\"\n\t\t\t\taria-label=\"Open Dev Wallet\"\n\t\t\t\t@click=${this.#togglePanel}\n\t\t\t>\n\t\t\t\t${this.#walletIcon}\n\t\t\t</button>\n\t\t\t${this.#ctrl.renderSigningModal()} ${this.#ctrl.renderConnectPicker()}\n\t\t`;\n\t}\n\n\t#renderSidebar() {\n\t\treturn html`\n\t\t\t<div class=\"sidebar\" part=\"sidebar\">\n\t\t\t\t<div class=\"sidebar-header\">\n\t\t\t\t\t<span class=\"sidebar-title\">${this.wallet?.name ?? 'Dev Wallet'}</span>\n\t\t\t\t\t${this.#ctrl.renderNetworkBadge()}\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"close-btn\"\n\t\t\t\t\t\tpart=\"close-button\"\n\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\t@click=${this.#togglePanel}\n\t\t\t\t\t>\n\t\t\t\t\t\t&times;\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"sidebar-body\">${this.#ctrl.renderTabContent()}</div>\n\t\t\t\t${this.#ctrl.renderTabBar()}\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.5\">\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\t#togglePanel() {\n\t\tthis._isOpen = !this._isOpen;\n\t\tif (this._isOpen) {\n\t\t\tthis.#ctrl.syncState();\n\t\t}\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-panel': DevWalletPanel;\n\t}\n}\n"],"mappings":";;;;;;;AAWO,2BAAMA,yBAAuB,WAAW;;;gBAsGnB;iBAGT;;;gBAxGO;GACxB;GACA;GACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FH;;CAQD,QAAQ,IAAI,iBAAiB,KAAK;CAClC,qBAAqB;CAErB,AAAS,WAAW,mBAAyC;AAC5D,MAAI,kBAAkB,IAAI,SAAS,EAAE;AACpC,SAAKC,KAAM,SAAS,KAAK;;;CAI3B,AAAS,UAAU;EAElB,MAAM,aAAa,MAAKA,KAAM,mBAAmB;AACjD,MAAI,MAAKC,qBAAsB,CAAC,YAAY;AAC3C,QAAK,eAAe,WAAW;AAC9B,SAAK,YACF,cAEA,sBAAsB,EACtB,SAAS;KACX;;AAEH,QAAKA,oBAAqB;EAE1B,MAAM,SAAS,KAAK,YAAY,cAAiC,kBAAkB;AACnF,MAAI,MAAKD,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;KACR,KAAK,UAAU,MAAKE,eAAgB,GAAG,QAAQ;;;;;aAKvC,MAAKC,YAAa;;MAEzB,MAAKC,WAAY;;KAElB,MAAKJ,KAAM,oBAAoB,CAAC,GAAG,MAAKA,KAAM,qBAAqB,CAAC;;;CAIxE,iBAAiB;AAChB,SAAO,IAAI;;;mCAGsB,KAAK,QAAQ,QAAQ,aAAa;OAC9D,MAAKA,KAAM,oBAAoB,CAAC;;;;;eAKxB,MAAKG,YAAa;;;;;gCAKD,MAAKH,KAAM,kBAAkB,CAAC;MACxD,MAAKA,KAAM,cAAc,CAAC;;;;CAK/B,KAAII,aAAc;AACjB,SAAO,IAAI;;;;;;;CAQZ,eAAe;AACd,OAAK,UAAU,CAAC,KAAK;AACrB,MAAI,KAAK,SAAS;AACjB,SAAKJ,KAAM,WAAW;;;;YArFvB,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,OAAO;6BAzGR,cAAc,mBAAmB"}
+{"version":3,"file":"dev-wallet-panel.mjs","names":["#closePanel","#ctrl","#hadPendingRequest","#renderSidebar","#togglePanel","#walletIcon","#closeIcon","#handleKeydown"],"sources":["../../src/ui/dev-wallet-panel.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport type { ForkRelay } from '../adapters/fork-relay.js';\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\nexport type DevWalletDockStyle = 'corner-pill' | 'side-tab';\n\n@customElement('dev-wallet-panel')\nexport class DevWalletPanel 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\tposition: fixed;\n\t\t\t\tinset: 0;\n\t\t\t\tz-index: 999999;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\t\t\t.trigger {\n\t\t\t\tposition: fixed;\n\t\t\t\tright: 20px;\n\t\t\t\tbottom: 20px;\n\t\t\t\twidth: 40px;\n\t\t\t\theight: 40px;\n\t\t\t\tborder-radius: 999px;\n\t\t\t\tbackground: var(--dev-wallet-surface);\n\t\t\t\tcolor: var(--dev-wallet-primary);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border-2);\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tbox-shadow: var(--dev-wallet-shadow-md);\n\t\t\t\ttransition:\n\t\t\t\t\ttransform 120ms,\n\t\t\t\t\tbox-shadow 120ms,\n\t\t\t\t\tborder-color 120ms;\n\t\t\t\tpointer-events: auto;\n\t\t\t\tz-index: 2;\n\t\t\t}\n\n\t\t\t.trigger:hover {\n\t\t\t\ttransform: translateY(-1px);\n\t\t\t\tborder-color: var(--dev-wallet-border-strong);\n\t\t\t\tbox-shadow:\n\t\t\t\t\tvar(--dev-wallet-shadow-md),\n\t\t\t\t\t0 0 0 4px var(--dev-wallet-accent-fade);\n\t\t\t}\n\n\t\t\t.trigger.side-tab {\n\t\t\t\ttop: 50%;\n\t\t\t\tright: 0;\n\t\t\t\tbottom: auto;\n\t\t\t\twidth: 34px;\n\t\t\t\theight: 88px;\n\t\t\t\tborder-radius: 12px 0 0 12px;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\n\t\t\t.trigger.side-tab:hover {\n\t\t\t\ttransform: translateY(calc(-50% - 1px));\n\t\t\t}\n\n\t\t\t.trigger svg {\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t}\n\n\t\t\t.status-dot {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 3px;\n\t\t\t\tbottom: 3px;\n\t\t\t\twidth: 10px;\n\t\t\t\theight: 10px;\n\t\t\t\tborder-radius: 999px;\n\t\t\t\tborder: 2px solid var(--dev-wallet-surface);\n\t\t\t\tbackground: var(--dev-wallet-status-connected);\n\t\t\t}\n\n\t\t\t.status-dot.notice {\n\t\t\t\tbackground: var(--dev-wallet-primary);\n\t\t\t\tanimation: pulse-ring 1.6s ease-out infinite;\n\t\t\t}\n\n\t\t\t.scrim {\n\t\t\t\tposition: fixed;\n\t\t\t\tinset: 0;\n\t\t\t\tbackground: rgba(2, 6, 14, 0.4);\n\t\t\t\tpointer-events: auto;\n\t\t\t\tanimation: fadein 160ms ease-out;\n\t\t\t}\n\n\t\t\t.sidebar {\n\t\t\t\tposition: fixed;\n\t\t\t\ttop: 12px;\n\t\t\t\tright: 12px;\n\t\t\t\tbottom: 76px;\n\t\t\t\twidth: 400px;\n\t\t\t\tmax-width: calc(100vw - 24px);\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\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\toverflow: hidden;\n\t\t\t\tpointer-events: auto;\n\t\t\t\tanimation: slidein-right 240ms cubic-bezier(0.2, 0.7, 0.2, 1);\n\t\t\t}\n\n\t\t\t.status-strip {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 8px;\n\t\t\t\tmin-height: 30px;\n\t\t\t\tpadding: 6px 10px 6px 12px;\n\t\t\t\tborder-bottom: 1px solid var(--dev-wallet-border);\n\t\t\t\tbackground: var(--dev-wallet-bg-2);\n\t\t\t}\n\n\t\t\t.status-strip .host-origin {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\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.sidebar-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\tposition: relative;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\n\t\t\t.brand {\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}\n\n\t\t\t.logo-mark {\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t\tborder-radius: 7px;\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 22px),\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\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.logo-mark svg {\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 14px;\n\t\t\t}\n\n\t\t\t.title-stack {\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\tmin-width: 0;\n\t\t\t}\n\n\t\t\t.sidebar-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\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\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.header-spacer {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 8px;\n\t\t\t}\n\n\t\t\t.close-btn {\n\t\t\t\tcolor: var(--dev-wallet-text-3);\n\t\t\t\twidth: 24px;\n\t\t\t\theight: 24px;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tborder-radius: var(--dev-wallet-radius);\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.close-btn:hover {\n\t\t\t\tbackground: var(--dev-wallet-bg-hover);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t}\n\n\t\t\t.close-btn svg {\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 14px;\n\t\t\t}\n\n\t\t\t.sidebar-body {\n\t\t\t\toverflow-y: auto;\n\t\t\t\toverflow-x: hidden;\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: 520px) {\n\t\t\t\t.sidebar {\n\t\t\t\t\tleft: 12px;\n\t\t\t\t\twidth: auto;\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/** Optional pre-seeded coin metadata. Pass the generated `coins`\n\t *  constant from devstack codegen (`src/generated/coins.ts`) to skip\n\t *  per-coin RPC fetches in the balances list and signing modal. */\n\t@property({ attribute: false })\n\tcoins: CoinRecord | null = null;\n\n\t/** Phase 5 Subtopic 6 — fork admin relay. When set, the panel\n\t *  surfaces a \"Fork\" tab that drives advance-clock,\n\t *  advance-checkpoint, and impersonation slot management against\n\t *  the devstack wallet-app server. Construct from the manifest\n\t *  with `createForkRelayFromManifest(manifest)`. */\n\t@property({ attribute: false })\n\tforkRelay: ForkRelay | null = null;\n\n\t/** Optional upstream label (`'mainnet'`, `'testnet'`, …) sourced\n\t *  from `meta.upstream` on the manifest. Falls back to inferring\n\t *  from the active network literal when not provided. */\n\t@property({ type: String })\n\tforkUpstream = '';\n\n\t@property({ type: String, attribute: 'dock-style' })\n\tdockStyle: DevWalletDockStyle = 'corner-pill';\n\n\t@state()\n\tprivate _isOpen = false;\n\n\t#ctrl = new WalletController(this);\n\t#hadPendingRequest = false;\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('coins')) {\n\t\t\tthis.#ctrl.coins = this.coins;\n\t\t}\n\t\tif (changedProperties.has('forkRelay')) {\n\t\t\tthis.#ctrl.forkRelay = this.forkRelay;\n\t\t}\n\t\tif (changedProperties.has('forkUpstream')) {\n\t\t\tthis.#ctrl.forkUpstream = this.forkUpstream;\n\t\t}\n\t}\n\n\toverride updated() {\n\t\t// Refresh balances only when transitioning from having a pending request to not\n\t\tconst hasPending = this.#ctrl.pendingRequest !== null;\n\t\tif (this.#hadPendingRequest && !hasPending) {\n\t\t\tthis.updateComplete.then(() => {\n\t\t\t\tthis.shadowRoot\n\t\t\t\t\t?.querySelector<\n\t\t\t\t\t\timport('./dev-wallet-balances.js').DevWalletBalances\n\t\t\t\t\t>('dev-wallet-balances')\n\t\t\t\t\t?.refresh();\n\t\t\t});\n\t\t}\n\t\tthis.#hadPendingRequest = hasPending;\n\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${this._isOpen ? this.#renderSidebar() : nothing}\n\t\t\t<button\n\t\t\t\tclass=\"trigger ${this.dockStyle === 'side-tab' ? 'side-tab' : 'corner-pill'}\"\n\t\t\t\tpart=\"trigger\"\n\t\t\t\taria-label=${this._isOpen ? 'Close Dev Wallet' : 'Open Dev Wallet'}\n\t\t\t\taria-expanded=${this._isOpen}\n\t\t\t\t@click=${this.#togglePanel}\n\t\t\t>\n\t\t\t\t${this.#walletIcon}\n\t\t\t\t<span\n\t\t\t\t\tclass=\"status-dot ${this.#ctrl.pendingRequest ? 'notice' : ''}\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></span>\n\t\t\t</button>\n\t\t\t${this.#ctrl.renderSigningModal()} ${this.#ctrl.renderConnectPicker()}\n\t\t`;\n\t}\n\n\t#renderSidebar() {\n\t\treturn html`\n\t\t\t<button class=\"scrim\" aria-label=\"Close Dev Wallet\" @click=${this.#closePanel}></button>\n\t\t\t<div class=\"sidebar\" part=\"sidebar\">\n\t\t\t\t<div class=\"status-strip\">\n\t\t\t\t\t<span class=\"chip chip-success\">connected</span>\n\t\t\t\t\t<span class=\"host-origin\">${globalThis.location?.origin ?? 'embedded host'}</span>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"close-btn\"\n\t\t\t\t\t\tpart=\"close-button\"\n\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\t@click=${this.#closePanel}\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.#closeIcon}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"sidebar-header\">\n\t\t\t\t\t<div class=\"brand\">\n\t\t\t\t\t\t<span class=\"logo-mark\">${this.#walletIcon}</span>\n\t\t\t\t\t\t<span class=\"title-stack\">\n\t\t\t\t\t\t\t<span class=\"sidebar-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</div>\n\t\t\t\t\t<span class=\"header-spacer\"></span>\n\t\t\t\t\t${this.#ctrl.renderNetworkBadge()}\n\t\t\t\t</div>\n\t\t\t\t${this.#ctrl.renderTabBar()}\n\t\t\t\t<div class=\"sidebar-body\">${this.#ctrl.renderTabContent()}</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.5\">\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\tget #closeIcon() {\n\t\treturn html`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t<path d=\"M18 6L6 18\" />\n\t\t\t<path d=\"M6 6l12 12\" />\n\t\t</svg>`;\n\t}\n\n\t#togglePanel() {\n\t\tthis._isOpen = !this._isOpen;\n\t\tif (this._isOpen) {\n\t\t\tthis.#ctrl.syncState();\n\t\t}\n\t}\n\n\t#closePanel() {\n\t\tthis._isOpen = false;\n\t}\n\n\t#handleKeydown = (event: KeyboardEvent) => {\n\t\tif (event.key === 'Escape' && this._isOpen) {\n\t\t\tthis.#closePanel();\n\t\t}\n\t};\n\n\toverride connectedCallback() {\n\t\tsuper.connectedCallback();\n\t\twindow.addEventListener('keydown', this.#handleKeydown);\n\t}\n\n\toverride disconnectedCallback() {\n\t\twindow.removeEventListener('keydown', this.#handleKeydown);\n\t\tsuper.disconnectedCallback();\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-panel': DevWalletPanel;\n\t}\n}\n"],"mappings":"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"}

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

@@ -1,13 +1,11 @@
-import "./dev-wallet-signing.mjs";
-import "./dev-wallet-connect.mjs";
-import * as lit2 from "lit";
+import * as _$lit from "lit";
 import { LitElement } from "lit";
 import { ClientWithCoreApi } from "@mysten/sui/client";
 
 //#region src/ui/dev-wallet-popup.d.ts
 declare class DevWalletPopup extends LitElement {
   #private;
-  static styles: (lit2.CSSResult | lit2.CSSResult[])[];
+  static styles: (_$lit.CSSResult | _$lit.CSSResult[])[];
   walletName: string;
   requestType: 'connect' | 'sign-transaction' | 'sign-and-execute-transaction' | 'sign-personal-message';
   appName: string;
@@ -24,7 +22,7 @@ declare class DevWalletPopup extends LitElement {
   }>;
   private _request;
   willUpdate(changed: Map<string, unknown>): void;
-  render(): lit2.TemplateResult<1>;
+  render(): _$lit.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

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

@@ -1 +1 @@
-{"version":3,"file":"dev-wallet-popup.d.mts","names":[],"sources":["../../src/ui/dev-wallet-popup.ts"],"mappings":";;;;;;;cAaa,cAAA,SAAuB,UAAA;EAAA;SACnB,MAAA,GADW,IAAA,CACL,SAAA,GAAA,IAAA,CAAA,SAAA;EA+CtB,UAAA;EAGA,WAAA;EAOA,OAAA;EAGA,MAAA;EAGA,OAAA;EAGA,YAAA;EAGA,KAAA;EAGA,IAAA,WAAe,UAAA;EAGf,MAAA,EAAQ,iBAAA;EAGR,eAAA,EAAiB,KAAA;IAAQ,OAAA;IAAiB,KAAA;IAAgB,WAAA;EAAA;EAAA,QAGlD,QAAA;EAIC,UAAA,CAAW,OAAA,EAAS,GAAA;EA4BpB,MAAA,CAAA,GA5BuB,IAAA,CA4BjB,cAAA;AAAA;AAAA,QAqCR,MAAA;EAAA,UACG,qBAAA;IACT,kBAAA,EAAoB,cAAA;EAAA;AAAA"}
+{"version":3,"file":"dev-wallet-popup.d.mts","names":[],"sources":["../../src/ui/dev-wallet-popup.ts"],"mappings":";;;;;cAaa,cAAA,SAAuB,UAAA;EAAA;SACnB,MAAA,GADW,KAAA,CACL,SAAA,GAAA,KAAA,CAAA,SAAA;EAqDtB,UAAA;EAGA,WAAA;EAOA,OAAA;EAGA,MAAA;EAGA,OAAA;EAGA,YAAA;EAGA,KAAA;EAGA,IAAA,WAAe,UAAA;EAGf,MAAA,EAAQ,iBAAA;EAGR,eAAA,EAAiB,KAAA;IAAQ,OAAA;IAAiB,KAAA;IAAgB,WAAA;EAAA;EAAA,QAGlD,QAAA;EAIC,UAAA,CAAW,OAAA,EAAS,GAAA;EA4BpB,MAAA,CAAA,GA5BuB,KAAA,CA4BjB,cAAA;AAAA;AAAA,QAqCR,MAAA;EAAA,UACG,qBAAA;IACT,kBAAA,EAAoB,cAAA;EAAA;AAAA"}

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

@@ -1,12 +1,11 @@
 import { 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 "./dev-wallet-connect.mjs";
 import "./dev-wallet-signing.mjs";
 import { LitElement, css, html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-
 //#region src/ui/dev-wallet-popup.ts
-let DevWalletPopup = class DevWalletPopup$1 extends LitElement {
+let DevWalletPopup = class DevWalletPopup extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.walletName = "Dev Wallet (Web)";
@@ -20,6 +19,7 @@ let DevWalletPopup = class DevWalletPopup$1 extends LitElement {
 		this.client = null;
 		this.connectAccounts = [];
 		this._request = null;
+		this.#requestId = null;
 	}
 	static {
 		this.styles = [sharedStyles, css`
@@ -29,14 +29,19 @@ let DevWalletPopup = class DevWalletPopup$1 extends LitElement {
 				justify-content: center;
 				min-height: 100vh;
 				padding: 20px;
+				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;
 			}
 
 			.popup-card {
-				width: 360px;
-				max-height: min(600px, 80vh);
+				width: 440px;
+				max-height: min(680px, 86vh);
 				border-radius: var(--dev-wallet-radius-xl);
-				background: var(--dev-wallet-background);
-				border: 1px solid var(--dev-wallet-border);
+				background: var(--dev-wallet-surface);
+				border: 1px solid var(--dev-wallet-border-2);
 				box-shadow: var(--dev-wallet-shadow-lg);
 				overflow: hidden;
 				display: flex;
@@ -47,12 +52,13 @@ let DevWalletPopup = class DevWalletPopup$1 extends LitElement {
 				display: flex;
 				justify-content: space-between;
 				align-items: center;
-				padding: 14px 16px;
+				padding: 12px 14px;
 				border-bottom: 1px solid var(--dev-wallet-border);
+				background: var(--dev-wallet-bg-1);
 			}
 
 			.popup-title {
-				font-size: 15px;
+				font-size: 13px;
 				font-weight: var(--dev-wallet-font-weight-semibold);
 				color: var(--dev-wallet-foreground);
 			}
@@ -65,18 +71,16 @@ let DevWalletPopup = class DevWalletPopup$1 extends LitElement {
 			}
 		`];
 	}
-	#requestId = null;
+	#requestId;
 	willUpdate(changed) {
 		if (this.requestType !== "connect" && (changed.has("requestType") || changed.has("address") || changed.has("accountLabel") || changed.has("chain") || changed.has("data"))) {
-			if (!this.#requestId) {
-				this.#requestId = crypto.randomUUID();
-			}
+			if (!this.#requestId) this.#requestId = crypto.randomUUID();
 			this._request = {
 				id: this.#requestId,
 				type: this.requestType,
 				account: {
 					address: this.address,
-					label: this.accountLabel || undefined,
+					label: this.accountLabel || void 0,
 					publicKey: new Uint8Array(0),
 					chains: [],
 					features: []
@@ -131,7 +135,7 @@ __decorate([property({ attribute: false })], DevWalletPopup.prototype, "client",
 __decorate([property({ attribute: false })], DevWalletPopup.prototype, "connectAccounts", void 0);
 __decorate([state()], DevWalletPopup.prototype, "_request", void 0);
 DevWalletPopup = __decorate([customElement("dev-wallet-popup")], DevWalletPopup);
-
 //#endregion
 export { DevWalletPopup };
+
 //# sourceMappingURL=dev-wallet-popup.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dev-wallet-popup.mjs","names":["DevWalletPopup","#requestId","#renderConnect","#renderSigning"],"sources":["../../src/ui/dev-wallet-popup.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ClientWithCoreApi } from '@mysten/sui/client';\nimport { css, html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport type { PendingSigningRequest } from '../wallet/dev-wallet.js';\nimport { sharedStyles } from './styles.js';\nimport './dev-wallet-connect.js';\nimport './dev-wallet-signing.js';\n\n@customElement('dev-wallet-popup')\nexport class DevWalletPopup extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tmin-height: 100vh;\n\t\t\t\tpadding: 20px;\n\t\t\t}\n\n\t\t\t.popup-card {\n\t\t\t\twidth: 360px;\n\t\t\t\tmax-height: min(600px, 80vh);\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xl);\n\t\t\t\tbackground: var(--dev-wallet-background);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tbox-shadow: var(--dev-wallet-shadow-lg);\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t.popup-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: 14px 16px;\n\t\t\t\tborder-bottom: 1px solid var(--dev-wallet-border);\n\t\t\t}\n\n\t\t\t.popup-title {\n\t\t\t\tfont-size: 15px;\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.popup-body {\n\t\t\t\tflex: 1;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ type: String })\n\twalletName = 'Dev Wallet (Web)';\n\n\t@property({ type: String })\n\trequestType:\n\t\t| 'connect'\n\t\t| 'sign-transaction'\n\t\t| 'sign-and-execute-transaction'\n\t\t| 'sign-personal-message' = 'connect';\n\n\t@property({ type: String })\n\tappName = '';\n\n\t@property({ type: String })\n\tappUrl = '';\n\n\t@property({ type: String })\n\taddress = '';\n\n\t@property({ type: String })\n\taccountLabel = '';\n\n\t@property({ type: String })\n\tchain = '';\n\n\t@property({ attribute: false })\n\tdata: string | Uint8Array | null = null;\n\n\t@property({ attribute: false })\n\tclient: ClientWithCoreApi | null = null;\n\n\t@property({ attribute: false })\n\tconnectAccounts: Array<{ address: string; label?: string; adapterName?: string }> = [];\n\n\t@state()\n\tprivate _request: PendingSigningRequest | null = null;\n\n\t#requestId: string | null = null;\n\n\toverride willUpdate(changed: Map<string, unknown>) {\n\t\tif (\n\t\t\tthis.requestType !== 'connect' &&\n\t\t\t(changed.has('requestType') ||\n\t\t\t\tchanged.has('address') ||\n\t\t\t\tchanged.has('accountLabel') ||\n\t\t\t\tchanged.has('chain') ||\n\t\t\t\tchanged.has('data'))\n\t\t) {\n\t\t\tif (!this.#requestId) {\n\t\t\t\tthis.#requestId = crypto.randomUUID();\n\t\t\t}\n\t\t\tthis._request = {\n\t\t\t\tid: this.#requestId,\n\t\t\t\ttype: this.requestType as PendingSigningRequest['type'],\n\t\t\t\taccount: {\n\t\t\t\t\taddress: this.address,\n\t\t\t\t\tlabel: this.accountLabel || undefined,\n\t\t\t\t\tpublicKey: new Uint8Array(0),\n\t\t\t\t\tchains: [],\n\t\t\t\t\tfeatures: [],\n\t\t\t\t},\n\t\t\t\tchain: this.chain,\n\t\t\t\tdata: this.data ?? '',\n\t\t\t};\n\t\t}\n\t}\n\n\toverride render() {\n\t\treturn html`\n\t\t\t<div class=\"popup-card\" part=\"card\">\n\t\t\t\t<div class=\"popup-header\">\n\t\t\t\t\t<span class=\"popup-title\">${this.walletName}</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t${this.requestType === 'connect' ? this.#renderConnect() : this.#renderSigning()}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t#renderConnect() {\n\t\treturn html`\n\t\t\t<dev-wallet-connect\n\t\t\t\texportparts=\"approve-button: connect-approve-button, reject-button: connect-reject-button, account-list: connect-account-list, error-message: connect-error-message\"\n\t\t\t\t.appName=${this.appName}\n\t\t\t\t.appUrl=${this.appUrl}\n\t\t\t\t.accounts=${this.connectAccounts}\n\t\t\t></dev-wallet-connect>\n\t\t`;\n\t}\n\n\t#renderSigning() {\n\t\tif (!this._request) return html``;\n\n\t\treturn html`\n\t\t\t<dev-wallet-signing\n\t\t\t\texportparts=\"approve-button: signing-approve-button, reject-button: signing-reject-button, request-type: signing-request-type, empty-state: signing-empty-state, error-message: signing-error-message, footer: signing-footer\"\n\t\t\t\t.request=${this._request}\n\t\t\t\t.client=${this.client}\n\t\t\t></dev-wallet-signing>\n\t\t`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-popup': DevWalletPopup;\n\t}\n}\n"],"mappings":";;;;;;;;AAaO,2BAAMA,yBAAuB,WAAW;;;oBAgDjC;qBAOgB;iBAGnB;gBAGD;iBAGC;sBAGK;eAGP;cAG2B;gBAGA;yBAGiD,EAAE;kBAGrC;;;gBAjFxB,CACxB,cACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0CH;;CAuCD,aAA4B;CAE5B,AAAS,WAAW,SAA+B;AAClD,MACC,KAAK,gBAAgB,cACpB,QAAQ,IAAI,cAAc,IAC1B,QAAQ,IAAI,UAAU,IACtB,QAAQ,IAAI,eAAe,IAC3B,QAAQ,IAAI,QAAQ,IACpB,QAAQ,IAAI,OAAO,GACnB;AACD,OAAI,CAAC,MAAKC,WAAY;AACrB,UAAKA,YAAa,OAAO,YAAY;;AAEtC,QAAK,WAAW;IACf,IAAI,MAAKA;IACT,MAAM,KAAK;IACX,SAAS;KACR,SAAS,KAAK;KACd,OAAO,KAAK,gBAAgB;KAC5B,WAAW,IAAI,WAAW,EAAE;KAC5B,QAAQ,EAAE;KACV,UAAU,EAAE;KACZ;IACD,OAAO,KAAK;IACZ,MAAM,KAAK,QAAQ;IACnB;;;CAIH,AAAS,SAAS;AACjB,SAAO,IAAI;;;iCAGoB,KAAK,WAAW;;;OAG1C,KAAK,gBAAgB,YAAY,MAAKC,eAAgB,GAAG,MAAKC,eAAgB,CAAC;;;;;CAMrF,iBAAiB;AAChB,SAAO,IAAI;;;eAGE,KAAK,QAAQ;cACd,KAAK,OAAO;gBACV,KAAK,gBAAgB;;;;CAKpC,iBAAiB;AAChB,MAAI,CAAC,KAAK,SAAU,QAAO,IAAI;AAE/B,SAAO,IAAI;;;eAGE,KAAK,SAAS;cACf,KAAK,OAAO;;;;;YAlGxB,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAO1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,OAAO;6BAlFR,cAAc,mBAAmB"}
+{"version":3,"file":"dev-wallet-popup.mjs","names":["#requestId","#renderConnect","#renderSigning"],"sources":["../../src/ui/dev-wallet-popup.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ClientWithCoreApi } from '@mysten/sui/client';\nimport { css, html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport type { PendingSigningRequest } from '../wallet/dev-wallet.js';\nimport { sharedStyles } from './styles.js';\nimport './dev-wallet-connect.js';\nimport './dev-wallet-signing.js';\n\n@customElement('dev-wallet-popup')\nexport class DevWalletPopup extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tmin-height: 100vh;\n\t\t\t\tpadding: 20px;\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}\n\n\t\t\t.popup-card {\n\t\t\t\twidth: 440px;\n\t\t\t\tmax-height: min(680px, 86vh);\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-lg);\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t.popup-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: 12px 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.popup-title {\n\t\t\t\tfont-size: 13px;\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.popup-body {\n\t\t\t\tflex: 1;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ type: String })\n\twalletName = 'Dev Wallet (Web)';\n\n\t@property({ type: String })\n\trequestType:\n\t\t| 'connect'\n\t\t| 'sign-transaction'\n\t\t| 'sign-and-execute-transaction'\n\t\t| 'sign-personal-message' = 'connect';\n\n\t@property({ type: String })\n\tappName = '';\n\n\t@property({ type: String })\n\tappUrl = '';\n\n\t@property({ type: String })\n\taddress = '';\n\n\t@property({ type: String })\n\taccountLabel = '';\n\n\t@property({ type: String })\n\tchain = '';\n\n\t@property({ attribute: false })\n\tdata: string | Uint8Array | null = null;\n\n\t@property({ attribute: false })\n\tclient: ClientWithCoreApi | null = null;\n\n\t@property({ attribute: false })\n\tconnectAccounts: Array<{ address: string; label?: string; adapterName?: string }> = [];\n\n\t@state()\n\tprivate _request: PendingSigningRequest | null = null;\n\n\t#requestId: string | null = null;\n\n\toverride willUpdate(changed: Map<string, unknown>) {\n\t\tif (\n\t\t\tthis.requestType !== 'connect' &&\n\t\t\t(changed.has('requestType') ||\n\t\t\t\tchanged.has('address') ||\n\t\t\t\tchanged.has('accountLabel') ||\n\t\t\t\tchanged.has('chain') ||\n\t\t\t\tchanged.has('data'))\n\t\t) {\n\t\t\tif (!this.#requestId) {\n\t\t\t\tthis.#requestId = crypto.randomUUID();\n\t\t\t}\n\t\t\tthis._request = {\n\t\t\t\tid: this.#requestId,\n\t\t\t\ttype: this.requestType as PendingSigningRequest['type'],\n\t\t\t\taccount: {\n\t\t\t\t\taddress: this.address,\n\t\t\t\t\tlabel: this.accountLabel || undefined,\n\t\t\t\t\tpublicKey: new Uint8Array(0),\n\t\t\t\t\tchains: [],\n\t\t\t\t\tfeatures: [],\n\t\t\t\t},\n\t\t\t\tchain: this.chain,\n\t\t\t\tdata: this.data ?? '',\n\t\t\t};\n\t\t}\n\t}\n\n\toverride render() {\n\t\treturn html`\n\t\t\t<div class=\"popup-card\" part=\"card\">\n\t\t\t\t<div class=\"popup-header\">\n\t\t\t\t\t<span class=\"popup-title\">${this.walletName}</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t${this.requestType === 'connect' ? this.#renderConnect() : this.#renderSigning()}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t#renderConnect() {\n\t\treturn html`\n\t\t\t<dev-wallet-connect\n\t\t\t\texportparts=\"approve-button: connect-approve-button, reject-button: connect-reject-button, account-list: connect-account-list, error-message: connect-error-message\"\n\t\t\t\t.appName=${this.appName}\n\t\t\t\t.appUrl=${this.appUrl}\n\t\t\t\t.accounts=${this.connectAccounts}\n\t\t\t></dev-wallet-connect>\n\t\t`;\n\t}\n\n\t#renderSigning() {\n\t\tif (!this._request) return html``;\n\n\t\treturn html`\n\t\t\t<dev-wallet-signing\n\t\t\t\texportparts=\"approve-button: signing-approve-button, reject-button: signing-reject-button, request-type: signing-request-type, empty-state: signing-empty-state, error-message: signing-error-message, footer: signing-footer\"\n\t\t\t\t.request=${this._request}\n\t\t\t\t.client=${this.client}\n\t\t\t></dev-wallet-signing>\n\t\t`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-popup': DevWalletPopup;\n\t}\n}\n"],"mappings":";;;;;;;AAaO,IAAA,iBAAA,MAAM,uBAAuB,WAAW;;;oBAsDjC;qBAOgB;iBAGnB;gBAGD;iBAGC;sBAGK;eAGP;cAG2B;gBAGA;yBAGiD,EAAE;kBAGrC;oBAErB;;;gBAzFH,CACxB,cACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgDH;;CAuCD;CAEA,WAAoB,SAA+B;AAClD,MACC,KAAK,gBAAgB,cACpB,QAAQ,IAAI,cAAc,IAC1B,QAAQ,IAAI,UAAU,IACtB,QAAQ,IAAI,eAAe,IAC3B,QAAQ,IAAI,QAAQ,IACpB,QAAQ,IAAI,OAAO,GACnB;AACD,OAAI,CAAC,MAAA,UACJ,OAAA,YAAkB,OAAO,YAAY;AAEtC,QAAK,WAAW;IACf,IAAI,MAAA;IACJ,MAAM,KAAK;IACX,SAAS;KACR,SAAS,KAAK;KACd,OAAO,KAAK,gBAAgB;KAC5B,WAAW,IAAI,WAAW,EAAE;KAC5B,QAAQ,EAAE;KACV,UAAU,EAAE;KACZ;IACD,OAAO,KAAK;IACZ,MAAM,KAAK,QAAQ;IACnB;;;CAIH,SAAkB;AACjB,SAAO,IAAI;;;iCAGoB,KAAK,WAAW;;;OAG1C,KAAK,gBAAgB,YAAY,MAAA,eAAqB,GAAG,MAAA,eAAqB,CAAC;;;;;CAMrF,iBAAiB;AAChB,SAAO,IAAI;;;eAGE,KAAK,QAAQ;cACd,KAAK,OAAO;gBACV,KAAK,gBAAgB;;;;CAKpC,iBAAiB;AAChB,MAAI,CAAC,KAAK,SAAU,QAAO,IAAI;AAE/B,SAAO,IAAI;;;eAGE,KAAK,SAAS;cACf,KAAK,OAAO;;;;;YAlGxB,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,eAAA,WAAA,cAAA,KAAA,EAAA;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,eAAA,WAAA,eAAA,KAAA,EAAA;YAO1B,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,eAAA,WAAA,WAAA,KAAA,EAAA;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,eAAA,WAAA,UAAA,KAAA,EAAA;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,eAAA,WAAA,WAAA,KAAA,EAAA;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,eAAA,WAAA,gBAAA,KAAA,EAAA;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,eAAA,WAAA,SAAA,KAAA,EAAA;YAG1B,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,eAAA,WAAA,QAAA,KAAA,EAAA;YAG9B,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,eAAA,WAAA,UAAA,KAAA,EAAA;YAG9B,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,eAAA,WAAA,mBAAA,KAAA,EAAA;YAG9B,OAAO,CAAA,EAAA,eAAA,WAAA,YAAA,KAAA,EAAA;6BAxFR,cAAc,mBAAmB,CAAA,EAAA,eAAA"}