Multi Product Insert on Stock-Movements and Image Prompts

CLAUDE.md

@@ -3,11 +3,13 @@
 Next.js 15, TS, Tailwind CSS, shadcn/ui.
 
 ## Architecture (MVVM)
+
 - Structure: Every page needs `.model.ts` (logic), `.view.tsx` (pure JSX), `.types.ts` (interfaces), `.schema.ts` (Zod), and `page.tsx` (ViewModel).
 - Responsibilities: NO JSX in models. NO state/hooks/logic in views.
 - Forms: Validate with Zod schemas and `react-hook-form`.
 
 ## Code Style
+
 - Types: Explicit everywhere. No `any`.
 - Endpoints: Always check `docs/endpoints/` before making API calls.
 - Functions: 4-20 lines. Split if longer.
@@ -26,23 +28,27 @@ Next.js 15, TS, Tailwind CSS, shadcn/ui.
 - Wrap third-party libs behind a thin interface owned by this project.
 
 ## Components & UI
+
 - Base: `/components/ui` using Tailwind + lucide-react (strokeWidth 2 or 2.5).
 - Breadcrumbs: Use `useBreadcrumb` hook ONLY in child routes (e.g., `/products/[id]/edit`).
 - Composites: Use standard wrappers `<PageContainer>`, `<PageHeader>`, `<FixedBottomBar>`.
 - Feedback: Always handle loading (`<LoadingState>`), errors (`<ErrorState>`), and no-data (`<EmptyState>`), and format forms with `<FormSection>`.
 
 ## Responsive & Design System
+
 - Layout: Mobile First -> Tablet (`md:`) -> Desktop (`max-w-7xl`).
 - Sidebar Fix: Any `fixed` full-width element MUST include `md:ml-[240px]` to clear the sidebar.
 - Theme: Dark-only brutalism. Background `#0A0A0A`, surfaces `#171717`, borders `neutral-800`.
 - Accents: Primary `#2563EB`, Success `#059669`, Warning `#F59E0B`, Error `#E11D48`.
 - Geometry & Interaction: 4px border radius everywhere. No shadows. No `rounded-full`. No animations (instant hover changes). Bold titles.
 
 ## Data Fetching
+
 - Libraries: `swr` for caching + `ky` for HTTP requests.
 - Encapsulation: All `useSWR` and `ky.get/.post` calls must be inside standard hooks in `.model.ts`.
 
 ## Tests
+
 - Scope: Unit test `.model.ts` files ONLY.
 - Workflow: Always ask to create model tests immediately after finishing a page implementation.
 - Runner: Vitest (`pnpm test`).
@@ -53,5 +59,8 @@ Next.js 15, TS, Tailwind CSS, shadcn/ui.
   self-validating, timely.
 
 ## Workflow & Commands
-- Commands: `pnpm dev` (Dev), `pnpm test` (Test), `pnpm build` (Build).
+
+- `pnpm test` (Test), `pnpm build` (Build).
 - Automation defaults: email `pass@pass.com` / pw `test123`.
+- Só faça a build (`pnpm build`) quando for solicitado. Não quebre essa regra
+- Só rode o `pnpm dev` quando for solicitado. Não quebre essa regra

app/(pages)/batches/[id]/batches-detail.model.test.ts

@@ -193,6 +193,10 @@ describe("formatCentsTotal", () => {
     expect(formatCentsTotal(1000, 5)).toMatch(/R\$\s?50,00/);
   });
 
+  it("does not prefix the formatted total value", () => {
+    expect(formatCentsTotal(2000, 2)).not.toContain("Total:");
+  });
+
   it("returns dash when price is null", () => {
     expect(formatCentsTotal(null, 10)).toBe("-");
   });

app/(pages)/batches/[id]/batches-detail.model.ts

@@ -106,7 +106,7 @@ export const formatCentsTotal = (
   quantity: number,
 ): string => {
   if (unitCents === null || unitCents === undefined) return "-";
-  return `Total: ${formatCentsToBRL(unitCents * quantity)}`;
+  return formatCentsToBRL(unitCents * quantity);
 };
 
 export const computeMarginLabel = (

app/(pages)/batches/[id]/edit/batches-edit.model.ts

@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import { useMemo } from "react";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useRouter } from "next/navigation";
@@ -9,6 +9,18 @@ import type { BatchEditResponse } from "./batches-edit.types";
 import type { Batch } from "../../batches.types";
 import { useBreadcrumb } from "@/components/breadcrumb";
 
+const DEFAULT_BATCH_EDIT_FORM_VALUES: BatchEditFormData = {
+  productId: "",
+  warehouseId: "",
+  quantity: 1,
+  batchCode: "",
+  manufacturedDate: "",
+  expirationDate: "",
+  costPrice: undefined,
+  sellingPrice: undefined,
+  notes: "",
+};
+
 export const mapBatchToFormValues = (batch: Batch): BatchEditFormData => ({
   productId: batch.productId,
   warehouseId: batch.warehouseId,
@@ -23,21 +35,6 @@ export const mapBatchToFormValues = (batch: Batch): BatchEditFormData => ({
 
 export const useBatchEditModel = (batchId: string) => {
   const router = useRouter();
-  const form = useForm<BatchEditFormData>({
-    resolver: zodResolver(batchEditSchema),
-    defaultValues: {
-      productId: "",
-      warehouseId: "",
-      quantity: 1,
-      batchCode: "",
-      manufacturedDate: "",
-      expirationDate: "",
-      costPrice: undefined,
-      sellingPrice: undefined,
-      notes: "",
-    },
-  });
-
   const { data, isLoading } = useSWR<BatchEditResponse>(
     batchId ? `batches/${batchId}` : null,
     async (url: string) => {
@@ -47,6 +44,15 @@ export const useBatchEditModel = (batchId: string) => {
   );
 
   const batch = data?.data || null;
+  const formValues = useMemo(
+    () => (batch ? mapBatchToFormValues(batch) : DEFAULT_BATCH_EDIT_FORM_VALUES),
+    [batch],
+  );
+  const form = useForm<BatchEditFormData>({
+    resolver: zodResolver(batchEditSchema),
+    defaultValues: DEFAULT_BATCH_EDIT_FORM_VALUES,
+    values: formValues,
+  });
 
   useBreadcrumb({
     title: batch?.batchNumber || batch?.batchCode || "Carregando...",
@@ -55,12 +61,6 @@ export const useBatchEditModel = (batchId: string) => {
     subsection: "Edição",
   });
 
-  useEffect(() => {
-    if (batch) {
-      form.reset(mapBatchToFormValues(batch));
-    }
-  }, [batch, form]);
-
   const onSubmit = async (values: BatchEditFormData) => {
     try {
       const { api } = await import("@/lib/api");