From faa998c7e1c9a72c7db26d4e3f82169dab48a0da Mon Sep 17 00:00:00 2001
From: xiaomai <xsbugh@gmail.com>
Date: Mon, 13 Apr 2026 08:49:54 +0800
Subject: [PATCH] refactor(bookings): simplify capacity tracking to use seats

Replace 'pax' booking mode with 'seat'
Consolidate inventory summary to track only seat counts
Update database schema and UI for seat-centric capacity
---
 app/pages/bookings/index.vue                  | 74 ++++++-------------
 app/pages/confirmation/[token].vue            |  9 ---
 app/pages/index.vue                           | 12 ++-
 app/pages/receipt/[token].vue                 |  2 +-
 app/pages/seat/[token].vue                    |  5 +-
 server/api/bookings/capacity.patch.ts         |  6 +-
 server/api/public/bookings.post.ts            |  2 +-
 .../public/bookings/[token]/confirm.post.ts   |  2 +-
 server/utils/booking-repository.ts            | 37 +++++++---
 server/utils/bookings.ts                      | 19 ++---
 server/utils/db-init.ts                       | 46 +++++++++++-
 shared/booking.ts                             | 61 +++++----------
 12 files changed, 136 insertions(+), 139 deletions(-)

diff --git a/app/pages/bookings/index.vue b/app/pages/bookings/index.vue
index a7afb33..93a9968 100644
--- a/app/pages/bookings/index.vue
+++ b/app/pages/bookings/index.vue
@@ -45,15 +45,15 @@
 
           <UForm :state="capacityForm" class="space-y-3" @submit="saveCapacity">
             <div class="flex flex-col gap-3 sm:flex-row sm:items-end">
-              <UFormField name="totalTables" label="Total Tables" class="flex-1">
+              <UFormField name="totalSeats" label="Total Seats" class="flex-1">
                 <UInput
-                  v-model="capacityForm.totalTables"
+                  v-model="capacityForm.totalSeats"
                   type="number"
                   inputmode="numeric"
                   min="0"
                   size="md"
                   class="w-full"
-                  placeholder="Leave blank for no table limit"
+                  placeholder="Leave blank for no seat limit"
                 />
               </UFormField>
 
@@ -90,10 +90,10 @@
           <div class="grid gap-4 sm:grid-cols-2">
             <div class="rounded-lg border border-default bg-muted/20 p-3">
               <p class="text-xs uppercase tracking-wide text-muted">
-                Pending tables
+                Pending bookings
               </p>
               <p class="mt-1 text-xl font-semibold text-highlighted">
-                {{ summary.pendingTables }}
+                {{ pendingCount }}
               </p>
             </div>
 
@@ -109,7 +109,7 @@
         </UCard>
       </div>
 
-      <div class="grid gap-3 sm:grid-cols-2 xl:grid-cols-5">
+      <div class="grid gap-3 sm:grid-cols-2 xl:grid-cols-3">
         <UCard
           v-for="item in inventoryCards"
           :key="item.label"
@@ -123,9 +123,6 @@
             <p class="text-2xl font-semibold leading-none text-highlighted">
               {{ item.value }}
             </p>
-            <p v-if="item.meta" class="text-xs text-muted">
-              {{ item.meta }}
-            </p>
           </div>
         </UCard>
       </div>
@@ -134,10 +131,10 @@
         <UCard class="border border-default bg-default shadow-sm" :ui="{ body: 'px-4 py-3' }">
           <div class="space-y-0.5">
             <p class="text-[11px] font-medium uppercase tracking-wide text-muted">
-              Total Tables
+              Total Seats
             </p>
             <p class="text-2xl font-semibold leading-none text-highlighted">
-              {{ formatInventoryNumber(summary.totalTables) }}
+              {{ formatInventoryNumber(summary.totalSeats) }}
             </p>
           </div>
         </UCard>
@@ -213,13 +210,10 @@
               </div>
             </template>
 
