Proposal name dialog + top 30 bps during msig proposal

Author: aaroncox

src/lib/components/elements/proposalname.svelte

@@ -0,0 +1,87 @@
+<script lang="ts">
+	import { getContext } from 'svelte';
+	import { fade } from 'svelte/transition';
+	import { createDialog, melt } from '@melt-ui/svelte';
+	import { Name } from '@wharfkit/antelope';
+	import { Button, Label, NameInput } from 'unicove-components';
+
+	import type { UnicoveContext } from '$lib/state/client.svelte';
+
+	const context = getContext<UnicoveContext>('state');
+
+	let prompt = $derived(context.wharf.proposalNamePrompt);
+	let inputValue: Name = $state(Name.from(''));
+	let valid = $state(false);
+
+	const {
+		elements: { overlay, content, portalled },
+		states: { open }
+	} = createDialog({
+		preventScroll: true,
+		closeOnOutsideClick: false,
+		escapeBehavior: 'ignore'
+	});
+
+	$effect(() => {
+		if (prompt) {
+			inputValue = Name.from(prompt.defaultName);
+			$open = true;
+		} else {
+			$open = false;
+		}
+	});
+
+	function submit() {
+		if (!valid) return;
+		context.wharf.submitProposalName(String(inputValue));
+	}
+
+	function cancel() {
+		context.wharf.cancelProposalName();
+	}
+</script>
+
+{#if $open}
+	<div use:melt={$portalled}>
+		<div
+			use:melt={$overlay}
+			class="bg-scrim/80 fixed inset-0 z-50"
+			transition:fade={{ duration: 150 }}
+		></div>
+
+		<div class="fixed inset-0 z-50 flex items-center justify-center p-4">
+			<div
+				use:melt={$content}
+				class="bg-surface-container w-full max-w-md rounded-xl p-6 shadow-xl"
+				transition:fade={{ duration: 150 }}
+			>
+				<form
+					onsubmit={(e) => {
+						e.preventDefault();
+						submit();
+					}}
+				>
+					<h2 class="text-on-surface mb-4 text-lg font-semibold">Proposal Name</h2>
+					<p class="text-on-surface-variant mb-4 text-sm">
+						Enter a name for this proposal or use the generated default.
+					</p>
+
+					<fieldset class="mb-4 grid gap-2">
+						<Label for="proposal-name-input">Name</Label>
+						<NameInput
+							id="proposal-name-input"
+							bind:value={inputValue}
+							bind:valid
+							placeholder="Proposal name"
+						/>
+					</fieldset>
+
+					<div class="flex justify-end gap-3">
+						<Button variant="secondary" onclick={cancel}>Cancel</Button>
+						<Button variant="primary" disabled={!valid} type="submit">Confirm</Button>
+					</div>
+				</form>
+			</div>
+		</div>
+	</div>
+{/if}

src/lib/state/client/wharf.svelte.ts

@@ -31,6 +31,7 @@ import { type QueuedTransaction, StatusType, queueTransaction } from '$lib/wharf
 import { chainMapper } from '$lib/wharf/chains';
 import type { SettingsState } from '$lib/state/settings.svelte';
 import type { NetworkState } from '$lib/state/network.svelte';
+import type { ProducersState } from '$lib/state/producers.svelte';
 import { chainDefs, msigTransactPlugins, transactPlugins, walletPlugins } from '$lib/wharf/plugins';
 
 export class WharfState {
@@ -46,8 +47,13 @@ export class WharfState {
 	public settings: SettingsState = $state() as SettingsState;
 
 	public metamaskPlugin?: AccountCreationPluginMetamask;
+	public producers?: ProducersState;
+	public proposalNamePrompt: { defaultName: string } | null = $state(null);
+	private proposalNameResolve?: (name: string) => void;
+	private proposalNameReject?: (error: Error) => void;
 
-	constructor(settings: SettingsState) {
+	constructor(settings: SettingsState, producers?: ProducersState) {
+		this.producers = producers;
 		this.settings = settings;
 		if (browser) {
 			this.chainsSession = JSON.parse(localStorage.getItem('chainsSession') || '{}');
@@ -109,6 +115,28 @@ export class WharfState {
 		}
 	}
 
+	private async promptForProposalName(defaultName: string): Promise<string> {
+		this.proposalNamePrompt = { defaultName };
+		try {
+			return await new Promise<string>((resolve, reject) => {
+				this.proposalNameResolve = resolve;
+				this.proposalNameReject = reject;
+			});
+		} finally {
+			this.proposalNamePrompt = null;
+			this.proposalNameResolve = undefined;
+			this.proposalNameReject = undefined;
+		}
+	}
+
+	public submitProposalName(name: string) {
+		this.proposalNameResolve?.(name);
+	}
+
+	public cancelProposalName() {
+		this.proposalNameReject?.(new Error('Proposal name entry cancelled.'));
+	}
+
 	public async login(options?: LoginOptions): Promise<Session> {
 		if (!this.sessionKit) {
 			throw new Error('User not initialized');
@@ -212,6 +240,19 @@ export class WharfState {
 		this.transacting = true;
 
 		const isMsig = this.session.walletPlugin.id === 'wallet-plugin-multisig';
+
+		if (isMsig) {
+			const { generateRandomName } = await import('$lib/utils/random');
+			this.session.walletPlugin.data.nextProposalName = await this.promptForProposalName(
+				generateRandomName()
+			);
+			if (this.producers) {
+				this.session.walletPlugin.data.topProducers = this.producers.allActiveProducers
+					.slice(0, 30)
+					.map((p) => String(p.owner));
+			}
+		}
+
 		const result = await this.session
 			.transact(args, {
 				abiCache: this.abiCache,

src/lib/wharf/plugins/multisig.ts

@@ -105,6 +105,11 @@ export class WalletPluginMultiSig extends AbstractWalletPlugin implements Wallet
 		const key = String(auth);
 		if (seen.has(key)) return [];
 		seen.add(key);
+		if (auth.actor.equals('eosio.prods') && this.data.topProducers) {
+			return (this.data.topProducers as string[]).map((name: string) =>
+				PermissionLevel.from({ actor: name, permission: 'active' })
+			);
+		}
 		const account = await context.client.v1.chain.get_account(auth.actor);
 		const permission = account.permissions.find((p) => p.perm_name.equals(auth.permission));
 		if (!permission) return [auth];
@@ -156,11 +161,14 @@ export class WalletPluginMultiSig extends AbstractWalletPlugin implements Wallet
 			transaction_extensions: []
 		});
 
+		const proposalName = this.data.nextProposalName || generateRandomName();
+		delete this.data.nextProposalName;
+
 		const actions = [
 			msig.action(
 				'propose',
 				{
-					proposal_name: generateRandomName(),
+					proposal_name: proposalName,
 					proposer: session.actor,
 					requested,
 					trx

src/locales/en.po

@@ -3,7 +3,7 @@ msgstr ""
 "Project-Id-Version: \n"
 "Report-Msgid-Bugs-To: \n"
 "POT-Creation-Date: 2025-10-21T07:48:36.657Z\n"
-"PO-Revision-Date: 2026-03-21T00:32:28.576Z\n"
+"PO-Revision-Date: 2026-03-23T03:31:21.080Z\n"
 "Last-Translator: \n"
 "Language: en\n"
 "Language-Team: \n"
@@ -502,12 +502,12 @@ msgstr "Transfer"
 msgid "+ {0} ms (CPU)"
 msgstr "+ {0} ms (CPU)"
 
-#. placeholder {0}: data.powup_net
 #. placeholder {0}: data.powup_cpu
-#. placeholder {0}: key.weight
+#. placeholder {0}: data.powup_net
 #. placeholder {0}: account.weight
 #. placeholder {0}: key.weight
 #. placeholder {0}: account.weight
+#. placeholder {0}: key.weight
 #: src/lib/components/summary/eosio.reserv/powupresult.svelte
 #: src/lib/components/summary/eosio.reserv/powupresult.svelte
 #: src/lib/components/summary/eosio/newaccount.svelte
@@ -797,8 +797,8 @@ msgstr "Details"
 msgid "Network Fees"
 msgstr "Network Fees"
 
-#. placeholder {0}: market.network.currency.symbol.code
 #. placeholder {0}: data.network.chain.systemToken?.symbol.code || ''
+#. placeholder {0}: market.network.currency.symbol.code
 #: src/routes/[[locale]]/[network]/(account)/ram/+page.svelte
 #: src/routes/[[locale]]/[network]/(account)/ram/+page.svelte
 msgid "Market Cap ({0})"
@@ -1722,6 +1722,7 @@ msgid "Delete"
 msgstr "Delete"
 
 #: src/lib/components/accountswitch.svelte
+#: src/lib/components/elements/proposalname.svelte
 #: src/lib/components/elements/suspiciousmemo.svelte
 #: src/routes/[[locale]]/[network]/(account)/bidname/components/your-bids.svelte
 #: src/routes/[[locale]]/[network]/(dev)/debug/components/sections/buttons.svelte
@@ -1732,6 +1733,7 @@ msgstr "Delete"
 msgid "Cancel"
 msgstr "Cancel"
 
+#: src/lib/components/elements/proposalname.svelte
 #: src/routes/[[locale]]/[network]/(account)/(send)/send/[[contract]]/[[symbol]]/+page.svelte
 #: src/routes/[[locale]]/[network]/(dev)/debug/components/sections/buttons.svelte
 #: src/routes/[[locale]]/[network]/(explorer)/account/[name]/permissions/[permission]/+page.svelte
@@ -2013,10 +2015,10 @@ msgstr "Pill Select"
 msgid "Select a date range"
 msgstr "Select a date range"
 
-#. placeholder {0}: JSON.stringify(tokenSelected, null, 2)
-#. placeholder {0}: imageOptionSelected.label
-#. placeholder {0}: selectedFormOption.label
 #. placeholder {0}: selected.label
+#. placeholder {0}: selectedFormOption.label
+#. placeholder {0}: imageOptionSelected.label
+#. placeholder {0}: JSON.stringify(tokenSelected, null, 2)
 #: src/routes/[[locale]]/[network]/(dev)/debug/components/sections/select.svelte
 #: src/routes/[[locale]]/[network]/(dev)/debug/components/sections/select.svelte
 #: src/routes/[[locale]]/[network]/(dev)/debug/components/sections/select.svelte
@@ -4222,7 +4224,7 @@ msgstr "<0>Unicove -</0> The {0} web wallet and block explorer"
 
 #. placeholder {0}: network.chain.name
 #. placeholder {0}: networkName
-#. placeholder {0}: networkName
+#. placeholder {0}: network.chain.name
 #: src/routes/+layout.server.ts
 #: src/routes/[[locale]]/[network]/(homepage)/components/hero.svelte
 #: src/routes/[[locale]]/[network]/(homepage)/components/hero.svelte
@@ -4256,8 +4258,8 @@ msgstr "{0} Token Swap has begun!"
 msgid "Swap {0} to {1} at a 1:1 ratio"
 msgstr "Swap {0} to {1} at a 1:1 ratio"
 
-#. placeholder {0}: String(data.quote.symbol.name)
 #. placeholder {0}: props.network.token.name
+#. placeholder {0}: String(data.quote.symbol.name)
 #: src/routes/[[locale]]/[network]/(account)/swap/[basecontract]/[basesymbol]/[quotecontract]/[quotesymbol]/+page.svelte
 #: src/routes/[[locale]]/[network]/(homepage)/components/legacy-token-swap.svelte
 msgid "Swap to {0}"
@@ -4276,7 +4278,7 @@ msgstr "Get Tokens"
 #. placeholder {0}: symbol.name
 #. placeholder {0}: symbol.name
 #. placeholder {0}: symbol.name
-#. placeholder {0}: String(network.token.symbol.name)
+#. placeholder {0}: symbol.name
 #: src/routes/[[locale]]/[network]/(account)/(send)/send/[[contract]]/[[symbol]]/+layout.ts
 #: src/routes/[[locale]]/[network]/(account)/(send)/send/[[contract]]/[[symbol]]/+layout.ts
 #: src/routes/[[locale]]/[network]/(account)/(send)/send/[[contract]]/[[symbol]]/+layout.ts
@@ -4299,10 +4301,10 @@ msgstr "One {0} of RAM represents ownership rights over 1000 bytes of the networ
 #. placeholder {1}: quote.name
 #. placeholder {0}: base.name
 #. placeholder {1}: quote.name
-#. placeholder {0}: data.network.token.name
-#. placeholder {1}: data.network.getRamToken().name
-#. placeholder {0}: String(network.chain.systemToken?.symbol.name)
-#. placeholder {1}: String(ramtoken.name)
+#. placeholder {0}: base.name
+#. placeholder {1}: quote.name
+#. placeholder {0}: base.name
+#. placeholder {1}: quote.name
 #: src/routes/[[locale]]/[network]/(account)/swap/[basecontract]/[basesymbol]/[quotecontract]/[quotesymbol]/+page.ts
 #: src/routes/[[locale]]/[network]/(account)/swap/[basecontract]/[basesymbol]/[quotecontract]/[quotesymbol]/+page.ts
 #: src/routes/[[locale]]/[network]/(explorer)/account/[name]/+page.svelte
@@ -5017,6 +5019,7 @@ msgstr "Multisig Details"
 msgid "Proposer"
 msgstr "Proposer"
 
+#: src/lib/components/elements/proposalname.svelte
 #: src/routes/[[locale]]/[network]/(explorer)/msig/[proposer]/[proposal]/+page.svelte
 msgid "Proposal Name"
 msgstr "Proposal Name"
@@ -6828,6 +6831,7 @@ msgstr "Place Bid - {0} Premium Names"
 msgid "Place a bid on a premium account name on the {0} network."
 msgstr "Place a bid on a premium account name on the {0} network."
 
+#: src/lib/components/elements/proposalname.svelte
 #: src/routes/[[locale]]/[network]/(account)/bidname/(bidding)/refund/+page.svelte
 msgid "Name"
 msgstr "Name"
@@ -6924,8 +6928,8 @@ msgstr "{0}You have {1} available to reclaim."
 msgid "You have been outbid on this name.<0/>"
 msgstr "You have been outbid on this name.<0/>"
 
-#. placeholder {0}: String(manager.refundAmount)
 #. placeholder {0}: String(tracked.refund.amount)
+#. placeholder {0}: String(manager.refundAmount)
 #: src/routes/[[locale]]/[network]/(account)/bidname/(bidding)/refund/+page.svelte
 #: src/routes/[[locale]]/[network]/(account)/bidname/components/your-bids.svelte
 msgid "Claim Refund ({0})"
@@ -7577,13 +7581,6 @@ msgstr "Create a new sentiment topic"
 msgid "Before You Create"
 msgstr "Before You Create"
 
-#~ msgid ""
-#~ "The creation fee is non-refundable. Fees are sent to the <0/> account, which distributes them through standard network fee channels (RAM, powerup,\n"
-#~ "name bids)."
-#~ msgstr ""
-#~ "The creation fee is non-refundable. Fees are sent to the <0/> account, which distributes them through standard network fee channels (RAM, powerup,\n"
-#~ "name bids)."
-
 #: src/routes/[[locale]]/[network]/(explorer)/sentiment/topics/create/+page.svelte
 msgid ""
 "Topics cannot be edited or deleted by the creator once submitted, including the topic\n"
@@ -7611,3 +7608,15 @@ msgid ""
 msgstr ""
 "The creation fee is non-refundable. Fees are sent to the <0/> account, which distributes them through standard network fee channels (RAM, powerup, name\n"
 "bids)."
+
+#: src/lib/state/client/wharf.svelte.ts
+msgid "Proposal name entry cancelled."
+msgstr "Proposal name entry cancelled."
+
+#: src/lib/components/elements/proposalname.svelte
+msgid "Enter a name for this proposal or use the generated default."
+msgstr "Enter a name for this proposal or use the generated default."
+
+#: src/lib/components/elements/proposalname.svelte
+msgid "Proposal name"
+msgstr "Proposal name"