first commit

2026-04-26 21:52:23 +03:00
commit 880f412e2c
2662 changed files with 866266 additions and 0 deletions
--- a/ui/components/prompts/sheets/folderSheet.tsx
+++ b/ui/components/prompts/sheets/folderSheet.tsx
@@ -0,0 +1,131 @@
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle } from "@/components/ui/sheet";
+import { Textarea } from "@/components/ui/textarea";
+import { getErrorMessage } from "@/lib/store";
+import { useCreateFolderMutation, useUpdateFolderMutation } from "@/lib/store/apis/promptsApi";
+import { Folder } from "@/lib/types/prompts";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+
+interface FolderFormData {
+	name: string;
+	description: string;
+}
+
+interface FolderSheetProps {
+	open: boolean;
+	onOpenChange: (open: boolean) => void;
+	folder?: Folder;
+	onSaved: () => void;
+}
+
+export function FolderSheet({ open, onOpenChange, folder, onSaved }: FolderSheetProps) {
+	const [createFolder, { isLoading: isCreating }] = useCreateFolderMutation();
+	const [updateFolder, { isLoading: isUpdating }] = useUpdateFolderMutation();
+
+	const isLoading = isCreating || isUpdating;
+	const isEditing = !!folder;
+
+	const {
+		register,
+		handleSubmit,
+		reset,
+		formState: { errors },
+	} = useForm<FolderFormData>({
+		defaultValues: { name: "", description: "" },
+	});
+
+	useEffect(() => {
+		if (open) {
+			reset({
+				name: folder?.name ?? "",
+				description: folder?.description ?? "",
+			});
+		}
+	}, [open, folder, reset]);
+
+	async function onSubmit(data: FolderFormData) {
+		try {
+			if (isEditing) {
+				await updateFolder({
+					id: folder.id,
+					data: { name: data.name.trim(), description: data.description.trim() || undefined },
+				}).unwrap();
+				toast.success("Folder updated");
+			} else {
+				await createFolder({
+					name: data.name.trim(),
+					description: data.description.trim() || undefined,
+				}).unwrap();
+				toast.success("Folder created");
+			}
+			onSaved();
+			onOpenChange(false);
+		} catch (err) {
+			toast.error(`Failed to ${isEditing ? "update" : "create"} folder`, {
+				description: getErrorMessage(err),
+			});
+		}
+	}
+
+	return (
+		<Sheet open={open} onOpenChange={onOpenChange}>
+			<SheetContent
+				className="p-8"
+				onOpenAutoFocus={(e) => {
+					e.preventDefault();
+					document.getElementById("name")?.focus();
+				}}
+			>
+				<form onSubmit={handleSubmit(onSubmit)}>
+					<SheetHeader className="flex flex-col items-start">
+						<SheetTitle>{isEditing ? "Edit Folder" : "Create Folder"}</SheetTitle>
+						<SheetDescription>
+							{isEditing ? "Update the folder name and description." : "Create a new folder to organize your prompts."}
+						</SheetDescription>
+					</SheetHeader>
+
+					<div className="mt-6 space-y-4">
+						<div className="space-y-2">
+							<Label htmlFor="name">Name</Label>
+							<Input
+								id="name"
+								data-testid="folder-name-input"
+								placeholder="My Prompts"
+								{...register("name", {
+									required: "Folder name is required",
+									validate: (v) => v.trim().length > 0 || "Folder name cannot be blank",
+								})}
+								autoFocus
+							/>
+							{errors.name && <p className="text-destructive text-xs">{errors.name.message}</p>}
+						</div>
+
+						<div className="space-y-2">
+							<Label htmlFor="description">Description (optional)</Label>
+							<Textarea
+								id="description"
+								data-testid="folder-description-input"
+								placeholder="Prompts for customer support use cases..."
+								className="resize-none"
+								{...register("description")}
+							/>
+						</div>
+					</div>
+
+					<SheetFooter className="mt-6 flex flex-row items-center justify-end gap-2 p-0">
+						<Button type="button" variant="outline" data-testid="folder-cancel" onClick={() => onOpenChange(false)}>
+							Cancel
+						</Button>
+						<Button type="submit" data-testid="folder-submit" disabled={isLoading}>
+							{isLoading ? "Saving..." : isEditing ? "Update" : "Create"}
+						</Button>
+					</SheetFooter>
+				</form>
+			</SheetContent>
+		</Sheet>
+	);
+}