@mysten-incubation/dev-wallet 0.0.1 → 0.3.0

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

@@ -0,0 +1,500 @@
+import { actionButtonStyles, cardItemStyles, formInputStyles, inlineErrorStyles, listContainerStyles, monoTruncateStyles, sectionHeaderStyles, sharedStyles, stateStyles, subLabelStyles } from "./styles.mjs";
+import { formatAddress, getErrorMessage } from "./utils.mjs";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.127.0/helpers/decorate.mjs";
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+//#region src/ui/dev-wallet-fork-panel.ts
+/** Default polling cadence for `GetStatus`. Slow on purpose — the panel
+*  also refreshes after every action verb lands. */
+const STATUS_POLL_MS = 4e3;
+let DevWalletForkPanel = class DevWalletForkPanel extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.relay = null;
+		this.upstream = "";
+		this._status = null;
+		this._statusError = null;
+		this._statusLoading = false;
+		this._actionInFlight = null;
+		this._actionError = null;
+		this._slots = [];
+		this._slotsError = null;
+		this._slotToggleInFlight = null;
+		this._clockInputMs = "1000";
+		this._checkpointInputCount = "1";
+		this.#pollTimer = null;
+		this.#onClockInput = (e) => {
+			this._clockInputMs = e.target.value;
+		};
+		this.#onCheckpointInput = (e) => {
+			this._checkpointInputCount = e.target.value;
+		};
+		this.#onAdvanceClock = async () => {
+			const ms = this.#parseClock();
+			if (ms === null || !this.relay) return;
+			this._actionInFlight = "advance-clock";
+			this._actionError = null;
+			try {
+				const result = await this.relay.advanceClock(ms);
+				if (result.ok) this._status = result.value;
+				else this._actionError = result.error;
+			} catch (error) {
+				this._actionError = getErrorMessage(error, "advance-clock failed");
+			} finally {
+				this._actionInFlight = null;
+			}
+		};
+		this.#onAdvanceCheckpoint = async () => {
+			const count = this.#parseCheckpointCount();
+			if (count === null || !this.relay) return;
+			this._actionInFlight = "advance-checkpoint";
+			this._actionError = null;
+			try {
+				const result = await this.relay.advanceCheckpoint(count);
+				if (result.ok) this._status = result.value;
+				else this._actionError = result.error;
+			} catch (error) {
+				this._actionError = getErrorMessage(error, "advance-checkpoint failed");
+			} finally {
+				this._actionInFlight = null;
+			}
+		};
+		this.#onToggleSlot = async (slot) => {
+			if (!this.relay || this._slotToggleInFlight !== null) return;
+			this._slotToggleInFlight = slot.address;
+			this._slotsError = null;
+			try {
+				const result = await this.relay.setImpersonation(slot.address, !slot.active);
+				if (result.ok) {
+					this._slots = result.value;
+					this.dispatchEvent(new CustomEvent("fork-impersonation-changed", {
+						bubbles: true,
+						composed: true,
+						detail: {
+							address: slot.address,
+							active: !slot.active,
+							slots: result.value
+						}
+					}));
+				} else this._slotsError = result.error;
+			} catch (error) {
+				this._slotsError = getErrorMessage(error, "toggle failed");
+			} finally {
+				this._slotToggleInFlight = null;
+			}
+		};
+	}
+	static {
+		this.styles = [
+			sharedStyles,
+			sectionHeaderStyles,
+			actionButtonStyles,
+			stateStyles,
+			cardItemStyles,
+			listContainerStyles,
+			formInputStyles,
+			inlineErrorStyles,
+			monoTruncateStyles,
+			subLabelStyles,
+			css`
+			.section {
+				margin-bottom: 18px;
+			}
+
+			.section:last-child {
+				margin-bottom: 0;
+			}
+
+			.status-grid {
+				display: grid;
+				grid-template-columns: max-content 1fr;
+				column-gap: 12px;
+				row-gap: 6px;
+				font-size: 12px;
+				padding: 10px 12px;
+				border-radius: var(--dev-wallet-radius-md);
+				border: 1px solid var(--dev-wallet-border);
+				background: var(--dev-wallet-secondary);
+			}
+
+			.status-label {
+				font-size: 10px;
+				font-weight: var(--dev-wallet-font-weight-medium);
+				align-self: center;
+			}
+
+			.status-value {
+				font-family: var(--dev-wallet-font-mono);
+				color: var(--dev-wallet-foreground);
+				word-break: break-all;
+			}
+
+			.status-value.dim {
+				color: var(--dev-wallet-muted-foreground);
+			}
+
+			.action-row {
+				display: flex;
+				gap: 6px;
+				align-items: stretch;
+			}
+
+			.action-input {
+				flex: 1;
+				min-width: 0;
+				padding: 8px 10px;
+				font-size: 12px;
+				font-family: var(--dev-wallet-font-mono);
+				border-radius: var(--dev-wallet-radius-sm);
+				border: 1px solid var(--dev-wallet-border);
+				background: var(--dev-wallet-background);
+			}
+
+			.btn-action {
+				min-width: 96px;
+				padding: 0 14px;
+				border-radius: var(--dev-wallet-radius-sm);
+				font-size: 12px;
+				font-weight: var(--dev-wallet-font-weight-semibold);
+				background: var(--dev-wallet-primary);
+				color: var(--dev-wallet-primary-foreground);
+				transition: background-color 0.15s;
+			}
+
+			.btn-action:hover:not(:disabled) {
+				background: oklab(from var(--dev-wallet-primary) calc(l - 0.03) a b);
+			}
+
+			.btn-action:disabled {
+				opacity: 0.55;
+				cursor: not-allowed;
+			}
+
+			.slot-list {
+				gap: 6px;
+			}
+
+			.slot-item {
+				gap: 8px;
+				padding: 8px 10px;
+			}
+
+			.slot-meta {
+				flex: 1;
+				min-width: 0;
+				display: flex;
+				flex-direction: column;
+				gap: 2px;
+			}
+
+			.slot-label {
+				font-size: 12px;
+				font-weight: var(--dev-wallet-font-weight-medium);
+				color: var(--dev-wallet-foreground);
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
+			.slot-address {
+				font-size: 10px;
+			}
+
+			.slot-toggle {
+				padding: 4px 10px;
+				border-radius: var(--dev-wallet-radius-xs);
+				background: var(--dev-wallet-background);
+				border: 1px solid var(--dev-wallet-border);
+				color: var(--dev-wallet-muted-foreground);
+				font-weight: var(--dev-wallet-font-weight-semibold);
+			}
+
+			.slot-toggle.on {
+				background: var(--dev-wallet-primary);
+				color: var(--dev-wallet-primary-foreground);
+				border-color: var(--dev-wallet-primary);
+			}
+
+			.slot-toggle:hover:not(:disabled) {
+				filter: brightness(1.05);
+			}
+
+			.slot-toggle:disabled {
+				opacity: 0.55;
+				cursor: not-allowed;
+			}
+
+			.helper-text {
+				font-size: 11px;
+				color: var(--dev-wallet-muted-foreground);
+				margin-top: 6px;
+				line-height: 1.4;
+			}
+
+			.fork-banner {
+				padding: 8px 12px;
+				background: rgba(234, 179, 8, 0.12);
+				border: 1px solid rgba(234, 179, 8, 0.35);
+				border-radius: var(--dev-wallet-radius-sm);
+				font-size: 11px;
+				color: var(--dev-wallet-muted-foreground);
+				line-height: 1.4;
+				margin-bottom: 14px;
+			}
+
+			.fork-banner strong {
+				color: #92400e;
+				font-weight: var(--dev-wallet-font-weight-semibold);
+			}
+
+			.inline-error {
+				font-size: 11px;
+				margin-top: 6px;
+			}
+		`
+		];
+	}
+	#pollTimer;
+	connectedCallback() {
+		super.connectedCallback();
+		this.#startPolling();
+		this.#refreshAll();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.#stopPolling();
+	}
+	willUpdate(changed) {
+		if (changed.has("relay")) {
+			this._status = null;
+			this._statusError = null;
+			this._slots = [];
+			this._slotsError = null;
+			if (this.relay !== null) this.#refreshAll();
+		}
+	}
+	render() {
+		if (!this.relay) return html`<div class="empty-state" part="empty-state">
+				Fork controls require a devstack wallet-app connection.
+			</div>`;
+		const upstream = this._status?.upstream ?? this.upstream;
+		return html`
+			<div class="fork-banner" part="fork-banner">
+				<strong>Fork mode:</strong> changes here only affect the local
+				${upstream ? html`<em>${upstream}</em>` : "forked"} sui-fork stack — no real funds at risk.
+			</div>
+
+			<div class="section">
+				<div class="section-header">Status</div>
+				${this.#renderStatus()}
+			</div>
+
+			<div class="section">
+				<div class="section-header">Advance clock</div>
+				<div class="action-row">
+					<input
+						class="action-input"
+						part="advance-clock-input"
+						type="number"
+						min="1"
+						step="1"
+						aria-label="Advance clock duration in ms"
+						.value=${this._clockInputMs}
+						@input=${this.#onClockInput}
+						?disabled=${this._actionInFlight !== null}
+					/>
+					<button
+						class="btn-action"
+						part="advance-clock-button"
+						?disabled=${this._actionInFlight !== null || !this.#parseClock()}
+						@click=${this.#onAdvanceClock}
+					>
+						${this._actionInFlight === "advance-clock" ? "Advancing…" : "+ ms"}
+					</button>
+				</div>
+				<div class="helper-text">
+					Advances <code>clock::timestamp_ms()</code> by the given milliseconds.
+				</div>
+			</div>
+
+			<div class="section">
+				<div class="section-header">Advance checkpoints</div>
+				<div class="action-row">
+					<input
+						class="action-input"
+						part="advance-checkpoint-input"
+						type="number"
+						min="1"
+						step="1"
+						aria-label="Advance checkpoint count"
+						.value=${this._checkpointInputCount}
+						@input=${this.#onCheckpointInput}
+						?disabled=${this._actionInFlight !== null}
+					/>
+					<button
+						class="btn-action"
+						part="advance-checkpoint-button"
+						?disabled=${this._actionInFlight !== null || !this.#parseCheckpointCount()}
+						@click=${this.#onAdvanceCheckpoint}
+					>
+						${this._actionInFlight === "advance-checkpoint" ? "Sealing…" : "+ ckpt"}
+					</button>
+				</div>
+				<div class="helper-text">
+					Seals pending transactions into <code>n</code> new checkpoints.
+				</div>
+				${this._actionError ? html`<div class="inline-error" part="action-error">${this._actionError}</div>` : nothing}
+			</div>
+
+			<div class="section">
+				<div class="section-header">Impersonation slots</div>
+				${this.#renderSlots()}
+			</div>
+		`;
+	}
+	#renderStatus() {
+		if (this._statusLoading && this._status === null) return html`<div class="loading" part="status-loading">Loading fork status…</div>`;
+		if (this._statusError) return html` <div class="error-state" part="status-error">${this._statusError}</div> `;
+		if (!this._status) return html`<div class="empty-state" part="status-empty">Fork status unavailable.</div>`;
+		const { checkpoint, clockMs, autoTickMs } = this._status;
+		const clockIso = (() => {
+			try {
+				return new Date(Number(clockMs)).toISOString();
+			} catch {
+				return "—";
+			}
+		})();
+		return html`
+			<div class="status-grid" part="status-grid">
+				<span class="status-label">Checkpoint</span>
+				<span class="status-value" part="status-checkpoint">${checkpoint.toString()}</span>
+				<span class="status-label">Clock</span>
+				<span class="status-value" part="status-clock">${clockMs.toString()}</span>
+				<span class="status-label">UTC</span>
+				<span class="status-value dim" part="status-clock-iso">${clockIso}</span>
+				<span class="status-label">Auto-tick</span>
+				<span class="status-value dim" part="status-auto-tick">
+					${autoTickMs ? `${autoTickMs}ms` : "off"}
+				</span>
+			</div>
+		`;
+	}
+	#renderSlots() {
+		if (this._slotsError) return html`<div class="error-state" part="slots-error">${this._slotsError}</div>`;
+		if (this._slots.length === 0) return html`<div class="empty-state" part="slots-empty">
+				No impersonation slots configured. Add addresses via
+				<code>Sui({fork:{impersonate:[…]}})</code>.
+			</div>`;
+		return html`
+			<div class="slot-list" part="slot-list">
+				${this._slots.map((slot) => {
+			const inFlight = this._slotToggleInFlight === slot.address;
+			return html`
+						<div
+							class=${slot.active ? "slot-item active" : "slot-item"}
+							part=${slot.active ? "slot-item slot-item-active" : "slot-item"}
+						>
+							<div class="slot-meta">
+								<span class="slot-label">${slot.label ?? formatAddress(slot.address)}</span>
+								<span class="slot-address">${formatAddress(slot.address)}</span>
+							</div>
+							<button
+								class=${slot.active ? "slot-toggle on" : "slot-toggle"}
+								part="slot-toggle"
+								aria-pressed=${slot.active}
+								?disabled=${inFlight}
+								@click=${() => this.#onToggleSlot(slot)}
+							>
+								${inFlight ? "…" : slot.active ? "On" : "Off"}
+							</button>
+						</div>
+					`;
+		})}
+			</div>
+			<div class="helper-text">
+				When <strong>On</strong>, user-driven tx signing for the matching account routes through
+				<code>executeImpersonated</code> instead of a real signature.
+			</div>
+		`;
+	}
+	#onClockInput;
+	#onCheckpointInput;
+	#parseClock() {
+		const n = Number(this._clockInputMs);
+		if (!Number.isFinite(n) || n <= 0 || !Number.isInteger(n)) return null;
+		return n;
+	}
+	#parseCheckpointCount() {
+		const n = Number(this._checkpointInputCount);
+		if (!Number.isFinite(n) || n <= 0 || !Number.isInteger(n)) return null;
+		return n;
+	}
+	#onAdvanceClock;
+	#onAdvanceCheckpoint;
+	#onToggleSlot;
+	#startPolling() {
+		this.#stopPolling();
+		this.#pollTimer = setInterval(() => {
+			this.#refreshStatus();
+		}, STATUS_POLL_MS);
+	}
+	#stopPolling() {
+		if (this.#pollTimer !== null) {
+			clearInterval(this.#pollTimer);
+			this.#pollTimer = null;
+		}
+	}
+	async #refreshAll() {
+		await Promise.all([this.#refreshStatus(), this.#refreshSlots()]);
+	}
+	async #refreshStatus() {
+		if (!this.relay) return;
+		this._statusLoading = true;
+		try {
+			const result = await this.relay.getStatus();
+			if (result.ok) {
+				this._status = result.value;
+				this._statusError = null;
+			} else this._statusError = result.error;
+		} catch (error) {
+			this._statusError = getErrorMessage(error, "status refresh failed");
+		} finally {
+			this._statusLoading = false;
+		}
+	}
+	async #refreshSlots() {
+		if (!this.relay) return;
+		try {
+			const result = await this.relay.listImpersonations();
+			if (result.ok) {
+				this._slots = result.value;
+				this._slotsError = null;
+			} else this._slotsError = result.error;
+		} catch (error) {
+			this._slotsError = getErrorMessage(error, "slot refresh failed");
+		}
+	}
+	/** Public hook for tests + external consumers (e.g. signing-modal
+	*  wants to re-read slots after a transaction lands). Resolves once
+	*  both status + slots have refreshed. */
+	async refresh() {
+		await this.#refreshAll();
+	}
+};
+__decorate([property({ attribute: false })], DevWalletForkPanel.prototype, "relay", void 0);
+__decorate([property({ type: String })], DevWalletForkPanel.prototype, "upstream", void 0);
+__decorate([state()], DevWalletForkPanel.prototype, "_status", void 0);
+__decorate([state()], DevWalletForkPanel.prototype, "_statusError", void 0);
+__decorate([state()], DevWalletForkPanel.prototype, "_statusLoading", void 0);
+__decorate([state()], DevWalletForkPanel.prototype, "_actionInFlight", void 0);
+__decorate([state()], DevWalletForkPanel.prototype, "_actionError", void 0);
+__decorate([state()], DevWalletForkPanel.prototype, "_slots", void 0);
+__decorate([state()], DevWalletForkPanel.prototype, "_slotsError", void 0);
+__decorate([state()], DevWalletForkPanel.prototype, "_slotToggleInFlight", void 0);
+__decorate([state()], DevWalletForkPanel.prototype, "_clockInputMs", void 0);
+__decorate([state()], DevWalletForkPanel.prototype, "_checkpointInputCount", void 0);
+DevWalletForkPanel = __decorate([customElement("dev-wallet-fork-panel")], DevWalletForkPanel);
+//#endregion
+export { DevWalletForkPanel };
+
+//# sourceMappingURL=dev-wallet-fork-panel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dev-wallet-fork-panel.mjs","names":["#parseClock","#parseCheckpointCount","#startPolling","#refreshAll","#stopPolling","#renderStatus","#onClockInput","#onAdvanceClock","#onCheckpointInput","#onAdvanceCheckpoint","#renderSlots","#onToggleSlot","#pollTimer","#refreshStatus","#refreshSlots"],"sources":["../../src/ui/dev-wallet-fork-panel.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n//\n// Dev-wallet fork-controls panel. Renders when the active stack is in\n// `runtime === 'forked'` mode and surfaces a curated slice of the\n// sui-fork admin API to the operator: status read, advance-clock,\n// advance-checkpoint, and impersonation slot toggles.\n\nimport { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport type { ForkImpersonationSlot, ForkRelay, ForkStatus } from '../adapters/fork-relay.js';\nimport {\n\tactionButtonStyles,\n\tcardItemStyles,\n\tformInputStyles,\n\tinlineErrorStyles,\n\tlistContainerStyles,\n\tmonoTruncateStyles,\n\tsectionHeaderStyles,\n\tsubLabelStyles,\n\tsharedStyles,\n\tstateStyles,\n} from './styles.js';\nimport { formatAddress, getErrorMessage } from './utils.js';\n\n/** Default polling cadence for `GetStatus`. Slow on purpose — the panel\n *  also refreshes after every action verb lands. */\nconst STATUS_POLL_MS = 4000;\n\n@customElement('dev-wallet-fork-panel')\nexport class DevWalletForkPanel extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tsectionHeaderStyles,\n\t\tactionButtonStyles,\n\t\tstateStyles,\n\t\tcardItemStyles,\n\t\tlistContainerStyles,\n\t\tformInputStyles,\n\t\tinlineErrorStyles,\n\t\tmonoTruncateStyles,\n\t\tsubLabelStyles,\n\t\tcss`\n\t\t\t.section {\n\t\t\t\tmargin-bottom: 18px;\n\t\t\t}\n\n\t\t\t.section:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t.status-grid {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: max-content 1fr;\n\t\t\t\tcolumn-gap: 12px;\n\t\t\t\trow-gap: 6px;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tpadding: 10px 12px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-md);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tbackground: var(--dev-wallet-secondary);\n\t\t\t}\n\n\t\t\t.status-label {\n\t\t\t\tfont-size: 10px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t\talign-self: center;\n\t\t\t}\n\n\t\t\t.status-value {\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\tword-break: break-all;\n\t\t\t}\n\n\t\t\t.status-value.dim {\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t}\n\n\t\t\t.action-row {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 6px;\n\t\t\t\talign-items: stretch;\n\t\t\t}\n\n\t\t\t.action-input {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t\tpadding: 8px 10px;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tborder-radius: var(--dev-wallet-radius-sm);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tbackground: var(--dev-wallet-background);\n\t\t\t}\n\n\t\t\t.btn-action {\n\t\t\t\tmin-width: 96px;\n\t\t\t\tpadding: 0 14px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-sm);\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-semibold);\n\t\t\t\tbackground: var(--dev-wallet-primary);\n\t\t\t\tcolor: var(--dev-wallet-primary-foreground);\n\t\t\t\ttransition: background-color 0.15s;\n\t\t\t}\n\n\t\t\t.btn-action:hover:not(:disabled) {\n\t\t\t\tbackground: oklab(from var(--dev-wallet-primary) calc(l - 0.03) a b);\n\t\t\t}\n\n\t\t\t.btn-action:disabled {\n\t\t\t\topacity: 0.55;\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\n\t\t\t.slot-list {\n\t\t\t\tgap: 6px;\n\t\t\t}\n\n\t\t\t.slot-item {\n\t\t\t\tgap: 8px;\n\t\t\t\tpadding: 8px 10px;\n\t\t\t}\n\n\t\t\t.slot-meta {\n\t\t\t\tflex: 1;\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: 2px;\n\t\t\t}\n\n\t\t\t.slot-label {\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-medium);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t\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.slot-address {\n\t\t\t\tfont-size: 10px;\n\t\t\t}\n\n\t\t\t.slot-toggle {\n\t\t\t\tpadding: 4px 10px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-xs);\n\t\t\t\tbackground: var(--dev-wallet-background);\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-semibold);\n\t\t\t}\n\n\t\t\t.slot-toggle.on {\n\t\t\t\tbackground: var(--dev-wallet-primary);\n\t\t\t\tcolor: var(--dev-wallet-primary-foreground);\n\t\t\t\tborder-color: var(--dev-wallet-primary);\n\t\t\t}\n\n\t\t\t.slot-toggle:hover:not(:disabled) {\n\t\t\t\tfilter: brightness(1.05);\n\t\t\t}\n\n\t\t\t.slot-toggle:disabled {\n\t\t\t\topacity: 0.55;\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\n\t\t\t.helper-text {\n\t\t\t\tfont-size: 11px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tmargin-top: 6px;\n\t\t\t\tline-height: 1.4;\n\t\t\t}\n\n\t\t\t.fork-banner {\n\t\t\t\tpadding: 8px 12px;\n\t\t\t\tbackground: rgba(234, 179, 8, 0.12);\n\t\t\t\tborder: 1px solid rgba(234, 179, 8, 0.35);\n\t\t\t\tborder-radius: var(--dev-wallet-radius-sm);\n\t\t\t\tfont-size: 11px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tline-height: 1.4;\n\t\t\t\tmargin-bottom: 14px;\n\t\t\t}\n\n\t\t\t.fork-banner strong {\n\t\t\t\tcolor: #92400e;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-semibold);\n\t\t\t}\n\n\t\t\t.inline-error {\n\t\t\t\tfont-size: 11px;\n\t\t\t\tmargin-top: 6px;\n\t\t\t}\n\t\t`,\n\t];\n\n\t/** Fork relay client. Provided by the parent (`wallet-controller`)\n\t *  when the active manifest exposes a forked stack. When `null`,\n\t *  the panel renders an empty state — the tab gating in the\n\t *  controller normally prevents this. */\n\t@property({ attribute: false })\n\trelay: ForkRelay | null = null;\n\n\t/** Upstream label (`'mainnet'`, `'testnet'`, …). Surfaced in the\n\t *  banner so the operator can't misread which chain the fork forked. */\n\t@property({ type: String })\n\tupstream = '';\n\n\t@state()\n\tprivate _status: ForkStatus | null = null;\n\n\t@state()\n\tprivate _statusError: string | null = null;\n\n\t@state()\n\tprivate _statusLoading = false;\n\n\t@state()\n\tprivate _actionInFlight: 'advance-clock' | 'advance-checkpoint' | null = null;\n\n\t@state()\n\tprivate _actionError: string | null = null;\n\n\t@state()\n\tprivate _slots: ForkImpersonationSlot[] = [];\n\n\t@state()\n\tprivate _slotsError: string | null = null;\n\n\t@state()\n\tprivate _slotToggleInFlight: string | null = null;\n\n\t@state()\n\tprivate _clockInputMs = '1000';\n\n\t@state()\n\tprivate _checkpointInputCount = '1';\n\n\t#pollTimer: ReturnType<typeof setInterval> | null = null;\n\n\toverride connectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.#startPolling();\n\t\tvoid this.#refreshAll();\n\t}\n\n\toverride disconnectedCallback() {\n\t\tsuper.disconnectedCallback();\n\t\tthis.#stopPolling();\n\t}\n\n\toverride willUpdate(changed: Map<string, unknown>) {\n\t\tif (changed.has('relay')) {\n\t\t\tthis._status = null;\n\t\t\tthis._statusError = null;\n\t\t\tthis._slots = [];\n\t\t\tthis._slotsError = null;\n\t\t\tif (this.relay !== null) {\n\t\t\t\tvoid this.#refreshAll();\n\t\t\t}\n\t\t}\n\t}\n\n\toverride render() {\n\t\tif (!this.relay) {\n\t\t\treturn html`<div class=\"empty-state\" part=\"empty-state\">\n\t\t\t\tFork controls require a devstack wallet-app connection.\n\t\t\t</div>`;\n\t\t}\n\n\t\tconst upstream = this._status?.upstream ?? this.upstream;\n\t\treturn html`\n\t\t\t<div class=\"fork-banner\" part=\"fork-banner\">\n\t\t\t\t<strong>Fork mode:</strong> changes here only affect the local\n\t\t\t\t${upstream ? html`<em>${upstream}</em>` : 'forked'} sui-fork stack — no real funds at risk.\n\t\t\t</div>\n\n\t\t\t<div class=\"section\">\n\t\t\t\t<div class=\"section-header\">Status</div>\n\t\t\t\t${this.#renderStatus()}\n\t\t\t</div>\n\n\t\t\t<div class=\"section\">\n\t\t\t\t<div class=\"section-header\">Advance clock</div>\n\t\t\t\t<div class=\"action-row\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass=\"action-input\"\n\t\t\t\t\t\tpart=\"advance-clock-input\"\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tmin=\"1\"\n\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\taria-label=\"Advance clock duration in ms\"\n\t\t\t\t\t\t.value=${this._clockInputMs}\n\t\t\t\t\t\t@input=${this.#onClockInput}\n\t\t\t\t\t\t?disabled=${this._actionInFlight !== null}\n\t\t\t\t\t/>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"btn-action\"\n\t\t\t\t\t\tpart=\"advance-clock-button\"\n\t\t\t\t\t\t?disabled=${this._actionInFlight !== null || !this.#parseClock()}\n\t\t\t\t\t\t@click=${this.#onAdvanceClock}\n\t\t\t\t\t>\n\t\t\t\t\t\t${this._actionInFlight === 'advance-clock' ? 'Advancing…' : '+ ms'}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"helper-text\">\n\t\t\t\t\tAdvances <code>clock::timestamp_ms()</code> by the given milliseconds.\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class=\"section\">\n\t\t\t\t<div class=\"section-header\">Advance checkpoints</div>\n\t\t\t\t<div class=\"action-row\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass=\"action-input\"\n\t\t\t\t\t\tpart=\"advance-checkpoint-input\"\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tmin=\"1\"\n\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\taria-label=\"Advance checkpoint count\"\n\t\t\t\t\t\t.value=${this._checkpointInputCount}\n\t\t\t\t\t\t@input=${this.#onCheckpointInput}\n\t\t\t\t\t\t?disabled=${this._actionInFlight !== null}\n\t\t\t\t\t/>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"btn-action\"\n\t\t\t\t\t\tpart=\"advance-checkpoint-button\"\n\t\t\t\t\t\t?disabled=${this._actionInFlight !== null || !this.#parseCheckpointCount()}\n\t\t\t\t\t\t@click=${this.#onAdvanceCheckpoint}\n\t\t\t\t\t>\n\t\t\t\t\t\t${this._actionInFlight === 'advance-checkpoint' ? 'Sealing…' : '+ ckpt'}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"helper-text\">\n\t\t\t\t\tSeals pending transactions into <code>n</code> new checkpoints.\n\t\t\t\t</div>\n\t\t\t\t${this._actionError\n\t\t\t\t\t? html`<div class=\"inline-error\" part=\"action-error\">${this._actionError}</div>`\n\t\t\t\t\t: nothing}\n\t\t\t</div>\n\n\t\t\t<div class=\"section\">\n\t\t\t\t<div class=\"section-header\">Impersonation slots</div>\n\t\t\t\t${this.#renderSlots()}\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t#renderStatus() {\n\t\tif (this._statusLoading && this._status === null) {\n\t\t\treturn html`<div class=\"loading\" part=\"status-loading\">Loading fork status…</div>`;\n\t\t}\n\t\tif (this._statusError) {\n\t\t\treturn html` <div class=\"error-state\" part=\"status-error\">${this._statusError}</div> `;\n\t\t}\n\t\tif (!this._status) {\n\t\t\treturn html`<div class=\"empty-state\" part=\"status-empty\">Fork status unavailable.</div>`;\n\t\t}\n\t\tconst { checkpoint, clockMs, autoTickMs } = this._status;\n\t\tconst clockIso = (() => {\n\t\t\ttry {\n\t\t\t\treturn new Date(Number(clockMs)).toISOString();\n\t\t\t} catch {\n\t\t\t\treturn '—';\n\t\t\t}\n\t\t})();\n\t\treturn html`\n\t\t\t<div class=\"status-grid\" part=\"status-grid\">\n\t\t\t\t<span class=\"status-label\">Checkpoint</span>\n\t\t\t\t<span class=\"status-value\" part=\"status-checkpoint\">${checkpoint.toString()}</span>\n\t\t\t\t<span class=\"status-label\">Clock</span>\n\t\t\t\t<span class=\"status-value\" part=\"status-clock\">${clockMs.toString()}</span>\n\t\t\t\t<span class=\"status-label\">UTC</span>\n\t\t\t\t<span class=\"status-value dim\" part=\"status-clock-iso\">${clockIso}</span>\n\t\t\t\t<span class=\"status-label\">Auto-tick</span>\n\t\t\t\t<span class=\"status-value dim\" part=\"status-auto-tick\">\n\t\t\t\t\t${autoTickMs ? `${autoTickMs}ms` : 'off'}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t#renderSlots() {\n\t\tif (this._slotsError) {\n\t\t\treturn html`<div class=\"error-state\" part=\"slots-error\">${this._slotsError}</div>`;\n\t\t}\n\t\tif (this._slots.length === 0) {\n\t\t\treturn html`<div class=\"empty-state\" part=\"slots-empty\">\n\t\t\t\tNo impersonation slots configured. Add addresses via\n\t\t\t\t<code>Sui({fork:{impersonate:[…]}})</code>.\n\t\t\t</div>`;\n\t\t}\n\t\treturn html`\n\t\t\t<div class=\"slot-list\" part=\"slot-list\">\n\t\t\t\t${this._slots.map((slot) => {\n\t\t\t\t\tconst inFlight = this._slotToggleInFlight === slot.address;\n\t\t\t\t\treturn html`\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=${slot.active ? 'slot-item active' : 'slot-item'}\n\t\t\t\t\t\t\tpart=${slot.active ? 'slot-item slot-item-active' : 'slot-item'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"slot-meta\">\n\t\t\t\t\t\t\t\t<span class=\"slot-label\">${slot.label ?? formatAddress(slot.address)}</span>\n\t\t\t\t\t\t\t\t<span class=\"slot-address\">${formatAddress(slot.address)}</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=${slot.active ? 'slot-toggle on' : 'slot-toggle'}\n\t\t\t\t\t\t\t\tpart=\"slot-toggle\"\n\t\t\t\t\t\t\t\taria-pressed=${slot.active}\n\t\t\t\t\t\t\t\t?disabled=${inFlight}\n\t\t\t\t\t\t\t\t@click=${() => this.#onToggleSlot(slot)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t${inFlight ? '…' : slot.active ? 'On' : 'Off'}\n\t\t\t\t\t\t\t</button>\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\t<div class=\"helper-text\">\n\t\t\t\tWhen <strong>On</strong>, user-driven tx signing for the matching account routes through\n\t\t\t\t<code>executeImpersonated</code> instead of a real signature.\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t// ── Input bindings ────────────────────────────────────────────────────\n\n\t#onClockInput = (e: Event) => {\n\t\tthis._clockInputMs = (e.target as HTMLInputElement).value;\n\t};\n\n\t#onCheckpointInput = (e: Event) => {\n\t\tthis._checkpointInputCount = (e.target as HTMLInputElement).value;\n\t};\n\n\t#parseClock(): number | null {\n\t\tconst n = Number(this._clockInputMs);\n\t\tif (!Number.isFinite(n) || n <= 0 || !Number.isInteger(n)) return null;\n\t\treturn n;\n\t}\n\n\t#parseCheckpointCount(): number | null {\n\t\tconst n = Number(this._checkpointInputCount);\n\t\tif (!Number.isFinite(n) || n <= 0 || !Number.isInteger(n)) return null;\n\t\treturn n;\n\t}\n\n\t// ── Action handlers ───────────────────────────────────────────────────\n\n\t#onAdvanceClock = async () => {\n\t\tconst ms = this.#parseClock();\n\t\tif (ms === null || !this.relay) return;\n\t\tthis._actionInFlight = 'advance-clock';\n\t\tthis._actionError = null;\n\t\ttry {\n\t\t\tconst result = await this.relay.advanceClock(ms);\n\t\t\tif (result.ok) {\n\t\t\t\tthis._status = result.value;\n\t\t\t} else {\n\t\t\t\tthis._actionError = result.error;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tthis._actionError = getErrorMessage(error, 'advance-clock failed');\n\t\t} finally {\n\t\t\tthis._actionInFlight = null;\n\t\t}\n\t};\n\n\t#onAdvanceCheckpoint = async () => {\n\t\tconst count = this.#parseCheckpointCount();\n\t\tif (count === null || !this.relay) return;\n\t\tthis._actionInFlight = 'advance-checkpoint';\n\t\tthis._actionError = null;\n\t\ttry {\n\t\t\tconst result = await this.relay.advanceCheckpoint(count);\n\t\t\tif (result.ok) {\n\t\t\t\tthis._status = result.value;\n\t\t\t} else {\n\t\t\t\tthis._actionError = result.error;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tthis._actionError = getErrorMessage(error, 'advance-checkpoint failed');\n\t\t} finally {\n\t\t\tthis._actionInFlight = null;\n\t\t}\n\t};\n\n\t#onToggleSlot = async (slot: ForkImpersonationSlot) => {\n\t\tif (!this.relay || this._slotToggleInFlight !== null) return;\n\t\tthis._slotToggleInFlight = slot.address;\n\t\tthis._slotsError = null;\n\t\ttry {\n\t\t\tconst result = await this.relay.setImpersonation(slot.address, !slot.active);\n\t\t\tif (result.ok) {\n\t\t\t\tthis._slots = result.value;\n\t\t\t\t// Notify dapp-level integrations (`wallet-controller`) so the\n\t\t\t\t// signing modal flips its impersonation footnote in lock-step\n\t\t\t\t// with the toggle. Composed/bubbling so the host element sees\n\t\t\t\t// it regardless of where the panel was mounted.\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('fork-impersonation-changed', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\taddress: slot.address,\n\t\t\t\t\t\t\tactive: !slot.active,\n\t\t\t\t\t\t\tslots: result.value,\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis._slotsError = result.error;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tthis._slotsError = getErrorMessage(error, 'toggle failed');\n\t\t} finally {\n\t\t\tthis._slotToggleInFlight = null;\n\t\t}\n\t};\n\n\t// ── Polling ───────────────────────────────────────────────────────────\n\n\t#startPolling() {\n\t\tthis.#stopPolling();\n\t\tthis.#pollTimer = setInterval(() => {\n\t\t\tvoid this.#refreshStatus();\n\t\t}, STATUS_POLL_MS);\n\t}\n\n\t#stopPolling() {\n\t\tif (this.#pollTimer !== null) {\n\t\t\tclearInterval(this.#pollTimer);\n\t\t\tthis.#pollTimer = null;\n\t\t}\n\t}\n\n\tasync #refreshAll(): Promise<void> {\n\t\tawait Promise.all([this.#refreshStatus(), this.#refreshSlots()]);\n\t}\n\n\tasync #refreshStatus(): Promise<void> {\n\t\tif (!this.relay) return;\n\t\tthis._statusLoading = true;\n\t\ttry {\n\t\t\tconst result = await this.relay.getStatus();\n\t\t\tif (result.ok) {\n\t\t\t\tthis._status = result.value;\n\t\t\t\tthis._statusError = null;\n\t\t\t} else {\n\t\t\t\tthis._statusError = result.error;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tthis._statusError = getErrorMessage(error, 'status refresh failed');\n\t\t} finally {\n\t\t\tthis._statusLoading = false;\n\t\t}\n\t}\n\n\tasync #refreshSlots(): Promise<void> {\n\t\tif (!this.relay) return;\n\t\ttry {\n\t\t\tconst result = await this.relay.listImpersonations();\n\t\t\tif (result.ok) {\n\t\t\t\tthis._slots = result.value;\n\t\t\t\tthis._slotsError = null;\n\t\t\t} else {\n\t\t\t\tthis._slotsError = result.error;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tthis._slotsError = getErrorMessage(error, 'slot refresh failed');\n\t\t}\n\t}\n\n\t/** Public hook for tests + external consumers (e.g. signing-modal\n\t *  wants to re-read slots after a transaction lands). Resolves once\n\t *  both status + slots have refreshed. */\n\tasync refresh(): Promise<void> {\n\t\tawait this.#refreshAll();\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-fork-panel': DevWalletForkPanel;\n\t}\n}\n"],"mappings":"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"}

