feat: add client workspace management

src/routes/dashboard/admins/edit-admin-dialog.svelte

@@ -0,0 +1,82 @@
+<script lang="ts">
+	/* eslint-disable @typescript-eslint/no-explicit-any */
+	import { Field as FormField, Control, FieldErrors } from 'formsnap';
+	import * as Field from '$lib/components/ui/field/index.js';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import * as Dialog from '$lib/components/ui/dialog/index.js';
+	import { Input } from '$lib/components/ui/input/index.js';
+	let {
+		editingUser,
+		editForm,
+		editData,
+		enhanceEdit,
+		onClose
+	}: {
+		editingUser: any;
+		editForm: any;
+		editData: any;
+		enhanceEdit: any;
+		onClose: () => void;
+	} = $props();
+</script>
+
+<Dialog.Root open={!!editingUser} onOpenChange={(open) => !open && onClose()}>
+	<Dialog.Content class="sm:max-w-md">
+		<Dialog.Header>
+			<Dialog.Title>Edit admin</Dialog.Title>
+			<Dialog.Description>Update account details or set a new password.</Dialog.Description>
+		</Dialog.Header>
+		{#if editingUser}
+			<form method="POST" action="?/edit" class="grid gap-2" use:enhanceEdit>
+				<input type="hidden" name="id" value={$editData.id} />
+				<FormField form={editForm} name="name">
+					<Field.Field>
+						<Control id="edit-name">
+							{#snippet children({ props })}
+								<Field.Label>Name</Field.Label>
+								<Input {...props} autocomplete="name" bind:value={$editData.name} />
+							{/snippet}
+						</Control>
+						<Field.Error><FieldErrors /></Field.Error>
+					</Field.Field>
+				</FormField>
+				<FormField form={editForm} name="email">
+					<Field.Field>
+						<Control id="edit-email">
+							{#snippet children({ props })}
+								<Field.Label>Email</Field.Label>
+								<Input {...props} type="email" autocomplete="email" bind:value={$editData.email} />
+							{/snippet}
+						</Control>
+						<Field.Error><FieldErrors /></Field.Error>
+					</Field.Field>
+				</FormField>
+				<FormField form={editForm} name="password">
+					<Field.Field>
+						<Control id="edit-password">
+							{#snippet children({ props })}
+								<Field.Label>New password</Field.Label>
+								<Input
+									{...props}
+									type="password"
+									autocomplete="new-password"
+									placeholder="Leave blank to keep current password"
+									bind:value={$editData.password}
+								/>
+							{/snippet}
+						</Control>
+						<Field.Error><FieldErrors /></Field.Error>
+					</Field.Field>
+				</FormField>
+				<Dialog.Footer>
+					<Dialog.Close>
+						{#snippet child({ props })}
+							<Button variant="outline" {...props}>Cancel</Button>
+						{/snippet}
+					</Dialog.Close>
+					<Button type="submit">Save changes</Button>
+				</Dialog.Footer>
+			</form>
+		{/if}
+	</Dialog.Content>
+</Dialog.Root>