Update Products page and Stock Movements pages

.github/workflows/quality.yml

@@ -35,6 +35,9 @@ jobs:
       - name: Lint
         run: pnpm lint
 
+      - name: Typecheck
+        run: pnpm typecheck
+
       - name: Unit tests
         run: pnpm exec vitest run
 

CHANGELOG.md

@@ -0,0 +1,36 @@
+# Changelog
+
+### Added
+
+- Added production-only Microsoft Clarity tracking.
+- Added AI product image prompt generation, including prompt management, price overlay controls, image sharing support, and a dedicated prompt generation page.
+- Added a stock movement detail page with model, view, types, and focused tests.
+- Added IndexedDB-backed stock movement draft persistence and runtime recovery tracking.
+- Added stock movement submit progress feedback.
+- Added product form image processing locks to prevent submitting while images are still being processed.
+
+### Changed
+
+- Redesigned the main operational views for batches, products, catalog setup, sales, stock movements, system administration, transfers, and warehouses.
+- Modernized the product detail page with a restructured layout and fixed bottom action bar.
+- Moved product prompt generation out of the product prompt list flow and into its own page.
+- Split product image dropzone UI states for clearer current, selected, removed, and processing behavior.
+- Centralized dynamic chart component loading for the sales chart.
+- Improved batch model state handling and authentication submit loading state clarity.
+
+### Fixed
+
+- Fixed Recharts client-only loading issues.
+- Stabilized warehouse client hydration.
+- Refined stock movement draft routing and cleaned up lingering debounce timers in tests.
+- Fixed uploaded company logo preview rendering.
+- Fixed iOS PWA product prompt sharing flows by restoring touch interaction, returning to the prompt list, and blocking unsupported file sharing when needed.
+- Preserved product image removal state when a replacement file picker is cancelled.
+- Autofilled prompt pricing from the latest batch after async batch data loads.
+- Fixed prompt share cleanup callback types so production builds pass type checking.
+
+### Maintenance
+
+- Added a React Doctor report.
+- Updated project agent instructions.
+- Expanded model and browser tests around product prompts, stock movement details, draft storage, and image handling.

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

@@ -11,6 +11,7 @@ import {
   parseISO,
 } from "date-fns";
 import { ptBR } from "date-fns/locale";
+import { formatCentsToBRL } from "@/lib/currency";
 import { useBreadcrumb } from "@/components/breadcrumb";
 import type {
   BatchDetail,
@@ -64,10 +65,6 @@ const STATUS_MAP: Record<BatchStatusKind, BatchStatusView> = {
   },
 };
 
-const BATCH_DETAIL_CURRENCY_FORMATTER = new Intl.NumberFormat("pt-BR", {
-  style: "currency",
-  currency: "BRL",
-});
 
 /* ─── Pure Functions ─── */
 
@@ -96,10 +93,7 @@ export const computeBatchStatus = (
   return STATUS_MAP.ok;
 };
 