package/dist/ui/dev-wallet-network-badge.d.mts

@@ -1,15 +1,14 @@
-import "./dev-wallet-dropdown.mjs";
-import * as lit38 from "lit";
+import * as _$lit from "lit";
 import { LitElement } from "lit";
 
 //#region src/ui/dev-wallet-network-badge.d.ts
 declare class DevWalletNetworkBadge extends LitElement {
   #private;
-  static styles: (lit38.CSSResult | lit38.CSSResult[])[];
+  static styles: (_$lit.CSSResult | _$lit.CSSResult[])[];
   active: string;
   networks: string[];
   private _open;
-  render(): lit38.TemplateResult<1>;
+  render(): _$lit.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/ui/dev-wallet-network-badge.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-wallet-network-badge.d.mts","names":[],"sources":["../../src/ui/dev-wallet-network-badge.ts"],"mappings":";;;;;cAWa,qBAAA,SAA8B,UAAA;EAAA;SAC1B,MAAA,GADkB,KAAA,CACZ,SAAA,GAAA,KAAA,CAAA,SAAA;EA6CtB,MAAA;EAGA,QAAA;EAAA,QAGQ,KAAA;EAEC,MAAA,CAAA,GArDa,KAAA,CAqDP,cAAA;AAAA;AAAA,QA0DR,MAAA;EAAA,UACG,qBAAA;IACT,0BAAA,EAA4B,qBAAA;EAAA;AAAA"}
+{"version":3,"file":"dev-wallet-network-badge.d.mts","names":[],"sources":["../../src/ui/dev-wallet-network-badge.ts"],"mappings":";;;;cAWa,qBAAA,SAA8B,UAAA;EAAA;SAC1B,MAAA,GADkB,KAAA,CACZ,SAAA,GAAA,KAAA,CAAA,SAAA;EA4EtB,MAAA;EAGA,QAAA;EAAA,QAGQ,KAAA;EAEC,MAAA,CAAA,GApFa,KAAA,CAoFP,cAAA;AAAA;AAAA,QAkER,MAAA;EAAA,UACG,qBAAA;IACT,0BAAA,EAA4B,qBAAA;EAAA;AAAA"}