diff --git a/.commandcode/settings.json b/.commandcode/settings.json
index 00d8ceb..d067703 100644
--- a/.commandcode/settings.json
+++ b/.commandcode/settings.json
@@ -50,7 +50,36 @@
       "Shell(sleep:*)",
       "Shell(for p in /me /me/orders /me/addresses /me/coupons /me/complaints /me/edit-profile /me/terms; do code=$(curl -s -o /dev/null -w \"%{http_code}\" \"http://localhost:4175$p\"); echo \"$p -> $code\"; done)",
       "Shell(curl -s http://localhost:4175/me)",
-      "Shell(pkill -f \"vite dev\" 2>/dev/null; pkill -f \"web-ui\" 2>/dev/null; echo \"stopped\")"
+      "Shell(pkill -f \"vite dev\" 2>/dev/null; pkill -f \"web-ui\" 2>/dev/null; echo \"stopped\")",
+      "Shell(npx playwright install chromium 2 >& 1)",
+      "Shell(npx playwright --version)",
+      "Shell(npx playwright test --list 2 >& 1)",
+      "Shell(curl -s http://localhost:4175/login)",
+      "Shell(curl -s -o /dev/null -w %{http_code}\\n http://localhost:4175/login)",
+      "Shell(grep -aiE \"error|fail\" /tmp/adminweb_dev.log | head -10 || echo \"no errors\"; pkill -f \"vite dev\" 2>/dev/null; pkill -f \"admin-web\" 2>/dev/null; echo \"stopped\")",
+      "Shell(git:*)",
+      "Shell(bun:*)",
+      "Shell(bunx playwright test --list -c ../playwright.config.ts 2 >& 1)",
+      "Shell([:*)",
+      "Shell(sed:*)",
+      "Shell(curl -s -o /dev/null -w %{http_code}\\n --max-time 4 http://localhost:4175/login 2 > /dev/null)",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && bun run test:e2e > /tmp/e2e_run.log 2>&1; echo \"exit=$?\")",
+      "Shell(ps:*)",
+      "Shell(npx tsc --noEmit -p tests 2 >& 1)",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && bun run test:e2e > /tmp/e2e_run2.log 2>&1; echo \"exit=$?\" >> /tmp/e2e_run2.log)",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && sed -n '/```yaml/,/```/p' \"test-results/auth.setup.ts-authenticate-staff-user-setup/error-context.md\")",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && bun run test:e2e > /tmp/e2e_run3.log 2>&1; echo \"exit=$?\" >> /tmp/e2e_run3.log)",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && npx tsc --noEmit -p tests 2>&1 | tail -5; echo \"tsc_exit=$?\"; bun run test:e2e > /tmp/e2e_run4.log 2>&1; echo \"exit=$?\" >> /tmp/e2e_run4.log)",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && sed -n '/```yaml/,/```/p' \"test-results/specs-product-lifecycle-pr-e8d1e-e-→-update-→-slot-→-suspend-chromium/error-context.md\" | head -60)",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && npx tsc --noEmit -p tests 2>&1 | tail -5; echo \"tsc_exit=$?\"; bun run test:e2e > /tmp/e2e_run5.log 2>&1; echo \"exit=$?\" >> /tmp/e2e_run5.log)",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && sed -n '/```yaml/,/```/p' \"test-results/specs-product-lifecycle-pr-e8d1e-e-→-update-→-slot-→-suspend-chromium/error-context.md\" | head -50)",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && bun run test:e2e > /tmp/e2e_run6.log 2>&1; echo \"exit=$?\" >> /tmp/e2e_run6.log)",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && npx tsc --noEmit -p tests 2>&1 | tail -5; echo \"tsc_exit=$?\"; bun run test:e2e > /tmp/e2e_run7.log 2>&1; echo \"exit=$?\" >> /tmp/e2e_run7.log)",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && sed -n '/```yaml/,/```/p' \"test-results/specs-product-lifecycle-pr-e8d1e-e-→-update-→-slot-→-suspend-chromium/error-context.md\" | head -45)",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && grep -c \"add-slot-fab\" \"test-results/specs-product-lifecycle-pr-e8d1e-e-→-update-→-slot-→-suspend-chromium/error-context.md\"; grep -ao \"add-slot-fab\" \"test-results/specs-product-lifecycle-pr-e8d1e-e-→-update-→-slot-→-suspend-chromium/error-context.md\" | head; echo \"--- tail of snapshot:\"; sed -n '/```yaml/,/```/p' \"test-results/specs-product-lifecycle-pr-e8d1e-e-→-update-→-slot-→-suspend-chromium/error-context.md\" | tail -25)",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && npx tsc --noEmit -p tests 2>&1 | tail -5; echo \"tsc_exit=$?\"; bun run test:e2e > /tmp/e2e_run8.log 2>&1; echo \"exit=$?\" >> /tmp/e2e_run8.log)",
+      "Shell(cd /Users/mohammedshafiuddin/WebDev/freshyo && npx tsc --noEmit -p tests 2>&1 | tail -5; echo \"tsc_exit=$?\"; bun run test:e2e > /tmp/e2e_run9.log 2>&1; echo \"exit=$?\" >> /tmp/e2e_run9.log)",
+      "Shell(DEBUG=pw:browser npx playwright test tests/specs/smoke.spec.ts 2 >& 1)"
     ],
     "deny": [],
     "defaultMode": "default"
