@mysten-incubation/dev-wallet 0.0.1 → 0.3.0

package/dist/standalone/assets/{webcrypto-adapter-DysAubFb.js → webcrypto-adapter-FejcrL9x.js}

@@ -1 +1 @@
-import{S as g,a as d,p as u,B as m,b as h}from"./main-VE4olb-Q.js";function S(c){const e=new Uint8Array(c),t=e.slice(1,33),r=(e.slice(33,65)[31]&1)===0?2:3,s=new Uint8Array(d.SIZE);return s[0]=r,s.set(t,1),s}var y=class p extends g{#e;static async generate({extractable:e=!1}={}){const t=await globalThis.crypto.subtle.generateKey({name:"ECDSA",namedCurve:"P-256"},e,["sign","verify"]),r=await globalThis.crypto.subtle.exportKey("raw",t.publicKey);return new p(t.privateKey,S(new Uint8Array(r)))}static import(e){return new p(e.privateKey,e.publicKey)}getKeyScheme(){return"Secp256r1"}constructor(e,t){super(),this.privateKey=e,this.#e=new d(t)}export(){const e={privateKey:this.privateKey,publicKey:this.#e.toRawBytes()};return Object.defineProperty(e,"toJSON",{enumerable:!1,value:()=>{throw new Error("The exported keypair must not be serialized. It must be stored in IndexedDB directly.")}}),e}getPublicKey(){return this.#e}async sign(e){const t=await globalThis.crypto.subtle.sign({name:"ECDSA",hash:"SHA-256"},this.privateKey,e),r=u.Signature.fromBytes(new Uint8Array(t));return(r.hasHighS()?new u.Signature(r.r,u.Point.Fn.neg(r.s)):r).toBytes("compact")}};class A{#e;#t;#r=null;constructor(e,t){this.#e=e,this.#t=t}get(e){return this.#s("readonly",t=>t.get(e))}async set(e,t){await this.#s("readwrite",r=>r.put(t,e))}del(e){return this.#s("readwrite",t=>t.delete(e))}entries(){return this.#n().then(e=>new Promise((t,r)=>{const s=e.transaction(this.#t,"readonly"),o=s.objectStore(this.#t),n=[],a=o.openCursor();a.onsuccess=()=>{const i=a.result;i&&(n.push([i.key,i.value]),i.continue())},s.oncomplete=()=>t(n),s.onerror=()=>r(s.error)}))}#n(){return this.#r||(this.#r=new Promise((e,t)=>{const r=indexedDB.open(this.#e);r.onupgradeneeded=()=>{r.result.objectStoreNames.contains(this.#t)||r.result.createObjectStore(this.#t)},r.onsuccess=()=>e(r.result),r.onerror=()=>{this.#r=null,t(r.error)}})),this.#r}#s(e,t){return this.#n().then(r=>new Promise((s,o)=>{const n=r.transaction(this.#t,e),a=t(n.objectStore(this.#t));n.oncomplete=()=>s(a.result),n.onerror=()=>o(n.error),n.onabort=()=>o(n.error)}))}}const f="dev-wallet-webcrypto",K="accounts",l="__account_meta__";class x extends m{constructor(e){super(),this.id="webcrypto",this.name="WebCrypto Signer",this.#e=new A(e?.dbName??f,e?.storeName??K)}#e;async initialize(){const e=await this.#e.entries(),t=await this.#e.get(l)??[],r=[];for(const[s,o]of e){if(s===l)continue;const n=s;try{const a=o,i=y.import(a),b=t.find(w=>w.address===n);r.push(h(i,n,b?.label??"Account"))}catch(a){console.warn(`[dev-wallet] Failed to load account ${n}, skipping:`,a)}}this.setInitialAccounts(r)}async createAccount(e){const t=await y.generate(),r=t.getPublicKey().toSuiAddress(),s=e?.label??this.getDefaultLabel(),o=h(t,r,s);return await this.#e.set(r,t.export()),this.addAccount(o),await this.#t(),o}async renameAccount(e,t){return this._performRename(e,t)?(await this.#t(),!0):!1}async removeAccount(e){return this.removeAccountByAddress(e)?(await this.#e.del(e),await this.#t(),!0):!1}async#t(){const e=this.getAccounts().map(t=>({address:t.address,label:t.label}));await this.#e.set(l,e)}}export{x as WebCryptoSignerAdapter};
+import{S as g,a as d,p as u,B as m,b as h}from"./main-DDltQnzR.js";function S(c){const e=new Uint8Array(c),t=e.slice(1,33),r=(e.slice(33,65)[31]&1)===0?2:3,s=new Uint8Array(d.SIZE);return s[0]=r,s.set(t,1),s}var y=class p extends g{#e;static async generate({extractable:e=!1}={}){const t=await globalThis.crypto.subtle.generateKey({name:"ECDSA",namedCurve:"P-256"},e,["sign","verify"]),r=await globalThis.crypto.subtle.exportKey("raw",t.publicKey);return new p(t.privateKey,S(new Uint8Array(r)))}static import(e){return new p(e.privateKey,e.publicKey)}getKeyScheme(){return"Secp256r1"}constructor(e,t){super(),this.privateKey=e,this.#e=new d(t)}export(){const e={privateKey:this.privateKey,publicKey:this.#e.toRawBytes()};return Object.defineProperty(e,"toJSON",{enumerable:!1,value:()=>{throw new Error("The exported keypair must not be serialized. It must be stored in IndexedDB directly.")}}),e}getPublicKey(){return this.#e}async sign(e){const t=await globalThis.crypto.subtle.sign({name:"ECDSA",hash:"SHA-256"},this.privateKey,e),r=u.Signature.fromBytes(new Uint8Array(t));return(r.hasHighS()?new u.Signature(r.r,u.Point.Fn.neg(r.s)):r).toBytes("compact")}};class A{#e;#t;#r=null;constructor(e,t){this.#e=e,this.#t=t}get(e){return this.#s("readonly",t=>t.get(e))}async set(e,t){await this.#s("readwrite",r=>r.put(t,e))}del(e){return this.#s("readwrite",t=>t.delete(e))}entries(){return this.#n().then(e=>new Promise((t,r)=>{const s=e.transaction(this.#t,"readonly"),o=s.objectStore(this.#t),n=[],a=o.openCursor();a.onsuccess=()=>{const i=a.result;i&&(n.push([i.key,i.value]),i.continue())},s.oncomplete=()=>t(n),s.onerror=()=>r(s.error)}))}#n(){return this.#r||(this.#r=new Promise((e,t)=>{const r=indexedDB.open(this.#e);r.onupgradeneeded=()=>{r.result.objectStoreNames.contains(this.#t)||r.result.createObjectStore(this.#t)},r.onsuccess=()=>e(r.result),r.onerror=()=>{this.#r=null,t(r.error)}})),this.#r}#s(e,t){return this.#n().then(r=>new Promise((s,o)=>{const n=r.transaction(this.#t,e),a=t(n.objectStore(this.#t));n.oncomplete=()=>s(a.result),n.onerror=()=>o(n.error),n.onabort=()=>o(n.error)}))}}const f="dev-wallet-webcrypto",K="accounts",l="__account_meta__";class x extends m{constructor(e){super(),this.id="webcrypto",this.name="WebCrypto Signer",this.#e=new A(e?.dbName??f,e?.storeName??K)}#e;async initialize(){const e=await this.#e.entries(),t=await this.#e.get(l)??[],r=[];for(const[s,o]of e){if(s===l)continue;const n=s;try{const a=o,i=y.import(a),b=t.find(w=>w.address===n);r.push(h(i,n,b?.label??"Account"))}catch(a){console.warn(`[dev-wallet] Failed to load account ${n}, skipping:`,a)}}this.setInitialAccounts(r)}async createAccount(e){const t=await y.generate(),r=t.getPublicKey().toSuiAddress(),s=e?.label??this.getDefaultLabel(),o=h(t,r,s);return await this.#e.set(r,t.export()),this.addAccount(o),await this.#t(),o}async renameAccount(e,t){return this._performRename(e,t)?(await this.#t(),!0):!1}async removeAccount(e){return this.removeAccountByAddress(e)?(await this.#e.del(e),await this.#t(),!0):!1}async#t(){const e=this.getAccounts().map(t=>({address:t.address,label:t.label}));await this.#e.set(l,e)}}export{x as WebCryptoSignerAdapter};

package/dist/standalone/index.html

@@ -4,6 +4,12 @@
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Dev Wallet</title>
+		<link rel="preconnect" href="https://fonts.googleapis.com" />
+		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+		<link
+			href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap"
+			rel="stylesheet"
+		/>
 		<style>
 			* {
 				margin: 0;
@@ -12,33 +18,26 @@
 			}
 			body {
 				font-family:
+					'Geist',
 					ui-sans-serif,
 					system-ui,
 					-apple-system,
 					BlinkMacSystemFont,
 					'Segoe UI',
-					Roboto,
-					'Helvetica Neue',
-					Arial,
 					sans-serif;
-				background: oklch(0.175 0.028 283);
-				color: oklch(0.91 0 0);
+				background: #05080f;
+				color: #e6eefb;
 				min-height: 100vh;
 			}
 			#app {
-				display: flex;
-				flex-direction: column;
-				align-items: center;
-				justify-content: center;
 				min-height: 100vh;
-				padding: 20px;
 			}
 			.loading {
-				color: oklch(0.62 0.04 280);
+				color: #94a6c2;
 				font-size: 14px;
 			}
 		</style>
-		<script type="module" crossorigin src="/assets/main-VE4olb-Q.js"></script>
+		<script type="module" crossorigin src="/assets/main-DDltQnzR.js"></script>
 	</head>
 	<body>
 		<div id="app">

package/dist/ui/copy-controller.mjs

@@ -1,12 +1,12 @@
 import { copyToClipboard } from "./utils.mjs";
-
 //#region src/ui/copy-controller.ts
 var CopyController = class {
-	#timeout = null;
+	#timeout;
 	#duration;
 	constructor(host, duration = 1500) {
 		this.copied = false;
 		this.copiedValue = null;
+		this.#timeout = null;
 		this.#duration = duration;
 		this.host = host;
 		host.addController(this);
@@ -37,7 +37,7 @@ var CopyController = class {
 		return this.copied && this.copiedValue === text;
 	}
 };
-
 //#endregion
 export { CopyController };
+
 //# sourceMappingURL=copy-controller.mjs.map

package/dist/ui/copy-controller.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"copy-controller.mjs","names":["#duration","#timeout"],"sources":["../../src/ui/copy-controller.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nimport { copyToClipboard } from './utils.js';\n\nexport class CopyController implements ReactiveController {\n\thost: ReactiveControllerHost;\n\tcopied = false;\n\tcopiedValue: string | null = null;\n\t#timeout: ReturnType<typeof setTimeout> | null = null;\n\t#duration: number;\n\n\tconstructor(host: ReactiveControllerHost, duration = 1500) {\n\t\tthis.#duration = duration;\n\t\tthis.host = host;\n\t\thost.addController(this);\n\t}\n\n\thostConnected(): void {}\n\n\thostDisconnected(): void {\n\t\tif (this.#timeout) {\n\t\t\tclearTimeout(this.#timeout);\n\t\t\tthis.#timeout = null;\n\t\t}\n\t}\n\n\tasync copy(text: string): Promise<boolean> {\n\t\tconst ok = await copyToClipboard(text);\n\t\tif (ok) {\n\t\t\tthis.copied = true;\n\t\t\tthis.copiedValue = text;\n\t\t\tif (this.#timeout) clearTimeout(this.#timeout);\n\t\t\tthis.#timeout = setTimeout(() => {\n\t\t\t\tthis.copied = false;\n\t\t\t\tthis.copiedValue = null;\n\t\t\t\tthis.host.requestUpdate();\n\t\t\t}, this.#duration);\n\t\t\tthis.host.requestUpdate();\n\t\t}\n\t\treturn ok;\n\t}\n\n\tisCopied(text: string): boolean {\n\t\treturn this.copied && this.copiedValue === text;\n\t}\n}\n"],"mappings":";;;AAOA,IAAa,iBAAb,MAA0D;CAIzD,WAAiD;CACjD;CAEA,YAAY,MAA8B,WAAW,MAAM;gBALlD;qBACoB;AAK5B,QAAKA,WAAY;AACjB,OAAK,OAAO;AACZ,OAAK,cAAc,KAAK;;CAGzB,gBAAsB;CAEtB,mBAAyB;AACxB,MAAI,MAAKC,SAAU;AAClB,gBAAa,MAAKA,QAAS;AAC3B,SAAKA,UAAW;;;CAIlB,MAAM,KAAK,MAAgC;EAC1C,MAAM,KAAK,MAAM,gBAAgB,KAAK;AACtC,MAAI,IAAI;AACP,QAAK,SAAS;AACd,QAAK,cAAc;AACnB,OAAI,MAAKA,QAAU,cAAa,MAAKA,QAAS;AAC9C,SAAKA,UAAW,iBAAiB;AAChC,SAAK,SAAS;AACd,SAAK,cAAc;AACnB,SAAK,KAAK,eAAe;MACvB,MAAKD,SAAU;AAClB,QAAK,KAAK,eAAe;;AAE1B,SAAO;;CAGR,SAAS,MAAuB;AAC/B,SAAO,KAAK,UAAU,KAAK,gBAAgB"}
+{"version":3,"file":"copy-controller.mjs","names":["#duration","#timeout"],"sources":["../../src/ui/copy-controller.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nimport { copyToClipboard } from './utils.js';\n\nexport class CopyController implements ReactiveController {\n\thost: ReactiveControllerHost;\n\tcopied = false;\n\tcopiedValue: string | null = null;\n\t#timeout: ReturnType<typeof setTimeout> | null = null;\n\t#duration: number;\n\n\tconstructor(host: ReactiveControllerHost, duration = 1500) {\n\t\tthis.#duration = duration;\n\t\tthis.host = host;\n\t\thost.addController(this);\n\t}\n\n\thostConnected(): void {}\n\n\thostDisconnected(): void {\n\t\tif (this.#timeout) {\n\t\t\tclearTimeout(this.#timeout);\n\t\t\tthis.#timeout = null;\n\t\t}\n\t}\n\n\tasync copy(text: string): Promise<boolean> {\n\t\tconst ok = await copyToClipboard(text);\n\t\tif (ok) {\n\t\t\tthis.copied = true;\n\t\t\tthis.copiedValue = text;\n\t\t\tif (this.#timeout) clearTimeout(this.#timeout);\n\t\t\tthis.#timeout = setTimeout(() => {\n\t\t\t\tthis.copied = false;\n\t\t\t\tthis.copiedValue = null;\n\t\t\t\tthis.host.requestUpdate();\n\t\t\t}, this.#duration);\n\t\t\tthis.host.requestUpdate();\n\t\t}\n\t\treturn ok;\n\t}\n\n\tisCopied(text: string): boolean {\n\t\treturn this.copied && this.copiedValue === text;\n\t}\n}\n"],"mappings":";;AAOA,IAAa,iBAAb,MAA0D;CAIzD;CACA;CAEA,YAAY,MAA8B,WAAW,MAAM;gBALlD;qBACoB;kBACoB;AAIhD,QAAA,WAAiB;AACjB,OAAK,OAAO;AACZ,OAAK,cAAc,KAAK;;CAGzB,gBAAsB;CAEtB,mBAAyB;AACxB,MAAI,MAAA,SAAe;AAClB,gBAAa,MAAA,QAAc;AAC3B,SAAA,UAAgB;;;CAIlB,MAAM,KAAK,MAAgC;EAC1C,MAAM,KAAK,MAAM,gBAAgB,KAAK;AACtC,MAAI,IAAI;AACP,QAAK,SAAS;AACd,QAAK,cAAc;AACnB,OAAI,MAAA,QAAe,cAAa,MAAA,QAAc;AAC9C,SAAA,UAAgB,iBAAiB;AAChC,SAAK,SAAS;AACd,SAAK,cAAc;AACnB,SAAK,KAAK,eAAe;MACvB,MAAA,SAAe;AAClB,QAAK,KAAK,eAAe;;AAE1B,SAAO;;CAGR,SAAS,MAAuB;AAC/B,SAAO,KAAK,UAAU,KAAK,gBAAgB"}

package/dist/ui/dev-wallet-account-selector.d.mts

@@ -1,18 +1,17 @@
 import { SignerAdapter } from "../types.mjs";
-import "./dev-wallet-dropdown.mjs";
 import { ReadonlyWalletAccount } from "@mysten/wallet-standard";
-import * as lit26 from "lit";
+import * as _$lit from "lit";
 import { LitElement } from "lit";
 
 //#region src/ui/dev-wallet-account-selector.d.ts
 declare class DevWalletAccountSelector extends LitElement {
   #private;
-  static styles: (lit26.CSSResult | lit26.CSSResult[])[];
+  static styles: (_$lit.CSSResult | _$lit.CSSResult[])[];
   accounts: ReadonlyWalletAccount[];
   adapters: SignerAdapter[];
   activeAddress: string;
   private _open;
-  render(): lit26.TemplateResult<1>;
+  render(): _$lit.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/ui/dev-wallet-account-selector.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-wallet-account-selector.d.mts","names":[],"sources":["../../src/ui/dev-wallet-account-selector.ts"],"mappings":";;;;;;;cAsBa,wBAAA,SAAiC,UAAA;EAAA;SAC7B,MAAA,GADqB,KAAA,CACf,SAAA,GAAA,KAAA,CAAA,SAAA;EAiJtB,QAAA,EAAU,qBAAA;EAGV,QAAA,EAAU,aAAA;EAGV,aAAA;EAAA,QAGQ,KAAA;EAIC,MAAA,CAAA,GAVc,KAAA,CAUR,cAAA;AAAA;AAAA,QAiGR,MAAA;EAAA,UACG,qBAAA;IACT,6BAAA,EAA+B,wBAAA;EAAA;AAAA"}
+{"version":3,"file":"dev-wallet-account-selector.d.mts","names":[],"sources":["../../src/ui/dev-wallet-account-selector.ts"],"mappings":";;;;;;cAsBa,wBAAA,SAAiC,UAAA;EAAA;SAC7B,MAAA,GADqB,KAAA,CACf,SAAA,GAAA,KAAA,CAAA,SAAA;EAsKtB,QAAA,EAAU,qBAAA;EAGV,QAAA,EAAU,aAAA;EAGV,aAAA;EAAA,QAGQ,KAAA;EAIC,MAAA,CAAA,GAVc,KAAA,CAUR,cAAA;AAAA;AAAA,QAuGR,MAAA;EAAA,UACG,qBAAA;IACT,6BAAA,EAA+B,wBAAA;EAAA;AAAA"}

package/dist/ui/dev-wallet-account-selector.mjs

@@ -1,11 +1,10 @@
 import { dropdownItemStyles, sharedStyles } from "./styles.mjs";
 import { emitEvent, findAdapterForAddress, formatAddress } from "./utils.mjs";
 import { CopyController } from "./copy-controller.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-dropdown.mjs";
 import { LitElement, css, html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-
 //#region src/ui/dev-wallet-account-selector.ts
 /** Short display names for adapter badges. */
 const ADAPTER_SHORT_NAMES = {
@@ -14,13 +13,14 @@ const ADAPTER_SHORT_NAMES = {
 	"In-Memory Signer": "Memory",
 	"Passkey Signer": "Passkey"
 };
-let DevWalletAccountSelector = class DevWalletAccountSelector$1 extends LitElement {
+let DevWalletAccountSelector = class DevWalletAccountSelector extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.accounts = [];
 		this.adapters = [];
 		this.activeAddress = "";
 		this._open = false;
+		this.#copy = new CopyController(this);
 	}
 	static {
 		this.styles = [
@@ -34,17 +34,22 @@ let DevWalletAccountSelector = class DevWalletAccountSelector$1 extends LitEleme
 			.active-account {
 				display: flex;
 				align-items: center;
-				gap: 8px;
+				gap: 10px;
 				width: 100%;
-				padding: 8px 10px;
-				border-radius: var(--dev-wallet-radius-md);
-				background: var(--dev-wallet-secondary);
+				min-height: 54px;
+				padding: 10px 12px;
+				border-radius: var(--dev-wallet-radius-lg);
+				border: 1px solid var(--dev-wallet-border);
+				background: var(--dev-wallet-surface);
 				cursor: pointer;
-				transition: background 0.15s;
+				transition:
+					background 120ms,
+					border-color 120ms;
 			}
 
 			.active-account:hover {
-				background: var(--dev-wallet-border);
+				background: var(--dev-wallet-bg-hover);
+				border-color: var(--dev-wallet-border-strong);
 			}
 
 			.avatar {
@@ -75,26 +80,36 @@ let DevWalletAccountSelector = class DevWalletAccountSelector$1 extends LitEleme
 				text-overflow: ellipsis;
 			}
 
+			.account-label-row {
+				display: flex;
+				align-items: center;
+				gap: 6px;
+				min-width: 0;
+			}
+
 			.account-address {
 				font-size: 11px;
 				font-family: var(--dev-wallet-font-mono);
-				color: var(--dev-wallet-muted-foreground);
+				color: var(--dev-wallet-text-3);
 			}
 
 			.copy-btn {
-				width: 22px;
-				height: 22px;
+				width: 36px;
+				height: 54px;
 				display: flex;
 				align-items: center;
 				justify-content: center;
-				border-radius: var(--dev-wallet-radius-xs);
+				border-radius: var(--dev-wallet-radius);
+				border: 1px solid var(--dev-wallet-border);
+				background: transparent;
 				color: var(--dev-wallet-muted-foreground);
 				flex-shrink: 0;
 				font-size: 12px;
 			}
 
 			.copy-btn:hover {
-				background: var(--dev-wallet-border);
+				background: var(--dev-wallet-bg-hover);
+				border-color: var(--dev-wallet-border-strong);
 				color: var(--dev-wallet-foreground);
 			}
 
@@ -110,7 +125,8 @@ let DevWalletAccountSelector = class DevWalletAccountSelector$1 extends LitEleme
 			}
 
 			.dropdown-item[aria-selected='true'] {
-				background: color-mix(in oklab, var(--dev-wallet-primary) 10%, transparent);
+				background: var(--dev-wallet-accent-fade);
+				border-color: var(--dev-wallet-border-strong);
 			}
 
 			.dropdown-item .avatar {
@@ -138,11 +154,16 @@ let DevWalletAccountSelector = class DevWalletAccountSelector$1 extends LitEleme
 			}
 
 			.adapter-badge {
+				height: 16px;
+				display: inline-flex;
+				align-items: center;
+				padding: 0 5px;
+				border-radius: 999px;
+				border: 1px solid var(--dev-wallet-border);
+				background: var(--dev-wallet-bg-3);
+				color: var(--dev-wallet-text-3);
+				font-family: var(--dev-wallet-font-mono);
 				font-size: 9px;
-				padding: 1px 4px;
-				border-radius: var(--dev-wallet-radius-2xs);
-				background: var(--dev-wallet-secondary);
-				color: var(--dev-wallet-muted-foreground);
 				white-space: nowrap;
 			}
 
@@ -167,14 +188,13 @@ let DevWalletAccountSelector = class DevWalletAccountSelector$1 extends LitEleme
 		`
 		];
 	}
-	#copy = new CopyController(this);
+	#copy;
 	render() {
 		const active = this.accounts.find((a) => a.address === this.activeAddress);
-		if (!active) {
-			return html`<div class="empty-state" part="empty-state">No account selected</div>`;
-		}
+		if (!active) return html`<div class="empty-state" part="empty-state">No account selected</div>`;
 		const label = this.#getLabel(active);
 		const initial = (label[0] ?? "?").toUpperCase();
+		const activeAdapterName = this.#getAdapterName(active.address);
 		return html`
 			<div class="selector-row">
 				<dev-wallet-dropdown
@@ -193,7 +213,10 @@ let DevWalletAccountSelector = class DevWalletAccountSelector$1 extends LitEleme
 					>
 						<span class="avatar">${initial}</span>
 						<div class="account-info">
-							<div class="account-label">${label}</div>
+							<div class="account-label-row">
+								<div class="account-label">${label}</div>
+								${activeAdapterName ? html`<span class="adapter-badge">${activeAdapterName}</span>` : nothing}
+							</div>
 							<div class="account-address">${formatAddress(active.address)}</div>
 						</div>
 						<svg
@@ -262,7 +285,7 @@ __decorate([property({ attribute: false })], DevWalletAccountSelector.prototype,
 __decorate([property({ type: String })], DevWalletAccountSelector.prototype, "activeAddress", void 0);
 __decorate([state()], DevWalletAccountSelector.prototype, "_open", void 0);
 DevWalletAccountSelector = __decorate([customElement("dev-wallet-account-selector")], DevWalletAccountSelector);
-
 //#endregion
 export { DevWalletAccountSelector };
+
 //# sourceMappingURL=dev-wallet-account-selector.mjs.map

package/dist/ui/dev-wallet-account-selector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dev-wallet-account-selector.mjs","names":["DevWalletAccountSelector","#getLabel","#getAdapterName","#select","#copy"],"sources":["../../src/ui/dev-wallet-account-selector.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReadonlyWalletAccount } from '@mysten/wallet-standard';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport type { SignerAdapter } from '../types.js';\nimport { dropdownItemStyles, sharedStyles } from './styles.js';\nimport { CopyController } from './copy-controller.js';\nimport { emitEvent, findAdapterForAddress, formatAddress } from './utils.js';\nimport './dev-wallet-dropdown.js';\n\n/** Short display names for adapter badges. */\nconst ADAPTER_SHORT_NAMES: Record<string, string> = {\n\t'WebCrypto Signer': 'WebCrypto',\n\t'Remote CLI Signer': 'CLI',\n\t'In-Memory Signer': 'Memory',\n\t'Passkey Signer': 'Passkey',\n};\n\n@customElement('dev-wallet-account-selector')\nexport class DevWalletAccountSelector extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tdropdownItemStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t.active-account {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 8px;\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 8px 10px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-md);\n\t\t\t\tbackground: var(--dev-wallet-secondary);\n\t\t\t\tcursor: pointer;\n\t\t\t\ttransition: background 0.15s;\n\t\t\t}\n\n\t\t\t.active-account:hover {\n\t\t\t\tbackground: var(--dev-wallet-border);\n\t\t\t}\n\n\t\t\t.avatar {\n\t\t\t\twidth: 28px;\n\t\t\t\theight: 28px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-semibold);\n\t\t\t\tcolor: var(--dev-wallet-primary-foreground);\n\t\t\t\tbackground: var(--dev-wallet-primary);\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.account-info {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t}\n\n\t\t\t.account-label {\n\t\t\t\tfont-size: 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\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.account-address {\n\t\t\t\tfont-size: 11px;\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t}\n\n\t\t\t.copy-btn {\n\t\t\t\twidth: 22px;\n\t\t\t\theight: 22px;\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\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tflex-shrink: 0;\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\n\t\t\t.copy-btn:hover {\n\t\t\t\tbackground: var(--dev-wallet-border);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t}\n\n\t\t\t.copy-btn.copied {\n\t\t\t\tcolor: var(--dev-wallet-positive);\n\t\t\t}\n\n\t\t\t.chevron {\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 14px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.dropdown-item[aria-selected='true'] {\n\t\t\t\tbackground: color-mix(in oklab, var(--dev-wallet-primary) 10%, transparent);\n\t\t\t}\n\n\t\t\t.dropdown-item .avatar {\n\t\t\t\twidth: 24px;\n\t\t\t\theight: 24px;\n\t\t\t\tfont-size: 10px;\n\t\t\t}\n\n\t\t\t.dropdown-item .account-label {\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\n\t\t\t.dropdown-item .account-address {\n\t\t\t\tfont-size: 10px;\n\t\t\t}\n\n\t\t\t.dropdown-item .account-info {\n\t\t\t\tmin-width: 0;\n\t\t\t}\n\n\t\t\t.dropdown-item .account-label {\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.adapter-badge {\n\t\t\t\tfont-size: 9px;\n\t\t\t\tpadding: 1px 4px;\n\t\t\t\tborder-radius: var(--dev-wallet-radius-2xs);\n\t\t\t\tbackground: var(--dev-wallet-secondary);\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\n\t\t\t.selector-row {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 4px;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.selector-wrapper {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t\t--dropdown-max-height: 240px;\n\t\t\t}\n\n\t\t\t.empty-state {\n\t\t\t\tpadding: 16px;\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\taccounts: ReadonlyWalletAccount[] = [];\n\n\t@property({ attribute: false })\n\tadapters: SignerAdapter[] = [];\n\n\t@property({ type: String })\n\tactiveAddress = '';\n\n\t@state()\n\tprivate _open = false;\n\n\t#copy = new CopyController(this);\n\n\toverride render() {\n\t\tconst active = this.accounts.find((a) => a.address === this.activeAddress);\n\n\t\tif (!active) {\n\t\t\treturn html`<div class=\"empty-state\" part=\"empty-state\">No account selected</div>`;\n\t\t}\n\n\t\tconst label = this.#getLabel(active);\n\t\tconst initial = (label[0] ?? '?').toUpperCase();\n\n\t\treturn html`\n\t\t\t<div class=\"selector-row\">\n\t\t\t\t<dev-wallet-dropdown\n\t\t\t\t\tfull-width\n\t\t\t\t\tclass=\"selector-wrapper\"\n\t\t\t\t\t.open=${this._open}\n\t\t\t\t\t@close=${() => (this._open = false)}\n\t\t\t\t>\n\t\t\t\t\t<button\n\t\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\t\tclass=\"active-account\"\n\t\t\t\t\t\tpart=\"trigger\"\n\t\t\t\t\t\taria-expanded=${this._open}\n\t\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t\t@click=${() => (this._open = !this._open)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"avatar\">${initial}</span>\n\t\t\t\t\t\t<div class=\"account-info\">\n\t\t\t\t\t\t\t<div class=\"account-label\">${label}</div>\n\t\t\t\t\t\t\t<div class=\"account-address\">${formatAddress(active.address)}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tclass=\"chevron\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"2.5\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path d=\"M6 9l6 6 6-6\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t\t<div slot=\"popover\" role=\"listbox\" aria-label=\"Select account\">\n\t\t\t\t\t\t${this.accounts.map((account) => {\n\t\t\t\t\t\t\tconst accountLabel = this.#getLabel(account);\n\t\t\t\t\t\t\tconst accountInitial = (accountLabel[0] ?? '?').toUpperCase();\n\t\t\t\t\t\t\tconst adapterName = this.#getAdapterName(account.address);\n\n\t\t\t\t\t\t\treturn html`\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass=\"dropdown-item\"\n\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\taria-selected=${account.address === this.activeAddress}\n\t\t\t\t\t\t\t\t\t@click=${() => this.#select(account)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span class=\"avatar\">${accountInitial}</span>\n\t\t\t\t\t\t\t\t\t<div class=\"account-info\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"account-label\">${accountLabel}</div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"account-address\">${formatAddress(account.address)}</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t${adapterName ? html`<span class=\"adapter-badge\">${adapterName}</span>` : nothing}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t`;\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</dev-wallet-dropdown>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"copy-btn ${this.#copy.isCopied(active.address) ? 'copied' : ''}\"\n\t\t\t\t\tpart=\"copy-button\"\n\t\t\t\t\ttitle=\"Copy address\"\n\t\t\t\t\taria-label=\"Copy address\"\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\tthis.#copy.copy(active.address);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${this.#copy.isCopied(active.address) ? '\\u2713' : '\\u2398'}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t#getLabel(account: ReadonlyWalletAccount): string {\n\t\treturn account.label ?? `Account ${account.address.slice(0, 8)}`;\n\t}\n\n\t#getAdapterName(address: string): string | null {\n\t\tconst adapter = findAdapterForAddress(this.adapters, address);\n\t\tif (!adapter) return null;\n\t\treturn ADAPTER_SHORT_NAMES[adapter.name] ?? adapter.name;\n\t}\n\n\t#select(account: ReadonlyWalletAccount) {\n\t\tthis._open = false;\n\t\temitEvent(this, 'account-selected', { account });\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-account-selector': DevWalletAccountSelector;\n\t}\n}\n"],"mappings":";;;;;;;;;;AAcA,MAAM,sBAA8C;CACnD,oBAAoB;CACpB,qBAAqB;CACrB,oBAAoB;CACpB,kBAAkB;CAClB;AAGM,qCAAMA,mCAAiC,WAAW;;;kBAkJpB,EAAE;kBAGV,EAAE;uBAGd;eAGA;;;gBA1JS;GACxB;GACA;GACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2IH;;CAcD,QAAQ,IAAI,eAAe,KAAK;CAEhC,AAAS,SAAS;EACjB,MAAM,SAAS,KAAK,SAAS,MAAM,MAAM,EAAE,YAAY,KAAK,cAAc;AAE1E,MAAI,CAAC,QAAQ;AACZ,UAAO,IAAI;;EAGZ,MAAM,QAAQ,MAAKC,SAAU,OAAO;EACpC,MAAM,WAAW,MAAM,MAAM,KAAK,aAAa;AAE/C,SAAO,IAAI;;;;;aAKA,KAAK,MAAM;oBACH,KAAK,QAAQ,MAAO;;;;;;sBAMnB,KAAK,MAAM;;qBAEX,KAAK,QAAQ,CAAC,KAAK,MAAO;;6BAEnB,QAAQ;;oCAED,MAAM;sCACJ,cAAc,OAAO,QAAQ,CAAC;;;;;;;;;;;;;QAa5D,KAAK,SAAS,KAAK,YAAY;GAChC,MAAM,eAAe,MAAKA,SAAU,QAAQ;GAC5C,MAAM,kBAAkB,aAAa,MAAM,KAAK,aAAa;GAC7D,MAAM,cAAc,MAAKC,eAAgB,QAAQ,QAAQ;AAEzD,UAAO,IAAI;;;;yBAIO,QAAQ,YAAY,KAAK,cAAc;wBACxC,MAAKC,OAAQ,QAAQ,CAAC;;gCAEd,eAAe;;uCAER,aAAa;yCACX,cAAc,QAAQ,QAAQ,CAAC;;WAE7D,cAAc,IAAI,+BAA+B,YAAY,WAAW,QAAQ;;;IAGnF,CAAC;;;;uBAIc,MAAKC,KAAM,SAAS,OAAO,QAAQ,GAAG,WAAW,GAAG;;;;eAI5D,MAAa;AACtB,KAAE,iBAAiB;AACnB,SAAKA,KAAM,KAAK,OAAO,QAAQ;IAC9B;;OAEA,MAAKA,KAAM,SAAS,OAAO,QAAQ,GAAG,MAAW,IAAS;;;;;CAMhE,UAAU,SAAwC;AACjD,SAAO,QAAQ,SAAS,WAAW,QAAQ,QAAQ,MAAM,GAAG,EAAE;;CAG/D,gBAAgB,SAAgC;EAC/C,MAAM,UAAU,sBAAsB,KAAK,UAAU,QAAQ;AAC7D,MAAI,CAAC,QAAS,QAAO;AACrB,SAAO,oBAAoB,QAAQ,SAAS,QAAQ;;CAGrD,QAAQ,SAAgC;AACvC,OAAK,QAAQ;AACb,YAAU,MAAM,oBAAoB,EAAE,SAAS,CAAC;;;YA3GhD,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,SAAS,EAAE,WAAW,OAAO,CAAC;YAG9B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,OAAO;uCA3JR,cAAc,8BAA8B"}
+{"version":3,"file":"dev-wallet-account-selector.mjs","names":["#getLabel","#getAdapterName","#select","#copy"],"sources":["../../src/ui/dev-wallet-account-selector.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReadonlyWalletAccount } from '@mysten/wallet-standard';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport type { SignerAdapter } from '../types.js';\nimport { dropdownItemStyles, sharedStyles } from './styles.js';\nimport { CopyController } from './copy-controller.js';\nimport { emitEvent, findAdapterForAddress, formatAddress } from './utils.js';\nimport './dev-wallet-dropdown.js';\n\n/** Short display names for adapter badges. */\nconst ADAPTER_SHORT_NAMES: Record<string, string> = {\n\t'WebCrypto Signer': 'WebCrypto',\n\t'Remote CLI Signer': 'CLI',\n\t'In-Memory Signer': 'Memory',\n\t'Passkey Signer': 'Passkey',\n};\n\n@customElement('dev-wallet-account-selector')\nexport class DevWalletAccountSelector extends LitElement {\n\tstatic override styles = [\n\t\tsharedStyles,\n\t\tdropdownItemStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t.active-account {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 10px;\n\t\t\t\twidth: 100%;\n\t\t\t\tmin-height: 54px;\n\t\t\t\tpadding: 10px 12px;\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\tcursor: pointer;\n\t\t\t\ttransition:\n\t\t\t\t\tbackground 120ms,\n\t\t\t\t\tborder-color 120ms;\n\t\t\t}\n\n\t\t\t.active-account:hover {\n\t\t\t\tbackground: var(--dev-wallet-bg-hover);\n\t\t\t\tborder-color: var(--dev-wallet-border-strong);\n\t\t\t}\n\n\t\t\t.avatar {\n\t\t\t\twidth: 28px;\n\t\t\t\theight: 28px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-weight: var(--dev-wallet-font-weight-semibold);\n\t\t\t\tcolor: var(--dev-wallet-primary-foreground);\n\t\t\t\tbackground: var(--dev-wallet-primary);\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.account-info {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t}\n\n\t\t\t.account-label {\n\t\t\t\tfont-size: 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\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.account-label-row {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 6px;\n\t\t\t\tmin-width: 0;\n\t\t\t}\n\n\t\t\t.account-address {\n\t\t\t\tfont-size: 11px;\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tcolor: var(--dev-wallet-text-3);\n\t\t\t}\n\n\t\t\t.copy-btn {\n\t\t\t\twidth: 36px;\n\t\t\t\theight: 54px;\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\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tbackground: transparent;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tflex-shrink: 0;\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\n\t\t\t.copy-btn:hover {\n\t\t\t\tbackground: var(--dev-wallet-bg-hover);\n\t\t\t\tborder-color: var(--dev-wallet-border-strong);\n\t\t\t\tcolor: var(--dev-wallet-foreground);\n\t\t\t}\n\n\t\t\t.copy-btn.copied {\n\t\t\t\tcolor: var(--dev-wallet-positive);\n\t\t\t}\n\n\t\t\t.chevron {\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 14px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.dropdown-item[aria-selected='true'] {\n\t\t\t\tbackground: var(--dev-wallet-accent-fade);\n\t\t\t\tborder-color: var(--dev-wallet-border-strong);\n\t\t\t}\n\n\t\t\t.dropdown-item .avatar {\n\t\t\t\twidth: 24px;\n\t\t\t\theight: 24px;\n\t\t\t\tfont-size: 10px;\n\t\t\t}\n\n\t\t\t.dropdown-item .account-label {\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\n\t\t\t.dropdown-item .account-address {\n\t\t\t\tfont-size: 10px;\n\t\t\t}\n\n\t\t\t.dropdown-item .account-info {\n\t\t\t\tmin-width: 0;\n\t\t\t}\n\n\t\t\t.dropdown-item .account-label {\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.adapter-badge {\n\t\t\t\theight: 16px;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding: 0 5px;\n\t\t\t\tborder-radius: 999px;\n\t\t\t\tborder: 1px solid var(--dev-wallet-border);\n\t\t\t\tbackground: var(--dev-wallet-bg-3);\n\t\t\t\tcolor: var(--dev-wallet-text-3);\n\t\t\t\tfont-family: var(--dev-wallet-font-mono);\n\t\t\t\tfont-size: 9px;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\n\t\t\t.selector-row {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 4px;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.selector-wrapper {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t\t--dropdown-max-height: 240px;\n\t\t\t}\n\n\t\t\t.empty-state {\n\t\t\t\tpadding: 16px;\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tcolor: var(--dev-wallet-muted-foreground);\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\taccounts: ReadonlyWalletAccount[] = [];\n\n\t@property({ attribute: false })\n\tadapters: SignerAdapter[] = [];\n\n\t@property({ type: String })\n\tactiveAddress = '';\n\n\t@state()\n\tprivate _open = false;\n\n\t#copy = new CopyController(this);\n\n\toverride render() {\n\t\tconst active = this.accounts.find((a) => a.address === this.activeAddress);\n\n\t\tif (!active) {\n\t\t\treturn html`<div class=\"empty-state\" part=\"empty-state\">No account selected</div>`;\n\t\t}\n\n\t\tconst label = this.#getLabel(active);\n\t\tconst initial = (label[0] ?? '?').toUpperCase();\n\t\tconst activeAdapterName = this.#getAdapterName(active.address);\n\n\t\treturn html`\n\t\t\t<div class=\"selector-row\">\n\t\t\t\t<dev-wallet-dropdown\n\t\t\t\t\tfull-width\n\t\t\t\t\tclass=\"selector-wrapper\"\n\t\t\t\t\t.open=${this._open}\n\t\t\t\t\t@close=${() => (this._open = false)}\n\t\t\t\t>\n\t\t\t\t\t<button\n\t\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\t\tclass=\"active-account\"\n\t\t\t\t\t\tpart=\"trigger\"\n\t\t\t\t\t\taria-expanded=${this._open}\n\t\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t\t@click=${() => (this._open = !this._open)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"avatar\">${initial}</span>\n\t\t\t\t\t\t<div class=\"account-info\">\n\t\t\t\t\t\t\t<div class=\"account-label-row\">\n\t\t\t\t\t\t\t\t<div class=\"account-label\">${label}</div>\n\t\t\t\t\t\t\t\t${activeAdapterName\n\t\t\t\t\t\t\t\t\t? html`<span class=\"adapter-badge\">${activeAdapterName}</span>`\n\t\t\t\t\t\t\t\t\t: nothing}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"account-address\">${formatAddress(active.address)}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tclass=\"chevron\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"2.5\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path d=\"M6 9l6 6 6-6\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t\t<div slot=\"popover\" role=\"listbox\" aria-label=\"Select account\">\n\t\t\t\t\t\t${this.accounts.map((account) => {\n\t\t\t\t\t\t\tconst accountLabel = this.#getLabel(account);\n\t\t\t\t\t\t\tconst accountInitial = (accountLabel[0] ?? '?').toUpperCase();\n\t\t\t\t\t\t\tconst adapterName = this.#getAdapterName(account.address);\n\n\t\t\t\t\t\t\treturn html`\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass=\"dropdown-item\"\n\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\taria-selected=${account.address === this.activeAddress}\n\t\t\t\t\t\t\t\t\t@click=${() => this.#select(account)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span class=\"avatar\">${accountInitial}</span>\n\t\t\t\t\t\t\t\t\t<div class=\"account-info\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"account-label\">${accountLabel}</div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"account-address\">${formatAddress(account.address)}</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t${adapterName ? html`<span class=\"adapter-badge\">${adapterName}</span>` : nothing}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t`;\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</dev-wallet-dropdown>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"copy-btn ${this.#copy.isCopied(active.address) ? 'copied' : ''}\"\n\t\t\t\t\tpart=\"copy-button\"\n\t\t\t\t\ttitle=\"Copy address\"\n\t\t\t\t\taria-label=\"Copy address\"\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\tthis.#copy.copy(active.address);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${this.#copy.isCopied(active.address) ? '\\u2713' : '\\u2398'}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t#getLabel(account: ReadonlyWalletAccount): string {\n\t\treturn account.label ?? `Account ${account.address.slice(0, 8)}`;\n\t}\n\n\t#getAdapterName(address: string): string | null {\n\t\tconst adapter = findAdapterForAddress(this.adapters, address);\n\t\tif (!adapter) return null;\n\t\treturn ADAPTER_SHORT_NAMES[adapter.name] ?? adapter.name;\n\t}\n\n\t#select(account: ReadonlyWalletAccount) {\n\t\tthis._open = false;\n\t\temitEvent(this, 'account-selected', { account });\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'dev-wallet-account-selector': DevWalletAccountSelector;\n\t}\n}\n"],"mappings":";;;;;;;;;AAcA,MAAM,sBAA8C;CACnD,oBAAoB;CACpB,qBAAqB;CACrB,oBAAoB;CACpB,kBAAkB;CAClB;AAGM,IAAA,2BAAA,MAAM,iCAAiC,WAAW;;;kBAuKpB,EAAE;kBAGV,EAAE;uBAGd;eAGA;eAER,IAAI,eAAe,KAAK;;;gBAjLP;GACxB;GACA;GACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgKH;;CAcD;CAEA,SAAkB;EACjB,MAAM,SAAS,KAAK,SAAS,MAAM,MAAM,EAAE,YAAY,KAAK,cAAc;AAE1E,MAAI,CAAC,OACJ,QAAO,IAAI;EAGZ,MAAM,QAAQ,MAAA,SAAe,OAAO;EACpC,MAAM,WAAW,MAAM,MAAM,KAAK,aAAa;EAC/C,MAAM,oBAAoB,MAAA,eAAqB,OAAO,QAAQ;AAE9D,SAAO,IAAI;;;;;aAKA,KAAK,MAAM;oBACH,KAAK,QAAQ,MAAO;;;;;;sBAMnB,KAAK,MAAM;;qBAEX,KAAK,QAAQ,CAAC,KAAK,MAAO;;6BAEnB,QAAQ;;;qCAGA,MAAM;UACjC,oBACC,IAAI,+BAA+B,kBAAkB,WACrD,QAAQ;;sCAEmB,cAAc,OAAO,QAAQ,CAAC;;;;;;;;;;;;;QAa5D,KAAK,SAAS,KAAK,YAAY;GAChC,MAAM,eAAe,MAAA,SAAe,QAAQ;GAC5C,MAAM,kBAAkB,aAAa,MAAM,KAAK,aAAa;GAC7D,MAAM,cAAc,MAAA,eAAqB,QAAQ,QAAQ;AAEzD,UAAO,IAAI;;;;yBAIO,QAAQ,YAAY,KAAK,cAAc;wBACxC,MAAA,OAAa,QAAQ,CAAC;;gCAEd,eAAe;;uCAER,aAAa;yCACX,cAAc,QAAQ,QAAQ,CAAC;;WAE7D,cAAc,IAAI,+BAA+B,YAAY,WAAW,QAAQ;;;IAGnF,CAAC;;;;uBAIc,MAAA,KAAW,SAAS,OAAO,QAAQ,GAAG,WAAW,GAAG;;;;eAI5D,MAAa;AACtB,KAAE,iBAAiB;AACnB,SAAA,KAAW,KAAK,OAAO,QAAQ;IAC9B;;OAEA,MAAA,KAAW,SAAS,OAAO,QAAQ,GAAG,MAAW,IAAS;;;;;CAMhE,UAAU,SAAwC;AACjD,SAAO,QAAQ,SAAS,WAAW,QAAQ,QAAQ,MAAM,GAAG,EAAE;;CAG/D,gBAAgB,SAAgC;EAC/C,MAAM,UAAU,sBAAsB,KAAK,UAAU,QAAQ;AAC7D,MAAI,CAAC,QAAS,QAAO;AACrB,SAAO,oBAAoB,QAAQ,SAAS,QAAQ;;CAGrD,QAAQ,SAAgC;AACvC,OAAK,QAAQ;AACb,YAAU,MAAM,oBAAoB,EAAE,SAAS,CAAC;;;YAjHhD,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,yBAAA,WAAA,YAAA,KAAA,EAAA;YAG9B,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,yBAAA,WAAA,YAAA,KAAA,EAAA;YAG9B,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,yBAAA,WAAA,iBAAA,KAAA,EAAA;YAG1B,OAAO,CAAA,EAAA,yBAAA,WAAA,SAAA,KAAA,EAAA;uCAhLR,cAAc,8BAA8B,CAAA,EAAA,yBAAA"}

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

@@ -1,23 +1,28 @@
 import { SignerAdapter } from "../types.mjs";
-import "./dev-wallet-new-account.mjs";
 import { ReadonlyWalletAccount } from "@mysten/wallet-standard";
-import * as lit2 from "lit";
+import * as _$lit from "lit";
 import { LitElement } from "lit";
 
 //#region src/ui/dev-wallet-accounts.d.ts
 declare class DevWalletAccounts extends LitElement {
   #private;
-  static styles: (lit2.CSSResult | lit2.CSSResult[])[];
+  static styles: (_$lit.CSSResult | _$lit.CSSResult[])[];
   accounts: readonly ReadonlyWalletAccount[];
   adapters: SignerAdapter[];
   activeAddress: string;
+  /** Phase 4 P4.20 — when set to a `*-fork` literal, the panel
+   *  surfaces a warning on the "+ Add" button (or hides it outright
+   *  when no fork-compatible funding path exists). Fork stacks have
+   *  no faucet; arbitrary fresh accounts can't be funded without an
+   *  impersonation seed already configured at the supervisor level. */
+  network: string;
   private _dialogOpen;
   private _editingAddress;
   private _editingLabel;
   private _confirmDeleteAddress;
   private _deleting;
   private _deleteError;
-  render(): lit2.TemplateResult<1>;
+  render(): _$lit.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

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

@@ -1 +1 @@
-{"version":3,"file":"dev-wallet-accounts.d.mts","names":[],"sources":["../../src/ui/dev-wallet-accounts.ts"],"mappings":";;;;;;;cAca,iBAAA,SAA0B,UAAA;EAAA;SACtB,MAAA,GADc,IAAA,CACR,SAAA,GAAA,IAAA,CAAA,SAAA;EAgQtB,QAAA,WAAmB,qBAAA;EAGnB,QAAA,EAAU,aAAA;EAGV,aAAA;EAAA,QAGQ,WAAA;EAAA,QAKA,eAAA;EAAA,QAGA,aAAA;EAAA,QAGA,qBAAA;EAAA,QAGA,SAAA;EAAA,QAGA,YAAA;EAEC,MAAA,CAAA,GAzBc,IAAA,CAyBR,cAAA;AAAA;AAAA,QAkRR,MAAA;EAAA,UACG,qBAAA;IACT,qBAAA,EAAuB,iBAAA;EAAA;AAAA"}
+{"version":3,"file":"dev-wallet-accounts.d.mts","names":[],"sources":["../../src/ui/dev-wallet-accounts.ts"],"mappings":";;;;;;cAkCa,iBAAA,SAA0B,UAAA;EAAA;SACtB,MAAA,GADc,KAAA,CACR,SAAA,GAAA,KAAA,CAAA,SAAA;EA8KtB,QAAA,WAAmB,qBAAA;EAGnB,QAAA,EAAU,aAAA;EAGV,aAAA;EArL8B;;;;;EA6L9B,OAAA;EAAA,QAGQ,WAAA;EAAA,QAKA,eAAA;EAAA,QAGA,aAAA;EAAA,QAGA,qBAAA;EAAA,QAGA,SAAA;EAAA,QAGA,YAAA;EAEC,MAAA,CAAA,GAjCc,KAAA,CAiCR,cAAA;AAAA;AAAA,QAmSR,MAAA;EAAA,UACG,qBAAA;IACT,qBAAA,EAAuB,iBAAA;EAAA;AAAA"}