@stacksjs/defaults 0.72.103 → 0.73.0

package/ide/vscode/package.json

@@ -2,7 +2,7 @@
   "publisher": "Stacks",
   "name": "vscode-stacks",
   "displayName": "Stacks",
-  "version": "0.72.103",
+  "version": "0.73.0",
   "description": "A modern Stacks development environment.",
   "license": "MIT",
   "funding": "https://github.com/sponsors/chrisbbreuer",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@stacksjs/defaults",
   "type": "module",
   "sideEffects": false,
-  "version": "0.72.103",
+  "version": "0.73.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/stacksjs/stacks.git",
@@ -51,8 +51,9 @@
   "dependencies": {
     "@iconify-json/f7": "^1.2.2",
     "@iconify-json/hugeicons": "^1.2.27",
-    "@stacksjs/mobile": "^0.72.103",
-    "@stacksjs/sanitizer": "^0.2.113"
+    "@stacksjs/mobile": "^0.73.0",
+    "@stacksjs/sanitizer": "^0.2.113",
+    "ts-qr-codes": "^0.1.8"
   },
   "scripts": {
     "build": "bun build.ts"

package/resources/components/Dashboard/Commerce/Delivery/{DriverDeleteDialog.stx → CourierDeleteDialog.stx}

@@ -1,22 +1,22 @@
 <script client>
-interface DriverRecord {
+interface CourierRecord {
   id: number
   name: string
 }
 
 const open = useReactiveProp('open', false)
-const record = useReactiveProp('record', null as DriverRecord | null)
+const record = useReactiveProp('record', null as CourierRecord | null)
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
 const emit = defineEmits()
-const description = derived(() => `Delete ${record()?.name || 'the selected driver'} permanently. Drivers referenced by delivery routes may be protected by the database.`)
+const description = derived(() => `Delete ${record()?.name || 'the selected courier'} permanently. Couriers referenced by delivery routes may be protected by the database.`)
 </script>
 
 <ConfirmDialog
   :isOpen="open() && Boolean(record())"
-  title="Delete driver?"
+  title="Delete courier?"
   :description="description()"
-  confirmLabel="Delete driver"
+  confirmLabel="Delete courier"
   :busy="busy()"
   :error="error()"
   @close="emit('close')"

package/resources/components/Dashboard/Commerce/Delivery/{DriverDialog.stx → CourierDialog.stx}

@@ -1,5 +1,5 @@
 <script client>
-type DriverStatus = 'active' | 'on_delivery' | 'on_break'
+type CourierStatus = 'active' | 'on_delivery' | 'on_break'
 
 interface UserOption {
   id: number
@@ -7,19 +7,19 @@ interface UserOption {
   email?: string
 }
 
-interface DriverRecord {
+interface CourierRecord {
   id: number
   name: string
   phone: string
   vehicle_number: string
   license: string
-  status: DriverStatus
+  status: CourierStatus
   user_id?: number | null
 }
 
 const open = useReactiveProp('open', false)
 const mode = useReactiveProp('mode', 'create')
-const record = useReactiveProp('record', null as DriverRecord | null)
+const record = useReactiveProp('record', null as CourierRecord | null)
 const users = useReactiveProp('users', [] as UserOption[])
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
@@ -28,7 +28,7 @@ const name = state('')
 const phone = state('')
 const vehicleNumber = state('')
 const license = state('')
-const status = state<DriverStatus>('active')
+const status = state<CourierStatus>('active')
 const userId = state('')
 let hydrationKey = ''
 
@@ -53,7 +53,7 @@ effect(() => {
 function submit(): void {
   const selectedUserId = userId() ? Number(userId()) : null
   if (!name().trim()) {
-    emit('invalid', 'Driver name is required.')
+    emit('invalid', 'Courier name is required.')
     return
   }
   if (!phone().trim()) {
@@ -86,16 +86,16 @@ function submit(): void {
 
 <Modal
   :isOpen="open()"
-  :title="mode() === 'edit' ? 'Edit driver' : 'Add driver'"
+  :title="mode() === 'edit' ? 'Edit courier' : 'Add courier'"
   description="Manage operational identity, vehicle assignment, availability, and the optional User relationship."
   size="md"
   @close="emit('close')"
 >
-    <form id="driver-form" @submit.prevent="submit()">
+    <form id="courier-form" @submit.prevent="submit()">
         <div :if="error()" class="mb-5 p-3 text-red-700 text-sm dark:text-red-300 bg-red-50 dark:bg-red-950/30 border border-red-200 rounded-lg dark:border-red-900">{{ error() }}</div>
 
         <div class="space-y-4">
-          <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Driver name</span><input x-model="name" type="text" required maxlength="255" autocomplete="name" placeholder="Alex Morgan" class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700" /></label>
+          <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Courier name</span><input x-model="name" type="text" required maxlength="255" autocomplete="name" placeholder="Alex Morgan" class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700" /></label>
           <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Phone</span><input x-model="phone" type="tel" required maxlength="255" autocomplete="tel" placeholder="+1 555 0100" class="mt-1 px-3 py-2 w-full text-gray-900 text-sm dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700" /></label>
           <div class="grid gap-4 grid-cols-1 sm:grid-cols-2">
             <label class="block"><span class="font-medium text-gray-700 text-sm dark:text-neutral-200">Vehicle number</span><input x-model="vehicleNumber" type="text" required maxlength="255" autocomplete="off" placeholder="VAN-204" class="mt-1 px-3 py-2 w-full font-mono text-gray-900 text-sm uppercase dark:text-white bg-white dark:bg-neutral-900 border border-gray-300 rounded-md dark:border-neutral-700" /></label>
@@ -114,7 +114,7 @@ function submit(): void {
   <template #footer>
     <div class="flex gap-2 justify-end w-full">
       <Button :disabled="busy()" variant="secondary" @click="emit('close')">Cancel</Button>
-      <Button type="submit" form="driver-form" :loading="busy()">{{ mode() === 'edit' ? 'Save changes' : 'Add driver' }}</Button>
+      <Button type="submit" form="courier-form" :loading="busy()">{{ mode() === 'edit' ? 'Save changes' : 'Add courier' }}</Button>
     </div>
   </template>
 </Modal>

package/resources/components/Dashboard/Commerce/Delivery/{DriversDashboard.stx → CouriersDashboard.stx}

@@ -2,7 +2,7 @@
 import { dashboardApi } from '../../../../../functions/dashboard-api'
 import { pushToast } from '../../../../../functions/toasts'
 
-type DriverStatus = 'active' | 'on_delivery' | 'on_break'
+type CourierStatus = 'active' | 'on_delivery' | 'on_break'
 
 interface UserOption {
   id: number
@@ -14,27 +14,27 @@ interface UserIndexResponse {
   users: UserOption[]
 }
 
-interface DriverRecord {
+interface CourierRecord {
   id: number
   name: string
   phone: string
   vehicle_number: string
   license: string
-  status: DriverStatus
+  status: CourierStatus
   user_id?: number | null
   user?: UserOption
 }
 
-interface DriverPayload {
+interface CourierPayload {
   name: string
   phone: string
   vehicleNumber: string
   license: string
-  status: DriverStatus
+  status: CourierStatus
   userId: number | null
 }
 
-const records = state<DriverRecord[]>([])
+const records = state<CourierRecord[]>([])
 const users = state<UserOption[]>([])
 const loading = state(true)
 const loadError = state('')
@@ -43,10 +43,10 @@ const page = state(1)
 const perPage = state(10)
 const editorOpen = state(false)
 const editorMode = state<'create' | 'edit'>('create')
-const editing = state<DriverRecord | null>(null)
+const editing = state<CourierRecord | null>(null)
 const saving = state(false)
 const editorError = state('')
-const deleting = state<DriverRecord | null>(null)
+const deleting = state<CourierRecord | null>(null)
 const deleteBusy = state(false)
 const deleteError = state('')
 
@@ -54,14 +54,14 @@ function userFor(id?: number | null): UserOption | undefined {
   return id ? users().find(user => user.id === id) : undefined
 }
 
-function withUser(record: DriverRecord): DriverRecord {
+function withUser(record: CourierRecord): CourierRecord {
   return {
     ...record,
     user: userFor(record.user_id) || record.user,
   }
 }
 
-function filteredRecords(): DriverRecord[] {
+function filteredRecords(): CourierRecord[] {
   const query = search().trim().toLowerCase()
   if (!query)
     return records()
@@ -76,43 +76,43 @@ function filteredRecords(): DriverRecord[] {
   ].some(value => String(value || '').toLowerCase().includes(query)))
 }
 
-function paginatedRecords(): DriverRecord[] {
+function paginatedRecords(): CourierRecord[] {
   const start = (page() - 1) * perPage()
   return filteredRecords().slice(start, start + perPage())
 }
 
-function statusCount(status: DriverStatus): number {
+function statusCount(status: CourierStatus): number {
   return records().filter(record => record.status === status).length
 }
 
 function metricCards(): Array<{ label: string, value: string, detail: string }> {
   return [
-    { label: 'Drivers', value: records().length.toLocaleString(), detail: 'Persisted Driver records' },
+    { label: 'Couriers', value: records().length.toLocaleString(), detail: 'Persisted Courier records' },
     { label: 'Available', value: statusCount('active').toLocaleString(), detail: 'Ready for assignment' },
     { label: 'On delivery', value: statusCount('on_delivery').toLocaleString(), detail: 'Currently operating' },
     { label: 'On break', value: statusCount('on_break').toLocaleString(), detail: `${records().filter(record => record.user_id).length} linked users` },
   ]
 }
 
-async function loadDrivers(): Promise<void> {
+async function loadCouriers(): Promise<void> {
   loading.set(true)
   loadError.set('')
   try {
-    const [driverData, userData] = await Promise.all([
-      dashboardApi<DriverRecord[]>('/api/dashboard/commerce/drivers'),
+    const [courierData, userData] = await Promise.all([
+      dashboardApi<CourierRecord[]>('/api/dashboard/commerce/couriers'),
       dashboardApi<UserIndexResponse>('/api/dashboard/data/users'),
     ])
-    if (!Array.isArray(driverData) || !Array.isArray(userData?.users))
-      throw new TypeError('Driver resources were not returned in the expected shape.')
+    if (!Array.isArray(courierData) || !Array.isArray(userData?.users))
+      throw new TypeError('Courier resources were not returned in the expected shape.')
     users.set(userData.users)
-    records.set(driverData.map(withUser))
+    records.set(courierData.map(withUser))
     const lastPage = Math.max(1, Math.ceil(filteredRecords().length / perPage()))
     if (page() > lastPage)
       page.set(lastPage)
   }
   catch (error) {
     loadError.set(error instanceof Error ? error.message : String(error))
-    pushToast('error', 'Could not load drivers', { detail: loadError() })
+    pushToast('error', 'Could not load couriers', { detail: loadError() })
   }
   finally {
     loading.set(false)
@@ -131,7 +131,7 @@ function openCreate(): void {
   editorOpen.set(true)
 }
 
-function openEdit(record: DriverRecord): void {
+function openEdit(record: CourierRecord): void {
   editing.set(record)
   editorMode.set('edit')
   editorError.set('')
@@ -150,15 +150,15 @@ function setEditorError(message: string): void {
   editorError.set(message)
 }
 
-async function saveDriver(payload: DriverPayload): Promise<void> {
+async function saveCourier(payload: CourierPayload): Promise<void> {
   saving.set(true)
   editorError.set('')
   try {
     const current = editing()
-    const updated = await dashboardApi<DriverRecord>(
+    const updated = await dashboardApi<CourierRecord>(
       current
-        ? `/api/dashboard/commerce/drivers/${current.id}`
-        : '/api/dashboard/commerce/drivers',
+        ? `/api/dashboard/commerce/couriers/${current.id}`
+        : '/api/dashboard/commerce/couriers',
       {
         method: current ? 'PATCH' : 'POST',
         body: payload,
@@ -175,7 +175,7 @@ async function saveDriver(payload: DriverPayload): Promise<void> {
     }
     editorOpen.set(false)
     editing.set(null)
-    pushToast('success', current ? 'Driver updated' : 'Driver added', { detail: hydrated.name })
+    pushToast('success', current ? 'Courier updated' : 'Courier added', { detail: hydrated.name })
   }
   catch (error) {
     editorError.set(error instanceof Error ? error.message : String(error))
@@ -185,7 +185,7 @@ async function saveDriver(payload: DriverPayload): Promise<void> {
   }
 }
 
-function requestDelete(record: DriverRecord): void {
+function requestDelete(record: CourierRecord): void {
   deleting.set(record)
   deleteError.set('')
 }
@@ -204,7 +204,7 @@ async function confirmDelete(): Promise<void> {
   deleteBusy.set(true)
   deleteError.set('')
   try {
-    await dashboardApi(`/api/dashboard/commerce/drivers/${current.id}`, {
+    await dashboardApi(`/api/dashboard/commerce/couriers/${current.id}`, {
       method: 'DELETE',
     })
     records.set(records().filter(record => record.id !== current.id))
@@ -212,7 +212,7 @@ async function confirmDelete(): Promise<void> {
     const lastPage = Math.max(1, Math.ceil(filteredRecords().length / perPage()))
     if (page() > lastPage)
       page.set(lastPage)
-    pushToast('success', 'Driver deleted', { detail: current.name })
+    pushToast('success', 'Courier deleted', { detail: current.name })
   }
   catch (error) {
     deleteError.set(error instanceof Error ? error.message : String(error))
@@ -227,42 +227,42 @@ function goToPage(value: number): void {
 }
 
 onMount(() => {
-  void loadDrivers()
+  void loadCouriers()
 })
 </script>
 
 <div class="space-y-6">
-  <TabNavigation model-value="drivers" />
+  <TabNavigation model-value="couriers" />
 
   <header class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
     <div>
-      <h1 class="font-bold text-2xl text-gray-900 dark:text-white">Delivery drivers</h1>
-      <p class="mt-1 text-gray-500 text-sm dark:text-neutral-400">Manage driver availability, vehicles, licenses, and optional user accounts.</p>
+      <h1 class="font-bold text-2xl text-gray-900 dark:text-white">Delivery couriers</h1>
+      <p class="mt-1 text-gray-500 text-sm dark:text-neutral-400">Manage courier availability, vehicles, licenses, and optional user accounts.</p>
     </div>
     <div class="flex gap-2">
-      <Button :loading="loading()" variant="secondary" @click="loadDrivers()"><span :if="!loading()" aria-hidden="true" class="h-4 w-4 i-hugeicons-refresh"></span>Refresh</Button>
-      <Button :disabled="loading()" @click="openCreate()"><span aria-hidden="true" class="h-4 w-4 i-hugeicons-add-01"></span>Add driver</Button>
+      <Button :loading="loading()" variant="secondary" @click="loadCouriers()"><span :if="!loading()" aria-hidden="true" class="h-4 w-4 i-hugeicons-refresh"></span>Refresh</Button>
+      <Button :disabled="loading()" @click="openCreate()"><span aria-hidden="true" class="h-4 w-4 i-hugeicons-add-01"></span>Add courier</Button>
     </div>
   </header>
 
-  <div :if="loadError()" class="flex gap-4 items-center justify-between p-4 text-red-700 text-sm dark:text-red-300 bg-red-50 dark:bg-red-950/30 border border-red-200 rounded-lg dark:border-red-900"><span>{{ loadError() }}</span><Button variant="secondary" size="sm" @click="loadDrivers()">Retry</Button></div>
+  <div :if="loadError()" class="flex gap-4 items-center justify-between p-4 text-red-700 text-sm dark:text-red-300 bg-red-50 dark:bg-red-950/30 border border-red-200 rounded-lg dark:border-red-900"><span>{{ loadError() }}</span><Button variant="secondary" size="sm" @click="loadCouriers()">Retry</Button></div>
 
-  <section aria-label="Driver metrics" class="grid gap-3 grid-cols-1 sm:grid-cols-2 xl:grid-cols-4">
+  <section aria-label="Courier metrics" class="grid gap-3 grid-cols-1 sm:grid-cols-2 xl:grid-cols-4">
     <template :for="item in metricCards()" :key="item.label"><article class="p-4 bg-white dark:bg-neutral-800 border border-gray-200 rounded-lg dark:border-neutral-700"><p class="text-gray-500 text-xs dark:text-neutral-400">{{ item.label }}</p><p class="mt-2 font-semibold text-2xl text-gray-900 dark:text-white">{{ item.value }}</p><p class="mt-1 text-gray-400 text-xs dark:text-neutral-500">{{ item.detail }}</p></article></template>
   </section>
 
   <section class="overflow-hidden bg-white dark:bg-neutral-800 border border-gray-200 rounded-xl dark:border-neutral-700">
     <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between px-4 py-4 border-b border-gray-200 dark:border-neutral-700">
-      <div><h2 class="font-semibold text-gray-900 dark:text-white">Driver roster</h2><p class="mt-0.5 text-gray-500 text-xs dark:text-neutral-400">{{ filteredRecords().length }} matching records</p></div>
-      <SearchFilter placeholder="Search drivers" class="w-full sm:w-80" @search="handleSearch" />
+      <div><h2 class="font-semibold text-gray-900 dark:text-white">Courier roster</h2><p class="mt-0.5 text-gray-500 text-xs dark:text-neutral-400">{{ filteredRecords().length }} matching records</p></div>
+      <SearchFilter placeholder="Search couriers" class="w-full sm:w-80" @search="handleSearch" />
     </div>
-    <div :if="loading()" class="flex items-center justify-center py-24 text-gray-500 text-sm dark:text-neutral-400"><span class="mr-2 h-4 w-4 animate-spin i-hugeicons-loading-03"></span>Loading drivers</div>
-    <DriversTable :if="!loading()" :drivers="paginatedRecords()" @edit="openEdit" @delete="requestDelete" />
+    <div :if="loading()" class="flex items-center justify-center py-24 text-gray-500 text-sm dark:text-neutral-400"><span class="mr-2 h-4 w-4 animate-spin i-hugeicons-loading-03"></span>Loading couriers</div>
+    <CouriersTable :if="!loading()" :couriers="paginatedRecords()" @edit="openEdit" @delete="requestDelete" />
     <div :if="!loading()" class="px-4 py-3 bg-gray-50 dark:bg-neutral-900/50 border-gray-200 border-t dark:border-neutral-700">
       <DeliveryPagination :current-page="page()" :total-items="filteredRecords().length" :items-per-page="perPage()" @select="goToPage" />
     </div>
   </section>
 </div>
 
-<DriverDialog :open="editorOpen()" :mode="editorMode()" :record="editing()" :users="users()" :busy="saving()" :error="editorError()" @submit="saveDriver" @invalid="setEditorError" @close="closeEditor()" />
-<DriverDeleteDialog :open="Boolean(deleting())" :record="deleting()" :busy="deleteBusy()" :error="deleteError()" @confirm="confirmDelete()" @close="closeDelete()" />
+<CourierDialog :open="editorOpen()" :mode="editorMode()" :record="editing()" :users="users()" :busy="saving()" :error="editorError()" @submit="saveCourier" @invalid="setEditorError" @close="closeEditor()" />
+<CourierDeleteDialog :open="Boolean(deleting())" :record="deleting()" :busy="deleteBusy()" :error="deleteError()" @confirm="confirmDelete()" @close="closeDelete()" />

package/resources/components/Dashboard/Commerce/Delivery/{DriversTable.stx → CouriersTable.stx}

@@ -1,21 +1,21 @@
 <script client>
-type DriverStatus = 'active' | 'on_delivery' | 'on_break'
+type CourierStatus = 'active' | 'on_delivery' | 'on_break'
 
-interface DriverRow {
+interface CourierRow {
   id: number
   name: string
   phone: string
   vehicle_number: string
   license: string
-  status: DriverStatus
+  status: CourierStatus
   user_id?: number | null
   user?: { id: number, name: string, email?: string }
 }
 
-const drivers = useReactiveProp('drivers', [] as DriverRow[])
+const couriers = useReactiveProp('couriers', [] as CourierRow[])
 const emit = defineEmits()
 
-function statusLabel(status: DriverStatus): string {
+function statusLabel(status: CourierStatus): string {
   return {
     active: 'Available',
     on_delivery: 'On delivery',
@@ -23,7 +23,7 @@ function statusLabel(status: DriverStatus): string {
   }[status] || status
 }
 
-function statusClass(status: DriverStatus): string {
+function statusClass(status: CourierStatus): string {
   if (status === 'active')
     return 'bg-green-50 text-green-700 ring-green-600/20 dark:bg-green-900/30 dark:text-green-300'
   if (status === 'on_delivery')
@@ -36,7 +36,7 @@ function statusClass(status: DriverStatus): string {
   <table class="min-w-full divide-stone-100 divide-y dark:divide-neutral-700">
     <thead class="bg-stone-50/80 dark:bg-neutral-800">
       <tr>
-        <th scope="col" class="pl-6 pr-3 py-3.5 font-semibold text-left text-stone-500 text-xs tracking-wider uppercase dark:text-neutral-400">Driver</th>
+        <th scope="col" class="pl-6 pr-3 py-3.5 font-semibold text-left text-stone-500 text-xs tracking-wider uppercase dark:text-neutral-400">Courier</th>
         <th scope="col" class="px-4 py-3.5 font-semibold text-left text-stone-500 text-xs tracking-wider uppercase dark:text-neutral-400">Phone</th>
         <th scope="col" class="px-4 py-3.5 font-semibold text-left text-stone-500 text-xs tracking-wider uppercase dark:text-neutral-400">Vehicle</th>
         <th scope="col" class="px-4 py-3.5 font-semibold text-left text-stone-500 text-xs tracking-wider uppercase dark:text-neutral-400">License</th>
@@ -48,26 +48,26 @@ function statusClass(status: DriverStatus): string {
       </tr>
     </thead>
     <tbody class="bg-white dark:bg-neutral-800 divide-stone-100 divide-y dark:divide-neutral-700">
-      <template :for="driver in drivers" :key="driver.id">
+      <template :for="courier in couriers" :key="courier.id">
         <tr class="hover:bg-stone-50/50 dark:hover:bg-neutral-700/50 transition-colors">
           <td class="pl-6 pr-3 py-3.5 font-medium text-sm text-stone-800 whitespace-nowrap dark:text-white">
-            {{ driver.name }}
+            {{ courier.name }}
           </td>
           <td class="px-4 py-3.5 text-sm text-stone-500 whitespace-nowrap dark:text-neutral-300">
-            {{ driver.phone }}
+            {{ courier.phone }}
           </td>
           <td class="px-4 py-3.5 font-mono text-sm text-stone-500 whitespace-nowrap dark:text-neutral-300">
-            {{ driver.vehicle_number }}
+            {{ courier.vehicle_number }}
           </td>
           <td class="px-4 py-3.5 font-mono text-sm text-stone-500 whitespace-nowrap dark:text-neutral-300">
-            {{ driver.license }}
+            {{ courier.license }}
           </td>
           <td class="px-4 py-3.5 text-sm text-stone-500 whitespace-nowrap dark:text-neutral-300">
-            {{ driver.user?.name || (driver.user_id ? 'User #' + driver.user_id : 'Not linked') }}
+            {{ courier.user?.name || (courier.user_id ? 'User #' + courier.user_id : 'Not linked') }}
           </td>
           <td class="px-4 py-3.5 text-sm whitespace-nowrap">
-            <span :class="'inline-flex items-center px-2 py-1 font-medium text-xs ring-1 ring-inset rounded-md ' + statusClass(driver.status)">
-              {{ statusLabel(driver.status) }}
+            <span :class="'inline-flex items-center px-2 py-1 font-medium text-xs ring-1 ring-inset rounded-md ' + statusClass(courier.status)">
+              {{ statusLabel(courier.status) }}
             </span>
           </td>
           <td class="relative pl-3 pr-6 py-3.5 font-medium text-right text-sm whitespace-nowrap">
@@ -75,8 +75,8 @@ function statusClass(status: DriverStatus): string {
               variant="ghost"
               size="sm"
               iconOnly
-              @click="emit('edit', driver)"
-              :ariaLabel="'Edit driver ' + driver.name + ', record ' + driver.id"
+              @click="emit('edit', courier)"
+              :ariaLabel="'Edit courier ' + courier.name + ', record ' + courier.id"
             >
               <span class="block h-4 w-4 text-blue-500 i-hugeicons-edit-01"></span>
             </Button>
@@ -84,8 +84,8 @@ function statusClass(status: DriverStatus): string {
               variant="ghost"
               size="sm"
               iconOnly
-              @click="emit('delete', driver)"
-              :ariaLabel="'Delete driver ' + driver.name + ', record ' + driver.id"
+              @click="emit('delete', courier)"
+              :ariaLabel="'Delete courier ' + courier.name + ', record ' + courier.id"
             >
               <span class="block h-4 w-4 text-red-500 i-hugeicons-waste"></span>
             </Button>
@@ -93,9 +93,9 @@ function statusClass(status: DriverStatus): string {
         </tr>
       </template>
 
-      <tr :if="drivers().length === 0">
+      <tr :if="couriers().length === 0">
         <td colspan="7" class="px-6 py-12 text-center text-sm text-stone-500 dark:text-neutral-400">
-          No drivers found.
+          No couriers found.
         </td>
       </tr>
     </tbody>

package/resources/components/Dashboard/Commerce/Delivery/DeliveryOverviewDashboard.stx

@@ -10,7 +10,7 @@ interface DeliveryStat {
 
 interface DeliveryRoute {
   id: number
-  driver: string
+  courier: string
   vehicle: string
   stops: number
   duration: string
@@ -34,7 +34,7 @@ interface ShippingZone {
   regions: number
 }
 
-interface DriverSummary {
+interface CourierSummary {
   total: number
   active: number
   onDelivery: number
@@ -46,14 +46,14 @@ interface DeliveryOverviewResponse {
   routes: DeliveryRoute[]
   methods: ShippingMethod[]
   zones: ShippingZone[]
-  drivers: DriverSummary
+  couriers: CourierSummary
 }
 
 const stats = state<DeliveryStat[]>([])
 const routes = state<DeliveryRoute[]>([])
 const methods = state<ShippingMethod[]>([])
 const zones = state<ShippingZone[]>([])
-const drivers = state<DriverSummary>({
+const couriers = state<CourierSummary>({
   total: 0,
   active: 0,
   onDelivery: 0,
@@ -65,7 +65,7 @@ const loadError = state('')
 function statIcon(label: string): string {
   const icons: Record<string, string> = {
     'Active Routes': 'i-hugeicons-route-02',
-    'Drivers on Delivery': 'i-hugeicons-delivery-truck-02',
+    'Couriers on Delivery': 'i-hugeicons-delivery-truck-02',
     'Average Route': 'i-hugeicons-clock-01',
     'Active Zones': 'i-hugeicons-maps-global-02',
   }
@@ -114,7 +114,7 @@ async function loadOverview(): Promise<void> {
       || !Array.isArray(data.routes)
       || !Array.isArray(data.methods)
       || !Array.isArray(data.zones)
-      || !data.drivers
+      || !data.couriers
     ) {
       throw new TypeError('Delivery resources were not returned in the expected shape.')
     }
@@ -123,7 +123,7 @@ async function loadOverview(): Promise<void> {
     routes.set(data.routes)
     methods.set(data.methods)
     zones.set(data.zones)
-    drivers.set(data.drivers)
+    couriers.set(data.couriers)
   }
   catch (error) {
     loadError.set(error instanceof Error ? error.message : String(error))
@@ -145,7 +145,7 @@ onMount(() => {
   <header class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
     <div>
       <h1 class="font-bold text-2xl text-gray-900 dark:text-white">Delivery</h1>
-      <p class="mt-1 text-gray-500 text-sm dark:text-neutral-400">Monitor active routes, driver availability, shipping methods, and coverage.</p>
+      <p class="mt-1 text-gray-500 text-sm dark:text-neutral-400">Monitor active routes, courier availability, shipping methods, and coverage.</p>
     </div>
     <div class="flex gap-2">
       <Button :loading="loading()" variant="secondary" @click="loadOverview()">
@@ -211,7 +211,7 @@ onMount(() => {
           <table class="min-w-full divide-gray-200 divide-y dark:divide-neutral-700">
             <thead class="bg-gray-50 dark:bg-neutral-900/40">
               <tr>
-                <th scope="col" class="px-5 py-3 font-medium text-gray-500 text-left text-xs tracking-wide uppercase dark:text-neutral-400">Driver</th>
+                <th scope="col" class="px-5 py-3 font-medium text-gray-500 text-left text-xs tracking-wide uppercase dark:text-neutral-400">Courier</th>
                 <th scope="col" class="px-4 py-3 font-medium text-gray-500 text-left text-xs tracking-wide uppercase dark:text-neutral-400">Plan</th>
                 <th scope="col" class="px-4 py-3 font-medium text-gray-500 text-left text-xs tracking-wide uppercase dark:text-neutral-400">Distance</th>
                 <th scope="col" class="px-5 py-3 font-medium text-gray-500 text-right text-xs tracking-wide uppercase dark:text-neutral-400">Last active</th>
@@ -221,7 +221,7 @@ onMount(() => {
               <template :for="route in routes()" :key="route.id">
                 <tr class="hover:bg-gray-50/70 dark:hover:bg-neutral-700/40">
                   <td class="px-5 py-3.5">
-                    <p class="font-medium text-gray-900 text-sm dark:text-white">{{ route.driver }}</p>
+                    <p class="font-medium text-gray-900 text-sm dark:text-white">{{ route.courier }}</p>
                     <p class="mt-0.5 text-gray-500 text-xs dark:text-neutral-400">{{ route.vehicle }}</p>
                   </td>
                   <td class="px-4 py-3.5 text-gray-600 text-sm whitespace-nowrap dark:text-neutral-300">
@@ -243,30 +243,30 @@ onMount(() => {
         <div class="flex items-start justify-between">
           <div>
             <h2 class="font-semibold">Fleet availability</h2>
-            <p class="mt-1 text-sm text-stone-400">Current persisted driver statuses.</p>
+            <p class="mt-1 text-sm text-stone-400">Current persisted courier statuses.</p>
           </div>
           <span class="h-5 w-5 text-blue-400 i-hugeicons-delivery-truck-02"></span>
         </div>
         <div class="mt-7">
-          <p class="font-semibold tabular-nums text-4xl tracking-tight">{{ drivers().total }}</p>
-          <p class="mt-1 text-sm text-stone-400">Drivers in the fleet</p>
+          <p class="font-semibold tabular-nums text-4xl tracking-tight">{{ couriers().total }}</p>
+          <p class="mt-1 text-sm text-stone-400">Couriers in the fleet</p>
         </div>
         <dl class="mt-7 space-y-3">
           <div class="flex items-center justify-between py-2 border-b border-stone-800">
             <dt class="flex gap-2 items-center text-sm text-stone-300"><span class="h-2 w-2 bg-emerald-400 rounded-full"></span>Available</dt>
-            <dd class="font-semibold tabular-nums">{{ drivers().active }}</dd>
+            <dd class="font-semibold tabular-nums">{{ couriers().active }}</dd>
           </div>
           <div class="flex items-center justify-between py-2 border-b border-stone-800">
             <dt class="flex gap-2 items-center text-sm text-stone-300"><span class="h-2 w-2 bg-blue-400 rounded-full"></span>On delivery</dt>
-            <dd class="font-semibold tabular-nums">{{ drivers().onDelivery }}</dd>
+            <dd class="font-semibold tabular-nums">{{ couriers().onDelivery }}</dd>
           </div>
           <div class="flex items-center justify-between py-2">
             <dt class="flex gap-2 items-center text-sm text-stone-300"><span class="h-2 w-2 bg-amber-400 rounded-full"></span>On break</dt>
-            <dd class="font-semibold tabular-nums">{{ drivers().onBreak }}</dd>
+            <dd class="font-semibold tabular-nums">{{ couriers().onBreak }}</dd>
           </div>
         </dl>
-        <a href="/commerce/delivery/drivers" class="inline-flex gap-2 items-center mt-6 font-semibold text-blue-300 text-sm hover:text-blue-200">
-          Manage drivers
+        <a href="/commerce/delivery/couriers" class="inline-flex gap-2 items-center mt-6 font-semibold text-blue-300 text-sm hover:text-blue-200">
+          Manage couriers
           <span class="h-4 w-4 i-hugeicons-arrow-right-01"></span>
         </a>
       </section>

package/resources/components/Dashboard/Commerce/Delivery/DeliveryRouteDeleteDialog.stx

@@ -1,7 +1,7 @@
 <script client>
 interface DeliveryRouteRecord {
   id: number
-  driver: string
+  courier: string
 }
 
 const open = useReactiveProp('open', false)
@@ -9,7 +9,7 @@ const record = useReactiveProp('record', null as DeliveryRouteRecord | null)
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
 const emit = defineEmits()
-const description = derived(() => `Delete route #${record()?.id} for ${record()?.driver || 'the selected driver'} permanently.`)
+const description = derived(() => `Delete route #${record()?.id} for ${record()?.courier || 'the selected courier'} permanently.`)
 </script>
 
 <ConfirmDialog