bitboss-ui 3.0.0-beta.48 → 3.0.0-beta.49

package/dist/ai/recipes/nuxt/records-workspace.md

@@ -659,9 +659,9 @@ export function useInvoicesWorkspace(): InvoicesWorkspaceContext {
 				<BbBreadcrumbs
 					class="min-w-0 flex-auto"
 					:items="[
-						{ key: 'dashboard', text: 'Dashboard', to: '/dashboard' },
-						{ key: 'billing', text: 'Billing', to: '/billing' },
-						{ key: 'invoices', text: 'Invoices' },
+						{ value: 'dashboard', label: 'Dashboard', to: '/dashboard' },
+						{ value: 'billing', label: 'Billing', to: '/billing' },
+						{ value: 'invoices', label: 'Invoices' },
 					]"
 				/>
 				<div class="flex shrink-0 items-center gap-2">
@@ -696,22 +696,22 @@ export function useInvoicesWorkspace(): InvoicesWorkspaceContext {
 				compact
 				:items="[
 					{
-						key: 'all',
+						value: 'all',
 						label: `All · ${ctx.tabCounts.value.all}`,
 						href: '?tab=all',
 					},
 					{
-						key: 'outstanding',
+						value: 'outstanding',
 						label: `Outstanding · ${ctx.tabCounts.value.outstanding}`,
 						href: '?tab=outstanding',
 					},
 					{
-						key: 'paid',
+						value: 'paid',
 						label: `Paid · ${ctx.tabCounts.value.paid}`,
 						href: '?tab=paid',
 					},
 					{
-						key: 'archived',
+						value: 'archived',
 						label: `Archived · ${ctx.tabCounts.value.archived}`,
 						href: '?tab=archived',
 					},
@@ -1027,16 +1027,16 @@ const searchCustomers = async ({
 // Static enum facet: item text resolves synchronously, so its chip reads
 // `useBbDropdownContext` (in FilterChip.vue) with zero extra fetch.
 const statusGroup: BbDropdownItem = {
-	key: 'status',
+	id: 'status',
 	label: 'Status',
 	hideLabel: true,
 	selectable: true,
 	multiple: true,
 	items: [
-		{ key: 'draft', text: INVOICE_STATUS_LABEL.draft },
-		{ key: 'pending', text: INVOICE_STATUS_LABEL.pending },
-		{ key: 'paid', text: INVOICE_STATUS_LABEL.paid },
-		{ key: 'overdue', text: INVOICE_STATUS_LABEL.overdue },
+		{ value: 'draft', label: INVOICE_STATUS_LABEL.draft },
+		{ value: 'pending', label: INVOICE_STATUS_LABEL.pending },
+		{ value: 'paid', label: INVOICE_STATUS_LABEL.paid },
+		{ value: 'overdue', label: INVOICE_STATUS_LABEL.overdue },
 	],
 };
 
@@ -1048,7 +1048,7 @@ const statusGroup: BbDropdownItem = {
 // redeclaring `prefill: true` would fetch every seeded facet twice on page
 // load for nothing.
 const customerGroup: BbDropdownItem = {
-	key: 'customer',
+	id: 'customer',
 	label: 'Customer',
 	hideLabel: true,
 	selectable: true,
@@ -1065,14 +1065,14 @@ const customerGroup: BbDropdownItem = {
 // the category row already names the facet.
 const menu = computed<BbDropdownItem[]>(() => [
 	{
-		key: 'status-category',
-		text: 'Status',
+		value: 'status-category',
+		label: 'Status',
 		'prepend:icon': 'lucide:circle-dot',
 		items: [statusGroup],
 	},
 	{
-		key: 'customer-category',
-		text: 'Customer',
+		value: 'customer-category',
+		label: 'Customer',
 		'prepend:icon': 'lucide:building-2',
 		items: [customerGroup],
 	},
@@ -1122,7 +1122,7 @@ import {
 import type { BbDropdownItem } from 'bitboss-ui';
 
 const props = defineProps<{
-	/** Matches the group's `key` in the Filters menu, and its key in
+	/** Matches the group's `id` in the Filters menu, and its entry in
 	 * `useBbDropdownContext('invoice-filters').groups`. */
 	groupKey: string;
 	/** Static fallback/prefix text — the group itself sets `hideLabel`. */
@@ -1159,7 +1159,7 @@ const chipText = computed(() => {
 		dropdownFilters.groups.value[props.groupKey]?.selectedOptions ?? [];
 	if (!options.length) return props.label;
 	return `${props.label}: ${options
-		.map((option) => option.text ?? String(option.value))
+		.map((option) => option.label ?? String(option.value))
 		.join(', ')}`;
 });
 
@@ -1175,7 +1175,6 @@ const onClear = () =>
 <template>
 	<BbSelectPopover
 		item-text="text"
-		item-value="value"
 		:items="INVOICE_STATUS_OPTIONS"
 		:model-value="invoice.status"
 		width="180"
@@ -1391,32 +1390,32 @@ const pillLabel = computed(() =>
 		:boundary="boundary"
 		:items="[
 			{
-				key: 'edit',
-				text: 'Edit',
+				value: 'edit',
+				label: 'Edit',
 				'prepend:icon': 'lucide:pencil',
 				to: `/invoices/${invoice.id}/edit`,
 			},
 			{
-				key: 'duplicate',
-				text: 'Duplicate',
+				value: 'duplicate',
+				label: 'Duplicate',
 				'prepend:icon': 'lucide:copy',
 				onClick: () => ctx.duplicateInvoice(invoice),
 			},
 			{
-				key: 'payment',
-				text: 'Record payment',
+				value: 'payment',
+				label: 'Record payment',
 				'prepend:icon': 'lucide:banknote',
 				onClick: () => (ctx.dialogs.recordPayment.value = invoice),
 			},
 			{
-				key: 'archive',
-				text: 'Archive',
+				value: 'archive',
+				label: 'Archive',
 				'prepend:icon': 'lucide:archive',
 				onClick: () => ctx.archiveInvoice(invoice),
 			},
 			{
-				key: 'delete',
-				text: 'Delete',
+				value: 'delete',
+				label: 'Delete',
 				'prepend:icon': 'lucide:trash-2',
 				variant: 'destructive',
 				onClick: () => ctx.deleteInvoice(invoice),
@@ -1824,7 +1823,6 @@ const currency = new Intl.NumberFormat('en-US', {
 			<BbSelect
 				v-model="draft.method"
 				item-text="text"
-				item-value="value"
 				:items="PAYMENT_METHOD_OPTIONS"
 				label="Method"
 				label-mode="outside"

package/dist/ai/recipes/nuxt/settings-workspace.md

@@ -79,7 +79,7 @@ per field, and never mix both inside one card.
 | ---------------- | ---------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------- |
 | What it is       | Typed text, several fields that belong together                                                      | One discrete choice: a switch, a checkbox, a role, a file                       |
 | Commit           | A **Save** button in the card footer, disabled until something changed                               | The change itself. No button anywhere                                           |
-| While saving     | The button spins (`isSubmitting`); the fields stay editable                                          | The control goes `readonly` so a second flip cannot race the first              |
+| While saving     | The button spins and the fields go read-only until the save settles (the form's save lock)           | The control goes `readonly` so a second flip cannot race the first              |
 | On success       | A toast; the dirty state rebaselines to what was saved                                               | A quiet toast (`Delivery channels saved.`)                                      |
 | On failure       | Server messages land on their fields (`field-errors`); focus moves to the first one; nothing is lost | The control **snaps back** and the toast says why (`Slack needs reconnecting…`) |
 | Leaving          | Unsaved work raises a dot on the section tab, and leaving asks first                                 | Nothing can be unsaved, so nothing asks                                         |
@@ -932,9 +932,9 @@ export function useSettingsWorkspace(): SettingsWorkspaceContext {
 				<BbBreadcrumbs
 					class="min-w-0"
 					:items="[
-						{ key: 'workspace', text: 'Fennel & Hart', to: '/' },
-						{ key: 'settings', text: 'Settings', to: '/settings' },
-						{ key: 'section', text: currentLabel },
+						{ value: 'workspace', label: 'Fennel & Hart', to: '/' },
+						{ value: 'settings', label: 'Settings', to: '/settings' },
+						{ value: 'section', label: currentLabel },
 					]"
 					style="--flex-grow: 1"
 				/>
@@ -974,7 +974,7 @@ export function useSettingsWorkspace(): SettingsWorkspaceContext {
 				replace
 				variant="none"
 			>
-				<template #label="{ value, text }">
+				<template #label="{ value, label }">
 					<!-- In the side column every label is one width, so the counts line
 					     up on the right edge. -->
 					<span
@@ -982,7 +982,7 @@ export function useSettingsWorkspace(): SettingsWorkspaceContext {
 						:class="{ 'min-w-[11.5rem]': !isMobile }"
 					>
 						<BbIcon aria-hidden="true" :icon="SECTION_ICONS[value]" size="16" />
-						<span>{{ text }}</span>
+						<span>{{ label }}</span>
 						<!-- Unsaved marker: a dot, not a word, so the label does not jump. -->
 						<span
 							v-if="value === 'profile' && ctx.profileDirty.value"
@@ -1046,12 +1046,12 @@ const { isMobile } = useMobile();
 
 // `eager` on Profile: a half-edited draft must survive a look at Billing.
 const sections: Array<BbTabsItem<SettingsSection>> = [
-	{ key: 'profile', label: 'Profile', eager: true },
-	{ key: 'notifications', label: 'Notifications' },
-	{ key: 'members', label: 'Members' },
-	{ key: 'billing', label: 'Billing' },
-	{ key: 'api-keys', label: 'API keys' },
-	{ key: 'danger-zone', label: 'Danger zone' },
+	{ value: 'profile', label: 'Profile', eager: true },
+	{ value: 'notifications', label: 'Notifications' },
+	{ value: 'members', label: 'Members' },
+	{ value: 'billing', label: 'Billing' },
+	{ value: 'api-keys', label: 'API keys' },
+	{ value: 'danger-zone', label: 'Danger zone' },
 ];
 
 // Full literals: the production icon scanner only bundles names it can see.
@@ -1237,7 +1237,6 @@ The explicit-save section: Zod schema, 422s, dirty footer.
 				     not "differs from the values this form mounted with". -->
 				<BbForm
 					:id="PROFILE_FORM"
-					v-slot="{ isSubmitting }"
 					:field-errors="ctx.serverErrors.profile.value"
 					:model="ctx.profileDraft"
 					:schema="profileSchema"
@@ -1267,8 +1266,6 @@ The explicit-save section: Zod schema, 422s, dirty footer.
 							/>
 							<BbSelect
 								description="Due dates and reminders follow this zone."
-								item-text="label"
-								item-value="value"
 								:items="TIMEZONES"
 								label="Time zone"
 								name="timezone"
@@ -1302,7 +1299,6 @@ The explicit-save section: Zod schema, 422s, dirty footer.
 							     it says why, so the state is never a mystery. -->
 							<BbButton
 								:disabled="!ctx.profileDirty.value"
-								:loading="isSubmitting"
 								type="submit"
 								variant="primary"
 							>
@@ -1946,8 +1942,6 @@ One-click role picker (BbSelectPopover).
 	<BbSelectPopover
 		v-else
 		:item-props="{ description: 'description' }"
-		item-text="label"
-		item-value="value"
 		:items="ROLE_OPTIONS"
 		:model-value="member.role"
 		width="280"
@@ -2032,21 +2026,21 @@ const items = computed<BbDropdownItem[]>(() => {
 	if (m.status === 'invited')
 		return [
 			{
-				key: 'resend',
-				text: 'Resend invitation',
+				value: 'resend',
+				label: 'Resend invitation',
 				'prepend:icon': 'lucide:send',
 				onClick: () => ctx.resendInvite(m),
 			},
 			{
-				key: 'copy',
-				text: 'Copy email',
+				value: 'copy',
+				label: 'Copy email',
 				'prepend:icon': 'lucide:copy',
 				onClick: () => ctx.copy(m.email, 'Email address'),
 			},
 			[
 				{
-					key: 'revoke',
-					text: 'Revoke invitation',
+					value: 'revoke',
+					label: 'Revoke invitation',
 					'prepend:icon': 'lucide:user-x',
 					variant: 'destructive',
 					onClick: () => ctx.removeMember(m),
@@ -2055,15 +2049,15 @@ const items = computed<BbDropdownItem[]>(() => {
 		];
 	return [
 		{
-			key: 'copy',
-			text: 'Copy email',
+			value: 'copy',
+			label: 'Copy email',
 			'prepend:icon': 'lucide:copy',
 			onClick: () => ctx.copy(m.email, 'Email address'),
 		},
 		[
 			{
-				key: 'remove',
-				text: 'Remove from workspace',
+				value: 'remove',
+				label: 'Remove from workspace',
 				'prepend:icon': 'lucide:user-minus',
 				variant: 'destructive',
 				onClick: () => ctx.removeMember(m),
@@ -2109,8 +2103,6 @@ Invite by email: BbTag + role radios, footer submits from outside.
 				/>
 				<BbRadioGroup
 					:item-props="{ description: 'description' }"
-					item-text="label"
-					item-value="value"
 					:items="ROLE_OPTIONS"
 					legend="Role"
 					list-layout="vertical"
@@ -2575,8 +2567,6 @@ Create, then reveal once (persistent while shown).
 				<BbTextInput label="Name" name="name" placeholder="Production server" />
 				<BbRadioGroup
 					:item-props="{ description: 'description' }"
-					item-text="label"
-					item-value="value"
 					:items="SCOPES"
 					legend="Access"
 					list-layout="vertical"
@@ -2584,8 +2574,6 @@ Create, then reveal once (persistent while shown).
 				/>
 				<BbSelect
 					description="Short-lived keys limit the damage of a leak."
-					item-text="label"
-					item-value="value"
 					:items="EXPIRIES"
 					label="Expires"
 					name="expiresIn"

package/dist/ai/recipes/nuxt/upload-center.md

@@ -698,9 +698,9 @@ export function useUploadCenter(): UploadCenterContext {
 				<BbBreadcrumbs
 					class="min-w-0 flex-auto"
 					:items="[
-						{ key: 'dashboard', text: 'Dashboard', to: '/dashboard' },
-						{ key: 'expenses', text: 'Expenses', to: '/expenses' },
-						{ key: 'receipts', text: 'Receipts' },
+						{ value: 'dashboard', label: 'Dashboard', to: '/dashboard' },
+						{ value: 'expenses', label: 'Expenses', to: '/expenses' },
+						{ value: 'receipts', label: 'Receipts' },
 					]"
 				/>
 				<div class="flex shrink-0 items-center gap-2">
@@ -742,17 +742,17 @@ export function useUploadCenter(): UploadCenterContext {
 				compact
 				:items="[
 					{
-						key: 'drafts',
+						value: 'drafts',
 						label: `Drafts · ${ctx.tabCounts.value.drafts}`,
 						href: '?tab=drafts',
 					},
 					{
-						key: 'submitted',
+						value: 'submitted',
 						label: `Submitted · ${ctx.tabCounts.value.submitted}`,
 						href: '?tab=submitted',
 					},
 					{
-						key: 'reimbursed',
+						value: 'reimbursed',
 						label: `Reimbursed · ${ctx.tabCounts.value.reimbursed}`,
 						href: '?tab=reimbursed',
 					},
@@ -1376,6 +1376,7 @@ const categoryName = computed(
 		label="Amount"
 		:max-precision="2"
 		:min="0"
+		:min-precision="2"
 		placeholder="0.00"
 		variant="ghost"
 		@change="commit"
@@ -1395,32 +1396,24 @@ const props = defineProps<{ receipt: Receipt }>();
 
 const ctx = useUploadCenter();
 
-/** Money cells always show two decimals so the column optically aligns. */
-const formatMoney = (value: number | null): string | null =>
-	value === null || Number.isNaN(value) ? null : value.toFixed(2);
-
-// Same commit/revert contract as the merchant cell, on the number model —
-// commit on @change, not @blur + @keydown.enter (see MerchantCell.vue).
-const draft = ref<number | string | null>(formatMoney(props.receipt.amount));
+// Money cells always show two decimals (`min-precision`), so the column
+// optically aligns. Same commit/revert contract as the merchant cell, on the
+// number model — commit on @change, not @blur + @keydown.enter (see
+// MerchantCell.vue).
+const draft = ref<number | null>(props.receipt.amount);
 watch(
 	() => props.receipt.amount,
 	(value) => {
-		draft.value = formatMoney(value);
+		draft.value = value;
 	}
 );
 
 const commit = () => {
-	const amount =
-		draft.value === null || draft.value === '' ? null : Number(draft.value);
-	if (amount === props.receipt.amount) {
-		draft.value = formatMoney(props.receipt.amount);
-		return;
-	}
-	void ctx.updateReceipt(props.receipt, { amount });
-	draft.value = formatMoney(amount);
+	if (draft.value === props.receipt.amount) return;
+	void ctx.updateReceipt(props.receipt, { amount: draft.value });
 };
 const revert = () => {
-	draft.value = formatMoney(props.receipt.amount);
+	draft.value = props.receipt.amount;
 };
 </script>
 ```
@@ -1503,8 +1496,8 @@ const items = computed(() => {
 		...(isDraft
 			? [
 					{
-						key: 'submit',
-						text: 'Submit for approval',
+						value: 'submit',
+						label: 'Submit for approval',
 						'prepend:icon': 'lucide:send',
 						onClick: () => ctx.submitReceipt(receipt),
 					},
@@ -1514,16 +1507,16 @@ const items = computed(() => {
 			// A real file download, not a Nuxt page — a raw `href` triggers a
 			// normal browser navigation instead of being intercepted by the
 			// router, which is what a client-side `to` would otherwise do.
-			key: 'download',
-			text: 'Download original',
+			value: 'download',
+			label: 'Download original',
 			'prepend:icon': 'lucide:download',
 			href: `/receipts/${receipt.id}/file`,
 		},
 		...(isDraft
 			? [
 					{
-						key: 'remove',
-						text: 'Remove',
+						value: 'remove',
+						label: 'Remove',
 						'prepend:icon': 'lucide:trash-2',
 						variant: 'destructive' as const,
 						onClick: () => ctx.deleteReceipt(receipt),

package/dist/ai/recipes/nuxt/wizard-form.md

@@ -804,9 +804,9 @@ onMounted(() => {
 });
 
 const crumbs = computed(() => [
-	{ key: 'dashboard', text: 'Dashboard', to: '/dashboard' },
-	{ key: 'campaigns', text: 'Campaigns', to: '/campaigns' },
-	{ key: 'setup', text: ctx.campaign.value?.name ?? 'New campaign' },
+	{ value: 'dashboard', label: 'Dashboard', to: '/dashboard' },
+	{ value: 'campaigns', label: 'Campaigns', to: '/campaigns' },
+	{ value: 'setup', label: ctx.campaign.value?.name ?? 'New campaign' },
 ]);
 
 // The summary shows only the CURRENT step's issues, and only once the user
@@ -950,8 +950,6 @@ const status = (key: StepKey) => ctx.stepStatus(key);
 
 		<BbSelect
 			v-model="ctx.draft.countries"
-			item-text="label"
-			item-value="value"
 			:items="COUNTRIES"
 			label="Limit to countries"
 			label-mode="outside"
@@ -1115,8 +1113,6 @@ const errorsFor = (field: string) => ctx.fieldErrors('content', field);
 
 		<BbRadioGroup
 			v-model="ctx.draft.sendMode"
-			item-text="label"
-			item-value="value"
 			:items="[
 				{
 					label: 'Send now — goes out as soon as you confirm on Review',
@@ -1146,8 +1142,6 @@ const errorsFor = (field: string) => ctx.fieldErrors('content', field);
 			<BbSelect
 				v-model="ctx.draft.timezone"
 				:errors="errorsFor('timezone')"
-				item-text="label"
-				item-value="value"
 				:items="TIMEZONES"
 				label="Timezone"
 				label-mode="outside"
@@ -1645,8 +1639,6 @@ the file is unchanged, plus `BbCalendar` in its import):
 		<BbSelect
 			v-model="ctx.draft.timezone"
 			:errors="errorsFor('timezone')"
-			item-text="label"
-			item-value="value"
 			:items="TIMEZONES"
 			label="Timezone"
 			label-mode="outside"

package/dist/ai/recipes/vue/approvals-inbox.md

@@ -552,9 +552,9 @@ export function useApprovalsInbox(): ApprovalsInboxContext {
 				<BbBreadcrumbs
 					class="min-w-0 flex-auto"
 					:items="[
-						{ key: 'dashboard', text: 'Dashboard', to: '/dashboard' },
-						{ key: 'finance', text: 'Finance', to: '/finance' },
-						{ key: 'approvals', text: 'Approvals' },
+						{ value: 'dashboard', label: 'Dashboard', to: '/dashboard' },
+						{ value: 'finance', label: 'Finance', to: '/finance' },
+						{ value: 'approvals', label: 'Approvals' },
 					]"
 				/>
 				<BbTextInput
@@ -581,22 +581,22 @@ export function useApprovalsInbox(): ApprovalsInboxContext {
 					compact
 					:items="[
 						{
-							key: 'needsApproval',
+							value: 'needsApproval',
 							label: `Needs approval · ${ctx.tabCounts.value.needsApproval}`,
 							href: '?tab=needsApproval',
 						},
 						{
-							key: 'approved',
+							value: 'approved',
 							label: `Approved · ${ctx.tabCounts.value.approved}`,
 							href: '?tab=approved',
 						},
 						{
-							key: 'rejected',
+							value: 'rejected',
 							label: `Rejected · ${ctx.tabCounts.value.rejected}`,
 							href: '?tab=rejected',
 						},
 						{
-							key: 'all',
+							value: 'all',
 							label: `All · ${ctx.tabCounts.value.all}`,
 							href: '?tab=all',
 						},
@@ -791,7 +791,6 @@ const rowClass = (item: Expense) =>
 		<BbSelectPopover
 			v-model="ctx.filters.categories"
 			item-text="text"
-			item-value="value"
 			:items="CATEGORY_OPTIONS"
 			multiple
 		>

package/dist/ai/recipes/vue/inline-edit-workspace.md

@@ -731,9 +731,9 @@ export function useBacklogWorkspace(): BacklogWorkspaceContext {
 				<BbBreadcrumbs
 					class="min-w-0 flex-auto"
 					:items="[
-						{ key: 'product', text: 'Product', to: '/product' },
-						{ key: 'sprints', text: 'Sprints', to: '/sprints' },
-						{ key: 'sprint-24', text: 'Sprint 24' },
+						{ value: 'product', label: 'Product', to: '/product' },
+						{ value: 'sprints', label: 'Sprints', to: '/sprints' },
+						{ value: 'sprint-24', label: 'Sprint 24' },
 					]"
 				/>
 				<div class="flex shrink-0 items-center gap-2">
@@ -770,17 +770,17 @@ export function useBacklogWorkspace(): BacklogWorkspaceContext {
 				compact
 				:items="[
 					{
-						key: 'backlog',
+						value: 'backlog',
 						label: `Backlog · ${ctx.tabCounts.value.backlog}`,
 						href: '?tab=backlog',
 					},
 					{
-						key: 'current',
+						value: 'current',
 						label: `Current sprint · ${ctx.tabCounts.value.current}`,
 						href: '?tab=current',
 					},
 					{
-						key: 'done',
+						value: 'done',
 						label: `Done · ${ctx.tabCounts.value.done}`,
 						href: '?tab=done',
 					},
@@ -985,8 +985,6 @@ const rowClass = (item: Issue) =>
 			<BbSelectPopover
 				v-model="ctx.filters.status"
 				disable-writing
-				item-text="label"
-				item-value="value"
 				:items="STATUS_OPTIONS"
 				multiple
 			>
@@ -1019,8 +1017,6 @@ const rowClass = (item: Issue) =>
 			<BbSelectPopover
 				v-model="ctx.filters.priority"
 				disable-writing
-				item-text="label"
-				item-value="value"
 				:items="PRIORITY_OPTIONS"
 				multiple
 			>
@@ -1186,8 +1182,6 @@ const commit = (event: Event) => {
 	<BbSelectPopover
 		compact
 		disable-writing
-		item-text="label"
-		item-value="value"
 		:items="STATUS_OPTIONS"
 		:model-value="status"
 		width="180px"
@@ -1264,8 +1258,6 @@ const label = computed(
 	<BbSelectPopover
 		compact
 		disable-writing
-		item-text="label"
-		item-value="value"
 		:items="PRIORITY_OPTIONS"
 		:model-value="priority"
 		width="160px"
@@ -1330,8 +1322,8 @@ const label = computed(
 <template>
 	<!-- Provider-backed people picker. The provider is the ONE shared
 	`searchMembers` — lazy per instance, so a row nobody opens never fetches.
-	The whole member is the value (no item-value), matching how the row
-	stores it. -->
+	The whole member is the value (no item-value, and a Member has no `value`
+	of its own), matching how the row stores it. -->
 	<BbSelectPopover
 		compact
 		item-text="name"
@@ -1397,20 +1389,20 @@ const assignee = computed(() => ctx.valueOf(props.issue, 'assignee'));
 		:boundary="boundary"
 		:items="[
 			{
-				key: 'duplicate',
-				text: 'Duplicate',
+				value: 'duplicate',
+				label: 'Duplicate',
 				'prepend:icon': 'lucide:copy',
 				onClick: () => ctx.duplicateIssue(issue),
 			},
 			{
-				key: 'next-sprint',
-				text: 'Move to next sprint',
+				value: 'next-sprint',
+				label: 'Move to next sprint',
 				'prepend:icon': 'lucide:arrow-right',
 				onClick: () => ctx.moveToNextSprint(issue),
 			},
 			{
-				key: 'delete',
-				text: 'Delete',
+				value: 'delete',
+				label: 'Delete',
 				'prepend:icon': 'lucide:trash-2',
 				variant: 'destructive',
 				onClick: () => ctx.deleteIssue(issue),
@@ -1455,8 +1447,6 @@ const ctx = useBacklogWorkspace();
 		menu clears the bar. -->
 		<BbSelectPopover
 			disable-writing
-			item-text="label"
-			item-value="value"
 			:items="STATUS_OPTIONS"
 			:model-value="null"
 			:offset="8"