diff --git a/frontend/.gitignore b/frontend/.gitignore
index b482045..5fd4f20 100644
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -4,3 +4,6 @@ dist/
 *.local
 dev-server*.log
 
+# Image-generation source files retained locally for asset iteration.
+/src/assets/img/weather-icons/source/
+
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 97b52bb..8830222 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -116,6 +116,7 @@ type CalendarReminderData = {
 const REFERENCE_VIEWPORT_WIDTH = 1920
 const REFERENCE_VIEWPORT_HEIGHT = 1080
 const PHONE_BASE_SCALE = 0.69
+const DEVELOPMENT_PHONE_SCALE = 1.25
 const isDevelopment = import.meta.env.DEV
 
 const phone = usePhoneStore()
@@ -145,7 +146,10 @@ const controlCenterOpened = ref(false)
 const simPicker = ref<SimPickerPayload | null>(null)
 const systemColorScheme = window.matchMedia('(prefers-color-scheme: dark)')
 const viewportScale = ref(getViewportScale())
-const phoneBaseZoom = computed(() => viewportScale.value * PHONE_BASE_SCALE)
+const phoneBaseZoom = computed(() =>
+  viewportScale.value *
+  (isDevelopment ? DEVELOPMENT_PHONE_SCALE : PHONE_BASE_SCALE),
+)
 const phoneResolutionStyle = computed<CSSProperties>(() => ({
   '--phone-edge-gap': `${24 * viewportScale.value}px`,
   '--phone-stack-gap': `${16 * viewportScale.value}px`,
diff --git a/frontend/src/assets/img/app-icons/garage.svg b/frontend/src/assets/img/app-icons/garage.svg
new file mode 100644
index 0000000..85e2abb
--- /dev/null
+++ b/frontend/src/assets/img/app-icons/garage.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" role="img" aria-label="Garage">
+  <defs>
+    <linearGradient id="garage-bg" x1="18" y1="8" x2="112" y2="122" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#62ddff"/>
+      <stop offset="0.5" stop-color="#287cff"/>
+      <stop offset="1" stop-color="#1643aa"/>
+    </linearGradient>
+    <linearGradient id="garage-car" x1="39" y1="53" x2="92" y2="94" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#fff"/>
+      <stop offset="1" stop-color="#dbeaff"/>
+    </linearGradient>
+  </defs>
+  <rect width="128" height="128" rx="29" fill="url(#garage-bg)"/>
+  <path d="M25 56 64 29l39 27v44a5 5 0 0 1-5 5H30a5 5 0 0 1-5-5V56Z" fill="#fff" fill-opacity=".22" stroke="#fff" stroke-width="5" stroke-linejoin="round"/>
+  <path d="M37 68h54v37H37V68Z" fill="#1759c8" fill-opacity=".72"/>
+  <path d="m45 82 5-13a6 6 0 0 1 6-4h17a6 6 0 0 1 6 4l5 13 5 5v9a4 4 0 0 1-4 4h-3a4 4 0 0 1-4-4H51a4 4 0 0 1-4 4h-3a4 4 0 0 1-4-4v-9l5-5Z" fill="url(#garage-car)"/>
+  <path d="M49 81h30l-4-10a3 3 0 0 0-3-2H56a3 3 0 0 0-3 2l-4 10Z" fill="#4f9cff"/>
+  <circle cx="50" cy="90" r="4" fill="#287cff"/>
+  <circle cx="78" cy="90" r="4" fill="#287cff"/>
+</svg>
diff --git a/frontend/src/assets/img/weather-icons/clear.webp b/frontend/src/assets/img/weather-icons/clear.webp
new file mode 100644
index 0000000..ea4240c
Binary files /dev/null and b/frontend/src/assets/img/weather-icons/clear.webp differ
diff --git a/frontend/src/assets/img/weather-icons/cloudy.webp b/frontend/src/assets/img/weather-icons/cloudy.webp
new file mode 100644
index 0000000..3f2bc55
Binary files /dev/null and b/frontend/src/assets/img/weather-icons/cloudy.webp differ
diff --git a/frontend/src/assets/img/weather-icons/fog.webp b/frontend/src/assets/img/weather-icons/fog.webp
new file mode 100644
index 0000000..c8b0c59
Binary files /dev/null and b/frontend/src/assets/img/weather-icons/fog.webp differ
diff --git a/frontend/src/assets/img/weather-icons/partly_cloudy.webp b/frontend/src/assets/img/weather-icons/partly_cloudy.webp
new file mode 100644
index 0000000..4015ca9
Binary files /dev/null and b/frontend/src/assets/img/weather-icons/partly_cloudy.webp differ
diff --git a/frontend/src/assets/img/weather-icons/rain.webp b/frontend/src/assets/img/weather-icons/rain.webp
new file mode 100644
index 0000000..93b3116
Binary files /dev/null and b/frontend/src/assets/img/weather-icons/rain.webp differ
diff --git a/frontend/src/assets/img/weather-icons/snow.webp b/frontend/src/assets/img/weather-icons/snow.webp
new file mode 100644
index 0000000..2579ced
Binary files /dev/null and b/frontend/src/assets/img/weather-icons/snow.webp differ
diff --git a/frontend/src/assets/img/weather-icons/sunny.webp b/frontend/src/assets/img/weather-icons/sunny.webp
new file mode 100644
index 0000000..d5a8ab3
Binary files /dev/null and b/frontend/src/assets/img/weather-icons/sunny.webp differ
diff --git a/frontend/src/assets/img/weather-icons/thunder.webp b/frontend/src/assets/img/weather-icons/thunder.webp
new file mode 100644
index 0000000..a61da1e
Binary files /dev/null and b/frontend/src/assets/img/weather-icons/thunder.webp differ
diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css
index 7d21444..cc0bbb3 100644
--- a/frontend/src/assets/main.css
+++ b/frontend/src/assets/main.css
@@ -1736,8 +1736,9 @@ button {
   height: 100%;
   overflow: hidden;
   background:
-    radial-gradient(circle at 92% 4%, rgb(45 118 255 / 28%), transparent 32%),
-    linear-gradient(160deg, #0c1834 0%, #080d1d 44%, #050710 100%) !important;
+    radial-gradient(ellipse at 50% -8%, rgb(26 185 187 / 34%), transparent 42%),
+    radial-gradient(circle at 92% 18%, rgb(45 118 255 / 24%), transparent 34%),
+    linear-gradient(180deg, #071a2a 0%, #081220 40%, #060910 100%) !important;
   color: #fff;
   isolation: isolate;
 }
@@ -1746,25 +1747,26 @@ button {
   position: absolute;
   z-index: -1;
   inset: 0;
-  background-image:
-    linear-gradient(rgb(255 255 255 / 2.4%) 1px, transparent 1px),
-    linear-gradient(90deg, rgb(255 255 255 / 2.4%) 1px, transparent 1px);
-  background-size: 42px 42px;
+  background:
+    radial-gradient(circle at 8% 54%, rgb(28 210 183 / 10%), transparent 31%),
+    radial-gradient(circle at 78% 72%, rgb(77 75 255 / 9%), transparent 30%),
+    linear-gradient(180deg, rgb(255 255 255 / 2.5%), transparent 32%);
   content: '';
-  mask-image: linear-gradient(to bottom, #000, transparent 66%);
+  pointer-events: none;
 }
 
 .banking-app__aurora {
   position: absolute;
   z-index: -1;
-  width: 240px;
-  height: 180px;
-  top: 160px;
-  left: -145px;
+  width: 270px;
+  height: 210px;
+  top: 92px;
+  right: -178px;
   border-radius: 50%;
-  background: #215dea;
-  filter: blur(78px);
-  opacity: 0.2;
+  background: #2c8cff;
+  filter: blur(88px);
+  opacity: 0.18;
+  pointer-events: none;
 }
 
 .banking-navbar {
@@ -1913,7 +1915,8 @@ button {
   color: #fff;
 }
 
-.banking-action--primary svg:last-child {
+.banking-action--primary > .lucide-chevron-right {
+  flex: 0 0 auto;
   margin-left: auto;
   opacity: 0.78;
 }
@@ -2112,6 +2115,29 @@ button {
 
 .banking-form-list { margin: 12px 0 0 !important; }
 
+.banking-contact-picker {
+  margin-top: 12px;
+}
+
+.banking-contact-picker > span {
+  display: block;
+  margin: 0 4px 6px;
+  color: rgb(213 225 248 / 52%);
+  font-size: 9px;
+}
+
+.banking-contact-picker > div {
+  max-height: 118px;
+  margin: 0 !important;
+  overflow-y: auto;
+}
+
+.banking-contact-picker > p {
+  margin: 0 4px;
+  color: rgb(213 225 248 / 42%);
+  font-size: 9px;
+}
+
 .banking-sheet__content .banking-form-error {
   margin: 10px 3px 0;
   color: #ff8b98;
@@ -2274,7 +2300,8 @@ button {
   font-size: 11px;
   font-weight: 650;
 }
-.weather-hour svg {
+.weather-hour svg,
+.weather-hour img {
   margin: 5px 0;
 }
 .weather-hour small {
@@ -2287,52 +2314,6 @@ button {
   margin-top: auto;
   font-size: 15px;
 }
-.weather-day {
-  display: grid;
-  align-items: center;
-  grid-template-columns: 55px 45px 28px 1fr 28px;
-  min-height: 48px;
-  margin: 0 12px;
-  border-bottom: 1px solid #ffffff18;
-  font-size: 13px;
-}
-.weather-day:last-child {
-  border-bottom: 0;
-}
-.weather-day > strong {
-  font-weight: 650;
-}
-.weather-day__condition {
-  position: relative;
-  display: grid;
-  place-items: center;
-}
-.weather-day__condition small {
-  position: absolute;
-  top: 29px;
-  color: #66d2ff;
-  font-size: 8px;
-  font-weight: 700;
-}
-.weather-day__low {
-  color: #ffffff7d;
-}
-.weather-day__range {
-  position: relative;
-  height: 4px;
-  margin: 0 4px;
-  overflow: hidden;
-  border-radius: 999px;
-  background: #07122755;
-}
-.weather-day__range i {
-  position: absolute;
-  left: var(--range-left);
-  width: var(--range-width);
-  height: 100%;
-  border-radius: inherit;
-  background: linear-gradient(90deg, #68d8ff, #7de4b7 55%, #ffd55e);
-}
 .weather-empty {
   position: absolute;
   inset: 90px 20px 25px;
@@ -2344,7 +2325,8 @@ button {
   color: #ffffffd9;
   text-align: center;
 }
-.weather-empty > svg {
+.weather-empty > svg,
+.weather-empty > img {
   opacity: 0.75;
 }
 .weather-spin {
diff --git a/frontend/src/components/PhoneHomeIndicator.vue b/frontend/src/components/PhoneHomeIndicator.vue
index 9618d40..823d2ae 100644
--- a/frontend/src/components/PhoneHomeIndicator.vue
+++ b/frontend/src/components/PhoneHomeIndicator.vue
@@ -6,17 +6,23 @@ import { usePhoneStore } from '@/stores/phone'
 const route = useRoute()
 const router = useRouter()
 const phone = usePhoneStore()
-const isApp = computed(() => route.name === 'app')
+const HOME_PAGE = 1
+const canGoHome = computed(
+  () => route.name !== 'home' || phone.currentPage !== HOME_PAGE,
+)
 
 function goHome(): void {
-  if (isApp.value) void router.push('/')
+  if (!canGoHome.value) return
+
+  phone.setCurrentPage(HOME_PAGE)
+  if (route.name !== 'home') void router.push('/')
 }
 </script>
 
 <template>
   <button
     class="phone-home-indicator"
-    :class="{ 'phone-home-indicator--interactive': isApp }"
+    :class="{ 'phone-home-indicator--interactive': canGoHome }"
     type="button"
     :aria-label="phone.t('Common.home')"
     @pointerdown.stop="goHome"
diff --git a/frontend/src/components/WeatherConditionIcon.vue b/frontend/src/components/WeatherConditionIcon.vue
new file mode 100644
index 0000000..dd3f182
--- /dev/null
+++ b/frontend/src/components/WeatherConditionIcon.vue
@@ -0,0 +1,61 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+
+import clearIcon from '@/assets/img/weather-icons/clear.webp'
+import cloudyIcon from '@/assets/img/weather-icons/cloudy.webp'
+import fogIcon from '@/assets/img/weather-icons/fog.webp'
+import partlyCloudyIcon from '@/assets/img/weather-icons/partly_cloudy.webp'
+import rainIcon from '@/assets/img/weather-icons/rain.webp'
+import snowIcon from '@/assets/img/weather-icons/snow.webp'
+import sunnyIcon from '@/assets/img/weather-icons/sunny.webp'
+import thunderIcon from '@/assets/img/weather-icons/thunder.webp'
+import type { WeatherConditionId } from '@/types/weather'
+
+const props = withDefaults(
+  defineProps<{
+    condition: WeatherConditionId
+    size?: number
+    timestamp?: number
+  }>(),
+  { size: 24, timestamp: undefined },
+)
+
+const icons: Record<WeatherConditionId, string> = {
+  sunny: sunnyIcon,
+  clear: clearIcon,
+  partly_cloudy: partlyCloudyIcon,
+  cloudy: cloudyIcon,
+  rain: rainIcon,
+  thunder: thunderIcon,
+  fog: fogIcon,
+  snow: snowIcon,
+}
+
+const iconSource = computed(() => {
+  if (props.condition !== 'clear' || props.timestamp === undefined) {
+    return icons[props.condition]
+  }
+
+  const hour = new Date(props.timestamp).getUTCHours()
+  return hour >= 7 && hour < 20 ? sunnyIcon : clearIcon
+})
+</script>
+
+<template>
+  <img
+    class="weather-condition-icon"
+    :src="iconSource"
+    :width="size"
+    :height="size"
+    alt=""
+    aria-hidden="true"
+    draggable="false"
+  />
+</template>
+
+<style scoped>
+.weather-condition-icon {
+  display: block;
+  object-fit: contain;
+}
+</style>
diff --git a/frontend/src/config/apps.test.ts b/frontend/src/config/apps.test.ts
index 6300ec9..be35e04 100644
--- a/frontend/src/config/apps.test.ts
+++ b/frontend/src/config/apps.test.ts
@@ -35,6 +35,12 @@ describe('app registry', () => {
       labelKey: 'Apps.banking.name',
       route: '/apps/banking',
     })
+    expect(PHONE_APPS.find((app) => app.id === 'garage')).toMatchObject({
+      category: 'utilities',
+      gridOrder: 23,
+      labelKey: 'Apps.garage.name',
+      route: '/apps/garage',
+    })
     expect(PHONE_APPS.find((app) => app.id === 'calendar')).toMatchObject({
       gridOrder: 21,
       labelKey: 'Apps.calendar.name',
diff --git a/frontend/src/config/apps.ts b/frontend/src/config/apps.ts
index cd073a2..540a012 100644
--- a/frontend/src/config/apps.ts
+++ b/frontend/src/config/apps.ts
@@ -3,6 +3,7 @@ import {
   Bomb,
   Blocks,
   Camera,
+  CarFront,
   CalendarDays,
   Clock3,
   Gamepad2,
@@ -50,6 +51,7 @@ import skyFlappyIcon from '@/assets/img/app-icons/sky-flappy.webp'
 import neonDropIcon from '@/assets/img/app-icons/neon-drop.webp'
 import weatherIcon from '@/assets/img/app-icons/weather.webp'
 import bankingIcon from '@/assets/img/app-icons/banking.svg'
+import garageIcon from '@/assets/img/app-icons/garage.svg'
 import citymarktIcon from '@/assets/img/app-icons/citymarkt.webp'
 import localPagesIcon from '@/assets/img/app-icons/local-pages.webp'
 import type {
@@ -143,6 +145,20 @@ export const PHONE_APPS: PhoneAppDefinition[] = [
     labelKey: 'Apps.darkchat.name',
     route: '/apps/darkchat',
   },
+  {
+    category: 'utilities',
+    component: markRaw(
+      defineAsyncComponent(() => import('@/views/apps/GarageApp.vue')),
+    ),
+    dockOrder: null,
+    gridOrder: 23,
+    icon: markRaw(CarFront),
+    iconClass: 'app-icon--garage',
+    iconImage: garageIcon,
+    id: 'garage',
+    labelKey: 'Apps.garage.name',
+    route: '/apps/garage',
+  },
   {
     category: 'utilities',
     component: markRaw(
diff --git a/frontend/src/stores/banking.test.ts b/frontend/src/stores/banking.test.ts
index db3d45a..338c39b 100644
--- a/frontend/src/stores/banking.test.ts
+++ b/frontend/src/stores/banking.test.ts
@@ -37,13 +37,13 @@ describe('banking store', () => {
     mockNuiCall.mockResolvedValueOnce({ data: updated, success: true })
     const banking = useBankingStore()
 
-    const response = await banking.perform('transfer', 1000, 17)
+    const response = await banking.perform('transfer', 1000, '5551234567')
 
     expect(response.success).toBe(true)
     expect(banking.overview?.bank).toBe(23787)
     expect(mockNuiCall).toHaveBeenCalledWith('banking:transfer', {
       amount: 1000,
-      target: 17,
+      phoneNumber: '5551234567',
     })
   })
 
@@ -55,7 +55,7 @@ describe('banking store', () => {
     const banking = useBankingStore()
     banking.overview = overview
 
-    await banking.perform('transfer', 50000, 17)
+    await banking.perform('transfer', 50000, '5551234567')
 
     expect(banking.overview).toEqual(overview)
     expect(banking.error).toBe('insufficient_funds')
diff --git a/frontend/src/stores/banking.ts b/frontend/src/stores/banking.ts
index 84fc79e..dab3572 100644
--- a/frontend/src/stores/banking.ts
+++ b/frontend/src/stores/banking.ts
@@ -25,12 +25,12 @@ export const useBankingStore = defineStore('banking', {
     async perform(
       action: BankingAction,
       amount: number,
-      target?: number,
+      phoneNumber?: string,
     ): Promise<NuiResponse<BankingOverview>> {
       this.isLoading = true
       const response = await nuiCall<BankingOverview>(`banking:${action}`, {
         amount,
-        ...(target === undefined ? {} : { target }),
+        ...(phoneNumber === undefined ? {} : { phoneNumber }),
       })
       this.isLoading = false
       if (response.success && response.data) {
diff --git a/frontend/src/stores/garage.test.ts b/frontend/src/stores/garage.test.ts
new file mode 100644
index 0000000..bf110b0
--- /dev/null
+++ b/frontend/src/stores/garage.test.ts
@@ -0,0 +1,102 @@
+import { createPinia, setActivePinia } from 'pinia'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+import { useGarageStore } from '@/stores/garage'
+import type { GarageOverview } from '@/types/garage'
+import { nuiCall } from '@/utils/nui'
+
+vi.mock('@/utils/nui', () => ({ nuiCall: vi.fn() }))
+
+const mockNuiCall = vi.mocked(nuiCall)
+const overview: GarageOverview = {
+  system: 'esx',
+  valet: {
+    account: 'bank',
+    enabled: true,
+    price: 750,
+    vehicleTypes: {
+      bike: true,
+      boat: false,
+      car: true,
+      helicopter: false,
+      plane: false,
+    },
+  },
+  vehicles: [
+    {
+      body: 91,
+      engine: 84,
+      fuel: 67,
+      id: 'SKY 204',
+      kind: 'car',
+      location: 'Legion Square',
+      model: 'sultan',
+      name: 'Karin Sultan',
+      nickname: '',
+      plate: 'SKY 204',
+      status: 'garaged',
+      vin: '',
+    },
+  ],
+}
+
+describe('garage store', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia())
+    mockNuiCall.mockReset()
+  })
+
+  it('loads the owned vehicles from the server', async () => {
+    mockNuiCall.mockResolvedValueOnce({ data: overview, success: true })
+    const garage = useGarageStore()
+
+    expect(await garage.load()).toBe(true)
+    expect(garage.overview).toEqual(overview)
+    expect(mockNuiCall).toHaveBeenCalledWith('garage:vehicles')
+  })
+
+  it('keeps the previous garage data when refreshing fails', async () => {
+    mockNuiCall.mockResolvedValueOnce({
+      error: 'garage_unavailable',
+      success: false,
+    })
+    const garage = useGarageStore()
+    garage.overview = overview
+
+    expect(await garage.load()).toBe(false)
+    expect(garage.overview).toEqual(overview)
+    expect(garage.error).toBe('garage_unavailable')
+  })
+
+  it('creates a server-backed valet order', async () => {
+    const valet = {
+      canCancel: true,
+      cost: 750,
+      distance: 1000,
+      etaSeconds: 50,
+      orderId: 'valet-1',
+      plate: 'SKY 204',
+      status: 'en_route' as const,
+      vehicleName: 'Karin Sultan',
+    }
+    mockNuiCall.mockResolvedValueOnce({ data: valet, success: true })
+    const garage = useGarageStore()
+
+    expect(await garage.requestValet('SKY 204')).toBe(true)
+    expect(garage.valet).toEqual(valet)
+    expect(mockNuiCall).toHaveBeenCalledWith('garage:valet-request', {
+      plate: 'SKY 204',
+    })
+  })
+
+  it('cancels an active valet order and refreshes the garage', async () => {
+    mockNuiCall
+      .mockResolvedValueOnce({ data: null, success: true })
+      .mockResolvedValueOnce({ data: overview, success: true })
+    const garage = useGarageStore()
+
+    expect(await garage.cancelValet()).toBe(true)
+    expect(garage.valet).toBeNull()
+    expect(mockNuiCall).toHaveBeenNthCalledWith(1, 'garage:valet-cancel')
+  })
+})
diff --git a/frontend/src/stores/garage.ts b/frontend/src/stores/garage.ts
new file mode 100644
index 0000000..72c1abd
--- /dev/null
+++ b/frontend/src/stores/garage.ts
@@ -0,0 +1,68 @@
+import { defineStore } from 'pinia'
+
+import type { GarageOverview, GarageValetState } from '@/types/garage'
+import { nuiCall } from '@/utils/nui'
+
+export const useGarageStore = defineStore('garage', {
+  state: () => ({
+    error: '',
+    isLoading: false,
+    isValetRequesting: false,
+    overview: null as GarageOverview | null,
+    valet: null as GarageValetState | null,
+    valetError: '',
+  }),
+  actions: {
+    async load(): Promise<boolean> {
+      this.isLoading = true
+      const response = await nuiCall<GarageOverview>('garage:vehicles')
+      this.isLoading = false
+      if (response.success && response.data) {
+        this.overview = response.data
+        this.error = ''
+        return true
+      }
+      this.error = response.error ?? 'request_failed'
+      return false
+    },
+    async syncValet(): Promise<void> {
+      const response = await nuiCall<GarageValetState | null>(
+        'garage:valet-state',
+      )
+      if (response.success) this.valet = response.data ?? null
+    },
+    async requestValet(plate: string): Promise<boolean> {
+      this.isValetRequesting = true
+      this.valetError = ''
+      const response = await nuiCall<GarageValetState>('garage:valet-request', {
+        plate,
+      })
+      this.isValetRequesting = false
+      if (response.success && response.data) {
+        this.valet = response.data
+        return true
+      }
+      this.valetError = response.error ?? 'request_failed'
+      return false
+    },
+    async cancelValet(): Promise<boolean> {
+      this.isValetRequesting = true
+      this.valetError = ''
+      const response = await nuiCall<GarageValetState | null>(
+        'garage:valet-cancel',
+      )
+      this.isValetRequesting = false
+      if (response.success) {
+        this.valet = response.data ?? null
+        void this.load()
+        return true
+      }
+      this.valetError = response.error ?? 'request_failed'
+      return false
+    },
+    setValetState(state: GarageValetState | null): void {
+      this.valet = state
+      if (state?.status === 'delivered') void this.load()
+    },
+  },
+})
diff --git a/frontend/src/stores/phone.ts b/frontend/src/stores/phone.ts
index 47a74e5..0b9d4c1 100644
--- a/frontend/src/stores/phone.ts
+++ b/frontend/src/stores/phone.ts
@@ -1,4 +1,3 @@
-
 import { defineStore } from 'pinia'
 
 import type { AppLaunchOrigin, LaunchablePhoneAppId } from '@/types/apps'
@@ -30,24 +29,122 @@ const namespaceQueues = new Map<string, Promise<void>>()
 const defaultLocales: LocaleTree = {
   Apps: {
     darkchat: {
-      name: 'DarkChat', newMessage: 'New DarkChat message from {sender}', privateNotification: 'New DarkChat message',
-      signInBody: 'DarkChat identities are linked to your private iFruit account.', signInHint: 'Sign in through Settings to continue.',
-      security: 'Security', privateNetwork: 'Private invitation-only network', noResults: 'No Results', noResultsBody: 'Try another alias or Dark-ID.',
-      noChats: 'No Private Chats', noChatsBody: 'Connect with a Dark-ID or invitation code. There is no public search.', newChat: 'New Chat',
-      connectPrivately: 'Connect privately', newChatBody: 'Enter an exact Dark-ID or invitation code. Unknown identities require confirmation.', darkIdOrInvite: 'Dark-ID or invitation code', continue: 'Continue', contacts: 'DarkChat Contacts', shareIdentity: 'Tap to share your private identity',
-      message: 'Dark message', activeNow: 'Activity shared', encryptedSession: 'Private session', serverPrivate: 'Private server-stored conversation',
-      emoji: 'Emoji', gif: 'GIF', gifs: 'GIFs', photo: 'Photo', video: 'Video', attachPhoto: 'Attach Photo', takePhoto: 'Take Photo', attachGif: 'Attach GIF', attachVideo: 'Attach Video', searchGifs: 'Search GIFs', loadMore: 'Load More',
-      voiceMessage: 'Voice message', sending: 'Sending', failed: 'Not delivered', delivered: 'Delivered', read: 'Read', replying: 'Replying to',
-      messageDeleted: 'Message deleted', securityUpdate: 'Security settings updated', timerChanged: 'Disappearing messages: {timer}',
-      timerOff: 'Off', timerAfterRead: 'After reading', timerMinute: '1 minute', timerFiveMinutes: '5 minutes', timerHour: '1 hour', timerDay: '24 hours', timerWeek: '7 days',
-      copied: 'Copied', reply: 'Reply', copy: 'Copy', deleteForMe: 'Delete for me', deleteForBoth: 'Delete for both', report: 'Report',
-      contactSecurity: 'Contact & Security', chatSince: 'Private chat since {date}', notifications: 'Notifications', readReceipts: 'Read receipts', disappearing: 'Disappearing messages', contactAlias: 'Contact alias', saveContact: 'Save Contact', addContact: 'Add Contact', contactSaved: 'Contact saved', removeContact: 'Remove Contact', block: 'Block User', unblock: 'Unblock User', clearChat: 'Clear Chat', chatCleared: 'Chat cleared',
-      myIdentity: 'My Dark Identity', alias: 'Alias', notificationPrivacy: 'Notification privacy', notificationFull: 'Full · alias and message', notificationPrivate: 'Private · generic message', notificationHidden: 'Invisible · badge only', shareActivity: 'Share activity status', inviteCode: 'Private invitation code', copyInvite: 'Copy Invite', privacyDisclaimer: 'DarkChat stores messages on the server and does not claim end-to-end encryption.',
-      unknownIdentity: 'Unknown Identity', unknownIdentityBody: 'Only continue if you expected this identity. The account is not discoverable through public search.', openSecureChat: 'Open Private Chat',
-      reportUser: 'Report User', reportSpam: 'Spam', reportHarassment: 'Harassment', reportThreats: 'Threats', reportIllegal: 'Illegal content', reportOther: 'Other', reportDetails: 'Optional details', submitReport: 'Submit Report', reported: 'Report submitted',
-      microphoneUnavailable: 'The microphone is unavailable.', recordingTooLarge: 'The voice message is too large.',
+      name: 'DarkChat',
+      newMessage: 'New DarkChat message from {sender}',
+      privateNotification: 'New DarkChat message',
+      signInBody:
+        'DarkChat identities are linked to your private iFruit account.',
+      signInHint: 'Sign in through Settings to continue.',
+      security: 'Security',
+      privateNetwork: 'Private invitation-only network',
+      noResults: 'No Results',
+      noResultsBody: 'Try another alias or Dark-ID.',
+      noChats: 'No Private Chats',
+      noChatsBody:
+        'Connect with a Dark-ID or invitation code. There is no public search.',
+      newChat: 'New Chat',
+      connectPrivately: 'Connect privately',
+      newChatBody:
+        'Enter an exact Dark-ID or invitation code. Unknown identities require confirmation.',
+      darkIdOrInvite: 'Dark-ID or invitation code',
+      continue: 'Continue',
+      contacts: 'DarkChat Contacts',
+      shareIdentity: 'Tap to share your private identity',
+      message: 'Dark message',
+      activeNow: 'Activity shared',
+      encryptedSession: 'Private session',
+      serverPrivate: 'Private server-stored conversation',
+      emoji: 'Emoji',
+      gif: 'GIF',
+      gifs: 'GIFs',
+      photo: 'Photo',
+      video: 'Video',
+      attachPhoto: 'Attach Photo',
+      takePhoto: 'Take Photo',
+      attachGif: 'Attach GIF',
+      attachVideo: 'Attach Video',
+      searchGifs: 'Search GIFs',
+      loadMore: 'Load More',
+      voiceMessage: 'Voice message',
+      sending: 'Sending',
+      failed: 'Not delivered',
+      delivered: 'Delivered',
+      read: 'Read',
+      replying: 'Replying to',
+      messageDeleted: 'Message deleted',
+      securityUpdate: 'Security settings updated',
+      timerChanged: 'Disappearing messages: {timer}',
+      timerOff: 'Off',
+      timerAfterRead: 'After reading',
+      timerMinute: '1 minute',
+      timerFiveMinutes: '5 minutes',
+      timerHour: '1 hour',
+      timerDay: '24 hours',
+      timerWeek: '7 days',
+      copied: 'Copied',
+      reply: 'Reply',
+      copy: 'Copy',
+      deleteForMe: 'Delete for me',
+      deleteForBoth: 'Delete for both',
+      report: 'Report',
+      contactSecurity: 'Contact & Security',
+      chatSince: 'Private chat since {date}',
+      notifications: 'Notifications',
+      readReceipts: 'Read receipts',
+      disappearing: 'Disappearing messages',
+      contactAlias: 'Contact alias',
+      saveContact: 'Save Contact',
+      addContact: 'Add Contact',
+      contactSaved: 'Contact saved',
+      removeContact: 'Remove Contact',
+      block: 'Block User',
+      unblock: 'Unblock User',
+      clearChat: 'Clear Chat',
+      chatCleared: 'Chat cleared',
+      myIdentity: 'My Dark Identity',
+      alias: 'Alias',
+      notificationPrivacy: 'Notification privacy',
+      notificationFull: 'Full · alias and message',
+      notificationPrivate: 'Private · generic message',
+      notificationHidden: 'Invisible · badge only',
+      shareActivity: 'Share activity status',
+      inviteCode: 'Private invitation code',
+      copyInvite: 'Copy Invite',
+      privacyDisclaimer:
+        'DarkChat stores messages on the server and does not claim end-to-end encryption.',
+      unknownIdentity: 'Unknown Identity',
+      unknownIdentityBody:
+        'Only continue if you expected this identity. The account is not discoverable through public search.',
+      openSecureChat: 'Open Private Chat',
+      reportUser: 'Report User',
+      reportSpam: 'Spam',
+      reportHarassment: 'Harassment',
+      reportThreats: 'Threats',
+      reportIllegal: 'Illegal content',
+      reportOther: 'Other',
+      reportDetails: 'Optional details',
+      submitReport: 'Submit Report',
+      reported: 'Report submitted',
+      microphoneUnavailable: 'The microphone is unavailable.',
+      recordingTooLarge: 'The voice message is too large.',
       errors: {
-        not_authenticated: 'Sign in to your iFruit account first.', invalid_dark_id: 'Enter a valid Dark-ID or invitation code.', profile_not_found: 'This private identity was not found.', self_chat: 'You cannot message your own identity.', conversation_not_found: 'This conversation is unavailable.', blocked: 'Messages are blocked in this conversation.', invalid_message: 'Enter a valid message.', invalid_gif: 'This GIF is invalid.', invalid_voice: 'This voice message is invalid.', invalid_attachment: 'This photo or video is unavailable.', invalid_profile: 'Check your alias and privacy settings.', rate_limited: 'Too many requests. Try again shortly.', gif_provider_unconfigured: 'GIF search is not configured.', gif_provider_unauthorized: 'The GIF provider key is invalid.', gif_provider_rate_limited: 'GIF search is busy. Try again shortly.', gif_provider_failed: 'GIFs are temporarily unavailable.', default: 'DarkChat could not complete the request.',
+        not_authenticated: 'Sign in to your iFruit account first.',
+        invalid_dark_id: 'Enter a valid Dark-ID or invitation code.',
+        profile_not_found: 'This private identity was not found.',
+        self_chat: 'You cannot message your own identity.',
+        conversation_not_found: 'This conversation is unavailable.',
+        blocked: 'Messages are blocked in this conversation.',
+        invalid_message: 'Enter a valid message.',
+        invalid_gif: 'This GIF is invalid.',
+        invalid_voice: 'This voice message is invalid.',
+        invalid_attachment: 'This photo or video is unavailable.',
+        invalid_profile: 'Check your alias and privacy settings.',
+        rate_limited: 'Too many requests. Try again shortly.',
+        gif_provider_unconfigured: 'GIF search is not configured.',
+        gif_provider_unauthorized: 'The GIF provider key is invalid.',
+        gif_provider_rate_limited: 'GIF search is busy. Try again shortly.',
+        gif_provider_failed: 'GIFs are temporarily unavailable.',
+        default: 'DarkChat could not complete the request.',
       },
     },
     messages: {
@@ -117,7 +214,8 @@ const defaultLocales: LocaleTree = {
         media_provider_unconfigured: 'Photo uploads are not configured.',
         capture_provider_unavailable: 'The screenshot resource is unavailable.',
         capture_failed: 'The photo could not be captured.',
-        video_provider_unavailable: 'Video capture requires the screencapture resource.',
+        video_provider_unavailable:
+          'Video capture requires the screencapture resource.',
         video_capture_failed: 'The video could not be recorded.',
         recording_in_progress: 'A video is already being recorded.',
         recording_not_found: 'No active video recording was found.',
@@ -288,8 +386,10 @@ const defaultLocales: LocaleTree = {
       refresh: 'Refresh banking data',
       unavailable: 'Banking unavailable',
       tryAgain: 'Try Again',
-      playerId: 'Player ID',
-      playerIdPlaceholder: 'Enter the recipient ID',
+      recipientPhone: 'Phone number',
+      recipientPhonePlaceholder: "Enter the recipient's number",
+      chooseContact: 'Choose from contacts',
+      noContacts: 'No contacts saved yet.',
       amount: 'Amount',
       amountPlaceholder: 'Enter an amount',
       transactions: {
@@ -306,7 +406,7 @@ const defaultLocales: LocaleTree = {
         },
       },
       errors: {
-        invalid_request: 'Enter a valid whole amount and player ID.',
+        invalid_request: 'Enter a valid phone number and whole amount.',
         insufficient_funds: 'There is not enough money in this account.',
         target_not_found: 'The recipient is not online.',
         self_transfer: 'You cannot send money to yourself.',
@@ -317,6 +417,105 @@ const defaultLocales: LocaleTree = {
         default: 'The banking request failed.',
       },
     },
+    garage: {
+      name: 'Garage',
+      subtitle: 'Your vehicle collection',
+      myVehicles: 'My Vehicles',
+      searchPlaceholder: 'Search name, plate or garage',
+      tryAgain: 'Try Again',
+      unavailable: 'Garage unavailable',
+      noVehicles: 'No Vehicles',
+      noVehiclesBody: 'Vehicles owned by this character will appear here.',
+      noResults: 'No Results',
+      noResultsBody: 'Try another vehicle, plate or location.',
+      unknownVehicle: 'Unknown Vehicle',
+      unknownLocation: 'Location unavailable',
+      location: 'Current location',
+      fuel: 'Fuel',
+      engine: 'Engine',
+      body: 'Body',
+      vin: 'Vehicle Identification Number',
+      notAvailable: '—',
+      provider: 'Vehicle data · {system}',
+      valet: {
+        title: 'Sky Valet',
+        eyebrow: 'Premium delivery',
+        body: 'A professional driver brings this vehicle directly to your current location.',
+        deliver: 'Deliver Vehicle',
+        liveEyebrow: 'Live delivery',
+        tracked: 'Live tracked',
+        onDemand: 'On demand',
+        cancel: 'Cancel',
+        confirmTitle: 'Request Valet?',
+        confirmBody: '{vehicle} will be delivered to you for {price}.',
+        confirm: 'Request Valet',
+        ordering: 'Requesting…',
+        account: 'The fee is charged to your {account} account.',
+        connecting: 'Locating driver',
+        arriving: 'Arriving now',
+        eta: 'About {seconds}s away',
+        distance: '{distance} m away',
+        unavailableStatus: 'Only parked vehicles can be delivered.',
+        unsupported: 'Valet delivery is disabled for this vehicle type.',
+        activeOrder: 'A valet driver is already delivering another vehicle.',
+        status: {
+          ordering: 'Confirming order',
+          preparing: 'Preparing vehicle',
+          en_route: 'Driver en route',
+          arriving: 'Arriving now',
+          delivered: 'Vehicle delivered',
+          cancelled: 'Delivery cancelled',
+          failed: 'Delivery failed',
+        },
+      },
+      filters: {
+        all: 'All',
+        garaged: 'Parked',
+        out: 'Outside',
+        impounded: 'Impound',
+      },
+      status: {
+        garaged: 'Parked',
+        out: 'Outside',
+        impounded: 'Impounded',
+      },
+      kinds: {
+        car: 'Vehicle',
+        bike: 'Motorcycle',
+        boat: 'Boat',
+        plane: 'Aircraft',
+        helicopter: 'Helicopter',
+      },
+      errors: {
+        garage_unavailable: 'Vehicle data is unavailable for this character.',
+        valet_disabled: 'Valet service is currently unavailable.',
+        valet_active: 'A valet delivery is already active.',
+        valet_cooldown: 'Please wait before requesting another vehicle.',
+        invalid_vehicle: 'Select a valid vehicle.',
+        vehicle_not_owned: 'This vehicle does not belong to this character.',
+        vehicle_not_garaged: 'This vehicle is not parked in a garage.',
+        valet_vehicle_type: 'Valet supports cars and motorcycles only.',
+        insufficient_funds: 'You do not have enough money for this delivery.',
+        valet_status_unsupported:
+          'This garage system cannot release the vehicle.',
+        valet_not_found: 'The valet order is no longer active.',
+        valet_not_cancellable: 'The delivery can no longer be cancelled.',
+        invalid_vehicle_model: 'The vehicle model could not be loaded.',
+        vehicle_already_out: 'This vehicle is already nearby.',
+        valet_spawn_failed: 'The driver could not prepare your vehicle.',
+        valet_no_road: 'No suitable road was found near you.',
+        valet_interrupted: 'The valet delivery was interrupted.',
+        valet_timeout:
+          'The driver could not reach you in time. Your fee was refunded.',
+        valet_completion_failed: 'The handover could not be confirmed.',
+        valet_vehicle_unverified:
+          'The delivered vehicle could not be verified.',
+        rate_limited: 'Please wait before refreshing again.',
+        device_not_open: 'Open the phone again to view your vehicles.',
+        request_failed: 'The garage request failed.',
+        default: 'The garage request failed.',
+      },
+    },
     calculator: { name: 'Calculator' },
     snake: {
       name: 'Snake',
@@ -371,7 +570,8 @@ const defaultLocales: LocaleTree = {
       best: 'Best',
       board: '2048 game board',
       cancel: 'Keep Current Game',
-      confirmBody: 'Your current board will be replaced. This cannot be undone.',
+      confirmBody:
+        'Your current board will be replaced. This cannot be undone.',
       confirmNew: 'Start New Game',
       confirmTitle: 'Replace current game?',
       continueGame: 'Continue Game',
@@ -386,9 +586,11 @@ const defaultLocales: LocaleTree = {
       gameOverBody: 'No empty spaces or matching neighbours remain.',
       gameOverTitle: 'No more moves',
       highest: 'Highest Tile',
-      howToBody: 'Swipe to combine matching tiles. Each pair becomes one larger tile.',
+      howToBody:
+        'Swipe to combine matching tiles. Each pair becomes one larger tile.',
       howToExample: '2 + 2 = 4  ·  4 + 4 = 8  ·  …  ·  1024 + 1024 = 2048',
-      howToGoal: 'Goal: create the 2048 tile before the board has no moves left.',
+      howToGoal:
+        'Goal: create the 2048 tile before the board has no moves left.',
       howToTitle: 'How to play',
       keepPlaying: 'Keep Playing',
       mainMenu: 'Main Menu',
@@ -399,7 +601,8 @@ const defaultLocales: LocaleTree = {
       score: 'Score',
       swipeHint: 'Swipe the board, use the buttons, or press arrow keys / WASD',
       unmute: 'Turn on game sounds',
-      wonBody: 'You reached the legendary tile. Continue climbing or begin again.',
+      wonBody:
+        'You reached the legendary tile. Continue climbing or begin again.',
       wonTitle: 'You made 2048!',
     },
     minesweeper: {
@@ -530,13 +733,36 @@ const defaultLocales: LocaleTree = {
     citymarkt: {
       name: 'CityMarkt',
       eyebrow: 'Los Santos marketplace',
-      tabs: { discover: 'Discover', search: 'Search', sell: 'Sell', inbox: 'Inbox', profile: 'Me' },
-      categories: {
-        vehicles: 'Vehicles', property: 'Property', electronics: 'Electronics', clothing: 'Clothing',
-        tools: 'Tools', leisure: 'Leisure', services: 'Services', jobs: 'Jobs', wanted: 'Wanted', other: 'Other',
+      tabs: {
+        discover: 'Discover',
+        search: 'Search',
+        sell: 'Sell',
+        inbox: 'Inbox',
+        profile: 'Me',
+      },
+      categories: {
+        vehicles: 'Vehicles',
+        property: 'Property',
+        electronics: 'Electronics',
+        clothing: 'Clothing',
+        tools: 'Tools',
+        leisure: 'Leisure',
+        services: 'Services',
+        jobs: 'Jobs',
+        wanted: 'Wanted',
+        other: 'Other',
+      },
+      conditions: {
+        new: 'New',
+        very_good: 'Very good',
+        used: 'Used',
+        defective: 'Defective',
+      },
+      priceTypes: {
+        fixed: 'Fixed price',
+        negotiable: 'Negotiable',
+        free: 'Free',
       },
-      conditions: { new: 'New', very_good: 'Very good', used: 'Used', defective: 'Defective' },
-      priceTypes: { fixed: 'Fixed price', negotiable: 'Negotiable', free: 'Free' },
       offerStatus: {
         pending: 'Open',
         accepted: 'Accepted',
@@ -544,82 +770,230 @@ const defaultLocales: LocaleTree = {
         countered: 'Negotiated',
       },
       districts: {
-        los_santos: 'Los Santos', vinewood: 'Vinewood', vespucci: 'Vespucci',
-        south_los_santos: 'South Los Santos', sandy_shores: 'Sandy Shores',
-        paleto_bay: 'Paleto Bay', blaine_county: 'Blaine County',
+        los_santos: 'Los Santos',
+        vinewood: 'Vinewood',
+        vespucci: 'Vespucci',
+        south_los_santos: 'South Los Santos',
+        sandy_shores: 'Sandy Shores',
+        paleto_bay: 'Paleto Bay',
+        blaine_county: 'Blaine County',
       },
-      status: { active: 'Active', reserved: 'Reserved', sold: 'Sold', expired: 'Expired', removed: 'Removed' },
-      reportReasons: { prohibited: 'Prohibited item', fraud: 'Suspected fraud', spam: 'Spam', offensive: 'Offensive content', other: 'Other' },
-      searchPlaceholder: 'What are you looking for?', allCategories: 'All categories', allDistricts: 'All districts',
-      sortNewest: 'Newest first', sortPriceAsc: 'Lowest price', sortPriceDesc: 'Highest price',
-      freshOffers: 'Fresh offers', offers: 'offers', noListings: 'No offers found',
-      noListingsBody: 'Try another search or category.', noDistrict: 'No district',
-      free: 'Free', negotiablePrice: '${price} negotiable', money: '${price}',
-      hoursAgo: '{count}h ago', daysAgo: '{count}d ago', photos: 'photos', activeListings: 'active listings',
-      signInTitle: 'Sign in to iFruit', signInBody: 'Use Settings to sign in before selling, saving or messaging.',
-      noMessages: 'No conversations', noMessagesBody: 'Messages about offers will appear here.',
-      myListings: 'My listings', favorites: 'Favorites', noProfileListings: 'Nothing here yet',
-      phone: 'Phone', contactSeller: 'Contact seller', messagePlaceholder: 'Hi, is this still available?',
+      status: {
+        active: 'Active',
+        reserved: 'Reserved',
+        sold: 'Sold',
+        expired: 'Expired',
+        removed: 'Removed',
+      },
+      reportReasons: {
+        prohibited: 'Prohibited item',
+        fraud: 'Suspected fraud',
+        spam: 'Spam',
+        offensive: 'Offensive content',
+        other: 'Other',
+      },
+      searchPlaceholder: 'What are you looking for?',
+      allCategories: 'All categories',
+      allDistricts: 'All districts',
+      sortNewest: 'Newest first',
+      sortPriceAsc: 'Lowest price',
+      sortPriceDesc: 'Highest price',
+      freshOffers: 'Fresh offers',
+      offers: 'offers',
+      noListings: 'No offers found',
+      noListingsBody: 'Try another search or category.',
+      noDistrict: 'No district',
+      free: 'Free',
+      negotiablePrice: '${price} negotiable',
+      money: '${price}',
+      hoursAgo: '{count}h ago',
+      daysAgo: '{count}d ago',
+      photos: 'photos',
+      activeListings: 'active listings',
+      signInTitle: 'Sign in to iFruit',
+      signInBody:
+        'Use Settings to sign in before selling, saving or messaging.',
+      noMessages: 'No conversations',
+      noMessagesBody: 'Messages about offers will appear here.',
+      myListings: 'My listings',
+      favorites: 'Favorites',
+      noProfileListings: 'Nothing here yet',
+      phone: 'Phone',
+      contactSeller: 'Contact seller',
+      messagePlaceholder: 'Hi, is this still available?',
       signInToMessage: 'Sign in to your iFruit account to send a message.',
-      edit: 'Edit', makeActive: 'Make active', markSold: 'Mark sold', remove: 'Remove',
-      createListing: 'Create listing', editListing: 'Edit listing', save: 'Save', step: 'Step {current} of {total}', next: 'Next', previous: 'Back', publish: 'Publish',
-      addPhotos: 'Add photos', addPhotosBody: 'Choose up to six photos from your gallery or take new ones. Photos are optional and the first becomes the cover.',
-      chooseGallery: 'Choose from gallery', chooseGalleryBody: 'Use photos saved on this phone.',
-      takePhotos: 'Take photos', takePhotosBody: 'Take several new photos for this listing.',
-      selectedPhotos: 'Selected photos', gallery: 'Gallery', camera: 'Camera', takePhoto: 'Take photo',
-      cameraHint: 'Take as many photos as you need. Each shot is added to the listing automatically.',
-      noPhoto: 'No photo available', noPhotoBody: 'The seller did not add a photo to this listing.',
-      noPhotoOptional: 'You can publish without a photo or add one from the gallery or camera.',
-      previousPhoto: 'Previous photo', nextPhoto: 'Next photo', photo: 'Photo',
-      removePhoto: 'Remove photo {number}', photoLimit: 'You can add up to six photos.',
-      describeOffer: 'Describe your offer', title: 'Title', description: 'Description', category: 'Category', condition: 'Condition',
-      characterCount: '{current} / {maximum} characters', minimumCharacters: 'min. {minimum}',
-      priceAndPlace: 'Price and location', priceType: 'Price type', price: 'Price', district: 'District',
-      showPhone: 'Show my current phone number', preview: 'Preview', published: 'Your listing is live.',
-      writeMessage: 'Write a message', reserveForBuyer: 'Reserve for this buyer', statusChanged: 'Listing updated.',
-      offer: 'Offer', counterOffer: 'Counteroffer', makeOffer: 'Make an offer',
-      offeredByYou: 'You sent this offer.', offeredToYou: 'You received this offer.',
-      acceptOffer: 'Accept', declineOffer: 'Decline', negotiateOffer: 'Counter',
-      offerFor: 'Your offer for', offerAmount: 'Offer amount', sendOffer: 'Send offer',
-      offerSent: 'Your offer was sent.', offerAccepted: 'Offer accepted.', offerDeclined: 'Offer declined.',
-      reportListing: 'Report listing', reportWhy: 'Why are you reporting this?', reportDetails: 'Add details (optional)',
-      sendReport: 'Send report', blockSeller: 'Block seller', reported: 'Report sent.', blocked: 'Seller blocked.',
+      edit: 'Edit',
+      makeActive: 'Make active',
+      markSold: 'Mark sold',
+      remove: 'Remove',
+      createListing: 'Create listing',
+      editListing: 'Edit listing',
+      save: 'Save',
+      step: 'Step {current} of {total}',
+      next: 'Next',
+      previous: 'Back',
+      publish: 'Publish',
+      addPhotos: 'Add photos',
+      addPhotosBody:
+        'Choose up to six photos from your gallery or take new ones. Photos are optional and the first becomes the cover.',
+      chooseGallery: 'Choose from gallery',
+      chooseGalleryBody: 'Use photos saved on this phone.',
+      takePhotos: 'Take photos',
+      takePhotosBody: 'Take several new photos for this listing.',
+      selectedPhotos: 'Selected photos',
+      gallery: 'Gallery',
+      camera: 'Camera',
+      takePhoto: 'Take photo',
+      cameraHint:
+        'Take as many photos as you need. Each shot is added to the listing automatically.',
+      noPhoto: 'No photo available',
+      noPhotoBody: 'The seller did not add a photo to this listing.',
+      noPhotoOptional:
+        'You can publish without a photo or add one from the gallery or camera.',
+      previousPhoto: 'Previous photo',
+      nextPhoto: 'Next photo',
+      photo: 'Photo',
+      removePhoto: 'Remove photo {number}',
+      photoLimit: 'You can add up to six photos.',
+      describeOffer: 'Describe your offer',
+      title: 'Title',
+      description: 'Description',
+      category: 'Category',
+      condition: 'Condition',
+      characterCount: '{current} / {maximum} characters',
+      minimumCharacters: 'min. {minimum}',
+      priceAndPlace: 'Price and location',
+      priceType: 'Price type',
+      price: 'Price',
+      district: 'District',
+      showPhone: 'Show my current phone number',
+      preview: 'Preview',
+      published: 'Your listing is live.',
+      writeMessage: 'Write a message',
+      reserveForBuyer: 'Reserve for this buyer',
+      statusChanged: 'Listing updated.',
+      offer: 'Offer',
+      counterOffer: 'Counteroffer',
+      makeOffer: 'Make an offer',
+      offeredByYou: 'You sent this offer.',
+      offeredToYou: 'You received this offer.',
+      acceptOffer: 'Accept',
+      declineOffer: 'Decline',
+      negotiateOffer: 'Counter',
+      offerFor: 'Your offer for',
+      offerAmount: 'Offer amount',
+      sendOffer: 'Send offer',
+      offerSent: 'Your offer was sent.',
+      offerAccepted: 'Offer accepted.',
+      offerDeclined: 'Offer declined.',
+      reportListing: 'Report listing',
+      reportWhy: 'Why are you reporting this?',
+      reportDetails: 'Add details (optional)',
+      sendReport: 'Send report',
+      blockSeller: 'Block seller',
+      reported: 'Report sent.',
+      blocked: 'Seller blocked.',
       newMessage: 'New CityMarkt message from {sender}',
       newOffer: '{sender} offered ${price}.',
       offerAcceptedNotification: '{sender} accepted your ${price} offer.',
       offerRejectedNotification: '{sender} declined your ${price} offer.',
       errors: {
-        invalid_listing: 'Check the listing details.', invalid_price: 'Enter a valid price.',
-        invalid_images: 'Choose valid photos from this phone.', phone_unavailable: 'Insert a SIM or hide your number.',
-        listing_limit: 'You have reached the active listing limit.', listing_not_found: 'This listing is no longer available.',
-        invalid_message: 'Enter a valid message.', inquiry_not_found: 'This conversation is no longer available.',
-        invalid_offer: 'Enter a valid whole-number offer.', invalid_offer_response: 'This offer action is invalid.',
-        offer_listing_unavailable: 'This listing is no longer available for offers.',
-        offer_closed: 'This negotiation is already complete.', offer_waiting: 'Wait for the other person to respond.',
-        offer_not_allowed: 'You cannot make an offer right now.', offer_not_actionable: 'This offer can no longer be changed.',
+        invalid_listing: 'Check the listing details.',
+        invalid_price: 'Enter a valid price.',
+        invalid_images: 'Choose valid photos from this phone.',
+        phone_unavailable: 'Insert a SIM or hide your number.',
+        listing_limit: 'You have reached the active listing limit.',
+        listing_not_found: 'This listing is no longer available.',
+        invalid_message: 'Enter a valid message.',
+        inquiry_not_found: 'This conversation is no longer available.',
+        invalid_offer: 'Enter a valid whole-number offer.',
+        invalid_offer_response: 'This offer action is invalid.',
+        offer_listing_unavailable:
+          'This listing is no longer available for offers.',
+        offer_closed: 'This negotiation is already complete.',
+        offer_waiting: 'Wait for the other person to respond.',
+        offer_not_allowed: 'You cannot make an offer right now.',
+        offer_not_actionable: 'This offer can no longer be changed.',
         offer_conflict: 'The offer changed. Please try again.',
-        blocked: 'Messages are blocked between these accounts.', already_reported: 'You already reported this listing.',
-        rate_limited: 'Too many requests. Try again shortly.', not_authenticated: 'Sign in to your iFruit account first.',
-        conflict: 'The listing changed. Open it again.', request_failed: 'CityMarkt is temporarily unavailable.',
+        blocked: 'Messages are blocked between these accounts.',
+        already_reported: 'You already reported this listing.',
+        rate_limited: 'Too many requests. Try again shortly.',
+        not_authenticated: 'Sign in to your iFruit account first.',
+        conflict: 'The listing changed. Open it again.',
+        request_failed: 'CityMarkt is temporarily unavailable.',
         default: 'The CityMarkt request failed.',
       },
     },
     localPages: {
-      name: 'Local Pages', eyebrow: 'Your city. Your stories.', cityPulse: 'Live from Los Santos',
-      heroTitle: 'What is happening nearby?', heroBody: 'Discover places, people and local tips.',
-      searchPlaceholder: 'Search posts and places', search: 'Search', allCategories: 'All categories',
-      allLosSantos: 'Los Santos', hoursAgo: '{count}h ago', daysAgo: '{count}d ago',
-      categories: { recommendation: 'Recommended', wanted: 'Wanted', service: 'Service', event: 'Event', place: 'Place', community: 'Community', citymarkt: 'CityMarkt' },
-      discover: 'Discover', create: 'Post', profile: 'Profile', post: 'Post', posts: 'posts',
-      noPosts: 'Nothing here yet', noPostsBody: 'Be the first to share something with the city.', noPhoto: 'No photo attached',
-      signInTitle: 'Your Local Pages profile', signInBody: 'Sign in to iFruit in Settings to publish and save posts.',
-      localCreator: 'Local creator', myPosts: 'My posts', saved: 'Saved', save: 'Save', likes: 'likes',
-      location: 'Location', sharedFrom: 'Shared from CityMarkt', openCityMarkt: 'Open CityMarkt listing',
-      newPost: 'New local post', shareWithCity: 'Share with the city', publish: 'Publish', published: 'Your post is live.', deleted: 'Post deleted.',
-      title: 'Title', body: 'Your story', category: 'Category', titlePlaceholder: 'What should people know?', bodyPlaceholder: 'Add details, a recommendation or directions...',
-      photos: 'Photos', optional: 'optional', camera: 'Camera', gallery: 'Gallery', photoLimit: 'You can add up to six photos.',
-      cityMarktShare: 'Share to Local Pages', cityMarktShared: 'Shared to Local Pages.', cityMarktShareHint: 'One CityMarkt share per day',
-      errors: { invalid_post: 'Add a title and a little more detail.', invalid_images: 'Choose valid photos from this phone.', invalid_request: 'This action is not valid.', post_not_found: 'This post is no longer available.', citymarkt_not_found: 'This CityMarkt listing is unavailable.', citymarkt_daily_limit: 'You already shared a CityMarkt listing today.', citymarkt_already_shared: 'This listing was already shared.', not_authenticated: 'Sign in to iFruit first.', rate_limited: 'Too many requests. Try again shortly.', request_failed: 'The post could not be saved.', default: 'Local Pages is temporarily unavailable.' },
+      name: 'Local Pages',
+      eyebrow: 'Your city. Your stories.',
+      cityPulse: 'Live from Los Santos',
+      heroTitle: 'What is happening nearby?',
+      heroBody: 'Discover places, people and local tips.',
+      searchPlaceholder: 'Search posts and places',
+      search: 'Search',
+      allCategories: 'All categories',
+      allLosSantos: 'Los Santos',
+      hoursAgo: '{count}h ago',
+      daysAgo: '{count}d ago',
+      categories: {
+        recommendation: 'Recommended',
+        wanted: 'Wanted',
+        service: 'Service',
+        event: 'Event',
+        place: 'Place',
+        community: 'Community',
+        citymarkt: 'CityMarkt',
+      },
+      discover: 'Discover',
+      create: 'Post',
+      profile: 'Profile',
+      post: 'Post',
+      posts: 'posts',
+      noPosts: 'Nothing here yet',
+      noPostsBody: 'Be the first to share something with the city.',
+      noPhoto: 'No photo attached',
+      signInTitle: 'Your Local Pages profile',
+      signInBody: 'Sign in to iFruit in Settings to publish and save posts.',
+      localCreator: 'Local creator',
+      myPosts: 'My posts',
+      saved: 'Saved',
+      save: 'Save',
+      likes: 'likes',
+      location: 'Location',
+      sharedFrom: 'Shared from CityMarkt',
+      openCityMarkt: 'Open CityMarkt listing',
+      newPost: 'New local post',
+      shareWithCity: 'Share with the city',
+      publish: 'Publish',
+      published: 'Your post is live.',
+      deleted: 'Post deleted.',
+      title: 'Title',
+      body: 'Your story',
+      category: 'Category',
+      titlePlaceholder: 'What should people know?',
+      bodyPlaceholder: 'Add details, a recommendation or directions...',
+      photos: 'Photos',
+      optional: 'optional',
+      camera: 'Camera',
+      gallery: 'Gallery',
+      photoLimit: 'You can add up to six photos.',
+      cityMarktShare: 'Share to Local Pages',
+      cityMarktShared: 'Shared to Local Pages.',
+      cityMarktShareHint: 'One CityMarkt share per day',
+      errors: {
+        invalid_post: 'Add a title and a little more detail.',
+        invalid_images: 'Choose valid photos from this phone.',
+        invalid_request: 'This action is not valid.',
+        post_not_found: 'This post is no longer available.',
+        citymarkt_not_found: 'This CityMarkt listing is unavailable.',
+        citymarkt_daily_limit: 'You already shared a CityMarkt listing today.',
+        citymarkt_already_shared: 'This listing was already shared.',
+        not_authenticated: 'Sign in to iFruit first.',
+        rate_limited: 'Too many requests. Try again shortly.',
+        request_failed: 'The post could not be saved.',
+        default: 'Local Pages is temporarily unavailable.',
+      },
     },
     map: {
       name: 'Map',
@@ -644,8 +1018,7 @@ const defaultLocales: LocaleTree = {
       wind: 'Wind',
       humidity: 'Humidity',
       rain: 'Precipitation',
-      hourly: '24-Hour Forecast',
-      daily: '7-Day Forecast',
+      hourly: 'Next Hours',
       unavailable: 'Weather is unavailable',
       stale: 'Showing the last available weather update.',
       tryAgain: 'Try Again',
@@ -738,9 +1111,11 @@ const defaultLocales: LocaleTree = {
       note: 'Note',
       notePlaceholder: 'Add details, an address or anything to remember...',
       noEvents: 'Nothing planned',
-      noEventsBody: 'This day is still free. Add an event whenever you are ready.',
+      noEventsBody:
+        'This day is still free. Add an event whenever you are ready.',
       signInTitle: 'Your iFruit calendar',
-      signInBody: 'Sign in to iFruit in Settings to sync appointments and receive reminders.',
+      signInBody:
+        'Sign in to iFruit in Settings to sync appointments and receive reminders.',
       reminderNotification: 'Upcoming: {title}',
       views: {
         compact: 'Compact',
@@ -757,7 +1132,8 @@ const defaultLocales: LocaleTree = {
         oneDay: '1 day before',
       },
       errors: {
-        invalid_event: 'Enter a title and make sure the end is after the start.',
+        invalid_event:
+          'Enter a title and make sure the end is after the start.',
         invalid_range: 'This calendar period is invalid.',
         conflict: 'This event changed on another phone. Open it again.',
         rate_limited: 'Too many changes. Try again shortly.',
diff --git a/frontend/src/stores/weather.test.ts b/frontend/src/stores/weather.test.ts
index e18e846..a58d2f8 100644
--- a/frontend/src/stores/weather.test.ts
+++ b/frontend/src/stores/weather.test.ts
@@ -10,6 +10,7 @@ vi.mock('@/utils/nui', () => ({ nuiCall: vi.fn() }))
 const rawWeather: RawWeatherSnapshot = {
   clock: { day: 5, hour: 17, minute: 20, month: 8, year: 2026 },
   condition: 'sunny',
+  nextCondition: 'clear',
   rainLevel: 0,
   region: 'los_santos',
   windSpeed: 2,
@@ -32,7 +33,7 @@ describe('weather store', () => {
 
     expect(nuiCall).toHaveBeenCalledWith('weather:get')
     expect(weather.forecast?.condition).toBe('sunny')
-    expect(weather.forecast?.hourly).toHaveLength(24)
+    expect(weather.forecast?.hourly).toHaveLength(6)
     expect(weather.error).toBeNull()
   })
 
diff --git a/frontend/src/types/apps.ts b/frontend/src/types/apps.ts
index 193c46a..a95006d 100644
--- a/frontend/src/types/apps.ts
+++ b/frontend/src/types/apps.ts
@@ -10,6 +10,7 @@ export type PhoneAppId =
   | 'calendar'
   | 'weather'
   | 'banking'
+  | 'garage'
   | 'mail'
   | 'map'
   | 'notes'
diff --git a/frontend/src/types/garage.ts b/frontend/src/types/garage.ts
new file mode 100644
index 0000000..5f90f64
--- /dev/null
+++ b/frontend/src/types/garage.ts
@@ -0,0 +1,49 @@
+export type GarageVehicleStatus = 'garaged' | 'out' | 'impounded'
+export type GarageVehicleKind = 'car' | 'bike' | 'boat' | 'plane' | 'helicopter'
+export type GarageValetStatus =
+  | 'ordering'
+  | 'preparing'
+  | 'en_route'
+  | 'arriving'
+  | 'delivered'
+  | 'cancelled'
+  | 'failed'
+
+export type GarageVehicle = {
+  body: number | null
+  engine: number | null
+  fuel: number | null
+  id: string
+  kind: GarageVehicleKind
+  location: string
+  model: number | string | null
+  name?: string
+  nickname: string
+  plate: string
+  status: GarageVehicleStatus
+  vin: string
+}
+
+export type GarageValetConfig = {
+  account: string
+  enabled: boolean
+  price: number
+  vehicleTypes: Record<GarageVehicleKind, boolean>
+}
+
+export type GarageValetState = {
+  canCancel: boolean
+  cost: number
+  distance: number | null
+  etaSeconds: number | null
+  orderId: string
+  plate: string
+  status: GarageValetStatus
+  vehicleName: string
+}
+
+export type GarageOverview = {
+  system: string
+  valet: GarageValetConfig
+  vehicles: GarageVehicle[]
+}
diff --git a/frontend/src/types/weather.ts b/frontend/src/types/weather.ts
index a007506..14918a5 100644
--- a/frontend/src/types/weather.ts
+++ b/frontend/src/types/weather.ts
@@ -8,10 +8,7 @@ export type WeatherConditionId =
   | 'fog'
   | 'snow'
 
-export type WeatherRegionId =
-  | 'los_santos'
-  | 'blaine_county'
-  | 'cayo_perico'
+export type WeatherRegionId = 'los_santos' | 'blaine_county' | 'cayo_perico'
 
 export type WeatherClock = {
   day: number
@@ -24,6 +21,7 @@ export type WeatherClock = {
 export type RawWeatherSnapshot = {
   clock: WeatherClock
   condition: WeatherConditionId
+  nextCondition: WeatherConditionId
   rainLevel: number
   region: WeatherRegionId
   windSpeed: number
@@ -36,17 +34,8 @@ export type HourlyWeather = {
   timestamp: number
 }
 
-export type DailyWeather = {
-  condition: WeatherConditionId
-  high: number
-  low: number
-  rainChance: number
-  timestamp: number
-}
-
 export type WeatherForecast = {
   condition: WeatherConditionId
-  daily: DailyWeather[]
   feelsLike: number
   hourly: HourlyWeather[]
   humidity: number
diff --git a/frontend/src/utils/preferences.ts b/frontend/src/utils/preferences.ts
index b4a1c49..5942536 100644
--- a/frontend/src/utils/preferences.ts
+++ b/frontend/src/utils/preferences.ts
@@ -73,6 +73,7 @@ const DEFAULT_APP_NOTIFICATIONS: Record<
   calendar: { enabled: true, sounds: true },
   weather: { enabled: true, sounds: true },
   banking: { enabled: true, sounds: true },
+  garage: { enabled: true, sounds: true },
   mail: { enabled: true, sounds: true },
   map: { enabled: true, sounds: true },
   notes: { enabled: true, sounds: true },
diff --git a/frontend/src/utils/weather.test.ts b/frontend/src/utils/weather.test.ts
index 412ee6f..91f6132 100644
--- a/frontend/src/utils/weather.test.ts
+++ b/frontend/src/utils/weather.test.ts
@@ -3,12 +3,11 @@ import { describe, expect, it } from 'vitest'
 import type { RawWeatherSnapshot, WeatherRegionId } from '@/types/weather'
 import { buildWeatherForecast } from './weather'
 
-function snapshot(
-  region: WeatherRegionId = 'los_santos',
-): RawWeatherSnapshot {
+function snapshot(region: WeatherRegionId = 'los_santos'): RawWeatherSnapshot {
   return {
     clock: { day: 31, hour: 23, minute: 30, month: 12, year: 2026 },
     condition: 'partly_cloudy',
+    nextCondition: 'rain',
     rainLevel: 0.1,
     region,
     windSpeed: 4,
@@ -16,13 +15,15 @@ function snapshot(
 }
 
 describe('weather forecast', () => {
-  it('builds deterministic 24-hour and seven-day forecasts', () => {
+  it('builds a deterministic six-hour forecast from native weather states', () => {
     const first = buildWeatherForecast(snapshot())
     const second = buildWeatherForecast(snapshot())
 
     expect(first).toEqual(second)
-    expect(first.hourly).toHaveLength(24)
-    expect(first.daily).toHaveLength(7)
+    expect(first.hourly).toHaveLength(6)
+    expect(first.hourly[0]?.condition).toBe('partly_cloudy')
+    expect(first.hourly[1]?.condition).toBe('rain')
+    expect(first).not.toHaveProperty('daily')
   })
 
   it('rolls hourly timestamps into the next year', () => {
diff --git a/frontend/src/utils/weather.ts b/frontend/src/utils/weather.ts
index 49283a6..c049b2d 100644
--- a/frontend/src/utils/weather.ts
+++ b/frontend/src/utils/weather.ts
@@ -1,5 +1,4 @@
 import type {
-  DailyWeather,
   HourlyWeather,
   RawWeatherSnapshot,
   WeatherConditionId,
@@ -57,37 +56,10 @@ const HUMIDITY: Record<WeatherConditionId, number> = {
   snow: 76,
 }
 
-const TRANSITIONS: Record<WeatherConditionId, WeatherConditionId[]> = {
-  sunny: ['sunny', 'sunny', 'clear', 'partly_cloudy'],
-  clear: ['clear', 'sunny', 'partly_cloudy', 'cloudy'],
-  partly_cloudy: ['partly_cloudy', 'clear', 'cloudy', 'rain'],
-  cloudy: ['cloudy', 'partly_cloudy', 'rain', 'fog'],
-  rain: ['rain', 'cloudy', 'partly_cloudy', 'thunder'],
-  thunder: ['rain', 'cloudy', 'thunder', 'partly_cloudy'],
-  fog: ['fog', 'cloudy', 'partly_cloudy', 'clear'],
-  snow: ['snow', 'cloudy', 'snow', 'partly_cloudy'],
-}
-
 function clamp(value: number, minimum: number, maximum: number): number {
   return Math.min(maximum, Math.max(minimum, value))
 }
 
-function seedFrom(value: string): number {
-  let hash = 2166136261
-  for (let index = 0; index < value.length; index += 1) {
-    hash ^= value.charCodeAt(index)
-    hash = Math.imul(hash, 16777619)
-  }
-  return hash >>> 0
-}
-
-function random(seed: number): number {
-  let value = seed + 0x6d2b79f5
-  value = Math.imul(value ^ (value >>> 15), value | 1)
-  value ^= value + Math.imul(value ^ (value >>> 7), value | 61)
-  return ((value ^ (value >>> 14)) >>> 0) / 4294967296
-}
-
 function normalizedCondition(value: string): WeatherConditionId {
   return CONDITIONS.includes(value as WeatherConditionId)
     ? (value as WeatherConditionId)
@@ -109,14 +81,6 @@ function temperatureAt(
   )
 }
 
-function nextCondition(
-  condition: WeatherConditionId,
-  seed: number,
-): WeatherConditionId {
-  const choices = TRANSITIONS[condition]
-  return choices[Math.floor(random(seed) * choices.length)] ?? condition
-}
-
 function snapshotTimestamp(snapshot: RawWeatherSnapshot): number {
   const { year, month, day, hour, minute } = snapshot.clock
   return Date.UTC(year, month - 1, day, hour, minute)
@@ -126,62 +90,29 @@ export function buildWeatherForecast(
   input: RawWeatherSnapshot,
 ): WeatherForecast {
   const condition = normalizedCondition(input.condition)
-  const region = input.region in REGION_BASE_TEMPERATURE
-    ? input.region
-    : 'los_santos'
+  const nextCondition = normalizedCondition(input.nextCondition)
+  const region =
+    input.region in REGION_BASE_TEMPERATURE ? input.region : 'los_santos'
   const timestamp = snapshotTimestamp(input)
-  const hourSeed = seedFrom(`${region}:${timestamp}:${condition}`)
   const hourly: HourlyWeather[] = []
-  let forecastCondition = condition
 
-  for (let index = 0; index < 24; index += 1) {
-    if (index > 0 && index % 3 === 0) {
-      forecastCondition = nextCondition(forecastCondition, hourSeed + index)
-    }
+  for (let index = 0; index < 6; index += 1) {
+    const forecastCondition = index === 0 ? condition : nextCondition
     const itemTimestamp = timestamp + index * 3_600_000
     const itemHour = new Date(itemTimestamp).getUTCHours()
     hourly.push({
       condition: forecastCondition,
-      rainChance: clamp(
-        RAIN_CHANCE[forecastCondition] + Math.round(random(hourSeed + index) * 12 - 6),
-        0,
-        100,
-      ),
-      temperature: temperatureAt(
-        region,
-        forecastCondition,
-        itemHour,
-        random(hourSeed + index + 100) * 3 - 1.5,
-      ),
+      rainChance: RAIN_CHANCE[forecastCondition],
+      temperature: temperatureAt(region, forecastCondition, itemHour, 0),
       timestamp: itemTimestamp,
     })
   }
 
-  const daily: DailyWeather[] = []
-  let dailyCondition = condition
-  for (let index = 0; index < 7; index += 1) {
-    if (index > 0) dailyCondition = nextCondition(dailyCondition, hourSeed + index * 97)
-    const itemTimestamp = timestamp + index * 86_400_000
-    const variation = random(hourSeed + index * 31) * 4 - 2
-    daily.push({
-      condition: dailyCondition,
-      high: temperatureAt(region, dailyCondition, 14, variation),
-      low: temperatureAt(region, dailyCondition, 4, variation - 1),
-      rainChance: clamp(
-        RAIN_CHANCE[dailyCondition] + Math.round(random(hourSeed + index * 43) * 10 - 5),
-        0,
-        100,
-      ),
-      timestamp: itemTimestamp,
-    })
-  }
-
-  const currentVariation = random(hourSeed) * 2 - 1
   const temperature = temperatureAt(
     region,
     condition,
     input.clock.hour + input.clock.minute / 60,
-    currentVariation,
+    0,
   )
   const windSpeed = Math.round(Math.max(0, input.windSpeed) * 3.6)
   const nativeRainChance = clamp(Math.round(input.rainLevel * 100), 0, 100)
@@ -189,10 +120,14 @@ export function buildWeatherForecast(
 
   return {
     condition,
-    daily,
-    feelsLike: temperature - Math.round(windSpeed / 18) - (rainChance > 60 ? 1 : 0),
+    feelsLike:
+      temperature - Math.round(windSpeed / 18) - (rainChance > 60 ? 1 : 0),
     hourly,
-    humidity: clamp(HUMIDITY[condition] + Math.round(input.rainLevel * 8), 0, 100),
+    humidity: clamp(
+      HUMIDITY[condition] + Math.round(input.rainLevel * 8),
+      0,
+      100,
+    ),
     rainChance,
     region,
     temperature,
diff --git a/frontend/src/views/apps/BankingApp.vue b/frontend/src/views/apps/BankingApp.vue
index afd63d4..e051f0a 100644
--- a/frontend/src/views/apps/BankingApp.vue
+++ b/frontend/src/views/apps/BankingApp.vue
@@ -32,17 +32,21 @@ import {
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 
 import { useBankingStore } from '@/stores/banking'
+import { useCallsStore } from '@/stores/calls'
 import { usePhoneStore } from '@/stores/phone'
 import type {
   BankingAction,
   BankingTransaction,
   BankingTransactionKind,
 } from '@/types/banking'
+import type { PhoneContact } from '@/types/phone'
+import { formatPhoneNumber, normalizePhoneNumber } from '@/utils/phone'
 
 type BankingTab = 'home' | 'activity'
 
 const phone = usePhoneStore()
 const banking = useBankingStore()
+const calls = useCallsStore()
 const activeTab = ref<BankingTab>('home')
 const action = ref<BankingAction | null>(null)
 const amount = ref('')
@@ -138,6 +142,7 @@ function openAction(nextAction: BankingAction): void {
   amount.value = ''
   target.value = ''
   formError.value = ''
+  void calls.loadContacts()
 }
 
 function closeAction(): void {
@@ -147,13 +152,19 @@ function closeAction(): void {
 
 function updateTarget(event: Event): void {
   if (!(event.target instanceof HTMLInputElement)) {
-    console.error('[banking] Player ID input emitted without an input target.')
+    console.error('[banking] Phone number input emitted without an input target.')
     return
   }
   target.value = event.target.value
   formError.value = ''
 }
 
+function selectContact(contact: PhoneContact): void {
+  target.value = contact.phone_number
+  formError.value = ''
+  void nextTick(() => document.getElementById('banking-transfer-amount')?.focus())
+}
+
 function updateAmount(event: Event): void {
   if (!(event.target instanceof HTMLInputElement)) {
     console.error('[banking] Amount input emitted without an input target.')
@@ -256,17 +267,22 @@ function errorMessage(code: string): string {
 async function submitAction(): Promise<void> {
   if (!action.value) return
   const parsedAmount = Number(amount.value)
-  const parsedTarget = action.value === 'transfer' ? Number(target.value) : undefined
+  const phoneNumber = action.value === 'transfer'
+    ? normalizePhoneNumber(target.value)
+    : undefined
   if (
     !Number.isSafeInteger(parsedAmount) ||
     parsedAmount <= 0 ||
-    (action.value === 'transfer' &&
-      (!Number.isSafeInteger(parsedTarget) || (parsedTarget ?? 0) <= 0))
+    (action.value === 'transfer' && !phoneNumber)
   ) {
     formError.value = phone.t('Apps.banking.errors.invalid_request')
     return
   }
-  const response = await banking.perform(action.value, parsedAmount, parsedTarget)
+  const response = await banking.perform(
+    action.value,
+    parsedAmount,
+    phoneNumber ?? undefined,
+  )
   if (!response.success) {
     formError.value = errorMessage(response.error ?? 'default')
     return
@@ -563,13 +579,12 @@ onBeforeUnmount(() => {
         <p>{{ phone.t(`Apps.banking.forms.${action}.body`) }}</p>
         <k-list inset strong class="banking-form-list">
           <k-list-input
-            :label="phone.t('Apps.banking.playerId')"
+            :label="phone.t('Apps.banking.recipientPhone')"
             input-id="banking-transfer-target"
-            inputmode="numeric"
-            min="1"
+            inputmode="tel"
             outline
-            :placeholder="phone.t('Apps.banking.playerIdPlaceholder')"
-            type="number"
+            :placeholder="phone.t('Apps.banking.recipientPhonePlaceholder')"
+            type="tel"
             :value="target"
             @input="updateTarget"
           />
@@ -587,6 +602,20 @@ onBeforeUnmount(() => {
             @keydown.enter="submitAction"
           />
         </k-list>
+        <div class="banking-contact-picker">
+          <span>{{ phone.t('Apps.banking.chooseContact') }}</span>
+          <k-list v-if="calls.contacts.length" inset strong>
+            <k-list-item
+              v-for="contact in calls.contacts"
+              :key="contact.id"
+              :title="contact.name"
+              :subtitle="formatPhoneNumber(contact.phone_number)"
+              link
+              @click="selectContact(contact)"
+            />
+          </k-list>
+          <p v-else>{{ phone.t('Apps.banking.noContacts') }}</p>
+        </div>
         <p v-if="formError" class="banking-form-error" role="alert">
           {{ formError }}
         </p>
diff --git a/frontend/src/views/apps/GarageApp.vue b/frontend/src/views/apps/GarageApp.vue
new file mode 100644
index 0000000..ed3ea60
--- /dev/null
+++ b/frontend/src/views/apps/GarageApp.vue
@@ -0,0 +1,1288 @@
+<script setup lang="ts">
+import {
+  kButton,
+  kCard,
+  kDialog,
+  kDialogButton,
+  kGlass,
+  kLink,
+  kNavbar,
+  kPage,
+  kPreloader,
+  kSearchbar,
+  kSegmented,
+  kSegmentedButton,
+  kSheet,
+  kToast,
+} from 'konsta/vue'
+import {
+  Bike,
+  CarFront,
+  CheckCircle2,
+  Clock3,
+  CircleDollarSign,
+  Fuel,
+  Gauge,
+  MapPin,
+  Navigation,
+  Plane,
+  Route,
+  Sparkles,
+  Sailboat,
+  ShieldAlert,
+  Warehouse,
+  Wrench,
+  X,
+} from 'lucide-vue-next'
+import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
+
+import { useGarageStore } from '@/stores/garage'
+import { usePhoneStore } from '@/stores/phone'
+import type {
+  GarageVehicle,
+  GarageVehicleKind,
+  GarageVehicleStatus,
+  GarageValetState,
+} from '@/types/garage'
+
+type GarageFilter = 'all' | GarageVehicleStatus
+
+const phone = usePhoneStore()
+const garage = useGarageStore()
+const activeFilter = ref<GarageFilter>('all')
+const query = ref('')
+const selectedVehicle = ref<GarageVehicle | null>(null)
+const valetCandidate = ref<GarageVehicle | null>(null)
+const toastOpened = ref(false)
+const toastText = ref('')
+
+const kindIcons: Record<GarageVehicleKind, typeof CarFront> = {
+  bike: Bike,
+  boat: Sailboat,
+  car: CarFront,
+  helicopter: Plane,
+  plane: Plane,
+}
+
+const vehicles = computed(() => garage.overview?.vehicles ?? [])
+const counts = computed(() => ({
+  all: vehicles.value.length,
+  garaged: vehicles.value.filter((vehicle) => vehicle.status === 'garaged')
+    .length,
+  impounded: vehicles.value.filter((vehicle) => vehicle.status === 'impounded')
+    .length,
+  out: vehicles.value.filter((vehicle) => vehicle.status === 'out').length,
+}))
+const filters = computed(() =>
+  (['all', 'garaged', 'out', 'impounded'] as const).map((id) => ({
+    count: counts.value[id],
+    id,
+    label: phone.t(`Apps.garage.filters.${id}`),
+  })),
+)
+const filteredVehicles = computed(() => {
+  const search = query.value.trim().toLocaleLowerCase(phone.lang)
+  return vehicles.value.filter((vehicle) => {
+    if (activeFilter.value !== 'all' && vehicle.status !== activeFilter.value) {
+      return false
+    }
+    if (!search) return true
+    return [
+      displayName(vehicle),
+      vehicle.model,
+      vehicle.plate,
+      vehicle.location,
+      vehicle.nickname,
+      vehicle.vin,
+    ].some((value) =>
+      String(value ?? '')
+        .toLocaleLowerCase(phone.lang)
+        .includes(search),
+    )
+  })
+})
+
+function displayName(vehicle: GarageVehicle): string {
+  if (vehicle.nickname) return vehicle.nickname
+  if (vehicle.name) return vehicle.name
+  if (typeof vehicle.model === 'string' && vehicle.model) return vehicle.model
+  return phone.t('Apps.garage.unknownVehicle')
+}
+
+function modelName(vehicle: GarageVehicle): string {
+  if (vehicle.name && vehicle.nickname) return vehicle.name
+  if (typeof vehicle.model === 'string' && vehicle.model) return vehicle.model
+  return phone.t(`Apps.garage.kinds.${vehicle.kind}`)
+}
+
+function updateSearch(event: Event): void {
+  query.value = (event.target as HTMLInputElement).value
+}
+
+function conditionValue(vehicle: GarageVehicle): number | null {
+  const values = [vehicle.engine, vehicle.body].filter(
+    (value): value is number => value !== null,
+  )
+  if (!values.length) return null
+  return Math.round(
+    values.reduce((sum, value) => sum + value, 0) / values.length,
+  )
+}
+
+function metricLabel(value: number | null): string {
+  return value === null ? phone.t('Apps.garage.notAvailable') : `${value}%`
+}
+
+function translatedError(error: string): string {
+  const key = `Apps.garage.errors.${error}`
+  const translated = phone.t(key)
+  return translated === key ? phone.t('Apps.garage.errors.default') : translated
+}
+
+function errorMessage(): string {
+  return translatedError(garage.error)
+}
+
+function formatPrice(value: number): string {
+  return new Intl.NumberFormat(phone.lang, {
+    currency: 'USD',
+    maximumFractionDigits: 0,
+    style: 'currency',
+  }).format(value)
+}
+
+function canRequestValet(vehicle: GarageVehicle): boolean {
+  return (
+    Boolean(garage.overview?.valet.enabled) &&
+    vehicle.status === 'garaged' &&
+    Boolean(garage.overview?.valet.vehicleTypes[vehicle.kind]) &&
+    !garage.valet
+  )
+}
+
+function valetAvailability(vehicle: GarageVehicle): string {
+  if (vehicle.status !== 'garaged') {
+    return phone.t('Apps.garage.valet.unavailableStatus')
+  }
+  if (!garage.overview?.valet.vehicleTypes[vehicle.kind]) {
+    return phone.t('Apps.garage.valet.unsupported')
+  }
+  if (garage.valet) return phone.t('Apps.garage.valet.activeOrder')
+  return phone.t('Apps.garage.valet.body')
+}
+
+function statusDistance(): string {
+  if (!garage.valet) return ''
+  if (garage.valet.status === 'arriving') {
+    return phone.t('Apps.garage.valet.arriving')
+  }
+  if (garage.valet.etaSeconds !== null) {
+    return phone.t('Apps.garage.valet.eta', {
+      seconds: String(Math.max(1, Math.round(garage.valet.etaSeconds))),
+    })
+  }
+  if (garage.valet.distance !== null) {
+    return phone.t('Apps.garage.valet.distance', {
+      distance: String(Math.round(garage.valet.distance)),
+    })
+  }
+  return phone.t('Apps.garage.valet.connecting')
+}
+
+async function confirmValet(): Promise<void> {
+  const candidate = valetCandidate.value
+  if (!candidate) return
+  if (await garage.requestValet(candidate.plate)) {
+    valetCandidate.value = null
+    selectedVehicle.value = null
+    return
+  }
+  toastText.value = translatedError(garage.valetError)
+  toastOpened.value = true
+}
+
+async function cancelValet(): Promise<void> {
+  if (await garage.cancelValet()) return
+  toastText.value = translatedError(garage.valetError)
+  toastOpened.value = true
+}
+
+function handleValetStatus(event: MessageEvent): void {
+  if (event.data?.type !== 'garage:valet-status') return
+  garage.setValetState((event.data.data as GarageValetState | null) ?? null)
+}
+
+onMounted(() => {
+  void garage.load()
+  void garage.syncValet()
+  window.addEventListener('message', handleValetStatus)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('message', handleValetStatus)
+})
+</script>
+
+<template>
+  <k-page component="main" class="garage-page !pt-[44px] !pb-[25px]">
+    <k-navbar
+      class="garage-navbar"
+      :subtitle="phone.t('Apps.garage.subtitle')"
+      :title="phone.t('Apps.garage.name')"
+    />
+
+    <div v-if="garage.isLoading && !garage.overview" class="garage-state">
+      <k-preloader />
+      <span>{{ phone.t('Common.loading') }}</span>
+    </div>
+
+    <div v-else-if="!garage.overview" class="garage-state">
+      <span class="garage-state__icon"><Wrench :size="31" /></span>
+      <strong>{{ phone.t('Apps.garage.unavailable') }}</strong>
+      <p>{{ errorMessage() }}</p>
+      <k-button rounded @click="garage.load()">
+        {{ phone.t('Apps.garage.tryAgain') }}
+      </k-button>
+    </div>
+
+    <div v-else class="garage-scroll">
+      <k-glass class="garage-summary">
+        <div class="garage-summary__heading">
+          <span>
+            <small>{{ phone.t('Apps.garage.myVehicles') }}</small>
+            <strong>{{ counts.all }}</strong>
+          </span>
+          <i><CarFront :size="27" /></i>
+        </div>
+        <div class="garage-summary__stats">
+          <span>
+            <i class="is-garaged" />
+            <b>{{ counts.garaged }}</b>
+            {{ phone.t('Apps.garage.filters.garaged') }}
+          </span>
+          <span>
+            <i class="is-out" />
+            <b>{{ counts.out }}</b>
+            {{ phone.t('Apps.garage.filters.out') }}
+          </span>
+          <span>
+            <i class="is-impounded" />
+            <b>{{ counts.impounded }}</b>
+            {{ phone.t('Apps.garage.filters.impounded') }}
+          </span>
+        </div>
+      </k-glass>
+
+      <k-glass v-if="garage.valet" class="garage-valet-live">
+        <div class="garage-valet-live__icon">
+          <Navigation v-if="garage.valet.status !== 'delivered'" :size="24" />
+          <CheckCircle2 v-else :size="24" />
+        </div>
+        <div class="garage-valet-live__body">
+          <small>{{ phone.t('Apps.garage.valet.liveEyebrow') }}</small>
+          <strong>{{ garage.valet.vehicleName }}</strong>
+          <span>
+            {{ phone.t(`Apps.garage.valet.status.${garage.valet.status}`) }}
+            · {{ statusDistance() }}
+          </span>
+          <div class="garage-valet-live__track"><i /></div>
+        </div>
+        <k-button
+          v-if="garage.valet.canCancel"
+          clear
+          rounded
+          small
+          :disabled="garage.isValetRequesting"
+          @click="cancelValet"
+        >
+          {{ phone.t('Apps.garage.valet.cancel') }}
+        </k-button>
+      </k-glass>
+      <k-searchbar
+        class="garage-search"
+        :placeholder="phone.t('Apps.garage.searchPlaceholder')"
+        :value="query"
+        @clear="query = ''"
+        @input="updateSearch"
+      />
+
+      <k-segmented strong rounded class="garage-filters">
+        <k-segmented-button
+          v-for="filter in filters"
+          :key="filter.id"
+          :active="activeFilter === filter.id"
+          @click="activeFilter = filter.id"
+        >
+          <span>{{ filter.label }}</span>
+          <small>{{ filter.count }}</small>
+        </k-segmented-button>
+      </k-segmented>
+
+      <section v-if="filteredVehicles.length" class="garage-vehicles">
+        <k-glass
+          v-for="vehicle in filteredVehicles"
+          :key="vehicle.id"
+          component="button"
+          type="button"
+          class="garage-vehicle"
+          @click="selectedVehicle = vehicle"
+        >
+          <span class="garage-vehicle__visual" :class="`is-${vehicle.kind}`">
+            <component :is="kindIcons[vehicle.kind]" :size="47" />
+            <i :class="`is-${vehicle.status}`">
+              {{ phone.t(`Apps.garage.status.${vehicle.status}`) }}
+            </i>
+          </span>
+          <span class="garage-vehicle__content">
+            <span class="garage-vehicle__title">
+              <span>
+                <strong>{{ displayName(vehicle) }}</strong>
+                <small>{{ modelName(vehicle) }}</small>
+              </span>
+              <b>{{ vehicle.plate }}</b>
+            </span>
+            <span class="garage-vehicle__meta">
+              <span
+                ><MapPin :size="13" />{{
+                  vehicle.location || phone.t('Apps.garage.unknownLocation')
+                }}</span
+              >
+              <span v-if="conditionValue(vehicle) !== null"
+                ><Gauge :size="13" />{{ conditionValue(vehicle) }}%</span
+              >
+            </span>
+          </span>
+        </k-glass>
+      </section>
+
+      <k-card v-else class="garage-empty">
+        <Warehouse :size="37" />
+        <strong>{{
+          query
+            ? phone.t('Apps.garage.noResults')
+            : phone.t('Apps.garage.noVehicles')
+        }}</strong>
+        <p>
+          {{
+            query
+              ? phone.t('Apps.garage.noResultsBody')
+              : phone.t('Apps.garage.noVehiclesBody')
+          }}
+        </p>
+      </k-card>
+
+      <p class="garage-provider">
+        {{
+          phone.t('Apps.garage.provider', { system: garage.overview.system })
+        }}
+      </p>
+    </div>
+
+    <k-sheet
+      :opened="Boolean(selectedVehicle)"
+      class="garage-sheet"
+      @backdropclick="selectedVehicle = null"
+    >
+      <section v-if="selectedVehicle" class="garage-detail">
+        <k-link
+          component="button"
+          icon-only
+          class="garage-detail__close"
+          :aria-label="phone.t('Common.close')"
+          :link-props="{ type: 'button' }"
+          @click="selectedVehicle = null"
+        >
+          <X :size="18" />
+        </k-link>
+        <span
+          class="garage-detail__visual"
+          :class="`is-${selectedVehicle.kind}`"
+        >
+          <component :is="kindIcons[selectedVehicle.kind]" :size="62" />
+        </span>
+        <span
+          class="garage-detail__status"
+          :class="`is-${selectedVehicle.status}`"
+        >
+          {{ phone.t(`Apps.garage.status.${selectedVehicle.status}`) }}
+        </span>
+        <h2>{{ displayName(selectedVehicle) }}</h2>
+        <p>{{ modelName(selectedVehicle) }} · {{ selectedVehicle.plate }}</p>
+
+        <div class="garage-detail__location">
+          <MapPin :size="18" />
+          <span>
+            <small>{{ phone.t('Apps.garage.location') }}</small>
+            <strong>{{
+              selectedVehicle.location || phone.t('Apps.garage.unknownLocation')
+            }}</strong>
+          </span>
+        </div>
+
+        <div class="garage-metrics">
+          <article>
+            <span><Fuel :size="17" />{{ phone.t('Apps.garage.fuel') }}</span>
+            <strong>{{ metricLabel(selectedVehicle.fuel) }}</strong>
+            <i><b :style="{ width: `${selectedVehicle.fuel ?? 0}%` }" /></i>
+          </article>
+          <article>
+            <span><Gauge :size="17" />{{ phone.t('Apps.garage.engine') }}</span>
+            <strong>{{ metricLabel(selectedVehicle.engine) }}</strong>
+            <i><b :style="{ width: `${selectedVehicle.engine ?? 0}%` }" /></i>
+          </article>
+          <article>
+            <span
+              ><ShieldAlert :size="17" />{{ phone.t('Apps.garage.body') }}</span
+            >
+            <strong>{{ metricLabel(selectedVehicle.body) }}</strong>
+            <i><b :style="{ width: `${selectedVehicle.body ?? 0}%` }" /></i>
+          </article>
+        </div>
+
+        <k-glass
+          v-if="garage.overview?.valet.enabled"
+          class="garage-valet-offer"
+        >
+          <div class="garage-valet-offer__top">
+            <span><Sparkles :size="22" /></span>
+            <div>
+              <small>{{ phone.t('Apps.garage.valet.eyebrow') }}</small>
+              <strong>{{ phone.t('Apps.garage.valet.title') }}</strong>
+            </div>
+            <b>{{ formatPrice(garage.overview?.valet.price ?? 0) }}</b>
+          </div>
+          <p>{{ valetAvailability(selectedVehicle) }}</p>
+          <div class="garage-valet-offer__facts">
+            <span
+              ><Route :size="15" />{{
+                phone.t('Apps.garage.valet.tracked')
+              }}</span
+            >
+            <span
+              ><Clock3 :size="15" />{{
+                phone.t('Apps.garage.valet.onDemand')
+              }}</span
+            >
+          </div>
+          <k-button
+            large
+            rounded
+            :disabled="!canRequestValet(selectedVehicle)"
+            @click="valetCandidate = selectedVehicle"
+          >
+            <CircleDollarSign :size="18" />
+            {{ phone.t('Apps.garage.valet.deliver') }}
+          </k-button>
+        </k-glass>
+        <div v-if="selectedVehicle.vin" class="garage-detail__vin">
+          <small>{{ phone.t('Apps.garage.vin') }}</small>
+          <strong>{{ selectedVehicle.vin }}</strong>
+        </div>
+      </section>
+    </k-sheet>
+    <k-dialog
+      :opened="Boolean(valetCandidate)"
+      class="garage-valet-confirm"
+      @backdropclick="valetCandidate = null"
+    >
+      <template #title>{{
+        phone.t('Apps.garage.valet.confirmTitle')
+      }}</template>
+      <div v-if="valetCandidate" class="garage-valet-dialog">
+        <span><Sparkles :size="24" /></span>
+        <p>
+          {{
+            phone.t('Apps.garage.valet.confirmBody', {
+              price: formatPrice(garage.overview?.valet.price ?? 0),
+              vehicle: displayName(valetCandidate),
+            })
+          }}
+        </p>
+        <small>
+          {{
+            phone.t('Apps.garage.valet.account', {
+              account: garage.overview?.valet.account ?? 'bank',
+            })
+          }}
+        </small>
+      </div>
+      <template #buttons>
+        <k-dialog-button @click="valetCandidate = null">
+          {{ phone.t('Common.cancel') }}
+        </k-dialog-button>
+        <k-dialog-button
+          strong
+          :disabled="garage.isValetRequesting"
+          @click="confirmValet"
+        >
+          {{
+            garage.isValetRequesting
+              ? phone.t('Apps.garage.valet.ordering')
+              : phone.t('Apps.garage.valet.confirm')
+          }}
+        </k-dialog-button>
+      </template>
+    </k-dialog>
+
+    <k-toast
+      :opened="toastOpened"
+      position="center"
+      @click="toastOpened = false"
+    >
+      {{ toastText }}
+    </k-toast>
+  </k-page>
+</template>
+
+<style scoped>
+.garage-page {
+  --garage-blue: #2478ff;
+  --garage-cyan: #52d7ff;
+  --garage-background: #f2f2f7;
+  --garage-surface: rgb(255 255 255 / 88%);
+  --garage-surface-solid: #fff;
+  --garage-surface-muted: #f7f7fa;
+  --garage-text: #111114;
+  --garage-secondary: #5f5f65;
+  --garage-separator: rgb(60 60 67 / 13%);
+  --garage-shadow: 0 1px 3px rgb(29 29 31 / 7%);
+  position: relative;
+  overflow: hidden;
+  background: var(--garage-background) !important;
+  color: var(--garage-text);
+}
+.garage-navbar {
+  position: relative;
+  z-index: 3;
+  padding-top: max(24px, var(--k-safe-area-top)) !important;
+  border-bottom: 0.5px solid var(--garage-separator);
+  background: rgb(248 248 250 / 72%);
+  backdrop-filter: saturate(180%) blur(24px);
+  -webkit-backdrop-filter: saturate(180%) blur(24px);
+}
+.garage-scroll {
+  position: relative;
+  z-index: 1;
+  height: calc(100% - 52px);
+  padding: 12px 12px 32px;
+  overflow-y: auto;
+}
+.garage-summary {
+  padding: 16px;
+  border: 0.5px solid rgb(255 255 255 / 75%);
+  border-radius: 16px;
+  background: var(--garage-surface) !important;
+  box-shadow: var(--garage-shadow);
+  color: var(--garage-text);
+}
+.garage-summary__heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.garage-summary__heading > span {
+  display: flex;
+  flex-direction: column;
+}
+.garage-summary__heading small {
+  color: var(--garage-secondary);
+  font-size: 12px;
+  font-weight: 650;
+  text-transform: uppercase;
+  letter-spacing: 0.07em;
+}
+.garage-summary__heading strong {
+  margin-top: 2px;
+  font-size: 35px;
+  line-height: 1;
+  letter-spacing: -0.05em;
+}
+.garage-summary__heading > i {
+  width: 46px;
+  height: 46px;
+  display: grid;
+  place-items: center;
+  border-radius: 14px;
+  background: var(--garage-blue);
+  color: #fff;
+}
+.garage-summary__stats {
+  margin-top: 14px;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 7px;
+}
+.garage-summary__stats span {
+  min-width: 0;
+  padding: 9px 7px;
+  display: grid;
+  grid-template-columns: 7px auto;
+  align-items: center;
+  column-gap: 5px;
+  border-radius: 13px;
+  border: 0.5px solid var(--garage-separator);
+  background: var(--garage-surface-muted);
+  color: var(--garage-secondary);
+  font-size: 11px;
+  font-weight: 560;
+}
+.garage-summary__stats i {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: #34c759;
+}
+.garage-summary__stats i.is-out {
+  background: #ff9f0a;
+}
+.garage-summary__stats i.is-impounded {
+  background: #ff453a;
+}
+.garage-summary__stats b {
+  color: var(--garage-text);
+  font-size: 16px;
+}
+.garage-summary__stats span {
+  grid-template-rows: auto auto;
+}
+.garage-summary__stats span > i {
+  grid-row: 1 / 3;
+}
+.garage-search {
+  margin: 13px 0 10px;
+}
+.garage-search > :deep(.k-glass) {
+  overflow: hidden;
+  border: 0.5px solid var(--garage-separator);
+  background: rgb(118 118 128 / 12%) !important;
+  box-shadow: none !important;
+}
+.garage-search :deep(input) {
+  border: 0;
+  background: transparent !important;
+  color: var(--garage-text);
+  font-size: 13px;
+}
+.garage-search :deep(input::placeholder) {
+  color: var(--garage-secondary);
+  opacity: 1;
+}
+.garage-filters {
+  margin-bottom: 13px;
+  padding: 2px;
+  border: 0.5px solid var(--garage-separator);
+  background: rgb(118 118 128 / 10%);
+}
+.garage-filters :deep(button) {
+  min-width: 0;
+  padding-right: 4px;
+  padding-left: 4px;
+  gap: 4px;
+  font-size: 11px;
+  font-weight: 600;
+}
+.garage-filters small {
+  min-width: 17px;
+  padding: 1px 4px;
+  border-radius: 9px;
+  background: rgb(36 120 255 / 13%);
+  font-size: 10px;
+  font-weight: 700;
+}
+.garage-vehicles {
+  display: flex;
+  flex-direction: column;
+  gap: 11px;
+}
+.garage-vehicle {
+  width: 100%;
+  min-height: 104px;
+  padding: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  border: 0.5px solid var(--garage-separator);
+  border-radius: 15px;
+  background: var(--garage-surface-solid) !important;
+  box-shadow: var(--garage-shadow);
+  color: var(--garage-text);
+  text-align: left;
+  transition:
+    transform 0.16s ease,
+    opacity 0.16s ease;
+}
+.garage-vehicle:active {
+  transform: scale(0.985);
+  opacity: 0.82;
+}
+.garage-vehicle__visual {
+  position: relative;
+  width: 86px;
+  min-width: 86px;
+  min-height: 104px;
+  display: grid;
+  place-items: center;
+  border-right: 0.5px solid rgb(10 132 255 / 12%);
+  background: #eaf3ff;
+  color: #2671c9;
+}
+.garage-vehicle__visual.is-bike {
+  background: #f2eaff;
+  color: #57368e;
+}
+.garage-vehicle__visual.is-boat {
+  background: #e3f8fb;
+  color: #11546b;
+}
+.garage-vehicle__visual.is-plane,
+.garage-vehicle__visual.is-helicopter {
+  background: #fff4dd;
+  color: #744914;
+}
+.garage-vehicle__visual > i {
+  position: absolute;
+  top: 8px;
+  right: 7px;
+  padding: 3px 6px;
+  border-radius: 999px;
+  background: rgb(20 92 48 / 78%);
+  color: #fff;
+  font-size: 10px;
+  font-style: normal;
+  font-weight: 720;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  backdrop-filter: blur(12px);
+}
+.garage-vehicle__visual > i.is-out {
+  background: rgb(176 91 0 / 82%);
+}
+.garage-vehicle__visual > i.is-impounded {
+  background: rgb(176 28 34 / 84%);
+}
+.garage-vehicle__content {
+  min-width: 0;
+  flex: 1;
+  padding: 14px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.garage-vehicle__title {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 9px;
+}
+.garage-vehicle__title > span {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+}
+.garage-vehicle__title strong {
+  overflow: hidden;
+  color: var(--garage-text);
+  font-size: 16px;
+  font-weight: 740;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.garage-vehicle__title small {
+  color: var(--garage-secondary);
+  font-size: 12px;
+  line-height: 1.25;
+}
+.garage-vehicle__title > b {
+  flex: none;
+  padding: 4px 7px;
+  border: 0.5px solid var(--garage-separator);
+  border-radius: 7px;
+  background: var(--garage-surface-muted);
+  color: var(--garage-text);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+}
+.garage-vehicle__meta {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  color: var(--garage-secondary);
+  font-size: 12px;
+  font-weight: 520;
+}
+.garage-vehicle__meta span {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.garage-provider {
+  margin: 16px 0 0;
+  color: var(--garage-secondary);
+  font-size: 11px;
+  text-align: center;
+}
+.garage-empty {
+  margin: 25px 0 !important;
+  padding: 28px 22px !important;
+  background: var(--garage-surface-solid) !important;
+  color: var(--garage-secondary);
+  text-align: center;
+}
+.garage-empty svg {
+  margin: 0 auto 12px;
+  color: var(--garage-blue);
+}
+.garage-empty strong {
+  display: block;
+  color: var(--garage-text);
+  font-size: 16px;
+}
+.garage-empty p {
+  margin: 5px 0 0;
+  font-size: 13px;
+  line-height: 1.45;
+}
+.garage-state {
+  height: calc(100% - 52px);
+  padding: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 9px;
+  color: var(--garage-secondary);
+  text-align: center;
+}
+.garage-state__icon {
+  width: 60px;
+  height: 60px;
+  display: grid;
+  place-items: center;
+  border-radius: 20px;
+  background: rgb(36 120 255 / 12%);
+  color: var(--garage-blue);
+}
+.garage-state strong {
+  color: var(--garage-text);
+  font-size: 18px;
+}
+.garage-state p {
+  margin: 0 0 5px;
+  font-size: 13px;
+  line-height: 1.45;
+}
+.garage-detail {
+  position: relative;
+  padding: 12px 18px 28px;
+  background: var(--garage-surface-solid);
+  color: var(--garage-text);
+  text-align: center;
+}
+.garage-detail__close {
+  position: absolute;
+  z-index: 2;
+  top: 10px;
+  right: 14px;
+  width: 30px;
+  height: 30px;
+  padding: 0;
+  display: grid;
+  place-items: center;
+  border-radius: 50%;
+  background: rgb(118 118 128 / 12%);
+  color: var(--garage-secondary);
+}
+.garage-detail__visual {
+  width: 104px;
+  height: 82px;
+  margin: 4px auto 9px;
+  display: grid;
+  place-items: center;
+  border-radius: 18px;
+  background: #eaf3ff;
+  color: #24518f;
+}
+.garage-detail__visual.is-bike {
+  background: #f2eaff;
+  color: #57368e;
+}
+.garage-detail__visual.is-boat {
+  background: #e3f8fb;
+  color: #11546b;
+}
+.garage-detail__visual.is-plane,
+.garage-detail__visual.is-helicopter {
+  background: #fff4dd;
+  color: #744914;
+}
+.garage-detail__status {
+  display: inline-flex;
+  padding: 4px 9px;
+  border-radius: 999px;
+  background: rgb(52 199 89 / 13%);
+  color: #21813b;
+  font-size: 12px;
+  font-weight: 720;
+  text-transform: uppercase;
+}
+.garage-detail__status.is-out {
+  background: rgb(255 159 10 / 14%);
+  color: #b66500;
+}
+.garage-detail__status.is-impounded {
+  background: rgb(255 69 58 / 13%);
+  color: #c12922;
+}
+.garage-detail h2 {
+  margin: 8px 0 1px;
+  font-size: 22px;
+  line-height: 1.1;
+  letter-spacing: -0.03em;
+}
+.garage-detail > p {
+  margin: 0;
+  color: var(--garage-secondary);
+  font-size: 14px;
+  font-weight: 520;
+}
+.garage-detail__location {
+  margin: 17px 0 11px;
+  padding: 12px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  border-radius: 16px;
+  border: 0.5px solid rgb(10 132 255 / 12%);
+  background: rgb(10 132 255 / 8%);
+  color: var(--garage-blue);
+  text-align: left;
+}
+.garage-detail__location span {
+  display: flex;
+  flex-direction: column;
+}
+.garage-detail__location small {
+  color: var(--garage-secondary);
+  font-size: 12px;
+  font-weight: 560;
+}
+.garage-detail__location strong {
+  color: var(--garage-text);
+  font-size: 15px;
+}
+.garage-metrics {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 7px;
+}
+.garage-metrics article {
+  padding: 10px 8px;
+  border-radius: 15px;
+  border: 0.5px solid var(--garage-separator);
+  background: var(--garage-surface-muted);
+  text-align: left;
+}
+.garage-metrics article > span {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--garage-secondary);
+  font-size: 12px;
+  font-weight: 600;
+}
+.garage-metrics article > strong {
+  margin: 5px 0 7px;
+  display: block;
+  font-size: 17px;
+}
+.garage-metrics article > i {
+  height: 4px;
+  display: block;
+  overflow: hidden;
+  border-radius: 3px;
+  background: rgb(118 118 128 / 16%);
+}
+.garage-metrics article > i b {
+  height: 100%;
+  display: block;
+  border-radius: inherit;
+  background: var(--garage-blue);
+}
+.garage-detail__vin {
+  margin-top: 11px;
+  padding: 9px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-top: 1px solid rgb(60 60 67 / 10%);
+  color: var(--garage-secondary);
+  font-size: 12px;
+  font-weight: 560;
+}
+.garage-detail__vin strong {
+  color: var(--garage-text);
+  font-size: 12px;
+  letter-spacing: 0.04em;
+}
+.garage-valet-live {
+  margin: 11px 0 13px;
+  padding: 13px;
+  display: grid;
+  grid-template-columns: 42px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 10px;
+  border: 0.5px solid rgb(10 132 255 / 22%);
+  border-radius: 15px;
+  background: var(--garage-surface-solid) !important;
+  color: var(--garage-text);
+}
+.garage-valet-live__icon {
+  width: 42px;
+  height: 42px;
+  display: grid;
+  place-items: center;
+  border-radius: 14px;
+  background: var(--garage-blue);
+  color: white;
+}
+.garage-valet-live__body {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+}
+.garage-valet-live__body small,
+.garage-valet-offer__top small {
+  color: var(--garage-blue);
+  font-size: 12px;
+  font-weight: 760;
+  letter-spacing: 0.01em;
+}
+.garage-valet-live__body strong {
+  overflow: hidden;
+  font-size: 15px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.garage-valet-live__body span {
+  color: var(--garage-secondary);
+  font-size: 11px;
+}
+.garage-valet-live__track {
+  height: 3px;
+  margin-top: 7px;
+  overflow: hidden;
+  border-radius: 3px;
+  background: rgb(10 132 255 / 13%);
+}
+.garage-valet-live__track i {
+  width: 42%;
+  height: 100%;
+  display: block;
+  border-radius: inherit;
+  background: var(--garage-blue);
+  animation: garage-valet-track 1.4s ease-in-out infinite alternate;
+}
+.garage-valet-live :deep(button) {
+  min-width: 0;
+  padding: 5px 8px;
+  font-size: 11px;
+}
+.garage-valet-offer {
+  margin-top: 13px;
+  padding: 14px;
+  border: 0.5px solid rgb(10 132 255 / 18%);
+  border-radius: 15px;
+  background: var(--garage-surface-muted) !important;
+  text-align: left;
+}
+.garage-valet-offer__top {
+  display: grid;
+  grid-template-columns: 40px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 9px;
+}
+.garage-valet-offer__top > span {
+  width: 40px;
+  height: 40px;
+  display: grid;
+  place-items: center;
+  border-radius: 13px;
+  background: var(--garage-blue);
+  color: #fff;
+}
+.garage-valet-offer__top > div {
+  display: flex;
+  flex-direction: column;
+}
+.garage-valet-offer__top strong {
+  font-size: 16px;
+}
+.garage-valet-offer__top > b {
+  color: var(--garage-blue);
+  font-size: 16px;
+}
+.garage-valet-offer > p {
+  margin: 10px 0;
+  color: var(--garage-secondary);
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.45;
+}
+.garage-valet-offer__facts {
+  margin-bottom: 11px;
+  display: flex;
+  gap: 12px;
+  color: var(--garage-secondary);
+  font-size: 12px;
+  font-weight: 560;
+}
+.garage-valet-offer__facts span {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.garage-valet-offer :deep(button) {
+  width: 100%;
+  min-height: 44px;
+  gap: 7px;
+  background: var(--garage-blue);
+  font-size: 14px;
+  font-weight: 650;
+}
+.garage-valet-offer :deep(button:disabled) {
+  opacity: 0.65;
+}
+.garage-valet-dialog {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  color: var(--garage-secondary);
+  text-align: center;
+}
+.garage-valet-confirm {
+  border: 1px solid rgb(60 60 67 / 18%);
+  background: rgb(250 250 252 / 98%) !important;
+  box-shadow: 0 24px 70px rgb(0 0 0 / 32%);
+  color: var(--garage-text);
+}
+.garage-valet-dialog > span {
+  width: 48px;
+  height: 48px;
+  margin-bottom: 8px;
+  display: grid;
+  place-items: center;
+  border-radius: 16px;
+  background: var(--garage-blue);
+  color: #fff;
+}
+.garage-valet-dialog p {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.45;
+}
+.garage-valet-dialog small {
+  margin-top: 7px;
+  color: var(--garage-blue);
+  font-size: 11px;
+}
+:global(.phone-app.dark .garage-valet-live) {
+  background: var(--garage-surface-solid) !important;
+}
+:global(.phone-app.dark .garage-valet-offer) {
+  background: var(--garage-surface-muted) !important;
+}
+:global(.phone-app.dark .garage-valet-confirm) {
+  border-color: rgb(255 255 255 / 14%);
+  background: rgb(28 28 30 / 98%) !important;
+  box-shadow: 0 24px 70px rgb(0 0 0 / 72%);
+  color: #f5f5f7;
+}
+@keyframes garage-valet-track {
+  from {
+    transform: translateX(-18%);
+  }
+  to {
+    transform: translateX(155%);
+  }
+}
+:global(.phone-app.dark .garage-page) {
+  --garage-background: #000;
+  --garage-surface: rgb(28 28 30 / 88%);
+  --garage-surface-solid: #1c1c1e;
+  --garage-surface-muted: #2c2c2e;
+  --garage-text: #f5f5f7;
+  --garage-secondary: #b4b4ba;
+  --garage-separator: rgb(84 84 88 / 52%);
+  --garage-shadow: 0 1px 3px rgb(0 0 0 / 28%);
+  background: var(--garage-background) !important;
+}
+:global(.phone-app.dark .garage-navbar) {
+  background: rgb(18 18 20 / 72%);
+}
+:global(.phone-app.dark .garage-summary),
+:global(.phone-app.dark .garage-vehicle) {
+  color: #f5f7fb;
+}
+:global(.phone-app.dark .garage-summary__heading strong),
+:global(.phone-app.dark .garage-summary__stats b),
+:global(.phone-app.dark .garage-vehicle__title strong),
+:global(.phone-app.dark .garage-empty strong),
+:global(.phone-app.dark .garage-state strong) {
+  color: #f5f7fb;
+}
+:global(.phone-app.dark .garage-summary__stats span) {
+  background: var(--garage-surface-muted);
+}
+:global(.phone-app.dark .garage-vehicle__title > b) {
+  background: var(--garage-surface-muted);
+}
+:global(.phone-app.dark .garage-search > .k-glass) {
+  background: rgb(118 118 128 / 24%) !important;
+}
+:global(.phone-app.dark .garage-search input) {
+  background: transparent !important;
+  color: var(--garage-text);
+}
+:global(.phone-app.dark .garage-filters) {
+  background: rgb(118 118 128 / 24%);
+}
+:global(.phone-app.dark .garage-vehicle__visual) {
+  border-color: rgb(10 132 255 / 18%);
+  background: #17263a;
+  color: #64aaff;
+}
+:global(.phone-app.dark .garage-vehicle__visual.is-bike) {
+  background: #352445;
+  color: #d3a4ff;
+}
+:global(.phone-app.dark .garage-vehicle__visual.is-boat) {
+  background: #153740;
+  color: #70e5f4;
+}
+:global(.phone-app.dark .garage-vehicle__visual.is-plane),
+:global(.phone-app.dark .garage-vehicle__visual.is-helicopter) {
+  background: #3d2d17;
+  color: #ffd37a;
+}
+:global(.phone-app.dark .garage-detail) {
+  color: #f5f7fb;
+}
+:global(.phone-app.dark .garage-detail__close) {
+  background: rgb(118 118 128 / 28%);
+  color: #d1d1d6;
+}
+:global(.phone-app.dark .garage-detail__location),
+:global(.phone-app.dark .garage-metrics article) {
+  background: var(--garage-surface-muted);
+}
+:global(.phone-app.dark .garage-detail__location strong),
+:global(.phone-app.dark .garage-detail__vin strong) {
+  color: #f5f7fb;
+}
+</style>
diff --git a/frontend/src/views/apps/WeatherApp.vue b/frontend/src/views/apps/WeatherApp.vue
index 1b5b731..964353c 100644
--- a/frontend/src/views/apps/WeatherApp.vue
+++ b/frontend/src/views/apps/WeatherApp.vue
@@ -1,27 +1,21 @@
 <script setup lang="ts">
 import { kCard, kLink, kNavbar, kPage, kPreloader } from 'konsta/vue'
 import {
-  Cloud,
-  CloudFog,
-  CloudLightning,
-  CloudRain,
   CloudSun,
   Droplets,
   Gauge,
-  MoonStar,
   Navigation,
   RefreshCw,
-  Snowflake,
-  Sun,
   ThermometerSun,
   Umbrella,
   Wind,
 } from 'lucide-vue-next'
-import { computed, type Component } from 'vue'
+import { computed } from 'vue'
 
+import WeatherConditionIcon from '@/components/WeatherConditionIcon.vue'
 import { usePhoneStore } from '@/stores/phone'
 import { useWeatherStore } from '@/stores/weather'
-import type { DailyWeather, WeatherConditionId } from '@/types/weather'
+import type { WeatherConditionId } from '@/types/weather'
 
 const phone = usePhoneStore()
 const weather = useWeatherStore()
@@ -31,23 +25,6 @@ const cardColors = {
   textIos: 'text-white',
 }
 
-const conditionIcons: Record<WeatherConditionId, Component> = {
-  sunny: Sun,
-  clear: MoonStar,
-  partly_cloudy: CloudSun,
-  cloudy: Cloud,
-  rain: CloudRain,
-  thunder: CloudLightning,
-  fog: CloudFog,
-  snow: Snowflake,
-}
-
-function conditionIcon(condition: WeatherConditionId, timestamp: number): Component {
-  if (condition !== 'clear') return conditionIcons[condition]
-  const hour = new Date(timestamp).getUTCHours()
-  return hour >= 7 && hour < 20 ? Sun : MoonStar
-}
-
 function conditionLabel(condition: WeatherConditionId): string {
   return phone.t(`Apps.weather.conditions.${condition}`)
 }
@@ -59,26 +36,6 @@ function formatHour(timestamp: number, index: number): string {
     timeZone: 'UTC',
   }).format(timestamp)
 }
-
-function formatDay(day: DailyWeather, index: number): string {
-  if (index === 0) return phone.t('Apps.weather.today')
-  return new Intl.DateTimeFormat(phone.lang, {
-    timeZone: 'UTC',
-    weekday: 'short',
-  }).format(day.timestamp)
-}
-
-function temperatureRange(day: DailyWeather): Record<string, string> {
-  const lows = forecast.value?.daily.map((item) => item.low) ?? [day.low]
-  const highs = forecast.value?.daily.map((item) => item.high) ?? [day.high]
-  const minimum = Math.min(...lows)
-  const maximum = Math.max(...highs)
-  const span = Math.max(1, maximum - minimum)
-  return {
-    '--range-left': `${((day.low - minimum) / span) * 58}%`,
-    '--range-width': `${Math.max(18, ((day.high - day.low) / span) * 58)}%`,
-  }
-}
 </script>
 
 <template>
@@ -97,7 +54,10 @@ function temperatureRange(day: DailyWeather): Record<string, string> {
           :disabled="weather.isLoading"
           @click="weather.refresh(true)"
         >
-          <RefreshCw :size="17" :class="{ 'weather-spin': weather.isLoading }" />
+          <RefreshCw
+            :size="17"
+            :class="{ 'weather-spin': weather.isLoading }"
+          />
         </k-link>
       </template>
     </k-navbar>
@@ -108,12 +68,11 @@ function temperatureRange(day: DailyWeather): Record<string, string> {
           <Navigation :size="13" fill="currentColor" />
           {{ phone.t(`Apps.weather.regions.${forecast.region}`) }}
         </div>
-        <component
-          :is="conditionIcon(forecast.condition, forecast.timestamp)"
+        <WeatherConditionIcon
+          :condition="forecast.condition"
+          :timestamp="forecast.timestamp"
           class="weather-hero__icon"
           :size="82"
-          :stroke-width="1.25"
-          aria-hidden="true"
         />
         <div class="weather-temperature">{{ forecast.temperature }}°</div>
         <strong>{{ conditionLabel(forecast.condition) }}</strong>
@@ -124,23 +83,42 @@ function temperatureRange(day: DailyWeather): Record<string, string> {
         {{ phone.t('Apps.weather.stale') }}
       </p>
 
-      <section class="weather-details" :aria-label="phone.t('Apps.weather.details')">
-        <k-card :colors="cardColors" :content-wrap="false" class="weather-detail-card">
+      <section
+        class="weather-details"
+        :aria-label="phone.t('Apps.weather.details')"
+      >
+        <k-card
+          :colors="cardColors"
+          :content-wrap="false"
+          class="weather-detail-card"
+        >
           <ThermometerSun :size="18" />
           <span>{{ phone.t('Apps.weather.feelsLike') }}</span>
           <strong>{{ forecast.feelsLike }}°</strong>
         </k-card>
-        <k-card :colors="cardColors" :content-wrap="false" class="weather-detail-card">
+        <k-card
+          :colors="cardColors"
+          :content-wrap="false"
+          class="weather-detail-card"
+        >
           <Wind :size="18" />
           <span>{{ phone.t('Apps.weather.wind') }}</span>
           <strong>{{ forecast.windSpeed }} km/h</strong>
         </k-card>
-        <k-card :colors="cardColors" :content-wrap="false" class="weather-detail-card">
+        <k-card
+          :colors="cardColors"
+          :content-wrap="false"
+          class="weather-detail-card"
+        >
           <Droplets :size="18" />
           <span>{{ phone.t('Apps.weather.humidity') }}</span>
           <strong>{{ forecast.humidity }}%</strong>
         </k-card>
-        <k-card :colors="cardColors" :content-wrap="false" class="weather-detail-card">
+        <k-card
+          :colors="cardColors"
+          :content-wrap="false"
+          class="weather-detail-card"
+        >
           <Umbrella :size="18" />
           <span>{{ phone.t('Apps.weather.rain') }}</span>
           <strong>{{ forecast.rainChance }}%</strong>
@@ -160,53 +138,30 @@ function temperatureRange(day: DailyWeather): Record<string, string> {
             class="weather-hour"
           >
             <span>{{ formatHour(hour.timestamp, index) }}</span>
-            <component
-              :is="conditionIcon(hour.condition, hour.timestamp)"
-              :size="24"
-              :stroke-width="1.7"
-              aria-hidden="true"
+            <WeatherConditionIcon
+              :condition="hour.condition"
+              :timestamp="hour.timestamp"
             />
             <small v-if="hour.rainChance >= 30">{{ hour.rainChance }}%</small>
             <strong>{{ hour.temperature }}°</strong>
           </div>
         </div>
       </k-card>
-
-      <k-card
-        :colors="cardColors"
-        :content-wrap="false"
-        class="weather-panel weather-daily-panel"
-      >
-        <h2><CloudSun :size="15" />{{ phone.t('Apps.weather.daily') }}</h2>
-        <div
-          v-for="(day, index) in forecast.daily"
-          :key="day.timestamp"
-          class="weather-day"
-        >
-          <strong>{{ formatDay(day, index) }}</strong>
-          <span class="weather-day__condition">
-            <component
-              :is="conditionIcon(day.condition, day.timestamp)"
-              :size="24"
-              :stroke-width="1.7"
-              aria-hidden="true"
-            />
-            <small v-if="day.rainChance >= 30">{{ day.rainChance }}%</small>
-          </span>
-          <span class="weather-day__low">{{ day.low }}°</span>
-          <span class="weather-day__range" :style="temperatureRange(day)">
-            <i></i>
-          </span>
-          <span>{{ day.high }}°</span>
-        </div>
-      </k-card>
     </div>
 
     <div v-else class="weather-empty">
       <k-preloader v-if="weather.isLoading" />
       <CloudSun v-else :size="52" :stroke-width="1.4" />
-      <strong>{{ phone.t(weather.isLoading ? 'Common.loading' : 'Apps.weather.unavailable') }}</strong>
-      <k-link v-if="!weather.isLoading" component="button" @click="weather.refresh(true)">
+      <strong>{{
+        phone.t(
+          weather.isLoading ? 'Common.loading' : 'Apps.weather.unavailable',
+        )
+      }}</strong>
+      <k-link
+        v-if="!weather.isLoading"
+        component="button"
+        @click="weather.refresh(true)"
+      >
         {{ phone.t('Apps.weather.tryAgain') }}
       </k-link>
     </div>
diff --git a/frontend/testserver/index.cjs b/frontend/testserver/index.cjs
index 29514e4..c4f8958 100644
--- a/frontend/testserver/index.cjs
+++ b/frontend/testserver/index.cjs
@@ -48,13 +48,115 @@ let mockBankBalance = 24787
 let mockCashBalance = 2350
 let nextBankTransactionId = 7
 const mockBankTransactions = [
-  { id: 1, kind: 'transfer_in', amount: 3200, label: 'Sofia Turner', reference: 'mock-1', createdAt: Date.now() - 45 * 60 * 1000 },
-  { id: 2, kind: 'transfer_out', amount: 680, label: 'Vincent Cole', reference: 'mock-2', createdAt: Date.now() - 5 * 60 * 60 * 1000 },
-  { id: 3, kind: 'deposit', amount: 1250, label: '', reference: 'mock-3', createdAt: Date.now() - 25 * 60 * 60 * 1000 },
-  { id: 4, kind: 'transfer_out', amount: 420, label: 'Maya Brooks', reference: 'mock-4', createdAt: Date.now() - 50 * 60 * 60 * 1000 },
-  { id: 5, kind: 'withdrawal', amount: 300, label: '', reference: 'mock-5', createdAt: Date.now() - 76 * 60 * 60 * 1000 },
-  { id: 6, kind: 'transfer_in', amount: 950, label: 'Noah Bennett', reference: 'mock-6', createdAt: Date.now() - 120 * 60 * 60 * 1000 },
+  {
+    id: 1,
+    kind: 'transfer_in',
+    amount: 3200,
+    label: 'Sofia Turner',
+    reference: 'mock-1',
+    createdAt: Date.now() - 45 * 60 * 1000,
+  },
+  {
+    id: 2,
+    kind: 'transfer_out',
+    amount: 680,
+    label: 'Vincent Cole',
+    reference: 'mock-2',
+    createdAt: Date.now() - 5 * 60 * 60 * 1000,
+  },
+  {
+    id: 3,
+    kind: 'deposit',
+    amount: 1250,
+    label: '',
+    reference: 'mock-3',
+    createdAt: Date.now() - 25 * 60 * 60 * 1000,
+  },
+  {
+    id: 4,
+    kind: 'transfer_out',
+    amount: 420,
+    label: 'Maya Brooks',
+    reference: 'mock-4',
+    createdAt: Date.now() - 50 * 60 * 60 * 1000,
+  },
+  {
+    id: 5,
+    kind: 'withdrawal',
+    amount: 300,
+    label: '',
+    reference: 'mock-5',
+    createdAt: Date.now() - 76 * 60 * 60 * 1000,
+  },
+  {
+    id: 6,
+    kind: 'transfer_in',
+    amount: 950,
+    label: 'Noah Bennett',
+    reference: 'mock-6',
+    createdAt: Date.now() - 120 * 60 * 60 * 1000,
+  },
 ]
+const mockGarageVehicles = [
+  {
+    id: 'vehicle-1',
+    plate: 'SKY 204',
+    vin: '1S9SKY204LS000001',
+    nickname: 'Midnight',
+    model: 'sultanrs',
+    name: 'Karin Sultan RS',
+    kind: 'car',
+    status: 'garaged',
+    location: 'Legion Square',
+    fuel: 82,
+    engine: 96,
+    body: 91,
+  },
+  {
+    id: 'vehicle-2',
+    plate: 'NOVA 77',
+    vin: '1S9NOVA77LS000002',
+    nickname: '',
+    model: 'comet6',
+    name: 'Pfister Comet S2',
+    kind: 'car',
+    status: 'out',
+    location: '',
+    fuel: 46,
+    engine: 88,
+    body: 73,
+  },
+  {
+    id: 'vehicle-3',
+    plate: 'SEA 911',
+    vin: '1S9SEA911LS000003',
+    nickname: 'Blue Current',
+    model: 'speeder',
+    name: 'Pegassi Speeder',
+    kind: 'boat',
+    status: 'garaged',
+    location: 'La Puerta Pier',
+    fuel: 67,
+    engine: 84,
+    body: 79,
+  },
+  {
+    id: 'vehicle-4',
+    plate: 'AIR 404',
+    vin: '1S9AIR404LS000004',
+    nickname: '',
+    model: 'maverick',
+    name: 'Buckingham Maverick',
+    kind: 'helicopter',
+    status: 'impounded',
+    location: 'Impound Heli',
+    fuel: 23,
+    engine: 58,
+    body: 44,
+  },
+]
+
+let mockGarageValet = null
 
 let contactSequence = 2
 const contacts = [
@@ -69,8 +171,13 @@ const contacts = [
 const attachmentAssets = {
   gif: new Set(['celebrate', 'hearts', 'party', 'thumbs_up', 'wow']),
   image: new Set([
-    'camera-1', 'camera-2', 'camera-3', 'city-lights', 'desert-road',
-    'ocean-air', 'sunset-drive',
+    'camera-1',
+    'camera-2',
+    'camera-3',
+    'city-lights',
+    'desert-road',
+    'ocean-air',
+    'sunset-drive',
   ]),
   video: new Set(['city-loop', 'ocean-loop', 'sunset-loop']),
 }
@@ -201,8 +308,26 @@ const darkChatProfile = {
   createdAt: '2026-08-01 21:20:00',
 }
 const darkChatPeers = [
-  { id: 2, darkId: 'dark:N0VA-41KQ', alias: 'Nova', originalAlias: 'Nova', avatarSeed: 142, activityVisible: true, isContact: true, blocked: false },
-  { id: 3, darkId: 'dark:ECH0-77LM', alias: 'Echo', originalAlias: 'Echo', avatarSeed: 311, activityVisible: false, isContact: true, blocked: false },
+  {
+    id: 2,
+    darkId: 'dark:N0VA-41KQ',
+    alias: 'Nova',
+    originalAlias: 'Nova',
+    avatarSeed: 142,
+    activityVisible: true,
+    isContact: true,
+    blocked: false,
+  },
+  {
+    id: 3,
+    darkId: 'dark:ECH0-77LM',
+    alias: 'Echo',
+    originalAlias: 'Echo',
+    avatarSeed: 311,
+    activityVisible: false,
+    isContact: true,
+    blocked: false,
+  },
 ]
 const darkChatConversations = [
   {
@@ -217,28 +342,51 @@ const darkChatConversations = [
 ]
 const darkChatMessages = [
   {
-    id: 'dc-message-00000000-0000-000000000001', conversationId: darkChatConversations[0].id,
-    direction: 'received', senderProfileId: 2, messageType: 'text', body: 'The east gate is clear. Are you close?',
-    reactions: {}, createdAt: '2026-08-06 22:42:00', readAt: '2026-08-06 22:43:00',
+    id: 'dc-message-00000000-0000-000000000001',
+    conversationId: darkChatConversations[0].id,
+    direction: 'received',
+    senderProfileId: 2,
+    messageType: 'text',
+    body: 'The east gate is clear. Are you close?',
+    reactions: {},
+    createdAt: '2026-08-06 22:42:00',
+    readAt: '2026-08-06 22:43:00',
   },
   {
-    id: 'dc-message-00000000-0000-000000000002', conversationId: darkChatConversations[0].id,
-    direction: 'sent', senderProfileId: 1, messageType: 'text', body: 'Two minutes. Keep this channel quiet. 🟣',
-    reactions: { 2: '👍' }, createdAt: '2026-08-06 22:43:00', readAt: '2026-08-06 22:43:30',
+    id: 'dc-message-00000000-0000-000000000002',
+    conversationId: darkChatConversations[0].id,
+    direction: 'sent',
+    senderProfileId: 1,
+    messageType: 'text',
+    body: 'Two minutes. Keep this channel quiet. 🟣',
+    reactions: { 2: '👍' },
+    createdAt: '2026-08-06 22:43:00',
+    readAt: '2026-08-06 22:43:30',
   },
   {
-    id: 'dc-message-00000000-0000-000000000003', conversationId: darkChatConversations[0].id,
-    direction: 'received', senderProfileId: 2, messageType: 'gif', body: '',
-    mediaPayload: 'https://media.giphy.com/media/ICOgUNjpvO0PC/giphy.gif', reactions: {}, createdAt: '2026-08-06 22:44:00', readAt: null,
+    id: 'dc-message-00000000-0000-000000000003',
+    conversationId: darkChatConversations[0].id,
+    direction: 'received',
+    senderProfileId: 2,
+    messageType: 'gif',
+    body: '',
+    mediaPayload: 'https://media.giphy.com/media/ICOgUNjpvO0PC/giphy.gif',
+    reactions: {},
+    createdAt: '2026-08-06 22:44:00',
+    readAt: null,
   },
 ]
 
 function darkChatBootstrap() {
   return {
     profile: darkChatProfile,
-    contacts: darkChatPeers.filter((peer) => peer.isContact).map((peer) => ({ ...peer, createdAt: '2026-08-03 22:12:00' })),
+    contacts: darkChatPeers
+      .filter((peer) => peer.isContact)
+      .map((peer) => ({ ...peer, createdAt: '2026-08-03 22:12:00' })),
     conversations: darkChatConversations.map((conversation) => {
-      const thread = darkChatMessages.filter((message) => message.conversationId === conversation.id)
+      const thread = darkChatMessages.filter(
+        (message) => message.conversationId === conversation.id,
+      )
       const last = thread.at(-1)
       return {
         id: conversation.id,
@@ -248,7 +396,9 @@ function darkChatBootstrap() {
         lastMessage: last?.body ?? '',
         lastMessageType: last?.messageType ?? 'system',
         lastMessageAt: last?.createdAt ?? conversation.createdAt,
-        unread: thread.filter((message) => message.direction === 'received' && !message.readAt).length,
+        unread: thread.filter(
+          (message) => message.direction === 'received' && !message.readAt,
+        ).length,
       }
     }),
   }
@@ -986,18 +1136,74 @@ app.post('/api/:endpoint', (request, response) => {
     response.json({ success: true, data: bankingOverview() })
     return
   }
-    if (endpoint === 'banking:transfer') {
+  if (endpoint === 'garage:vehicles') {
+    response.json({
+      success: true,
+      data: {
+        system: 'jg',
+        valet: {
+          account: 'bank',
+          enabled: true,
+          price: 750,
+          vehicleTypes: {
+            bike: true,
+            boat: false,
+            car: true,
+            helicopter: false,
+            plane: false,
+          },
+        },
+        vehicles: mockGarageVehicles,
+      },
+    })
+    return
+  }
+  if (endpoint === 'garage:valet-state') {
+    response.json({ success: true, data: mockGarageValet })
+    return
+  }
+  if (endpoint === 'garage:valet-request') {
+    const vehicle = mockGarageVehicles.find(
+      (item) => item.plate === request.body.plate,
+    )
+    if (!vehicle || vehicle.status !== 'garaged') {
+      response.json({ success: false, error: 'vehicle_not_garaged' })
+      return
+    }
+    if (!['car', 'bike'].includes(vehicle.kind)) {
+      response.json({ success: false, error: 'valet_vehicle_type' })
+      return
+    }
+    mockGarageValet = {
+      canCancel: true,
+      cost: 750,
+      distance: 1240,
+      etaSeconds: 62,
+      orderId: 'mock-valet-1',
+      plate: vehicle.plate,
+      status: 'en_route',
+      vehicleName: vehicle.nickname || vehicle.name,
+    }
+    response.json({ success: true, data: mockGarageValet })
+    return
+  }
+  if (endpoint === 'garage:valet-cancel') {
+    mockGarageValet = null
+    response.json({ success: true, data: null })
+    return
+  }
+  if (endpoint === 'banking:transfer') {
     const amount = Number(request.body.amount)
     if (!Number.isSafeInteger(amount) || amount <= 0) {
       response.json({ success: false, error: 'invalid_request' })
       return
     }
-      if (mockBankBalance < amount) {
-        response.json({ success: false, error: 'insufficient_funds' })
-        return
-      }
-      const kind = 'transfer_out'
-      mockBankBalance -= amount
+    if (mockBankBalance < amount) {
+      response.json({ success: false, error: 'insufficient_funds' })
+      return
+    }
+    const kind = 'transfer_out'
+    mockBankBalance -= amount
     mockBankTransactions.unshift({
       amount,
       createdAt: Date.now(),
@@ -1015,6 +1221,7 @@ app.post('/api/:endpoint', (request, response) => {
       data: {
         clock: { year: 2026, month: 8, day: 5, hour: 17, minute: 20 },
         condition: 'partly_cloudy',
+        nextCondition: 'rain',
         rainLevel: 0.08,
         region: 'los_santos',
         windSpeed: 3.2,
@@ -1034,21 +1241,27 @@ app.post('/api/:endpoint', (request, response) => {
     return
   }
   if (endpoint === 'darkchat:update-profile') {
-    darkChatProfile.alias = String(request.body.alias ?? darkChatProfile.alias).trim()
-    darkChatProfile.notificationMode = request.body.notificationMode ?? 'private'
+    darkChatProfile.alias = String(
+      request.body.alias ?? darkChatProfile.alias,
+    ).trim()
+    darkChatProfile.notificationMode =
+      request.body.notificationMode ?? 'private'
     darkChatProfile.activityVisible = Boolean(request.body.activityVisible)
     response.json({ success: true, data: darkChatProfile })
     return
   }
   if (endpoint === 'darkchat:start') {
     const identifier = String(request.body.identifier ?? '').toUpperCase()
-    const peer = darkChatPeers.find((item) => item.darkId.toUpperCase() === identifier)
-      ?? (identifier === 'DC-ECH0-77LM' ? darkChatPeers[1] : null)
+    const peer =
+      darkChatPeers.find((item) => item.darkId.toUpperCase() === identifier) ??
+      (identifier === 'DC-ECH0-77LM' ? darkChatPeers[1] : null)
     if (!peer) {
       response.json({ success: false, error: 'profile_not_found' })
       return
     }
-    let conversation = darkChatConversations.find((item) => item.peer.id === peer.id)
+    let conversation = darkChatConversations.find(
+      (item) => item.peer.id === peer.id,
+    )
     if (!conversation) {
       conversation = {
         id: `dc-conversation-${Date.now()}`,
@@ -1065,22 +1278,38 @@ app.post('/api/:endpoint', (request, response) => {
     return
   }
   if (endpoint === 'darkchat:thread') {
-    const conversation = darkChatConversations.find((item) => item.id === request.body.conversationId)
+    const conversation = darkChatConversations.find(
+      (item) => item.id === request.body.conversationId,
+    )
     if (!conversation) {
       response.json({ success: false, error: 'conversation_not_found' })
       return
     }
-    const thread = darkChatMessages.filter((message) => message.conversationId === conversation.id)
+    const thread = darkChatMessages.filter(
+      (message) => message.conversationId === conversation.id,
+    )
     for (const message of thread) {
-      if (message.direction === 'received') message.readAt = message.readAt ?? new Date().toISOString()
+      if (message.direction === 'received')
+        message.readAt = message.readAt ?? new Date().toISOString()
     }
-    response.json({ success: true, data: { conversation, messages: thread.map(({ mediaSecret, ...message }) => message) } })
+    response.json({
+      success: true,
+      data: {
+        conversation,
+        messages: thread.map(({ mediaSecret, ...message }) => message),
+      },
+    })
     return
   }
   if (endpoint === 'darkchat:send') {
-    const conversation = darkChatConversations.find((item) => item.id === request.body.conversationId)
+    const conversation = darkChatConversations.find(
+      (item) => item.id === request.body.conversationId,
+    )
     if (!conversation || conversation.peer.blocked) {
-      response.json({ success: false, error: conversation ? 'blocked' : 'conversation_not_found' })
+      response.json({
+        success: false,
+        error: conversation ? 'blocked' : 'conversation_not_found',
+      })
       return
     }
     const messageType = request.body.messageType ?? 'text'
@@ -1089,7 +1318,9 @@ app.post('/api/:endpoint', (request, response) => {
       response.json({ success: false, error: 'invalid_message' })
       return
     }
-    const reply = darkChatMessages.find((message) => message.id === request.body.replyToId)
+    const reply = darkChatMessages.find(
+      (message) => message.id === request.body.replyToId,
+    )
     const message = {
       id: `dc-message-${Date.now()}`,
       conversationId: conversation.id,
@@ -1097,8 +1328,10 @@ app.post('/api/:endpoint', (request, response) => {
       senderProfileId: darkChatProfile.id,
       messageType,
       body,
-      mediaPayload: messageType === 'gif' ? request.body.mediaPayload : undefined,
-      mediaSecret: messageType === 'voice' ? request.body.mediaPayload : undefined,
+      mediaPayload:
+        messageType === 'gif' ? request.body.mediaPayload : undefined,
+      mediaSecret:
+        messageType === 'voice' ? request.body.mediaPayload : undefined,
       mediaMime: request.body.mediaMime,
       mediaDurationMs: request.body.mediaDurationMs,
       mediaWaveform: request.body.mediaWaveform,
@@ -1114,25 +1347,42 @@ app.post('/api/:endpoint', (request, response) => {
     return
   }
   if (endpoint === 'darkchat:media') {
-    const message = darkChatMessages.find((item) => item.id === request.body.messageId && item.messageType === 'voice')
-    response.json(message?.mediaSecret
-      ? { success: true, data: { mime: message.mediaMime, payload: message.mediaSecret } }
-      : { success: false, error: 'message_not_found' })
+    const message = darkChatMessages.find(
+      (item) =>
+        item.id === request.body.messageId && item.messageType === 'voice',
+    )
+    response.json(
+      message?.mediaSecret
+        ? {
+            success: true,
+            data: { mime: message.mediaMime, payload: message.mediaSecret },
+          }
+        : { success: false, error: 'message_not_found' },
+    )
     return
   }
   if (endpoint === 'darkchat:react') {
-    const message = darkChatMessages.find((item) => item.id === request.body.messageId)
+    const message = darkChatMessages.find(
+      (item) => item.id === request.body.messageId,
+    )
     if (message) {
       const current = message.reactions[String(darkChatProfile.id)]
-      if (current === request.body.reaction) delete message.reactions[String(darkChatProfile.id)]
+      if (current === request.body.reaction)
+        delete message.reactions[String(darkChatProfile.id)]
       else message.reactions[String(darkChatProfile.id)] = request.body.reaction
     }
-    response.json({ success: Boolean(message), error: message ? undefined : 'message_not_found' })
+    response.json({
+      success: Boolean(message),
+      error: message ? undefined : 'message_not_found',
+    })
     return
   }
   if (endpoint === 'darkchat:message-action') {
-    const index = darkChatMessages.findIndex((item) => item.id === request.body.messageId)
-    if (index >= 0 && request.body.action === 'delete_me') darkChatMessages.splice(index, 1)
+    const index = darkChatMessages.findIndex(
+      (item) => item.id === request.body.messageId,
+    )
+    if (index >= 0 && request.body.action === 'delete_me')
+      darkChatMessages.splice(index, 1)
     else if (index >= 0 && request.body.action === 'delete_all') {
       darkChatMessages[index].messageType = 'system'
       darkChatMessages[index].body = 'message_deleted'
@@ -1142,38 +1392,59 @@ app.post('/api/:endpoint', (request, response) => {
     return
   }
   if (endpoint === 'darkchat:update-conversation') {
-    const conversation = darkChatConversations.find((item) => item.id === request.body.conversationId)
+    const conversation = darkChatConversations.find(
+      (item) => item.id === request.body.conversationId,
+    )
     if (conversation) {
-      conversation.disappearingSeconds = Number(request.body.disappearingSeconds)
-      conversation.notificationsEnabled = Boolean(request.body.notificationsEnabled)
+      conversation.disappearingSeconds = Number(
+        request.body.disappearingSeconds,
+      )
+      conversation.notificationsEnabled = Boolean(
+        request.body.notificationsEnabled,
+      )
       conversation.readReceipts = Boolean(request.body.readReceipts)
       darkChatMessages.push({
-        id: `dc-system-${Date.now()}`, conversationId: conversation.id, direction: 'received',
-        messageType: 'system', body: `timer_changed:${conversation.disappearingSeconds}`,
-        reactions: {}, createdAt: new Date().toISOString().slice(0, 19).replace('T', ' '),
+        id: `dc-system-${Date.now()}`,
+        conversationId: conversation.id,
+        direction: 'received',
+        messageType: 'system',
+        body: `timer_changed:${conversation.disappearingSeconds}`,
+        reactions: {},
+        createdAt: new Date().toISOString().slice(0, 19).replace('T', ' '),
       })
     }
     response.json({ success: Boolean(conversation) })
     return
   }
-  if (endpoint === 'darkchat:add-contact' || endpoint === 'darkchat:remove-contact') {
-    const conversation = darkChatConversations.find((item) => item.id === request.body.conversationId)
+  if (
+    endpoint === 'darkchat:add-contact' ||
+    endpoint === 'darkchat:remove-contact'
+  ) {
+    const conversation = darkChatConversations.find(
+      (item) => item.id === request.body.conversationId,
+    )
     if (conversation) {
       conversation.peer.isContact = endpoint === 'darkchat:add-contact'
-      if (request.body.alias) conversation.peer.alias = String(request.body.alias)
+      if (request.body.alias)
+        conversation.peer.alias = String(request.body.alias)
     }
     response.json({ success: Boolean(conversation) })
     return
   }
   if (endpoint === 'darkchat:block') {
-    const conversation = darkChatConversations.find((item) => item.id === request.body.conversationId)
+    const conversation = darkChatConversations.find(
+      (item) => item.id === request.body.conversationId,
+    )
     if (conversation) conversation.peer.blocked = Boolean(request.body.blocked)
     response.json({ success: Boolean(conversation) })
     return
   }
   if (endpoint === 'darkchat:clear') {
     for (let index = darkChatMessages.length - 1; index >= 0; index -= 1) {
-      if (darkChatMessages[index].conversationId === request.body.conversationId) darkChatMessages.splice(index, 1)
+      if (
+        darkChatMessages[index].conversationId === request.body.conversationId
+      )
+        darkChatMessages.splice(index, 1)
     }
     response.json({ success: true })
     return
@@ -1209,14 +1480,16 @@ app.post('/api/:endpoint', (request, response) => {
   if (endpoint === 'messages:gifs') {
     const offset = Math.max(0, Number(request.body.offset ?? 0))
     const pageSize = 6
-    const results = gifMocks.slice(offset, offset + pageSize).map(([id, title]) => ({
-      height: 200,
-      id,
-      previewUrl: `https://media.giphy.com/media/${id}/200w.gif`,
-      title,
-      url: `https://media.giphy.com/media/${id}/giphy.gif`,
-      width: 200,
-    }))
+    const results = gifMocks
+      .slice(offset, offset + pageSize)
+      .map(([id, title]) => ({
+        height: 200,
+        id,
+        previewUrl: `https://media.giphy.com/media/${id}/200w.gif`,
+        title,
+        url: `https://media.giphy.com/media/${id}/giphy.gif`,
+        width: 200,
+      }))
     response.json({
       success: true,
       data: {
@@ -1256,7 +1529,8 @@ app.post('/api/:endpoint', (request, response) => {
         message.sender_number === number || message.recipient_number === number,
     )
     for (const message of thread) {
-      if (message.direction === 'received') message.read_at = message.read_at ?? '2026-08-06 13:06:00'
+      if (message.direction === 'received')
+        message.read_at = message.read_at ?? '2026-08-06 13:06:00'
     }
     response.json({
       success: true,
@@ -1313,10 +1587,9 @@ app.post('/api/:endpoint', (request, response) => {
       created_at: new Date().toISOString().slice(0, 19).replace('T', ' '),
       direction: 'sent',
       id: `sms-${Date.now()}`,
-      media_duration_ms:
-        ['voice', 'video'].includes(messageType)
-          ? request.body.mediaDurationMs ?? null
-          : null,
+      media_duration_ms: ['voice', 'video'].includes(messageType)
+        ? (request.body.mediaDurationMs ?? null)
+        : null,
       media_mime:
         messageType === 'voice'
           ? request.body.mediaMime
@@ -1378,7 +1651,10 @@ app.post('/api/:endpoint', (request, response) => {
     if (contact) {
       contact.name = name
       contact.phone_number = phoneNumber
-      contact.updated_at = new Date().toISOString().slice(0, 19).replace('T', ' ')
+      contact.updated_at = new Date()
+        .toISOString()
+        .slice(0, 19)
+        .replace('T', ' ')
     } else {
       const now = new Date().toISOString().slice(0, 19).replace('T', ' ')
       contact = {
diff --git a/sky_phone/config/config.lua b/sky_phone/config/config.lua
index ddd8e83..193e68d 100644
--- a/sky_phone/config/config.lua
+++ b/sky_phone/config/config.lua
@@ -140,6 +140,37 @@ Config.Banking = {
     HistoryLimit = 50,
 }
 
+Config.Garage = {
+    System = "auto", -- auto, custom, esx, qb, qbox, ak47, bp, cd, codem, ds-servercreator, hex, jg, my, okok, op, quasar, rx, vms, ws, zyke_garages
+    MaximumVehicles = 250,
+    RequestsPerMinute = 30,
+    Custom = {
+        Table = "",
+        OwnerColumn = "",
+    },
+    Valet = {
+        Enabled = true,
+        Price = 750,
+        Account = "bank", -- bank or cash
+        RequestsPerMinute = 3,
+        CooldownSeconds = 60,
+        TimeoutSeconds = 180,
+        SpawnDistance = 110.0,
+        ArrivalDistance = 14.0,
+        DriveSpeed = 20.0,
+        DrivingStyle = 786603,
+        DriverModel = "s_m_m_autoshop_01",
+        -- The current valet driver route supports road vehicles. Keep non-road types disabled.
+        VehicleTypes = {
+            car = true,
+            bike = true,
+            boat = false,
+            plane = false,
+            helicopter = false,
+        },
+    },
+}
+
 Config.Marketplace = {
     PageSize = 20,
     MessagePageSize = 50,
diff --git a/sky_phone/config/locales/en.lua b/sky_phone/config/locales/en.lua
index 1f0d65e..a8e38bf 100644
--- a/sky_phone/config/locales/en.lua
+++ b/sky_phone/config/locales/en.lua
@@ -160,7 +160,8 @@ Locales["en"] = {
                 chartDaySummary = "{day}: {incoming} incoming, {outgoing} outgoing",
                 navigation = "Banking navigation", incoming = "Incoming", outgoing = "Outgoing",
                 refresh = "Refresh banking data", unavailable = "Banking unavailable", tryAgain = "Try Again",
-                playerId = "Player ID", playerIdPlaceholder = "Enter the recipient ID",
+                recipientPhone = "Phone number", recipientPhonePlaceholder = "Enter the recipient's number",
+                chooseContact = "Choose from contacts", noContacts = "No contacts saved yet.",
                 amount = "Amount", amountPlaceholder = "Enter an amount",
                 transactions = {
                     deposit = "Cash deposit", withdrawal = "Cash withdrawal",
@@ -170,13 +171,66 @@ Locales["en"] = {
                     transfer = { title = "Send money", body = "Transfer money from your bank account to an online player.", submit = "Send transfer" },
                 },
                 errors = {
-                    invalid_request = "Enter a valid whole amount and player ID.", insufficient_funds = "There is not enough money in this account.",
+                    invalid_request = "Enter a valid phone number and whole amount.", insufficient_funds = "There is not enough money in this account.",
                     target_not_found = "The recipient is not online.", self_transfer = "You cannot send money to yourself.",
                     rate_limited = "Please wait before making another transaction.", transfer_failed = "The transfer could not be completed.",
                     banking_unavailable = "Banking is currently unavailable.", request_failed = "The banking request failed.",
                     default = "The banking request failed.",
                 },
             },
+            garage = {
+                name = "Garage", subtitle = "Your vehicle collection", myVehicles = "My Vehicles",
+                searchPlaceholder = "Search name, plate or garage",
+                tryAgain = "Try Again", unavailable = "Garage unavailable",
+                noVehicles = "No Vehicles", noVehiclesBody = "Vehicles owned by this character will appear here.",
+                noResults = "No Results", noResultsBody = "Try another vehicle, plate or location.",
+                unknownVehicle = "Unknown Vehicle", unknownLocation = "Location unavailable",
+                location = "Current location", fuel = "Fuel", engine = "Engine", body = "Body",
+                vin = "Vehicle Identification Number", notAvailable = "—",
+                provider = "Vehicle data · {system}",
+                valetDelivered = "Your vehicle has arrived.",
+                valet = {
+                    title = "Sky Valet", eyebrow = "Premium delivery",
+                    body = "A professional driver brings this vehicle directly to your current location.",
+                    deliver = "Deliver Vehicle", liveEyebrow = "Live delivery", tracked = "Live tracked",
+                    onDemand = "On demand", cancel = "Cancel", confirmTitle = "Request Valet?",
+                    confirmBody = "{vehicle} will be delivered to you for {price}.", confirm = "Request Valet",
+                    ordering = "Requesting…", account = "The fee is charged to your {account} account.",
+                    connecting = "Locating driver", arriving = "Arriving now", eta = "About {seconds}s away",
+                    distance = "{distance} m away", unavailableStatus = "Only parked vehicles can be delivered.",
+                    unsupported = "Valet delivery is disabled for this vehicle type.",
+                    activeOrder = "A valet driver is already delivering another vehicle.",
+                    status = { ordering = "Confirming order", preparing = "Preparing vehicle", en_route = "Driver en route",
+                        arriving = "Arriving now", delivered = "Vehicle delivered", cancelled = "Delivery cancelled", failed = "Delivery failed" },
+                },
+                filters = { all = "All", garaged = "Parked", out = "Outside", impounded = "Impound" },
+                status = { garaged = "Parked", out = "Outside", impounded = "Impounded" },
+                kinds = { car = "Vehicle", bike = "Motorcycle", boat = "Boat", plane = "Aircraft", helicopter = "Helicopter" },
+                errors = {
+                    garage_unavailable = "Vehicle data is unavailable for this character.",
+                    valet_disabled = "Valet service is currently unavailable.",
+                    valet_active = "A valet delivery is already active.",
+                    valet_cooldown = "Please wait before requesting another vehicle.",
+                    invalid_vehicle = "Select a valid vehicle.", vehicle_not_owned = "This vehicle does not belong to this character.",
+                    vehicle_not_garaged = "This vehicle is not parked in a garage.",
+                    valet_vehicle_type = "Valet supports cars and motorcycles only.",
+                    insufficient_funds = "You do not have enough money for this delivery.",
+                    valet_status_unsupported = "This garage system cannot release the vehicle.",
+                    valet_not_found = "The valet order is no longer active.",
+                    valet_not_cancellable = "The delivery can no longer be cancelled.",
+                    invalid_vehicle_model = "The vehicle model could not be loaded.",
+                    vehicle_already_out = "This vehicle is already nearby.",
+                    valet_spawn_failed = "The driver could not prepare your vehicle.",
+                    valet_no_road = "No suitable road was found near you.",
+                    valet_interrupted = "The valet delivery was interrupted.",
+                    valet_timeout = "The driver could not reach you in time. Your fee was refunded.",
+                    valet_completion_failed = "The handover could not be confirmed.",
+                    valet_vehicle_unverified = "The delivered vehicle could not be verified.",
+                    rate_limited = "Please wait before refreshing again.",
+                    device_not_open = "Open the phone again to view your vehicles.",
+                    request_failed = "The garage request failed.", default = "The garage request failed.",
+                },
+            },
             calculator = { name = "Calculator" },
             snake = {
                 name = "Snake", backToMenu = "Back to game menu", board = "Snake game board",
@@ -449,7 +503,7 @@ Locales["en"] = {
             weather = {
                 name = "Weather", now = "Now", today = "Today", refresh = "Refresh weather", details = "Weather details",
                 feelsLike = "Feels Like", wind = "Wind", humidity = "Humidity", rain = "Precipitation",
-                hourly = "24-Hour Forecast", daily = "7-Day Forecast", unavailable = "Weather is unavailable",
+                hourly = "Next Hours", unavailable = "Weather is unavailable",
                 stale = "Showing the last available weather update.", tryAgain = "Try Again",
                 regions = { los_santos = "Los Santos", blaine_county = "Blaine County", cayo_perico = "Cayo Perico" },
                 conditions = {
diff --git a/sky_phone/fxmanifest.lua b/sky_phone/fxmanifest.lua
index f54b9e8..7d798e8 100644
--- a/sky_phone/fxmanifest.lua
+++ b/sky_phone/fxmanifest.lua
@@ -25,6 +25,7 @@ client_scripts {
     'source/bridge/client/framework.lua',
     'source/bridge/client/callbacks.lua',
     'source/client/camera.lua',
+    'source/client/garage.lua',
     'source/bridge/client/radio.lua',
     'source/client/main.lua',
     'source/client/radio.lua',
@@ -51,6 +52,7 @@ server_scripts {
     'source/server/notes.lua',
     'source/server/mail.lua',
     'source/server/banking.lua',
+    'source/server/garage.lua',
     'source/server/marketplace.lua',
     'source/server/pages.lua',
     'source/server/calendar.lua',
diff --git a/sky_phone/source/client/garage.lua b/sky_phone/source/client/garage.lua
new file mode 100644
index 0000000..6a40adf
--- /dev/null
+++ b/sky_phone/source/client/garage.lua
@@ -0,0 +1,520 @@
+local current_valet = nil
+
+local vehicle_mods = {
+    modSpoilers = 0,
+    modFrontBumper = 1,
+    modRearBumper = 2,
+    modSideSkirt = 3,
+    modExhaust = 4,
+    modFrame = 5,
+    modGrille = 6,
+    modHood = 7,
+    modFender = 8,
+    modRightFender = 9,
+    modRoof = 10,
+    modEngine = 11,
+    modBrakes = 12,
+    modTransmission = 13,
+    modHorns = 14,
+    modSuspension = 15,
+    modArmor = 16,
+    modFrontWheels = 23,
+    modBackWheels = 24,
+    modPlateHolder = 25,
+    modVanityPlate = 26,
+    modTrimA = 27,
+    modOrnaments = 28,
+    modDashboard = 29,
+    modDial = 30,
+    modDoorSpeaker = 31,
+    modSeats = 32,
+    modSteeringWheel = 33,
+    modShifterLeavers = 34,
+    modAPlate = 35,
+    modSpeakers = 36,
+    modTrunk = 37,
+    modHydrolic = 38,
+    modEngineBlock = 39,
+    modAirFilter = 40,
+    modStruts = 41,
+    modArchCover = 42,
+    modAerials = 43,
+    modTrimB = 44,
+    modTank = 45,
+    modWindows = 46,
+    modLivery = 48,
+}
+
+local function garage_locale()
+    local locale = Locales[Config.Bridge.Locale] or Locales["en"]
+    return locale.Nui.Apps.garage
+end
+
+local function normalized_plate(value)
+    return tostring(value or ""):match("^%s*(.-)%s*$")
+end
+
+local function request_model(model)
+    RequestModel(model)
+    local timeout = GetGameTimer() + 10000
+    while not HasModelLoaded(model) and GetGameTimer() < timeout do
+        Wait(50)
+    end
+    return HasModelLoaded(model)
+end
+
+local function set_vehicle_color(vehicle, primary, secondary)
+    if type(primary) == "table" then
+        SetVehicleCustomPrimaryColour(
+            vehicle,
+            tonumber(primary[1]) or 0,
+            tonumber(primary[2]) or 0,
+            tonumber(primary[3]) or 0
+        )
+    end
+    if type(secondary) == "table" then
+        SetVehicleCustomSecondaryColour(
+            vehicle,
+            tonumber(secondary[1]) or 0,
+            tonumber(secondary[2]) or 0,
+            tonumber(secondary[3]) or 0
+        )
+    end
+    if type(primary) == "number" or type(secondary) == "number" then
+        local current_primary, current_secondary = GetVehicleColours(vehicle)
+        SetVehicleColours(
+            vehicle,
+            tonumber(primary) or current_primary,
+            tonumber(secondary) or current_secondary
+        )
+    end
+end
+
+local function apply_vehicle_properties(vehicle, properties, fallback)
+    properties = type(properties) == "table" and properties or {}
+    SetVehicleModKit(vehicle, 0)
+    set_vehicle_color(vehicle, properties.color1, properties.color2)
+    if properties.pearlescentColor or properties.wheelColor then
+        SetVehicleExtraColours(
+            vehicle,
+            tonumber(properties.pearlescentColor) or 0,
+            tonumber(properties.wheelColor) or 0
+        )
+    end
+    if properties.wheels then
+        SetVehicleWheelType(vehicle, tonumber(properties.wheels) or 0)
+    end
+    if properties.windowTint then
+        SetVehicleWindowTint(vehicle, tonumber(properties.windowTint) or 0)
+    end
+    if properties.xenonColor then
+        SetVehicleXenonLightsColor(vehicle, tonumber(properties.xenonColor) or -1)
+    end
+    for property, mod_type in pairs(vehicle_mods) do
+        local value = tonumber(properties[property])
+        if value then
+            SetVehicleMod(vehicle, mod_type, value, false)
+        end
+    end
+    ToggleVehicleMod(vehicle, 18, properties.modTurbo == true)
+    ToggleVehicleMod(vehicle, 20, properties.modSmokeEnabled == true)
+    ToggleVehicleMod(vehicle, 22, properties.modXenon == true)
+    if type(properties.neonEnabled) == "table" then
+        for index = 0, 3 do
+            SetVehicleNeonLightEnabled(vehicle, index, properties.neonEnabled[index + 1] == true)
+        end
+    end
+    if type(properties.neonColor) == "table" then
+        SetVehicleNeonLightsColour(
+            vehicle,
+            tonumber(properties.neonColor[1]) or 0,
+            tonumber(properties.neonColor[2]) or 0,
+            tonumber(properties.neonColor[3]) or 0
+        )
+    end
+    if type(properties.tyreSmokeColor) == "table" then
+        SetVehicleTyreSmokeColor(
+            vehicle,
+            tonumber(properties.tyreSmokeColor[1]) or 0,
+            tonumber(properties.tyreSmokeColor[2]) or 0,
+            tonumber(properties.tyreSmokeColor[3]) or 0
+        )
+    end
+    if type(properties.extras) == "table" then
+        for extra_id, enabled in pairs(properties.extras) do
+            local numeric_id = tonumber(extra_id)
+            if numeric_id and DoesExtraExist(vehicle, numeric_id) then
+                SetVehicleExtra(vehicle, numeric_id, not enabled)
+            end
+        end
+    end
+    local fuel = tonumber(properties.fuelLevel or properties.fuel or fallback.fuel)
+    local engine = tonumber(properties.engineHealth or properties.engine or fallback.engine and fallback.engine * 10)
+    local body = tonumber(properties.bodyHealth or properties.body or fallback.body and fallback.body * 10)
+    if fuel then
+        SetVehicleFuelLevel(vehicle, math.max(0.0, math.min(100.0, fuel)))
+    end
+    if engine then
+        SetVehicleEngineHealth(vehicle, math.max(-4000.0, math.min(1000.0, engine)))
+    end
+    if body then
+        SetVehicleBodyHealth(vehicle, math.max(0.0, math.min(1000.0, body)))
+    end
+    if properties.dirtLevel then
+        SetVehicleDirtLevel(vehicle, math.max(0.0, math.min(15.0, tonumber(properties.dirtLevel) or 0.0)))
+    end
+    SetVehicleNumberPlateText(vehicle, fallback.plate)
+end
+
+local function existing_vehicle(plate)
+    local normalized = string.upper(normalized_plate(plate))
+    for _, vehicle in ipairs(GetGamePool("CVehicle")) do
+        if string.upper(normalized_plate(GetVehicleNumberPlateText(vehicle))) == normalized then
+            return vehicle
+        end
+    end
+    return nil
+end
+
+local function public_valet_state()
+    if not current_valet then
+        return nil
+    end
+    return {
+        canCancel = current_valet.can_cancel,
+        cost = current_valet.cost,
+        distance = current_valet.distance,
+        etaSeconds = current_valet.eta_seconds,
+        orderId = current_valet.order_id,
+        plate = current_valet.plate,
+        status = current_valet.status,
+        vehicleName = current_valet.vehicle_name,
+    }
+end
+
+local function send_valet_state()
+    SendNUIMessage({
+        type = "garage:valet-status",
+        data = public_valet_state(),
+    })
+end
+
+local function remove_valet_blip()
+    if current_valet and current_valet.blip and DoesBlipExist(current_valet.blip) then
+        RemoveBlip(current_valet.blip)
+        current_valet.blip = nil
+    end
+end
+
+local function delete_valet_entities()
+    if not current_valet then
+        return
+    end
+    remove_valet_blip()
+    if current_valet.driver and DoesEntityExist(current_valet.driver) then
+        DeleteEntity(current_valet.driver)
+    end
+    if current_valet.vehicle and DoesEntityExist(current_valet.vehicle) then
+        DeleteEntity(current_valet.vehicle)
+    end
+end
+
+local function fail_valet(error_code, server_cancel)
+    if not current_valet then
+        return
+    end
+    local order_id = current_valet.order_id
+    current_valet.cancelled = true
+    delete_valet_entities()
+    if server_cancel then
+        Bridge.Callbacks.Trigger("sky_phone:garage:valet-cancel", { orderId = order_id })
+    end
+    current_valet.status = "failed"
+    current_valet.can_cancel = false
+    current_valet.error = error_code
+    send_valet_state()
+    local locale = garage_locale()
+    Bridge.Framework.Notify(locale.name, locale.errors[error_code] or locale.errors.default, "error", 5000)
+    SetTimeout(8000, function()
+        if current_valet and current_valet.order_id == order_id then
+            current_valet = nil
+            send_valet_state()
+        end
+    end)
+end
+
+local function update_drive_target(driver, vehicle)
+    local coords = GetEntityCoords(PlayerPedId())
+    TaskVehicleDriveToCoordLongrange(
+        driver,
+        vehicle,
+        coords.x,
+        coords.y,
+        coords.z,
+        Config.Garage.Valet.DriveSpeed,
+        Config.Garage.Valet.DrivingStyle,
+        Config.Garage.Valet.ArrivalDistance
+    )
+end
+
+local function run_valet_delivery(order)
+    local model = tonumber(order.vehicle.model)
+    if not model and type(order.vehicle.model) == "string" then
+        model = joaat(order.vehicle.model)
+    end
+    local driver_model = joaat(order.driverModel)
+    if not model or not IsModelInCdimage(model) or not IsModelAVehicle(model) then
+        fail_valet("invalid_vehicle_model", true)
+        return
+    end
+    if existing_vehicle(order.vehicle.plate) then
+        fail_valet("vehicle_already_out", true)
+        return
+    end
+    current_valet.status = "preparing"
+    send_valet_state()
+    if not request_model(model) or not request_model(driver_model) then
+        SetModelAsNoLongerNeeded(model)
+        SetModelAsNoLongerNeeded(driver_model)
+        fail_valet("valet_spawn_failed", true)
+        return
+    end
+
+    local player_ped = PlayerPedId()
+    local player_coords = GetEntityCoords(player_ped)
+    local target = GetOffsetFromEntityInWorldCoords(player_ped, 0.0, -Config.Garage.Valet.SpawnDistance, 0.0)
+    local found, spawn_coords, spawn_heading = GetClosestVehicleNodeWithHeading(
+        target.x,
+        target.y,
+        target.z,
+        1,
+        3.0,
+        0
+    )
+    if not found then
+        SetModelAsNoLongerNeeded(model)
+        SetModelAsNoLongerNeeded(driver_model)
+        fail_valet("valet_no_road", true)
+        return
+    end
+
+    local vehicle = CreateVehicle(
+        model,
+        spawn_coords.x,
+        spawn_coords.y,
+        spawn_coords.z,
+        spawn_heading,
+        true,
+        true
+    )
+    if vehicle == 0 or not DoesEntityExist(vehicle) then
+        SetModelAsNoLongerNeeded(model)
+        SetModelAsNoLongerNeeded(driver_model)
+        fail_valet("valet_spawn_failed", true)
+        return
+    end
+    current_valet.vehicle = vehicle
+    SetEntityAsMissionEntity(vehicle, true, true)
+    SetVehicleOnGroundProperly(vehicle)
+    apply_vehicle_properties(vehicle, order.vehicle.properties, order.vehicle)
+    SetVehicleHasBeenOwnedByPlayer(vehicle, true)
+    SetVehicleDoorsLocked(vehicle, 2)
+    SetVehicleEngineOn(vehicle, true, true, false)
+    local network_id = NetworkGetNetworkIdFromEntity(vehicle)
+    SetNetworkIdCanMigrate(network_id, true)
+
+    local driver = CreatePedInsideVehicle(vehicle, 26, driver_model, -1, true, true)
+    if driver == 0 or not DoesEntityExist(driver) then
+        SetModelAsNoLongerNeeded(model)
+        SetModelAsNoLongerNeeded(driver_model)
+        fail_valet("valet_spawn_failed", true)
+        return
+    end
+    current_valet.driver = driver
+    SetEntityAsMissionEntity(driver, true, true)
+    SetBlockingOfNonTemporaryEvents(driver, true)
+    SetPedKeepTask(driver, true)
+    SetDriverAbility(driver, 1.0)
+    SetDriverAggressiveness(driver, 0.0)
+    SetModelAsNoLongerNeeded(model)
+    SetModelAsNoLongerNeeded(driver_model)
+
+    current_valet.blip = AddBlipForEntity(vehicle)
+    SetBlipSprite(current_valet.blip, 225)
+    SetBlipColour(current_valet.blip, 3)
+    SetBlipRoute(current_valet.blip, true)
+    current_valet.status = "en_route"
+    current_valet.can_cancel = true
+    update_drive_target(driver, vehicle)
+    send_valet_state()
+
+    local timeout = GetGameTimer() + (Config.Garage.Valet.TimeoutSeconds * 1000)
+    local next_retask = GetGameTimer() + 8000
+    while current_valet and not current_valet.cancelled and GetGameTimer() < timeout do
+        if not DoesEntityExist(vehicle)
+            or not DoesEntityExist(driver)
+            or IsEntityDead(driver)
+            or not IsVehicleDriveable(vehicle, false)
+        then
+            fail_valet("valet_interrupted", true)
+            return
+        end
+        player_coords = GetEntityCoords(PlayerPedId())
+        local vehicle_coords = GetEntityCoords(vehicle)
+        local distance = #(vehicle_coords - player_coords)
+        current_valet.distance = math.floor(distance + 0.5)
+        current_valet.eta_seconds = math.max(1, math.ceil(distance / math.max(1.0, Config.Garage.Valet.DriveSpeed)))
+        if distance <= Config.Garage.Valet.ArrivalDistance then
+            break
+        end
+        if GetGameTimer() >= next_retask then
+            update_drive_target(driver, vehicle)
+            next_retask = GetGameTimer() + 8000
+        end
+        send_valet_state()
+        Wait(750)
+    end
+    if not current_valet or current_valet.cancelled then
+        return
+    end
+    if GetGameTimer() >= timeout then
+        fail_valet("valet_timeout", true)
+        return
+    end
+
+    current_valet.status = "arriving"
+    current_valet.can_cancel = false
+    current_valet.distance = 0
+    current_valet.eta_seconds = 0
+    send_valet_state()
+    TaskVehicleTempAction(driver, vehicle, 27, 1800)
+    Wait(1800)
+    SetVehicleEngineOn(vehicle, false, true, true)
+    SetVehicleDoorsLocked(vehicle, 1)
+    TaskLeaveVehicle(driver, vehicle, 0)
+
+    local leave_timeout = GetGameTimer() + 5000
+    while IsPedInVehicle(driver, vehicle, false) and GetGameTimer() < leave_timeout do
+        Wait(100)
+    end
+    local driver_target = GetOffsetFromEntityInWorldCoords(vehicle, 4.0, 8.0, 0.0)
+    TaskGoStraightToCoord(
+        driver,
+        driver_target.x,
+        driver_target.y,
+        driver_target.z,
+        1.0,
+        10000,
+        GetEntityHeading(driver),
+        0.5
+    )
+    SetPedKeepTask(driver, true)
+    SetEntityAsNoLongerNeeded(driver)
+    current_valet.driver = nil
+
+    local completion = Bridge.Callbacks.Trigger(
+        "sky_phone:garage:valet-complete",
+        {
+            orderId = current_valet.order_id,
+            networkId = NetworkGetNetworkIdFromEntity(vehicle),
+        }
+    )
+    if not completion or not completion.success then
+        fail_valet("valet_completion_failed", false)
+        return
+    end
+    remove_valet_blip()
+    SetEntityAsNoLongerNeeded(vehicle)
+    current_valet.vehicle = nil
+    current_valet.status = "delivered"
+    current_valet.can_cancel = false
+    send_valet_state()
+    local locale = garage_locale()
+    Bridge.Framework.Notify(locale.name, locale.valetDelivered, "success", 5000)
+    local completed_order_id = current_valet.order_id
+    SetTimeout(12000, function()
+        if current_valet and current_valet.order_id == completed_order_id then
+            current_valet = nil
+            send_valet_state()
+        end
+    end)
+end
+
+RegisterNUICallback("garage:valet-request", function(data, cb)
+    if current_valet then
+        cb({ success = false, error = "valet_active" })
+        return
+    end
+    local result = Bridge.Callbacks.Trigger("sky_phone:garage:valet-request", data)
+    if not result or not result.success or type(result.data) ~= "table" then
+        cb(result or { success = false, error = "request_failed" })
+        return
+    end
+    local vehicle = result.data.vehicle
+    local model_hash = tonumber(vehicle.model)
+    if not model_hash and type(vehicle.model) == "string" then
+        model_hash = joaat(vehicle.model)
+    end
+    local display_name = model_hash and GetDisplayNameFromVehicleModel(model_hash) or nil
+    local label = display_name and GetLabelText(display_name) or nil
+    current_valet = {
+        can_cancel = false,
+        cancelled = false,
+        cost = result.data.cost,
+        distance = nil,
+        eta_seconds = nil,
+        order_id = result.data.orderId,
+        plate = vehicle.plate,
+        status = "ordering",
+        vehicle_name = label and label ~= "NULL" and label ~= "CARNOTFOUND"
+            and label
+            or tostring(vehicle.model),
+    }
+    cb({ success = true, data = public_valet_state() })
+    send_valet_state()
+    CreateThread(function()
+        run_valet_delivery(result.data)
+    end)
+end)
+
+RegisterNUICallback("garage:valet-cancel", function(_, cb)
+    if not current_valet or not current_valet.can_cancel then
+        cb({ success = false, error = "valet_not_cancellable" })
+        return
+    end
+    local order_id = current_valet.order_id
+    local result = Bridge.Callbacks.Trigger("sky_phone:garage:valet-cancel", { orderId = order_id })
+    if not result or not result.success then
+        cb(result or { success = false, error = "request_failed" })
+        return
+    end
+    current_valet.cancelled = true
+    delete_valet_entities()
+    current_valet.status = "cancelled"
+    current_valet.can_cancel = false
+    send_valet_state()
+    cb({ success = true, data = public_valet_state() })
+    SetTimeout(5000, function()
+        if current_valet and current_valet.order_id == order_id then
+            current_valet = nil
+            send_valet_state()
+        end
+    end)
+end)
+
+RegisterNUICallback("garage:valet-state", function(_, cb)
+    cb({ success = true, data = public_valet_state() })
+end)
+
+RegisterNetEvent("sky_phone:garage:valet-aborted", function(error_code)
+    if current_valet then
+        fail_valet(error_code or "valet_timeout", false)
+    end
+end)
+
+AddEventHandler("onResourceStop", function(resource_name)
+    if resource_name ~= GetCurrentResourceName() or not current_valet then
+        return
+    end
+    delete_valet_entities()
+end)
diff --git a/sky_phone/source/client/main.lua b/sky_phone/source/client/main.lua
index 7f3c245..03834d1 100644
--- a/sky_phone/source/client/main.lua
+++ b/sky_phone/source/client/main.lua
@@ -258,10 +258,12 @@ end
 RegisterNUICallback("weather:get", function(_, cb)
     local coords = GetEntityCoords(PlayerPedId())
     local weather_hash = GetPrevWeatherTypeHashName()
+    local next_weather_hash = GetNextWeatherTypeHashName()
     cb({
         success = true,
         data = {
             condition = weather_types[weather_hash] or "clear",
+            nextCondition = weather_types[next_weather_hash] or weather_types[weather_hash] or "clear",
             region = weather_region(coords),
             clock = {
                 year = GetClockYear(),
@@ -276,6 +278,47 @@ RegisterNUICallback("weather:get", function(_, cb)
     })
 end)
 
+local function garage_vehicle_kind(model_hash, fallback)
+    if IsThisModelABoat(model_hash) then
+        return "boat"
+    end
+    if IsThisModelAPlane(model_hash) then
+        return "plane"
+    end
+    if IsThisModelAHeli(model_hash) then
+        return "helicopter"
+    end
+    if IsThisModelABike(model_hash) or IsThisModelABicycle(model_hash) then
+        return "bike"
+    end
+    return fallback
+end
+
+RegisterNUICallback("garage:vehicles", function(data, cb)
+    local result = Bridge.Callbacks.Trigger("sky_phone:garage:vehicles", data)
+    if not result or not result.success or type(result.data) ~= "table" then
+        cb(result or { success = false, error = "request_failed" })
+        return
+    end
+    for _, vehicle in ipairs(result.data.vehicles or {}) do
+        local model_hash = tonumber(vehicle.model)
+        if not model_hash and type(vehicle.model) == "string" and vehicle.model ~= "" then
+            model_hash = joaat(vehicle.model)
+        end
+        if model_hash then
+            local display_name = GetDisplayNameFromVehicleModel(model_hash)
+            local label = display_name and GetLabelText(display_name) or nil
+            if label and label ~= "NULL" and label ~= "CARNOTFOUND" then
+                vehicle.name = label
+            elseif type(vehicle.model) == "string" and vehicle.model ~= "" then
+                vehicle.name = vehicle.model
+            end
+            vehicle.kind = garage_vehicle_kind(model_hash, vehicle.kind)
+        end
+    end
+    cb(result)
+end)
+
 for _, callback_name in ipairs(server_callbacks) do
     RegisterNUICallback(callback_name, function(data, cb)
         local result = Bridge.Callbacks.Trigger("sky_phone:" .. callback_name, data)
diff --git a/sky_phone/source/html/assets/sky-apps-CQMOrZCs.webp b/sky_phone/source/html/assets/sky-apps-CQMOrZCs.webp
deleted file mode 100644
index 14619e1..0000000
Binary files a/sky_phone/source/html/assets/sky-apps-CQMOrZCs.webp and /dev/null differ
diff --git a/sky_phone/source/html/assets/sky-calculator-NafpbqgZ.webp b/sky_phone/source/html/assets/sky-calculator-NafpbqgZ.webp
deleted file mode 100644
index ec93867..0000000
Binary files a/sky_phone/source/html/assets/sky-calculator-NafpbqgZ.webp and /dev/null differ
diff --git a/sky_phone/source/html/assets/sky-clock-kCIOP530.webp b/sky_phone/source/html/assets/sky-clock-kCIOP530.webp
deleted file mode 100644
index 378d674..0000000
Binary files a/sky_phone/source/html/assets/sky-clock-kCIOP530.webp and /dev/null differ
diff --git a/sky_phone/source/html/assets/sky-gallery-CFp9vcDB.webp b/sky_phone/source/html/assets/sky-gallery-CFp9vcDB.webp
deleted file mode 100644
index 123f373..0000000
Binary files a/sky_phone/source/html/assets/sky-gallery-CFp9vcDB.webp and /dev/null differ
diff --git a/sky_phone/source/html/assets/sky-settings-AgEjwcr1.webp b/sky_phone/source/html/assets/sky-settings-AgEjwcr1.webp
deleted file mode 100644
index 11bd0fd..0000000
Binary files a/sky_phone/source/html/assets/sky-settings-AgEjwcr1.webp and /dev/null differ
diff --git a/sky_phone/source/html/index.html b/sky_phone/source/html/index.html
deleted file mode 100644
index dd4e898..0000000
--- a/sky_phone/source/html/index.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Sky Phone</title>
-    <script type="module" crossorigin src="./assets/sky-index-qSN2Wmy5.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/sky-index-DnOTtSzB.css">
-  </head>
-  <body>
-    <div id="app"></div>
-  </body>
-</html>
-
diff --git a/sky_phone/source/server/banking.lua b/sky_phone/source/server/banking.lua
index 6d79e8b..eb6ccbe 100644
--- a/sky_phone/source/server/banking.lua
+++ b/sky_phone/source/server/banking.lua
@@ -83,6 +83,27 @@ local function notify_changed(source)
     TriggerClientEvent("sky_phone:banking:changed", source)
 end
 
+local function online_source_for_phone(number)
+    local rows = Bridge.Database.Query([[
+        SELECT d.`imei`
+        FROM `sky_phone_sims` s
+        INNER JOIN `sky_phone_devices` d ON d.`sim_id` = s.`id`
+        WHERE s.`phone_number` = ?
+        LIMIT 1
+    ]], { number })
+    local device = rows[1]
+    if not device or type(device.imei) ~= "string" then
+        return nil
+    end
+    for _, player_source in ipairs(Bridge.Framework.GetPlayers()) do
+        local target = tonumber(player_source) or player_source
+        if SkyPhone.FindDeviceSlots(target, device.imei)[1] then
+            return target
+        end
+    end
+    return nil
+end
+
 Bridge.Callbacks.Register("sky_phone:banking:overview", function(source)
     local identifier, error_response = require_banking_session(source)
     if not identifier then
@@ -100,16 +121,18 @@ Bridge.Callbacks.Register("sky_phone:banking:transfer", function(source, data)
         return error_response
     end
     local amount = valid_amount(data and data.amount)
-    local target_value = tonumber(data and data.target)
-    if not amount
-        or not target_value
-        or target_value ~= math.floor(target_value)
-        or target_value <= 0
-        or target_value > 65535
-    then
+    local number = SkyPhoneSimNumber.Normalize(
+        data and data.phoneNumber,
+        Config.Sim.NumberLength,
+        Config.Sim.NumberPrefix
+    )
+    if not amount or not number then
         return { success = false, error = "invalid_request" }
     end
-    local target = math.floor(target_value)
+    local target = online_source_for_phone(number)
+    if not target then
+        return { success = false, error = "target_not_found" }
+    end
     if target == source then
         return { success = false, error = "self_transfer" }
     end
diff --git a/sky_phone/source/server/garage.lua b/sky_phone/source/server/garage.lua
new file mode 100644
index 0000000..93a7e3c
--- /dev/null
+++ b/sky_phone/source/server/garage.lua
@@ -0,0 +1,438 @@
+Bridge.Database.AfterMigration("sky_phone", function()
+
+local supported_systems = {
+    auto = true,
+    custom = true,
+    esx = true,
+    qb = true,
+    qbox = true,
+    ak47 = true,
+    bp = true,
+    cd = true,
+    codem = true,
+    ["ds-servercreator"] = true,
+    hex = true,
+    jg = true,
+    my = true,
+    okok = true,
+    op = true,
+    quasar = true,
+    rx = true,
+    vms = true,
+    ws = true,
+    zyke_garages = true,
+}
+
+local function decode_object(value)
+    if type(value) == "table" then
+        return value
+    end
+    if type(value) ~= "string" or value == "" then
+        return {}
+    end
+    local success, decoded = pcall(json.decode, value)
+    if not success or type(decoded) ~= "table" then
+        return {}
+    end
+    return decoded
+end
+
+local function first_value(...)
+    local values = { ... }
+    for index = 1, #values do
+        local value = values[index]
+        if value ~= nil and value ~= "" then
+            return value
+        end
+    end
+    return nil
+end
+
+local function truthy_database_value(value)
+    return value == true or value == 1 or value == "1" or value == "true"
+end
+
+local function normalized_health(value, maximum)
+    local number = tonumber(value)
+    if not number then
+        return nil
+    end
+    if maximum == 1000 then
+        number = number / 10
+    end
+    return math.max(0, math.min(100, math.floor(number + 0.5)))
+end
+
+local function vehicle_status(row, location, garage_system)
+    local state = tonumber(row.state)
+    local location_key = string.lower(tostring(location or ""))
+    if truthy_database_value(row.impound)
+        or truthy_database_value(row.impounded)
+        or truthy_database_value(row.pound)
+        or location_key:find("impound", 1, true)
+        or location_key:find("pound", 1, true)
+    then
+        return "impounded"
+    end
+    if garage_system == "jg" then
+        return truthy_database_value(row.in_garage) and "garaged" or "out"
+    end
+    if state == 2 then
+        return "impounded"
+    end
+    local stored = first_value(row.stored, row.in_garage, row.parked)
+    if truthy_database_value(stored) or state == 1 then
+        return "garaged"
+    end
+    return "out"
+end
+
+local function vehicle_kind(value)
+    local kind = string.lower(tostring(value or ""))
+    if kind == "boat" then
+        return "boat"
+    end
+    if kind == "plane" or kind == "air" or kind == "airplane" then
+        return "plane"
+    end
+    if kind == "heli" or kind == "helicopter" then
+        return "helicopter"
+    end
+    if kind == "bike" or kind == "bicycle" or kind == "motorcycle" then
+        return "bike"
+    end
+    return "car"
+end
+
+local function vehicle_properties(row)
+    local properties = decode_object(first_value(row.mods, row.vehicle_data, row.properties))
+    local vehicle_object = decode_object(row.vehicle)
+    if next(vehicle_object) ~= nil then
+        for key, value in pairs(vehicle_object) do
+            if properties[key] == nil then
+                properties[key] = value
+            end
+        end
+    end
+    return properties
+end
+
+local function vehicle_dto(row, garage_system)
+    local mods = vehicle_properties(row)
+    local vehicle_value = row.vehicle
+
+    local model = first_value(row.model, row.hash, mods.model, mods.hash)
+    if type(vehicle_value) == "string" and vehicle_value:sub(1, 1) ~= "{" then
+        model = first_value(model, vehicle_value)
+    elseif type(vehicle_value) == "number" then
+        model = first_value(model, vehicle_value)
+    end
+    local numeric_model = tonumber(model)
+    if numeric_model then
+        model = numeric_model
+    end
+
+    local location = first_value(row.garage_id, row.parking, row.garage, row.parked_at)
+    local plate = tostring(first_value(row.plate, mods.plate) or ""):match("^%s*(.-)%s*$")
+    return {
+        id = tostring(first_value(row.id, row.vin, plate)),
+        plate = plate,
+        vin = tostring(row.vin or ""),
+        nickname = tostring(row.nickname or ""),
+        model = model,
+        kind = vehicle_kind(first_value(row.garage_type, row.type, mods.type)),
+        status = vehicle_status(row, location, garage_system),
+        location = tostring(location or ""),
+        fuel = normalized_health(first_value(row.fuel, mods.fuelLevel, mods.fuel), 100),
+        engine = normalized_health(first_value(row.engine, mods.engineHealth, mods.engine), 1000),
+        body = normalized_health(first_value(row.body, mods.bodyHealth, mods.body), 1000),
+    }
+end
+
+local function storage_config()
+    local system = tostring(Config.Garage.System or "auto")
+    if not supported_systems[system] then
+        error(("[sky_phone] Unsupported garage system '%s'."):format(system))
+    end
+    if system == "custom" then
+        local table_name = tostring(Config.Garage.Custom.Table or "")
+        local owner_column = tostring(Config.Garage.Custom.OwnerColumn or "")
+        if not table_name:match("^[%w_]+$") or not owner_column:match("^[%w_]+$") then
+            error("[sky_phone] Custom garage table and owner column must be configured with SQL identifiers.")
+        end
+        return table_name, owner_column, system
+    end
+    if system == "esx" then
+        return "owned_vehicles", "owner", system
+    end
+    if system == "qb" or system == "qbox" then
+        return "player_vehicles", "citizenid", system
+    end
+    if system == "auto" and GetResourceState("jg-advancedgarages") == "started" then
+        system = "jg"
+    end
+    if Bridge.Framework.GetName() == "esx" then
+        return "owned_vehicles", "owner", system == "auto" and "esx" or system
+    end
+    return "player_vehicles", "citizenid", system == "auto" and Bridge.Framework.GetName() or system
+end
+
+local active_valets = {}
+local valet_cooldowns = {}
+
+local function normalized_plate(value)
+    if type(value) ~= "string" then
+        return nil
+    end
+    local plate = value:match("^%s*(.-)%s*$")
+    if plate == "" or #plate > 16 or plate:find("[%c]") then
+        return nil
+    end
+    return plate
+end
+
+local function owned_vehicle_row(identifier, plate)
+    local table_name, owner_column, garage_system = storage_config()
+    local rows = Bridge.Database.Query(
+        ("SELECT * FROM %s WHERE %s = ? AND TRIM(plate) = ? LIMIT 1"):format(table_name, owner_column),
+        { identifier, plate }
+    )
+    return rows[1], table_name, owner_column, garage_system
+end
+
+local function status_snapshot(row)
+    local snapshot = {}
+    for _, column in ipairs({ "stored", "state", "in_garage", "parked" }) do
+        if row[column] ~= nil then
+            snapshot[column] = row[column]
+        end
+    end
+    return snapshot
+end
+
+local function write_vehicle_status(order, restore)
+    local assignments = {}
+    local parameters = {}
+    for column, original_value in pairs(order.status) do
+        assignments[#assignments + 1] = ("%s = ?"):format(column)
+        parameters[#parameters + 1] = restore and original_value or 0
+    end
+    if #assignments == 0 then
+        return false
+    end
+    parameters[#parameters + 1] = order.identifier
+    parameters[#parameters + 1] = order.plate
+    Bridge.Database.Query(
+        ("UPDATE %s SET %s WHERE %s = ? AND TRIM(plate) = ?")
+            :format(order.table_name, table.concat(assignments, ", "), order.owner_column),
+        parameters
+    )
+    return true
+end
+
+local function refund_valet(source, order)
+    if order.refunded then
+        return
+    end
+    order.refunded = true
+    if not Bridge.Framework.AddMoney(source, Config.Garage.Valet.Account, order.cost) then
+        Bridge.Debug("error", "[sky_phone] Failed to refund valet order '%s' for player %s.", tostring(order.id), tostring(source))
+        return
+    end
+    TriggerClientEvent("sky_phone:banking:changed", source)
+end
+
+local function cancel_valet(source, order)
+    write_vehicle_status(order, true)
+    refund_valet(source, order)
+    active_valets[source] = nil
+end
+
+Bridge.Callbacks.Register("sky_phone:garage:valet-request", function(source, data)
+    local valet = Config.Garage.Valet
+    if not valet.Enabled then
+        return { success = false, error = "valet_disabled" }
+    end
+    if not SkyPhone.AllowOperation(source, "garage_valet", valet.RequestsPerMinute, 60) then
+        return { success = false, error = "rate_limited" }
+    end
+    local session, error_response = SkyPhone.RequireSession(source)
+    if not session then
+        return error_response
+    end
+    if active_valets[source] then
+        return { success = false, error = "valet_active" }
+    end
+    local now = os.time()
+    if (valet_cooldowns[source] or 0) > now then
+        return {
+            success = false,
+            error = "valet_cooldown",
+            data = { retryAfter = valet_cooldowns[source] - now },
+        }
+    end
+    local plate = normalized_plate(data and data.plate)
+    if not plate then
+        return { success = false, error = "invalid_vehicle" }
+    end
+    local identifier = Bridge.Framework.GetIdentifier(source)
+    if type(identifier) ~= "string" or identifier == "" then
+        return { success = false, error = "garage_unavailable" }
+    end
+    local row, table_name, owner_column, garage_system = owned_vehicle_row(identifier, plate)
+    if not row then
+        return { success = false, error = "vehicle_not_owned" }
+    end
+    local vehicle = vehicle_dto(row, garage_system)
+    if vehicle.status ~= "garaged" then
+        return { success = false, error = "vehicle_not_garaged" }
+    end
+    if not valet.VehicleTypes[vehicle.kind] then
+        return { success = false, error = "valet_vehicle_type" }
+    end
+    local price = math.max(0, math.floor(tonumber(valet.Price) or 0))
+    local balance = tonumber(Bridge.Framework.GetMoney(source, valet.Account)) or 0
+    if balance < price then
+        return { success = false, error = "insufficient_funds" }
+    end
+    local order = {
+        cost = price,
+        expires_at = now + valet.TimeoutSeconds,
+        identifier = identifier,
+        id = ("%s:%s:%s"):format(source, now, math.random(100000, 999999)),
+        owner_column = owner_column,
+        plate = plate,
+        status = status_snapshot(row),
+        table_name = table_name,
+    }
+    if not write_vehicle_status(order, false) then
+        return { success = false, error = "valet_status_unsupported" }
+    end
+    if price > 0 and not Bridge.Framework.RemoveMoney(source, valet.Account, price) then
+        write_vehicle_status(order, true)
+        return { success = false, error = "insufficient_funds" }
+    end
+    active_valets[source] = order
+    TriggerClientEvent("sky_phone:banking:changed", source)
+    return {
+        success = true,
+        data = {
+            cost = price,
+            driverModel = valet.DriverModel,
+            orderId = order.id,
+            vehicle = {
+                body = vehicle.body,
+                engine = vehicle.engine,
+                fuel = vehicle.fuel,
+                kind = vehicle.kind,
+                model = vehicle.model,
+                plate = vehicle.plate,
+                properties = vehicle_properties(row),
+            },
+        },
+    }
+end)
+
+Bridge.Callbacks.Register("sky_phone:garage:valet-cancel", function(source, data)
+    local order = active_valets[source]
+    if not order or type(data) ~= "table" or data.orderId ~= order.id then
+        return { success = false, error = "valet_not_found" }
+    end
+    cancel_valet(source, order)
+    return { success = true, data = { refunded = order.cost } }
+end)
+
+Bridge.Callbacks.Register("sky_phone:garage:valet-complete", function(source, data)
+    local order = active_valets[source]
+    if not order or type(data) ~= "table" or data.orderId ~= order.id then
+        return { success = false, error = "valet_not_found" }
+    end
+
+    local network_id = tonumber(data.networkId)
+    if not network_id or network_id <= 0 or network_id ~= math.floor(network_id) then
+        return { success = false, error = "valet_vehicle_unverified" }
+    end
+    local entity = NetworkGetEntityFromNetworkId(network_id)
+    if entity == 0 or not DoesEntityExist(entity) or tonumber(NetworkGetEntityOwner(entity)) ~= source then
+        return { success = false, error = "valet_vehicle_unverified" }
+    end
+
+    active_valets[source] = nil
+    valet_cooldowns[source] = os.time() + Config.Garage.Valet.CooldownSeconds
+    return { success = true }
+end)
+
+AddEventHandler("playerDropped", function()
+    local source = source
+    local order = active_valets[source]
+    if order then
+        cancel_valet(source, order)
+    end
+    valet_cooldowns[source] = nil
+end)
+
+AddEventHandler("onResourceStop", function(resource_name)
+    if resource_name ~= GetCurrentResourceName() then
+        return
+    end
+    for source, order in pairs(active_valets) do
+        cancel_valet(source, order)
+    end
+end)
+
+CreateThread(function()
+    while true do
+        Wait(5000)
+        local now = os.time()
+        for source, order in pairs(active_valets) do
+            if order.expires_at <= now then
+                cancel_valet(source, order)
+                TriggerClientEvent("sky_phone:garage:valet-aborted", source, "valet_timeout")
+            end
+        end
+    end
+end)
+
+Bridge.Callbacks.Register("sky_phone:garage:vehicles", function(source)
+    if not SkyPhone.AllowOperation(source, "garage_vehicles", Config.Garage.RequestsPerMinute, 60) then
+        return { success = false, error = "rate_limited" }
+    end
+    local session, error_response = SkyPhone.RequireSession(source)
+    if not session then
+        return error_response
+    end
+    local identifier = Bridge.Framework.GetIdentifier(source)
+    if type(identifier) ~= "string" or identifier == "" then
+        return { success = false, error = "garage_unavailable" }
+    end
+    local table_name, owner_column, garage_system = storage_config()
+    local rows = Bridge.Database.Query(
+        ("SELECT * FROM `%s` WHERE `%s` = ? LIMIT ?"):format(table_name, owner_column),
+        { identifier, Config.Garage.MaximumVehicles }
+    )
+    local vehicles = {}
+    for _, row in ipairs(rows) do
+        local vehicle = vehicle_dto(row, garage_system)
+        if vehicle.plate ~= "" then
+            vehicles[#vehicles + 1] = vehicle
+        end
+    end
+    table.sort(vehicles, function(left, right)
+        return left.plate < right.plate
+    end)
+    return {
+        success = true,
+        data = {
+            system = garage_system,
+            valet = {
+                account = Config.Garage.Valet.Account,
+                enabled = Config.Garage.Valet.Enabled,
+                price = math.max(0, math.floor(tonumber(Config.Garage.Valet.Price) or 0)),
+                vehicleTypes = Config.Garage.Valet.VehicleTypes,
+            },
+            vehicles = vehicles,
+        },
+    }
+end)
+
+end)