@aphexcms/cms-core 2.0.10 → 2.1.0

package/dist/components/admin/PermissionsDebug.svelte.d.ts

@@ -0,0 +1,4 @@
+declare const PermissionsDebug: import("svelte").Component<Record<string, never>, {}, "">;
+type PermissionsDebug = ReturnType<typeof PermissionsDebug>;
+export default PermissionsDebug;
+//# sourceMappingURL=PermissionsDebug.svelte.d.ts.map

package/dist/components/admin/PermissionsDebug.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionsDebug.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/PermissionsDebug.svelte.ts"],"names":[],"mappings":"AA6GA,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/components/admin/SchemaField.svelte

@@ -264,7 +264,9 @@
 				<p class="text-destructive text-sm font-medium">
 					Failed to render field "{field.name}" ({field.type})
 				</p>
-				<p class="text-muted-foreground mt-1 text-xs">{error instanceof Error ? error.message : 'Unknown error'}</p>
+				<p class="text-muted-foreground mt-1 text-xs">
+					{error instanceof Error ? error.message : 'Unknown error'}
+				</p>
 				<button class="text-primary mt-2 text-xs underline" onclick={reset}> Try again </button>
 			</div>
 		{/snippet}

package/dist/components/admin/SchemaField.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaField.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/SchemaField.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,KAAK,EAGL,MAAM,qBAAqB,CAAC;AAyB9B,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAG9C,UAAU,KAAK;IACd,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AA2NF,QAAA,MAAM,WAAW;sCA7KgC,GAAG,YAAW,GAAG;MA6KT,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"SchemaField.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/SchemaField.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,KAAK,EAGL,MAAM,qBAAqB,CAAC;AAyB9B,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAG9C,UAAU,KAAK;IACd,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AA6NF,QAAA,MAAM,WAAW;sCA/KgC,GAAG,YAAW,GAAG;MA+KT,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/admin/confirm-dialog/ConfirmDialogHost.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import * as AlertDialog from '@aphexcms/ui/shadcn/alert-dialog';
-	import { buttonVariants } from '@aphexcms/ui/shadcn/button';
+	import { Button } from '@aphexcms/ui/shadcn/button';
 	import { confirmDialogState, resolveConfirmDialog } from './confirm-dialog.svelte';
 
 	function handleOpenChange(open: boolean) {
@@ -13,25 +13,23 @@
 <AlertDialog.Root bind:open={confirmDialogState.open} onOpenChange={handleOpenChange}>
 	<AlertDialog.Content>
 		<AlertDialog.Header>
-			<AlertDialog.Title>{confirmDialogState.title}</AlertDialog.Title>
+			<AlertDialog.Title class="break-words">{confirmDialogState.title}</AlertDialog.Title>
 			{#if confirmDialogState.description}
-				<AlertDialog.Description>
+				<AlertDialog.Description class="break-words">
 					{confirmDialogState.description}
 				</AlertDialog.Description>
 			{/if}
 		</AlertDialog.Header>
 		<AlertDialog.Footer>
-			<AlertDialog.Cancel onclick={() => resolveConfirmDialog(false)}>
+			<Button variant="outline" onclick={() => resolveConfirmDialog(false)}>
 				{confirmDialogState.cancelText}
-			</AlertDialog.Cancel>
-			<AlertDialog.Action
-				class={buttonVariants({
-					variant: confirmDialogState.variant === 'destructive' ? 'destructive' : 'default'
-				})}
+			</Button>
+			<Button
+				variant={confirmDialogState.variant === 'destructive' ? 'destructive' : 'default'}
 				onclick={() => resolveConfirmDialog(true)}
 			>
 				{confirmDialogState.confirmText}
-			</AlertDialog.Action>
+			</Button>
 		</AlertDialog.Footer>
 	</AlertDialog.Content>
 </AlertDialog.Root>

package/dist/components/admin/confirm-dialog/ConfirmDialogHost.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialogHost.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/admin/confirm-dialog/ConfirmDialogHost.svelte.ts"],"names":[],"mappings":"AA4CA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,iBAAiB;;kBAA+E,CAAC;AACrF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAClE,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ConfirmDialogHost.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/admin/confirm-dialog/ConfirmDialogHost.svelte.ts"],"names":[],"mappings":"AA0CA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,iBAAiB;;kBAA+E,CAAC;AACrF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAClE,eAAe,iBAAiB,CAAC"}

package/dist/components/admin/fields/ArrayField.svelte

@@ -342,7 +342,11 @@
 			});
 		}
 