diff --git a/.commandcode/taste/taste/taste.md b/.commandcode/taste/taste/taste.md
index 580481b..e7fef0e 100644
--- a/.commandcode/taste/taste/taste.md
+++ b/.commandcode/taste/taste/taste.md
@@ -106,6 +106,14 @@ er-ui/app/(drawer)/(tabs)/home/index.tsx, I want similar here") and expects the
 - When organizing a shared type package, prefers to keep similar types together — all types that have identical properties should stay grouped/collocated so exact duplicates live side by side (e.g., clustering same-shaped types together in the shared files rather than scattering them). Confidence: 0.75
 - Scrollable content (e.g., a product grid) must never be buried beneath a persistent floating UI element like the floating cart bar: pages that scroll above such a bar need sufficient bottom padding on the content container so the last row of items can scroll fully clear of the bar ("There should be enough padding in bottom. I see the last row of products buried beneath the floating cart bar. They should be scrollable"). Errs toward GENEROUS bottom spacing and iterates for more if it still feels tight — after the initial fix (matching siblings' mobile `pb-24`) he asked to bump it again ("it's improved but add some more padding"), landing at mobile `pb-32` / desktop `md:pb-16`. Expects the fix to follow the sibling pages' bottom-padding pattern but lean roomier rather than matching the minimum. Confidence: 0.85
 - Prefers an incremental "load more"/"Show More" reveal model over rendering the entire product list at once on listing/dashboard pages: show a fixed batch at a time (the user-ui dashboard's All Products list shows 21 items and adds another 21 per click, hiding the button once all are visible) and expects the same model replicated in the sibling web-ui app ("we aren't showing all the items at once. We have a load more model. Implement the same on the @apps/web-ui too"), matching the reference's batch size and button behavior. Confidence: 0.8
+- For browser/E2E test automation, prefers Playwright and wants the suite placed in a `tests/` folder at the project ROOT (not inside the app it targets) — "At the project root add a folder tests. I want playwright based tests". Confidence: 0.85
+- Wants E2E automation organized around long, multi-step, real user workflows executed in a SINGLE browser instance/session (e.g., add a product → update it → create a slot for it → suspend it), rather than split into isolated per-step tests — "I want to automate long tasks in a single instance". Confidence: 0.85
+- For the E2E harness itself: tests should drive whatever UI URL is targeted (no backend management from the harness), pull staff credentials from environment variables (not committed inline), and NOT auto-start the dev server — the app is assumed to be running. Confidence: 0.6
+- Wants automation tests (Playwright) to run with a VISIBLE browser, not headless — "I want to see the browser, I don't want it in headless mode" — so local runs should default to headed (CI may stay headless), with a convenience script/flag (e.g. `test:e2e:headed`, `HEADED=0/1`) to switch. Confidence: 0.85
+- Prefers names/labels displayed in FULL rather than truncated — e.g., product names in the cart drawer should wrap and show completely (text wrap / `break-words` instead of `truncate`) — "show the name full, if needed do text wrap". Confidence: 0.55
+- Wants the floating cart bar HIDDEN on routes where it is redundant — the cart page (including the flash cart alias) and the entire "me" section — and expects the condition to cover ALL child routes via a path-prefix check (`pathname.startsWith('/me')`) rather than matching only the parent route. Confidence: 0.6
+- Uses Bun as his package manager / package runner ("I use bun"), so whenever giving or documenting commands he expects `bun run <script>` / `bunx <tool>` rather than `npm run` / `npx` (including inside subfolders, e.g. `bun run --cwd .. <script>`). Confidence: 0.9
+- Expects generated test automation to be actually EXECUTED and passing, not just written/typechecking — he asks the agent to run the suite and report how many tests succeed ("try to run the script and see how many tests succeed"), treating a suite that was never run against a live app as unverified. Confidence: 0.65
 e changes. Confidence: 0.95
 er-ui/app/(drawer)/(tabs)/home/index.tsx, I want similar here") and expects the agent to mirror that pattern exactly, including details like item counts and container styling. Confidence: 0.9
 als) rather than introducing new brand palettes; approval of a redesign's layout/composition does not imply approval of color or theme changes. Confidence: 0.95
diff --git a/.gitignore b/.gitignore
index 42935ab..9bcb369 100644
--- a/.gitignore
+++ b/.gitignore
@@ -132,4 +132,12 @@ dist
 .pnp.*
 
 
-type-clusters/*
\ No newline at end of file
+type-clusters/*
+
+# ---> Playwright (root E2E suite)
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
+tests/.auth/
+tests/.env.test
\ No newline at end of file
diff --git a/apps/admin-web/src/components/DateTimeInput.tsx b/apps/admin-web/src/components/DateTimeInput.tsx
index 2260dac..2667666 100644
--- a/apps/admin-web/src/components/DateTimeInput.tsx
+++ b/apps/admin-web/src/components/DateTimeInput.tsx
@@ -5,6 +5,7 @@ interface DateTimeInputProps {
   setValue: (d: Date | null) => void
   showLabels?: boolean
   timeOnly?: boolean
+  testID?: string
 }
 
 function toDateStr(d: Date | null): string {
@@ -20,7 +21,7 @@ function toTimeStr(d: Date | null): string {
   return `${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`
 }
 
-export default function DateTimeInput({ value, setValue, showLabels = true, timeOnly = false }: DateTimeInputProps) {
+export default function DateTimeInput({ value, setValue, showLabels = true, timeOnly = false, testID }: DateTimeInputProps) {
   const handleDateChange = (dateStr: string) => {
     if (!dateStr) {
       setValue(null)
@@ -42,7 +43,7 @@ export default function DateTimeInput({ value, setValue, showLabels = true, time
 
   if (timeOnly) {
     return (
-      <div className="w-full mb-4">
+      <div className="w-full mb-4" data-testid={testID}>
         {showLabels ? <P className="text-xs mb-1">Select Time</P> : null}
         <input
           type="time"
@@ -55,7 +56,7 @@ export default function DateTimeInput({ value, setValue, showLabels = true, time
   }
 
   return (
-    <div className="w-full flex flex-row items-stretch mb-4">
+    <div className="w-full flex flex-row items-stretch mb-4" data-testid={testID}>
       <div className="w-1/2">
         {showLabels ? <P className="text-xs mb-1">Select Date</P> : null}
         <input
diff --git a/apps/admin-web/src/components/MultiSelect.tsx b/apps/admin-web/src/components/MultiSelect.tsx
index 2c430a4..6a34870 100644
--- a/apps/admin-web/src/components/MultiSelect.tsx
+++ b/apps/admin-web/src/components/MultiSelect.tsx
@@ -104,6 +104,7 @@ export function MultiSelect({
               return (
                 <div
                   key={String(option.value)}
+                  data-testid="multiselect-option"
                   onClick={() => {
                     if (!option.disabled) toggle(option.value)
                   }}
diff --git a/apps/admin-web/src/components/ProductForm.tsx b/apps/admin-web/src/components/ProductForm.tsx
index c8f8610..86af553 100644
--- a/apps/admin-web/src/components/ProductForm.tsx
+++ b/apps/admin-web/src/components/ProductForm.tsx
@@ -297,7 +297,7 @@ const ProductForm = forwardRef<ProductFormRef, ProductFormProps>(({
             onChange={handleChange('longDescription')}
             style={{ marginBottom: 16 }}
           />
-          <div className="mb-4">
+          <div className="mb-4" data-testid="product-store-select">
             <P className="mb-1 text-sm text-gray-500 font-medium">Store</P>
             <Dropdown
               label="Select store"
@@ -308,7 +308,7 @@ const ProductForm = forwardRef<ProductFormRef, ProductFormProps>(({
             />
           </div>
 
-          <div className="mb-4">
+          <div className="mb-4" data-testid="product-type-select">
             <P className="mb-1 text-sm text-gray-500 font-medium">Product Type</P>
             <Dropdown
               label="Select product type"
@@ -507,7 +507,7 @@ const ProductForm = forwardRef<ProductFormRef, ProductFormProps>(({
                     )}
 
                     {mode === 'edit' && (
-                      <div className="flex flex-row items-center mb-3">
+                      <div className="flex flex-row items-center mb-3" data-testid={`variant-suspend-row-${vIndex}`}>
                         <Checkbox
                           checked={variant.isSuspended}
                           onPress={() => setFieldValue(`variants.${vIndex}.isSuspended`, !variant.isSuspended)}
@@ -626,6 +626,7 @@ const ProductForm = forwardRef<ProductFormRef, ProductFormProps>(({
 
           <button
             type="button"
+            data-testid="product-submit-button"
             onClick={async () => {
               const validationErrors = await validateForm()
               if (Object.keys(validationErrors).length > 0) {
diff --git a/apps/admin-web/src/components/ProductsSelector.tsx b/apps/admin-web/src/components/ProductsSelector.tsx
index e4e71c9..c2bebd8 100644
--- a/apps/admin-web/src/components/ProductsSelector.tsx
+++ b/apps/admin-web/src/components/ProductsSelector.tsx
@@ -27,6 +27,7 @@ interface ProductsSelectorProps {
   selectedGroupIds?: number[]
   onGroupChange?: (groupIds: number[]) => void
   showGroups?: boolean
+  testID?: string
 }
 
 export default function ProductsSelector({
@@ -43,6 +44,7 @@ export default function ProductsSelector({
   showGroups = true,
   selectedGroupIds = [],
   onGroupChange,
+  testID,
 }: ProductsSelectorProps) {
   const { data: skusData } = trpc.common.product.getAllSkusSummary.useQuery()
   const allSkus: SkuSummary[] = skusData?.skus || []
@@ -147,6 +149,7 @@ export default function ProductsSelector({
       {multiple ? (
         <MultiSelect
           label={label}
+          testID={testID}
           options={productOptions}
           value={Array.isArray(value) ? value.map(id => id.toString()) : []}
           onValueChange={(selectedValue) => {
@@ -161,6 +164,7 @@ export default function ProductsSelector({
       ) : (
         <SearchableSelect
           label={label}
+          testID={testID}
           options={productOptions}
           value={value ? value.toString() : ''}
           onValueChange={(selectedValue) => {
diff --git a/apps/admin-web/src/components/SlotForm.tsx b/apps/admin-web/src/components/SlotForm.tsx
index 18a7537..8bee4b9 100644
--- a/apps/admin-web/src/components/SlotForm.tsx
+++ b/apps/admin-web/src/components/SlotForm.tsx
@@ -134,6 +134,7 @@ export default function SlotForm({
        <div className="mb-4">
           <P className="text-lg font-semibold mb-2 block">Delivery Date & Time</P>
           <DateTimeInput
+            testID="slot-delivery-datetime"
             value={values.deliveryTime}
             setValue={(value) => setFieldValue('deliveryTime', value)}
           />
@@ -142,6 +143,7 @@ export default function SlotForm({
         <div className="mb-4">
           <P className="text-lg font-semibold mb-2 block">Freeze Date & Time</P>
           <DateTimeInput
+            testID="slot-freeze-datetime"
             value={values.freezeTime}
             setValue={(value) => setFieldValue('freezeTime', value)}
           />
@@ -149,6 +151,7 @@ export default function SlotForm({
 
           <div className="mb-4">
             <ProductsSelector
+              testID="slot-products-selector"
               value={values.selectedSkuIds}
               onChange={(newSkuIds) => setFieldValue('selectedSkuIds', newSkuIds)}
               groups={mappedGroups}
diff --git a/apps/admin-web/src/lib/trpc-client.ts b/apps/admin-web/src/lib/trpc-client.ts
index 8796d58..96e47df 100644
--- a/apps/admin-web/src/lib/trpc-client.ts
+++ b/apps/admin-web/src/lib/trpc-client.ts
@@ -6,7 +6,8 @@ import { EventBus, FORCE_LOGOUT_EVENT } from './event-bus'
 
 // Same backend as admin-ui (BASE_API_URL from common-ui); overridable via env.
 export const BASE_API_URL =
-  (import.meta.env?.VITE_API_URL as string | undefined) || 'https://worker.freshyo.in'
+  // (import.meta.env?.VITE_API_URL as string | undefined) || 'https://worker.freshyo.in'
+  (import.meta.env?.VITE_API_URL as string | undefined) || 'https://devapi.freshyo.in'
 
 export const trpc = createTRPCReact<AppRouter>()
 
diff --git a/apps/admin-web/src/routes/dashboard.products.tsx b/apps/admin-web/src/routes/dashboard.products.tsx
index edde9f9..77743d3 100644
--- a/apps/admin-web/src/routes/dashboard.products.tsx
+++ b/apps/admin-web/src/routes/dashboard.products.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useMemo } from 'react'
-import { createFileRoute, useNavigate } from '@tanstack/react-router'
+import { createFileRoute, Outlet, useLocation, useNavigate } from '@tanstack/react-router'
 import { Image as ImageIcon, Eye, Pencil, Package } from 'lucide-react'
 import { AppContainer, p as MyText, MyButton, SearchBar, MyFlatList } from 'web-components'
 import { trpc } from '@/lib/trpc-client'
@@ -33,6 +33,7 @@ function FilterButton({ filter, label, count, activeFilter, onSelect }: { filter
 
 function Products() {
   const navigate = useNavigate()
+  const location = useLocation()
   const [searchTerm, setSearchTerm] = useState('')
   const [activeFilter, setActiveFilter] = useState<FilterType>('all')
 
@@ -69,6 +70,12 @@ function Products() {
     navigate({ to: '/dashboard/products/$id', params: { id: String(productId) } })
   }
 
+  // Render child routes (new / edit / detail) when not on the list route.
+  // Placed after all hooks so the hook order stays stable across renders.
+  if (location.pathname !== '/dashboard/products') {
+    return <Outlet />
+  }
+
   if (isLoading) {
     return (
       <AppContainer>
diff --git a/apps/backend/creds/demo.txt b/apps/backend/creds/demo.txt
index e69de29..b35fc31 100644
--- a/apps/backend/creds/demo.txt
+++ b/apps/backend/creds/demo.txt
@@ -0,0 +1,48 @@
+  toggleOutOfStock: protectedProcedure
+    .input(z.object({
+      id: z.number(),
+    }))
+    .mutation(async ({ input }): Promise<AdminToggleOutOfStockResult> => {
+      const { id } = input;
+
+      const updatedProduct = await toggleProductOutOfStockInDb(id)
+
+
+      if (!updatedProduct) {
+        throw new ApiError('Product not found', 404)
+      }
+
+      await scheduleStoreInitialization()
+
+      return {
+        product: updatedProduct,
+        message: `Product marked as ${updatedProduct.isOutOfStock ? 'out of stock' : 'in stock'}`,
+      }
+    }),
+
+
+
+
+    export async function toggleProductOutOfStock(id: number): Promise<AdminProduct | null> {
+  const product = await db.query.productInfo.findFirst({
+    where: eq(productInfo.id, id),
+  })
+
+  if (!product) {
+    return null
+  }
+
+  const [updatedProduct] = await db
+    .update(productInfo)
+    .set({
+      isOutOfStock: !product.isOutOfStock,
+    })
+    .where(eq(productInfo.id, id))
+    .returning()
+
+  if (!updatedProduct) {
+    return null
+  }
+
+  return mapProduct(updatedProduct)
+}
\ No newline at end of file
diff --git a/apps/web-ui/src/components/AddToCartDialog.tsx b/apps/web-ui/src/components/AddToCartDialog.tsx
index 8be9f8e..6e2c223 100644
--- a/apps/web-ui/src/components/AddToCartDialog.tsx
+++ b/apps/web-ui/src/components/AddToCartDialog.tsx
@@ -130,7 +130,7 @@ export default function AddToCartDialog() {
             </p>
             {product?.name && (
               <p className="text-sm text-gray-500">
-                {product.name} ({product.productQuantity}{product.unitNotation ? ` ${product.unitNotation}` : ''})
+                {product.name}{product.productType !== 'combo' && product.unitNotation ? ` (${product.unitNotation})` : ''}
               </p>
             )}
           </div>
diff --git a/apps/web-ui/src/components/FloatingCartBar.tsx b/apps/web-ui/src/components/FloatingCartBar.tsx
index 7b66efd..804d21f 100644
--- a/apps/web-ui/src/components/FloatingCartBar.tsx
+++ b/apps/web-ui/src/components/FloatingCartBar.tsx
@@ -153,7 +153,6 @@ export function FloatingCartBar({ isFlashDelivery = false }: FlashDeliveryProps)
                     {productsById[item.skuId]?.name || ''}
                   </p>
                   <p className="text-xs font-medium text-gray-500">
-                    {productsById[item.skuId]?.productQuantity || 0}
                     {productsById[item.skuId]?.unitNotation || ''}
                   </p>
                   {item.slotId && (
diff --git a/apps/web-ui/src/components/ProductCard.tsx b/apps/web-ui/src/components/ProductCard.tsx
index 3cea289..5e23804 100644
--- a/apps/web-ui/src/components/ProductCard.tsx
+++ b/apps/web-ui/src/components/ProductCard.tsx
@@ -15,13 +15,6 @@ interface ProductCardProps {
   useAddToCartDialog?: boolean
 }
 
-const formatQuantity = (quantity: number, unit: string): { value: string; display: string } => {
-  if (unit?.toLowerCase() === 'kg' && quantity < 1) {
-    return { value: `${Math.round(quantity * 1000)} g`, display: `${Math.round(quantity * 1000)}g` }
-  }
-  return { value: `${quantity} ${unit}(s)`, display: `${quantity}${unit}` }
-}
-
 export function ProductCard({
   item,
   onPress,
@@ -185,7 +178,7 @@ export function ProductCard({
         </div>
 
         <p className="mb-1 text-[11px] font-medium text-gray-500 sm:text-xs">
-          Qty: <span className="font-semibold text-brand-700/70">{formatQuantity(item.productQuantity || 1, item.unitNotation).display}</span>
+          Qty: <span className="font-semibold text-brand-700/70">{item.unitNotation}</span>
         </p>
 
         {/* Delivery date hidden for now
diff --git a/apps/web-ui/src/routes/cart.tsx b/apps/web-ui/src/routes/cart.tsx
index 4edf9df..5e3fdc4 100644
--- a/apps/web-ui/src/routes/cart.tsx
+++ b/apps/web-ui/src/routes/cart.tsx
@@ -72,7 +72,7 @@ function CartPage() {
                     <div className="min-w-0 flex-1">
                       <p className="text-sm font-bold text-gray-900">{product.name}</p>
                       <p className="mt-0.5 text-xs text-gray-500">
-                        {product.productQuantity || 1}{product.unitNotation || ''} per unit
+                        {product.unitNotation || ''} per unit
                       </p>
                       <div className="mt-2 flex items-center gap-3">
                         <Quantifier
diff --git a/apps/web-ui/src/routes/flash.tsx b/apps/web-ui/src/routes/flash.tsx
index 1f70bea..eb7651c 100644
--- a/apps/web-ui/src/routes/flash.tsx
+++ b/apps/web-ui/src/routes/flash.tsx
@@ -191,19 +191,6 @@ function FlashDeliveryPage() {
   )
 }
 
-const formatQuantity = (
-  quantity: number,
-  unit: string,
-): { value: string; display: string } => {
-  if (unit?.toLowerCase() === 'kg' && quantity < 1) {
-    return {
-      value: `${Math.round(quantity * 1000)} g`,
-      display: `${Math.round(quantity * 1000)}g`,
-    };
-  }
-  return { value: `${quantity} ${unit}(s)`, display: `${quantity}${unit}` };
-};
-
 function CompactProductCard({
   item,
   handleAddToCart,
@@ -282,7 +269,7 @@ function CompactProductCard({
         </div>
         <p className="mt-0.5 text-[11px] text-gray-500">
           <span className="font-semibold text-flash-500">
-            {formatQuantity(item.productQuantity || 1, item.unit || item.unitNotation).display}
+            {item.unitNotation || item.unit}
           </span>
         </p>
       </div>
diff --git a/apps/web-ui/src/routes/home.cart.tsx b/apps/web-ui/src/routes/home.cart.tsx
index fa0f45a..a4bab77 100644
--- a/apps/web-ui/src/routes/home.cart.tsx
+++ b/apps/web-ui/src/routes/home.cart.tsx
@@ -72,7 +72,7 @@ function CartPage() {
                     <div className="min-w-0 flex-1">
                       <p className="text-sm font-bold text-gray-900">{product.name}</p>
                       <p className="mt-0.5 text-xs text-gray-500">
-                        {product.productQuantity || 1}{product.unitNotation || ''} per unit
+                        {product.unitNotation || ''} per unit
                       </p>
                       <div className="mt-2 flex items-center gap-3">
                         <Quantifier
diff --git a/apps/web-ui/src/routes/home.product.$id.tsx b/apps/web-ui/src/routes/home.product.$id.tsx
index f91ef61..6885da2 100644
--- a/apps/web-ui/src/routes/home.product.$id.tsx
+++ b/apps/web-ui/src/routes/home.product.$id.tsx
@@ -19,13 +19,6 @@ export const Route = createFileRoute('/home/product/$id')({
   component: ProductDetailPage,
 })
 
-const formatQuantity = (quantity: number, unit: string): string => {
-  if (unit?.toLowerCase() === 'kg' && quantity < 1) {
-    return `${Math.round(quantity * 1000)}g`
-  }
-  return `${quantity}${unit}`
-}
-
 function ProductDetailPage() {
   const { id } = useParams({ from: '/home/product/$id' })
   const productId = Number(id)
@@ -238,7 +231,7 @@ function ProductDetailPage() {
               <div className="flex items-end">
                 <span className="text-3xl font-bold text-gray-900">₹{productDetail.price}</span>
                 <span className="mb-1 ml-1 text-lg text-gray-500">
-                  / {formatQuantity(productDetail.productQuantity || 1, productDetail.unitNotation)}
+                  / {productDetail.unitNotation}
                 </span>
                 
                 {productDetail.marketPrice && (
@@ -255,7 +248,7 @@ function ProductDetailPage() {
               {productAvailability?.isFlashAvailable && productDetail.flashPrice && productDetail.flashPrice !== productDetail.price && (
                 <div className="mt-1">
                   <span className="text-lg font-bold text-pink-600">
-                    1 Hr Delivery: ₹{productDetail.flashPrice} / {formatQuantity(productDetail.productQuantity || 1, productDetail.unitNotation)}
+                    1 Hr Delivery: ₹{productDetail.flashPrice} / {productDetail.unitNotation}
                   </span>
                 </div>
               )}
@@ -389,7 +382,7 @@ function ProductDetailPage() {
                   className="mb-2 flex items-center justify-between rounded-xl border border-amber-100 bg-amber-50 p-3"
                 >
                   <span className="font-medium text-amber-900">
-                    Buy {deal.quantity} {formatQuantity(parseFloat(deal.quantity), productDetail.unitNotation)}
+                    Buy {deal.quantity} {productDetail.unitNotation}
                   </span>
                   <span className="text-lg font-bold text-amber-900">₹{deal.price}</span>
                 </div>
diff --git a/apps/web-ui/src/routes/slot-view.tsx b/apps/web-ui/src/routes/slot-view.tsx
index 9a76ed0..3534c1a 100644
--- a/apps/web-ui/src/routes/slot-view.tsx
+++ b/apps/web-ui/src/routes/slot-view.tsx
@@ -385,19 +385,6 @@ function StoreSidebar({
   );
 }
 
-const formatQuantity = (
-  quantity: number,
-  unit: string,
-): { value: string; display: string } => {
-  if (unit?.toLowerCase() === "kg" && quantity < 1) {
-    return {
-      value: `${Math.round(quantity * 1000)} g`,
-      display: `${Math.round(quantity * 1000)}g`,
-    };
-  }
-  return { value: `${quantity} ${unit}(s)`, display: `${quantity}${unit}` };
-};
-
 function CompactProductCard({
   item,
   handleAddToCart,
@@ -484,12 +471,7 @@ function CompactProductCard({
             <p className="ml-1 text-xs text-gray-600">
               Qty:{" "}
               <span className="font-semibold text-brand-500">
-                {
-                  formatQuantity(
-                    item.productQuantity || 1,
-                    item.unit || item.unitNotation,
-                  ).display
-                }
+                {item.unitNotation || item.unit}
               </span>
             </p>
           </div>
diff --git a/bun.lock b/bun.lock
index 4bcc617..6c10fd5 100644
--- a/bun.lock
+++ b/bun.lock
@@ -28,7 +28,9 @@
       },
       "devDependencies": {
         "@babel/core": "^7.25.2",
+        "@playwright/test": "^1.63.0",
         "@types/canvas-confetti": "^1.9.0",
+        "@types/node": "^22.10.2",
         "@types/react": "~19.0.10",
         "@types/react-native-razorpay": "^2.2.6",
         "eslint": "^9.25.0",
@@ -1028,6 +1030,8 @@
 
     "@pkgjs/parseargs": ["@pkgjs/parseargs@0.11.0", "", {}, "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg=="],
 
+    "@playwright/test": ["@playwright/test@1.63.0", "", { "dependencies": { "playwright": "1.63.0" }, "bin": { "playwright": "cli.js" } }, "sha512-oxMK4vllB9RK5NQ2l1pq1IfOf2AvnEuj/vYGDj0H2nMtmtZpKtCwt/l00GEO6xjGfpBNAvjovvYdCm50dRQkpQ=="],
+
     "@poppinss/colors": ["@poppinss/colors@4.1.6", "", { "dependencies": { "kleur": "^4.1.5" } }, "sha512-H9xkIdFswbS8n1d6vmRd8+c10t2Qe+rZITbbDHHkQixH5+2x1FDGmi/0K+WgWiqQFKPSlIYB7jlH6Kpfn6Fleg=="],
 
     "@poppinss/dumper": ["@poppinss/dumper@0.6.5", "", { "dependencies": { "@poppinss/colors": "^4.1.5", "@sindresorhus/is": "^7.0.2", "supports-color": "^10.0.0" } }, "sha512-NBdYIb90J7LfOI32dOewKI1r7wnkiH6m920puQ3qHUeZkxNkQiFnXVWoE6YtFSv6QOiPPf7ys6i+HWWecDz7sw=="],
@@ -1390,7 +1394,7 @@
 
     "@types/mapbox__vector-tile": ["@types/mapbox__vector-tile@1.3.4", "", { "dependencies": { "@types/geojson": "*", "@types/mapbox__point-geometry": "*", "@types/pbf": "*" } }, "sha512-bpd8dRn9pr6xKvuEBQup8pwQfD4VUyqO/2deGjfpe6AwC8YRlyEipvefyRJUSiCJTZuCb8Pl1ciVV5ekqJ96Bg=="],
 
-    "@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+    "@types/node": ["@types/node@22.19.18", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-9v00a+dn2yWVsYDEunWC4g/TcRKVq3r8N5FuZp7u0SGrPvdN9c2yXI9bBuf5Fl0hNCb+QTIePTn5pJs2pwBOQQ=="],
 
     "@types/offscreencanvas": ["@types/offscreencanvas@2019.7.3", "", {}, "sha512-ieXiYmgSRXUDeOntE1InxjWyvEelZGP63M+cGuquuRLuIKKT1osnkXjxev9B7d1nXSug5vpunx+gNlbVxMlC9A=="],
 
@@ -2732,6 +2736,10 @@
 
     "pirates": ["pirates@4.0.7", "", {}, "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA=="],
 
+    "playwright": ["playwright@1.63.0", "", { "dependencies": { "playwright-core": "1.63.0" }, "bin": { "playwright": "cli.js" } }, "sha512-+7ziBLidS4NaNCdt57SUDT+wYmmd5fmiQejUic/kb+YsYSCPyOOE9sebzMjNmQrsnNpDJqd4WHvV/8lfKfUDUg=="],
+
+    "playwright-core": ["playwright-core@1.63.0", "", { "bin": { "playwright-core": "cli.js" } }, "sha512-rYCsBF/M5HjUch52bbtVONEFjv6Xu8sm8h72dNlR5bzIE1fvC/bxgspzkjSfU+MweEMmPM8KJebG6nnyxo5mCg=="],
+
     "plimit-lit": ["plimit-lit@1.6.1", "", { "dependencies": { "queue-lit": "^1.5.1" } }, "sha512-B7+VDyb8Tl6oMJT9oSO2CW8XC/T4UcJGrwOVoNGwOQsQYhlpfajmrMj5xeejqaASq3V/EqThyOeATEOMuSEXiA=="],
 
     "plist": ["plist@3.1.0", "", { "dependencies": { "@xmldom/xmldom": "^0.8.8", "base64-js": "^1.5.1", "xmlbuilder": "^15.1.1" } }, "sha512-uysumyrvkUX0rX/dEVqt8gC3sTBzd4zoWfLeS29nb53imdaXVvLINYXTI2GNqzaMuvacNx4uJQ8+b3zXR0pkgQ=="],
@@ -3288,7 +3296,7 @@
 
     "undici": ["undici@7.24.4", "", {}, "sha512-BM/JzwwaRXxrLdElV2Uo6cTLEjhSb3WXboncJamZ15NgUURmvlXvxa6xkwIOILIjPNo9i8ku136ZvWV0Uly8+w=="],
 
-    "undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+    "undici-types": ["undici-types@6.21.0", "", {}, "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ=="],
 
     "unenv": ["unenv@2.0.0-rc.24", "", { "dependencies": { "pathe": "^2.0.3" } }, "sha512-i7qRCmY42zmCwnYlh9H2SvLEypEFGye5iRmEMKjcGi7zk9UquigRjFtTLz0TYqr0ZGLZhaMHl/foy1bZR+Cwlw=="],
 
@@ -3538,16 +3546,28 @@
 
     "@istanbuljs/load-nyc-config/js-yaml": ["js-yaml@3.14.2", "", { "dependencies": { "argparse": "^1.0.7", "esprima": "^4.0.0" }, "bin": { "js-yaml": "bin/js-yaml.js" } }, "sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg=="],
 
+    "@jest/environment/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
+    "@jest/fake-timers/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
+    "@jest/types/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
     "@maplibre/maplibre-gl-style-spec/quickselect": ["quickselect@2.0.0", "", {}, "sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw=="],
 
+    "@packages/db_helper_postgres/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
     "@packages/db_helper_postgres/drizzle-orm": ["drizzle-orm@0.44.7", "", { "peerDependencies": { "@aws-sdk/client-rds-data": ">=3", "@cloudflare/workers-types": ">=4", "@electric-sql/pglite": ">=0.2.0", "@libsql/client": ">=0.10.0", "@libsql/client-wasm": ">=0.10.0", "@neondatabase/serverless": ">=0.10.0", "@op-engineering/op-sqlite": ">=2", "@opentelemetry/api": "^1.4.1", "@planetscale/database": ">=1.13", "@prisma/client": "*", "@tidbcloud/serverless": "*", "@types/better-sqlite3": "*", "@types/pg": "*", "@types/sql.js": "*", "@upstash/redis": ">=1.34.7", "@vercel/postgres": ">=0.8.0", "@xata.io/client": "*", "better-sqlite3": ">=7", "bun-types": "*", "expo-sqlite": ">=14.0.0", "gel": ">=2", "knex": "*", "kysely": "*", "mysql2": ">=2", "pg": ">=8", "postgres": ">=3", "sql.js": ">=1", "sqlite3": ">=5" }, "optionalPeers": ["@aws-sdk/client-rds-data", "@cloudflare/workers-types", "@electric-sql/pglite", "@libsql/client", "@libsql/client-wasm", "@neondatabase/serverless", "@op-engineering/op-sqlite", "@opentelemetry/api", "@planetscale/database", "@prisma/client", "@tidbcloud/serverless", "@types/better-sqlite3", "@types/pg", "@types/sql.js", "@upstash/redis", "@vercel/postgres", "@xata.io/client", "better-sqlite3", "bun-types", "expo-sqlite", "gel", "knex", "kysely", "mysql2", "pg", "postgres", "sql.js", "sqlite3"] }, "sha512-quIpnYznjU9lHshEOAYLoZ9s3jweleHlZIAWR/jX9gAWNg/JhQ1wj0KGRf7/Zm+obRrYd9GjPVJg790QY9N5AQ=="],
 
     "@packages/db_helper_postgres/typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
 
+    "@packages/db_helper_sqlite/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
     "@packages/db_helper_sqlite/drizzle-orm": ["drizzle-orm@0.44.7", "", { "peerDependencies": { "@aws-sdk/client-rds-data": ">=3", "@cloudflare/workers-types": ">=4", "@electric-sql/pglite": ">=0.2.0", "@libsql/client": ">=0.10.0", "@libsql/client-wasm": ">=0.10.0", "@neondatabase/serverless": ">=0.10.0", "@op-engineering/op-sqlite": ">=2", "@opentelemetry/api": "^1.4.1", "@planetscale/database": ">=1.13", "@prisma/client": "*", "@tidbcloud/serverless": "*", "@types/better-sqlite3": "*", "@types/pg": "*", "@types/sql.js": "*", "@upstash/redis": ">=1.34.7", "@vercel/postgres": ">=0.8.0", "@xata.io/client": "*", "better-sqlite3": ">=7", "bun-types": "*", "expo-sqlite": ">=14.0.0", "gel": ">=2", "knex": "*", "kysely": "*", "mysql2": ">=2", "pg": ">=8", "postgres": ">=3", "sql.js": ">=1", "sqlite3": ">=5" }, "optionalPeers": ["@aws-sdk/client-rds-data", "@cloudflare/workers-types", "@electric-sql/pglite", "@libsql/client", "@libsql/client-wasm", "@neondatabase/serverless", "@op-engineering/op-sqlite", "@opentelemetry/api", "@planetscale/database", "@prisma/client", "@tidbcloud/serverless", "@types/better-sqlite3", "@types/pg", "@types/sql.js", "@upstash/redis", "@vercel/postgres", "@xata.io/client", "better-sqlite3", "bun-types", "expo-sqlite", "gel", "knex", "kysely", "mysql2", "pg", "postgres", "sql.js", "sqlite3"] }, "sha512-quIpnYznjU9lHshEOAYLoZ9s3jweleHlZIAWR/jX9gAWNg/JhQ1wj0KGRf7/Zm+obRrYd9GjPVJg790QY9N5AQ=="],
 
     "@packages/db_helper_sqlite/typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
 
+    "@packages/migrator/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
     "@packages/migrator/drizzle-orm": ["drizzle-orm@0.44.7", "", { "peerDependencies": { "@aws-sdk/client-rds-data": ">=3", "@cloudflare/workers-types": ">=4", "@electric-sql/pglite": ">=0.2.0", "@libsql/client": ">=0.10.0", "@libsql/client-wasm": ">=0.10.0", "@neondatabase/serverless": ">=0.10.0", "@op-engineering/op-sqlite": ">=2", "@opentelemetry/api": "^1.4.1", "@planetscale/database": ">=1.13", "@prisma/client": "*", "@tidbcloud/serverless": "*", "@types/better-sqlite3": "*", "@types/pg": "*", "@types/sql.js": "*", "@upstash/redis": ">=1.34.7", "@vercel/postgres": ">=0.8.0", "@xata.io/client": "*", "better-sqlite3": ">=7", "bun-types": "*", "expo-sqlite": ">=14.0.0", "gel": ">=2", "knex": "*", "kysely": "*", "mysql2": ">=2", "pg": ">=8", "postgres": ">=3", "sql.js": ">=1", "sqlite3": ">=5" }, "optionalPeers": ["@aws-sdk/client-rds-data", "@cloudflare/workers-types", "@electric-sql/pglite", "@libsql/client", "@libsql/client-wasm", "@neondatabase/serverless", "@op-engineering/op-sqlite", "@opentelemetry/api", "@planetscale/database", "@prisma/client", "@tidbcloud/serverless", "@types/better-sqlite3", "@types/pg", "@types/sql.js", "@upstash/redis", "@vercel/postgres", "@xata.io/client", "better-sqlite3", "bun-types", "expo-sqlite", "gel", "knex", "kysely", "mysql2", "pg", "postgres", "sql.js", "sqlite3"] }, "sha512-quIpnYznjU9lHshEOAYLoZ9s3jweleHlZIAWR/jX9gAWNg/JhQ1wj0KGRf7/Zm+obRrYd9GjPVJg790QY9N5AQ=="],
 
     "@packages/migrator/typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
@@ -3600,6 +3620,12 @@
 
     "@tanstack/start-plugin-core/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
 
+    "@types/better-sqlite3/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
+    "@types/graceful-fs/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
+    "@types/pg/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
     "@typescript-eslint/eslint-plugin/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
 
     "@typescript-eslint/typescript-estree/minimatch": ["minimatch@10.2.4", "", { "dependencies": { "brace-expansion": "^5.0.2" } }, "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg=="],
@@ -3616,8 +3642,6 @@
 
     "@vitejs/plugin-react-swc/vite": ["vite@6.4.1", "", { "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.4.4", "picomatch": "^4.0.2", "postcss": "^8.5.3", "rollup": "^4.34.9", "tinyglobby": "^0.2.13" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0", "jiti": ">=1.21.0", "less": "*", "lightningcss": "^1.21.0", "sass": "*", "sass-embedded": "*", "stylus": "*", "sugarss": "*", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "jiti", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g=="],
 
-    "admin-web/@types/node": ["@types/node@22.19.18", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-9v00a+dn2yWVsYDEunWC4g/TcRKVq3r8N5FuZp7u0SGrPvdN9c2yXI9bBuf5Fl0hNCb+QTIePTn5pJs2pwBOQQ=="],
-
     "admin-web/@types/react": ["@types/react@19.2.14", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w=="],
 
     "admin-web/fuse.js": ["fuse.js@7.3.0", "", {}, "sha512-plz8RVjfcDedTGfVngWH1jmJvBvAwi1v2jecfDerbEnMcmOYUEEwKFTHbNoCiYyzaK2Ws8lABkTCcRSqCY1q4w=="],
@@ -3636,6 +3660,8 @@
 
     "backend/@cloudflare/workers-types": ["@cloudflare/workers-types@4.20260401.1", "", {}, "sha512-tKBeV/ySfJjbO0qMKkFrstHDdWzZHAcW4vCpO5QaqjB/667y9lhZt9gZyTKeJ0gluIBwpeQ/efBjqRLqpkgw9g=="],
 
+    "backend/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
     "backend/expo-server-sdk": ["expo-server-sdk@4.0.0", "", { "dependencies": { "node-fetch": "^2.6.0", "promise-limit": "^2.7.0", "promise-retry": "^2.0.1" } }, "sha512-zi83XtG2pqyP3gyn1JIRYkydo2i6HU3CYaWo/VvhZG/F29U+QIDv6LBEUsWf4ddZlVE7c9WN1N8Be49rHgO8OQ=="],
 
     "backend/fuse.js": ["fuse.js@7.3.0", "", {}, "sha512-plz8RVjfcDedTGfVngWH1jmJvBvAwi1v2jecfDerbEnMcmOYUEEwKFTHbNoCiYyzaK2Ws8lABkTCcRSqCY1q4w=="],
@@ -3658,6 +3684,10 @@
 
     "chokidar/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
 
+    "chrome-launcher/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
+    "chromium-edge-launcher/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
     "chromium-edge-launcher/rimraf": ["rimraf@3.0.2", "", { "dependencies": { "glob": "^7.1.3" }, "bin": { "rimraf": "bin.js" } }, "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA=="],
 
     "cliui/strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
@@ -3766,8 +3796,18 @@
 
     "is-expression/acorn": ["acorn@7.4.1", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A=="],
 
+    "jest-environment-node/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
+    "jest-haste-map/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
+    "jest-mock/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
+    "jest-util/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
     "jest-util/picomatch": ["picomatch@2.3.1", "", {}, "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="],
 
+    "jest-worker/@types/node": ["@types/node@24.12.0", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ=="],
+
     "jest-worker/supports-color": ["supports-color@8.1.1", "", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q=="],
 
     "jsdom/webidl-conversions": ["webidl-conversions@8.0.1", "", {}, "sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ=="],
@@ -3922,8 +3962,6 @@
 
     "web-components/tailwindcss": ["tailwindcss@3.4.19", "", { "dependencies": { "@alloc/quick-lru": "^5.2.0", "arg": "^5.0.2", "chokidar": "^3.6.0", "didyoumean": "^1.2.2", "dlv": "^1.1.3", "fast-glob": "^3.3.2", "glob-parent": "^6.0.2", "is-glob": "^4.0.3", "jiti": "^1.21.7", "lilconfig": "^3.1.3", "micromatch": "^4.0.8", "normalize-path": "^3.0.0", "object-hash": "^3.0.0", "picocolors": "^1.1.1", "postcss": "^8.4.47", "postcss-import": "^15.1.0", "postcss-js": "^4.0.1", "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0", "postcss-nested": "^6.2.0", "postcss-selector-parser": "^6.1.2", "resolve": "^1.22.8", "sucrase": "^3.35.0" }, "bin": { "tailwind": "lib/cli.js", "tailwindcss": "lib/cli.js" } }, "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ=="],
 
-    "web-ui/@types/node": ["@types/node@22.19.18", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-9v00a+dn2yWVsYDEunWC4g/TcRKVq3r8N5FuZp7u0SGrPvdN9c2yXI9bBuf5Fl0hNCb+QTIePTn5pJs2pwBOQQ=="],
-
     "web-ui/@types/react": ["@types/react@19.2.14", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w=="],
 
     "web-ui/fuse.js": ["fuse.js@7.3.0", "", {}, "sha512-plz8RVjfcDedTGfVngWH1jmJvBvAwi1v2jecfDerbEnMcmOYUEEwKFTHbNoCiYyzaK2Ws8lABkTCcRSqCY1q4w=="],
@@ -4050,12 +4088,30 @@
 
     "@istanbuljs/load-nyc-config/js-yaml/argparse": ["argparse@1.0.10", "", { "dependencies": { "sprintf-js": "~1.0.2" } }, "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg=="],
 
+    "@jest/environment/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "@jest/fake-timers/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "@jest/types/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "@packages/db_helper_postgres/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "@packages/db_helper_sqlite/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "@packages/migrator/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
     "@react-native/community-cli-plugin/debug/ms": ["ms@2.0.0", "", {}, "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="],
 
     "@react-native/dev-middleware/debug/ms": ["ms@2.0.0", "", {}, "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="],
 
     "@tanstack/router-devtools/@tanstack/react-router-devtools/@tanstack/router-devtools-core": ["@tanstack/router-devtools-core@1.166.9", "", { "dependencies": { "clsx": "^2.1.1", "goober": "^2.1.16", "tiny-invariant": "^1.3.3" }, "peerDependencies": { "@tanstack/router-core": "^1.167.2", "csstype": "^3.0.10" }, "optionalPeers": ["csstype"] }, "sha512-PNlA7GmOUX9wY7LUG709Pk3Lg33dfHBztQwzjzrOiOsuf4ggp2R6bwarF8nYGNjG79z/MaB5PN+5yvkCVk8jGw=="],
 
+    "@types/better-sqlite3/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "@types/graceful-fs/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "@types/pg/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
     "@typescript-eslint/typescript-estree/minimatch/brace-expansion": ["brace-expansion@5.0.4", "", { "dependencies": { "balanced-match": "^4.0.2" } }, "sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg=="],
 
     "@typescript-eslint/typescript-estree/tinyglobby/picomatch": ["picomatch@4.0.3", "", {}, "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="],
@@ -4070,7 +4126,7 @@
 
     "@vitejs/plugin-react-swc/vite/tinyglobby": ["tinyglobby@0.2.15", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.3" } }, "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ=="],
 
-    "admin-web/@types/node/undici-types": ["undici-types@6.21.0", "", {}, "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ=="],
+    "backend/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
 
     "backend/wrangler/@cloudflare/kv-asset-handler": ["@cloudflare/kv-asset-handler@0.3.4", "", { "dependencies": { "mime": "^3.0.0" } }, "sha512-YLPHc8yASwjNkmcDMQMY35yiWjoKAKnhUbPRszBRS0YgH+IXtsMp61j+yTcnCE3oO2DgP0U3iejLC8FTtKDC8Q=="],
 
@@ -4088,6 +4144,10 @@
 
     "cheerio/parse5/entities": ["entities@6.0.1", "", {}, "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g=="],
 
+    "chrome-launcher/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "chromium-edge-launcher/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
     "compression/debug/ms": ["ms@2.0.0", "", {}, "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="],
 
     "connect/debug/ms": ["ms@2.0.0", "", {}, "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="],
@@ -4114,8 +4174,6 @@
 
     "express/debug/ms": ["ms@2.0.0", "", {}, "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="],
 
-    "fallback-ui/@types/node/undici-types": ["undici-types@6.21.0", "", {}, "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ=="],
-
     "fallback-ui/tailwindcss/arg": ["arg@5.0.2", "", {}, "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="],
 
     "fallback-ui/tailwindcss/postcss": ["postcss@8.5.8", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg=="],
@@ -4130,6 +4188,16 @@
 
     "global-prefix/which/isexe": ["isexe@3.1.5", "", {}, "sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w=="],
 
+    "jest-environment-node/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "jest-haste-map/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "jest-mock/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "jest-util/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "jest-worker/@types/node/undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
     "lighthouse-logger/debug/ms": ["ms@2.0.0", "", {}, "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="],
 
     "log-symbols/chalk/ansi-styles": ["ansi-styles@3.2.1", "", { "dependencies": { "color-convert": "^1.9.0" } }, "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA=="],
@@ -4296,8 +4364,6 @@
 
     "web-components/tailwindcss/arg": ["arg@5.0.2", "", {}, "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="],
 
-    "web-ui/@types/node/undici-types": ["undici-types@6.21.0", "", {}, "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ=="],
-
     "web-ui/nitro/crossws": ["crossws@0.4.6", "", { "peerDependencies": { "srvx": ">=0.11.5" }, "optionalPeers": ["srvx"] }, "sha512-/Wxe9Z007EbJ496j88nToZEvyPZ8PY/wjZJ18Agh/GCA9cYHyLbxtrpdFlFzAw3TV20F0SUYGl0g6PzChbwUrg=="],
 
     "web-ui/nitro/db0": ["db0@0.3.4", "", { "peerDependencies": { "@electric-sql/pglite": "*", "@libsql/client": "*", "better-sqlite3": "*", "drizzle-orm": "*", "mysql2": "*", "sqlite3": "*" }, "optionalPeers": ["@electric-sql/pglite", "@libsql/client", "better-sqlite3", "drizzle-orm", "mysql2", "sqlite3"] }, "sha512-RiXXi4WaNzPTHEOu8UPQKMooIbqOEyqA1t7Z6MsdxSCeb8iUC9ko3LcmsLmeUt2SM5bctfArZKkRQggKZz7JNw=="],
diff --git a/change-log.txt b/change-log.txt
index c4b85be..c35b490 100644
--- a/change-log.txt
+++ b/change-log.txt
@@ -1487,3 +1487,92 @@ NOTES: no backend/migration changes; colors/tokens reused from web-ui theme.
 [2026-09-06 09:40:00] web-ui flash page bottom padding fix: apps/web-ui/src/routes/flash.tsx content wrapper gained `pb-24 md:pb-12` (was `py-6 md:px-8` only) so the last product row clears the floating 1-Hr cart bar on mobile and is scrollable — matches sibling product-grid pages (offers.tsx, stores.tsx, home.index.tsx).
 [2026-09-06 09:45:00] Increased flash page bottom padding further per user: `pb-24 md:pb-12` → `pb-32 md:pb-16` in apps/web-ui/src/routes/flash.tsx.
 [2026-09-06 10:00:00] web-ui home "All Available Products" load-more model (parity with user-ui dashboard): apps/web-ui/src/routes/home.index.tsx now keeps visibleCount (starts 21, +21 per click) + hasMore state; effect resets to 21 on productsData/productSlotsMap change (deps = sortedProducts recompute); grid renders sortedProducts.slice(0, visibleCount); centered rounded-full brand "Show More" button shown while hasMore. Explore-tag section already had its own 6→all Show More; untouched.
+
+[2026-09-06 11:25:00] ADD root Playwright E2E suite driving apps/admin-web (long single-instance workflows).
+
+NEW FILES (root):
+- playwright.config.ts — testDir ./tests, fullyParallel false, workers 1, timeout 120s, expect 15s, baseURL = TEST_BASE_URL || http://localhost:4175, trace/screenshot/video on failure; projects: setup (auth.setup.ts) + chromium (deps setup, storageState tests/.auth/staff.json). NO webServer block (dev server assumed running, per user).
+- tests/README.md — setup/run docs + warning that tests create real records.
+- tests/.env.test.example — TEST_BASE_URL / TEST_STAFF_NAME / TEST_STAFF_PASSWORD template (real .env.test is gitignored).
+- tests/tsconfig.json — strict, noEmit, types node; includes tests + config.
+- tests/helpers/env.ts — dependency-free .env.test loader (no override of real env).
+- tests/helpers/admin-app.ts — page object: trackDialogs/expectDialog, login, product add/fill/submit/open-edit, setProductName/Price, toggleSuspend/isSuspendChecked, slot open/fill/select-product/submit, futureSlotTimes.
+- tests/auth.setup.ts — logs in via data-testid fields, saves storageState; skips with hint when creds unset.
+- tests/specs/smoke.spec.ts — dashboard shell + products list render (skips without creds).
+- tests/specs/product-lifecycle.spec.ts — ONE long test (single page/context) with steps: add product → verify in list → update name+price → create slot for it → verify slot card → suspend SKU → reload-check suspension persists.
+
+EDITED (apps/admin-web — additive data-testids only, admin-web-local components; no behavior change):
+- components/ProductForm.tsx: data-testid on Store wrapper (product-store-select), Product Type wrapper (product-type-select), suspend row (variant-suspend-row-0), submit button (product-submit-button).
+- components/DateTimeInput.tsx: new optional testID prop → applied to wrapper (both branches).
+- components/ProductsSelector.tsx: new optional testID prop → forwarded to inner MultiSelect/SearchableSelect.
+- components/MultiSelect.tsx: option rows get data-testid="multiselect-option".
+- components/SlotForm.tsx: passes testID slot-delivery-datetime / slot-freeze-datetime / slot-products-selector.
+
+EDITED (root):
+- package.json: +devDependency @playwright/test ^1.63.0 (via `bun add`, bun.lock updated); +scripts test:e2e / test:e2e:ui.
+- .gitignore: +/test-results/, /playwright-report/, /blob-report/, /playwright/.cache/, tests/.auth/, tests/.env.test.
+
+VERIFICATION: `npx playwright test --list` discovers 4 tests / 3 files; `npx tsc --noEmit -p tests` = 0; admin-web `tsc --noEmit` = 0; `npx playwright test` with no creds = 4 skipped (clean skip path); admin-web dev booted on :4175 with /login returning 200 rendering login-name-input/login-password-input/login-button. Full E2E run requires a live admin-web + tests/.env.test credentials (not available here).
+NOTE: tests create real products/slots on whatever backend the running admin-web targets.
+
+[2026-09-06 11:40:00] Playwright: run headed (visible browser) by default.
+- playwright.config.ts: `use.headless` now env-driven — HEADED=1 → headed, HEADED=0 → headless, unset → headed locally / headless when CI is set. Locally the browser window is now visible.
+- package.json: +script "test:e2e:headed": "playwright test --headed".
+- tests/README.md: Running section updated (browser visible by default; HEADED=0/1, --headed, --slow-mo options documented).
+VERIFICATION: `npx playwright test --list` still discovers 4 tests; `npx tsc --noEmit -p tests` = 0.
+
+[2026-09-06 12:05:00] FIX apps/admin-web: products child routes never rendered (missing Outlet) + make E2E suite pass.
+
+=== apps/admin-web/src/routes/dashboard.products.tsx ===
+- import: `createFileRoute, Outlet, useLocation, useNavigate` (added Outlet + useLocation)
+- inside Products(): + const location = useLocation()
+- + after all hooks (so hook order stays stable), before the isLoading return:
+    // Render child routes (new / edit / detail) when not on the list route.
+    if (location.pathname !== '/dashboard/products') {
+      return <Outlet />
+    }
+  BUG: dashboard.products.new.tsx / .edit.tsx / .$id.tsx are children of the
+  /dashboard/products route, but the parent rendered only the list and no
+  <Outlet/>, so navigating to /dashboard/products/new (or /edit, or /:id)
+  changed the URL while still showing the list — product add/edit/detail were
+  unreachable. Fixed with the same guard its siblings use (stores, orders,
+  banners, coupons, slots).
+
+=== tests/helpers/admin-app.ts (hydration + actionability hardening) ===
+- waitForHydration(page, selector) / waitForAppHydration(page): wait for React's
+  `__reactFiber$`/`__reactProps$` DOM markers before interacting. Filling an SSR
+  input pre-hydration passes a value assertion but React (not yet attached)
+  never records it, then hydration resets the controlled input to ''.
+- fillStable / selectStable: retry fill+assert (expect.toPass).
+- clickUntilUrl / dispatchClickUntilUrl: retry a navigational click until the URL
+  matches (covers clicks swallowed pre-hydration, and fixed controls under the
+  always-mounted TanStack devtools overlay).
+- login(): waitForHydration on the submit button, fillStable on both fields.
+- openAddProduct/openProductEdit/openAddSlot: hydrate, then clickUntilUrl (still
+  used for the slots FAB from the devtools overlay).
+- fillNewProduct: poll until the async store <select> has real options before
+  selecting a store.
+
+=== tests/specs/product-lifecycle.spec.ts ===
+- assert exact:true for the sidebar "Products" locator (also matched dashboard tiles).
+- suspend step: assert unchecked → toggle → expect.poll(checked) BEFORE saving →
+  save. Without letting the toggle re-render, Formik submitted stale values
+  (isSuspended=false) — a real race, so the poll is the fix.
+
+VERIFICATION — `bun run test:e2e` against a live admin-web (localhost:4175) with
+tests/.env.test creds: 4 passed, 0 failed (44.2s) — setup (login), product-lifecycle
+(create → verify in list → update name+price → create slot for it → verify slot card
+→ suspend → reload-check suspension persists), smoke dashboard + products.
+`npx tsc --noEmit -p tests` = 0; apps/admin-web tsc = 0.
+NOTE: the run created a real product ("E2E Product <ts> Updated") and a real slot on
+the backend the UI points at.
+OTHER MODULES LIKELY AFFECTED (same missing-Outlet defect, not fixed — out of scope
+for the product lifecycle flow): dashboard.product-groupings.tsx, dashboard.product-tags.tsx
+and dashboard.customize-app.tsx have child routes (new/edit/order/popular/ordering) but
+no <Outlet/> guard. Their sub-routes would also fail to render; flagged for a follow-up.
+
+[2026-09-06 04:00:00] BUG web-ui quantity labels: "1Kg" rendered as "11Kg", "0.5Kg" -> "10.5Kg".
+ROOT CAUSE: user product `unitNotation` already contains the amount+unit (e.g. "0.5Kg","1Kg"), but web-ui prepends `productQuantity` (always 1) via a ported `formatQuantity(quantity, unit)` that assumed a bare unit. user-ui renders `unitNotation` directly.
+FIX (match user-ui): drop `formatQuantity` helpers + `productQuantity` prefixes; render `unitNotation` (with productType !== 'combo' guard where user-ui has one). Files: components/ProductCard.tsx, components/AddToCartDialog.tsx, components/FloatingCartBar.tsx, routes/home.product.$id.tsx, routes/flash.tsx, routes/slot-view.tsx, routes/cart.tsx, routes/home.cart.tsx.
+
+[2026-09-06 04:05:00] VERIFIED web-ui quantity-label fix: grep shows zero formatQuantity/productQuantity render usages left; tsc 0 errors; vite build clean. Label now renders `unitNotation` directly (e.g. Qty: 0.5Kg, 1Kg) matching user-ui.
diff --git a/package.json b/package.json
index 5ab905a..5d930ee 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,9 @@
     "lint": "turbo run lint",
     "typecheck": "bash typecheck",
     "test": "turbo run test",
+    "test:e2e": "playwright test",
+    "test:e2e:headed": "playwright test --headed",
+    "test:e2e:ui": "playwright test --ui",
     "web-ui": "bun run --filter web-ui",
     "web-ui:dev": "bun run web-ui dev",
     "web-ui:build": "bun run web-ui build",
@@ -28,7 +31,9 @@
   ],
   "devDependencies": {
     "@babel/core": "^7.25.2",
+    "@playwright/test": "^1.63.0",
     "@types/canvas-confetti": "^1.9.0",
+    "@types/node": "^22.10.2",
     "@types/react": "~19.0.10",
     "@types/react-native-razorpay": "^2.2.6",
     "eslint": "^9.25.0",
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 0000000..674dcc1
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,44 @@
+import { defineConfig, devices } from '@playwright/test'
+import { loadTestEnv } from './tests/helpers/env'
+
+loadTestEnv()
+
+const baseURL = process.env.TEST_BASE_URL || 'http://localhost:4175'
+const authStatePath = 'tests/.auth/staff.json'
+
+export default defineConfig({
+  testDir: './tests',
+  // Long, dependent workflows run sequentially in a single worker.
+  fullyParallel: false,
+  workers: 1,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 1 : 0,
+  // Generous budget for multi-step admin workflows.
+  timeout: 120_000,
+  expect: { timeout: 15_000 },
+  reporter: [['list'], ['html', { open: 'never' }]],
+  use: {
+    baseURL,
+    // Show the browser by default so runs are watchable; CI stays headless.
+    // Override with `HEADED=0` to force headless, or `HEADED=1` to force headed.
+    headless: process.env.HEADED === '1' ? false : process.env.HEADED === '0' ? true : !!process.env.CI,
+    trace: 'retain-on-failure',
+    screenshot: 'only-on-failure',
+    video: 'retain-on-failure',
+    actionTimeout: 20_000,
+    navigationTimeout: 45_000,
+  },
+  projects: [
+    {
+      name: 'setup',
+      testMatch: /auth\.setup\.ts/,
+      use: { ...devices['Desktop Chrome'] },
+    },
+    {
+      name: 'chromium',
+      testMatch: /.*\.spec\.ts/,
+      dependencies: ['setup'],
+      use: { ...devices['Desktop Chrome'], storageState: authStatePath },
+    },
+  ],
+})
diff --git a/tests/.env.test.example b/tests/.env.test.example
new file mode 100644
index 0000000..c2c6319
--- /dev/null
+++ b/tests/.env.test.example
@@ -0,0 +1,11 @@
+# Copy this file to `tests/.env.test` and fill in the values.
+# `tests/.env.test` is gitignored.
+
+# Base URL of the running admin-web instance.
+# Defaults to http://localhost:4175 (admin-web's Vite port) when unset.
+TEST_BASE_URL=http://localhost:4175
+
+# Staff credentials used to log into the admin panel.
+# The suite skips (with a clear message) when either is empty.
+TEST_STAFF_NAME=
+TEST_STAFF_PASSWORD=
diff --git a/tests/README.md b/tests/README.md
new file mode 100644
index 0000000..ce06029
--- /dev/null
+++ b/tests/README.md
@@ -0,0 +1,94 @@
+# admin-web E2E tests (Playwright)
+
+End-to-end tests that drive the admin panel (`apps/admin-web`) through real
+browser workflows. Long, multi-step tasks run sequentially in a **single
+browser instance** (one worker, one page), mirroring how an admin works.
+
+## Setup
+
+1. Install Playwright + the browser (one time, from the repo root):
+
+   ```bash
+   npm i -D @playwright/test
+   npx playwright install chromium
+   ```
+
+2. Start the admin panel and note its URL (defaults to `http://localhost:4175`):
+
+   ```bash
+   npm run admin-web:dev
+   ```
+
+3. Configure credentials — copy the template and fill it in:
+
+   ```bash
+   cp tests/.env.test.example tests/.env.test
+   # then set TEST_STAFF_NAME / TEST_STAFF_PASSWORD (and TEST_BASE_URL if needed)
+   ```
+
+   `tests/.env.test` is gitignored. When credentials are missing the whole
+   suite **skips** with a clear message instead of failing.
+
+## Running
+
+Run from the **repo root** (recommended — picks up `playwright.config.ts`):
+
+```bash
+bun run test:e2e          # all specs (browser visible locally)
+bun run test:e2e:headed   # explicit headed run
+bun run test:e2e:ui       # Playwright UI mode (debug/inspect, time-travel)
+bun run test:e2e tests/specs/product-lifecycle.spec.ts   # one workflow
+```
+
+Run from inside `tests/` — you must point at the root config, otherwise
+Playwright finds no config and skips the login setup:
+
+```bash
+cd tests
+bun run --cwd .. test:e2e          # easiest
+bunx playwright test -c ../playwright.config.ts
+bunx playwright test -c ../playwright.config.ts --headed
+bunx playwright show-report ../playwright-report
+```
+
+> ⚠️ Don't run a bare `bunx playwright test` from `tests/` — it runs without the
+> config (no auth setup, no `baseURL`). Always pass `-c ../playwright.config.ts`.
+
+The browser is **visible by default** locally (headed). It only runs headless in
+CI, or when you opt in explicitly:
+
+```bash
+HEADED=0 bun run test:e2e   # force headless locally
+HEADED=1 bun run test:e2e   # force headed
+bunx playwright test -c ../playwright.config.ts --headed --slow-mo=500   # watch slowly
+```
+
+Point the tests at a different UI URL (e.g. a hosted environment):
+
+```bash
+TEST_BASE_URL=https://admin.example.com bun run test:e2e
+```
+
+## How it works
+
+- `auth.setup.ts` logs in once (`data-testid` login fields) and saves the
+  session to `tests/.auth/staff.json`. The `chromium` project reuses that
+  `storageState`, so specs start already authenticated.
+- `tests/helpers/admin-app.ts` is a small page object with the reusable
+  actions (add/update product, create slot, suspend SKU, dialog handling).
+- Specs live in `tests/specs/`. `product-lifecycle.spec.ts` is the long
+  single-instance workflow: **create product → update it → create a slot for it
+  → suspend it**, plus a persistence re-check.
+
+## ⚠️ Warning
+
+These tests **create real catalog records** (products, slots) on whatever
+backend the running admin-web instance points at. Use a non-production backend
+when running them.
+
+## Adding more workflows
+
+Add a sibling spec under `tests/specs/` (matching `*.spec.ts`) and reuse the
+helpers in `tests/helpers/admin-app.ts`. Prefer `data-testid` selectors for new
+UI; the admin-web components expose test ids where placeholder/role locators
+would be brittle.
diff --git a/tests/auth.setup.ts b/tests/auth.setup.ts
new file mode 100644
index 0000000..e1bf261
--- /dev/null
+++ b/tests/auth.setup.ts
@@ -0,0 +1,20 @@
+import { test as setup, expect } from '@playwright/test'
+import { CREDENTIALS_HINT, STAFF_NAME, STAFF_PASSWORD, hasStaffCredentials, login } from './helpers/admin-app'
+
+const AUTH_STATE_PATH = 'tests/.auth/staff.json'
+
+/**
+ * Logs into the admin panel once and persists the session (JWT lives in
+ * localStorage) so every spec runs already authenticated.
+ */
+setup('authenticate staff user', async ({ page }) => {
+  if (!hasStaffCredentials()) {
+    setup.skip(true, CREDENTIALS_HINT)
+  }
+
+  await login(page, STAFF_NAME, STAFF_PASSWORD)
+  // Sidebar entry (exact) — the dashboard body also has "Products …" tiles.
+  await expect(page.getByRole('button', { name: 'Products', exact: true })).toBeVisible()
+
+  await page.context().storageState({ path: AUTH_STATE_PATH })
+})
diff --git a/tests/helpers/admin-app.ts b/tests/helpers/admin-app.ts
new file mode 100644
index 0000000..69cb359
--- /dev/null
+++ b/tests/helpers/admin-app.ts
@@ -0,0 +1,295 @@
+import { expect, type Locator, type Page } from '@playwright/test'
+import { loadTestEnv } from './env'
+
+// Populate process.env from tests/.env.test as soon as this module loads, so
+// specs can branch on credentials at module scope.
+loadTestEnv()
+
+export const STAFF_NAME = process.env.TEST_STAFF_NAME ?? ''
+export const STAFF_PASSWORD = process.env.TEST_STAFF_PASSWORD ?? ''
+
+export const hasStaffCredentials = (): boolean =>
+  Boolean(process.env.TEST_STAFF_NAME && process.env.TEST_STAFF_PASSWORD)
+
+export const CREDENTIALS_HINT =
+  'Set TEST_STAFF_NAME and TEST_STAFF_PASSWORD in tests/.env.test (see tests/.env.test.example)'
+
+/** Collected `window.alert`/`confirm` messages, auto-accepted as they appear. */
+export type DialogLog = string[]
+
+/**
+ * Auto-accept every dialog (the admin forms confirm success via window.alert)
+ * and record the messages so tests can assert on them.
+ */
+export function trackDialogs(page: Page): DialogLog {
+  const messages: DialogLog = []
+  page.on('dialog', async (dialog) => {
+    messages.push(dialog.message())
+    await dialog.accept()
+  })
+  return messages
+}
+
+/** Wait until a recorded dialog message contains `substring`. */
+export async function expectDialog(messages: DialogLog, substring: string): Promise<void> {
+  await expect
+    .poll(() => messages.some((message) => message.includes(substring)), {
+      message: `Expected a dialog containing "${substring}". Recorded: ${JSON.stringify(messages)}`,
+    })
+    .toBe(true)
+}
+
+// ---------------------------------------------------------------------------
+// Hydration-safe interactions
+// ---------------------------------------------------------------------------
+//
+// These pages are SSR'd and React-controlled. Interacting before hydration
+// completes silently fails: a `fill()` sets the DOM value and its assertion
+// passes (the DOM really does hold the value), but React — not yet attached —
+// never records it, and hydration then resets the controlled input to its
+// empty state. So we must WAIT FOR HYDRATION, not just for the value.
+//
+// React attaches `__reactFiber$…` / `__reactProps$…` markers to elements when it
+// adopts them during hydration — the reliable, framework-level signal.
+export async function waitForHydration(page: Page, selector: string): Promise<void> {
+  await page.waitForFunction(
+    (sel) => {
+      const el = document.querySelector(sel)
+      if (!el) return false
+      return Object.keys(el).some(
+        (key) => key.startsWith('__reactFiber$') || key.startsWith('__reactProps$'),
+      )
+    },
+    selector,
+    { timeout: 20_000 },
+  )
+}
+
+/** Wait for the app container to be hydrated (for pages with no stable test id yet). */
+export async function waitForAppHydration(page: Page): Promise<void> {
+  await page.waitForFunction(
+    () => {
+      const el = document.querySelector('#app') || document.body
+      return Object.keys(el).some(
+        (key) => key.startsWith('__reactContainer$') || key.startsWith('__reactFiber$'),
+      )
+    },
+    undefined,
+    { timeout: 20_000 },
+  )
+}
+
+export async function fillStable(locator: Locator, value: string): Promise<void> {
+  await expect(async () => {
+    await locator.fill(value)
+    await expect(locator).toHaveValue(value)
+  }).toPass({ timeout: 15_000 })
+}
+
+export async function selectStable(locator: Locator, value: string): Promise<void> {
+  await expect(async () => {
+    await locator.selectOption(value)
+    await expect(locator).toHaveValue(value)
+  }).toPass({ timeout: 15_000 })
+}
+
+/**
+ * Click a control that should navigate, retrying until the URL matches.
+ * Guards against clicks that land before the element's handler is hydrated
+ * (which are silently swallowed rather than erroring).
+ */
+export async function clickUntilUrl(page: Page, locator: Locator, url: RegExp): Promise<void> {
+  await expect(async () => {
+    await locator.click()
+    await page.waitForURL(url, { timeout: 3_000 })
+  }).toPass({ timeout: 20_000 })
+}
+
+/**
+ * Like {@link clickUntilUrl} but dispatches the click straight at the element.
+ * Needed for fixed-position controls the TanStack devtools overlay sits on top
+ * of (e.g. the bottom-right slots FAB) — a normal click would be intercepted.
+ */
+export async function dispatchClickUntilUrl(page: Page, locator: Locator, url: RegExp): Promise<void> {
+  await expect(async () => {
+    await locator.dispatchEvent('click')
+    await page.waitForURL(url, { timeout: 3_000 })
+  }).toPass({ timeout: 20_000 })
+}
+
+// ---------------------------------------------------------------------------
+// Auth
+// ---------------------------------------------------------------------------
+
+export async function login(page: Page, name: string, password: string): Promise<void> {
+  await page.goto('/login')
+  await waitForHydration(page, '[data-testid="login-button"]')
+
+  await fillStable(page.getByTestId('login-name-input'), name)
+  await fillStable(page.getByTestId('login-password-input'), password)
+
+  await page.getByTestId('login-button').click()
+  await expect(page).toHaveURL(/\/dashboard/)
+}
+
+// ---------------------------------------------------------------------------
+// Products
+// ---------------------------------------------------------------------------
+
+export interface NewProductInput {
+  name: string
+  price: number
+  marketPrice?: number
+  quantity: string
+}
+
+export async function openAddProduct(page: Page): Promise<void> {
+  await page.goto('/dashboard/products')
+  await waitForAppHydration(page)
+  await clickUntilUrl(
+    page,
+    page.getByRole('button', { name: 'Add Product' }),
+    /\/dashboard\/products\/new/,
+  )
+  await waitForHydration(page, '[data-testid="product-submit-button"]')
+  await expect(page.getByPlaceholder('Enter product name')).toBeVisible()
+}
+
+export async function fillNewProduct(
+  page: Page,
+  { name, price, marketPrice, quantity }: NewProductInput,
+): Promise<void> {
+  await fillStable(page.getByPlaceholder('Enter product name'), name)
+
+  // Store is a native <select> populated from an async query; option 0 is the
+  // disabled placeholder. Wait for the real options before choosing.
+  const storeSelect = page.getByTestId('product-store-select').locator('select')
+  await expect
+    .poll(async () => storeSelect.locator('option').count(), { timeout: 15_000 })
+    .toBeGreaterThan(1)
+  const firstStoreValue = await storeSelect.locator('option').nth(1).getAttribute('value')
+  await selectStable(storeSelect, firstStoreValue ?? '1')
+
+  // The mandatory `quantity` feature is auto-added as the first variant's first attribute.
+  await fillStable(page.getByPlaceholder('e.g. 0.5 kg').first(), quantity)
+  await fillStable(page.getByPlaceholder('Selling price').first(), String(price))
+  if (marketPrice != null) {
+    await fillStable(page.getByPlaceholder('MRP').first(), String(marketPrice))
+  }
+}
+
+export async function submitProductForm(page: Page): Promise<void> {
+  // The submit runs validation then calls the mutation; retry until the page
+  // actually leaves the form (mutation succeeded) — guards hydration/timing.
+  await page.getByTestId('product-submit-button').click()
+}
+
+export async function gotoProductsAndSearch(page: Page, name: string): Promise<void> {
+  await page.goto('/dashboard/products')
+  await waitForAppHydration(page)
+  await expect(page.getByRole('button', { name: 'Add Product' })).toBeVisible()
+  // Controlled SearchBar — filtering happens immediately on input.
+  await fillStable(page.getByPlaceholder('Search products...'), name)
+}
+
+export async function openProductEdit(page: Page, name: string): Promise<void> {
+  await gotoProductsAndSearch(page, name)
+  await clickUntilUrl(
+    page,
+    page.getByRole('button', { name: 'Edit' }).first(),
+    /\/dashboard\/products\/edit/,
+  )
+  await waitForHydration(page, '[data-testid="product-submit-button"]')
+  await expect(page.getByPlaceholder('Enter product name')).toBeVisible()
+}
+
+export async function setProductName(page: Page, name: string): Promise<void> {
+  await fillStable(page.getByPlaceholder('Enter product name'), name)
+}
+
+export async function setProductPrice(page: Page, price: number): Promise<void> {
+  await fillStable(page.getByPlaceholder('Selling price').first(), String(price))
+}
+
+export async function toggleSuspend(page: Page): Promise<void> {
+  await page.getByTestId('variant-suspend-row-0').locator('button').first().click()
+}
+
+export async function isSuspendChecked(page: Page): Promise<boolean> {
+  return page.getByTestId('variant-suspend-row-0').locator('svg').isVisible()
+}
+
+// ---------------------------------------------------------------------------
+// Slots
+// ---------------------------------------------------------------------------
+
+export interface SlotDateTime {
+  date: string // YYYY-MM-DD
+  time: string // HH:MM
+}
+
+/** Build future delivery/freeze datetimes (freeze before delivery, as the form requires). */
+export function futureSlotTimes(): { delivery: SlotDateTime; freeze: SlotDateTime } {
+  const formatDate = (d: Date) =>
+    `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`
+  const formatTime = (d: Date) =>
+    `${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`
+
+  const now = Date.now()
+  const delivery = new Date(now + 2 * 24 * 60 * 60 * 1000)
+  delivery.setHours(18, 0, 0, 0)
+  const freeze = new Date(now + 1 * 24 * 60 * 60 * 1000)
+  freeze.setHours(12, 0, 0, 0)
+
+  return {
+    delivery: { date: formatDate(delivery), time: formatTime(delivery) },
+    freeze: { date: formatDate(freeze), time: formatTime(freeze) },
+  }
+}
+
+export async function openAddSlot(page: Page): Promise<void> {
+  await page.goto('/dashboard/slots')
+  await waitForAppHydration(page)
+  // The FAB is bottom-right, under the always-mounted devtools overlay.
+  await dispatchClickUntilUrl(
+    page,
+    page.getByTestId('add-slot-fab'),
+    /\/dashboard\/slots\/new/,
+  )
+  await waitForHydration(page, '[data-testid="create-slot-button"]')
+  await expect(page.getByTestId('slot-delivery-datetime')).toBeVisible()
+}
+
+export async function fillSlotDatetimes(
+  page: Page,
+  delivery: SlotDateTime,
+  freeze: SlotDateTime,
+): Promise<void> {
+  const deliveryBox = page.getByTestId('slot-delivery-datetime')
+  await fillStable(deliveryBox.locator('input[type="date"]'), delivery.date)
+  await fillStable(deliveryBox.locator('input[type="time"]'), delivery.time)
+
+  const freezeBox = page.getByTestId('slot-freeze-datetime')
+  await fillStable(freezeBox.locator('input[type="date"]'), freeze.date)
+  await fillStable(freezeBox.locator('input[type="time"]'), freeze.time)
+}
+
+export async function addProductToSlot(page: Page, productName: string): Promise<void> {
+  await page.getByTestId('slot-products-selector').locator('button').first().click()
+
+  const dialogSearch = page.getByPlaceholder('Search...')
+  await expect(dialogSearch).toBeVisible()
+  await fillStable(dialogSearch, productName)
+
+  await page
+    .getByTestId('multiselect-option')
+    .filter({ hasText: productName })
+    .first()
+    .click()
+
+  await page.getByRole('button', { name: 'Done' }).click()
+}
+
+export async function submitSlotForm(page: Page): Promise<void> {
+  await page.getByTestId('create-slot-button').click()
+}
diff --git a/tests/helpers/env.ts b/tests/helpers/env.ts
new file mode 100644
index 0000000..9af1348
--- /dev/null
+++ b/tests/helpers/env.ts
@@ -0,0 +1,43 @@
+import { existsSync, readFileSync } from 'node:fs'
+import { resolve } from 'node:path'
+
+/**
+ * Minimal dependency-free `.env` loader for the E2E suite.
+ *
+ * Reads `tests/.env.test` (or `./.env.test`) if present and populates
+ * `process.env` WITHOUT overriding values already provided by the real
+ * environment — so `TEST_BASE_URL=... npx playwright test` still wins.
+ */
+export function loadTestEnv(): void {
+  const candidates = [
+    resolve(process.cwd(), 'tests/.env.test'),
+    resolve(process.cwd(), '.env.test'),
+  ]
+  const file = candidates.find((candidate) => existsSync(candidate))
+  if (!file) return
+
+  const content = readFileSync(file, 'utf8')
+
+  for (const rawLine of content.split(/\r?\n/)) {
+    const line = rawLine.trim()
+    if (!line || line.startsWith('#')) continue
+
+    const separatorIndex = line.indexOf('=')
+    if (separatorIndex === -1) continue
+
+    const key = line.slice(0, separatorIndex).trim()
+    if (!key) continue
+
+    let value = line.slice(separatorIndex + 1).trim()
+    if (
+      (value.startsWith('"') && value.endsWith('"')) ||
+      (value.startsWith("'") && value.endsWith("'"))
+    ) {
+      value = value.slice(1, -1)
+    }
+
+    if (process.env[key] === undefined) {
+      process.env[key] = value
+    }
+  }
+}
diff --git a/tests/specs/product-lifecycle.spec.ts b/tests/specs/product-lifecycle.spec.ts
new file mode 100644
index 0000000..617d6aa
--- /dev/null
+++ b/tests/specs/product-lifecycle.spec.ts
@@ -0,0 +1,98 @@
+import { test, expect } from '@playwright/test'
+import {
+  CREDENTIALS_HINT,
+  hasStaffCredentials,
+  trackDialogs,
+  expectDialog,
+  openAddProduct,
+  fillNewProduct,
+  submitProductForm,
+  gotoProductsAndSearch,
+  openProductEdit,
+  setProductName,
+  setProductPrice,
+  toggleSuspend,
+  isSuspendChecked,
+  openAddSlot,
+  fillSlotDatetimes,
+  addProductToSlot,
+  submitSlotForm,
+  futureSlotTimes,
+  waitForAppHydration,
+} from '../helpers/admin-app'
+
+test.skip(!hasStaffCredentials(), CREDENTIALS_HINT)
+
+/**
+ * Long, single-instance workflow: add a product, update it, create a delivery
+ * slot for it, then suspend it — all in one browser page/context, mirroring how
+ * an admin actually works through the panel.
+ *
+ * Runs as one test with named steps so the whole chain shares page state.
+ */
+test('product lifecycle: create → update → slot → suspend', async ({ page }) => {
+  const productName = `E2E Product ${Date.now()}`
+  const updatedName = `${productName} Updated`
+  const dialogs = trackDialogs(page)
+
+  await test.step('dashboard is available (authenticated session)', async () => {
+    await page.goto('/dashboard')
+    await waitForAppHydration(page)
+    await expect(page.getByRole('button', { name: 'Products', exact: true })).toBeVisible()
+  })
+
+  await test.step('add a new product', async () => {
+    await openAddProduct(page)
+    await fillNewProduct(page, {
+      name: productName,
+      price: 250,
+      marketPrice: 300,
+      quantity: '1 kg',
+    })
+    await submitProductForm(page)
+    await expectDialog(dialogs, 'Product created successfully!')
+  })
+
+  await test.step('the product appears in the products list', async () => {
+    await gotoProductsAndSearch(page, productName)
+    await expect(page.getByText(productName).first()).toBeVisible()
+  })
+
+  await test.step('update the product name and price', async () => {
+    await openProductEdit(page, productName)
+    await setProductName(page, updatedName)
+    await setProductPrice(page, 275)
+    await submitProductForm(page)
+    await expectDialog(dialogs, 'Product updated successfully!')
+  })
+
+  await test.step('create a delivery slot for the product', async () => {
+    const { delivery, freeze } = futureSlotTimes()
+    await openAddSlot(page)
+    await fillSlotDatetimes(page, delivery, freeze)
+    await addProductToSlot(page, updatedName)
+    await submitSlotForm(page)
+    await expectDialog(dialogs, 'Slot created successfully!')
+  })
+
+  await test.step('the slot card lists the product', async () => {
+    // submitSlotForm navigates back to /dashboard/slots
+    await expect(page).toHaveURL(/\/dashboard\/slots/)
+    await expect(page.getByText(updatedName).first()).toBeVisible()
+  })
+
+  await test.step('suspend the product', async () => {
+    await openProductEdit(page, updatedName)
+    expect(await isSuspendChecked(page)).toBe(false)
+    await toggleSuspend(page)
+    // The toggle must take effect in the form before we save.
+    await expect.poll(() => isSuspendChecked(page), { timeout: 5_000 }).toBe(true)
+    await submitProductForm(page)
+    await expectDialog(dialogs, 'Product updated successfully!')
+  })
+
+  await test.step('suspension persists across reloads', async () => {
+    await openProductEdit(page, updatedName)
+    expect(await isSuspendChecked(page)).toBe(true)
+  })
+})
diff --git a/tests/specs/smoke.spec.ts b/tests/specs/smoke.spec.ts
new file mode 100644
index 0000000..9c71c33
--- /dev/null
+++ b/tests/specs/smoke.spec.ts
@@ -0,0 +1,23 @@
+import { test, expect } from '@playwright/test'
+import { CREDENTIALS_HINT, hasStaffCredentials, waitForAppHydration } from '../helpers/admin-app'
+
+// The whole suite requires a staff session; skip cleanly when creds are absent.
+test.skip(!hasStaffCredentials(), CREDENTIALS_HINT)
+
+test.describe('admin-web smoke', () => {
+  test('dashboard shell renders with sidebar navigation', async ({ page }) => {
+    await page.goto('/dashboard')
+    await waitForAppHydration(page)
+
+    await expect(page.getByRole('button', { name: 'Dashboard', exact: true })).toBeVisible()
+    await expect(page.getByRole('button', { name: 'Products', exact: true })).toBeVisible()
+    await expect(page.getByRole('button', { name: 'Slots', exact: true })).toBeVisible()
+  })
+
+  test('products list renders with the add-product action', async ({ page }) => {
+    await page.goto('/dashboard/products')
+    await waitForAppHydration(page)
+
+    await expect(page.getByRole('button', { name: 'Add Product' })).toBeVisible()
+  })
+})
diff --git a/tests/tsconfig.json b/tests/tsconfig.json
new file mode 100644
index 0000000..3569f04
--- /dev/null
+++ b/tests/tsconfig.json
@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "types": ["node"]
+  },
+  "include": ["./**/*.ts", "../playwright.config.ts"]
+}