-            <template #bookingMode-cell="{ row }">
+            <template #quantity-cell="{ row }">
               <div class="space-y-0.5 py-0.5">
                 <div class="text-sm font-medium text-default">
-                  {{ getBookingModeLabel(row.original.bookingMode) }}
-                </div>
-                <div class="text-xs text-muted">
-                  {{ row.original.quantity }} x {{ ticketLabel(row.original.ticketType) }}
+                  {{ ticketLabel(row.original.ticketType) }}
                 </div>
               </div>
             </template>
@@ -298,7 +292,6 @@ import type { BookingCapacitySettings, BookingInventorySummary, PublicBooking, T
 
 import {
   formatBookingCurrency,
-  getBookingModeLabel,
   getBookingStatusLabel,
   getTicketCatalogItem
 } from '~~/shared/booking'
@@ -319,29 +312,22 @@ const loadingBookings = ref(false)
 const savingCapacity = ref(false)
 const searchQuery = ref('')
 const settings = reactive<BookingCapacitySettings>({
-  totalTables: null,
+  totalSeats: null,
   updatedAt: null
 })
 const summary = reactive<BookingInventorySummary>({
-  totalTables: null,
-  totalCapacitySeats: null,
-  soldTables: 0,
-  pendingTables: 0,
+  totalSeats: null,
   soldSeats: 0,
   pendingSeats: 0,
-  soldCapacitySeats: 0,
-  pendingCapacitySeats: 0,
-  leftTables: null,
-  leftSeats: null,
-  leftCapacitySeats: null
+  leftSeats: null
 })
 const capacityForm = reactive({
-  totalTables: ''
+  totalSeats: ''
 })
 
 const columns = [
   { accessorKey: 'customerName', header: 'Guest' },
-  { accessorKey: 'bookingMode', header: 'Booking' },
+  { accessorKey: 'quantity', header: 'Booking' },
   { accessorKey: 'seatCount', header: 'Seats / Total' },
   { accessorKey: 'personInChargeName', header: 'PIC' },
   { id: 'status', header: 'Status' },
@@ -350,27 +336,18 @@ const columns = [
 ]
 
 const inventoryDescription = computed(() => {
-  return 'Set only the total number of tables. The system treats each table as 10 seats, then auto-calculates sold and remaining inventory.'
+  return 'Every booking is converted into seats immediately, so sold and remaining capacity are tracked only in seats.'
 })
 
 const inventoryCards = computed(() => {
   return [
-    {
-      label: 'Tables Sold',
-      value: String(summary.soldTables)
-    },
     {
       label: 'Seats Sold',
       value: String(summary.soldSeats)
     },
     {
-      label: 'Capacity Used',
-      value: String(summary.soldCapacitySeats),
-      meta: 'in seats'
-    },
-    {
-      label: 'Tables Left',
-      value: formatInventoryNumber(summary.leftTables)
+      label: 'Pending Seats',
+      value: String(summary.pendingSeats)
     },
     {
       label: 'Seats Left',
@@ -434,27 +411,20 @@ function normalizeCapacityValue(value: string | number | null | undefined) {
 }
 
 function syncCapacityForm(nextSettings: BookingCapacitySettings) {
-  capacityForm.totalTables = nextSettings.totalTables === null ? '' : String(nextSettings.totalTables)
+  capacityForm.totalSeats = nextSettings.totalSeats === null ? '' : String(nextSettings.totalSeats)
 }
 
 function applySettings(nextSettings: BookingCapacitySettings) {
-  settings.totalTables = nextSettings.totalTables
+  settings.totalSeats = nextSettings.totalSeats
   settings.updatedAt = nextSettings.updatedAt
   syncCapacityForm(nextSettings)
 }
 
 function applySummary(nextSummary: BookingInventorySummary) {
-  summary.totalTables = nextSummary.totalTables
-  summary.totalCapacitySeats = nextSummary.totalCapacitySeats
-  summary.soldTables = nextSummary.soldTables
-  summary.pendingTables = nextSummary.pendingTables
+  summary.totalSeats = nextSummary.totalSeats
   summary.soldSeats = nextSummary.soldSeats
   summary.pendingSeats = nextSummary.pendingSeats
-  summary.soldCapacitySeats = nextSummary.soldCapacitySeats
-  summary.pendingCapacitySeats = nextSummary.pendingCapacitySeats
-  summary.leftTables = nextSummary.leftTables
   summary.leftSeats = nextSummary.leftSeats
-  summary.leftCapacitySeats = nextSummary.leftCapacitySeats
 }
 
 async function refreshBookings() {
@@ -499,7 +469,7 @@ async function saveCapacity(event: Event) {
     const response = await apiClient<{ settings: BookingCapacitySettings }>('/api/bookings/capacity', {
       method: 'PATCH',
       body: {
-        totalTables: normalizeCapacityValue(capacityForm.totalTables)
+        totalSeats: normalizeCapacityValue(capacityForm.totalSeats)
       }
     })
 
diff --git a/app/pages/confirmation/[token].vue b/app/pages/confirmation/[token].vue
index d3914eb..722faf5 100644
--- a/app/pages/confirmation/[token].vue
+++ b/app/pages/confirmation/[token].vue
@@ -3,7 +3,6 @@ import type { PublicBooking } from '~~/shared/booking'
 
 import {
   formatBookingCurrency,
-  getBookingModeLabel,
   getBookingStatusLabel,
   getTicketCatalogItem
 } from '~~/shared/booking'
@@ -54,18 +53,10 @@ const detailRows = computed(() => {
       label: 'PIC Phone',
       value: booking.value.personInChargePhoneNumber
     },
-    {
-      label: 'Booking Mode',
-      value: getBookingModeLabel(booking.value.bookingMode)
-    },
     {
       label: 'Ticket Category',
       value: ticketLabel.value
     },
-    {
-      label: 'Quantity',
-      value: String(booking.value.quantity)
-    },
     {
       label: 'Seats Covered',
       value: String(booking.value.seatCount)
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 92c0668..71d3bd8 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -67,10 +67,11 @@ const selectedTicket = computed(() => getTicketCatalogItem(form.ticketType) ?? B
 const submittingBooking = ref(false)
 
 const quantityLabel = computed(() => {
-  return form.bookingMode === 'table' ? 'Number of tables' : 'Number of people'
+  return form.bookingMode === 'table' ? 'Number of Tables' : 'Number of Seats'
 })
 
-const totalPrice = computed(() => getSeatCount(form.bookingMode, form.quantity) * selectedTicket.value.price)
+const seatCount = computed(() => getSeatCount(form.bookingMode, form.quantity))
+const totalPrice = computed(() => seatCount.value * selectedTicket.value.price)
 
 const totalFormatted = computed(() => formatBookingCurrency(totalPrice.value))
 
@@ -88,7 +89,7 @@ function validateBooking(state: typeof form): FormError[] {
   }
 
   if (state.quantity < 1) {
-    errors.push({ name: 'quantity', message: 'Quantity must be at least 1.' })
+    errors.push({ name: 'quantity', message: `${quantityLabel.value} must be at least 1.` })
   }
 
   return errors
@@ -194,6 +195,9 @@ async function bookTicket(event: FormSubmitEvent<typeof form>) {
 
           <UFormField :label="quantityLabel" name="quantity">
             <UInputNumber v-model="form.quantity" size="xl" class="w-full" :min="1" :step="1" />
+            <template #help>
+              This booking will generate {{ seatCount }} seat{{ seatCount === 1 ? '' : 's' }}.
+            </template>
           </UFormField>
 
           <UFormField label="Ticket Category" name="ticketType">
@@ -221,7 +225,7 @@ async function bookTicket(event: FormSubmitEvent<typeof form>) {
             />
           </UFormField>
 
-          <UButton id="getTicketBtn" type="submit" label="Book Your Ticket Now" size="xl"
+          <UButton id="getTicketBtn" type="submit" label="Book Now" size="xl"
             class="w-full justify-center" :disabled="!selectedPersonInCharge" :loading="submittingBooking" />
         </UForm>
       </UCard>
diff --git a/app/pages/receipt/[token].vue b/app/pages/receipt/[token].vue
index abcec7d..bd50b57 100644
--- a/app/pages/receipt/[token].vue
+++ b/app/pages/receipt/[token].vue
@@ -427,7 +427,7 @@ async function openBatchShare() {
           </div>
 
           <UButton
-            label="Share Seat"
+            label="Share Seats"
             icon="i-lucide-share-2"
             class="w-full justify-center sm:w-auto"
             :disabled="!availableSeats.length || shareSeatsLoading || Boolean(seatActionId)"
diff --git a/app/pages/seat/[token].vue b/app/pages/seat/[token].vue
index 8db54d2..7c7fe0a 100644
--- a/app/pages/seat/[token].vue
+++ b/app/pages/seat/[token].vue
@@ -7,7 +7,6 @@ import {
   DINNER_EVENT_TITLE,
   DINNER_EVENT_VENUE,
   formatBookingCurrency,
-  getBookingModeLabel,
   getSeatLabel,
   getTicketCatalogItem
 } from '~~/shared/booking'
@@ -106,10 +105,10 @@ const totalFormatted = computed(() => formatBookingCurrency(receipt.value.bookin
             </div>
             <div class="rounded-2xl border border-default bg-elevated p-4">
               <p class="text-xs uppercase tracking-wide text-muted">
-                Booking Mode
+                Total Seats
               </p>
               <p class="mt-2 font-semibold text-highlighted">
-                {{ getBookingModeLabel(receipt.booking.bookingMode) }}
+                {{ receipt.booking.seatCount }} seats
               </p>
             </div>
             <div class="rounded-2xl border border-default bg-elevated p-4">
diff --git a/server/api/bookings/capacity.patch.ts b/server/api/bookings/capacity.patch.ts
index 78314fe..495328c 100644
--- a/server/api/bookings/capacity.patch.ts
+++ b/server/api/bookings/capacity.patch.ts
@@ -7,15 +7,15 @@ export default defineEventHandler(async (event) => {
   await requireRole(event, 'super_admin')
 
   const body = await readBody<{
-    totalTables?: number | string | null
+    totalSeats?: number | string | null
   }>(event)
 
   const input = parseBookingCapacityInput(body)
   const summary = await getBookingInventorySummary()
 
   assertBadRequest(
-    input.totalTables === null || (input.totalTables * 10) >= summary.soldCapacitySeats,
-    `Total tables cannot be lower than the currently sold capacity of ${summary.soldTables} tables and ${summary.soldSeats} seats`
+    input.totalSeats === null || input.totalSeats >= summary.soldSeats,
+    `Total seats cannot be lower than the currently sold count of ${summary.soldSeats} seats`
   )
 
   const settings = await updateBookingCapacitySettings(input)
diff --git a/server/api/public/bookings.post.ts b/server/api/public/bookings.post.ts
index d4a80c8..fa59a62 100644
--- a/server/api/public/bookings.post.ts
+++ b/server/api/public/bookings.post.ts
@@ -12,7 +12,7 @@ export default defineEventHandler(async (event): Promise<CreateBookingResponse>
   const body = await readBody<{
     customerName?: string
     customerPhone?: string
-    bookingMode?: BookingMode
+    bookingMode?: BookingMode | string | null
     quantity?: number
     ticketType?: TicketType
     personInChargeId?: string
diff --git a/server/api/public/bookings/[token]/confirm.post.ts b/server/api/public/bookings/[token]/confirm.post.ts
index 84ec526..02a1467 100644
--- a/server/api/public/bookings/[token]/confirm.post.ts
+++ b/server/api/public/bookings/[token]/confirm.post.ts
@@ -18,7 +18,7 @@ export default defineEventHandler(async (event) => {
 
   const summary = await getBookingInventorySummary()
 
-  if (summary.leftCapacitySeats !== null && existingBooking.seatCount > summary.leftCapacitySeats) {
+  if (summary.leftSeats !== null && existingBooking.seatCount > summary.leftSeats) {
     httpError(409, 'Not enough capacity left to confirm this booking')
   }
 
diff --git a/server/utils/booking-repository.ts b/server/utils/booking-repository.ts
index 7f31ea2..b756627 100644
--- a/server/utils/booking-repository.ts
+++ b/server/utils/booking-repository.ts
@@ -11,7 +11,7 @@ import type {
   TicketType
 } from '~~/shared/booking'
 
-import { calculateBookingInventorySummary, isBookingStatus } from '~~/shared/booking'
+import { calculateBookingInventorySummary, isBookingMode, isBookingStatus } from '~~/shared/booking'
 
 import { randomToken, toIsoString } from './base64url'
 import { ensureDatabaseReady } from './db-init'
@@ -23,7 +23,7 @@ type DbBookingRow = {
   receipt_token: string
   customer_name: string
   customer_phone: string
-  booking_mode: BookingMode
+  booking_mode: string
   quantity: number | string
   seat_count: number | string
   ticket_type: TicketType
@@ -54,7 +54,7 @@ type DbBookingSeatWithBookingRow = DbBookingSeatRow & {
   receipt_token: string
   customer_name: string
   customer_phone: string
-  booking_mode: BookingMode
+  booking_mode: string
   quantity: number | string
   seat_count: number | string
   ticket_type: TicketType
@@ -67,6 +67,7 @@ type DbBookingSeatWithBookingRow = DbBookingSeatRow & {
 
 type DbBookingSettingsRow = {
   total_tables: number | string | null
+  total_seats: number | string | null
   updated_at: Date | string
 }
 
@@ -74,16 +75,22 @@ function parseInteger(value: number | string) {
   return typeof value === 'number' ? value : Number.parseInt(value, 10)
 }
 
+function normalizeBookingMode(value: string): BookingMode {
+  return isBookingMode(value) ? value : 'seat'
+}
+
 function mapBooking(row: DbBookingRow): PublicBooking {
+  const seatCount = parseInteger(row.seat_count)
+
   return {
     id: row.id,
     confirmationToken: row.confirmation_token,
     receiptToken: row.receipt_token,
     customerName: row.customer_name,
     customerPhone: row.customer_phone,
-    bookingMode: row.booking_mode,
+    bookingMode: normalizeBookingMode(row.booking_mode),
     quantity: parseInteger(row.quantity),
-    seatCount: parseInteger(row.seat_count),
+    seatCount,
     ticketType: row.ticket_type,
     unitPrice: parseInteger(row.unit_price),
     totalPrice: parseInteger(row.total_price),
@@ -97,14 +104,16 @@ function mapBooking(row: DbBookingRow): PublicBooking {
 }
 
 function mapReceiptBooking(row: DbBookingRow | DbBookingSeatWithBookingRow): ReceiptBooking {
+  const seatCount = parseInteger(row.seat_count)
+
   return {
     id: row.id,
     receiptToken: row.receipt_token,
     customerName: row.customer_name,
     customerPhone: row.customer_phone,
-    bookingMode: row.booking_mode,
+    bookingMode: normalizeBookingMode(row.booking_mode),
     quantity: parseInteger(row.quantity),
-    seatCount: parseInteger(row.seat_count),
+    seatCount,
     ticketType: row.ticket_type,
     unitPrice: parseInteger(row.unit_price),
     totalPrice: parseInteger(row.total_price),
@@ -130,13 +139,17 @@ function mapBookingSeat(row: DbBookingSeatRow): PublicBookingSeat {
 function mapBookingCapacitySettings(row: DbBookingSettingsRow | undefined): BookingCapacitySettings {
   if (!row) {
     return {
-      totalTables: null,
+      totalSeats: null,
       updatedAt: null
     }
   }
 
+  const totalSeats = row.total_seats === null
+    ? (row.total_tables === null ? null : parseInteger(row.total_tables) * 10)
+    : parseInteger(row.total_seats)
+
   return {
-    totalTables: row.total_tables === null ? null : parseInteger(row.total_tables),
+    totalSeats,
     updatedAt: toIsoString(row.updated_at)
   }
 }
@@ -521,6 +534,7 @@ export async function getBookingCapacitySettings(): Promise<BookingCapacitySetti
   const [row] = await sql<DbBookingSettingsRow[]>`
     select
       total_tables,
+      total_seats,
       updated_at
     from booking_settings
     where id = 'default'
@@ -531,7 +545,7 @@ export async function getBookingCapacitySettings(): Promise<BookingCapacitySetti
 }
 
 export async function updateBookingCapacitySettings(input: {
-  totalTables: number | null
+  totalSeats: number | null
 }): Promise<BookingCapacitySettings> {
   await ensureDatabaseReady()
   const sql = getSqlClient()
@@ -539,11 +553,12 @@ export async function updateBookingCapacitySettings(input: {
   const [row] = await sql<DbBookingSettingsRow[]>`
     update booking_settings
     set
-      total_tables = ${input.totalTables},
+      total_seats = ${input.totalSeats},
       updated_at = now()
     where id = 'default'
     returning
       total_tables,
+      total_seats,
       updated_at
   `
 
diff --git a/server/utils/bookings.ts b/server/utils/bookings.ts
index f831663..49cd1fb 100644
--- a/server/utils/bookings.ts
+++ b/server/utils/bookings.ts
@@ -2,7 +2,6 @@ import type { BookingCapacitySettings, BookingMode, PublicBooking, TicketType }
 
 import {
   formatBookingCurrency,
-  getBookingModeLabel,
   getTicketCatalogItem,
   isBookingMode,
   isTicketType
@@ -14,14 +13,14 @@ import { assertBadRequest } from './http'
 export function parseCreateBookingInput(body: {
   customerName?: string
   customerPhone?: string
-  bookingMode?: BookingMode
+  bookingMode?: BookingMode | string | null
   quantity?: number
   ticketType?: TicketType
   personInChargeId?: string
 }) {
   const customerName = normalizeFullName(body.customerName || '')
   const customerPhone = normalizePhoneNumber(body.customerPhone || '')
-  const bookingMode = body.bookingMode
+  const bookingMode = typeof body.bookingMode === 'string' ? body.bookingMode.trim().toLowerCase() : body.bookingMode
   const ticketType = body.ticketType
   const quantity = Number(body.quantity)
   const personInChargeId = (body.personInChargeId || '').trim()
@@ -52,10 +51,8 @@ export function buildBookingMessage(booking: PublicBooking, confirmationUrl: str
     '',
     `Name: ${booking.customerName}`,
     `Phone Number: ${booking.customerPhone}`,
-    `Booking Mode: ${getBookingModeLabel(booking.bookingMode)}`,
-    `Quantity: ${booking.quantity}`,
+    `Seats: ${booking.seatCount}`,
     `Ticket Category: ${ticketLabel}`,
-    `Seats Covered: ${booking.seatCount}`,
     `Total Price: ${formatBookingCurrency(booking.totalPrice)}`,
     '',
     'PIC confirmation link:',
@@ -87,14 +84,14 @@ export function parseSeatShareInput(body: {
 }
 
 export function parseBookingCapacityInput(body: {
-  totalTables?: number | string | null
-}): Pick<BookingCapacitySettings, 'totalTables'> {
-  const totalTables = parseOptionalInteger(body.totalTables)
+  totalSeats?: number | string | null
+}): Pick<BookingCapacitySettings, 'totalSeats'> {
+  const totalSeats = parseOptionalInteger(body.totalSeats)
 
-  assertBadRequest(totalTables === null || totalTables >= 0, 'Total tables must be 0 or greater')
+  assertBadRequest(totalSeats === null || totalSeats >= 0, 'Total seats must be 0 or greater')
 
   return {
-    totalTables
+    totalSeats
   }
 }
 
diff --git a/server/utils/db-init.ts b/server/utils/db-init.ts
index dcabbf3..208e658 100644
--- a/server/utils/db-init.ts
+++ b/server/utils/db-init.ts
@@ -69,7 +69,7 @@ async function initializeDatabase() {
       receipt_token text not null unique,
       customer_name text not null,
       customer_phone text not null,
-      booking_mode text not null check (booking_mode in ('table', 'pax')),
+      booking_mode text not null check (booking_mode in ('table', 'seat')),
       quantity integer not null check (quantity >= 1),
       seat_count integer not null check (seat_count >= 1),
       ticket_type text not null check (ticket_type in ('vip', 'supporter')),
@@ -124,6 +124,11 @@ async function initializeDatabase() {
     )
   `
 
+  await sql`
+    alter table booking_settings
+    add column if not exists total_seats integer
+  `
+
   await sql`
     insert into booking_settings (id)
     values ('default')
@@ -146,6 +151,45 @@ async function initializeDatabase() {
     `
   }
 
+  await sql`
+    alter table bookings
+    drop constraint if exists bookings_booking_mode_check
+  `
+
+  await sql`
+    alter table bookings
+    add constraint bookings_booking_mode_check
+    check (booking_mode in ('table', 'pax', 'seat'))
+  `
+
+  await sql`
+    update bookings
+    set
+      booking_mode = 'seat',
+      updated_at = now()
+    where booking_mode = 'pax'
+  `
+
+  await sql`
+    alter table bookings
+    drop constraint if exists bookings_booking_mode_check
+  `
+
+  await sql`
+    alter table bookings
+    add constraint bookings_booking_mode_check
+    check (booking_mode in ('table', 'seat'))
+  `
+
+  await sql`
+    update booking_settings
+    set
+      total_seats = total_tables * 10,
+      updated_at = now()
+    where total_seats is null
+      and total_tables is not null
+  `
+
   const existingBookings = await sql<{ id: string, seat_count: number | string }[]>`
     select
       id,
diff --git a/shared/booking.ts b/shared/booking.ts
index 5e7de1b..ca68849 100644
--- a/shared/booking.ts
+++ b/shared/booking.ts
@@ -1,4 +1,4 @@
-export type BookingMode = 'table' | 'pax'
+export type BookingMode = 'table' | 'seat'
 export type TicketType = 'vip' | 'supporter'
 export type BookingStatus = 'pending' | 'confirmed'
 
@@ -7,14 +7,16 @@ export const DINNER_EVENT_DATE_LABEL = 'Saturday, 30 May 2026'
 export const DINNER_EVENT_TIME_LABEL = '6:30 PM'
 export const DINNER_EVENT_VENUE = "Yong Peng's Chee Ann Kor"
 
+export const TABLE_SEAT_COUNT = 10
+
 export const BOOKING_MODE_OPTIONS = [
   {
     value: 'table',
-    label: 'Table (10 pax)'
+    label: `Table (${TABLE_SEAT_COUNT} seats)`
   },
   {
-    value: 'pax',
-    label: 'Person'
+    value: 'seat',
+    label: 'Seat'
   }
 ] satisfies Array<{ value: BookingMode, label: string }>
 
@@ -22,13 +24,13 @@ export const BOOKING_TICKET_CATALOG = [
   {
     value: 'vip',
     label: 'VIP',
-    description: 'RM150 / pax',
+    description: 'RM150 / seat',
     price: 150
   },
   {
     value: 'supporter',
     label: 'Supporter',
-    description: 'RM60 / pax',
+    description: 'RM60 / seat',
     price: 60
   }
 ] satisfies Array<{ value: TicketType, label: string, description: string, price: number }>
@@ -97,22 +99,15 @@ export interface PublicSeatReceipt {
 }
 
 export interface BookingCapacitySettings {
-  totalTables: number | null
+  totalSeats: number | null
   updatedAt: string | null
 }
 
 export interface BookingInventorySummary {
-  totalTables: number | null
-  totalCapacitySeats: number | null
-  soldTables: number
-  pendingTables: number
+  totalSeats: number | null
   soldSeats: number
   pendingSeats: number
-  soldCapacitySeats: number
-  pendingCapacitySeats: number
-  leftTables: number | null
   leftSeats: number | null
-  leftCapacitySeats: number | null
 }
 
 export interface CreateBookingResponse {
@@ -122,7 +117,7 @@ export interface CreateBookingResponse {
 }
 
 export function isBookingMode(value: string | null | undefined): value is BookingMode {
-  return value === 'table' || value === 'pax'
+  return value === 'table' || value === 'seat'
 }
 
 export function isTicketType(value: string | null | undefined): value is TicketType {
@@ -134,7 +129,7 @@ export function isBookingStatus(value: string | null | undefined): value is Book
 }
 
 export function getBookingModeLabel(value: BookingMode) {
-  return value === 'table' ? 'Table (10 pax each)' : 'Per person'
+  return value === 'table' ? `Table (${TABLE_SEAT_COUNT} seats each)` : 'Per seat'
 }
 
 export function getBookingStatusLabel(value: BookingStatus) {
@@ -142,7 +137,7 @@ export function getBookingStatusLabel(value: BookingStatus) {
 }
 
 export function getSeatCount(bookingMode: BookingMode, quantity: number) {
-  return bookingMode === 'table' ? quantity * 10 : quantity
+  return bookingMode === 'table' ? quantity * TABLE_SEAT_COUNT : quantity
 }
 
 export function getTicketCatalogItem(ticketType: TicketType) {
@@ -163,41 +158,23 @@ export function getSeatLabel(seatNumber: number) {
 }
 
 export function calculateBookingInventorySummary(
-  bookings: Pick<PublicBooking, 'bookingMode' | 'quantity' | 'seatCount' | 'status'>[],
+  bookings: Pick<PublicBooking, 'seatCount' | 'status'>[],
   settings: BookingCapacitySettings
 ): BookingInventorySummary {
-  const soldTables = bookings
-    .filter((booking) => booking.status === 'confirmed' && booking.bookingMode === 'table')
-    .reduce((total, booking) => total + booking.quantity, 0)
-
-  const pendingTables = bookings
-    .filter((booking) => booking.status === 'pending' && booking.bookingMode === 'table')
-    .reduce((total, booking) => total + booking.quantity, 0)
-
   const soldSeats = bookings
-    .filter((booking) => booking.status === 'confirmed' && booking.bookingMode === 'pax')
+    .filter((booking) => booking.status === 'confirmed')
     .reduce((total, booking) => total + booking.seatCount, 0)
 
   const pendingSeats = bookings
-    .filter((booking) => booking.status === 'pending' && booking.bookingMode === 'pax')
+    .filter((booking) => booking.status === 'pending')
     .reduce((total, booking) => total + booking.seatCount, 0)
 
-  const totalCapacitySeats = settings.totalTables === null ? null : settings.totalTables * 10
-  const soldCapacitySeats = (soldTables * 10) + soldSeats
-  const pendingCapacitySeats = (pendingTables * 10) + pendingSeats
-  const leftCapacitySeats = totalCapacitySeats === null ? null : Math.max(totalCapacitySeats - soldCapacitySeats, 0)
+  const leftSeats = settings.totalSeats === null ? null : Math.max(settings.totalSeats - soldSeats, 0)
 
   return {
-    totalTables: settings.totalTables,
-    totalCapacitySeats,
-    soldTables,
-    pendingTables,
+    totalSeats: settings.totalSeats,
     soldSeats,
     pendingSeats,
-    soldCapacitySeats,
-    pendingCapacitySeats,
-    leftTables: leftCapacitySeats === null ? null : Math.floor(leftCapacitySeats / 10),
-    leftSeats: leftCapacitySeats === null ? null : leftCapacitySeats % 10,
-    leftCapacitySeats
+    leftSeats
   }
 }