-		editingIndex = arrayValue.length;
+		// Add to array immediately so document auto-save captures it
+		const newArray = [...keyedItems, newItem];
+		onUpdate(newArray);
+
+		editingIndex = newArray.length - 1;
 		editingType = selectedType;
 		editingSchema = schema;
 		editingValue = newItem;
@@ -369,32 +373,22 @@
 		onUpdate(newArray);
 	}
 
-	function handleModalSave(editedData: Record<string, any>) {
+	// Write-through: propagate every field change from the modal to the array immediately
+	function handleModalUpdate(updatedData: Record<string, any>) {
 		if (editingIndex === null || !editingType) return;
 
-		const itemData: Record<string, any> = { ...editedData, _type: editingType };
-		// Preserve _key if editing existing item
-		if ((editingValue as any)._key) {
-			itemData._key = (editingValue as any)._key;
+		const itemData: Record<string, any> = { ...updatedData, _type: editingType };
+		if (editingValue._key) {
+			itemData._key = editingValue._key;
 		} else {
 			itemData._key = generateKey();
 		}
 
-		const newArray = [...keyedItems];
-
-		if (editingIndex >= newArray.length) {
-			newArray.push(itemData);
-		} else {
-			newArray[editingIndex] = itemData;
-		}
+		editingValue = itemData;
 
+		const newArray = [...keyedItems];
+		newArray[editingIndex] = itemData;
 		onUpdate(newArray);
-
-		modalOpen = false;
-		editingIndex = null;
-		editingType = null;
-		editingSchema = null;
-		editingValue = {};
 	}
 
 	function handleModalClose() {
@@ -440,9 +434,11 @@
 				{#if isGridLayout}
 					<!-- Grid layout for images -->
 					{#if arrayValue.length === 0}
-						<div class="border-border/50 flex h-32 items-center justify-center rounded-md border border-dashed">
+						<div
+							class="border-border/50 flex h-32 items-center justify-center rounded-md border border-dashed"
+						>
 							<div class="text-center">
-								<ImageIcon class="mx-auto h-8 w-8 text-muted-foreground" />
+								<ImageIcon class="text-muted-foreground mx-auto h-8 w-8" />
 								<p class="text-muted-foreground mt-1 text-xs">No images yet</p>
 							</div>
 						</div>
@@ -455,18 +451,16 @@
 								class="border-border/50 bg-background group relative aspect-square overflow-hidden rounded-md border"
 								class:opacity-50={sortable.isDragging}
 							>
-								<!-- svelte-ignore a11y_click_events_have_key_events -->
-								<!-- svelte-ignore a11y_no_static_element_interactions -->
-								<!-- svelte-ignore a11y_click_events_have_key_events -->
-								<!-- svelte-ignore a11y_no_static_element_interactions -->
 								<div
 									class="h-full w-full cursor-pointer"
 									onclick={() => handleOpenImageModal(index)}
 								>
 									{#if item?.asset?._ref}
 										{#await assets.getById(item.asset._ref)}
-											<div class="flex h-full w-full items-center justify-center bg-muted">
-												<div class="border-primary h-4 w-4 animate-spin rounded-full border-b-2"></div>
+											<div class="bg-muted flex h-full w-full items-center justify-center">
+												<div
+													class="border-primary h-4 w-4 animate-spin rounded-full border-b-2"
+												></div>
 											</div>
 										{:then result}
 											{#if result.success && result.data?.url}
@@ -477,40 +471,41 @@
 													loading="lazy"
 												/>
 											{:else}
-												<div class="flex h-full w-full items-center justify-center bg-muted">
-													<ImageIcon class="h-8 w-8 text-muted-foreground" />
+												<div class="bg-muted flex h-full w-full items-center justify-center">
+													<ImageIcon class="text-muted-foreground h-8 w-8" />
 												</div>
 											{/if}
 										{:catch}
-											<div class="flex h-full w-full items-center justify-center bg-muted">
-												<ImageIcon class="h-8 w-8 text-muted-foreground" />
+											<div class="bg-muted flex h-full w-full items-center justify-center">
+												<ImageIcon class="text-muted-foreground h-8 w-8" />
 											</div>
 										{/await}
 									{:else}
-										<div class="flex h-full w-full items-center justify-center bg-muted">
-											<ImageIcon class="h-8 w-8 text-muted-foreground" />
+										<div class="bg-muted flex h-full w-full items-center justify-center">
+											<ImageIcon class="text-muted-foreground h-8 w-8" />
 										</div>
 									{/if}
 								</div>
 
 								<!-- Overlay controls -->
 								{#if !readonly}
-									<div class="absolute top-1 left-1 opacity-0 group-hover:opacity-100 transition-opacity">
+									<div
+										class="absolute top-1 left-1 opacity-0 transition-opacity group-hover:opacity-100"
+									>
 										<button
 											{@attach sortable.attachHandle}
-											class="bg-background/80 rounded p-1 cursor-grab active:cursor-grabbing"
+											class="bg-background/80 cursor-grab rounded p-1 active:cursor-grabbing"
 										>
 											<GripVertical class="h-3.5 w-3.5" />
 										</button>
 									</div>
-									<div class="absolute right-1 bottom-1 opacity-0 group-hover:opacity-100 transition-opacity">
+									<div
+										class="absolute right-1 bottom-1 opacity-0 transition-opacity group-hover:opacity-100"
+									>
 										<DropdownMenu.Root>
 											<DropdownMenu.Trigger>
 												{#snippet child({ props })}
-													<button
-														{...props}
-														class="bg-background/80 rounded p-1"
-													>
+													<button {...props} class="bg-background/80 rounded p-1">
 														<Ellipsis class="h-3.5 w-3.5" />
 													</button>
 												{/snippet}
@@ -534,76 +529,74 @@
 						{/each}
 					</div>
 				{:else}
-				<!-- Default list layout for images -->
-				<div class="space-y-1">
-					{#each arrayValue as item, index (`prim-${index}`)}
-						{@const sortable = createSortable({ id: `prim-${index}`, index, disabled: readonly })}
-						<div
-							{@attach sortable.attach}
-							class="border-border/50 bg-background hover:bg-muted/50 flex h-16 items-center gap-1 rounded border px-1 transition-colors"
-							class:opacity-50={sortable.isDragging}
-						>
-							{#if !readonly}
-								<button
-									{@attach sortable.attachHandle}
-									class="text-muted-foreground hover:text-foreground flex h-8 w-6 cursor-grab items-center justify-center active:cursor-grabbing"
-								>
-									<GripVertical class="h-4 w-4" />
-								</button>
-							{/if}
-
-							<!-- svelte-ignore a11y_click_events_have_key_events -->
-							<!-- svelte-ignore a11y_no_static_element_interactions -->
+					<!-- Default list layout for images -->
+					<div class="space-y-1">
+						{#each arrayValue as item, index (`prim-${index}`)}
+							{@const sortable = createSortable({ id: `prim-${index}`, index, disabled: readonly })}
 							<div
-								class="min-w-0 flex-1 cursor-pointer text-left"
-								onclick={() => handleOpenImageModal(index)}
+								{@attach sortable.attach}
+								class="border-border/50 bg-background hover:bg-muted/50 flex h-16 items-center gap-1 rounded border px-1 transition-colors"
+								class:opacity-50={sortable.isDragging}
 							>
-								<ImageField
-									field={{
-										...field.of?.[0],
-										name: `image-${index}`,
-										type: 'image',
-										title: `Image ${index + 1}`
-									}}
-									value={item}
-									onUpdate={() => {}}
-									{readonly}
-									arrayItem={true}
-									{organizationId}
-								/>
-							</div>
+								{#if !readonly}
+									<button
+										{@attach sortable.attachHandle}
+										class="text-muted-foreground hover:text-foreground flex h-8 w-6 cursor-grab items-center justify-center active:cursor-grabbing"
+									>
+										<GripVertical class="h-4 w-4" />
+									</button>
+								{/if}
 
-							{#if !readonly}
-								<DropdownMenu.Root>
-									<DropdownMenu.Trigger>
-										{#snippet child({ props })}
-											<button
-												{...props}
-												class="text-muted-foreground hover:text-foreground flex h-8 w-8 shrink-0 items-center justify-center rounded transition-colors hover:bg-transparent"
+								<div
+									class="min-w-0 flex-1 cursor-pointer text-left"
+									onclick={() => handleOpenImageModal(index)}
+								>
+									<ImageField
+										field={{
+											...field.of?.[0],
+											name: `image-${index}`,
+											type: 'image',
+											title: `Image ${index + 1}`
+										}}
+										value={item}
+										onUpdate={() => {}}
+										{readonly}
+										arrayItem={true}
+										{organizationId}
+									/>
+								</div>
+
+								{#if !readonly}
+									<DropdownMenu.Root>
+										<DropdownMenu.Trigger>
+											{#snippet child({ props })}
+												<button
+													{...props}
+													class="text-muted-foreground hover:text-foreground flex h-8 w-8 shrink-0 items-center justify-center rounded transition-colors hover:bg-transparent"
+												>
+													<Ellipsis class="h-4 w-4" />
+												</button>
+											{/snippet}
+										</DropdownMenu.Trigger>
+										<DropdownMenu.Content align="end">
+											<DropdownMenu.Item onclick={() => handleOpenImageModal(index)}>
+												<Pencil class="mr-2 h-4 w-4" />
+												Edit
+											</DropdownMenu.Item>
+											<DropdownMenu.Separator />
+											<DropdownMenu.Item
+												class="text-destructive focus:text-destructive"
+												onclick={() => handleRemoveItem(index)}
 											>
-												<Ellipsis class="h-4 w-4" />
-											</button>
-										{/snippet}
-									</DropdownMenu.Trigger>
-									<DropdownMenu.Content align="end">
-										<DropdownMenu.Item onclick={() => handleOpenImageModal(index)}>
-											<Pencil class="mr-2 h-4 w-4" />
-											Edit
-										</DropdownMenu.Item>
-										<DropdownMenu.Separator />
-										<DropdownMenu.Item
-											class="text-destructive focus:text-destructive"
-											onclick={() => handleRemoveItem(index)}
-										>
-											<Trash2 class="mr-2 h-4 w-4" />
-											Remove
-										</DropdownMenu.Item>
-									</DropdownMenu.Content>
-								</DropdownMenu.Root>
-							{/if}
-						</div>
-					{/each}
-				</div>
+												<Trash2 class="mr-2 h-4 w-4" />
+												Remove
+											</DropdownMenu.Item>
+										</DropdownMenu.Content>
+									</DropdownMenu.Root>
+								{/if}
+							</div>
+						{/each}
+					</div>
 				{/if}
 			</DragDropProvider>
 		{/key}
@@ -787,7 +780,10 @@
 							</div>
 
 							<!-- Title (clickable to edit) -->
-							<button class="flex-1 truncate text-left text-sm" onclick={() => handleEditItem(index)}>
+							<button
+								class="flex-1 cursor-pointer truncate text-left text-sm"
+								onclick={() => handleEditItem(index)}
+							>
 								{getItemTitle(item)}
 							</button>
 
@@ -869,7 +865,7 @@
 		schema={editingSchema}
 		value={editingValue}
 		onClose={handleModalClose}
-		onSave={handleModalSave}
+		onUpdate={handleModalUpdate}
 		{onOpenReference}
 		{readonly}
 		{organizationId}

package/dist/components/admin/fields/ArrayField.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayField.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/admin/fields/ArrayField.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAc,MAAM,wBAAwB,CAAC;AAyBtF,UAAU,KAAK;IACd,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAsyBF,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ArrayField.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/admin/fields/ArrayField.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAc,MAAM,wBAAwB,CAAC;AAyBtF,UAAU,KAAK;IACd,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AA0xBF,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/admin/fields/FileField.svelte

@@ -17,6 +17,7 @@
 	import elementEvents from '../../../utils/element-events';
 	import { copyUrlToClipboard, downloadFile } from '../../../utils/asset-actions';
 	import AssetBrowserModal from '../AssetBrowserModal.svelte';
+	import { usePermissions } from '../../../permissions-context.svelte';
 
 	interface Props {
 		field: FileFieldType;
@@ -44,6 +45,12 @@
 		organizationId
 	}: Props = $props();
 
+	// Read-only when forced by caller OR the user lacks asset.upload. Keeps
+	// the `readonly` prop as an explicit override for hosts that want to
+	// neutralise the field regardless of RBAC state.
+	const perms = usePermissions();
+	const isReadOnly = $derived(readonly || !perms.can('asset.upload'));
+
 	let isDragging = $state(false);
 	let isUploading = $state(false);
 	let uploadError = $state<string | null>(null);
@@ -97,7 +104,7 @@
 	}
 
 	async function handleFileSelect(files: FileList | null) {
-		if (readonly || !files || files.length === 0) return;
+		if (isReadOnly || !files || files.length === 0) return;
 
 		const file = files[0]!;
 
@@ -115,37 +122,37 @@
 	}
 
 	function handleDragOver(event: DragEvent) {
-		if (readonly) return;
+		if (isReadOnly) return;
 		event.preventDefault();
 		isDragging = true;
 	}
 
 	function handleDragLeave(event: DragEvent) {
-		if (readonly) return;
+		if (isReadOnly) return;
 		event.preventDefault();
 		isDragging = false;
 	}
 
 	function handleDrop(event: DragEvent) {
-		if (readonly) return;
+		if (isReadOnly) return;
 		event.preventDefault();
 		isDragging = false;
 		handleFileSelect(event.dataTransfer?.files || null);
 	}
 
 	function handleFileInputChange(event: Event) {
-		if (readonly) return;
+		if (isReadOnly) return;
 		const target = event.target as HTMLInputElement;
 		handleFileSelect(target.files);
 	}
 
 	function openFileDialog() {
-		if (readonly) return;
+		if (isReadOnly) return;
 		fileInputRef?.click();
 	}
 
 	function removeFile() {
-		if (readonly) return;
+		if (isReadOnly) return;
 		onUpdate(null);
 		uploadError = null;
 	}
@@ -271,7 +278,7 @@
 				{/if}
 			</div>
 
-			{#if !readonly}
+			{#if !isReadOnly}
 				<DropdownMenu>
 					<DropdownMenuTrigger>
 						<Button variant="ghost" size="sm" class="h-8 w-8 p-0">
@@ -312,7 +319,7 @@
 			variant="outline"
 			class="w-full justify-start"
 			onclick={openFileDialog}
-			disabled={isUploading || readonly}
+			disabled={isUploading || isReadOnly}
 			type="button"
 		>
 			{#if isUploading}
@@ -330,9 +337,7 @@
 		<div class="border-border overflow-hidden rounded-md border {validationClasses}">
 			<!-- File info card -->
 			<div class="flex items-center gap-4 p-4">
-				<div
-					class="bg-muted flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-lg"
-				>
+				<div class="bg-muted flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-lg">
 					{#if loadingAsset}
 						<div class="border-primary h-6 w-6 animate-spin rounded-full border-b-2"></div>
 					{:else}
@@ -353,7 +358,7 @@
 				</div>
 
 				<!-- Controls -->
-				{#if !readonly}
+				{#if !isReadOnly}
 					<DropdownMenu>
 						<DropdownMenuTrigger>
 							<Button variant="secondary" size="icon" class="h-8 w-8">
@@ -404,7 +409,7 @@
 	{:else}
 		<!-- Upload bar -->
 		<div
-			class="border-border flex h-10 items-center overflow-hidden rounded-md border transition-colors {validationClasses} {readonly
+			class="border-border flex h-10 items-center overflow-hidden rounded-md border transition-colors {validationClasses} {isReadOnly
 				? ''
 				: isDragging
 					? 'bg-primary/5'
@@ -426,7 +431,7 @@
 				{:else}
 					<FileIcon size={16} class="text-muted-foreground" />
 					<span class="text-muted-foreground text-sm">
-						{readonly ? 'No file' : isDragging ? 'Drop file here' : 'Drag or select a file'}
+						{isReadOnly ? 'No file' : isDragging ? 'Drop file here' : 'Drag or select a file'}
 					</span>
 				{/if}
 			</div>
@@ -434,7 +439,7 @@
 			<div class="flex items-center gap-1 pr-2">
 				<button
 					onclick={openFileDialog}
-					disabled={isUploading || readonly}
+					disabled={isUploading || isReadOnly}
 					type="button"
 					class="text-muted-foreground hover:text-foreground flex items-center gap-1 px-2 py-1 text-sm transition-colors disabled:opacity-50"
 				>
@@ -442,7 +447,7 @@
 					Upload
 				</button>
 				<button
-					disabled={isUploading || readonly}
+					disabled={isUploading || isReadOnly}
 					type="button"
 					onclick={() => {
 						showAssetBrowser = true;

package/dist/components/admin/fields/FileField.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileField.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/admin/fields/FileField.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAiBxE,UAAU,KAAK;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAgaF,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FileField.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/admin/fields/FileField.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAkBxE,UAAU,KAAK;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAuaF,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}