-export const formatCentsToBRL = (cents: number | null | undefined): string => {
-  if (cents === null || cents === undefined) return "-";
-  return BATCH_DETAIL_CURRENCY_FORMATTER.format(cents / 100);
-};
+export { formatCentsToBRL };
 
 export const formatCentsTotal = (
   unitCents: number | null | undefined,

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

@@ -242,7 +242,7 @@ describe("useBatchEditModel", () => {
     expect(fakeApi.put).toHaveBeenCalledWith("batches/batch-1", {
       json: values,
     });
-    expect(fakeToast.success).toHaveBeenCalledWith("Batch atualizado");
+    expect(fakeToast.success).toHaveBeenCalledWith("Lote atualizado");
     expect(fakeRouter.push).toHaveBeenCalledWith("/batches/batch-1");
   });
 
@@ -258,11 +258,11 @@ describe("useBatchEditModel", () => {
       await result.current.onSubmit(baseFormValues);
     });
 
-    expect(fakeToast.error).toHaveBeenCalledWith("Erro ao atualizar batch");
+    expect(fakeToast.error).toHaveBeenCalledWith("Erro ao atualizar lote");
   });
 
   it("exibe mensagem de erro retornada pela API na atualização", async () => {
-    const updateError = new Error("Falha ao atualizar batch");
+    const updateError = new Error("Falha ao atualizar lote");
     fakeApi.put.mockReturnValueOnce({
       json: vi.fn(async () => {
         throw updateError;
@@ -274,6 +274,6 @@ describe("useBatchEditModel", () => {
       await result.current.onSubmit(baseFormValues);
     });
 
-    expect(fakeToast.error).toHaveBeenCalledWith("Falha ao atualizar batch");
+    expect(fakeToast.error).toHaveBeenCalledWith("Falha ao atualizar lote");
   });
 });

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

@@ -65,10 +65,10 @@ export const useBatchEditModel = (batchId: string) => {
     try {
       const { api } = await import("@/lib/api");
       await api.put(`batches/${batchId}`, { json: values }).json();
-      toast.success("Batch atualizado");
+      toast.success("Lote atualizado");
       router.push(`/batches/${batchId}`);
     } catch (err) {
-      const message = err instanceof Error ? err.message : "Erro ao atualizar batch";
+      const message = err instanceof Error ? err.message : "Erro ao atualizar lote";
       toast.error(message);
     }
   };

app/(pages)/batches/batches.view.test.tsx

@@ -32,7 +32,7 @@ const baseProps = {
     status: "all" as const,
     lowStockThreshold: 10,
   },
-  sortConfig: { key: "createdAt", direction: "desc" as const },
+  sortConfig: { key: "createdAt" as const, direction: "desc" as const },
   isGroupedByProduct: false,
   isMobileFiltersOpen: false,
   mobileFiltersDraft: {

app/(pages)/batches/create/batches-create.model.test.ts

@@ -105,6 +105,7 @@ const fakeToast = vi.hoisted(() => {
   class FakeBatchCreateToast {
     public readonly success = vi.fn<(message: string) => void>();
     public readonly error = vi.fn<(message: string) => void>();
+    public readonly warning = vi.fn<(message: string) => void>();
   }
 
   return new FakeBatchCreateToast();
@@ -543,8 +544,8 @@ describe("useBatchCreateModel", () => {
       await result.current.onSubmit(validSubmitData);
     });
 
-    expect(fakeToast.error).toHaveBeenCalledWith(
-      "Selecione um warehouse ativo para criar o batch",
+    expect(fakeToast.warning).toHaveBeenCalledWith(
+      "Selecione um estoque ativo para criar o lote",
     );
     expect(fakeApi.post).not.toHaveBeenCalled();
   });
@@ -596,7 +597,7 @@ describe("useBatchCreateModel", () => {
     expect(fakeApi.post).toHaveBeenCalledWith("batches", {
       json: buildBatchPayload(validSubmitData, "wh-1"),
     });
-    expect(fakeToast.success).toHaveBeenCalledWith("Batch criado com sucesso");
+    expect(fakeToast.success).toHaveBeenCalledWith("Lote criado com sucesso");
     expect(fakeRouter.push).toHaveBeenCalledWith("/batches/batch-2026");
   });
 
@@ -627,6 +628,6 @@ describe("useBatchCreateModel", () => {
       await result.current.onSubmit(validSubmitData);
     });
 
-    expect(fakeToast.error).toHaveBeenCalledWith("Erro ao criar batch");
+    expect(fakeToast.error).toHaveBeenCalledWith("Erro ao criar lote");
   });
 });

app/(pages)/batches/create/batches-create.model.ts

@@ -308,7 +308,7 @@ export const useBatchCreateModel = () => {
 
   const onSubmit = async (data: BatchCreateFormData) => {
     if (!warehouseId) {
-      toast.error("Selecione um warehouse ativo para criar o batch");
+      toast.warning("Selecione um estoque ativo para criar o lote");
       return;
     }
 
@@ -320,11 +320,11 @@ export const useBatchCreateModel = () => {
         .json<BatchCreateResponse>();
 
       if (response.success) {
-        toast.success("Batch criado com sucesso");
+        toast.success("Lote criado com sucesso");
         router.push(`/batches/${response.data.id}`);
       }
     } catch (err) {
-      const message = err instanceof Error ? err.message : "Erro ao criar batch";
+      const message = err instanceof Error ? err.message : "Erro ao criar lote";
       toast.error(message);
     }
   };

app/(pages)/batches/create/batches-create.schema.test.ts

@@ -10,7 +10,7 @@ const baseData = {
 };
 
 const expectErrorPath = (
-  result: { success: false; error: { issues: { path: (string | number)[]; message: string }[] } },
+  result: { success: false; error: { issues: { path: PropertyKey[]; message: string }[] } },
   path: string,
 ): void => {
   if (result.success) {
@@ -52,6 +52,7 @@ describe("batchCreateSchema", () => {
       productId: "",
     });
     expect(result.success).toBe(false);
+    if (result.success) throw new Error("expected parse failure");
     expectErrorPath(result, "productId");
   });
 
@@ -61,6 +62,7 @@ describe("batchCreateSchema", () => {
       quantity: 0,
     });
     expect(result.success).toBe(false);
+    if (result.success) throw new Error("expected parse failure");
     expectErrorPath(result, "quantity");
   });
 

app/(pages)/batches/create/batches-create.view.test.tsx

@@ -67,7 +67,11 @@ const baseProps = {
   selectedWarehouseId: "wh-1",
   onQuantityIncrement: vi.fn(),
   onQuantityDecrement: vi.fn(),
-  selectedProduct: { hasExpiration: false },
+  selectedProduct: { id: "prod-1", name: "Produto A", hasExpiration: false },
+  latestBatchPriceSuggestion: null,
+  isLatestBatchPriceLoading: false,
+  onApplyLatestCostPrice: vi.fn(),
+  onApplyLatestSellingPrice: vi.fn(),
 };
 
 const Wrapper = ({

app/(pages)/categories/categories.model.test.ts

@@ -80,7 +80,7 @@ const fakeSWR = vi.hoisted(() => {
 
     public reset(): void {
       this.responses.clear();
-      this.defaultState.mutate.mockClear();
+      vi.mocked(this.defaultState.mutate).mockClear();
       this.hook.mockClear();
     }
   }