Merge 881b9d0939 into 6df5edfbdb

2026-06-23 23:31:47 +00:00 · 2026-04-21 17:26:11 +02:00
148 changed files with 1112 additions and 5576 deletions
@@ -62,7 +62,6 @@ body:
        - Docker (standalone)
        - Kubernetes / Helm
        - Unraid template
-        - Proxmox Community Script
        - Sources
        - Other
    validations:
@@ -26,9 +26,6 @@ jobs:
            const twentyFourHoursAgo = new Date(Date.now() - 24 * 60 * 60 * 1000);

            for (const pull of pulls) {
-              const hasBypass = pull.labels.some(l => l.name === 'bypass-branch-check');
-              if (hasBypass) continue;
-
              const hasLabel = pull.labels.some(l => l.name === 'wrong-base-branch');
              if (!hasLabel) continue;

@@ -7,10 +7,7 @@ on:
      - 'docs/**'
      - '**/*.md'
      - 'wiki/**'
-      - '.github/workflows/**'
-      - '.github/ISSUE_TEMPLATE/**'
-      - '.github/FUNDING.yml'
-      - '.github/PULL_REQUEST_TEMPLATE.md'
+      - '.github/workflows/wiki.yml'
  workflow_dispatch:
    inputs:
      bump:
@@ -21,12 +21,6 @@ jobs:
            const labels = context.payload.pull_request.labels.map(l => l.name);
            const prNumber = context.payload.pull_request.number;

-            // bypass-branch-check label skips all enforcement
-            if (labels.includes('bypass-branch-check')) {
-              console.log('bypass-branch-check label present, skipping enforcement.');
-              return;
-            }
-
            // If the base was fixed, remove the label and let it through
            if (base !== 'main') {
              if (labels.includes('wrong-base-branch')) {
@@ -23,4 +23,4 @@ jobs:
      - name: Publish to GitHub wiki
        uses: Andrew-Chen-Wang/github-wiki-action@v5
        with:
-          strategy: clone
+          strategy: init
@@ -6,29 +6,19 @@
  <img src="docs/logo-trek-dark.gif" alt="TREK" height="96" />
 </picture>

-<br />
-
-<picture>
-  <source media="(prefers-color-scheme: dark)" srcset="docs/subtitle-light.png" />
-  <source media="(prefers-color-scheme: light)" srcset="docs/subtitle-dark.png" />
-  <img src="docs/subtitle-dark.png" alt="Your trips. Your plan. Your server." height="28" />
-</picture>
+### Your trips. Your plan. Your server.

 A self-hosted, real-time collaborative travel planner — with maps, budgets, packing lists, a journal, and AI built in.

 <br />

-<a href="https://demo-nomad.pakulat.org"><img alt="Demo" src="https://img.shields.io/badge/Demo-try-111827?style=for-the-badge" /></a>
+<a href="https://demo-nomad.pakulat.org"><img alt="Live Demo" src="https://img.shields.io/badge/Live_Demo-try_it_now-111827?style=for-the-badge" /></a>
 &nbsp;
-<a href="https://hub.docker.com/r/mauriceboe/trek"><img alt="Docker" src="https://img.shields.io/badge/Docker-ready-2496ED?style=for-the-badge" /></a>
+<a href="https://hub.docker.com/r/mauriceboe/trek"><img alt="Docker" src="https://img.shields.io/badge/Docker-ready-2496ED?style=for-the-badge&logo=docker&logoColor=white" /></a>
 &nbsp;
-<a href="https://discord.gg/NhZBDSd4qW"><img alt="Discord" src="https://img.shields.io/badge/Discord-join-5865F2?style=for-the-badge" /></a>
+<a href="https://discord.gg/NhZBDSd4qW"><img alt="Discord" src="https://img.shields.io/badge/Discord-community-5865F2?style=for-the-badge&logo=discord&logoColor=white" /></a>
 &nbsp;
-<a href="https://kanban.pakulat.org/shared/I4wxF6inOOMB0C6hH6kQm3efyNxFjwyI"><img alt="Roadmap" src="https://img.shields.io/badge/Roadmap-view-0EA5E9?style=for-the-badge" /></a>
-<br />
-<a href="https://ko-fi.com/mauriceboe"><img alt="Ko-fi" src="https://img.shields.io/badge/Ko--fi-support-FF5E5B?style=for-the-badge" /></a>
-&nbsp;
-<a href="https://www.buymeacoffee.com/mauriceboe"><img alt="BMAC" src="https://img.shields.io/badge/BMAC-support-FFDD00?style=for-the-badge" /></a>
+<a href="https://kanban.pakulat.org/shared/I4wxF6inOOMB0C6hH6kQm3efyNxFjwyI"><img alt="Roadmap" src="https://img.shields.io/badge/Roadmap-board-0EA5E9?style=for-the-badge&logo=trello&logoColor=white" /></a>
 <br />
 <a href="LICENSE"><img alt="License" src="https://img.shields.io/badge/license-AGPL_v3-6B7280?style=flat-square" /></a>
 <a href="https://github.com/mauriceboe/TREK/releases"><img alt="Latest Release" src="https://img.shields.io/github/v/release/mauriceboe/TREK?include_prereleases&style=flat-square&color=6B7280" /></a>
@@ -127,23 +117,19 @@ A self-hosted, real-time collaborative travel planner — with maps, budgets, pa

 #### 🧩 Addons (admin-toggleable)

- **Lists** — packing lists + to-dos with templates, member assignments, optional bag tracking
- **Budget** — expense tracker with splits, pie chart, multi-currency
- **Documents** — file attachments on trips, places, and reservations
- **Collab** — chat, notes, polls, day-by-day attendance
 - **Vacay** — personal vacation planner with calendar, 100+ country holidays, carry-over tracking
 - **Atlas** — world map of visited countries, bucket list, travel stats, streak tracking, liquid-glass UI
- **Journey** — magazine-style travel journal with entries, photos (Immich/Synology), maps, moods
- **Naver List Import** — one-click import from shared Naver Maps lists
- **MCP** — expose TREK to AI assistants via OAuth 2.1
+- **Collab** — chat, notes, polls, day-by-day attendance
+- **Journey** — magazine-style travel journal with entries, photos, maps, moods
+- **Dashboard widgets** — currency converter and timezone clocks

 </td>
 <td width="50%" valign="top">

 #### 🤖 AI / MCP

- **Built-in MCP server** — OAuth 2.1 authenticated. 150+ tools, 30 resources
- **Granular scopes** — 27 OAuth scopes across 13 permission groups
+- **Built-in MCP server** — OAuth 2.1 authenticated. 80+ tools, 27 resources
+- **Granular scopes** — 24 OAuth scopes across 13 permission groups
 - **Full automation** — AI can create trips, plan days, build packing lists, manage budgets, mark countries visited
 - **Pre-built prompts** — `trip-summary`, `packing-list`, `budget-overview`
 - **Addon-aware** — exposes Atlas, Collab, Vacay when those addons are on
@@ -156,7 +142,7 @@ A self-hosted, real-time collaborative travel planner — with maps, budgets, pa
 #### ⚙️ Admin & customisation

 - **Dashboard views** — card grid or compact list · **Dark mode** — full theme with matching status bar
- **15 languages** — EN, DE, ES, FR, IT, NL, HU, RU, ZH, ZH-TW, PL, CS, AR (RTL), BR, ID
+- **14 languages** — EN, DE, ES, FR, IT, NL, HU, RU, ZH, ZH-TW, PL, CS, AR (RTL), BR, ID
 - **Admin panel** — users, invites, packing templates, categories, addons, API keys, backups, GitHub history
 - **Auto-backups** — scheduled with configurable retention · **Units** — °C/°F, 12h/24h, map tile sources, default coordinates

@@ -176,7 +162,7 @@ ENCRYPTION_KEY=$(openssl rand -hex 32) docker run -d -p 3000:3000 \
  -v ./data:/app/data -v ./uploads:/app/uploads mauriceboe/trek
 ```

-Open `http://localhost:3000`. On first boot TREK seeds an admin account — if you set `ADMIN_EMAIL`/`ADMIN_PASSWORD` those are used, otherwise the credentials are printed to the container log (`docker logs trek`).
+Open `http://localhost:3000`. The first user to register becomes admin.

 <div align="center">

@@ -342,8 +328,7 @@ server {
    ssl_certificate     /etc/ssl/fullchain.pem;
    ssl_certificate_key /etc/ssl/privkey.pem;

-    # 500 MB covers backup-restore uploads (capped at 500 MB server-side).
-    client_max_body_size 500m;
+    client_max_body_size 50m;

    location / {
        proxy_pass http://localhost:3000;
@@ -360,7 +345,6 @@ server {
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $host;
-        proxy_read_timeout 86400;
    }
 }
 ```
@@ -400,7 +384,6 @@ Caddy handles TLS and WebSockets automatically.
 | `DEFAULT_LANGUAGE` | Default language on the login page for users with no saved preference. Browser/OS language is auto-detected first; this is the fallback. Supported: `de`, `en`, `es`, `fr`, `hu`, `nl`, `br`, `cs`, `pl`, `ru`, `zh`, `zh-TW`, `it`, `ar` | `en` |
 | `ALLOWED_ORIGINS` | Comma-separated origins for CORS and email links | same-origin |
 | `FORCE_HTTPS` | Optional. When `true`: 301-redirects HTTP to HTTPS, sends HSTS, adds CSP `upgrade-insecure-requests`, forces the session cookie `secure` flag. Useful behind a TLS-terminating reverse proxy. Requires `TRUST_PROXY`. | `false` |
-| `HSTS_INCLUDE_SUBDOMAINS` | When `true`: adds the `includeSubDomains` directive to the HSTS header, extending HTTPS enforcement to all subdomains. Only effective when HSTS is active (`FORCE_HTTPS=true` or `NODE_ENV=production`). Leave `false` if you run other services on sibling subdomains over plain HTTP. | `false` |
 | `COOKIE_SECURE` | Controls the `secure` flag on the `trek_session` cookie. Auto-derived: on when `NODE_ENV=production` or `FORCE_HTTPS=true`. Escape hatch: set `false` to allow session cookies over plain HTTP. Not recommended in production. | auto |
 | `TRUST_PROXY` | Number of trusted reverse proxies. Tells Express to read client IP from `X-Forwarded-For` and protocol from `X-Forwarded-Proto`. Defaults to `1` in production; off in dev unless set. | `1` |
 | `ALLOW_INTERNAL_NETWORK` | Allow outbound requests to private/RFC-1918 IPs (e.g. Immich on your LAN). Loopback and link-local addresses remain blocked. | `false` |
@@ -1,121 +0,0 @@
-# Trademark Policy
-
-## Introduction
-
-This is the TREK project's policy for the use of our trademarks. While TREK is
-available under the GNU Affero General Public License v3.0 (AGPL-3.0), that
-license does not include a license to use our trademarks.
-
-This policy describes how you may use our trademarks. Our goal is to strike a
-balance between: 1) our need to ensure that our trademarks remain reliable
-indicators of the software we release; and 2) our community members' desire to
-be full participants in the TREK project.
-
-## Our trademarks
-
-This policy covers the name "TREK" as well as any associated logos, trade dress,
-goodwill, or designs (our "Marks").
-
-## In general
-
-Whenever you use our Marks, you must always do so in a way that does not mislead
-anyone about exactly who is the source of the software. For example, you cannot
-say you are distributing TREK when you're distributing a modified version of it,
-because people would think they would be getting the same software that they
-can get directly from us when they aren't. You also cannot use our Marks on
-your website in a way that suggests that your website is an official TREK
-website or that we endorse your website. But, if true, you can say you like
-TREK, that you participate in the TREK community, that you are providing an
-unmodified version of TREK, or that you wrote a guide describing how to use
-TREK.
-
-This fundamental requirement, that it is always clear to people what they are
-getting and from whom, is reflected throughout this policy. It should also
-serve as your guide if you are not sure about how you are using the Marks.
-
-In addition:
-
-* You may not use or register, in whole or in part, the Marks as part of your
-  own trademark, service mark, domain name, company name, trade name, product
-  name or service name.
-* Trademark law does not allow your use of names or trademarks that are too
-  similar to ours. You therefore may not use an obvious variation of any of our
-  Marks or any phonetic equivalent, foreign language equivalent, takeoff, or
-  abbreviation for a similar or compatible product or service.
-* You agree that you will not acquire any rights in the Marks and that any
-  goodwill generated by your use of the Marks and participation in our
-  community inures solely to our benefit.
-
-## Distribution of unmodified source code or unmodified executable code we have compiled
-
-When you redistribute an unmodified copy of TREK, you are not changing the
-quality or nature of it. Therefore, you may retain the Marks we have placed on
-the software to identify your redistribution. This kind of use only applies if
-you are redistributing an official TREK distribution that has not been changed
-in any way.
-
-## Distribution of executable code that you have compiled, or modified code
-
-You may use the word mark "TREK", but not any TREK logos, to truthfully
-describe the origin of the software that you are providing, that is, that the
-code you are distributing is a modification of TREK. You may say, for example,
-that "this software is derived from the source code for TREK."
-
-Of course, you can place your own trademarks or logos on versions of the
-software to which you have made substantive modifications, because by modifying
-the software, you have become the origin of that exact version. In that case,
-you should not use our Marks.
-
-However, you may use our Marks for the distribution of code (source or
-executable) on the condition that any executable is built from an official TREK
-source code release and that any modifications are limited to switching on or
-off features already included in the software, translations into other
-languages, and incorporating minor bug-fix patches. Use of our Marks on any
-further modification is not permitted.
-
-## Mobile wrappers, hosted instances, and forks
-
-The following clarifications apply specifically to common ways TREK is
-redistributed:
-
-* **Self-hosted instances of unmodified TREK.** You may refer to your instance
-  as "a TREK instance" or "running TREK." You may not name the service itself
-  in a way that suggests it is the official TREK ("TREK Cloud," "TREK
-  Official," etc.).
-* **Mobile wrappers (WebView shells, Capacitor apps, native apps) pointing at
-  TREK.** You may describe your app as "a mobile client for TREK" or "for use
-  with TREK." You may not publish it on app stores under the name "TREK" or a
-  confusingly similar name, and you may not use the TREK logo as the app icon
-  unless your wrapper distributes only an unmodified, official TREK instance
-  and you have obtained permission.
-* **Forks of the TREK source code.** Forks that diverge from upstream must use
-  a different name. You may state that your fork is "based on TREK" or "a fork
-  of TREK," but the project name itself must be your own.
-
-## Statements about your software's relation to TREK
-
-You may use the word mark, but not TREK logos, to truthfully describe the
-relationship between your software and ours. The word mark "TREK" should be
-used after a verb or preposition that describes the relationship between your
-software and ours. So you may say, for example, "Bob's app for TREK" but may
-not say "Bob's TREK app." Some other examples that may work for you are:
-
-* [Your software] uses TREK
-* [Your software] is powered by TREK
-* [Your software] runs on TREK
-* [Your software] for use with TREK
-* [Your software] for TREK
-
-## Questions and permission requests
-
-If you are not sure whether your intended use of the Marks is permitted under
-this policy, or if you would like to request explicit permission for a use that
-is not covered, please open an issue on the TREK GitHub repository or contact
-the maintainers directly.
-
---
-
-These guidelines are based on the
-[Model Trademark Guidelines](http://www.modeltrademarkguidelines.org), used
-under a
-[Creative Commons Attribution 3.0 Unported license](https://creativecommons.org/licenses/by/3.0/deed.en_US).
@@ -1,5 +1,5 @@
 apiVersion: v2
 name: trek
-version: 3.0.12
+version: 2.9.14
 description: Minimal Helm chart for TREK app
-appVersion: "3.0.12"
+appVersion: "2.9.14"
@@ -22,9 +22,6 @@ data:
  {{- if .Values.env.FORCE_HTTPS }}
  FORCE_HTTPS: {{ .Values.env.FORCE_HTTPS | quote }}
  {{- end }}
-  {{- if .Values.env.HSTS_INCLUDE_SUBDOMAINS }}
-  HSTS_INCLUDE_SUBDOMAINS: {{ .Values.env.HSTS_INCLUDE_SUBDOMAINS | quote }}
-  {{- end }}
  {{- if .Values.env.COOKIE_SECURE }}
  COOKIE_SECURE: {{ .Values.env.COOKIE_SECURE | quote }}
  {{- end }}
@@ -30,8 +30,6 @@ env:
  # Also used as the base URL for links in email notifications and other external links.
  # FORCE_HTTPS: "false"
  # Optional. When "true": HTTPS redirect, HSTS, CSP upgrade-insecure-requests, secure cookies. Only behind a TLS proxy. Requires TRUST_PROXY.
-  # HSTS_INCLUDE_SUBDOMAINS: "false"
-  # When "true": adds includeSubDomains to the HSTS header. Only effective when HSTS is active. Leave "false" if sibling subdomains still run over plain HTTP.
  # COOKIE_SECURE: "true"
  # Auto-derived (true in production or when FORCE_HTTPS=true). Set "false" to force cookies over plain HTTP. Not recommended for production.
  # TRUST_PROXY: "1"
@@ -1,12 +1,12 @@
 {
  "name": "trek-client",
-  "version": "3.0.12",
+  "version": "2.9.14",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "trek-client",
-      "version": "3.0.12",
+      "version": "2.9.14",
      "dependencies": {
        "@react-pdf/renderer": "^4.3.2",
        "axios": "^1.6.7",
@@ -8907,9 +8907,9 @@
      }
    },
    "node_modules/postcss": {
-      "version": "8.5.10",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz",
-      "integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==",
+      "version": "8.5.9",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.9.tgz",
+      "integrity": "sha512-7a70Nsot+EMX9fFU3064K/kdHWZqGVY+BADLyXc8Dfv+mTLLVl6JzJpPaCZ2kQL9gIJvKXSLMHhqdRRjwQeFtw==",
      "dev": true,
      "funding": [
        {
@@ -1,6 +1,6 @@
 {
  "name": "trek-client",
-  "version": "3.0.12",
+  "version": "2.9.14",
  "private": true,
  "type": "module",
  "scripts": {
@@ -58,7 +58,7 @@ function ProtectedRoute({ children, adminRequired = false, addonId }: ProtectedR
  }

  if (!isAuthenticated) {
-    const redirectParam = encodeURIComponent(location.pathname + location.search + location.hash)
+    const redirectParam = encodeURIComponent(location.pathname + location.search)
    return <Navigate to={`/login?redirect=${redirectParam}`} replace />
  }

@@ -75,7 +75,7 @@ apiClient.interceptors.response.use(
    if (error.response?.status === 401 && (error.response?.data as { code?: string } | undefined)?.code === 'AUTH_REQUIRED') {
      const { pathname } = window.location
      if (!isAuthPublicPath(pathname)) {
-        const currentPath = pathname + window.location.search + window.location.hash
+        const currentPath = pathname + window.location.search
        window.location.href = '/login?redirect=' + encodeURIComponent(currentPath)
      }
    }
@@ -356,13 +356,9 @@ export const journeyApi = {

  // Photos
  uploadPhotos: (entryId: number, formData: FormData) => apiClient.post(`/journeys/entries/${entryId}/photos`, formData, { headers: { 'Content-Type': undefined as any } }).then(r => r.data),
-  uploadGalleryPhotos: (journeyId: number, formData: FormData) => apiClient.post(`/journeys/${journeyId}/gallery/photos`, formData, { headers: { 'Content-Type': undefined as any } }).then(r => r.data),
-  addProviderPhotosToGallery: (journeyId: number, provider: string, assetIds: string[], passphrase?: string) => apiClient.post(`/journeys/${journeyId}/gallery/provider-photos`, { provider, asset_ids: assetIds, ...(passphrase ? { passphrase } : {}) }).then(r => r.data),
  addProviderPhoto: (entryId: number, provider: string, assetId: string, caption?: string, passphrase?: string) => apiClient.post(`/journeys/entries/${entryId}/provider-photos`, { provider, asset_id: assetId, caption, ...(passphrase ? { passphrase } : {}) }).then(r => r.data),
  addProviderPhotos: (entryId: number, provider: string, assetIds: string[], caption?: string, passphrase?: string) => apiClient.post(`/journeys/entries/${entryId}/provider-photos`, { provider, asset_ids: assetIds, caption, ...(passphrase ? { passphrase } : {}) }).then(r => r.data),
-  linkPhoto: (entryId: number, journeyPhotoId: number) => apiClient.post(`/journeys/entries/${entryId}/link-photo`, { journey_photo_id: journeyPhotoId }).then(r => r.data),
-  unlinkPhoto: (entryId: number, journeyPhotoId: number) => apiClient.delete(`/journeys/entries/${entryId}/photos/${journeyPhotoId}`).then(r => r.data),
-  deleteGalleryPhoto: (journeyId: number, journeyPhotoId: number) => apiClient.delete(`/journeys/${journeyId}/gallery/${journeyPhotoId}`).then(r => r.data),
+  linkPhoto: (entryId: number, photoId: number) => apiClient.post(`/journeys/entries/${entryId}/link-photo`, { photo_id: photoId }).then(r => r.data),
  updatePhoto: (photoId: number, data: Record<string, unknown>) => apiClient.patch(`/journeys/photos/${photoId}`, data).then(r => r.data),
  deletePhoto: (photoId: number) => apiClient.delete(`/journeys/photos/${photoId}`).then(r => r.data),

@@ -634,7 +634,7 @@ export default function BudgetPanel({ tripId, tripMembers = [] }: BudgetPanelPro
  }
  const handleRenameCategory = async (oldName, newName) => {
    if (!newName.trim() || newName.trim() === oldName) return
-    const items = grouped.get(oldName) || []
+    const items = grouped[oldName] || []
    for (const item of Array.from(items)) await updateBudgetItem(tripId, item.id, { category: newName.trim() })
  }
  const handleAddCategory = () => {
@@ -1,7 +1,7 @@
 import ReactDOM from 'react-dom'
 import { useState, useCallback, useRef, useEffect } from 'react'
 import { useDropzone } from 'react-dropzone'
-import { Upload, Trash2, ExternalLink, Download, X, FileText, FileImage, File, MapPin, Ticket, StickyNote, Star, RotateCcw, Pencil, Check, ChevronLeft, ChevronRight, Plane, Train, Car, Ship } from 'lucide-react'
+import { Upload, Trash2, ExternalLink, Download, X, FileText, FileImage, File, MapPin, Ticket, StickyNote, Star, RotateCcw, Pencil, Check, ChevronLeft, ChevronRight } from 'lucide-react'
 import { useToast } from '../shared/Toast'
 import { useTranslation } from '../../i18n'
 import { filesApi } from '../../api/client'
@@ -236,15 +236,6 @@ function AvatarChip({ name, avatarUrl, size = 20 }: { name: string; avatarUrl?:
  )
 }

-const TRANSPORT_TYPES = new Set(['flight', 'train', 'car', 'cruise'])
-
-function transportIcon(type: string) {
-  if (type === 'train') return Train
-  if (type === 'car') return Car
-  if (type === 'cruise') return Ship
-  return Plane
-}
-
 interface FileManagerProps {
  files?: TripFile[]
  onUpload: (fd: FormData) => Promise<any>
@@ -499,9 +490,7 @@ export default function FileManager({ files = [], onUpload, onDelete, onUpdate,
              <SourceBadge key={p.id} icon={MapPin} label={`${t('files.sourcePlan')} · ${p.name}`} />
            ))}
            {linkedReservations.map(r => (
-              TRANSPORT_TYPES.has(r.type)
-                ? <SourceBadge key={r.id} icon={transportIcon(r.type)} label={`${t('files.sourceTransport')} · ${r.title || t('files.sourceTransport')}`} />
-                : <SourceBadge key={r.id} icon={Ticket} label={`${t('files.sourceBooking')} · ${r.title || t('files.sourceBooking')}`} />
+              <SourceBadge key={r.id} icon={Ticket} label={`${t('files.sourceBooking')} · ${r.title || t('files.sourceBooking')}`} />
            ))}
            {file.note_id && (
              <SourceBadge icon={StickyNote} label={t('files.sourceCollab') || 'Collab Notes'} />
@@ -684,68 +673,52 @@ export default function FileManager({ files = [], onUpload, onDelete, onUpdate,
                  </div>
                )

-                const bookingReservations = reservations.filter(r => !TRANSPORT_TYPES.has(r.type))
-                const transportReservations = reservations.filter(r => TRANSPORT_TYPES.has(r.type))
-
-                const reservationBtn = (r: Reservation) => {
-                  const isLinked = file.reservation_id === r.id || (file.linked_reservation_ids || []).includes(r.id)
-                  const Icon = TRANSPORT_TYPES.has(r.type) ? transportIcon(r.type) : Ticket
-                  return (
-                    <button key={r.id} onClick={async () => {
-                      if (isLinked) {
-                        if (file.reservation_id === r.id) {
-                          await handleAssign(file.id, { reservation_id: null })
-                        } else {
-                          try {
-                            const linksRes = await filesApi.getLinks(tripId, file.id)
-                            const link = (linksRes.links || []).find((l: any) => l.reservation_id === r.id)
-                            if (link) await filesApi.removeLink(tripId, file.id, link.id)
-                            refreshFiles()
-                          } catch {}
-                        }
-                      } else {
-                        if (!file.reservation_id) {
-                          await handleAssign(file.id, { reservation_id: r.id })
-                        } else {
-                          try {
-                            await filesApi.addLink(tripId, file.id, { reservation_id: r.id })
-                            refreshFiles()
-                          } catch {}
-                        }
-                      }
-                    }} style={{
-                      width: '100%', textAlign: 'left', padding: '6px 10px 6px 20px', background: isLinked ? 'var(--bg-hover)' : 'none',
-                      border: 'none', cursor: 'pointer', fontSize: 13, color: 'var(--text-primary)',
-                      borderRadius: 8, fontFamily: 'inherit', fontWeight: isLinked ? 600 : 400,
-                      display: 'flex', alignItems: 'center', gap: 6,
-                    }}
-                      onMouseEnter={e => e.currentTarget.style.background = 'var(--bg-hover)'}
-                      onMouseLeave={e => e.currentTarget.style.background = isLinked ? 'var(--bg-hover)' : 'transparent'}>
-                      <Icon size={12} style={{ flexShrink: 0, color: 'var(--text-muted)' }} />
-                      <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{r.title || r.name}</span>
-                      {isLinked && <Check size={14} style={{ marginLeft: 'auto', flexShrink: 0, color: 'var(--accent)' }} />}
-                    </button>
-                  )
-                }
-
                const bookingsSection = reservations.length > 0 && (
                  <div style={{ flex: 1, minWidth: 0 }}>
-                    {bookingReservations.length > 0 && (
-                      <>
-                        <div style={{ fontSize: 11, fontWeight: 600, color: 'var(--text-faint)', padding: '8px 10px 4px', textTransform: 'uppercase', letterSpacing: 0.5 }}>
-                          {t('files.assignBooking')}
-                        </div>
-                        {bookingReservations.map(reservationBtn)}
-                      </>
-                    )}
-                    {transportReservations.length > 0 && (
-                      <>
-                        <div style={{ fontSize: 11, fontWeight: 600, color: 'var(--text-faint)', padding: '8px 10px 4px', textTransform: 'uppercase', letterSpacing: 0.5, marginTop: bookingReservations.length > 0 ? 4 : 0 }}>
-                          {t('files.assignTransport')}
-                        </div>
-                        {transportReservations.map(reservationBtn)}
-                      </>
-                    )}
+                    <div style={{ fontSize: 11, fontWeight: 600, color: 'var(--text-faint)', padding: '8px 10px 4px', textTransform: 'uppercase', letterSpacing: 0.5 }}>
+                      {t('files.assignBooking')}
+                    </div>
+                    {reservations.map(r => {
+                      const isLinked = file.reservation_id === r.id || (file.linked_reservation_ids || []).includes(r.id)
+                      return (
+                        <button key={r.id} onClick={async () => {
+                          if (isLinked) {
+                            // Unlink: if primary reservation_id, clear it; if via file_links, remove link
+                            if (file.reservation_id === r.id) {
+                              await handleAssign(file.id, { reservation_id: null })
+                            } else {
+                              try {
+                                const linksRes = await filesApi.getLinks(tripId, file.id)
+                                const link = (linksRes.links || []).find((l: any) => l.reservation_id === r.id)
+                                if (link) await filesApi.removeLink(tripId, file.id, link.id)
+                                refreshFiles()
+                              } catch {}
+                            }
+                          } else {
+                            // Link: if no primary, set it; otherwise use file_links
+                            if (!file.reservation_id) {
+                              await handleAssign(file.id, { reservation_id: r.id })
+                            } else {
+                              try {
+                                await filesApi.addLink(tripId, file.id, { reservation_id: r.id })
+                                refreshFiles()
+                              } catch {}
+                            }
+                          }
+                        }} style={{
+                          width: '100%', textAlign: 'left', padding: '6px 10px 6px 20px', background: isLinked ? 'var(--bg-hover)' : 'none',
+                          border: 'none', cursor: 'pointer', fontSize: 13, color: 'var(--text-primary)',
+                          borderRadius: 8, fontFamily: 'inherit', fontWeight: isLinked ? 600 : 400,
+                          display: 'flex', alignItems: 'center', gap: 6,
+                        }}
+                          onMouseEnter={e => e.currentTarget.style.background = 'var(--bg-hover)'}
+                          onMouseLeave={e => e.currentTarget.style.background = isLinked ? 'var(--bg-hover)' : 'transparent'}>
+                          <Ticket size={12} style={{ flexShrink: 0, color: 'var(--text-muted)' }} />
+                          <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{r.title || r.name}</span>
+                          {isLinked && <Check size={14} style={{ marginLeft: 'auto', flexShrink: 0, color: 'var(--accent)' }} />}
+                        </button>
+                      )
+                    })}
                  </div>
                )

@@ -9,8 +9,6 @@ export interface MapMarkerItem {
  label: string
  mood?: string | null
  time: string
-  dayColor: string
-  dayLabel: number
 }

 export interface JourneyMapHandle {
@@ -26,8 +24,6 @@ interface MapEntry {
  title?: string | null
  mood?: string | null
  entry_date: string
-  dayColor?: string
-  dayLabel?: number
 }

 interface Props {
@@ -53,8 +49,6 @@ function buildMarkerItems(entries: MapEntry[]): MapMarkerItem[] {
        label: e.title || 'Entry',
        mood: e.mood,
        time: e.entry_date,
-        dayColor: e.dayColor || '#52525B',
-        dayLabel: e.dayLabel ?? 1,
      })
    }
  }
@@ -65,19 +59,30 @@ function buildMarkerItems(entries: MapEntry[]): MapMarkerItem[] {
 const MARKER_W = 28
 const MARKER_H = 36

-function markerSvg(dayColor: string, dayLabel: number, highlighted: boolean): string {
-  const stroke = highlighted ? '#fff' : 'rgba(255,255,255,0.5)'
+function markerSvg(index: number, highlighted: boolean, dark: boolean): string {
+  // Highlighted: inverted colors for contrast (black on light, white on dark)
+  const fill = dark
+    ? (highlighted ? '#FAFAFA' : '#A1A1AA')
+    : (highlighted ? '#18181B' : '#52525B')
+  const textColor = dark
+    ? (highlighted ? '#18181B' : '#18181B')
+    : (highlighted ? '#fff' : '#fff')
+  const stroke = highlighted
+    ? (dark ? '#fff' : '#18181B')
+    : (dark ? '#3F3F46' : '#fff')
  const shadow = highlighted
-    ? 'filter:drop-shadow(0 0 10px rgba(0,0,0,0.4)) drop-shadow(0 2px 6px rgba(0,0,0,0.4))'
+    ? (dark
+        ? 'filter:drop-shadow(0 0 10px rgba(255,255,255,0.35)) drop-shadow(0 2px 6px rgba(0,0,0,0.4))'
+        : 'filter:drop-shadow(0 0 10px rgba(0,0,0,0.3)) drop-shadow(0 2px 6px rgba(0,0,0,0.3))')
    : 'filter:drop-shadow(0 2px 4px rgba(0,0,0,0.25))'
-  const label = String(dayLabel)
+  const label = String(index + 1)
  const scale = highlighted ? 1.2 : 1

  return `<div style="transform:scale(${scale});transition:transform 0.2s ease;${shadow};transform-origin:bottom center">
    <svg width="${MARKER_W}" height="${MARKER_H}" viewBox="0 0 28 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M14 34C14 34 26 22.36 26 13C26 6.37 20.63 1 14 1C7.37 1 2 6.37 2 13C2 22.36 14 34 14 34Z" fill="${dayColor}" stroke="${stroke}" stroke-width="1.5"/>
-      <circle cx="14" cy="13" r="8" fill="${dayColor}"/>
-      <text x="14" y="13" text-anchor="middle" dominant-baseline="central" fill="#fff" font-family="-apple-system,system-ui,sans-serif" font-size="11" font-weight="700">${label}</text>
+      <path d="M14 34C14 34 26 22.36 26 13C26 6.37 20.63 1 14 1C7.37 1 2 6.37 2 13C2 22.36 14 34 14 34Z" fill="${fill}" stroke="${stroke}" stroke-width="2"/>
+      <circle cx="14" cy="13" r="8" fill="${fill}"/>
+      <text x="14" y="13" text-anchor="middle" dominant-baseline="central" fill="${textColor}" font-family="-apple-system,system-ui,sans-serif" font-size="11" font-weight="700">${label}</text>
    </svg>
  </div>`
 }
@@ -110,11 +115,12 @@ const JourneyMap = forwardRef<JourneyMapHandle, Props>(function JourneyMap(
      const marker = markersRef.current.get(prev)
      const item = itemsRef.current.find(i => i.id === prev)
      if (marker && item) {
+        const idx = itemsRef.current.indexOf(item)
        marker.setIcon(L.divIcon({
          className: '',
          iconSize: [MARKER_W, MARKER_H],
          iconAnchor: [MARKER_W / 2, MARKER_H],
-          html: markerSvg(item.dayColor, item.dayLabel, false),
+          html: markerSvg(idx, false, isDark),
        }))
        marker.setZIndexOffset(0)
      }
@@ -124,11 +130,12 @@ const JourneyMap = forwardRef<JourneyMapHandle, Props>(function JourneyMap(
      const marker = markersRef.current.get(id)
      const item = itemsRef.current.find(i => i.id === id)
      if (marker && item) {
+        const idx = itemsRef.current.indexOf(item)
        marker.setIcon(L.divIcon({
          className: '',
          iconSize: [MARKER_W, MARKER_H],
          iconAnchor: [MARKER_W / 2, MARKER_H],
-          html: markerSvg(item.dayColor, item.dayLabel, true),
+          html: markerSvg(idx, true, isDark),
        }))
        marker.setZIndexOffset(1000)
      }
@@ -219,7 +226,7 @@ const JourneyMap = forwardRef<JourneyMapHandle, Props>(function JourneyMap(
        className: '',
        iconSize: [MARKER_W, MARKER_H],
        iconAnchor: [MARKER_W / 2, MARKER_H],
-        html: markerSvg(item.dayColor, item.dayLabel, false),
+        html: markerSvg(i, false, !!dark),
      })

      const marker = L.marker(pos, { icon }).addTo(map)
@@ -14,8 +14,6 @@ interface MapEntry {
  location_name?: string | null
  mood?: string | null
  entry_date: string
-  dayColor?: string
-  dayLabel?: number
 }

 interface Props {
@@ -18,8 +18,6 @@ interface MapEntry {
  location_name?: string | null
  mood?: string | null
  entry_date: string
-  dayColor?: string
-  dayLabel?: number
 }

 interface Props {
@@ -41,8 +39,6 @@ interface Item {
  label: string
  locationName: string
  time: string
-  dayColor: string
-  dayLabel: number
 }

 const MARKER_W = 28
@@ -59,8 +55,6 @@ function buildItems(entries: MapEntry[]): Item[] {
        label: e.title || '',
        locationName: e.location_name || '',
        time: e.entry_date,
-        dayColor: e.dayColor || '#52525B',
-        dayLabel: e.dayLabel ?? 1,
      })
    }
  }
@@ -163,15 +157,21 @@ function ensureJourneyPopupStyle() {
  document.head.appendChild(s)
 }

-function markerHtml(dayColor: string, dayLabel: number, highlighted: boolean): HTMLDivElement {
-  const fill = dayColor
-  const textColor = '#fff'
-  const stroke = highlighted ? '#fff' : 'rgba(255,255,255,0.5)'
+function markerHtml(index: number, highlighted: boolean, dark: boolean): HTMLDivElement {
+  const fill = dark
+    ? (highlighted ? '#FAFAFA' : '#A1A1AA')
+    : (highlighted ? '#18181B' : '#52525B')
+  const textColor = highlighted ? (dark ? '#18181B' : '#fff') : '#fff'
+  const stroke = highlighted
+    ? (dark ? '#fff' : '#18181B')
+    : (dark ? '#3F3F46' : '#fff')
  const shadow = highlighted
-    ? 'drop-shadow(0 0 10px rgba(0,0,0,0.4)) drop-shadow(0 2px 6px rgba(0,0,0,0.4))'
+    ? (dark
+        ? 'drop-shadow(0 0 10px rgba(255,255,255,0.35)) drop-shadow(0 2px 6px rgba(0,0,0,0.4))'
+        : 'drop-shadow(0 0 10px rgba(0,0,0,0.3)) drop-shadow(0 2px 6px rgba(0,0,0,0.3))')
    : 'drop-shadow(0 2px 4px rgba(0,0,0,0.25))'
  const scale = highlighted ? 1.2 : 1
-  const label = String(dayLabel)
+  const label = String(index + 1)

  // Outer wrap holds the element mapbox positions via `transform: translate(...)`.
  // Anything animated (scale, filter) has to live on an inner child — otherwise
@@ -183,7 +183,7 @@ function markerHtml(dayColor: string, dayLabel: number, highlighted: boolean): H
  inner.className = 'trek-journey-marker-inner'
  inner.style.cssText = `width:100%;height:100%;transform:scale(${scale});transform-origin:bottom center;transition:transform 0.2s ease;filter:${shadow};`
  inner.innerHTML = `<svg width="${MARKER_W}" height="${MARKER_H}" viewBox="0 0 28 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M14 34C14 34 26 22.36 26 13C26 6.37 20.63 1 14 1C7.37 1 2 6.37 2 13C2 22.36 14 34 14 34Z" fill="${fill}" stroke="${stroke}" stroke-width="1.5"/>
+    <path d="M14 34C14 34 26 22.36 26 13C26 6.37 20.63 1 14 1C7.37 1 2 6.37 2 13C2 22.36 14 34 14 34Z" fill="${fill}" stroke="${stroke}" stroke-width="2"/>
    <circle cx="14" cy="13" r="8" fill="${fill}"/>
    <text x="14" y="13" text-anchor="middle" dominant-baseline="central" fill="${textColor}" font-family="-apple-system,system-ui,sans-serif" font-size="11" font-weight="700">${label}</text>
  </svg>`
@@ -273,12 +273,13 @@ const JourneyMapGL = forwardRef<JourneyMapGLHandle, Props>(function JourneyMapGL
    const item = itemsRef.current.find(i => i.id === id)
    const marker = markersRef.current.get(id)
    if (!item || !marker) return
+    const idx = itemsRef.current.indexOf(item)
    const el = marker.getElement()
    const currentInner = el.querySelector('.trek-journey-marker-inner') as HTMLDivElement | null
    if (!currentInner) return
    // Only swap the inner element's styles/HTML. Touching `el.style.cssText`
    // would wipe mapbox's positional transform and make the marker flicker.
-    const next = markerHtml(item.dayColor, item.dayLabel, highlighted)
+    const next = markerHtml(idx, highlighted, !!darkRef.current)
    const nextInner = next.querySelector('.trek-journey-marker-inner') as HTMLDivElement
    currentInner.style.cssText = nextInner.style.cssText
    currentInner.innerHTML = nextInner.innerHTML
@@ -381,8 +382,8 @@ const JourneyMapGL = forwardRef<JourneyMapGLHandle, Props>(function JourneyMapGL
      }

      // markers
-      items.forEach((item) => {
-        const el = markerHtml(item.dayColor, item.dayLabel, false)
+      items.forEach((item, i) => {
+        const el = markerHtml(i, false, !!darkRef.current)
        const marker = new mapboxgl.Marker({ element: el, anchor: 'bottom' })
          .setLngLat([item.lng, item.lat])
          .addTo(map)
@@ -1,5 +1,4 @@
 import { MapPin, Camera, Smile, Laugh, Meh, Frown, Sun, CloudSun, Cloud, CloudRain, CloudLightning, Snowflake } from 'lucide-react'
-import { formatLocationName } from '../../utils/formatters'
 import type { JourneyEntry, JourneyPhoto } from '../../store/journeyStore'

 const MOOD_ICONS: Record<string, typeof Smile> = {
@@ -38,14 +37,13 @@ function stripMarkdown(text: string): string {

 interface Props {
  entry: JourneyEntry | { id: number; type: string; title?: string | null; location_name?: string | null; location_lat?: number | null; location_lng?: number | null; entry_date: string; entry_time?: string | null; mood?: string | null; weather?: string | null; photos?: { photo_id: number }[]; story?: string | null }
-  dayLabel: number
-  dayColor: string
+  index: number
  isActive: boolean
  onClick: () => void
  publicPhotoUrl?: (photoId: number) => string
 }

-export default function MobileEntryCard({ entry, dayLabel, dayColor, isActive, onClick, publicPhotoUrl }: Props) {
+export default function MobileEntryCard({ entry, index, isActive, onClick, publicPhotoUrl }: Props) {
  const hasLocation = !!(entry.location_lat && entry.location_lng)
  const hasPhotos = entry.photos && entry.photos.length > 0
  const firstPhoto = hasPhotos ? entry.photos![0] : null
@@ -100,8 +98,8 @@ export default function MobileEntryCard({ entry, dayLabel, dayColor, isActive, o
        <div className="flex-1 p-3 flex flex-col min-w-0">
          {/* Day number + date + mood/weather */}
          <div className="flex items-center gap-1.5 mb-1">
-            <span className="w-5 h-5 rounded text-white text-[10px] font-bold flex items-center justify-center flex-shrink-0" style={{ background: dayColor }}>
-              {dayLabel}
+            <span className="w-5 h-5 rounded bg-zinc-900 dark:bg-white text-white dark:text-zinc-900 text-[10px] font-bold flex items-center justify-center flex-shrink-0">
+              {index + 1}
            </span>
            <span className="text-[11px] text-zinc-400 font-medium">{dateStr}</span>
            {entry.entry_time && (
@@ -143,7 +141,7 @@ export default function MobileEntryCard({ entry, dayLabel, dayColor, isActive, o
            {hasLocation ? (
              <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-zinc-100 dark:bg-zinc-700 text-[10px] font-medium text-zinc-600 dark:text-zinc-300 max-w-full overflow-hidden">
                <MapPin size={10} className="flex-shrink-0" />
-                <span className="truncate">{formatLocationName(entry.location_name) || 'On the map'}</span>
+                <span className="truncate">{entry.location_name || 'On the map'}</span>
              </span>
            ) : (
              <span className="text-[10px] text-zinc-400 italic">No location</span>
@@ -6,7 +6,6 @@ import {
  ThumbsUp, ThumbsDown, ChevronDown,
 } from 'lucide-react'
 import JournalBody from './JournalBody'
-import { formatLocationName } from '../../utils/formatters'
 import type { JourneyEntry, JourneyPhoto } from '../../store/journeyStore'

 const MOOD_CONFIG: Record<string, { icon: typeof Smile; label: string; bg: string; text: string }> = {
@@ -25,22 +24,20 @@ const WEATHER_CONFIG: Record<string, { icon: typeof Sun; label: string }> = {
  cold:   { icon: Snowflake,     label: 'Cold' },
 }

-function photoUrl(p: JourneyPhoto, size: 'thumbnail' | 'original' = 'original', builder?: (id: number) => string): string {
-  if (builder) return builder(p.photo_id)
+function photoUrl(p: JourneyPhoto, size: 'thumbnail' | 'original' = 'original'): string {
  return `/api/photos/${p.photo_id}/${size}`
 }

 interface Props {
  entry: JourneyEntry
  readOnly?: boolean
-  publicPhotoUrl?: (photoId: number) => string
  onClose: () => void
  onEdit: () => void
  onDelete: () => void
  onPhotoClick: (photos: JourneyPhoto[], index: number) => void
 }

-export default function MobileEntryView({ entry, readOnly, publicPhotoUrl, onClose, onEdit, onDelete, onPhotoClick }: Props) {
+export default function MobileEntryView({ entry, readOnly, onClose, onEdit, onDelete, onPhotoClick }: Props) {
  const photos = entry.photos || []
  const mood = entry.mood ? MOOD_CONFIG[entry.mood] : null
  const weather = entry.weather ? WEATHER_CONFIG[entry.weather] : null
@@ -87,7 +84,7 @@ export default function MobileEntryView({ entry, readOnly, publicPhotoUrl, onClo
        {photos.length > 0 && (
          <div className="relative">
            <img
-              src={photoUrl(photos[0], 'original', publicPhotoUrl)}
+              src={photoUrl(photos[0])}
              alt=""
              className="w-full max-h-[50vh] object-cover cursor-pointer"
              onClick={() => onPhotoClick(photos, 0)}
@@ -104,7 +101,7 @@ export default function MobileEntryView({ entry, readOnly, publicPhotoUrl, onClo
                {photos.map((p, i) => (
                  <img
                    key={p.id || i}
-                    src={photoUrl(p, 'thumbnail', publicPhotoUrl)}
+                    src={photoUrl(p, 'thumbnail')}
                    alt=""
                    className="w-16 h-16 rounded-lg object-cover flex-shrink-0 cursor-pointer hover:ring-2 ring-zinc-900/30 dark:ring-white/30 transition-all"
                    onClick={() => onPhotoClick(photos, i)}
@@ -133,7 +130,7 @@ export default function MobileEntryView({ entry, readOnly, publicPhotoUrl, onClo
            <div className="mb-3">
              <span className="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-zinc-100 dark:bg-zinc-800 text-[12px] font-medium text-zinc-700 dark:text-zinc-300">
                <MapPin size={12} className="text-zinc-500 dark:text-zinc-400 flex-shrink-0" />
-                {formatLocationName(entry.location_name)}
+                {entry.location_name}
              </span>
            </div>
          )}
@@ -1,10 +1,9 @@
-import { useRef, useState, useEffect, useCallback, useMemo } from 'react'
+import { useRef, useState, useEffect, useCallback } from 'react'
 import { Plus } from 'lucide-react'
 import JourneyMap from './JourneyMap'
 import MobileEntryCard from './MobileEntryCard'
 import type { JourneyMapHandle } from './JourneyMap'
 import type { JourneyEntry } from '../../store/journeyStore'
-import { DAY_COLORS } from './dayColors'

 interface MapEntry {
  id: string
@@ -24,7 +23,6 @@ interface Props {
  onEntryClick: (entry: any) => void
  onAddEntry?: () => void
  publicPhotoUrl?: (photoId: number) => string
-  carouselBottom?: string
 }

 export default function MobileMapTimeline({
@@ -36,23 +34,14 @@ export default function MobileMapTimeline({
  onEntryClick,
  onAddEntry,
  publicPhotoUrl,
-  carouselBottom = 'calc(var(--bottom-nav-h, 84px) + 8px)',
 }: Props) {
  const mapRef = useRef<JourneyMapHandle>(null)
  const carouselRef = useRef<HTMLDivElement>(null)
  const [activeIndex, setActiveIndex] = useState(0)
-
-  const entryDayMeta = useMemo(() => {
-    const uniqueDates = [...new Set(entries.map((e: any) => e.entry_date).sort())]
-    const counters = new Map<string, number>()
-    return entries.map((e: any) => {
-      const dayIdx = uniqueDates.indexOf(e.entry_date)
-      const dayLabel = (counters.get(e.entry_date) ?? 0) + 1
-      counters.set(e.entry_date, dayLabel)
-      return { dayLabel, dayColor: DAY_COLORS[dayIdx % DAY_COLORS.length] }
-    })
-  }, [entries])
  const cardRefs = useRef<Map<number, HTMLDivElement>>(new Map())
+  const activeIndexRef = useRef(activeIndex)
+  useEffect(() => { activeIndexRef.current = activeIndex }, [activeIndex])
+
  // Sync map focus when carousel scrolls (with guard for uninitialized map)
  const syncMapToCarousel = useCallback((index: number) => {
    const entry = entries[index]
@@ -87,19 +76,29 @@ export default function MobileMapTimeline({
    })
  }, [syncMapToCarousel])

-  // Defer all state updates until scrolling settles — updating activeIndex
-  // mid-swipe resizes cards (240→320px), causing layout reflow every frame.
+  // Track scroll; debounce to re-center the active card when the user stops.
  useEffect(() => {
    const el = carouselRef.current
    if (!el || entries.length === 0) return
+    let rafId: number | null = null
    let settleTimer: number | null = null
    const onScroll = () => {
+      if (rafId != null) return
+      rafId = requestAnimationFrame(() => {
+        pickNearestCard()
+        rafId = null
+      })
      if (settleTimer != null) window.clearTimeout(settleTimer)
-      settleTimer = window.setTimeout(pickNearestCard, 150)
+      settleTimer = window.setTimeout(() => {
+        // Ensure the active card sits at the center once the user settles.
+        const card = cardRefs.current.get(activeIndexRef.current)
+        card?.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' })
+      }, 180)
    }
    el.addEventListener('scroll', onScroll, { passive: true })
    return () => {
      el.removeEventListener('scroll', onScroll)
+      if (rafId != null) cancelAnimationFrame(rafId)
      if (settleTimer != null) window.clearTimeout(settleTimer)
    }
  }, [entries.length, pickNearestCard])
@@ -143,10 +142,7 @@ export default function MobileMapTimeline({

  if (entries.length === 0) {
    return (
-      <div
-        className="fixed left-0 right-0 z-10"
-        style={{ top: 'var(--nav-h, 0px)', bottom: 'env(safe-area-inset-bottom, 0px)' }}
-      >
+      <div className="fixed inset-0 z-10" style={{ top: 0, bottom: 0 }}>
        <JourneyMap
          ref={mapRef}
          entries={mapEntries}
@@ -172,10 +168,7 @@ export default function MobileMapTimeline({
  }

  return (
-    <div
-      className="fixed left-0 right-0 z-10"
-      style={{ top: 'var(--nav-h, 0px)', bottom: 'env(safe-area-inset-bottom, 0px)' }}
-    >
+    <div className="fixed inset-0 z-10" style={{ top: 0, bottom: 0 }}>
      {/* Full-screen map */}
      <JourneyMap
        ref={mapRef}
@@ -193,13 +186,13 @@ export default function MobileMapTimeline({
      {/* Bottom carousel */}
      <div
        className="fixed left-0 right-0 z-40"
-        style={{ touchAction: 'pan-x', bottom: carouselBottom }}
+        style={{ touchAction: 'pan-x', bottom: 'calc(var(--bottom-nav-h, 84px) + 8px)' }}
      >
        <div
          ref={carouselRef}
-          className="flex gap-3 overflow-x-auto px-4 pb-3 pt-1"
+          className="flex gap-3 overflow-x-auto px-4 pb-3 pt-1 scroll-smooth"
          style={{
-            scrollSnapType: 'x mandatory',
+            scrollSnapType: 'x proximity',
            WebkitOverflowScrolling: 'touch',
            scrollbarWidth: 'none',
            msOverflowStyle: 'none',
@@ -214,8 +207,7 @@ export default function MobileMapTimeline({
            >
              <MobileEntryCard
                entry={entry}
-                dayLabel={entryDayMeta[i]?.dayLabel ?? i + 1}
-                dayColor={entryDayMeta[i]?.dayColor ?? DAY_COLORS[0]}
+                index={i}
                isActive={i === activeIndex}
                onClick={() => handleCardTap(entry, i)}
                publicPhotoUrl={publicPhotoUrl}
@@ -1,32 +0,0 @@
-export const DAY_COLORS = [
-  '#6366f1', // indigo
-  '#f97316', // orange
-  '#14b8a6', // teal
-  '#ec4899', // pink
-  '#22c55e', // green
-  '#3b82f6', // blue
-  '#a855f7', // purple
-  '#ef4444', // red
-  '#f59e0b', // amber
-  '#06b6d4', // cyan
-  '#84cc16', // lime
-  '#f43f5e', // rose
-  '#8b5cf6', // violet
-  '#10b981', // emerald
-  '#fb923c', // orange-400
-  '#60a5fa', // blue-400
-  '#c084fc', // purple-400
-  '#34d399', // emerald-400
-  '#fbbf24', // amber-400
-  '#e879f9', // fuchsia
-  '#4ade80', // green-400
-  '#f87171', // red-400
-  '#38bdf8', // sky-400
-  '#a3e635', // lime-400
-  '#fb7185', // rose-400
-  '#818cf8', // indigo-400
-  '#2dd4bf', // teal-400
-  '#facc15', // yellow
-  '#c026d3', // fuchsia-600
-  '#0ea5e9', // sky-500
-]
@@ -266,22 +266,17 @@ export default function DemoBanner(): React.ReactElement | null {

  return (
    <div style={{
-      position: 'fixed', inset: 0, zIndex: 99999,
+      position: 'fixed', inset: 0, zIndex: 9999,
      background: 'rgba(0,0,0,0.6)', backdropFilter: 'blur(8px)',
      display: 'flex', alignItems: 'center', justifyContent: 'center',
-      paddingTop: 'max(16px, env(safe-area-inset-top))',
-      paddingBottom: 'max(16px, calc(env(safe-area-inset-bottom) + 80px))',
-      paddingLeft: 16, paddingRight: 16,
-      overflow: 'auto',
+      padding: 16, overflow: 'auto',
      fontFamily: "-apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif",
    }} onClick={() => setDismissed(true)}>
      <div style={{
-        background: 'white', borderRadius: 20, padding: '28px 24px 0',
+        background: 'white', borderRadius: 20, padding: '28px 24px 20px',
        maxWidth: 480, width: '100%',
        boxShadow: '0 20px 60px rgba(0,0,0,0.3)',
-        maxHeight: 'min(90vh, calc(100dvh - 96px))',
-        overflow: 'auto',
-        display: 'flex', flexDirection: 'column',
+        maxHeight: '90vh', overflow: 'auto',
      }} onClick={(e: React.MouseEvent<HTMLDivElement>) => e.stopPropagation()}>

        {/* Header */}
@@ -372,10 +367,8 @@ export default function DemoBanner(): React.ReactElement | null {

        {/* Footer */}
        <div style={{
-          padding: '14px 0 20px', borderTop: '1px solid #e5e7eb',
+          paddingTop: 14, borderTop: '1px solid #e5e7eb',
          display: 'flex', alignItems: 'center', justifyContent: 'space-between',
-          position: 'sticky', bottom: 0, background: 'white',
-          marginTop: 'auto',
        }}>
          <div style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: 11, color: '#9ca3af' }}>
            <Github size={13} />
@@ -61,25 +61,11 @@ export default function Navbar({ tripTitle, tripId, onBack, showBack, onShare }:
    navigate('/login', { state: { noRedirect: true } })
  }

-  // Keep track of the pending theme-transition cleanup so we can cancel it
-  // on unmount. Without this the timer fires after jsdom teardown in unit
-  // tests (document is gone) and triggers an unhandled ReferenceError that
-  // trips vitest's exit code.
-  const themeTransitionTimer = useRef<number | null>(null)
-  useEffect(() => () => {
-    if (themeTransitionTimer.current !== null) {
-      window.clearTimeout(themeTransitionTimer.current)
-      themeTransitionTimer.current = null
-    }
-  }, [])
-
  const toggleDarkMode = () => {
    document.documentElement.classList.add('trek-theme-transitioning')
    updateSetting('dark_mode', dark ? 'light' : 'dark').catch(() => {})
-    if (themeTransitionTimer.current !== null) window.clearTimeout(themeTransitionTimer.current)
-    themeTransitionTimer.current = window.setTimeout(() => {
+    window.setTimeout(() => {
      document.documentElement.classList.remove('trek-theme-transitioning')
-      themeTransitionTimer.current = null
    }, 360)
  }

@@ -1,15 +1,11 @@
 /**
- * OfflineBanner — connectivity + sync state indicator.
+ * OfflineBanner — persistent top bar indicating connectivity + sync state.
 *
 * States:
- *   offline + N queued  →  amber pill "Offline · N queued"
- *   offline + 0 queued  →  amber pill "Offline"
- *   online  + N pending →  blue pill  "Syncing N…"
+ *   offline + N queued  →  amber bar "Offline — N changes queued"
+ *   offline + 0 queued  →  amber bar "Offline"
+ *   online  + N pending →  blue bar  "Syncing N changes…"
 *   online  + 0 pending →  hidden
- *
- * Rendered as a small floating pill anchored to the bottom-center of the
- * viewport so it never competes with top navigation or sticky modal
- * headers. On mobile it hovers just above the bottom tab bar.
 */
 import React, { useState, useEffect } from 'react'
 import { WifiOff, RefreshCw } from 'lucide-react'
@@ -52,9 +48,9 @@ export default function OfflineBanner(): React.ReactElement | null {

  const label = offline
    ? pendingCount > 0
-      ? `Offline · ${pendingCount} queued`
+      ? `Offline — ${pendingCount} change${pendingCount !== 1 ? 's' : ''} queued`
      : 'Offline'
-    : `Syncing ${pendingCount}…`
+    : `Syncing ${pendingCount} change${pendingCount !== 1 ? 's' : ''}…`

  return (
    <div
@@ -62,29 +58,27 @@ export default function OfflineBanner(): React.ReactElement | null {
      aria-live="polite"
      style={{
        position: 'fixed',
-        // Hover above the mobile bottom nav; on desktop --bottom-nav-h is 0,
-        // so the pill sits 16px from the bottom.
-        bottom: 'calc(var(--bottom-nav-h) + 16px)',
-        left: '50%',
-        transform: 'translateX(-50%)',
+        top: 0,
+        left: 0,
+        right: 0,
        zIndex: 9999,
        background: bg,
        color: text,
-        display: 'inline-flex',
+        display: 'flex',
        alignItems: 'center',
-        gap: 6,
-        padding: '6px 14px',
-        borderRadius: 999,
-        boxShadow: '0 4px 16px rgba(0,0,0,0.18), 0 0 0 1px rgba(255,255,255,0.08)',
-        fontSize: 12,
-        fontWeight: 600,
-        whiteSpace: 'nowrap',
-        pointerEvents: 'none',
+        justifyContent: 'center',
+        gap: 8,
+        paddingTop: 'calc(env(safe-area-inset-top, 0px) + 6px)',
+        paddingBottom: '6px',
+        paddingLeft: '16px',
+        paddingRight: '16px',
+        fontSize: 13,
+        fontWeight: 500,
      }}
    >
      {offline
-        ? <WifiOff size={12} />
-        : <RefreshCw size={12} style={{ animation: 'spin 1s linear infinite' }} />
+        ? <WifiOff size={14} />
+        : <RefreshCw size={14} style={{ animation: 'spin 1s linear infinite' }} />
      }
      {label}
    </div>
@@ -78,7 +78,6 @@ const transportReservation = {
  id: 400,
  title: 'Flight to Rome',
  type: 'flight',
-  day_id: 10,
  reservation_time: '2025-06-01T14:30:00',
  confirmation_number: 'ABC123',
  metadata: JSON.stringify({ airline: 'Air Italia', flight_number: 'AI123', departure_airport: 'CDG', arrival_airport: 'FCO' }),
@@ -4,7 +4,6 @@ import { getCategoryIcon } from '../shared/categoryIcons'
 import { FileText, Info, Clock, MapPin, Navigation, Train, Plane, Bus, Car, Ship, Coffee, Ticket, Star, Heart, Camera, Flag, Lightbulb, AlertTriangle, ShoppingBag, Bookmark, Hotel, LogIn, LogOut, KeyRound, BedDouble, Utensils, Users, LucideIcon } from 'lucide-react'
 import { accommodationsApi, mapsApi } from '../../api/client'
 import type { Trip, Day, Place, Category, AssignmentsMap, DayNotesMap } from '../../types'
-import { isDayInAccommodationRange, getDayOrder } from '../../utils/dayOrder'

 function renderLucideIcon(icon:LucideIcon, props = {}) {
  if (!_renderToStaticMarkup) return ''
@@ -141,58 +140,23 @@ export async function downloadTripPDF({ trip, days, places, assignments, categor
  const totalCost = Object.values(assignments || {})
    .flatMap(a => a).reduce((s, a) => s + (parseFloat(a.place?.price) || 0), 0)

-  // Span helpers for multi-day transport (mirrors DayPlanSidebar logic)
-  const pdfGetDayOrder = (d: Day) => d.day_number
-  const pdfGetSpanPhase = (r: any, dayId: number): 'single' | 'start' | 'middle' | 'end' => {
-    const startId = r.day_id
-    const endId = r.end_day_id ?? startId
-    if (!startId || startId === endId) return 'single'
-    if (dayId === startId) return 'start'
-    if (dayId === endId) return 'end'
-    return 'middle'
-  }
-  const pdfGetDisplayTime = (r: any, dayId: number): string | null => {
-    const phase = pdfGetSpanPhase(r, dayId)
-    if (phase === 'end') return r.reservation_end_time || null
-    if (phase === 'middle') return null
-    return r.reservation_time || null
-  }
-  const pdfGetSpanLabel = (r: any, phase: string): string | null => {
-    if (phase === 'single') return null
-    if (r.type === 'flight') return tr(`reservations.span.${phase === 'start' ? 'departure' : phase === 'end' ? 'arrival' : 'inTransit'}`)
-    if (r.type === 'car') return tr(`reservations.span.${phase === 'start' ? 'pickup' : phase === 'end' ? 'return' : 'active'}`)
-    return tr(`reservations.span.${phase === 'start' ? 'start' : phase === 'end' ? 'end' : 'ongoing'}`)
-  }
-  const pdfGetTransportForDay = (dayId: number) => (reservations || []).filter(r => {
-    if (r.type === 'hotel') return false
-    const startId = r.day_id
-    const endId = r.end_day_id ?? startId
-    if (startId == null) return false
-    if (endId !== startId) {
-      const startDay = sorted.find(d => d.id === startId)
-      const endDay = sorted.find(d => d.id === endId)
-      const thisDay = sorted.find(d => d.id === dayId)
-      if (!startDay || !endDay || !thisDay) return false
-      return pdfGetDayOrder(thisDay) >= pdfGetDayOrder(startDay) && pdfGetDayOrder(thisDay) <= pdfGetDayOrder(endDay)
-    }
-    return startId === dayId
-  })
-
  // Build day HTML
  const daysHtml = sorted.map((day, di) => {
    const assigned = assignments[String(day.id)] || []
    const notes = (dayNotes || []).filter(n => n.day_id === day.id)
    const cost = dayCost(assignments, day.id, loc)

-    // Reservations for this day (hotel rendered via accommodations block; car middle-phase rendered in sidebar header only)
-    const dayReservations = pdfGetTransportForDay(day.id)
-      .filter(r => !(r.type === 'car' && pdfGetSpanPhase(r, day.id) === 'middle'))
+    // Reservations for this day (hotel rendered via accommodations block)
+    const dayReservations = (reservations || []).filter(r => {
+      if (!r.reservation_time || r.type === 'hotel') return false
+      return day.date && r.reservation_time.split('T')[0] === day.date
+    })

    const merged = []
    assigned.forEach(a => merged.push({ type: 'place', k: a.order_index ?? a.sort_order ?? 0, data: a }))
    notes.forEach(n    => merged.push({ type: 'note',  k: n.sort_order ?? 0, data: n }))
    dayReservations.forEach(r => {
-      const pos = r.day_positions?.[day.id] ?? r.day_positions?.[String(day.id)] ?? r.day_plan_position ?? (merged.length > 0 ? Math.max(...merged.map(m => m.k)) + 0.5 : 0.5)
+      const pos = r.day_plan_position ?? (merged.length > 0 ? Math.max(...merged.map(m => m.k)) + 0.5 : 0.5)
      merged.push({ type: 'reservation', k: pos, data: r })
    })
    merged.sort((a, b) => a.k - b.k)
@@ -213,17 +177,13 @@ export async function downloadTripPDF({ trip, days, places, assignments, categor
            else if (r.type === 'event') subtitle = [meta.venue].filter(Boolean).join(' · ')
            else if (r.type === 'tour') subtitle = [meta.operator].filter(Boolean).join(' · ')
            const locationLine = r.location || meta.location || ''
-            const phase = pdfGetSpanPhase(r, day.id)
-            const spanLabel = pdfGetSpanLabel(r, phase)
-            const displayTime = pdfGetDisplayTime(r, day.id)
-            const time = displayTime?.includes('T') ? displayTime.split('T')[1]?.substring(0, 5) : ''
-            const titleHtml = `${spanLabel ? escHtml(spanLabel) + ': ' : ''}${escHtml(r.title)}`
+            const time = r.reservation_time?.includes('T') ? r.reservation_time.split('T')[1]?.substring(0, 5) : ''
            return `
              <div class="note-card" style="border-left: 3px solid ${color};">
                <div class="note-line" style="background: ${color};"></div>
                <span class="note-icon">${icon}</span>
                <div class="note-body">
-                  <div class="note-text" style="font-weight: 600;">${titleHtml}${time ? ` <span style="color:#6b7280;font-weight:400;font-size:10px;">${time}</span>` : ''}</div>
+                  <div class="note-text" style="font-weight: 600;">${escHtml(r.title)}${time ? ` <span style="color:#6b7280;font-weight:400;font-size:10px;">${time}</span>` : ''}</div>
                  ${subtitle ? `<div class="note-time">${escHtml(subtitle)}</div>` : ''}
                  ${locationLine ? `<div class="note-time">${escHtml(locationLine)}</div>` : ''}
                  ${r.confirmation_number ? `<div class="note-time" style="font-size:9px;">Code: ${escHtml(r.confirmation_number)}</div>` : ''}
@@ -286,12 +246,8 @@ export async function downloadTripPDF({ trip, days, places, assignments, categor
      }).join('')

    const accommodationsForDay = (accommodations.accommodations || []).filter(a =>
-      day ? isDayInAccommodationRange(day, a.start_day_id, a.end_day_id, days) : false
-    ).sort((a, b) => {
-      const startA = days.find(d => d.id === a.start_day_id)
-      const startB = days.find(d => d.id === b.start_day_id)
-      return (startA ? getDayOrder(startA, days) : 0) - (startB ? getDayOrder(startB, days) : 0)
-    })
+      days.some(d => d.id >= a.start_day_id && d.id <= a.end_day_id && d.id === day?.id)
+    ).sort((a, b) => a.start_day_id - b.start_day_id)

    const accommodationDetails = accommodationsForDay.map(item => {
      const isCheckIn = day.id === item.start_day_id
@@ -208,14 +208,9 @@ interface ArtikelZeileProps {
  canEdit?: boolean
 }

-// A category's first item is seeded with this sentinel because the server
-// rejects empty names. Treat it as a placeholder in the UI.
-const PACKING_PLACEHOLDER_NAME = '...'
-
 function ArtikelZeile({ item, tripId, categories, onCategoryChange, bagTrackingEnabled, bags = [], onCreateBag, canEdit = true }: ArtikelZeileProps) {
-  const isPlaceholder = item.name === PACKING_PLACEHOLDER_NAME
  const [editing, setEditing] = useState(false)
-  const [editName, setEditName] = useState(isPlaceholder ? '' : item.name)
+  const [editName, setEditName] = useState(item.name)
  const [hovered, setHovered] = useState(false)
  const [showCatPicker, setShowCatPicker] = useState(false)
  const [showBagPicker, setShowBagPicker] = useState(false)
@@ -228,7 +223,7 @@ function ArtikelZeile({ item, tripId, categories, onCategoryChange, bagTrackingE
  const handleToggle = () => togglePackingItem(tripId, item.id, !item.checked)

  const handleSaveName = async () => {
-    if (!editName.trim()) { setEditing(false); setEditName(isPlaceholder ? '' : item.name); return }
+    if (!editName.trim()) { setEditing(false); setEditName(item.name); return }
    try { await updatePackingItem(tripId, item.id, { name: editName.trim() }); setEditing(false) }
    catch { toast.error(t('packing.toast.saveError')) }
  }
@@ -280,10 +275,9 @@ function ArtikelZeile({ item, tripId, categories, onCategoryChange, bagTrackingE
      {editing && canEdit ? (
        <input
          type="text" value={editName} autoFocus
-          placeholder={isPlaceholder ? '...' : undefined}
          onChange={e => setEditName(e.target.value)}
          onBlur={handleSaveName}
-          onKeyDown={e => { if (e.key === 'Enter') handleSaveName(); if (e.key === 'Escape') { setEditing(false); setEditName(isPlaceholder ? '' : item.name) } }}
+          onKeyDown={e => { if (e.key === 'Enter') handleSaveName(); if (e.key === 'Escape') { setEditing(false); setEditName(item.name) } }}
          style={{ flex: 1, fontSize: 13.5, padding: '2px 8px', borderRadius: 6, border: '1px solid var(--border-primary)', outline: 'none', fontFamily: 'inherit' }}
        />
      ) : (
@@ -292,7 +286,7 @@ function ArtikelZeile({ item, tripId, categories, onCategoryChange, bagTrackingE
          style={{
            flex: 1, fontSize: 13.5,
            cursor: !canEdit || item.checked ? 'default' : 'text',
-            color: isPlaceholder ? 'var(--text-faint)' : (item.checked ? 'var(--text-faint)' : 'var(--text-primary)'),
+            color: item.checked ? 'var(--text-faint)' : 'var(--text-primary)',
            transition: 'color 200ms cubic-bezier(0.23,1,0.32,1)',
            textDecoration: item.checked ? 'line-through' : 'none',
          }}
@@ -892,277 +892,6 @@ describe('DayDetailPanel', () => {
    expect(screen.getByText(/June|15/i)).toBeInTheDocument();
  });

-  // ── Accommodation date-range picker — non-monotonic day IDs (issue #889) ─────
-
-  // Builds the reporter's exact ID layout: day_number 1-9 → IDs 17-25, day_number 10-16 → IDs 1-7.
-  // This happens after repeated trip-length changes via generateDays (no import/migration needed).
-  function buildNonMonotonicDays() {
-    return [
-      buildDay({ id: 17, trip_id: 1, date: '2026-04-30' }),
-      buildDay({ id: 18, trip_id: 1, date: '2026-05-01' }),
-      buildDay({ id: 19, trip_id: 1, date: '2026-05-02' }),
-      buildDay({ id: 20, trip_id: 1, date: '2026-05-03' }),
-      buildDay({ id: 21, trip_id: 1, date: '2026-05-04' }),
-      buildDay({ id: 22, trip_id: 1, date: '2026-05-05' }),
-      buildDay({ id: 23, trip_id: 1, date: '2026-05-06' }),
-      buildDay({ id: 24, trip_id: 1, date: '2026-05-07' }),
-      buildDay({ id: 25, trip_id: 1, date: '2026-05-08' }),
-      buildDay({ id: 1,  trip_id: 1, date: '2026-05-09' }),
-      buildDay({ id: 2,  trip_id: 1, date: '2026-05-10' }),
-      buildDay({ id: 3,  trip_id: 1, date: '2026-05-11' }),
-      buildDay({ id: 4,  trip_id: 1, date: '2026-05-12' }),
-      buildDay({ id: 5,  trip_id: 1, date: '2026-05-13' }),
-      buildDay({ id: 6,  trip_id: 1, date: '2026-05-14' }),
-      buildDay({ id: 7,  trip_id: 1, date: '2026-05-15' }),
-    ];
-  }
-
-  // Returns the two CustomSelect trigger buttons for start/end day pickers.
-  // When no dropdown is open, these are the only globally-visible buttons whose textContent
-  // matches /Day \d+/ (the main panel title is a div, not a button).
-  // [0] = start trigger, [1] = end trigger (DOM source order).
-  function getDayPickerTriggers() {
-    return screen.getAllByRole('button').filter(b => /Day \d+/.test(b.textContent ?? ''));
-  }
-
-  it('FE-PLANNER-DAYDETAIL-056: non-monotonic IDs — end picker does not clobber start-day', async () => {
-    const days = buildNonMonotonicDays();
-    const place = buildPlace({ id: 50, name: 'Range Hotel' });
-    let capturedBody: any;
-    server.use(
-      http.post('/api/trips/1/accommodations', async ({ request }) => {
-        capturedBody = await request.json();
-        return HttpResponse.json({
-          accommodation: {
-            id: 99, place_id: 50, place_name: 'Range Hotel', place_address: null,
-            start_day_id: capturedBody.start_day_id, end_day_id: capturedBody.end_day_id,
-            check_in: null, check_out: null, confirmation: null,
-          },
-        });
-      }),
-    );
-
-    render(<DayDetailPanel {...defaultProps} day={days[0]} days={days} places={[place]} />);
-    await userEvent.click(await screen.findByText(/Add accommodation/i));
-    await userEvent.click(await screen.findByRole('button', { name: /Range Hotel/i }));
-
-    // Both triggers show "Day 1"; the second one is the end picker.
-    await userEvent.click(getDayPickerTriggers()[1]);
-    // Select "Day 16" (id=7) from the open dropdown — textContent starts with "Day 16".
-    await userEvent.click(screen.getAllByRole('button').find(b => b.textContent?.startsWith('Day 16'))!);
-
-    await userEvent.click(screen.getByRole('button', { name: /^Save$/i }));
-
-    await waitFor(() => {
-      // start must remain id 17 (day 1) — old code would clobber it to id 7 via Math.min
-      expect(capturedBody?.start_day_id).toBe(17);
-      expect(capturedBody?.end_day_id).toBe(7);
-    });
-  });
-
-  it('FE-PLANNER-DAYDETAIL-057: non-monotonic IDs — start picker does not collapse end when start has high ID', async () => {
-    const days = buildNonMonotonicDays();
-    const place = buildPlace({ id: 51, name: 'Span Hotel' });
-    let capturedBody: any;
-    server.use(
-      http.post('/api/trips/1/accommodations', async ({ request }) => {
-        capturedBody = await request.json();
-        return HttpResponse.json({
-          accommodation: {
-            id: 100, place_id: 51, place_name: 'Span Hotel', place_address: null,
-            start_day_id: capturedBody.start_day_id, end_day_id: capturedBody.end_day_id,
-            check_in: null, check_out: null, confirmation: null,
-          },
-        });
-      }),
-    );
-
-    render(<DayDetailPanel {...defaultProps} day={days[0]} days={days} places={[place]} />);
-    await userEvent.click(await screen.findByText(/Add accommodation/i));
-    await userEvent.click(await screen.findByRole('button', { name: /Span Hotel/i }));
-
-    // Set end to day 16 (id=7, low ID but last day by position).
-    await userEvent.click(getDayPickerTriggers()[1]);
-    await userEvent.click(screen.getAllByRole('button').find(b => b.textContent?.startsWith('Day 16'))!);
-
-    // Set start to day 9 (id=25, high ID, but earlier by position than day 16).
-    // Old code: Math.max(25, 7) = 25 → end collapses to day 9.
-    // New code: position(id=25)=8 < position(id=7)=15 → end stays at 7 (day 16).
-    await userEvent.click(getDayPickerTriggers()[0]);
-    await userEvent.click(screen.getAllByRole('button').find(b => b.textContent?.startsWith('Day 9'))!);
-
-    await userEvent.click(screen.getByRole('button', { name: /^Save$/i }));
-
-    await waitFor(() => {
-      expect(capturedBody?.start_day_id).toBe(25); // day 9
-      expect(capturedBody?.end_day_id).toBe(7);    // day 16 — must NOT have collapsed
-    });
-  });
-
-  it('FE-PLANNER-DAYDETAIL-058: non-monotonic IDs — All days button sets correct first/last IDs', async () => {
-    const days = buildNonMonotonicDays();
-    const place = buildPlace({ id: 52, name: 'Full Trip Hotel' });
-    let capturedBody: any;
-    server.use(
-      http.post('/api/trips/1/accommodations', async ({ request }) => {
-        capturedBody = await request.json();
-        return HttpResponse.json({
-          accommodation: {
-            id: 101, place_id: 52, place_name: 'Full Trip Hotel', place_address: null,
-            start_day_id: capturedBody.start_day_id, end_day_id: capturedBody.end_day_id,
-            check_in: null, check_out: null, confirmation: null,
-          },
-        });
-      }),
-    );
-
-    render(<DayDetailPanel {...defaultProps} day={days[0]} days={days} places={[place]} />);
-    await userEvent.click(await screen.findByText(/Add accommodation/i));
-    await userEvent.click(await screen.findByRole('button', { name: /Full Trip Hotel/i }));
-
-    // "All" is the day.allDays translation (en: "All") — the Apply-to-entire-trip button.
-    // When categories=[] the category-filter "All" button is not rendered, so this is unique.
-    await userEvent.click(screen.getByRole('button', { name: /^All$/i }));
-    await userEvent.click(screen.getByRole('button', { name: /^Save$/i }));
-
-    await waitFor(() => {
-      // days[0].id=17 (first by position), days[15].id=7 (last by position)
-      expect(capturedBody?.start_day_id).toBe(17);
-      expect(capturedBody?.end_day_id).toBe(7);
-    });
-  });
-
-  it('FE-PLANNER-DAYDETAIL-059: sequential IDs — end picker clamping still works (regression guard)', async () => {
-    const seqDays = [
-      buildDay({ id: 101, trip_id: 1, date: '2026-06-01' }),
-      buildDay({ id: 102, trip_id: 1, date: '2026-06-02' }),
-      buildDay({ id: 103, trip_id: 1, date: '2026-06-03' }),
-    ];
-    const place = buildPlace({ id: 53, name: 'Seq Hotel' });
-    let capturedBody: any;
-    server.use(
-      http.post('/api/trips/1/accommodations', async ({ request }) => {
-        capturedBody = await request.json();
-        return HttpResponse.json({
-          accommodation: {
-            id: 102, place_id: 53, place_name: 'Seq Hotel', place_address: null,
-            start_day_id: capturedBody.start_day_id, end_day_id: capturedBody.end_day_id,
-            check_in: null, check_out: null, confirmation: null,
-          },
-        });
-      }),
-    );
-
-    render(<DayDetailPanel {...defaultProps} day={seqDays[0]} days={seqDays} places={[place]} />);
-    await userEvent.click(await screen.findByText(/Add accommodation/i));
-    await userEvent.click(await screen.findByRole('button', { name: /Seq Hotel/i }));
-
-    // Pick end = day 3 (id=103, position 2 > position 0 of start id=101).
-    await userEvent.click(getDayPickerTriggers()[1]);
-    await userEvent.click(screen.getAllByRole('button').find(b => b.textContent?.startsWith('Day 3'))!);
-
-    await userEvent.click(screen.getByRole('button', { name: /^Save$/i }));
-
-    await waitFor(() => {
-      expect(capturedBody?.start_day_id).toBe(101);
-      expect(capturedBody?.end_day_id).toBe(103);
-    });
-  });
-
-  // ── Post-save state filter — non-monotonic IDs (issue #889 follow-up) ────────
-
-  it('FE-PLANNER-DAYDETAIL-060: non-monotonic IDs — hotel stays visible after edit-save (issue #889 regression)', async () => {
-    const days = buildNonMonotonicDays();
-    let getCallCount = 0;
-    server.use(
-      http.get('/api/trips/1/accommodations', () => {
-        getCallCount++;
-        const acc = getCallCount === 1
-          // Initial load: single-day so old filter (17>=17 && 17<=17) passes — hotel visible, edit possible
-          ? { id: 1, place_id: 50, place_name: 'Span Hotel', place_address: null, start_day_id: 17, end_day_id: 17, check_in: null, check_out: null, confirmation: null }
-          // Post-save relist: full span — old filter (17>=17 && 17<=7) would drop it, new code keeps it
-          : { id: 1, place_id: 50, place_name: 'Span Hotel', place_address: null, start_day_id: 17, end_day_id: 7, check_in: null, check_out: null, confirmation: null };
-        return HttpResponse.json({ accommodations: [acc] });
-      }),
-      http.put('/api/trips/1/accommodations/1', async ({ request }) => {
-        const body = await request.json() as any;
-        return HttpResponse.json({
-          accommodation: { id: 1, place_id: 50, place_name: 'Span Hotel', place_address: null,
-            start_day_id: body.start_day_id, end_day_id: body.end_day_id,
-            check_in: null, check_out: null, confirmation: null },
-        });
-      }),
-    );
-
-    render(<DayDetailPanel {...defaultProps} day={days[0]} days={days} />);
-    await screen.findByText('Span Hotel');
-
-    // Pencil = 3rd button (index 2): collapse, close, pencil, remove
-    const allButtons = screen.getAllByRole('button');
-    await userEvent.click(allButtons[2]);
-
-    // Extend end picker to Day 16 (id=7)
-    await userEvent.click(getDayPickerTriggers()[1]);
-    await userEvent.click(screen.getAllByRole('button').find(b => b.textContent?.startsWith('Day 16'))!);
-    await userEvent.click(screen.getByRole('button', { name: /^Save$/i }));
-
-    // Old code: 17>=17 && 17<=7 → false (hotel vanishes). New code: position 0 in [0,15] → visible.
-    await waitFor(() => {
-      expect(screen.getByText('Span Hotel')).toBeInTheDocument();
-    });
-  });
-
-  it('FE-PLANNER-DAYDETAIL-061: non-monotonic IDs — hotel appears after create-save on intermediate day', async () => {
-    const days = buildNonMonotonicDays();
-    const place = buildPlace({ id: 55, name: 'Created Hotel' });
-    // Current day: days[5] = id 22, position 5 (within any full-span range)
-    const currentDay = days[5];
-    server.use(
-      http.post('/api/trips/1/accommodations', async ({ request }) => {
-        const body = await request.json() as any;
-        return HttpResponse.json({
-          accommodation: { id: 200, place_id: 55, place_name: 'Created Hotel', place_address: null,
-            start_day_id: body.start_day_id, end_day_id: body.end_day_id,
-            check_in: null, check_out: null, confirmation: null },
-        });
-      }),
-    );
-
-    render(<DayDetailPanel {...defaultProps} day={currentDay} days={days} places={[place]} />);
-    await userEvent.click(await screen.findByText(/Add accommodation/i));
-    await userEvent.click(await screen.findByRole('button', { name: /Created Hotel/i }));
-
-    // Extend end to Day 16 (id=7) — start stays at current day id=22
-    await userEvent.click(getDayPickerTriggers()[1]);
-    await userEvent.click(screen.getAllByRole('button').find(b => b.textContent?.startsWith('Day 16'))!);
-    await userEvent.click(screen.getByRole('button', { name: /^Save$/i }));
-
-    // Old code: 22>=22 && 22<=7 → false (hotel vanishes). New code: position 5 in [5,15] → visible.
-    await waitFor(() => {
-      expect(screen.getByText('Created Hotel')).toBeInTheDocument();
-    });
-  });
-
-  it('FE-PLANNER-DAYDETAIL-062: non-monotonic IDs — hotel shown on initial load when it spans the full trip', async () => {
-    const days = buildNonMonotonicDays();
-    server.use(
-      http.get('/api/trips/1/accommodations', () =>
-        HttpResponse.json({
-          accommodations: [{ id: 1, place_id: 60, place_name: 'Full Trip Hotel', place_address: null,
-            start_day_id: 17, end_day_id: 7, check_in: null, check_out: null, confirmation: null }],
-        })
-      ),
-    );
-
-    // Day 1 (id=17): old filter: 17>=17 && 17<=7 → false. New: position 0 in [0,15] → visible.
-    render(<DayDetailPanel {...defaultProps} day={days[0]} days={days} />);
-    await screen.findByText('Full Trip Hotel');
-
-    // Intermediate day (id=1, position 9): old filter: 1>=17 → false. New: 9 in [0,15] → visible.
-    render(<DayDetailPanel {...defaultProps} day={days[9]} days={days} />);
-    await screen.findByText('Full Trip Hotel');
-  });
-
  it('FE-PLANNER-DAYDETAIL-040: 12h time format renders reservation time with AM/PM', async () => {
    seedStore(useSettingsStore, {
      settings: { time_format: '12h', temperature_unit: 'celsius', blur_booking_codes: false },
@@ -12,7 +12,6 @@ import CustomTimePicker from '../shared/CustomTimePicker'
 import { useSettingsStore } from '../../store/settingsStore'
 import { getLocaleForLanguage, useTranslation } from '../../i18n'
 import type { Day, Place, Category, Reservation, AssignmentsMap } from '../../types'
-import { isDayInAccommodationRange } from '../../utils/dayOrder'

 const WEATHER_ICON_MAP = {
  Clear: Sun, Clouds: Cloud, Rain: CloudRain, Drizzle: CloudDrizzle,
@@ -67,11 +66,7 @@ export default function DayDetailPanel({ day, days, places, categories = [], tri
  const isFahrenheit = useSettingsStore(s => s.settings.temperature_unit) === 'fahrenheit'
  const is12h = useSettingsStore(s => s.settings.time_format) === '12h'
  const blurCodes = useSettingsStore(s => s.settings.blur_booking_codes)
-  const fmtTime = (v) => {
-    if (!v) return v
-    if (v.includes('T')) return new Date(v).toLocaleTimeString(locale, { hour: '2-digit', minute: '2-digit', hour12: is12h })
-    return formatTime12(v, is12h)
-  }
+  const fmtTime = (v) => formatTime12(v, is12h)
  const unit = isFahrenheit ? '°F' : '°C'
  const collapsed = collapsedProp
  const toggleCollapse = () => onToggleCollapse?.()
@@ -100,7 +95,7 @@ export default function DayDetailPanel({ day, days, places, categories = [], tri
      .then(data => {
        setAccommodations(data.accommodations || [])
        const allForDay = (data.accommodations || []).filter(a =>
-          day ? isDayInAccommodationRange(day, a.start_day_id, a.end_day_id, days) : false
+          days.some(d => d.id >= a.start_day_id && d.id <= a.end_day_id && d.id === day?.id)
        )
        setDayAccommodations(allForDay)
        setAccommodation(allForDay[0] || null)
@@ -131,7 +126,7 @@ export default function DayDetailPanel({ day, days, places, categories = [], tri
      setAccommodations(updated)
      setAccommodation(newAcc)
      setDayAccommodations(updated.filter(a =>
-        day ? isDayInAccommodationRange(day, a.start_day_id, a.end_day_id, days) : false
+        days.some(d => d.id >= a.start_day_id && d.id <= a.end_day_id && d.id === day?.id)
      ))
      setShowHotelPicker(false)
      setHotelForm({ check_in: '', check_in_end: '', check_out: '', confirmation: '', place_id: null })
@@ -155,7 +150,7 @@ export default function DayDetailPanel({ day, days, places, categories = [], tri
      const updated = accommodations.filter(a => a.id !== accommodation.id)
      setAccommodations(updated)
      setDayAccommodations(updated.filter(a =>
-        day ? isDayInAccommodationRange(day, a.start_day_id, a.end_day_id, days) : false
+        days.some(d => d.id >= a.start_day_id && d.id <= a.end_day_id && d.id === day?.id)
      ))
      setAccommodation(null)
      onAccommodationChange?.()
@@ -173,7 +168,7 @@ export default function DayDetailPanel({ day, days, places, categories = [], tri
  const font = { fontFamily: "-apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif" }

  return (
-    <div className="fixed z-50" style={{ bottom: 'calc(var(--bottom-nav-h) + 20px)', left: `calc(${leftWidth}px + (100vw - ${leftWidth}px - ${rightWidth}px) / 2)`, transform: 'translateX(-50%)', width: `min(800px, calc(100vw - ${leftWidth}px - ${rightWidth}px - 32px))`, ...font }}>
+    <div className="fixed z-50 bottom-[96px] md:bottom-5" style={{ left: `calc(${leftWidth}px + (100vw - ${leftWidth}px - ${rightWidth}px) / 2)`, transform: 'translateX(-50%)', width: `min(800px, calc(100vw - ${leftWidth}px - ${rightWidth}px - 32px))`, ...font }}>
      <div style={{
        background: 'var(--bg-elevated)',
        backdropFilter: 'blur(40px) saturate(180%)',
@@ -464,7 +459,7 @@ export default function DayDetailPanel({ day, days, places, categories = [], tri
                      <div style={{ flex: 1, minWidth: 0 }}>
                        <CustomSelect
                          value={hotelDayRange.start}
-                          onChange={v => setHotelDayRange(prev => ({ start: v, end: days.findIndex(d => d.id === v) > days.findIndex(d => d.id === prev.end) ? v : prev.end }))}
+                          onChange={v => setHotelDayRange(prev => ({ start: v, end: Math.max(v, prev.end) }))}
                          options={days.map((d, i) => ({
                            value: d.id,
                            label: d.title || t('planner.dayN', { n: i + 1 }),
@@ -479,7 +474,7 @@ export default function DayDetailPanel({ day, days, places, categories = [], tri
                      <div style={{ flex: 1, minWidth: 0 }}>
                        <CustomSelect
                          value={hotelDayRange.end}
-                          onChange={v => setHotelDayRange(prev => ({ start: days.findIndex(d => d.id === v) < days.findIndex(d => d.id === prev.start) ? v : prev.start, end: v }))}
+                          onChange={v => setHotelDayRange(prev => ({ start: Math.min(prev.start, v), end: v }))}
                          options={days.map((d, i) => ({
                            value: d.id,
                            label: d.title || t('planner.dayN', { n: i + 1 }),
@@ -599,9 +594,9 @@ export default function DayDetailPanel({ day, days, places, categories = [], tri
                        const all = d.accommodations || []
                        setAccommodations(all)
                        setDayAccommodations(all.filter(a =>
-                          day ? isDayInAccommodationRange(day, a.start_day_id, a.end_day_id, days) : false
+                          days.some(dd => dd.id >= a.start_day_id && dd.id <= a.end_day_id && dd.id === day?.id)
                        ))
-                        const acc = all.find(a => day ? isDayInAccommodationRange(day, a.start_day_id, a.end_day_id, days) : false)
+                        const acc = all.find(a => days.some(dd => dd.id >= a.start_day_id && dd.id <= a.end_day_id && dd.id === day?.id))
                        setAccommodation(acc || null)
                      })
                      onAccommodationChange?.()
@@ -21,7 +21,6 @@ import { useTripStore } from '../../store/tripStore'
 import { useCanDo } from '../../store/permissionsStore'
 import { useSettingsStore } from '../../store/settingsStore'
 import { useTranslation } from '../../i18n'
-import { isDayInAccommodationRange } from '../../utils/dayOrder'
 import { formatDate, formatTime, dayTotalCost, currencyDecimals } from '../../utils/formatters'
 import { useDayNotes } from '../../hooks/useDayNotes'
 import Tooltip from '../shared/Tooltip'
@@ -398,7 +397,7 @@ const DayPlanSidebar = React.memo(function DayPlanSidebar({
  const getTransportForDay = (dayId: number) => {
    const dayAssignmentIds = (assignments[String(dayId)] || []).map(a => a.id)
    return reservations.filter(r => {
-      if (!TRANSPORT_TYPES.has(r.type)) return false
+      if (r.type === 'hotel') return false
      if (r.assignment_id && dayAssignmentIds.includes(r.assignment_id)) return false

      const startDayId = r.day_id
@@ -1215,7 +1214,7 @@ const DayPlanSidebar = React.memo(function DayPlanSidebar({
                        </Tooltip>
                      )}
                      {(() => {
-                        const dayAccs = accommodations.filter(a => isDayInAccommodationRange(day, a.start_day_id, a.end_day_id, days))
+                        const dayAccs = accommodations.filter(a => day.id >= a.start_day_id && day.id <= a.end_day_id)
                          // Sort: check-out first, then ongoing stays, then check-in last
                          .sort((a, b) => {
                            const aIsOut = a.end_day_id === day.id && a.start_day_id !== day.id
@@ -1577,10 +1576,7 @@ const DayPlanSidebar = React.memo(function DayPlanSidebar({
                                      {res.reservation_time?.includes('T') && (
                                        <span style={{ fontWeight: 400 }}>
                                          {new Date(res.reservation_time).toLocaleTimeString(locale, { hour: '2-digit', minute: '2-digit', hour12: timeFormat === '12h' })}
-                                          {res.reservation_end_time && ` – ${(() => {
-                                            const endStr = res.reservation_end_time.includes('T') ? res.reservation_end_time : (res.reservation_time.split('T')[0] + 'T' + res.reservation_end_time)
-                                            return new Date(endStr).toLocaleTimeString(locale, { hour: '2-digit', minute: '2-digit', hour12: timeFormat === '12h' })
-                                          })()}`}
+                                          {res.reservation_end_time && ` – ${res.reservation_end_time}`}
                                        </span>
                                      )}
                                      {(() => {
@@ -1726,11 +1722,7 @@ const DayPlanSidebar = React.memo(function DayPlanSidebar({
                        return (
                          <React.Fragment key={`transport-${res.id}-${day.id}`}>
                          <div
-                            onClick={() => {
-                              if (!canEditDays) return
-                              if (TRANSPORT_TYPES.has(res.type)) onEditTransport?.(res)
-                              else onEditReservation?.(res)
-                            }}
+                            onClick={() => canEditDays && onEditTransport?.(res)}
                            onDragOver={e => {
                              e.preventDefault(); e.stopPropagation()
                              const rect = e.currentTarget.getBoundingClientRect()
@@ -360,25 +360,6 @@ export default function PlaceFormModal({
      onClose={onClose}
      title={place ? t('places.editPlace') : t('places.addPlace')}
      size="lg"
-      footer={
-        <div className="flex justify-end gap-3">
-          <button
-            type="button"
-            onClick={onClose}
-            className="px-4 py-2 text-sm text-gray-600 hover:text-gray-900 border border-gray-200 rounded-lg hover:bg-gray-50"
-          >
-            {t('common.cancel')}
-          </button>
-          <button
-            type="button"
-            onClick={handleSubmit}
-            disabled={isSaving || hasTimeError}
-            className="px-6 py-2 bg-slate-900 text-white text-sm rounded-lg hover:bg-slate-700 disabled:opacity-60 font-medium"
-          >
-            {isSaving ? t('common.saving') : place ? t('common.update') : t('common.add')}
-          </button>
-        </div>
-      }
    >
      <form onSubmit={handleSubmit} className="space-y-4" onPaste={handlePaste}>
        {/* Place Search */}
@@ -632,6 +613,23 @@ export default function PlaceFormModal({
          </div>
        )}

+        {/* Actions */}
+        <div className="flex justify-end gap-3 pt-2 border-t border-gray-100">
+          <button
+            type="button"
+            onClick={onClose}
+            className="px-4 py-2 text-sm text-gray-600 hover:text-gray-900 border border-gray-200 rounded-lg hover:bg-gray-50"
+          >
+            {t('common.cancel')}
+          </button>
+          <button
+            type="submit"
+            disabled={isSaving || hasTimeError}
+            className="px-6 py-2 bg-slate-900 text-white text-sm rounded-lg hover:bg-slate-700 disabled:opacity-60 font-medium"
+          >
+            {isSaving ? t('common.saving') : place ? t('common.update') : t('common.add')}
+          </button>
+        </div>
      </form>
    </Modal>
  )
@@ -203,10 +203,8 @@ describe('ReservationModal', () => {
    fireEvent.change(datePickers[1], { target: { value: '2025-06-09' } });
    fireEvent.change(timePickers[1], { target: { value: '09:00' } });

-    // When isEndBeforeStart=true the submit button is disabled, so fire submit on the form directly.
-    // The Save button now lives in the Modal's sticky footer (outside the <form>), so we query
-    // the form by tag instead of walking up from the button.
-    const form = document.querySelector('form')!;
+    // When isEndBeforeStart=true the submit button is disabled, so submit the form directly
+    const form = screen.getByRole('button', { name: /^Add$/i }).closest('form')!;
    fireEvent.submit(form);

    expect(onSave).not.toHaveBeenCalled();
@@ -182,8 +182,6 @@ export function ReservationModal({ isOpen, onClose, onSave, reservation, days, p
      let combinedEndTime = form.reservation_end_time
      if (form.end_date) {
        combinedEndTime = form.reservation_end_time ? `${form.end_date}T${form.reservation_end_time}` : form.end_date
-      } else if (form.reservation_end_time && form.reservation_time) {
-        combinedEndTime = `${form.reservation_time.split('T')[0]}T${form.reservation_end_time}`
      }
      if (isBudgetEnabled) {
        if (form.price) metadata.price = form.price
@@ -273,22 +271,7 @@ export function ReservationModal({ isOpen, onClose, onSave, reservation, days, p
  const labelStyle = { display: 'block', fontSize: 11, fontWeight: 600, color: 'var(--text-faint)', marginBottom: 5, textTransform: 'uppercase', letterSpacing: '0.03em' }

  return (
-    <Modal
-      isOpen={isOpen}
-      onClose={onClose}
-      title={reservation ? t('reservations.editTitle') : t('reservations.newTitle')}
-      size="2xl"
-      footer={
-        <div style={{ display: 'flex', justifyContent: 'flex-end', gap: 8 }}>
-          <button type="button" onClick={onClose} style={{ padding: '8px 16px', borderRadius: 10, border: '1px solid var(--border-primary)', background: 'none', fontSize: 12, cursor: 'pointer', fontFamily: 'inherit', color: 'var(--text-muted)' }}>
-            {t('common.cancel')}
-          </button>
-          <button type="button" onClick={handleSubmit} disabled={isSaving || !form.title.trim() || isEndBeforeStart} style={{ padding: '8px 20px', borderRadius: 10, border: 'none', background: 'var(--text-primary)', color: 'var(--bg-primary)', fontSize: 12, fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit', opacity: isSaving || !form.title.trim() || isEndBeforeStart ? 0.5 : 1 }}>
-            {isSaving ? t('common.saving') : reservation ? t('common.update') : t('common.add')}
-          </button>
-        </div>
-      }
-    >
+    <Modal isOpen={isOpen} onClose={onClose} title={reservation ? t('reservations.editTitle') : t('reservations.newTitle')} size="2xl">
      <form onSubmit={handleSubmit} style={{ display: 'flex', flexDirection: 'column', gap: 14 }}>

        {/* Type selector */}
@@ -434,17 +417,12 @@ export function ReservationModal({ isOpen, onClose, onSave, reservation, days, p
                <CustomSelect
                  value={form.hotel_place_id}
                  onChange={value => {
+                    set('hotel_place_id', value)
                    const p = places.find(pl => pl.id === value)
-                    setForm(prev => {
-                      const next = { ...prev, hotel_place_id: value }
-                      if (!value) {
-                        next.location = ''
-                      } else if (p) {
-                        if (!prev.title) next.title = p.name
-                        if (!prev.location && p.address) next.location = p.address
-                      }
-                      return next
-                    })
+                    if (p) {
+                      if (!form.title) set('title', p.name)
+                      if (!form.location && p.address) set('location', p.address)
+                    }
                  }}
                  placeholder={t('reservations.meta.pickHotel')}
                  options={[
@@ -639,6 +617,15 @@ export function ReservationModal({ isOpen, onClose, onSave, reservation, days, p
          </>
        )}

+        {/* Actions */}
+        <div style={{ display: 'flex', justifyContent: 'flex-end', gap: 8, paddingTop: 4, borderTop: '1px solid var(--border-secondary)' }}>
+          <button type="button" onClick={onClose} style={{ padding: '8px 16px', borderRadius: 10, border: '1px solid var(--border-primary)', background: 'none', fontSize: 12, cursor: 'pointer', fontFamily: 'inherit', color: 'var(--text-muted)' }}>
+            {t('common.cancel')}
+          </button>
+          <button type="submit" disabled={isSaving || !form.title.trim() || isEndBeforeStart} style={{ padding: '8px 20px', borderRadius: 10, border: 'none', background: 'var(--text-primary)', color: 'var(--bg-primary)', fontSize: 12, fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit', opacity: isSaving || !form.title.trim() || isEndBeforeStart ? 0.5 : 1 }}>
+            {isSaving ? t('common.saving') : reservation ? t('common.update') : t('common.add')}
+          </button>
+        </div>
      </form>
    </Modal>
  )
@@ -112,30 +112,17 @@ function ReservationCard({ r, tripId, onEdit, onDelete, files = [], onNavigateTo

  const TRANSPORT_TYPES_SET = new Set(['flight', 'train', 'bus', 'car', 'cruise'])
  const isTransportType = TRANSPORT_TYPES_SET.has(r.type)
-  const isHotel = r.type === 'hotel'
-  const startDay = r.day_id ? days.find(d => d.id === r.day_id)
-    : (isHotel && r.accommodation_start_day_id) ? days.find(d => d.id === r.accommodation_start_day_id)
-    : undefined
-  const endDay = r.end_day_id ? days.find(d => d.id === r.end_day_id)
-    : (isHotel && r.accommodation_end_day_id) ? days.find(d => d.id === r.accommodation_end_day_id)
-    : undefined
-  const DayLabel = ({ day }: { day: typeof startDay }) => {
-    if (!day) return null
-    const name = day.title || t('dayplan.dayN', { n: day.day_number })
-    const badge = day.date
-      ? new Date(day.date + 'T00:00:00Z').toLocaleDateString(locale, { day: 'numeric', month: 'short', timeZone: 'UTC' })
-      : null
-    return (
-      <span style={{ display: 'inline-flex', alignItems: 'center', gap: 5 }}>
-        <span>{name}</span>
-        {badge && (
-          <span style={{
-            fontSize: 10, fontWeight: 600, color: 'var(--text-faint)',
-            background: 'var(--bg-secondary)', padding: '1px 6px', borderRadius: 999,
-          }}>{badge}</span>
-        )}
-      </span>
-    )
+  const startDay = r.day_id ? days.find(d => d.id === r.day_id) : undefined
+  const endDay = r.end_day_id ? days.find(d => d.id === r.end_day_id) : undefined
+  const dayLabel = (day: typeof startDay): string => {
+    if (!day) return ''
+    const base = day.title || t('dayplan.dayN', { n: day.day_number })
+    if (day.date) {
+      const d = new Date(day.date + 'T00:00:00Z')
+      const dateStr = d.toLocaleDateString(locale, { day: 'numeric', month: 'short', timeZone: 'UTC' })
+      return `${base} · ${dateStr}`
+    }
+    return base
  }

  return (
@@ -148,15 +135,13 @@ function ReservationCard({ r, tripId, onEdit, onDelete, files = [], onNavigateTo
      onMouseEnter={e => e.currentTarget.style.boxShadow = '0 2px 12px rgba(0,0,0,0.06)'}
      onMouseLeave={e => e.currentTarget.style.boxShadow = 'none'}
    >
-      {/* Header — wraps to a second row on narrow screens so the status/category chips
-          never collide with the title. */}
+      {/* Header */}
      <div style={{
        display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12,
-        flexWrap: 'wrap',
        padding: '12px 14px',
        background: confirmed ? 'rgba(22,163,74,0.06)' : 'rgba(217,119,6,0.06)',
      }}>
-        <div style={{ display: 'inline-flex', alignItems: 'center', gap: 10, minWidth: 0, flexWrap: 'wrap' }}>
+        <div style={{ display: 'inline-flex', alignItems: 'center', gap: 10, minWidth: 0 }}>
          <span style={{
            display: 'inline-flex', alignItems: 'center', gap: 6,
            fontSize: 12, fontWeight: 600, color: confirmed ? '#16a34a' : '#d97706',
@@ -217,15 +202,12 @@ function ReservationCard({ r, tripId, onEdit, onDelete, files = [], onNavigateTo

      {/* Body */}
      <div style={{ padding: 14, display: 'flex', flexDirection: 'column', gap: 12, flex: 1 }}>
-        {/* Day label for transport/hotel reservations linked to days */}
-        {(isTransportType || isHotel) && startDay && (
+        {/* Day label for transport reservations linked to a day */}
+        {isTransportType && startDay && (
          <div>
            <div style={fieldLabelStyle}>{t('reservations.date')}</div>
-            <div style={{ ...fieldValueStyle, display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 6, flexWrap: 'wrap' }}>
-              <DayLabel day={startDay} />
-              {endDay && endDay.id !== startDay.id && (
-                <><span style={{ color: 'var(--text-faint)' }}>–</span><DayLabel day={endDay} /></>
-              )}
+            <div style={{ ...fieldValueStyle, textAlign: 'center' }}>
+              {dayLabel(startDay)}{endDay && endDay.id !== startDay.id ? ` – ${dayLabel(endDay)}` : ''}
            </div>
          </div>
        )}
@@ -236,16 +218,7 @@ function ReservationCard({ r, tripId, onEdit, onDelete, files = [], onNavigateTo
              <div style={fieldLabelStyle}>{t('reservations.date')}</div>
              <div style={{ ...fieldValueStyle, textAlign: 'center' }}>
                {fmtDate(r.reservation_time)}
-                {(() => {
-                  const endDatePart = r.reservation_end_time
-                    ? r.reservation_end_time.includes('T')
-                        ? r.reservation_end_time.split('T')[0]
-                        : /^\d{4}-\d{2}-\d{2}$/.test(r.reservation_end_time)
-                            ? r.reservation_end_time
-                            : null
-                    : null
-                  return endDatePart && endDatePart !== r.reservation_time.split('T')[0]
-                })() && (
+                {r.reservation_end_time && (r.reservation_end_time.includes('T') ? r.reservation_end_time.split('T')[0] : r.reservation_end_time) !== r.reservation_time.split('T')[0] && (
                  <> – {fmtDate(r.reservation_end_time)}</>
                )}
              </div>
@@ -1,324 +0,0 @@
-// FE-PLANNER-TRANSMODAL-001 to FE-PLANNER-TRANSMODAL-021
-import { render, screen, waitFor, fireEvent } from '../../../tests/helpers/render';
-import userEvent from '@testing-library/user-event';
-import { http, HttpResponse } from 'msw';
-import { server } from '../../../tests/helpers/msw/server';
-import { useAuthStore } from '../../store/authStore';
-import { useTripStore } from '../../store/tripStore';
-import { useAddonStore } from '../../store/addonStore';
-import { resetAllStores, seedStore } from '../../../tests/helpers/store';
-import {
-  buildUser,
-  buildTrip,
-  buildDay,
-  buildReservation,
-  buildTripFile,
-} from '../../../tests/helpers/factories';
-import { TransportModal } from './TransportModal';
-
-vi.mock('react-router-dom', async (importActual) => {
-  const actual = await importActual<typeof import('react-router-dom')>();
-  return { ...actual, useParams: () => ({ id: '1' }) };
-});
-
-vi.mock('../shared/CustomTimePicker', () => ({
-  default: ({ value, onChange }: { value: string; onChange: (v: string) => void }) => (
-    <input data-testid="time-picker" type="text" value={value} onChange={e => onChange(e.target.value)} />
-  ),
-}));
-
-vi.mock('./AirportSelect', () => ({
-  default: ({ onChange }: { onChange: (a: any) => void }) => (
-    <input data-testid="airport-select" type="text" onChange={e => onChange({ iata: e.target.value, name: e.target.value, city: '', country: '', lat: 0, lng: 0, tz: 'UTC', icao: null })} />
-  ),
-}));
-
-vi.mock('./LocationSelect', () => ({
-  default: ({ onChange }: { onChange: (l: any) => void }) => (
-    <input data-testid="location-select" type="text" onChange={e => onChange({ name: e.target.value, lat: 0, lng: 0, address: null })} />
-  ),
-}));
-
-const defaultProps = {
-  isOpen: true,
-  onClose: vi.fn(),
-  onSave: vi.fn().mockResolvedValue(undefined),
-  reservation: null,
-  days: [],
-  selectedDayId: null,
-  files: [],
-  onFileUpload: vi.fn().mockResolvedValue(undefined),
-  onFileDelete: vi.fn().mockResolvedValue(undefined),
-};
-
-beforeEach(() => {
-  resetAllStores();
-  seedStore(useAuthStore, { user: buildUser(), isAuthenticated: true });
-  seedStore(useTripStore, { trip: buildTrip({ id: 1 }), budgetItems: [] });
-  vi.clearAllMocks();
-});
-
-describe('TransportModal', () => {
-  // ── Rendering ──────────────────────────────────────────────────────────────
-
-  it('FE-PLANNER-TRANSMODAL-001: renders without crashing', () => {
-    render(<TransportModal {...defaultProps} />);
-    expect(document.body).toBeInTheDocument();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-002: shows "Add transport" title for new transport', () => {
-    render(<TransportModal {...defaultProps} reservation={null} />);
-    expect(screen.getByText(/Add transport/i)).toBeInTheDocument();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-003: shows "Edit transport" title when editing', () => {
-    const res = buildReservation({ title: 'Paris Flight', type: 'flight' });
-    render(<TransportModal {...defaultProps} reservation={res} />);
-    expect(screen.getByText(/Edit transport/i)).toBeInTheDocument();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-004: title input is required — onSave not called with empty title', async () => {
-    const onSave = vi.fn().mockResolvedValue(undefined);
-    render(<TransportModal {...defaultProps} onSave={onSave} />);
-    await userEvent.click(screen.getByRole('button', { name: /^Add$/i }));
-    expect(onSave).not.toHaveBeenCalled();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-005: all 4 transport type buttons are visible', () => {
-    render(<TransportModal {...defaultProps} />);
-    expect(screen.getByRole('button', { name: /^Flight$/i })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: /^Train$/i })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: /^Car$/i })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: /^Cruise$/i })).toBeInTheDocument();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-006: editing pre-fills title', () => {
-    const res = buildReservation({ title: 'LH123 Frankfurt', type: 'flight' });
-    render(<TransportModal {...defaultProps} reservation={res} />);
-    expect(screen.getByDisplayValue('LH123 Frankfurt')).toBeInTheDocument();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-007: edit mode save button shows "Update"', () => {
-    const res = buildReservation({ title: 'My Train', type: 'train' });
-    render(<TransportModal {...defaultProps} reservation={res} />);
-    expect(screen.getByRole('button', { name: /^Update$/i })).toBeInTheDocument();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-008: Cancel button calls onClose', async () => {
-    const onClose = vi.fn();
-    render(<TransportModal {...defaultProps} onClose={onClose} />);
-    await userEvent.click(screen.getByRole('button', { name: /Cancel/i }));
-    expect(onClose).toHaveBeenCalled();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-009: submitting valid flight calls onSave with correct type', async () => {
-    const onSave = vi.fn().mockResolvedValue(undefined);
-    render(<TransportModal {...defaultProps} onSave={onSave} />);
-    await userEvent.type(screen.getByPlaceholderText(/e\.g\. Lufthansa/i), 'LH456');
-    await userEvent.click(screen.getByRole('button', { name: /^Add$/i }));
-    await waitFor(() => expect(onSave).toHaveBeenCalled());
-    expect(onSave).toHaveBeenCalledWith(expect.objectContaining({ title: 'LH456', type: 'flight' }));
-  });
-
-  it('FE-PLANNER-TRANSMODAL-010: switching to train type calls onSave with train type', async () => {
-    const onSave = vi.fn().mockResolvedValue(undefined);
-    render(<TransportModal {...defaultProps} onSave={onSave} />);
-    await userEvent.click(screen.getByRole('button', { name: /^Train$/i }));
-    await userEvent.type(screen.getByPlaceholderText(/e\.g\. Lufthansa/i), 'Eurostar');
-    await userEvent.click(screen.getByRole('button', { name: /^Add$/i }));
-    await waitFor(() => expect(onSave).toHaveBeenCalled());
-    expect(onSave).toHaveBeenCalledWith(expect.objectContaining({ type: 'train' }));
-  });
-
-  // ── Budget addon ─────────────────────────────────────────────────────────────
-
-  it('FE-PLANNER-TRANSMODAL-011: budget section visible when addon is enabled', () => {
-    seedStore(useAddonStore, {
-      addons: [{ id: 'budget', name: 'Budget', type: 'budget', icon: '', enabled: true }],
-      loaded: true,
-    });
-    render(<TransportModal {...defaultProps} />);
-    expect(screen.getByText(/^Price$/i)).toBeInTheDocument();
-    expect(screen.getByText(/Budget category/i)).toBeInTheDocument();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-012: budget section not shown when addon is disabled', () => {
-    render(<TransportModal {...defaultProps} />);
-    expect(screen.queryByPlaceholderText('0.00')).not.toBeInTheDocument();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-013: budget fields included in onSave when price is set', async () => {
-    seedStore(useAddonStore, {
-      addons: [{ id: 'budget', name: 'Budget', type: 'budget', icon: '', enabled: true }],
-      loaded: true,
-    });
-    const onSave = vi.fn().mockResolvedValue(undefined);
-    render(<TransportModal {...defaultProps} onSave={onSave} />);
-    await userEvent.type(screen.getByPlaceholderText(/e\.g\. Lufthansa/i), 'ICE Train');
-    await userEvent.type(screen.getByPlaceholderText('0.00'), '85');
-    await userEvent.click(screen.getByRole('button', { name: /^Add$/i }));
-    await waitFor(() => expect(onSave).toHaveBeenCalled());
-    expect(onSave).toHaveBeenCalledWith(
-      expect.objectContaining({ create_budget_entry: expect.objectContaining({ total_price: 85 }) })
-    );
-  });
-
-  // ── File attachment ───────────────────────────────────────────────────────────
-
-  it('FE-PLANNER-TRANSMODAL-014: attach file button rendered when onFileUpload provided', () => {
-    render(<TransportModal {...defaultProps} />);
-    expect(screen.getByRole('button', { name: /Attach file/i })).toBeInTheDocument();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-015: attach file button absent when onFileUpload is undefined', () => {
-    render(<TransportModal {...defaultProps} onFileUpload={undefined} />);
-    expect(screen.queryByRole('button', { name: /Attach file/i })).not.toBeInTheDocument();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-016: attached files shown for existing transport', () => {
-    const res = buildReservation({ id: 5, type: 'flight' });
-    const file = buildTripFile({ id: 1, trip_id: 1, original_name: 'boarding-pass.pdf' });
-    (file as any).reservation_id = 5;
-
-    render(<TransportModal {...defaultProps} reservation={res} files={[file]} />);
-    expect(screen.getByText('boarding-pass.pdf')).toBeInTheDocument();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-017: pending file added for new transport on file input change', async () => {
-    render(<TransportModal {...defaultProps} reservation={null} />);
-
-    const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
-    const testFile = new File(['content'], 'itinerary.pdf', { type: 'application/pdf' });
-    fireEvent.change(fileInput, { target: { files: [testFile] } });
-
-    await waitFor(() => expect(screen.getByText('itinerary.pdf')).toBeInTheDocument());
-  });
-
-  it('FE-PLANNER-TRANSMODAL-018: file upload to existing transport calls onFileUpload with correct FormData', async () => {
-    const onFileUpload = vi.fn().mockResolvedValue(undefined);
-    const res = buildReservation({ id: 10, type: 'train', title: 'Eurostar' });
-
-    render(<TransportModal {...defaultProps} reservation={res} onFileUpload={onFileUpload} />);
-
-    const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
-    const testFile = new File(['content'], 'ticket.pdf', { type: 'application/pdf' });
-    fireEvent.change(fileInput, { target: { files: [testFile] } });
-
-    await waitFor(() => expect(onFileUpload).toHaveBeenCalled());
-    const [fd] = onFileUpload.mock.calls[0] as [FormData];
-    expect(fd.get('file')).toBeTruthy();
-    expect(fd.get('reservation_id')).toBe('10');
-  });
-
-  it('FE-PLANNER-TRANSMODAL-019: link existing file button appears when unattached files exist', () => {
-    const res = buildReservation({ id: 5, type: 'flight' });
-    const unattachedFile = buildTripFile({ id: 99, original_name: 'invoice.pdf' });
-
-    render(<TransportModal {...defaultProps} reservation={res} files={[unattachedFile]} />);
-    expect(screen.getByRole('button', { name: /Link existing file/i })).toBeInTheDocument();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-020: clicking "link existing file" shows file picker dropdown', async () => {
-    const res = buildReservation({ id: 5, type: 'flight' });
-    const unattachedFile = buildTripFile({ id: 99, original_name: 'invoice.pdf' });
-
-    render(<TransportModal {...defaultProps} reservation={res} files={[unattachedFile]} />);
-    await userEvent.click(screen.getByRole('button', { name: /Link existing file/i }));
-    expect(screen.getByText('invoice.pdf')).toBeInTheDocument();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-021: clicking file in picker links it and closes picker', async () => {
-    server.use(
-      http.post('/api/trips/1/files/99/link', () => HttpResponse.json({ success: true })),
-      http.get('/api/trips/1/files', () => HttpResponse.json({ files: [] })),
-    );
-
-    const res = buildReservation({ id: 5, type: 'flight' });
-    const unattachedFile = buildTripFile({ id: 99, original_name: 'invoice.pdf' });
-
-    render(<TransportModal {...defaultProps} reservation={res} files={[unattachedFile]} />);
-    await userEvent.click(screen.getByRole('button', { name: /Link existing file/i }));
-    await userEvent.click(screen.getByText('invoice.pdf'));
-
-    await waitFor(() => {
-      expect(screen.queryByRole('button', { name: /Link existing file/i })).not.toBeInTheDocument();
-    });
-  });
-
-  it('FE-PLANNER-TRANSMODAL-022: removing pending file removes it from list', async () => {
-    render(<TransportModal {...defaultProps} reservation={null} />);
-
-    const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
-    const testFile = new File(['content'], 'draft.pdf', { type: 'application/pdf' });
-    fireEvent.change(fileInput, { target: { files: [testFile] } });
-
-    await waitFor(() => expect(screen.getByText('draft.pdf')).toBeInTheDocument());
-
-    const pendingFileRow = screen.getByText('draft.pdf').closest('div')!;
-    const removeBtn = pendingFileRow.querySelector('button')!;
-    await userEvent.click(removeBtn);
-
-    await waitFor(() => expect(screen.queryByText('draft.pdf')).not.toBeInTheDocument());
-  });
-
-  it('FE-PLANNER-TRANSMODAL-023: clicking attach file button triggers file input click', async () => {
-    render(<TransportModal {...defaultProps} />);
-    const attachBtn = screen.getByRole('button', { name: /Attach file/i });
-    const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
-    const clickSpy = vi.spyOn(fileInput, 'click').mockImplementation(() => {});
-    await userEvent.click(attachBtn);
-    expect(clickSpy).toHaveBeenCalled();
-    clickSpy.mockRestore();
-  });
-
-  it('FE-PLANNER-TRANSMODAL-024: unlinking a linked file removes it from attached list', async () => {
-    server.use(
-      http.post('/api/trips/1/files/42/link', () => HttpResponse.json({ success: true })),
-      http.get('/api/trips/1/files/42/links', () => HttpResponse.json({ links: [{ id: 1, reservation_id: 7 }] })),
-      http.delete('/api/trips/1/files/42/link/1', () => HttpResponse.json({ success: true })),
-      http.get('/api/trips/1/files', () => HttpResponse.json({ files: [] })),
-    );
-
-    const res = buildReservation({ id: 7, type: 'car' });
-    const looseFile = buildTripFile({ id: 42, original_name: 'rental-agreement.pdf' });
-
-    render(<TransportModal {...defaultProps} reservation={res} files={[looseFile]} />);
-
-    await userEvent.click(screen.getByRole('button', { name: /Link existing file/i }));
-    await waitFor(() => expect(screen.getByText('rental-agreement.pdf')).toBeInTheDocument());
-    await userEvent.click(screen.getByText('rental-agreement.pdf'));
-
-    await waitFor(() =>
-      expect(screen.queryByRole('button', { name: /Link existing file/i })).not.toBeInTheDocument()
-    );
-
-    const fileRow = screen.getByText('rental-agreement.pdf').closest('div')!;
-    const unlinkBtn = fileRow.querySelector('button[type="button"]')!;
-    await userEvent.click(unlinkBtn);
-
-    await waitFor(() => {
-      expect(screen.getByRole('button', { name: /Link existing file/i })).toBeInTheDocument();
-    });
-  });
-
-  it('FE-PLANNER-TRANSMODAL-025: pending files flushed after saving new transport', async () => {
-    const savedReservation = buildReservation({ id: 99, type: 'flight' });
-    const onSave = vi.fn().mockResolvedValue(savedReservation);
-    const onFileUpload = vi.fn().mockResolvedValue(undefined);
-
-    render(<TransportModal {...defaultProps} onSave={onSave} onFileUpload={onFileUpload} reservation={null} />);
-
-    const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
-    const testFile = new File(['content'], 'boarding.pdf', { type: 'application/pdf' });
-    fireEvent.change(fileInput, { target: { files: [testFile] } });
-    await waitFor(() => expect(screen.getByText('boarding.pdf')).toBeInTheDocument());
-
-    await userEvent.type(screen.getByPlaceholderText(/e\.g\. Lufthansa/i), 'LH001');
-    await userEvent.click(screen.getByRole('button', { name: /^Add$/i }));
-
-    await waitFor(() => expect(onFileUpload).toHaveBeenCalled());
-    const [fd] = onFileUpload.mock.calls[0] as [FormData];
-    expect(fd.get('reservation_id')).toBe('99');
-    expect(fd.get('file')).toBeTruthy();
-  });
-});
@@ -1,6 +1,5 @@
-import { useState, useEffect, useMemo, useRef } from 'react'
-import { useParams } from 'react-router-dom'
-import { Plane, Train, Car, Ship, Paperclip, FileText, X, ExternalLink, Link2 } from 'lucide-react'
+import { useState, useEffect } from 'react'
+import { Plane, Train, Car, Ship } from 'lucide-react'
 import Modal from '../shared/Modal'
 import CustomSelect from '../shared/CustomSelect'
 import CustomTimePicker from '../shared/CustomTimePicker'
@@ -8,12 +7,8 @@ import AirportSelect, { type Airport } from './AirportSelect'
 import LocationSelect, { type LocationPoint } from './LocationSelect'
 import { useTranslation } from '../../i18n'
 import { useToast } from '../shared/Toast'
-import { useTripStore } from '../../store/tripStore'
-import { useAddonStore } from '../../store/addonStore'
 import { formatDate } from '../../utils/formatters'
-import { openFile } from '../../utils/fileDownload'
-import apiClient from '../../api/client'
-import type { Day, Reservation, ReservationEndpoint, TripFile } from '../../types'
+import type { Day, Reservation, ReservationEndpoint } from '../../types'

 const TRANSPORT_TYPES = ['flight', 'train', 'car', 'cruise'] as const
 type TransportType = typeof TRANSPORT_TYPES[number]
@@ -80,8 +75,6 @@ const defaultForm = {
  arrival_time: '',
  confirmation_number: '',
  notes: '',
-  price: '',
-  budget_category: '',
  meta_airline: '',
  meta_flight_number: '',
  meta_train_number: '',
@@ -92,36 +85,19 @@ const defaultForm = {
 interface TransportModalProps {
  isOpen: boolean
  onClose: () => void
-  onSave: (data: Record<string, any>) => Promise<Reservation | undefined>
+  onSave: (data: Record<string, any>) => Promise<void>
  reservation: Reservation | null
  days: Day[]
  selectedDayId: number | null
-  files?: TripFile[]
-  onFileUpload?: (fd: FormData) => Promise<void>
-  onFileDelete?: (fileId: number) => Promise<void>
 }

-export function TransportModal({ isOpen, onClose, onSave, reservation, days, selectedDayId, files = [], onFileUpload, onFileDelete }: TransportModalProps) {
+export function TransportModal({ isOpen, onClose, onSave, reservation, days, selectedDayId }: TransportModalProps) {
  const { t, locale } = useTranslation()
  const toast = useToast()
-  const isBudgetEnabled = useAddonStore(s => s.isEnabled('budget'))
-  const budgetItems = useTripStore(s => s.budgetItems)
-  const loadFiles = useTripStore(s => s.loadFiles)
-  const budgetCategories = useMemo(() => {
-    const cats = new Set<string>()
-    budgetItems.forEach(i => { if (i.category) cats.add(i.category) })
-    return Array.from(cats).sort()
-  }, [budgetItems])
-  const { id: tripId } = useParams<{ id: string }>()
  const [form, setForm] = useState({ ...defaultForm })
  const [isSaving, setIsSaving] = useState(false)
  const [fromPick, setFromPick] = useState<EndpointPick>({})
  const [toPick, setToPick] = useState<EndpointPick>({})
-  const [uploadingFile, setUploadingFile] = useState(false)
-  const [pendingFiles, setPendingFiles] = useState<File[]>([])
-  const [showFilePicker, setShowFilePicker] = useState(false)
-  const [linkedFileIds, setLinkedFileIds] = useState<number[]>([])
-  const fileInputRef = useRef<HTMLInputElement>(null)

  useEffect(() => {
    if (!isOpen) return
@@ -150,8 +126,6 @@ export function TransportModal({ isOpen, onClose, onSave, reservation, days, sel
        meta_train_number: meta.train_number || '',
        meta_platform: meta.platform || '',
        meta_seat: meta.seat || '',
-        price: meta.price || '',
-        budget_category: (meta.budget_category && budgetItems.some(i => i.category === meta.budget_category)) ? meta.budget_category : '',
      })
      if (type === 'flight') {
        setFromPick({ airport: airportFromEndpoint(from) || undefined })
@@ -165,7 +139,7 @@ export function TransportModal({ isOpen, onClose, onSave, reservation, days, sel
      setFromPick({})
      setToPick({})
    }
-  }, [isOpen, reservation, selectedDayId, budgetItems])
+  }, [isOpen, reservation, selectedDayId])

  const set = (field: string, value: any) => setForm(prev => ({ ...prev, [field]: value }))

@@ -199,10 +173,6 @@ export function TransportModal({ isOpen, onClose, onSave, reservation, days, sel
        if (form.meta_platform) metadata.platform = form.meta_platform
        if (form.meta_seat) metadata.seat = form.meta_seat
      }
-      if (isBudgetEnabled) {
-        if (form.price) metadata.price = form.price
-        if (form.budget_category) metadata.budget_category = form.budget_category
-      }

      const startDate = startDay?.date ?? null
      const endDate = (endDay ?? startDay)?.date ?? null
@@ -230,21 +200,7 @@ export function TransportModal({ isOpen, onClose, onSave, reservation, days, sel
        endpoints,
        needs_review: false,
      }
-      if (isBudgetEnabled) {
-        (payload as any).create_budget_entry = form.price && parseFloat(form.price) > 0
-          ? { total_price: parseFloat(form.price), category: form.budget_category || t(`reservations.type.${form.type}`) || 'Other' }
-          : { total_price: 0 }
-      }
-      const saved = await onSave(payload)
-      if (!reservation?.id && saved?.id && pendingFiles.length > 0 && onFileUpload) {
-        for (const file of pendingFiles) {
-          const fd = new FormData()
-          fd.append('file', file)
-          fd.append('reservation_id', String(saved.id))
-          fd.append('description', form.title)
-          await onFileUpload(fd)
-        }
-      }
+      await onSave(payload)
    } catch (err: unknown) {
      toast.error(err instanceof Error ? err.message : t('common.unknownError'))
    } finally {
@@ -252,38 +208,6 @@ export function TransportModal({ isOpen, onClose, onSave, reservation, days, sel
    }
  }

-  const handleFileChange = async (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0]
-    if (!file) return
-    if (reservation?.id) {
-      setUploadingFile(true)
-      try {
-        const fd = new FormData()
-        fd.append('file', file)
-        fd.append('reservation_id', String(reservation.id))
-        fd.append('description', reservation.title)
-        await onFileUpload!(fd)
-        toast.success(t('reservations.toast.fileUploaded'))
-      } catch {
-        toast.error(t('reservations.toast.uploadError'))
-      } finally {
-        setUploadingFile(false)
-        e.target.value = ''
-      }
-    } else {
-      setPendingFiles(prev => [...prev, file])
-      e.target.value = ''
-    }
-  }
-
-  const attachedFiles = reservation?.id
-    ? files.filter(f =>
-        f.reservation_id === reservation.id ||
-        linkedFileIds.includes(f.id) ||
-        (f.linked_reservation_ids && f.linked_reservation_ids.includes(reservation.id))
-      )
-    : []
-
  const inputStyle = {
    width: '100%', border: '1px solid var(--border-primary)', borderRadius: 10,
    padding: '8px 12px', fontSize: 13, fontFamily: 'inherit',
@@ -313,16 +237,6 @@ export function TransportModal({ isOpen, onClose, onSave, reservation, days, sel
      onClose={onClose}
      title={reservation ? t('transport.modalTitle.edit') : t('transport.modalTitle.create')}
      size="2xl"
-      footer={
-        <div style={{ display: 'flex', justifyContent: 'flex-end', gap: 8 }}>
-          <button type="button" onClick={onClose} style={{ padding: '8px 16px', borderRadius: 10, border: '1px solid var(--border-primary)', background: 'none', fontSize: 12, cursor: 'pointer', fontFamily: 'inherit', color: 'var(--text-muted)' }}>
-            {t('common.cancel')}
-          </button>
-          <button type="button" onClick={handleSubmit} disabled={isSaving || !form.title.trim()} style={{ padding: '8px 20px', borderRadius: 10, border: 'none', background: 'var(--text-primary)', color: 'var(--bg-primary)', fontSize: 12, fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit', opacity: isSaving || !form.title.trim() ? 0.5 : 1 }}>
-            {isSaving ? t('common.saving') : reservation ? t('common.update') : t('common.add')}
-          </button>
-        </div>
-      }
    >
      <form onSubmit={handleSubmit} style={{ display: 'flex', flexDirection: 'column', gap: 14 }}>

@@ -498,128 +412,15 @@ export function TransportModal({ isOpen, onClose, onSave, reservation, days, sel
            style={{ ...inputStyle, resize: 'none', lineHeight: 1.5 }} />
        </div>

-        {/* Files */}
-        <div>
-          <label style={labelStyle}>{t('files.title')}</label>
-          <div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
-            {attachedFiles.map(f => (
-              <div key={f.id} style={{ display: 'flex', alignItems: 'center', gap: 8, padding: '5px 10px', background: 'var(--bg-secondary)', borderRadius: 8 }}>
-                <FileText size={12} style={{ color: 'var(--text-muted)', flexShrink: 0 }} />
-                <span style={{ flex: 1, fontSize: 12, color: 'var(--text-secondary)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{f.original_name}</span>
-                <a href="#" onClick={(e) => { e.preventDefault(); openFile(f.url).catch(() => {}) }} style={{ color: 'var(--text-faint)', display: 'flex', flexShrink: 0, cursor: 'pointer' }}><ExternalLink size={11} /></a>
-                <button type="button" onClick={async () => {
-                  if (f.reservation_id === reservation?.id) {
-                    try { await apiClient.put(`/trips/${tripId}/files/${f.id}`, { reservation_id: null }) } catch {}
-                  }
-                  try {
-                    const linksRes = await apiClient.get(`/trips/${tripId}/files/${f.id}/links`)
-                    const link = (linksRes.data.links || []).find((l: any) => l.reservation_id === reservation?.id)
-                    if (link) await apiClient.delete(`/trips/${tripId}/files/${f.id}/link/${link.id}`)
-                  } catch {}
-                  setLinkedFileIds(prev => prev.filter(id => id !== f.id))
-                  if (tripId) loadFiles(tripId)
-                }} style={{ background: 'none', border: 'none', cursor: 'pointer', color: 'var(--text-faint)', display: 'flex', padding: 0, flexShrink: 0 }}>
-                  <X size={11} />
-                </button>
-              </div>
-            ))}
-            {pendingFiles.map((f, i) => (
-              <div key={i} style={{ display: 'flex', alignItems: 'center', gap: 8, padding: '5px 10px', background: 'var(--bg-secondary)', borderRadius: 8 }}>
-                <FileText size={12} style={{ color: 'var(--text-muted)', flexShrink: 0 }} />
-                <span style={{ flex: 1, fontSize: 12, color: 'var(--text-secondary)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{f.name}</span>
-                <button type="button" onClick={() => setPendingFiles(prev => prev.filter((_, j) => j !== i))}
-                  style={{ background: 'none', border: 'none', cursor: 'pointer', color: 'var(--text-faint)', display: 'flex', padding: 0, flexShrink: 0 }}>
-                  <X size={11} />
-                </button>
-              </div>
-            ))}
-            <input ref={fileInputRef} type="file" accept=".pdf,.doc,.docx,.txt,image/*" style={{ display: 'none' }} onChange={handleFileChange} />
-            <div style={{ display: 'flex', gap: 6, flexWrap: 'wrap' }}>
-              {onFileUpload && <button type="button" onClick={() => fileInputRef.current?.click()} disabled={uploadingFile} style={{
-                display: 'flex', alignItems: 'center', gap: 5, padding: '6px 10px',
-                border: '1px dashed var(--border-primary)', borderRadius: 8, background: 'none',
-                fontSize: 11, color: 'var(--text-faint)', cursor: uploadingFile ? 'default' : 'pointer', fontFamily: 'inherit',
-              }}>
-                <Paperclip size={11} />
-                {uploadingFile ? t('reservations.uploading') : t('reservations.attachFile')}
-              </button>}
-              {reservation?.id && files.filter(f => !f.deleted_at && !attachedFiles.some(af => af.id === f.id)).length > 0 && (
-                <div style={{ position: 'relative' }}>
-                  <button type="button" onClick={() => setShowFilePicker(v => !v)} style={{
-                    display: 'flex', alignItems: 'center', gap: 5, padding: '6px 10px',
-                    border: '1px dashed var(--border-primary)', borderRadius: 8, background: 'none',
-                    fontSize: 11, color: 'var(--text-faint)', cursor: 'pointer', fontFamily: 'inherit',
-                  }}>
-                    <Link2 size={11} /> {t('reservations.linkExisting')}
-                  </button>
-                  {showFilePicker && (
-                    <div style={{
-                      position: 'absolute', bottom: '100%', left: 0, marginBottom: 4, zIndex: 50,
-                      background: 'var(--bg-card)', border: '1px solid var(--border-primary)', borderRadius: 10,
-                      boxShadow: '0 4px 16px rgba(0,0,0,0.12)', padding: 4, minWidth: 220, maxHeight: 200, overflowY: 'auto',
-                    }}>
-                      {files.filter(f => !f.deleted_at && !attachedFiles.some(af => af.id === f.id)).map(f => (
-                        <button key={f.id} type="button" onClick={async () => {
-                          try {
-                            await apiClient.post(`/trips/${tripId}/files/${f.id}/link`, { reservation_id: reservation.id })
-                            setLinkedFileIds(prev => [...prev, f.id])
-                            setShowFilePicker(false)
-                            if (tripId) loadFiles(tripId)
-                          } catch {}
-                        }}
-                          style={{
-                            display: 'flex', alignItems: 'center', gap: 8, width: '100%', padding: '6px 10px',
-                            background: 'none', border: 'none', cursor: 'pointer', fontSize: 12, fontFamily: 'inherit',
-                            color: 'var(--text-secondary)', borderRadius: 7, textAlign: 'left',
-                          }}
-                          onMouseEnter={e => e.currentTarget.style.background = 'var(--bg-tertiary)'}
-                          onMouseLeave={e => e.currentTarget.style.background = 'none'}>
-                          <FileText size={12} style={{ color: 'var(--text-faint)', flexShrink: 0 }} />
-                          <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{f.original_name}</span>
-                        </button>
-                      ))}
-                    </div>
-                  )}
-                </div>
-              )}
-            </div>
-          </div>
+        {/* Actions */}
+        <div style={{ display: 'flex', justifyContent: 'flex-end', gap: 8, paddingTop: 4, borderTop: '1px solid var(--border-secondary)' }}>
+          <button type="button" onClick={onClose} style={{ padding: '8px 16px', borderRadius: 10, border: '1px solid var(--border-primary)', background: 'none', fontSize: 12, cursor: 'pointer', fontFamily: 'inherit', color: 'var(--text-muted)' }}>
+            {t('common.cancel')}
+          </button>
+          <button type="submit" disabled={isSaving || !form.title.trim()} style={{ padding: '8px 20px', borderRadius: 10, border: 'none', background: 'var(--text-primary)', color: 'var(--bg-primary)', fontSize: 12, fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit', opacity: isSaving || !form.title.trim() ? 0.5 : 1 }}>
+            {isSaving ? t('common.saving') : reservation ? t('common.update') : t('common.add')}
+          </button>
        </div>
-
-        {/* Price + Budget Category */}
-        {isBudgetEnabled && (
-          <>
-            <div style={{ display: 'flex', gap: 8 }}>
-              <div style={{ flex: 1, minWidth: 0 }}>
-                <label style={labelStyle}>{t('reservations.price')}</label>
-                <input type="text" inputMode="decimal" value={form.price}
-                  onChange={e => { const v = e.target.value; if (v === '' || /^\d*[.,]?\d{0,2}$/.test(v)) set('price', v.replace(',', '.')) }}
-                  onPaste={e => { e.preventDefault(); let txt = e.clipboardData.getData('text').trim().replace(/[^\d.,-]/g, ''); const lc = txt.lastIndexOf(','), ld = txt.lastIndexOf('.'), dp = Math.max(lc, ld); if (dp > -1) { txt = txt.substring(0, dp).replace(/[.,]/g, '') + '.' + txt.substring(dp + 1) } else { txt = txt.replace(/[.,]/g, '') } set('price', txt) }}
-                  placeholder="0.00"
-                  style={inputStyle} />
-              </div>
-              <div style={{ flex: 1, minWidth: 0 }}>
-                <label style={labelStyle}>{t('reservations.budgetCategory')}</label>
-                <CustomSelect
-                  value={form.budget_category}
-                  onChange={v => set('budget_category', v)}
-                  options={[
-                    { value: '', label: t('reservations.budgetCategoryAuto') },
-                    ...budgetCategories.map(c => ({ value: c, label: c })),
-                  ]}
-                  placeholder={t('reservations.budgetCategoryAuto')}
-                  size="sm"
-                />
-              </div>
-            </div>
-            {form.price && parseFloat(form.price) > 0 && (
-              <div style={{ fontSize: 11, color: 'var(--text-faint)', marginTop: -4 }}>
-                {t('reservations.budgetHint')}
-              </div>
-            )}
-          </>
-        )}
-
      </form>
    </Modal>
  )
@@ -155,9 +155,7 @@ describe('DisplaySettingsTab', () => {
    const updateSetting = vi.fn().mockResolvedValue(undefined);
    seedStore(useSettingsStore, { settings: buildSettings({ time_format: '12h' }), updateSetting });
    render(<DisplaySettingsTab />);
-    // The label is split across a text node ('24h') and a responsive span (' (14:30)').
-    // Click the button that contains the 24h text instead of matching the full string.
-    await user.click(screen.getByRole('button', { name: /24h/ }));
+    await user.click(screen.getByText('24h (14:30)'));
    expect(updateSetting).toHaveBeenCalledWith('time_format', '24h');
  });

@@ -188,8 +188,8 @@ export default function DisplaySettingsTab(): React.ReactElement {
        <label className="block text-sm font-medium mb-2" style={{ color: 'var(--text-secondary)' }}>{t('settings.timeFormat')}</label>
        <div className="flex gap-3">
          {[
-            { value: '24h', short: '24h', example: '14:30' },
-            { value: '12h', short: '12h', example: '2:30 PM' },
+            { value: '24h', label: '24h (14:30)' },
+            { value: '12h', label: '12h (2:30 PM)' },
          ].map(opt => (
            <button
              key={opt.value}
@@ -207,8 +207,7 @@ export default function DisplaySettingsTab(): React.ReactElement {
                transition: 'all 0.15s',
              }}
            >
-              {opt.short}
-              <span className="hidden sm:inline">{` (${opt.example})`}</span>
+              {opt.label}
            </button>
          ))}
        </div>
@@ -240,18 +240,14 @@ export default function MapSettingsTab(): React.ReactElement {
                : 'border-slate-200 hover:border-slate-400 dark:border-slate-700'
            }`}
          >
-            <Box size={18} className="mt-0.5 flex-shrink-0 text-slate-700 dark:text-slate-300" />
-            <div className="min-w-0">
-              <div className="text-sm font-medium text-slate-900 dark:text-white">
-                <span className="sm:hidden">Mapbox</span>
-                <span className="hidden sm:inline">Mapbox GL</span>
-              </div>
-              <div className="hidden sm:block text-xs text-slate-500 mt-0.5">{t('settings.mapMapboxSubtitle')}</div>
-            </div>
-            {/* Experimental badge only on ≥sm; on mobile there's no room next to the title. */}
-            <span className="hidden sm:inline-block absolute top-2 right-2 text-[9px] font-semibold tracking-wide uppercase px-1.5 py-[3px] rounded bg-amber-100 text-amber-800 dark:bg-amber-900/40 dark:text-amber-300 leading-none">
+            <span className="absolute top-2 right-2 text-[9px] font-semibold tracking-wide uppercase px-1.5 py-[3px] rounded bg-amber-100 text-amber-800 dark:bg-amber-900/40 dark:text-amber-300 leading-none">
              {t('settings.mapExperimental')}
            </span>
+            <Box size={18} className="mt-0.5 flex-shrink-0 text-slate-700 dark:text-slate-300" />
+            <div>
+              <div className="text-sm font-medium text-slate-900 dark:text-white">Mapbox GL</div>
+              <div className="hidden sm:block text-xs text-slate-500 mt-0.5">{t('settings.mapMapboxSubtitle')}</div>
+            </div>
          </button>
        </div>
        <p className="text-xs text-slate-400 mt-2">
@@ -5,7 +5,6 @@ import { useToast } from '../../components/shared/Toast'
 import apiClient from '../../api/client'
 import { useAddonStore } from '../../store/addonStore'
 import Section from './Section'
-import ToggleSwitch from './ToggleSwitch'

 interface ProviderField {
  key: string
@@ -223,13 +222,15 @@ export default function PhotoProvidersSection(): React.ReactElement {
          {fields.map(field => (
            <div key={`${provider.id}-${field.key}`}>
              {field.input_type === 'checkbox' ? (
-                <div className="flex items-center gap-3">
-                  <ToggleSwitch
-                    on={values[field.key] === 'true'}
-                    onToggle={() => handleProviderFieldChange(provider.id, field.key, values[field.key] === 'true' ? 'false' : 'true')}
+                <label className="flex items-center gap-2 cursor-pointer select-none">
+                  <input
+                    type="checkbox"
+                    checked={values[field.key] === 'true'}
+                    onChange={e => handleProviderFieldChange(provider.id, field.key, e.target.checked ? 'true' : 'false')}
+                    className="w-4 h-4 rounded border-slate-300 accent-slate-900"
                  />
                  <span className="text-sm font-medium text-slate-700">{t(`memories.${field.label}`)}</span>
-                </div>
+                </label>
              ) : (
                <>
                  <label className="block text-sm font-medium text-slate-700 mb-1.5">{t(`memories.${field.label}`)}</label>
@@ -247,9 +248,7 @@ export default function PhotoProvidersSection(): React.ReactElement {
              )}
            </div>
          ))}
-          {/* Wraps on mobile so the connection badge drops to its own row
-              instead of clipping off the side of the card. */}
-          <div className="flex flex-wrap items-center gap-3">
+          <div className="flex items-center gap-3">
            <button
              onClick={() => handleSaveProvider(provider)}
              disabled={!canSave || !!saving[provider.id] || isProviderSaveDisabled(provider)}
@@ -267,17 +266,15 @@ export default function PhotoProvidersSection(): React.ReactElement {
              {testing
                ? <div className="w-4 h-4 border-2 border-slate-300 border-t-slate-700 rounded-full animate-spin" />
                : <Camera className="w-4 h-4" />}
-              <span className="sm:hidden">{t('memories.testShort')}</span>
-              <span className="hidden sm:inline">{t('memories.testConnection')}</span>
+              {t('memories.testConnection')}
            </button>
-            {/* On mobile the badge sits on its own row thanks to flex-wrap, so force a line break via basis-full. */}
            {connected ? (
-              <span className="basis-full sm:basis-auto text-xs font-medium text-green-600 flex items-center gap-1">
+              <span className="text-xs font-medium text-green-600 flex items-center gap-1">
                <span className="w-2 h-2 bg-green-500 rounded-full" />
                {t('memories.connected')}
              </span>
            ) : (
-              <span className="basis-full sm:basis-auto text-xs font-medium text-slate-400 flex items-center gap-1">
+              <span className="text-xs font-medium text-slate-400 flex items-center gap-1">
                <span className="w-2 h-2 bg-slate-300 rounded-full" />
                {t('memories.disconnected')}
              </span>
@@ -2,10 +2,9 @@ import React from 'react'

 export default function ToggleSwitch({ on, onToggle }: { on: boolean; onToggle: () => void }) {
  return (
-    <button type="button" onClick={onToggle}
+    <button onClick={onToggle}
      style={{
-        position: 'relative', width: 44, height: 24, minWidth: 44, flexShrink: 0,
-        borderRadius: 12, border: 'none', padding: 0, cursor: 'pointer',
+        position: 'relative', width: 44, height: 24, borderRadius: 12, border: 'none', cursor: 'pointer',
        background: on ? 'var(--accent, #111827)' : 'var(--border-primary, #d1d5db)',
        transition: 'background 0.2s',
      }}>
@@ -41,7 +41,7 @@ export default function ConfirmDialog({
  return (
    <div
      className="fixed inset-0 z-[10000] flex items-center justify-center px-4 trek-backdrop-enter"
-      style={{ backgroundColor: 'rgba(15, 23, 42, 0.5)', paddingBottom: 'var(--bottom-nav-h)' }}
+      style={{ backgroundColor: 'rgba(15, 23, 42, 0.5)' }}
      onClick={onClose}
    >
      <div
@@ -1,108 +0,0 @@
-import React, { useEffect, useCallback } from 'react'
-import { Check, X } from 'lucide-react'
-import { useTranslation } from '../../i18n'
-
-interface CopyTripDialogProps {
-  isOpen: boolean
-  tripTitle: string
-  onClose: () => void
-  onConfirm: () => void
-}
-
-const WILL_COPY_KEYS = [
-  'dashboard.confirm.copy.will1',
-  'dashboard.confirm.copy.will2',
-  'dashboard.confirm.copy.will3',
-  'dashboard.confirm.copy.will4',
-  'dashboard.confirm.copy.will5',
-  'dashboard.confirm.copy.will6',
-]
-
-const WONT_COPY_KEYS = [
-  'dashboard.confirm.copy.wont1',
-  'dashboard.confirm.copy.wont2',
-  'dashboard.confirm.copy.wont3',
-  'dashboard.confirm.copy.wont4',
-]
-
-export default function CopyTripDialog({ isOpen, tripTitle, onClose, onConfirm }: CopyTripDialogProps) {
-  const { t } = useTranslation()
-
-  const handleEsc = useCallback((e: KeyboardEvent) => {
-    if (e.key === 'Escape') onClose()
-  }, [onClose])
-
-  useEffect(() => {
-    if (isOpen) document.addEventListener('keydown', handleEsc)
-    return () => document.removeEventListener('keydown', handleEsc)
-  }, [isOpen, handleEsc])
-
-  if (!isOpen) return null
-
-  return (
-    <div
-      className="fixed inset-0 z-[10000] flex items-center justify-center px-4 trek-backdrop-enter"
-      style={{ backgroundColor: 'rgba(15, 23, 42, 0.5)', paddingBottom: 'var(--bottom-nav-h)' }}
-      onClick={onClose}
-    >
-      <div
-        className="trek-modal-enter rounded-2xl shadow-2xl w-full max-w-md p-6"
-        style={{ background: 'var(--bg-card)' }}
-        onClick={e => e.stopPropagation()}
-      >
-        <h3 className="text-base font-semibold mb-1" style={{ color: 'var(--text-primary)' }}>
-          {t('dashboard.confirm.copy.title')}
-        </h3>
-        <p className="text-sm mb-4" style={{ color: 'var(--text-secondary)' }}>
-          {tripTitle}
-        </p>
-
-        <div className="flex flex-col gap-3">
-          <div className="rounded-xl p-3" style={{ background: 'var(--bg-subtle)', border: '1px solid var(--border-secondary)' }}>
-            <p className="text-xs font-semibold uppercase tracking-wide mb-2" style={{ color: '#16a34a' }}>
-              {t('dashboard.confirm.copy.willCopy')}
-            </p>
-            <ul className="flex flex-col gap-1">
-              {WILL_COPY_KEYS.map(key => (
-                <li key={key} className="flex items-center gap-2 text-sm" style={{ color: 'var(--text-secondary)' }}>
-                  <Check size={13} className="flex-shrink-0" style={{ color: '#16a34a' }} />
-                  {t(key)}
-                </li>
-              ))}
-            </ul>
-          </div>
-
-          <div className="rounded-xl p-3" style={{ background: 'var(--bg-subtle)', border: '1px solid var(--border-secondary)' }}>
-            <p className="text-xs font-semibold uppercase tracking-wide mb-2" style={{ color: 'var(--text-muted)' }}>
-              {t('dashboard.confirm.copy.wontCopy')}
-            </p>
-            <ul className="flex flex-col gap-1">
-              {WONT_COPY_KEYS.map(key => (
-                <li key={key} className="flex items-center gap-2 text-sm" style={{ color: 'var(--text-secondary)' }}>
-                  <X size={13} className="flex-shrink-0" style={{ color: 'var(--text-muted)' }} />
-                  {t(key)}
-                </li>
-              ))}
-            </ul>
-          </div>
-        </div>
-
-        <div className="flex justify-end gap-3 mt-5">
-          <button
-            onClick={onClose}
-            className="px-4 py-2 text-sm font-medium rounded-lg transition-colors"
-            style={{ color: 'var(--text-secondary)', border: '1px solid var(--border-secondary)' }}
-          >
-            {t('common.cancel')}
-          </button>
-          <button
-            onClick={() => { onConfirm(); onClose() }}
-            className="px-4 py-2 text-sm font-medium rounded-lg transition-colors text-white bg-blue-600 hover:bg-blue-700"
-          >
-            {t('dashboard.confirm.copy.confirm')}
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}
@@ -119,14 +119,13 @@ export function CustomDatePicker({ value, onChange, placeholder, style = {}, com
          ...(() => {
            const r = ref.current?.getBoundingClientRect()
            if (!r) return { top: 0, left: 0 }
-            const w = 268, pad = 8, h = 360
+            const w = 268, pad = 8
            const vw = window.innerWidth
-            const vh = window.visualViewport?.height ?? window.innerHeight
+            const vh = window.innerHeight
            let left = r.left
            let top = r.bottom + 4
            if (left + w > vw - pad) left = Math.max(pad, vw - w - pad)
-            if (top + h > vh - pad) top = r.top - h - 4
-            top = Math.max(pad, Math.min(top, vh - h - pad))
+            if (top + 320 > vh) top = Math.max(pad, r.top - 320)
            if (vw < 360) left = Math.max(pad, (vw - w) / 2)
            return { top, left }
          })(),
@@ -61,15 +61,14 @@ export default function Modal({
      <div
        className={`
          trek-modal-enter
-          rounded-2xl overflow-hidden shadow-2xl w-full ${sizeClasses[size] || sizeClasses.md}
-          flex flex-col
-          max-h-[calc(100dvh-var(--bottom-nav-h)-90px)] sm:max-h-[calc(100dvh-90px)]
+          rounded-2xl shadow-2xl w-full ${sizeClasses[size] || sizeClasses.md}
+          flex flex-col max-h-[calc(100vh-180px)] md:max-h-[calc(100vh-90px)]
        `}
        style={{ background: 'var(--bg-card)' }}
        onClick={e => e.stopPropagation()}
      >
-        {/* Header — stays put even while the body scrolls */}
-        <div className="flex items-center justify-between p-6 flex-shrink-0" style={{ borderBottom: '1px solid var(--border-secondary)' }}>
+        {/* Header */}
+        <div className="flex items-center justify-between p-6" style={{ borderBottom: '1px solid var(--border-secondary)' }}>
          <h2 className="text-lg font-semibold" style={{ color: 'var(--text-primary)' }}>{title}</h2>
          {!hideCloseButton && (
            <button
@@ -81,14 +80,14 @@ export default function Modal({
          )}
        </div>

-        {/* Body — scrolls when content overflows. min-h-0 lets the flex child shrink below its intrinsic height. */}
-        <div className="flex-1 overflow-y-auto p-6 min-h-0">
+        {/* Body */}
+        <div className="flex-1 overflow-y-auto p-6">
          {children}
        </div>

-        {/* Footer — sticky at the bottom of the modal, never compressed */}
+        {/* Footer */}
        {footer && (
-          <div className="p-6 flex-shrink-0" style={{ borderTop: '1px solid var(--border-secondary)' }}>
+          <div className="p-6" style={{ borderTop: '1px solid var(--border-secondary)' }}>
            {footer}
          </div>
        )}
@@ -34,8 +34,6 @@ const ar: Record<string, string | { name: string; category: string }[]> = {
  'common.none': 'لا شيء',
  'common.date': 'التاريخ',
  'common.rename': 'إعادة تسمية',
-  'common.discardChanges': 'تجاهل التغييرات',
-  'common.discard': 'تجاهل',
  'common.name': 'الاسم',
  'common.email': 'البريد الإلكتروني',
  'common.password': 'كلمة المرور',
@@ -1249,7 +1247,6 @@ const ar: Record<string, string | { name: string; category: string }[]> = {
  'files.toast.deleteError': 'فشل حذف الملف',
  'files.sourcePlan': 'خطة اليوم',
  'files.sourceBooking': 'الحجز',
-  'files.sourceTransport': 'النقل',
  'files.attach': 'إرفاق',
  'files.pasteHint': 'يمكنك أيضًا لصق الصور من الحافظة (Ctrl+V)',
  'files.trash': 'سلة المهملات',
@@ -1262,7 +1259,6 @@ const ar: Record<string, string | { name: string; category: string }[]> = {
  'files.assignTitle': 'إسناد ملف',
  'files.assignPlace': 'المكان',
  'files.assignBooking': 'الحجز',
-  'files.assignTransport': 'النقل',
  'files.unassigned': 'غير مسند',
  'files.unlink': 'إزالة الرابط',
  'files.toast.trashed': 'تم النقل إلى سلة المهملات',
@@ -1627,7 +1623,6 @@ const ar: Record<string, string | { name: string; category: string }[]> = {
  'memories.immichAutoUpload': 'نسخ صور الرحلة إلى Immich عند الرفع',
  'memories.providerUrlHintSynology': 'أدرج مسار تطبيق Photos في URL، مثل https://nas:5001/photo',
  'memories.testConnection': 'اختبار الاتصال',
-  'memories.testShort': 'اختبار',
  'memories.testFirst': 'اختبر الاتصال أولاً',
  'memories.connected': 'متصل',
  'memories.disconnected': 'غير متصل',
@@ -30,8 +30,6 @@ const br: Record<string, string | { name: string; category: string }[]> = {
  'common.none': 'Nenhum',
  'common.date': 'Data',
  'common.rename': 'Renomear',
-  'common.discardChanges': 'Descartar alterações',
-  'common.discard': 'Descartar',
  'common.name': 'Nome',
  'common.email': 'E-mail',
  'common.password': 'Senha',
@@ -1218,7 +1216,6 @@ const br: Record<string, string | { name: string; category: string }[]> = {
  'files.toast.deleteError': 'Falha ao excluir arquivo',
  'files.sourcePlan': 'Plano do dia',
  'files.sourceBooking': 'Reserva',
-  'files.sourceTransport': 'Transporte',
  'files.attach': 'Anexar',
  'files.pasteHint': 'Você também pode colar imagens da área de transferência (Ctrl+V)',
  'files.trash': 'Lixeira',
@@ -1231,7 +1228,6 @@ const br: Record<string, string | { name: string; category: string }[]> = {
  'files.assignTitle': 'Atribuir arquivo',
  'files.assignPlace': 'Lugar',
  'files.assignBooking': 'Reserva',
-  'files.assignTransport': 'Transporte',
  'files.unassigned': 'Não atribuído',
  'files.unlink': 'Remover vínculo',
  'files.toast.trashed': 'Movido para a lixeira',
@@ -1666,7 +1662,6 @@ const br: Record<string, string | { name: string; category: string }[]> = {
  'memories.immichAutoUpload': 'Espelhar fotos da jornada no Immich ao enviar',
  'memories.providerUrlHintSynology': 'Inclua o caminho do aplicativo Photos na URL, ex. https://nas:5001/photo',
  'memories.testConnection': 'Testar conexão',
-  'memories.testShort': 'Testar',
  'memories.testFirst': 'Teste a conexão primeiro',
  'memories.connected': 'Conectado',
  'memories.disconnected': 'Não conectado',
@@ -30,8 +30,6 @@ const cs: Record<string, string | { name: string; category: string }[]> = {
  'common.none': 'Žádné',
  'common.date': 'Datum',
  'common.rename': 'Přejmenovat',
-  'common.discardChanges': 'Zahodit změny',
-  'common.discard': 'Zahodit',
  'common.name': 'Jméno',
  'common.email': 'E-mail',
  'common.password': 'Heslo',
@@ -1247,7 +1245,6 @@ const cs: Record<string, string | { name: string; category: string }[]> = {
  'files.toast.deleteError': 'Nepodařilo se smazat soubor',
  'files.sourcePlan': 'Denní plán',
  'files.sourceBooking': 'Rezervace',
-  'files.sourceTransport': 'Doprava',
  'files.attach': 'Přiložit',
  'files.pasteHint': 'Můžete také vložit obrázek ze schránky (Ctrl+V)',
  'files.trash': 'Koš',
@@ -1260,7 +1257,6 @@ const cs: Record<string, string | { name: string; category: string }[]> = {
  'files.assignTitle': 'Přiřadit soubor',
  'files.assignPlace': 'Místo',
  'files.assignBooking': 'Rezervace',
-  'files.assignTransport': 'Doprava',
  'files.unassigned': 'Nepřiřazeno',
  'files.unlink': 'Zrušit propojení',
  'files.toast.trashed': 'Přesunuto do koše',
@@ -1625,7 +1621,6 @@ const cs: Record<string, string | { name: string; category: string }[]> = {
  'memories.immichAutoUpload': 'Zrcadlit fotky journey při nahrávání také do Immich',
  'memories.providerUrlHintSynology': 'Zahrňte cestu aplikace Photos do URL, např. https://nas:5001/photo',
  'memories.testConnection': 'Otestovat připojení',
-  'memories.testShort': 'Otestovat',
  'memories.testFirst': 'Nejprve otestujte připojení',
  'memories.connected': 'Připojeno',
  'memories.disconnected': 'Nepřipojeno',
@@ -30,8 +30,6 @@ const de: Record<string, string | { name: string; category: string }[]> = {
  'common.none': 'Keine',
  'common.date': 'Datum',
  'common.rename': 'Umbenennen',
-  'common.discardChanges': 'Änderungen verwerfen',
-  'common.discard': 'Verwerfen',
  'common.name': 'Name',
  'common.email': 'E-Mail',
  'common.password': 'Passwort',
@@ -1251,7 +1249,6 @@ const de: Record<string, string | { name: string; category: string }[]> = {
  'files.toast.deleteError': 'Fehler beim Löschen der Datei',
  'files.sourcePlan': 'Tagesplan',
  'files.sourceBooking': 'Buchung',
-  'files.sourceTransport': 'Transport',
  'files.attach': 'Anhängen',
  'files.pasteHint': 'Du kannst auch Bilder aus der Zwischenablage einfügen (Strg+V)',
  'files.trash': 'Papierkorb',
@@ -1264,7 +1261,6 @@ const de: Record<string, string | { name: string; category: string }[]> = {
  'files.assignTitle': 'Datei zuweisen',
  'files.assignPlace': 'Ort',
  'files.assignBooking': 'Buchung',
-  'files.assignTransport': 'Transport',
  'files.unassigned': 'Nicht zugewiesen',
  'files.unlink': 'Verknüpfung entfernen',
  'files.toast.trashed': 'In den Papierkorb verschoben',
@@ -1629,7 +1625,6 @@ const de: Record<string, string | { name: string; category: string }[]> = {
  'memories.immichAutoUpload': 'Journey-Fotos beim Upload auch zu Immich spiegeln',
  'memories.providerUrlHintSynology': 'Füge den Fotos-App-Pfad in die URL ein, z.B. https://nas:5001/photo',
  'memories.testConnection': 'Verbindung testen',
-  'memories.testShort': 'Testen',
  'memories.testFirst': 'Verbindung zuerst testen',
  'memories.connected': 'Verbunden',
  'memories.disconnected': 'Nicht verbunden',
@@ -30,8 +30,6 @@ const en: Record<string, string | { name: string; category: string }[]> = {
  'common.none': 'None',
  'common.date': 'Date',
  'common.rename': 'Rename',
-  'common.discardChanges': 'Discard Changes',
-  'common.discard': 'Discard',
  'common.name': 'Name',
  'common.email': 'Email',
  'common.password': 'Password',
@@ -124,20 +122,6 @@ const en: Record<string, string | { name: string; category: string }[]> = {
  'dashboard.toast.copied': 'Trip copied!',
  'dashboard.toast.copyError': 'Failed to copy trip',
  'dashboard.confirm.delete': 'Delete trip "{title}"? All places and plans will be permanently deleted.',
-  'dashboard.confirm.copy.title': 'Copy this trip?',
-  'dashboard.confirm.copy.willCopy': 'Will be copied',
-  'dashboard.confirm.copy.will1': 'Days, places & day assignments',
-  'dashboard.confirm.copy.will2': 'Accommodations & reservations',
-  'dashboard.confirm.copy.will3': 'Budget items & category order',
-  'dashboard.confirm.copy.will4': 'Packing lists (unchecked)',
-  'dashboard.confirm.copy.will5': 'TODOs (unassigned & unchecked)',
-  'dashboard.confirm.copy.will6': 'Day notes',
-  'dashboard.confirm.copy.wontCopy': "Won't be copied",
-  'dashboard.confirm.copy.wont1': 'Collaborators & member assignments',
-  'dashboard.confirm.copy.wont2': 'Collab notes, polls & messages',
-  'dashboard.confirm.copy.wont3': 'Files & photos',
-  'dashboard.confirm.copy.wont4': 'Share tokens',
-  'dashboard.confirm.copy.confirm': 'Copy trip',
  'dashboard.editTrip': 'Edit Trip',
  'dashboard.createTrip': 'Create New Trip',
  'dashboard.tripTitle': 'Title',
@@ -1322,7 +1306,6 @@ const en: Record<string, string | { name: string; category: string }[]> = {
  'files.toast.deleteError': 'Failed to delete file',
  'files.sourcePlan': 'Day Plan',
  'files.sourceBooking': 'Booking',
-  'files.sourceTransport': 'Transport',
  'files.attach': 'Attach',
  'files.pasteHint': 'You can also paste images from clipboard (Ctrl+V)',
  'files.trash': 'Trash',
@@ -1335,7 +1318,6 @@ const en: Record<string, string | { name: string; category: string }[]> = {
  'files.assignTitle': 'Assign File',
  'files.assignPlace': 'Place',
  'files.assignBooking': 'Booking',
-  'files.assignTransport': 'Transport',
  'files.unassigned': 'Unassigned',
  'files.unlink': 'Remove link',
  'files.toast.trashed': 'Moved to trash',
@@ -1702,7 +1684,6 @@ const en: Record<string, string | { name: string; category: string }[]> = {
  'memories.immichAutoUpload': 'Mirror journey photos to Immich on upload',
  'memories.providerUrlHintSynology': 'Include the Photos app path in the URL, e.g. https://nas:5001/photo',
  'memories.testConnection': 'Test connection',
-  'memories.testShort': 'Test',
  'memories.testFirst': 'Test connection first',
  'memories.connected': 'Connected',
  'memories.disconnected': 'Not connected',
@@ -30,8 +30,6 @@ const es: Record<string, string> = {
  'common.none': 'Ninguno',
  'common.date': 'Fecha',
  'common.rename': 'Renombrar',
-  'common.discardChanges': 'Descartar cambios',
-  'common.discard': 'Descartar',
  'common.name': 'Nombre',
  'common.email': 'Correo',
  'common.password': 'Contraseña',
@@ -1195,7 +1193,6 @@ const es: Record<string, string> = {
  'files.toast.deleteError': 'No se pudo eliminar el archivo',
  'files.sourcePlan': 'Plan diario',
  'files.sourceBooking': 'Reserva',
-  'files.sourceTransport': 'Transporte',
  'files.attach': 'Adjuntar',
  'files.pasteHint': 'También puedes pegar imágenes desde el portapapeles (Ctrl+V)',

@@ -1565,7 +1562,6 @@ const es: Record<string, string> = {
  'memories.immichAutoUpload': 'Duplicar las fotos del journey en Immich al subirlas',
  'memories.providerUrlHintSynology': 'Incluye la ruta de la aplicación Photos en la URL, p.ej. https://nas:5001/photo',
  'memories.testConnection': 'Probar conexión',
-  'memories.testShort': 'Probar',
  'memories.testFirst': 'Probar conexión primero',
  'memories.connected': 'Conectado',
  'memories.disconnected': 'No conectado',
@@ -1683,7 +1679,6 @@ const es: Record<string, string> = {
  'files.assignTitle': 'Asignar archivo',
  'files.assignPlace': 'Lugar',
  'files.assignBooking': 'Reserva',
-  'files.assignTransport': 'Transporte',
  'files.unassigned': 'Sin asignar',
  'files.unlink': 'Eliminar vínculo',
  'files.noteLabel': 'Nota',
@@ -30,8 +30,6 @@ const fr: Record<string, string> = {
  'common.none': 'Aucun',
  'common.date': 'Date',
  'common.rename': 'Renommer',
-  'common.discardChanges': 'Ignorer les modifications',
-  'common.discard': 'Ignorer',
  'common.name': 'Nom',
  'common.email': 'E-mail',
  'common.password': 'Mot de passe',
@@ -1245,7 +1243,6 @@ const fr: Record<string, string> = {
  'files.toast.deleteError': 'Impossible de supprimer le fichier',
  'files.sourcePlan': 'Plan du jour',
  'files.sourceBooking': 'Réservation',
-  'files.sourceTransport': 'Transport',
  'files.attach': 'Joindre',
  'files.pasteHint': 'Vous pouvez aussi coller des images depuis le presse-papiers (Ctrl+V)',
  'files.trash': 'Corbeille',
@@ -1258,7 +1255,6 @@ const fr: Record<string, string> = {
  'files.assignTitle': 'Assigner le fichier',
  'files.assignPlace': 'Lieu',
  'files.assignBooking': 'Réservation',
-  'files.assignTransport': 'Transport',
  'files.unassigned': 'Non attribué',
  'files.unlink': 'Supprimer le lien',
  'files.toast.trashed': 'Déplacé dans la corbeille',
@@ -1623,7 +1619,6 @@ const fr: Record<string, string> = {
  'memories.immichAutoUpload': 'Répliquer les photos du journey vers Immich au téléversement',
  'memories.providerUrlHintSynology': 'Incluez le chemin de l\'application Photos dans l\'URL, ex. https://nas:5001/photo',
  'memories.testConnection': 'Tester la connexion',
-  'memories.testShort': 'Tester',
  'memories.testFirst': 'Testez la connexion avant de sauvegarder',
  'memories.connected': 'Connecté',
  'memories.disconnected': 'Non connecté',
@@ -30,8 +30,6 @@ const hu: Record<string, string | { name: string; category: string }[]> = {
  'common.none': 'Nincs',
  'common.date': 'Dátum',
  'common.rename': 'Átnevezés',
-  'common.discardChanges': 'Változtatások elvetése',
-  'common.discard': 'Elveti',
  'common.name': 'Név',
  'common.email': 'E-mail',
  'common.password': 'Jelszó',
@@ -1246,7 +1244,6 @@ const hu: Record<string, string | { name: string; category: string }[]> = {
  'files.toast.deleteError': 'Nem sikerült törölni a fájlt',
  'files.sourcePlan': 'Napi terv',
  'files.sourceBooking': 'Foglalás',
-  'files.sourceTransport': 'Közlekedés',
  'files.attach': 'Csatolás',
  'files.pasteHint': 'Képeket a vágólapról is beillesztheted (Ctrl+V)',
  'files.trash': 'Kuka',
@@ -1259,7 +1256,6 @@ const hu: Record<string, string | { name: string; category: string }[]> = {
  'files.assignTitle': 'Fájl hozzárendelése',
  'files.assignPlace': 'Hely',
  'files.assignBooking': 'Foglalás',
-  'files.assignTransport': 'Közlekedés',
  'files.unassigned': 'Nincs hozzárendelve',
  'files.unlink': 'Kapcsolat eltávolítása',
  'files.toast.trashed': 'Kukába helyezve',
@@ -1694,7 +1690,6 @@ const hu: Record<string, string | { name: string; category: string }[]> = {
  'memories.immichAutoUpload': 'Journey-fotók feltöltésekor másolat Immich-be is',
  'memories.providerUrlHintSynology': 'Adja meg a Photos alkalmazás elérési útját az URL-ben, pl. https://nas:5001/photo',
  'memories.testConnection': 'Kapcsolat tesztelése',
-  'memories.testShort': 'Teszt',
  'memories.testFirst': 'Először teszteld a kapcsolatot',
  'memories.connected': 'Csatlakoztatva',
  'memories.disconnected': 'Nincs csatlakoztatva',
@@ -30,8 +30,6 @@ const id: Record<string, string | { name: string; category: string }[]> = {
  'common.none': 'Tidak ada',
  'common.date': 'Tanggal',
  'common.rename': 'Ganti nama',
-  'common.discardChanges': 'Buang perubahan',
-  'common.discard': 'Buang',
  'common.name': 'Nama',
  'common.email': 'Email',
  'common.password': 'Kata sandi',
@@ -1306,7 +1304,6 @@ const id: Record<string, string | { name: string; category: string }[]> = {
  'files.toast.deleteError': 'Gagal menghapus file',
  'files.sourcePlan': 'Rencana Harian',
  'files.sourceBooking': 'Pemesanan',
-  'files.sourceTransport': 'Transportasi',
  'files.attach': 'Lampirkan',
  'files.pasteHint': 'Kamu juga bisa menempel gambar dari clipboard (Ctrl+V)',
  'files.trash': 'Sampah',
@@ -1319,7 +1316,6 @@ const id: Record<string, string | { name: string; category: string }[]> = {
  'files.assignTitle': 'Tugaskan File',
  'files.assignPlace': 'Tempat',
  'files.assignBooking': 'Pemesanan',
-  'files.assignTransport': 'Transportasi',
  'files.unassigned': 'Tidak ditugaskan',
  'files.unlink': 'Hapus tautan',
  'files.toast.trashed': 'Dipindahkan ke sampah',
@@ -1686,7 +1682,6 @@ const id: Record<string, string | { name: string; category: string }[]> = {
  'memories.immichAutoUpload': 'Salin foto journey ke Immich saat diunggah',
  'memories.providerUrlHintSynology': 'Sertakan path aplikasi Photos di URL, mis. https://nas:5001/photo',
  'memories.testConnection': 'Uji koneksi',
-  'memories.testShort': 'Uji',
  'memories.testFirst': 'Uji koneksi terlebih dahulu',
  'memories.connected': 'Terhubung',
  'memories.disconnected': 'Tidak terhubung',
@@ -30,8 +30,6 @@ const it: Record<string, string | { name: string; category: string }[]> = {
  'common.none': 'Nessuno',
  'common.date': 'Data',
  'common.rename': 'Rinomina',
-  'common.discardChanges': 'Scarta modifiche',
-  'common.discard': 'Scarta',
  'common.name': 'Nome',
  'common.email': 'Email',
  'common.password': 'Password',
@@ -1246,7 +1244,6 @@ const it: Record<string, string | { name: string; category: string }[]> = {
  'files.toast.deleteError': 'Impossibile eliminare il file',
  'files.sourcePlan': 'Programma giornaliero',
  'files.sourceBooking': 'Prenotazione',
-  'files.sourceTransport': 'Trasporto',
  'files.attach': 'Allega',
  'files.pasteHint': 'Puoi anche incollare immagini dagli appunti (Ctrl+V)',
  'files.trash': 'Cestino',
@@ -1259,7 +1256,6 @@ const it: Record<string, string | { name: string; category: string }[]> = {
  'files.assignTitle': 'Assegna file',
  'files.assignPlace': 'Luogo',
  'files.assignBooking': 'Prenotazione',
-  'files.assignTransport': 'Trasporto',
  'files.unassigned': 'Non assegnato',
  'files.unlink': 'Rimuovi collegamento',
  'files.toast.trashed': 'Spostato nel cestino',
@@ -1624,7 +1620,6 @@ const it: Record<string, string | { name: string; category: string }[]> = {
  'memories.immichAutoUpload': 'Rispecchia le foto del journey su Immich al caricamento',
  'memories.providerUrlHintSynology': 'Includi il percorso dell\'app Foto nell\'URL, es. https://nas:5001/photo',
  'memories.testConnection': 'Test connessione',
-  'memories.testShort': 'Prova',
  'memories.testFirst': 'Testa prima la connessione',
  'memories.connected': 'Connesso',
  'memories.disconnected': 'Non connesso',
@@ -30,8 +30,6 @@ const nl: Record<string, string> = {
  'common.none': 'Geen',
  'common.date': 'Datum',
  'common.rename': 'Hernoemen',
-  'common.discardChanges': 'Wijzigingen verwerpen',
-  'common.discard': 'Verwerpen',
  'common.name': 'Naam',
  'common.email': 'E-mail',
  'common.password': 'Wachtwoord',
@@ -614,8 +612,8 @@ const nl: Record<string, string> = {
  'admin.collab.chat.subtitle': 'Realtime berichten voor reissamenwerking',
  'admin.collab.notes.title': 'Notities',
  'admin.collab.notes.subtitle': 'Gedeelde notities en documenten',
-  'admin.collab.polls.title': 'Polls',
-  'admin.collab.polls.subtitle': 'Groepspolls en stemmen',
+  'admin.collab.polls.title': 'Peilingen',
+  'admin.collab.polls.subtitle': 'Groepspeilingen en stemmen',
  'admin.collab.whatsnext.title': 'Wat nu',
  'admin.collab.whatsnext.subtitle': 'Activiteitssuggesties en volgende stappen',
  'admin.tabs.config': 'Personalisatie',
@@ -1245,7 +1243,6 @@ const nl: Record<string, string> = {
  'files.toast.deleteError': 'Bestand verwijderen mislukt',
  'files.sourcePlan': 'Dagplan',
  'files.sourceBooking': 'Boeking',
-  'files.sourceTransport': 'Transport',
  'files.attach': 'Bijvoegen',
  'files.pasteHint': 'Je kunt ook afbeeldingen plakken vanuit het klembord (Ctrl+V)',
  'files.trash': 'Prullenbak',
@@ -1258,7 +1255,6 @@ const nl: Record<string, string> = {
  'files.assignTitle': 'Bestand toewijzen',
  'files.assignPlace': 'Plaats',
  'files.assignBooking': 'Boeking',
-  'files.assignTransport': 'Transport',
  'files.unassigned': 'Niet toegewezen',
  'files.unlink': 'Koppeling verwijderen',
  'files.toast.trashed': 'Naar prullenbak verplaatst',
@@ -1623,7 +1619,6 @@ const nl: Record<string, string> = {
  'memories.immichAutoUpload': 'Journey-foto\'s bij upload ook naar Immich spiegelen',
  'memories.providerUrlHintSynology': 'Voeg het pad van de Photos-app toe aan de URL, bijv. https://nas:5001/photo',
  'memories.testConnection': 'Verbinding testen',
-  'memories.testShort': 'Testen',
  'memories.testFirst': 'Test eerst de verbinding',
  'memories.connected': 'Verbonden',
  'memories.disconnected': 'Niet verbonden',
@@ -1663,7 +1658,7 @@ const nl: Record<string, string> = {
  // Collab Addon
  'collab.tabs.chat': 'Chat',
  'collab.tabs.notes': 'Notities',
-  'collab.tabs.polls': 'Polls',
+  'collab.tabs.polls': 'Peilingen',
  'collab.whatsNext.title': 'Wat komt er',
  'collab.whatsNext.today': 'Vandaag',
  'collab.whatsNext.tomorrow': 'Morgen',
@@ -1709,7 +1704,7 @@ const nl: Record<string, string> = {
  'collab.notes.attachFiles': 'Bestanden bijvoegen',
  'collab.notes.noCategoriesYet': 'Nog geen categorieën',
  'collab.notes.emptyDesc': 'Maak een notitie om te beginnen',
-  'collab.polls.title': 'Polls',
+  'collab.polls.title': 'Peilingen',
  'collab.polls.new': 'Nieuwe poll',
  'collab.polls.empty': 'Nog geen polls',
  'collab.polls.emptyHint': 'Stel de groep een vraag en stem samen',
@@ -26,8 +26,6 @@ const pl: Record<string, string | { name: string; category: string }[]> = {
  'common.none': 'Brak',
  'common.date': 'Data',
  'common.rename': 'Zmień nazwę',
-  'common.discardChanges': 'Odrzuć zmiany',
-  'common.discard': 'Odrzuć',
  'common.name': 'Nazwa',
  'common.email': 'E-mail',
  'common.password': 'Hasło',
@@ -1197,7 +1195,6 @@ const pl: Record<string, string | { name: string; category: string }[]> = {
  'files.toast.deleteError': 'Nie udało się usunąć pliku',
  'files.sourcePlan': 'Plan dni',
  'files.sourceBooking': 'Rezerwacje',
-  'files.sourceTransport': 'Transport',
  'files.attach': 'Załącz',
  'files.pasteHint': 'Możesz również wkleić obrazki ze schowka (Ctrl+V)',
  'files.trash': 'Kosz',
@@ -1210,7 +1207,6 @@ const pl: Record<string, string | { name: string; category: string }[]> = {
  'files.assignTitle': 'Przypisz plik',
  'files.assignPlace': 'Miejsce',
  'files.assignBooking': 'Rezerwacja',
-  'files.assignTransport': 'Transport',
  'files.unassigned': 'Nieprzypisane',
  'files.unlink': 'Usuń link',
  'files.toast.trashed': 'Przeniesiono do kosza',
@@ -1575,7 +1571,6 @@ const pl: Record<string, string | { name: string; category: string }[]> = {
  'memories.immichAutoUpload': 'Przy przesyłaniu kopiuj zdjęcia journey także do Immich',
  'memories.providerUrlHintSynology': 'Uwzględnij ścieżkę aplikacji Photos w URL, np. https://nas:5001/photo',
  'memories.testConnection': 'Test',
-  'memories.testShort': 'Test',
  'memories.connected': 'Połączono',
  'memories.disconnected': 'Nie połączono',
  'memories.connectionSuccess': 'Połączono z Immich',
@@ -30,8 +30,6 @@ const ru: Record<string, string> = {
  'common.none': 'Нет',
  'common.date': 'Дата',
  'common.rename': 'Переименовать',
-  'common.discardChanges': 'Отменить изменения',
-  'common.discard': 'Отменить',
  'common.name': 'Имя',
  'common.email': 'Эл. почта',
  'common.password': 'Пароль',
@@ -1245,7 +1243,6 @@ const ru: Record<string, string> = {
  'files.toast.deleteError': 'Не удалось удалить файл',
  'files.sourcePlan': 'План дня',
  'files.sourceBooking': 'Бронирование',
-  'files.sourceTransport': 'Транспорт',
  'files.attach': 'Прикрепить',
  'files.pasteHint': 'Также можно вставить изображения из буфера обмена (Ctrl+V)',
  'files.trash': 'Корзина',
@@ -1258,7 +1255,6 @@ const ru: Record<string, string> = {
  'files.assignTitle': 'Назначить файл',
  'files.assignPlace': 'Место',
  'files.assignBooking': 'Бронирование',
-  'files.assignTransport': 'Транспорт',
  'files.unassigned': 'Не назначен',
  'files.unlink': 'Удалить связь',
  'files.toast.trashed': 'Перемещено в корзину',
@@ -1623,7 +1619,6 @@ const ru: Record<string, string> = {
  'memories.immichAutoUpload': 'Дублировать фото journey в Immich при загрузке',
  'memories.providerUrlHintSynology': 'Включите путь приложения Photos в URL, например https://nas:5001/photo',
  'memories.testConnection': 'Проверить подключение',
-  'memories.testShort': 'Проверить',
  'memories.testFirst': 'Сначала проверьте подключение',
  'memories.connected': 'Подключено',
  'memories.disconnected': 'Не подключено',
@@ -30,8 +30,6 @@ const zh: Record<string, string> = {
  'common.none': '无',
  'common.date': '日期',
  'common.rename': '重命名',
-  'common.discardChanges': '放弃更改',
-  'common.discard': '放弃',
  'common.name': '名称',
  'common.email': '邮箱',
  'common.password': '密码',
@@ -1245,7 +1243,6 @@ const zh: Record<string, string> = {
  'files.toast.deleteError': '删除文件失败',
  'files.sourcePlan': '日程计划',
  'files.sourceBooking': '预订',
-  'files.sourceTransport': '交通',
  'files.attach': '附加',
  'files.pasteHint': '也可以从剪贴板粘贴图片 (Ctrl+V)',
  'files.trash': '回收站',
@@ -1258,7 +1255,6 @@ const zh: Record<string, string> = {
  'files.assignTitle': '分配文件',
  'files.assignPlace': '地点',
  'files.assignBooking': '预订',
-  'files.assignTransport': '交通',
  'files.unassigned': '未分配',
  'files.unlink': '移除关联',
  'files.toast.trashed': '已移至回收站',
@@ -1623,7 +1619,6 @@ const zh: Record<string, string> = {
  'memories.immichAutoUpload': '上传 Journey 照片时同步到 Immich',
  'memories.providerUrlHintSynology': '在 URL 中包含照片应用路径，例如 https://nas:5001/photo',
  'memories.testConnection': '测试连接',
-  'memories.testShort': '测试',
  'memories.testFirst': '请先测试连接',
  'memories.connected': '已连接',
  'memories.disconnected': '未连接',
@@ -30,8 +30,6 @@ const zhTw: Record<string, string> = {
  'common.none': '無',
  'common.date': '日期',
  'common.rename': '重新命名',
-  'common.discardChanges': '捨棄變更',
-  'common.discard': '捨棄',
  'common.name': '名稱',
  'common.email': '郵箱',
  'common.password': '密碼',
@@ -1305,7 +1303,6 @@ const zhTw: Record<string, string> = {
  'files.toast.deleteError': '刪除檔案失敗',
  'files.sourcePlan': '日程計劃',
  'files.sourceBooking': '預訂',
-  'files.sourceTransport': '交通',
  'files.attach': '附加',
  'files.pasteHint': '也可以從剪貼簿貼上圖片 (Ctrl+V)',
  'files.trash': '回收站',
@@ -1318,7 +1315,6 @@ const zhTw: Record<string, string> = {
  'files.assignTitle': '分配檔案',
  'files.assignPlace': '地點',
  'files.assignBooking': '預訂',
-  'files.assignTransport': '交通',
  'files.unassigned': '未分配',
  'files.unlink': '移除關聯',
  'files.toast.trashed': '已移至回收站',
@@ -1683,7 +1679,6 @@ const zhTw: Record<string, string> = {
  'memories.immichAutoUpload': '上傳 Journey 照片時同步到 Immich',
  'memories.providerUrlHintSynology': '在網址中包含照片應用程式路徑，例如 https://nas:5001/photo',
  'memories.testConnection': '測試連線',
-  'memories.testShort': '測試',
  'memories.testFirst': '請先測試連線',
  'memories.connected': '已連線',
  'memories.disconnected': '未連線',
@@ -1240,15 +1240,6 @@ interface SidebarContentProps {

 function SidebarContent({ data, stats, countries, selectedCountry, countryDetail, resolveName, onTripClick, onUnmarkCountry, bucketList, bucketTab, setBucketTab, showBucketAdd, setShowBucketAdd, bucketForm, setBucketForm, onAddBucket, onDeleteBucket, onSearchBucket, onSelectBucketPoi, bucketSearchResults, setBucketSearchResults, bucketPoiMonth, setBucketPoiMonth, bucketPoiYear, setBucketPoiYear, bucketSearching, bucketSearch, setBucketSearch, t, dark }: SidebarContentProps): React.ReactElement {
  const { language } = useTranslation()
-  const statsContentRef = useRef<HTMLDivElement>(null)
-  const [statsWidth, setStatsWidth] = useState<number | undefined>(undefined)
-  useEffect(() => {
-    const el = statsContentRef.current
-    if (!el || typeof ResizeObserver === 'undefined') return
-    const ro = new ResizeObserver(() => setStatsWidth(el.offsetWidth))
-    ro.observe(el)
-    return () => ro.disconnect()
-  }, [])
  const bg = (o) => dark ? `rgba(255,255,255,${o})` : `rgba(0,0,0,${o})`
  const tp = dark ? '#f1f5f9' : '#0f172a'
  const tm = dark ? '#94a3b8' : '#64748b'
@@ -1299,7 +1290,7 @@ function SidebarContent({ data, stats, countries, selectedCountry, countryDetail
  // Bucket list content
  const bucketContent = (
    <>
-    <div className="flex items-stretch" style={{ overflowX: 'auto', padding: '0 8px', maxWidth: statsWidth, width: '100%' }}>
+    <div className="flex items-stretch" style={{ overflowX: 'auto', padding: '0 8px' }}>
      {bucketList.map(item => (
        <div key={item.id} className="group flex flex-col items-center justify-center shrink-0" style={{ padding: '8px 14px', position: 'relative', minWidth: 80 }}>
          {(() => {
@@ -1409,7 +1400,7 @@ function SidebarContent({ data, stats, countries, selectedCountry, countryDetail
    {/* Both tabs always rendered so the wider one sets the panel width */}
    <div style={{ display: 'grid' }}>
    <div style={bucketTab === 'bucket' ? { visibility: 'hidden' as const, gridArea: '1/1' } : { gridArea: '1/1' }}>
-    <div ref={statsContentRef} className="flex items-stretch justify-center">
+    <div className="flex items-stretch justify-center">

      {/* ═══ SECTION 1: Numbers ═══ */}
      {/* Countries hero */}
@@ -401,10 +401,6 @@ describe('DashboardPage', () => {
      const copyButtons = screen.getAllByRole('button', { name: /copy/i });
      await user.click(copyButtons[0]);

-      // Confirm the copy dialog
-      const confirmButton = await screen.findByRole('button', { name: /copy trip/i });
-      await user.click(confirmButton);
-
      await waitFor(() => {
        expect(screen.getAllByText('Paris Adventure (Copy)')[0]).toBeInTheDocument();
      });
@@ -770,10 +766,6 @@ describe('DashboardPage', () => {
      expect(copyButtons.length).toBeGreaterThan(0);
      await user.click(copyButtons[0]);

-      // Confirm the copy dialog
-      const confirmButton = await screen.findByRole('button', { name: /copy trip/i });
-      await user.click(confirmButton);
-
      await waitFor(() => {
        expect(screen.getAllByText('Paris Adventure (Copy)').length).toBeGreaterThan(0);
      });
@@ -12,7 +12,6 @@ import CurrencyWidget from '../components/Dashboard/CurrencyWidget'
 import TimezoneWidget from '../components/Dashboard/TimezoneWidget'
 import TripFormModal from '../components/Trips/TripFormModal'
 import ConfirmDialog from '../components/shared/ConfirmDialog'
-import CopyTripDialog from '../components/shared/CopyTripDialog'
 import { useToast } from '../components/shared/Toast'
 import { useCountUp } from '../hooks/useCountUp'
 import {
@@ -700,7 +699,6 @@ export default function DashboardPage(): React.ReactElement {
  const [showWidgetSettings, setShowWidgetSettings] = useState<boolean | 'mobile' | 'mobile-currency' | 'mobile-timezone'>(false)
  const [viewMode, setViewMode] = useState<'grid' | 'list'>(() => (localStorage.getItem('trek_dashboard_view') as 'grid' | 'list') || 'grid')
  const [deleteTrip, setDeleteTrip] = useState<DashboardTrip | null>(null)
-  const [copyTrip, setCopyTrip] = useState<DashboardTrip | null>(null)

  const toggleViewMode = () => {
    setViewMode(prev => {
@@ -817,18 +815,14 @@ export default function DashboardPage(): React.ReactElement {
    setArchivedTrips(prev => prev.map(update))
  }

-  const handleCopy = (trip: DashboardTrip) => setCopyTrip(trip)
-
-  const confirmCopy = async () => {
-    if (!copyTrip) return
+  const handleCopy = async (trip: DashboardTrip) => {
    try {
-      const data = await tripsApi.copy(copyTrip.id, { title: `${copyTrip.title} (${t('dashboard.copySuffix')})` })
+      const data = await tripsApi.copy(trip.id, { title: `${trip.title} (${t('dashboard.copySuffix')})` })
      setTrips(prev => sortTrips([data.trip, ...prev]))
      toast.success(t('dashboard.toast.copied'))
    } catch {
      toast.error(t('dashboard.toast.copyError'))
    }
-    setCopyTrip(null)
  }

  const today = new Date().toISOString().split('T')[0]
@@ -1211,13 +1205,6 @@ export default function DashboardPage(): React.ReactElement {
        message={t('dashboard.confirm.delete', { title: deleteTrip?.title || '' })}
      />

-      <CopyTripDialog
-        isOpen={!!copyTrip}
-        tripTitle={copyTrip?.title || ''}
-        onClose={() => setCopyTrip(null)}
-        onConfirm={confirmCopy}
-      />
-
      <style>{`
        @keyframes pulse {
          0%, 100% { opacity: 1 }
@@ -177,24 +177,6 @@ const mockJourneyDetail = {
    },
  ],
  stats: { entries: 2, photos: 1, places: 2 },
-  gallery: [
-    {
-      id: 100,
-      journey_id: 1,
-      photo_id: 100,
-      provider: 'local',
-      file_path: 'photos/test.jpg',
-      asset_id: null,
-      owner_id: null,
-      thumbnail_path: null,
-      caption: 'Colosseum',
-      sort_order: 0,
-      width: 800,
-      height: 600,
-      shared: 1,
-      created_at: now,
-    },
-  ],
 };

 // ── MSW Handlers ─────────────────────────────────────────────────────────────
@@ -1486,7 +1468,7 @@ describe('JourneyDetailPage', () => {

  // ── FE-PAGE-JOURNEYDETAIL-074 ──────────────────────────────────────────
  describe('FE-PAGE-JOURNEYDETAIL-074: Delete share link removes it', () => {
-    it('clicking "Delete link" calls DELETE and returns to create state', async () => {
+    it('clicking "Remove share link" calls DELETE and returns to create state', async () => {
      const user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });
      let deleteCalled = false;

@@ -1511,10 +1493,10 @@ describe('JourneyDetailPage', () => {
      await openSettingsDialog(user);

      await waitFor(() => {
-        expect(screen.getByText('Delete link')).toBeInTheDocument();
+        expect(screen.getByText('Remove share link')).toBeInTheDocument();
      });

-      await user.click(screen.getByText('Delete link'));
+      await user.click(screen.getByText('Remove share link'));

      await waitFor(() => {
        expect(deleteCalled).toBe(true);
@@ -1742,14 +1724,13 @@ describe('JourneyDetailPage', () => {
    it('renders the empty gallery state when journey has no photos', async () => {
      const user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });

-      // Override with entries that have no photos and empty gallery
+      // Override with entries that have no photos
      const emptyEntry = {
        ...mockJourneyDetail.entries[0],
        photos: [],
      };
      setupDefaultHandlers({
        entries: [emptyEntry],
-        gallery: [],
        stats: { entries: 1, photos: 0, places: 1 },
      });

@@ -2000,9 +1981,10 @@ describe('JourneyDetailPage', () => {
        expect(screen.getByText(/1 photos/i)).toBeInTheDocument();
      });

-      // Gallery photos render in a grid; each photo has a group container
-      const photos = document.querySelectorAll('[class*="aspect-square"]');
-      expect(photos.length).toBeGreaterThanOrEqual(1);
+      // The entry date '2026-03-15' is shown as a formatted overlay on each gallery photo
+      // The component uses toLocaleDateString which produces "Mar 15, 2026" in en-US
+      const dateOverlay = document.querySelector('[class*="opacity-0"]');
+      expect(dateOverlay).toBeTruthy();
    });
  });

@@ -2040,11 +2022,6 @@ describe('JourneyDetailPage', () => {
      setupDefaultHandlers({
        entries: [immichEntry, mockJourneyDetail.entries[1]],
        stats: { entries: 2, photos: 1, places: 2 },
-        gallery: [{
-          id: 200, journey_id: 1, photo_id: 200, provider: 'immich', file_path: null,
-          asset_id: 'asset-123', owner_id: 1, thumbnail_path: null,
-          caption: null, sort_order: 0, width: 800, height: 600, shared: 1, created_at: now,
-        }],
      });

      render(<JourneyDetailPage />);
@@ -2079,11 +2056,6 @@ describe('JourneyDetailPage', () => {
      setupDefaultHandlers({
        entries: [synologyEntry, mockJourneyDetail.entries[1]],
        stats: { entries: 2, photos: 1, places: 2 },
-        gallery: [{
-          id: 201, journey_id: 1, photo_id: 201, provider: 'synology', file_path: null,
-          asset_id: 'syn-456', owner_id: 1, thumbnail_path: null,
-          caption: null, sort_order: 0, width: 800, height: 600, shared: 1, created_at: now,
-        }],
      });

      render(<JourneyDetailPage />);
@@ -2933,7 +2905,7 @@ describe('JourneyDetailPage', () => {

      // The permission toggles show Timeline, Gallery, Map labels within the share section
      // These reuse the same i18n keys as the main tab bar
-      expect(screen.getByText('Delete link')).toBeInTheDocument();
+      expect(screen.getByText('Remove share link')).toBeInTheDocument();
      expect(screen.getByText('Copy')).toBeInTheDocument();
    });
  });
@@ -3293,14 +3265,25 @@ describe('JourneyDetailPage', () => {

  // ── FE-PAGE-JOURNEYDETAIL-141 ──────────────────────────────────────────
  describe('FE-PAGE-JOURNEYDETAIL-141: Gallery upload triggers file input and calls API', () => {
-    it('uploading files in gallery calls gallery upload API', async () => {
+    it('uploading files in gallery creates an entry and uploads photos', async () => {
      const user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });
+      let createCalled = false;
      let uploadCalled = false;

      server.use(
-        http.post('/api/journeys/1/gallery/photos', () => {
+        http.post('/api/journeys/1/entries', () => {
+          createCalled = true;
+          return HttpResponse.json({
+            id: 99, journey_id: 1, author_id: 1, type: 'entry',
+            entry_date: '2026-04-11', title: 'Gallery', story: null, location_name: null,
+            location_lat: null, location_lng: null, mood: null, weather: null,
+            tags: [], pros_cons: null, visibility: 'private', sort_order: 0,
+            entry_time: null, photos: [], created_at: now, updated_at: now,
+          });
+        }),
+        http.post('/api/journeys/entries/99/photos', () => {
          uploadCalled = true;
-          return HttpResponse.json({ photos: [] });
+          return HttpResponse.json([]);
        }),
      );

@@ -3321,6 +3304,9 @@ describe('JourneyDetailPage', () => {
      const testFile = new File(['fake-content'], 'test-photo.jpg', { type: 'image/jpeg' });
      await user.upload(fileInput, testFile);

+      await waitFor(() => {
+        expect(createCalled).toBe(true);
+      });
      await waitFor(() => {
        expect(uploadCalled).toBe(true);
      });
@@ -3334,9 +3320,9 @@ describe('JourneyDetailPage', () => {
      let deleteCalled = false;

      server.use(
-        http.delete('/api/journeys/1/gallery/100', () => {
+        http.delete('/api/journeys/photos/100', () => {
          deleteCalled = true;
-          return new HttpResponse(null, { status: 204 });
+          return HttpResponse.json({ success: true });
        }),
      );

@@ -1,5 +1,4 @@
 import { useEffect, useState, useRef, useCallback, useMemo } from 'react'
-import { formatLocationName } from '../utils/formatters'
 import { createPortal } from 'react-dom'
 import { useParams, useNavigate } from 'react-router-dom'
 import { useJourneyStore } from '../store/journeyStore'
@@ -9,7 +8,6 @@ import { journeyApi, authApi, addonsApi, mapsApi } from '../api/client'
 import { addListener, removeListener } from '../api/websocket'
 import Navbar from '../components/Layout/Navbar'
 import JourneyMap from '../components/Journey/JourneyMapAuto'
-import { DAY_COLORS } from '../components/Journey/dayColors'
 import type { JourneyMapAutoHandle as JourneyMapHandle } from '../components/Journey/JourneyMapAuto'
 import JournalBody from '../components/Journey/JournalBody'
 import MarkdownToolbar from '../components/Journey/MarkdownToolbar'
@@ -27,7 +25,7 @@ import {
 import MobileMapTimeline from '../components/Journey/MobileMapTimeline'
 import MobileEntryView from '../components/Journey/MobileEntryView'
 import { useIsMobile } from '../hooks/useIsMobile'
-import type { JourneyEntry, JourneyPhoto, GalleryPhoto, JourneyTrip, JourneyDetail } from '../store/journeyStore'
+import type { JourneyEntry, JourneyPhoto, JourneyDetail } from '../store/journeyStore'
 import { computeJourneyLifecycle } from '../utils/journeyLifecycle'

 const GRADIENTS = [
@@ -69,18 +67,16 @@ function groupByDate(entries: JourneyEntry[]): Map<string, JourneyEntry[]> {
  return groups
 }

-function formatDate(d: string, locale?: string): { weekday: string; month: string; day: number } {
+function formatDate(d: string): { weekday: string; month: string; day: number } {
  const date = new Date(d + 'T00:00:00')
-  // Pass the app's selected locale so weekday/month follow the UI language
-  // instead of the browser's navigator.language.
  return {
-    weekday: date.toLocaleDateString(locale, { weekday: 'long' }),
-    month: date.toLocaleDateString(locale, { month: 'long' }),
+    weekday: date.toLocaleDateString(undefined, { weekday: 'long' }),
+    month: date.toLocaleDateString(undefined, { month: 'long' }),
    day: date.getDate(),
  }
 }

-function photoUrl(p: { photo_id: number }, size: 'thumbnail' | 'original' = 'thumbnail'): string {
+function photoUrl(p: JourneyPhoto, size: 'thumbnail' | 'original' = 'thumbnail'): string {
  return `/api/photos/${p.photo_id}/${size}`
 }

@@ -88,7 +84,7 @@ export default function JourneyDetailPage() {
  const { id } = useParams()
  const navigate = useNavigate()
  const toast = useToast()
-  const { t, locale } = useTranslation()
+  const { t } = useTranslation()
  const { current, loading, notFound, loadJourney, updateEntry, deleteEntry, reorderEntries, uploadPhotos, deletePhoto } = useJourneyStore()
  const mapRef = useRef<JourneyMapHandle>(null)
  const fullMapRef = useRef<JourneyMapHandle>(null)
@@ -190,9 +186,7 @@ export default function JourneyDetailPage() {
      const winner = lastPast || firstAhead
      if (winner) {
        setActiveEntryId(winner.id)
-        if (locatedEntryIdsRef.current.has(winner.id)) {
-          mapRef.current?.highlightMarker(winner.id)
-        }
+        mapRef.current?.highlightMarker(winner.id)
      }
    }
    const onScroll = () => {
@@ -283,38 +277,16 @@ export default function JourneyDetailPage() {
    [current?.entries]
  )

-  const sidebarMapItems = useMemo(() => {
-    const allDates = [...new Set(
-      (current?.entries || [])
-        .filter(e => e.title !== 'Gallery' && e.title !== '[Trip Photos]')
-        .map(e => e.entry_date)
-        .sort()
-    )]
-    const sorted = [...mapEntries].sort((a, b) => a.entry_date.localeCompare(b.entry_date))
-    const dayCounters = new Map<string, number>()
-    return sorted.map(e => {
-      const dayIdx = allDates.indexOf(e.entry_date)
-      const dayLabel = (dayCounters.get(e.entry_date) ?? 0) + 1
-      dayCounters.set(e.entry_date, dayLabel)
-      return {
-        id: String(e.id),
-        lat: e.location_lat!,
-        lng: e.location_lng!,
-        title: e.title || '',
-        location_name: e.location_name || '',
-        mood: e.mood,
-        created_at: e.entry_date,
-        entry_date: e.entry_date,
-        dayColor: DAY_COLORS[dayIdx % DAY_COLORS.length],
-        dayLabel,
-      }
-    })
-  }, [mapEntries, current?.entries])
-
-  const locatedEntryIdsRef = useRef(new Set<string>())
-  useEffect(() => {
-    locatedEntryIdsRef.current = new Set(sidebarMapItems.map(m => m.id))
-  }, [sidebarMapItems])
+  const sidebarMapItems = useMemo(() => mapEntries.map(e => ({
+    id: String(e.id),
+    lat: e.location_lat!,
+    lng: e.location_lng!,
+    title: e.title || '',
+    location_name: e.location_name || '',
+    mood: e.mood,
+    created_at: e.entry_date,
+    entry_date: e.entry_date,
+  })), [mapEntries])

  const tripDates = useMemo(() => {
    const dates = new Set<string>()
@@ -341,7 +313,7 @@ export default function JourneyDetailPage() {
    )
  }

-  const timelineEntries = current.entries.filter(e => (!hideSkeletons || e.type !== 'skeleton'))
+  const timelineEntries = current.entries.filter(e => e.title !== 'Gallery' && e.title !== '[Trip Photos]' && (!hideSkeletons || e.type !== 'skeleton'))
  const dayGroups = groupByDate(timelineEntries)
  const sortedDates = [...dayGroups.keys()].sort()

@@ -450,7 +422,7 @@ export default function JourneyDetailPage() {
              ? 'max-w-[1440px] mx-auto px-0 pt-0'
              : 'flex w-full overflow-hidden'
          }
-          style={!isMobile ? { height: 'calc(100dvh - var(--nav-h, 56px))' } : undefined}
+          style={!isMobile ? { height: 'calc(100vh - var(--nav-h, 56px))' } : undefined}
        >
          {/* LEFT column (full width on mobile, scrollable feed on desktop) */}
          <div
@@ -458,7 +430,7 @@ export default function JourneyDetailPage() {
            className={
              isMobile
                ? ''
-                : 'flex-1 xl:max-w-[50%] overflow-y-auto journey-feed-scroll'
+                : 'flex-1 overflow-y-auto journey-feed-scroll'
            }
          >
            <div className={isMobile ? '' : 'w-full px-8 py-6'}>
@@ -510,7 +482,7 @@ export default function JourneyDetailPage() {
                      >
                        {hideSkeletons ? <EyeOff size={14} /> : <Eye size={14} />}
                      </button>
-                      <span className="absolute top-full mt-2 right-0 px-2 py-1 rounded-md bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 text-[11px] font-medium whitespace-nowrap opacity-0 pointer-events-none group-hover:opacity-100 transition-opacity">
+                      <span className="absolute top-full mt-2 left-1/2 -translate-x-1/2 px-2 py-1 rounded-md bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 text-[11px] font-medium whitespace-nowrap opacity-0 pointer-events-none group-hover:opacity-100 transition-opacity">
                        {hideSkeletons ? t('journey.skeletons.show') : t('journey.skeletons.hide')}
                      </span>
                    </div>
@@ -603,14 +575,14 @@ export default function JourneyDetailPage() {

                  {sortedDates.map((date, dayIdx) => {
                    const entries = dayGroups.get(date)!
-                    const fd = formatDate(date, locale)
+                    const fd = formatDate(date)
                    const locations = [...new Set(entries.map(e => e.location_name).filter(Boolean))]

                    return (
                      <div key={date} className="flex flex-col gap-3 trek-stagger">
                        <div className="bg-white/95 dark:bg-zinc-900/95 backdrop-blur border-y md:border border-zinc-200 dark:border-zinc-700 rounded-none md:rounded-xl -mx-4 md:mx-0 px-4 py-3.5 flex items-center justify-between">
                          <div className="flex items-center gap-3">
-                            <div className="w-8 h-8 rounded-lg flex items-center justify-center text-[13px] font-bold text-white" style={{ background: DAY_COLORS[dayIdx % DAY_COLORS.length] }}>
+                            <div className="w-8 h-8 rounded-lg bg-zinc-900 dark:bg-white text-white dark:text-zinc-900 flex items-center justify-center text-[13px] font-bold">
                              {dayIdx + 1}
                            </div>
                            <div>
@@ -639,7 +611,7 @@ export default function JourneyDetailPage() {
                              .catch(() => toast.error(t('common.errorOccurred')))
                          }
                          return (
-                            <div key={entry.id} data-entry-id={String(entry.id)} className={`relative ${canReorder ? 'flex items-stretch gap-2' : ''}`} onMouseEnter={() => { setActiveEntryId(String(entry.id)); mapRef.current?.highlightMarker(String(entry.id)) }} style={String(entry.id) === activeEntryId ? { outline: `2px solid ${DAY_COLORS[dayIdx % DAY_COLORS.length]}`, outlineOffset: '3px', borderRadius: '12px' } : undefined}>
+                            <div key={entry.id} data-entry-id={String(entry.id)} className={`relative ${canReorder ? 'flex items-stretch gap-2' : ''}`}>
                              {canReorder && (
                                <div className="flex flex-col gap-1 justify-center flex-shrink-0 py-1">
                                  <button
@@ -693,11 +665,10 @@ export default function JourneyDetailPage() {
              >
                <GalleryView
                  entries={current.entries}
-                  gallery={current.gallery || []}
                  journeyId={current.id}
                  userId={useAuthStore.getState().user?.id || 0}
                  trips={current.trips}
-                  onPhotoClick={(photos, idx) => setLightbox({ photos: photos.map(p => ({ id: p.id, src: photoUrl(p, 'original'), caption: p.caption ?? null, provider: p.provider, asset_id: p.asset_id, owner_id: p.owner_id })), index: idx })}
+                  onPhotoClick={(photos, idx) => setLightbox({ photos: photos.map(p => ({ id: p.id, src: photoUrl(p, 'original'), caption: p.caption, provider: p.provider, asset_id: p.asset_id, owner_id: p.owner_id })), index: idx })}
                  onRefresh={() => loadJourney(Number(id))}
                />
              </div>
@@ -734,7 +705,7 @@ export default function JourneyDetailPage() {
          entry={editingEntry}
          journeyId={current.id}
          tripDates={tripDates}
-          galleryPhotos={current.gallery || []}
+          galleryPhotos={current.entries.flatMap(e => e.photos || [])}
          onClose={() => setEditingEntry(null)}
          onSave={async (data) => {
            let entryId = editingEntry.id
@@ -762,8 +733,7 @@ export default function JourneyDetailPage() {
          journey={current}
          onClose={() => setShowSettings(false)}
          onSaved={() => { setShowSettings(false); loadJourney(Number(id)) }}
-          onOpenInvite={() => { setShowInvite(true) }}
-          onRefresh={() => loadJourney(Number(id))}
+          onOpenInvite={() => { setShowSettings(false); setShowInvite(true) }}
        />
      )}

@@ -846,7 +816,7 @@ function MapView({ entries, mapEntries, sortedDates, activeLocationId, fullMapRe
  fullMapRef: React.RefObject<JourneyMapHandle | null>
  onLocationClick: (id: string) => void
 }) {
-  const { t, locale } = useTranslation()
+  const { t } = useTranslation()
  // group map entries by date
  const byDate = new Map<string, { entry: JourneyEntry; globalIdx: number }[]>()
  mapEntries.forEach((e, i) => {
@@ -902,7 +872,7 @@ function MapView({ entries, mapEntries, sortedDates, activeLocationId, fullMapRe
        <div className="px-5 pb-5">
          {dates.map((date, dayIdx) => {
            const items = byDate.get(date)!
-            const fd = formatDate(date, locale)
+            const fd = formatDate(date)

            return (
              <div key={date}>
@@ -945,7 +915,7 @@ function MapView({ entries, mapEntries, sortedDates, activeLocationId, fullMapRe
                            <span className="text-[14px] font-semibold text-zinc-900 dark:text-white truncate">{e.title || e.location_name}</span>
                          </div>
                          <div className="text-[11px] text-zinc-500 truncate">
-                            {formatLocationName(e.location_name)}{e.entry_time ? ` · ${e.entry_time}` : ''}
+                            {e.location_name}{e.entry_time ? ` · ${e.entry_time}` : ''}
                          </div>
                        </div>

@@ -972,13 +942,12 @@ function MapView({ entries, mapEntries, sortedDates, activeLocationId, fullMapRe

 // ── Gallery View ──────────────────────────────────────────────────────────

-function GalleryView({ entries, gallery, journeyId, userId, trips, onPhotoClick, onRefresh }: {
+function GalleryView({ entries, journeyId, userId, trips, onPhotoClick, onRefresh }: {
  entries: JourneyEntry[]
-  gallery: GalleryPhoto[]
  journeyId: number
  userId: number
  trips: JourneyTrip[]
-  onPhotoClick: (photos: GalleryPhoto[], index: number) => void
+  onPhotoClick: (photos: JourneyPhoto[], index: number) => void
  onRefresh: () => void
 }) {
  const { t } = useTranslation()
@@ -1011,7 +980,12 @@ function GalleryView({ entries, gallery, journeyId, userId, trips, onPhotoClick,
    })()
  }, [])

-  const allPhotos = gallery
+  const allPhotos: { photo: JourneyPhoto; entry: JourneyEntry }[] = []
+  for (const e of entries) {
+    for (const p of e.photos) {
+      allPhotos.push({ photo: p, entry: e })
+    }
+  }

  const entriesWithContent = entries.filter(e => e.type !== 'skeleton' || e.title)

@@ -1027,9 +1001,22 @@ function GalleryView({ entries, gallery, journeyId, userId, trips, onPhotoClick,
    if (!files?.length) return
    setGalleryUploading(true)
    try {
+      // find existing "Gallery" entry or create one. The stored title is the
+      // literal 'Gallery' (server-side checks look for this exact string) —
+      // do not send a translated label here.
+      let galleryEntry = entries.find(e => e.title === 'Gallery' && e.type === 'entry')
+      let entryId = galleryEntry?.id
+      if (!entryId) {
+        const entry = await journeyApi.createEntry(journeyId, {
+          title: 'Gallery',
+          entry_date: new Date().toISOString().split('T')[0],
+          type: 'entry',
+        })
+        entryId = entry.id
+      }
      const formData = new FormData()
      for (const f of files) formData.append('photos', f)
-      await journeyApi.uploadGalleryPhotos(journeyId, formData)
+      await journeyApi.uploadPhotos(entryId, formData)
      toast.success(t('journey.photosUploaded', { count: files.length }))
      onRefresh()
    } catch {
@@ -1040,27 +1027,24 @@ function GalleryView({ entries, gallery, journeyId, userId, trips, onPhotoClick,
    e.target.value = ''
  }

-  const handleDeletePhoto = async (galleryPhotoId: number) => {
+  const handleDeletePhoto = async (photoId: number) => {
+    // Optimistic update — remove photo from local state immediately
    const store = useJourneyStore.getState()
-    if (!store.current) return
-
-    // Optimistic update — remove from gallery and all entry photo lists
-    useJourneyStore.setState({
-      current: {
+    if (store.current) {
+      const updated = {
        ...store.current,
-        gallery: (store.current.gallery || []).filter(p => p.id !== galleryPhotoId),
        entries: store.current.entries.map(e => ({
          ...e,
-          photos: e.photos.filter(p => p.id !== galleryPhotoId),
-        })),
-      },
-    })
-
+          photos: e.photos.filter(p => p.id !== photoId),
+        })).filter(e => e.type !== 'entry' || e.title !== 'Gallery' || e.photos.length > 0 || e.story),
+      }
+      useJourneyStore.setState({ current: updated })
+    }
    try {
-      await journeyApi.deleteGalleryPhoto(journeyId, galleryPhotoId)
+      await journeyApi.deletePhoto(photoId)
    } catch {
      toast.error(t('common.error'))
-      onRefresh()
+      onRefresh() // Revert on error
    }
  }

@@ -1108,11 +1092,11 @@ function GalleryView({ entries, gallery, journeyId, userId, trips, onPhotoClick,
        </div>
      ) : (
        <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-1.5 pb-24 md:pb-6">
-          {allPhotos.map((photo, i) => (
+          {allPhotos.map(({ photo, entry }, i) => (
            <div
              key={photo.id}
              className="relative aspect-square rounded-lg overflow-hidden cursor-pointer group"
-              onClick={() => onPhotoClick(allPhotos, i)}
+              onClick={() => onPhotoClick(allPhotos.map(a => a.photo), i)}
            >
              <img
                src={photoUrl(photo, 'thumbnail')}
@@ -1141,6 +1125,11 @@ function GalleryView({ entries, gallery, journeyId, userId, trips, onPhotoClick,
                  <p className="text-[10px] text-white truncate">{photo.caption}</p>
                </div>
              )}
+              <div className="absolute bottom-1.5 left-1.5 opacity-0 group-hover:opacity-100 transition-opacity">
+                <span className="text-[9px] font-medium px-1.5 py-0.5 rounded-full bg-black/50 backdrop-blur text-white">
+                  {new Date(entry.entry_date + 'T12:00:00').toLocaleDateString(undefined, { day: 'numeric', month: 'short', year: 'numeric' })}
+                </span>
+              </div>
            </div>
          ))}
        </div>
@@ -1153,19 +1142,25 @@ function GalleryView({ entries, gallery, journeyId, userId, trips, onPhotoClick,
          userId={userId}
          entries={entriesWithContent}
          trips={trips}
-          existingAssetIds={new Set(gallery.filter(p => p.asset_id).map(p => p.asset_id!))}
+          existingAssetIds={new Set(entries.flatMap(e => (e.photos || []).filter(p => p.asset_id).map(p => p.asset_id!)))}
          onClose={() => setShowPicker(false)}
          onAdd={async (groups, entryId) => {
+            let targetId = entryId
+            if (!targetId) {
+              try {
+                const entry = await journeyApi.createEntry(journeyId, {
+                  title: 'Gallery',
+                  entry_date: new Date().toISOString().split('T')[0],
+                  type: 'entry',
+                })
+                targetId = entry.id
+              } catch { return }
+            }
            let added = 0
            for (const group of groups) {
              try {
-                if (entryId) {
-                  const result = await journeyApi.addProviderPhotos(entryId, pickerProvider!, group.assetIds, undefined, group.passphrase)
-                  added += result.added || 0
-                } else {
-                  const result = await journeyApi.addProviderPhotosToGallery(journeyId, pickerProvider!, group.assetIds, group.passphrase)
-                  added += result.added || 0
-                }
+                const result = await journeyApi.addProviderPhotos(targetId, pickerProvider!, group.assetIds, undefined, group.passphrase)
+                added += result.added || 0
              } catch {}
            }
            if (added > 0) {
@@ -1363,7 +1358,7 @@ function EntryCard({ entry, readOnly, onEdit, onDelete, onPhotoClick }: {
            {entry.location_name && (
              <span className="inline-flex items-center gap-1 px-2.5 py-1 bg-black/40 backdrop-blur-sm rounded-full text-[10px] font-semibold text-white tracking-wide max-w-full overflow-hidden">
                <MapPin size={10} className="flex-shrink-0" />
-                <span className="truncate">{formatLocationName(entry.location_name)}</span>
+                <span className="truncate">{entry.location_name}</span>
              </span>
            )}
            {entry.entry_time && (
@@ -1406,7 +1401,7 @@ function EntryCard({ entry, readOnly, onEdit, onDelete, onPhotoClick }: {
          <div className="flex items-center gap-2 min-w-0 flex-1 mr-2">
            {entry.location_name && (
              <span className="inline-flex items-center gap-1 px-2 py-0.5 bg-zinc-100 dark:bg-zinc-800 rounded-full text-[10px] font-semibold text-zinc-500 max-w-full overflow-hidden">
-                <MapPin size={10} className="flex-shrink-0" /> <span className="truncate">{formatLocationName(entry.location_name)}</span>
+                <MapPin size={10} className="flex-shrink-0" /> <span className="truncate">{entry.location_name}</span>
              </span>
            )}
            {entry.entry_time && (
@@ -1485,7 +1480,7 @@ function SkeletonCard({ entry, onClick }: { entry: JourneyEntry; onClick?: () =>
          {entry.title || t('journey.detail.newEntry')}
        </div>
        <div className="text-[11px] text-zinc-500 mt-0.5">
-          {formatLocationName(entry.location_name)}{entry.entry_time ? ` · ${entry.entry_time}` : ''}
+          {entry.location_name || ''}{entry.entry_time ? ` · ${entry.entry_time}` : ''}
        </div>
      </div>
      <div className="text-[11px] text-zinc-500 font-medium flex-shrink-0">
@@ -1769,11 +1764,11 @@ function ProviderPicker({ provider, userId, entries, trips, existingAssetIds, on
    : t('journey.picker.newGallery')

  return (
-    <div className="fixed inset-0 z-[200] flex items-end md:items-center justify-center md:p-5 overscroll-none" style={{ background: 'rgba(9,9,11,0.75)' }} onClick={onClose} onTouchMove={e => { if (e.target === e.currentTarget) e.preventDefault() }}>
-      <div className="bg-white dark:bg-zinc-900 rounded-t-2xl md:rounded-2xl shadow-[0_20px_40px_rgba(0,0,0,0.2)] max-w-[720px] md:max-w-[960px] w-full max-h-[calc(100dvh-var(--bottom-nav-h)-20px)] md:max-h-[85vh] flex flex-col overflow-hidden" style={{ paddingBottom: 'env(safe-area-inset-bottom, 0px)' }} onClick={e => e.stopPropagation()}>
+    <div className="fixed inset-0 z-[200] flex items-center justify-center p-5" style={{ background: 'rgba(9,9,11,0.75)' }}>
+      <div className="bg-white dark:bg-zinc-900 rounded-2xl shadow-[0_20px_40px_rgba(0,0,0,0.2)] max-w-[720px] md:max-w-[960px] w-full max-h-[85vh] flex flex-col overflow-hidden">

        {/* Header */}
-        <div className="flex items-center justify-between px-6 py-4 border-b border-zinc-200 dark:border-zinc-700 flex-shrink-0">
+        <div className="flex items-center justify-between px-6 py-4 border-b border-zinc-200 dark:border-zinc-700">
          <h2 className="text-[16px] font-bold text-zinc-900 dark:text-white">
            {provider === 'immich' ? 'Immich' : 'Synology Photos'}
          </h2>
@@ -1783,7 +1778,7 @@ function ProviderPicker({ provider, userId, entries, trips, existingAssetIds, on
        </div>

        {/* Filter bar */}
-        <div className="px-6 py-3 border-b border-zinc-200 dark:border-zinc-700 flex-shrink-0">
+        <div className="px-6 py-3 border-b border-zinc-200 dark:border-zinc-700">
          {/* Tabs */}
          <div className="flex gap-1.5 mb-3">
            {[
@@ -1869,7 +1864,7 @@ function ProviderPicker({ provider, userId, entries, trips, existingAssetIds, on
        </div>

        {/* Add-to entry selector */}
-        <div className="px-6 py-2.5 border-b border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800/50 flex-shrink-0">
+        <div className="px-6 py-2.5 border-b border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800/50">
          <div className="relative flex items-center gap-2">
            <span className="text-[10px] font-semibold tracking-[0.12em] uppercase text-zinc-500">{t('journey.picker.addTo')}</span>
            <button
@@ -1922,7 +1917,7 @@ function ProviderPicker({ provider, userId, entries, trips, existingAssetIds, on
          const allSelected = selectable.length > 0 && selectable.every((a: any) => selected.has(a.id))
          if (selectable.length === 0) return null
          return (
-            <div className="px-4 py-2 border-b border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 flex-shrink-0">
+            <div className="px-4 py-2 border-b border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900">
              <button
                onClick={() => {
                  if (allSelected) {
@@ -1947,7 +1942,7 @@ function ProviderPicker({ provider, userId, entries, trips, existingAssetIds, on
        })()}

        {/* Photo grid */}
-        <div className="flex-1 overflow-y-auto overscroll-contain p-4 min-h-0">
+        <div className="flex-1 overflow-y-auto p-4">
          {loading ? (
            <div className="flex justify-center py-12">
              <div className="w-6 h-6 border-2 border-zinc-300 border-t-zinc-900 rounded-full animate-spin" />
@@ -2020,7 +2015,7 @@ function ProviderPicker({ provider, userId, entries, trips, existingAssetIds, on
        </div>

        {/* Footer */}
-        <div className="flex items-center justify-between px-6 py-4 border-t border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800/50 flex-shrink-0">
+        <div className="flex items-center justify-between px-6 py-4 border-t border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800/50">
          <span className="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-zinc-200/60 dark:bg-zinc-700/60 text-[11px] leading-none text-zinc-500 dark:text-zinc-400">
            <span className="inline-flex items-center justify-center min-w-[18px] h-[18px] px-1 rounded-full bg-zinc-900 dark:bg-white text-white dark:text-zinc-900 text-[10px] leading-none font-bold">{selected.size}</span>
            <span className="leading-[18px]">{t('journey.picker.selected')}</span>
@@ -2166,7 +2161,7 @@ function EntryEditor({ entry, journeyId, tripDates, galleryPhotos, onClose, onSa
  entry: JourneyEntry
  journeyId: number
  tripDates: Set<string>
-  galleryPhotos: GalleryPhoto[]
+  galleryPhotos: JourneyPhoto[]
  onClose: () => void
  onSave: (data: Record<string, unknown>) => Promise<number>
  onUploadPhotos: (entryId: number, formData: FormData) => Promise<JourneyPhoto[]>
@@ -2192,7 +2187,7 @@ function EntryEditor({ entry, journeyId, tripDates, galleryPhotos, onClose, onSa
  const [cons, setCons] = useState<string[]>(entry.pros_cons?.cons?.length ? entry.pros_cons.cons : [''])
  const [saving, setSaving] = useState(false)
  const [uploading, setUploading] = useState(false)
-  const [photos, setPhotos] = useState<(JourneyPhoto | GalleryPhoto)[]>(entry.photos || [])
+  const [photos, setPhotos] = useState<JourneyPhoto[]>(entry.photos || [])
  const [pendingFiles, setPendingFiles] = useState<File[]>([])
  const [pendingLinkIds, setPendingLinkIds] = useState<number[]>([])
  const [showGalleryPick, setShowGalleryPick] = useState(false)
@@ -2219,8 +2214,6 @@ function EntryEditor({ entry, journeyId, tripDates, galleryPhotos, onClose, onSa
    pendingLinkIds.length > 0
  )

-  const availableGalleryPhotos = galleryPhotos.filter(gp => !photos.some(p => p.id === gp.id))
-
  const handleClose = () => {
    if (isDirty && !window.confirm(t('journey.editor.discardChangesConfirm'))) return
    onClose()
@@ -2330,7 +2323,7 @@ function EntryEditor({ entry, journeyId, tripDates, galleryPhotos, onClose, onSa
            {showGalleryPick && (
              <div className="mt-2 border border-zinc-200 dark:border-zinc-700 rounded-xl p-3 bg-zinc-50 dark:bg-zinc-800/50">
                <div className="grid grid-cols-5 sm:grid-cols-6 gap-1.5 max-h-[160px] overflow-y-auto">
-                  {availableGalleryPhotos.map(gp => (
+                  {galleryPhotos.filter(gp => !photos.some(p => p.id === gp.id)).map(gp => (
                    <div
                      key={gp.id}
                      onClick={async () => {
@@ -2350,7 +2343,7 @@ function EntryEditor({ entry, journeyId, tripDates, galleryPhotos, onClose, onSa
                      <img src={photoUrl(gp)} alt="" className="absolute inset-0 w-full h-full object-cover" loading="lazy" onError={e => { const img = e.currentTarget; const orig = photoUrl(gp, 'original'); if (!img.src.includes('/original')) img.src = orig }} />
                    </div>
                  ))}
-                  {availableGalleryPhotos.length === 0 && (
+                  {galleryPhotos.filter(gp => !photos.some(p => p.id === gp.id)).length === 0 && (
                    <div className="col-span-full text-center py-3 text-[11px] text-zinc-400">{t('journey.editor.allPhotosAdded')}</div>
                  )}
                </div>
@@ -2385,13 +2378,8 @@ function EntryEditor({ entry, journeyId, tripDates, galleryPhotos, onClose, onSa
                      <button
                        onClick={async (e) => {
                          e.stopPropagation()
+                          await journeyApi.deletePhoto(p.id)
                          setPhotos(prev => prev.filter(x => x.id !== p.id))
-                          if (entry.id > 0) {
-                            // unlink from entry; gallery row is preserved
-                            try { await journeyApi.unlinkPhoto(entry.id, p.id) } catch {}
-                          } else {
-                            setPendingLinkIds(prev => prev.filter(id => id !== p.id))
-                          }
                        }}
                        className="absolute top-1 right-1 w-5 h-5 rounded-full bg-black/60 text-white flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
                      >
@@ -2964,7 +2952,7 @@ function JourneyShareSection({ journeyId }: { journeyId: number }) {
            onClick={deleteLink}
            className="text-[11px] font-medium text-red-500 hover:text-red-600 self-start"
          >
-            {t('share.deleteLink')}
+            Remove share link
          </button>
        </div>
      )}
@@ -2972,12 +2960,11 @@ function JourneyShareSection({ journeyId }: { journeyId: number }) {
  )
 }

-function JourneySettingsDialog({ journey, onClose, onSaved, onOpenInvite, onRefresh }: {
+function JourneySettingsDialog({ journey, onClose, onSaved, onOpenInvite }: {
  journey: JourneyDetail
  onClose: () => void
  onSaved: () => void
  onOpenInvite: () => void
-  onRefresh: () => void
 }) {
  const { t } = useTranslation()
  const [title, setTitle] = useState(journey.title)
@@ -2985,10 +2972,6 @@ function JourneySettingsDialog({ journey, onClose, onSaved, onOpenInvite, onRefr
  const [saving, setSaving] = useState(false)
  const [showAddTrip, setShowAddTrip] = useState(false)
  const [unlinkTarget, setUnlinkTarget] = useState<{ trip_id: number; title: string } | null>(null)
-  const [showDiscardConfirm, setShowDiscardConfirm] = useState(false)
-
-  const isDirty = title !== journey.title || subtitle !== (journey.subtitle || '')
-  const handleClose = () => { if (isDirty) setShowDiscardConfirm(true); else onClose() }
  const coverRef = useRef<HTMLInputElement>(null)
  const toast = useToast()
  const navigate = useNavigate()
@@ -3047,12 +3030,12 @@ function JourneySettingsDialog({ journey, onClose, onSaved, onOpenInvite, onRefr
  }

  return (
-    <div className="fixed inset-0 z-[200] flex items-end md:items-center justify-center md:p-5 overscroll-none" style={{ background: 'rgba(9,9,11,0.75)' }} onClick={handleClose} onTouchMove={e => { if (e.target === e.currentTarget) e.preventDefault() }}>
+    <div className="fixed inset-0 z-[200] flex items-end md:items-center justify-center md:p-5 overscroll-none" style={{ background: 'rgba(9,9,11,0.75)' }} onClick={onClose} onTouchMove={e => { if (e.target === e.currentTarget) e.preventDefault() }}>
      <div className="bg-white dark:bg-zinc-900 rounded-t-2xl md:rounded-2xl shadow-[0_20px_40px_rgba(0,0,0,0.2)] max-w-[480px] w-full max-h-[85vh] md:max-h-[90vh] flex flex-col overflow-hidden" style={{ paddingBottom: 'env(safe-area-inset-bottom, 0px)' }} onClick={e => e.stopPropagation()}>

        <div className="flex items-center justify-between px-6 py-4 border-b border-zinc-200 dark:border-zinc-700">
          <h2 className="text-[16px] font-bold text-zinc-900 dark:text-white">{t('journey.settings.title')}</h2>
-          <button onClick={handleClose} className="w-8 h-8 rounded-lg flex items-center justify-center text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800">
+          <button onClick={onClose} className="w-8 h-8 rounded-lg flex items-center justify-center text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800">
            <X size={16} />
          </button>
        </div>
@@ -3148,7 +3131,7 @@ function JourneySettingsDialog({ journey, onClose, onSaved, onOpenInvite, onRefr
                        try {
                          await journeyApi.removeContributor(journey.id, c.user_id)
                          toast.success(t('journey.contributors.removed'))
-                          onRefresh()
+                          onSaved()
                        } catch {
                          toast.error(t('journey.contributors.removeFailed'))
                        }
@@ -3199,7 +3182,7 @@ function JourneySettingsDialog({ journey, onClose, onSaved, onOpenInvite, onRefr
            {journey.status === 'archived' ? <ArchiveRestore size={14} /> : <Archive size={14} />}
            <span className="hidden md:inline">{journey.status === 'archived' ? t('journey.settings.reopenJourney') : t('journey.settings.endJourney')}</span>
          </button>
-          <button onClick={handleClose} className="h-9 px-3.5 rounded-lg border border-zinc-200 dark:border-zinc-600 text-[13px] font-medium text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700">{t('common.cancel')}</button>
+          <button onClick={onClose} className="h-9 px-3.5 rounded-lg border border-zinc-200 dark:border-zinc-600 text-[13px] font-medium text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700">{t('common.cancel')}</button>
          <button onClick={handleSave} disabled={saving || !title.trim()} className="h-9 px-3.5 rounded-lg bg-zinc-900 dark:bg-white text-white dark:text-zinc-900 text-[13px] font-medium hover:bg-zinc-800 dark:hover:bg-zinc-100 disabled:opacity-40">
            {saving ? t('common.saving') : t('common.save')}
          </button>
@@ -3246,16 +3229,6 @@ function JourneySettingsDialog({ journey, onClose, onSaved, onOpenInvite, onRefr
        confirmLabel={t('common.delete')}
        danger
      />
-
-      <ConfirmDialog
-        isOpen={showDiscardConfirm}
-        onClose={() => setShowDiscardConfirm(false)}
-        onConfirm={() => { setShowDiscardConfirm(false); onClose() }}
-        title={t('common.discardChanges')}
-        message={t('journey.editor.discardChangesConfirm')}
-        confirmLabel={t('common.discard')}
-        danger
-      />
    </div>
  )
 }
@@ -56,21 +56,6 @@ vi.mock('../components/Journey/PhotoLightbox', () => ({
  ),
 }));

-vi.mock('../components/Journey/MobileMapTimeline', () => ({
-  default: ({ onEntryClick }: any) => (
-    <div data-testid="mobile-map-timeline">
-      <button onClick={() => onEntryClick({ id: 10, title: 'Shibuya Crossing', story: 'The most famous crossing in the world.', entry_date: '2026-03-15', entry_time: '14:00', location_name: 'Shibuya, Tokyo', photos: [] })}>
-        Open Entry
-      </button>
-    </div>
-  ),
-}));
-
-const mockIsMobile = { value: false };
-vi.mock('../hooks/useIsMobile', () => ({
-  useIsMobile: () => mockIsMobile.value,
-}));
-
 import JourneyPublicPage from './JourneyPublicPage';

 // ── Fixtures ─────────────────────────────────────────────────────────────────
@@ -121,9 +106,6 @@ const mockJourneyData = {
    share_gallery: true,
    share_map: true,
  },
-  gallery: [
-    { id: 100, journey_id: 1, photo_id: 100, provider: 'local', asset_id: null, owner_id: null, file_path: 'journey/temple.jpg', caption: 'Temple entrance', shared: 1, sort_order: 0, created_at: 0 },
-  ],
  stats: {
    entries: 2,
    photos: 1,
@@ -154,7 +136,6 @@ function setup404() {
 beforeEach(() => {
  resetAllStores();
  vi.clearAllMocks();
-  mockIsMobile.value = false;
 });

 // ── Tests ────────────────────────────────────────────────────────────────────
@@ -253,20 +234,28 @@ describe('JourneyPublicPage', () => {
    }
  });

-  it('FE-PAGE-PUBLICJOURNEY-009: map is always visible in desktop two-column layout', async () => {
+  it('FE-PAGE-PUBLICJOURNEY-009: map tab switches view', async () => {
    setupSuccess();
    render(<JourneyPublicPage />);
    await waitFor(() => {
      expect(screen.getByText('Tokyo 2026')).toBeInTheDocument();
    });

-    // Desktop two-column: map sidebar is always rendered alongside the timeline;
-    // there is no standalone "Map" tab button on desktop.
-    await waitFor(() => {
-      expect(screen.getByTestId('journey-map')).toBeInTheDocument();
-    });
-    // Timeline entries remain visible (two-column shows both simultaneously)
-    expect(screen.getByText('Shibuya Crossing')).toBeInTheDocument();
+    const buttons = screen.getAllByRole('button');
+    const mapBtn = buttons.find(
+      btn => btn.textContent && /map/i.test(btn.textContent),
+    );
+    expect(mapBtn).toBeDefined();
+    if (mapBtn) {
+      fireEvent.click(mapBtn);
+      // After clicking map tab, the timeline entries should no longer be visible
+      // and the map view content should be rendered (even if JourneyMap errors internally
+      // due to jsdom limitations, the tab state switches)
+      await waitFor(() => {
+        // Shibuya Crossing (timeline-only) should not appear once map is active
+        expect(screen.queryByText('Shibuya Crossing')).not.toBeInTheDocument();
+      });
+    }
  });

  it('FE-PAGE-PUBLICJOURNEY-010: shows journey stats', async () => {
@@ -314,18 +303,24 @@ describe('JourneyPublicPage', () => {
  });

  // FE-PAGE-PUBLICJOURNEY-012
-  it('FE-PAGE-PUBLICJOURNEY-012: map component renders with located entries in desktop two-column layout', async () => {
+  it('FE-PAGE-PUBLICJOURNEY-012: tab switching from timeline to map shows map component', async () => {
+    const user = userEvent.setup();
    setupSuccess();
    render(<JourneyPublicPage />);
    await waitFor(() => {
      expect(screen.getByText('Tokyo 2026')).toBeInTheDocument();
    });

-    // Desktop two-column: map sidebar is always rendered; no tab click required.
+    const mapBtn = screen.getAllByRole('button').find(
+      btn => btn.textContent && /map/i.test(btn.textContent),
+    );
+    expect(mapBtn).toBeDefined();
+    await user.click(mapBtn!);
+
    await waitFor(() => {
      expect(screen.getByTestId('journey-map')).toBeInTheDocument();
    });
-    // Both fixture entries have coordinates → map receives 2 located entries
+    // Map receives entries with lat/lng
    expect(screen.getByTestId('journey-map').textContent).toContain('2');
  });

@@ -359,11 +354,6 @@ describe('JourneyPublicPage', () => {
          ],
        },
      ],
-      gallery: [
-        { id: 200, journey_id: 1, photo_id: 200, provider: 'local', asset_id: null, owner_id: null, file_path: 'journey/a.jpg', caption: 'Photo A', shared: 1, sort_order: 0, created_at: 0 },
-        { id: 201, journey_id: 1, photo_id: 201, provider: 'local', asset_id: null, owner_id: null, file_path: 'journey/b.jpg', caption: 'Photo B', shared: 1, sort_order: 1, created_at: 0 },
-        { id: 202, journey_id: 1, photo_id: 202, provider: 'local', asset_id: null, owner_id: null, file_path: 'journey/c.jpg', caption: 'Photo C', shared: 1, sort_order: 2, created_at: 0 },
-      ],
      stats: { entries: 1, photos: 3, places: 0 },
    };

@@ -415,40 +405,6 @@ describe('JourneyPublicPage', () => {
    expect(statsContainer!.textContent).toContain('7');
  });

-  // FE-PAGE-PUBLICJOURNEY-019 — bug #828
-  it('FE-PAGE-PUBLICJOURNEY-019: mobile public share does not show standalone Map tab', async () => {
-    mockIsMobile.value = true;
-    setupSuccess();
-    render(<JourneyPublicPage />);
-    await waitFor(() => {
-      expect(screen.getByText('Tokyo 2026')).toBeInTheDocument();
-    });
-
-    const buttons = screen.getAllByRole('button');
-    const mapBtn = buttons.find(btn => btn.textContent && /^map$/i.test(btn.textContent.trim()));
-    expect(mapBtn).toBeUndefined();
-  });
-
-  // FE-PAGE-PUBLICJOURNEY-020 — bug #826
-  it('FE-PAGE-PUBLICJOURNEY-020: mobile public share opens entry details on card click', async () => {
-    const user = userEvent.setup();
-    mockIsMobile.value = true;
-    setupSuccess();
-    render(<JourneyPublicPage />);
-    await waitFor(() => {
-      expect(screen.getByText('Tokyo 2026')).toBeInTheDocument();
-    });
-
-    // The MobileMapTimeline mock fires onEntryClick when "Open Entry" is clicked
-    const openBtn = screen.getByText('Open Entry');
-    await user.click(openBtn);
-
-    // MobileEntryView should slide in with the entry title
-    await waitFor(() => {
-      expect(screen.getByText('Shibuya Crossing')).toBeInTheDocument();
-    });
-  });
-
  // FE-PAGE-PUBLICJOURNEY-016
  it('FE-PAGE-PUBLICJOURNEY-016: language picker opens and switches language', async () => {
    const user = userEvent.setup();
@@ -1,23 +1,14 @@
-import { useEffect, useState, useMemo, useRef, useCallback } from 'react'
+import { useEffect, useState, useMemo } from 'react'
 import { useParams } from 'react-router-dom'
 import { journeyApi } from '../api/client'
 import { useTranslation, SUPPORTED_LANGUAGES } from '../i18n'
 import { useSettingsStore } from '../store/settingsStore'
-import {
-  List, Grid, MapPin, Camera, BookOpen, Image, Clock,
-  Laugh, Smile, Meh, Frown,
-  Sun, CloudSun, Cloud, CloudRain, CloudLightning, Snowflake,
-  ThumbsUp, ThumbsDown,
-} from 'lucide-react'
+import { List, Grid, MapPin, Camera, BookOpen, Image } from 'lucide-react'
 import JourneyMap from '../components/Journey/JourneyMap'
-import type { JourneyMapHandle } from '../components/Journey/JourneyMap'
 import JournalBody from '../components/Journey/JournalBody'
 import PhotoLightbox from '../components/Journey/PhotoLightbox'
 import MobileMapTimeline from '../components/Journey/MobileMapTimeline'
-import MobileEntryView from '../components/Journey/MobileEntryView'
 import { useIsMobile } from '../hooks/useIsMobile'
-import { formatLocationName } from '../utils/formatters'
-import { DAY_COLORS } from '../components/Journey/dayColors'

 interface PublicEntry {
  id: number
@@ -45,42 +36,15 @@ interface PublicPhoto {
  caption?: string | null
 }

-interface PublicGalleryPhoto {
-  id: number
-  journey_id: number
-  photo_id: number
-  provider?: string
-  asset_id?: string | null
-  owner_id?: number | null
-  file_path?: string | null
-  caption?: string | null
-}
-
-const MOOD_CONFIG: Record<string, { icon: typeof Smile; label: string; bg: string; text: string }> = {
-  amazing: { icon: Laugh,  label: 'Amazing', bg: 'bg-pink-50 dark:bg-pink-900/20',   text: 'text-pink-600 dark:text-pink-400' },
-  good:    { icon: Smile,  label: 'Good',    bg: 'bg-amber-50 dark:bg-amber-900/20',  text: 'text-amber-600 dark:text-amber-400' },
-  neutral: { icon: Meh,    label: 'Neutral', bg: 'bg-zinc-100 dark:bg-zinc-800',       text: 'text-zinc-500 dark:text-zinc-400' },
-  rough:   { icon: Frown,  label: 'Rough',   bg: 'bg-violet-50 dark:bg-violet-900/20', text: 'text-violet-600 dark:text-violet-400' },
-}
-
-const WEATHER_CONFIG: Record<string, { icon: typeof Sun; label: string }> = {
-  sunny:  { icon: Sun,             label: 'Sunny' },
-  partly: { icon: CloudSun,        label: 'Partly cloudy' },
-  cloudy: { icon: Cloud,           label: 'Cloudy' },
-  rainy:  { icon: CloudRain,       label: 'Rainy' },
-  stormy: { icon: CloudLightning,  label: 'Stormy' },
-  cold:   { icon: Snowflake,       label: 'Cold' },
-}
-
-function photoUrl(p: { photo_id: number }, shareToken: string, kind: 'thumbnail' | 'original' = 'original'): string {
+function photoUrl(p: PublicPhoto, shareToken: string, kind: 'thumbnail' | 'original' = 'original'): string {
  return `/api/public/journey/${shareToken}/photos/${p.photo_id}/${kind}`
 }

-function formatDate(d: string, locale?: string): { weekday: string; month: string; day: number } {
+function formatDate(d: string): { weekday: string; month: string; day: number } {
  const date = new Date(d + 'T00:00:00')
  return {
-    weekday: date.toLocaleDateString(locale || 'en', { weekday: 'long' }),
-    month: date.toLocaleDateString(locale || 'en', { month: 'long' }),
+    weekday: date.toLocaleDateString('en', { weekday: 'long' }),
+    month: date.toLocaleDateString('en', { month: 'long' }),
    day: date.getDate(),
  }
 }
@@ -106,16 +70,6 @@ export default function JourneyPublicPage() {
  const { t } = useTranslation()
  const [showLangPicker, setShowLangPicker] = useState(false)
  const locale = useSettingsStore(s => s.settings.language) || 'en'
-  const mapRef = useRef<JourneyMapHandle>(null)
-  const [activeEntryId, setActiveEntryId] = useState<string | null>(null)
-  const [viewingEntry, setViewingEntry] = useState<PublicEntry | null>(null)
-
-  const handleMarkerClick = useCallback((entryId: string) => {
-    setActiveEntryId(entryId)
-    mapRef.current?.highlightMarker(entryId)
-    document.querySelector(`[data-entry-id="${entryId}"]`)
-      ?.scrollIntoView({ behavior: 'smooth', block: 'center' })
-  }, [])

  useEffect(() => {
    if (!token) return
@@ -126,45 +80,25 @@ export default function JourneyPublicPage() {
  }, [token])

  const entries = (data?.entries || []) as PublicEntry[]
-  const gallery = (data?.gallery || []) as PublicGalleryPhoto[]
  const perms = data?.permissions || {}
  const journey = data?.journey || {}
  const stats = data?.stats || {}

-  const timelineEntries = useMemo(() => entries, [entries])
+  // `[Trip Photos]` and `Gallery` are synthetic photo-only containers
+  // produced by the trip→journey sync. They have no story and no
+  // location, and the owner view strips them from the timeline the
+  // same way (JourneyDetailPage.tsx). Gallery keeps their photos.
+  const timelineEntries = useMemo(
+    () => entries.filter(e => e.title !== '[Trip Photos]' && e.title !== 'Gallery'),
+    [entries],
+  )
  const groupedEntries = useMemo(() => groupByDate(timelineEntries), [timelineEntries])
  const sortedDates = useMemo(() => [...groupedEntries.keys()].sort(), [groupedEntries])
  const mapEntries = useMemo(
    () => timelineEntries.filter(e => e.location_lat && e.location_lng),
    [timelineEntries],
  )
-  const allPhotos = gallery
-
-  // Map entries with day color/label for colored markers.
-  // dayIdx is derived from sortedDates (ALL timeline dates) so marker colors
-  // stay in sync with the timeline day headers even when some days have no locations.
-  const sidebarMapItems = useMemo(() => {
-    const counters = new Map<string, number>()
-    return mapEntries.map(e => {
-      const dayIdx = sortedDates.indexOf(e.entry_date)
-      const dayLabel = (counters.get(e.entry_date) ?? 0) + 1
-      counters.set(e.entry_date, dayLabel)
-      return {
-        id: String(e.id),
-        lat: e.location_lat!,
-        lng: e.location_lng!,
-        title: e.title || '',
-        mood: e.mood,
-        created_at: e.entry_date,
-        entry_date: e.entry_date,
-        dayColor: DAY_COLORS[dayIdx % DAY_COLORS.length],
-        dayLabel,
-      }
-    })
-  }, [mapEntries, sortedDates])
-
-  // Two-column desktop layout: timeline feed left + sticky map right
-  const desktopTwoColumn = !isMobile && perms.share_timeline && perms.share_map
+  const allPhotos = useMemo(() => entries.flatMap(e => (e.photos || []).map(p => ({ photo: p, entry: e }))), [entries])

  // Set default view based on permissions
  useEffect(() => {
@@ -172,11 +106,6 @@ export default function JourneyPublicPage() {
    else if (!perms.share_timeline && !perms.share_gallery && perms.share_map) setView('map')
  }, [perms])

-  // When switching to desktop two-column, 'map' standalone tab no longer exists
-  useEffect(() => {
-    if (desktopTwoColumn && view === 'map') setView('timeline')
-  }, [desktopTwoColumn, view])
-
  if (loading) {
    return (
      <div className="min-h-screen bg-zinc-50 dark:bg-zinc-950 flex items-center justify-center">
@@ -196,262 +125,21 @@ export default function JourneyPublicPage() {
    )
  }

-  // In desktop two-column mode the map is always visible — exclude the standalone 'map' tab
  const availableViews = [
    perms.share_timeline && { id: 'timeline' as const, icon: List, label: t('journey.share.timeline') },
    perms.share_gallery && { id: 'gallery' as const, icon: Grid, label: t('journey.share.gallery') },
-    !desktopTwoColumn && !isMobile && perms.share_map && { id: 'map' as const, icon: MapPin, label: t('journey.share.map') },
+    perms.share_map && { id: 'map' as const, icon: MapPin, label: t('journey.share.map') },
  ].filter(Boolean) as { id: 'timeline' | 'gallery' | 'map'; icon: any; label: string }[]

-  // Shared timeline renderer used in both layout modes
-  const renderTimeline = () => (
-    <div className="flex flex-col gap-6">
-      {sortedDates.length === 0 && (
-        <div className="text-center py-16">
-          <div className="w-16 h-16 rounded-full bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center mx-auto mb-4">
-            <BookOpen size={24} className="text-zinc-400" />
-          </div>
-          <p className="text-[15px] font-medium text-zinc-700 dark:text-zinc-300">No entries yet</p>
-        </div>
-      )}
-      {sortedDates.map((date, dayIdx) => {
-        const dayEntries = groupedEntries.get(date)!
-        const fd = formatDate(date, locale)
-        const dayColor = DAY_COLORS[dayIdx % DAY_COLORS.length]
-        return (
-          <div key={date}>
-            {/* Day header */}
-            <div className="flex items-center gap-3 mb-4">
-              <div
-                className="w-10 h-10 rounded-xl flex items-center justify-center text-[14px] font-bold text-white flex-shrink-0"
-                style={{ background: dayColor }}
-              >
-                {dayIdx + 1}
-              </div>
-              <div>
-                <div className="text-[14px] font-semibold text-zinc-900 dark:text-white">{fd.weekday}</div>
-                <div className="text-[11px] text-zinc-500">{fd.month} {fd.day}</div>
-              </div>
-            </div>
-
-            {/* Entries */}
-            <div className="flex flex-col gap-4 pl-[52px]">
-              {dayEntries.map(entry => {
-                const photos = entry.photos || []
-                const mood = entry.mood ? MOOD_CONFIG[entry.mood] : null
-                const weather = entry.weather ? WEATHER_CONFIG[entry.weather] : null
-                const prosArr = entry.pros_cons?.pros ?? []
-                const consArr = entry.pros_cons?.cons ?? []
-                const hasProscons = prosArr.length > 0 || consArr.length > 0
-                const lightboxPhotos = photos.map(p => ({ id: String(p.id), src: photoUrl(p, token!, 'original'), caption: p.caption }))
-
-                const isActive = activeEntryId === String(entry.id)
-                return (
-                  <div
-                    key={entry.id}
-                    data-entry-id={String(entry.id)}
-                    onMouseEnter={() => {
-                      if (!desktopTwoColumn) return
-                      setActiveEntryId(String(entry.id))
-                      mapRef.current?.highlightMarker(String(entry.id))
-                    }}
-                    style={isActive && desktopTwoColumn ? { outline: `2px solid ${dayColor}`, outlineOffset: '3px', borderRadius: '16px' } : undefined}
-                    className="bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-700 rounded-2xl overflow-hidden">
-
-                    {/* Photo area */}
-                    {photos.length === 1 && (
-                      <div className="relative cursor-pointer" onClick={() => setLightbox({ photos: lightboxPhotos, index: 0 })}>
-                        <img src={photoUrl(photos[0], token!)} className="w-full h-64 object-cover" alt="" />
-                        <div className="absolute inset-x-0 bottom-0 pointer-events-none" style={{ background: 'linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.15) 60%, transparent 100%)', height: '65%' }} />
-                        {entry.location_name && (
-                          <div className="absolute top-3 left-4">
-                            <span className="inline-flex items-center gap-1 px-2.5 py-1 bg-black/40 backdrop-blur-sm rounded-full text-[10px] font-semibold text-white">
-                              <MapPin size={10} className="flex-shrink-0" />
-                              <span className="truncate max-w-[200px]">{formatLocationName(entry.location_name)}</span>
-                            </span>
-                          </div>
-                        )}
-                        {entry.title && (
-                          <div className="absolute bottom-4 left-5 right-5 pointer-events-none">
-                            <h3 className="text-[18px] font-bold text-white drop-shadow-sm leading-tight">{entry.title}</h3>
-                          </div>
-                        )}
-                      </div>
-                    )}
-
-                    {photos.length === 2 && (
-                      <div className="grid grid-cols-2 gap-0.5 overflow-hidden">
-                        {photos.slice(0, 2).map((p, i) => (
-                          <img
-                            key={p.id}
-                            src={photoUrl(p, token!, 'thumbnail')}
-                            alt=""
-                            className="w-full h-52 object-cover cursor-pointer"
-                            onClick={() => setLightbox({ photos: lightboxPhotos, index: i })}
-                          />
-                        ))}
-                      </div>
-                    )}
-
-                    {photos.length >= 3 && (
-                      <div className="overflow-hidden flex" style={{ height: 280, gap: 2 }}>
-                        <div className="flex-1 min-w-0 cursor-pointer" onClick={() => setLightbox({ photos: lightboxPhotos, index: 0 })}>
-                          <img src={photoUrl(photos[0], token!, 'thumbnail')} alt="" className="w-full h-full object-cover" />
-                        </div>
-                        <div className="flex-1 min-w-0 flex flex-col" style={{ gap: 2 }}>
-                          <div className="flex-1 min-h-0 cursor-pointer" onClick={() => setLightbox({ photos: lightboxPhotos, index: 1 })}>
-                            <img src={photoUrl(photos[1], token!, 'thumbnail')} alt="" className="w-full h-full object-cover" />
-                          </div>
-                          <div className="flex-1 min-h-0 relative cursor-pointer" onClick={() => setLightbox({ photos: lightboxPhotos, index: 2 })}>
-                            <img src={photoUrl(photos[2], token!, 'thumbnail')} alt="" className="w-full h-full object-cover" />
-                            {photos.length > 3 && (
-                              <div className="absolute inset-0 bg-black/40 flex items-center justify-center">
-                                <span className="text-white text-[13px] font-semibold flex items-center gap-1">
-                                  <Image size={13} /> +{photos.length - 3}
-                                </span>
-                              </div>
-                            )}
-                          </div>
-                        </div>
-                      </div>
-                    )}
-
-                    {/* Content */}
-                    <div className="px-5 pt-4 pb-5 cursor-pointer" onClick={() => setViewingEntry(entry)}>
-                      {/* Title (only when no single photo — photo has it in overlay) */}
-                      {photos.length !== 1 && entry.title && (
-                        <h3 className="text-[16px] font-semibold text-zinc-900 dark:text-white tracking-tight leading-snug mb-2">{entry.title}</h3>
-                      )}
-
-                      {/* Location + time badges */}
-                      {(entry.location_name || entry.entry_time) && photos.length !== 1 && (
-                        <div className="flex items-center gap-2 flex-wrap mb-2">
-                          {entry.location_name && (
-                            <span className="inline-flex items-center gap-1 text-[11px] text-zinc-500">
-                              <MapPin size={11} className="flex-shrink-0" />
-                              {formatLocationName(entry.location_name)}
-                            </span>
-                          )}
-                          {entry.entry_time && (
-                            <span className="inline-flex items-center gap-1 text-[11px] text-zinc-400">
-                              <Clock size={11} />
-                              {entry.entry_time.slice(0, 5)}
-                            </span>
-                          )}
-                        </div>
-                      )}
-                      {entry.entry_time && photos.length === 1 && (
-                        <div className="flex items-center gap-1 text-[11px] text-zinc-400 mb-2">
-                          <Clock size={11} />
-                          {entry.entry_time.slice(0, 5)}
-                        </div>
-                      )}
-
-                      {/* Story */}
-                      {entry.story && (
-                        <div className="text-[13px] text-zinc-700 dark:text-zinc-300 leading-relaxed">
-                          <JournalBody text={entry.story} />
-                        </div>
-                      )}
-
-                      {/* Pros & Cons */}
-                      {hasProscons && (
-                        <div className={`grid gap-3 mt-4 ${prosArr.length > 0 && consArr.length > 0 ? 'grid-cols-2' : 'grid-cols-1'}`}>
-                          {prosArr.length > 0 && (
-                            <div className="rounded-xl border border-green-200 dark:border-green-800/30 p-3" style={{ background: 'linear-gradient(180deg, #F0FDF4 0%, white 100%)' }}>
-                              <div className="flex items-center gap-1 text-[10px] font-bold uppercase tracking-wide text-green-700 mb-2">
-                                <ThumbsUp size={10} /> Pros
-                              </div>
-                              {prosArr.map((p, i) => (
-                                <div key={i} className="flex items-start gap-1.5 text-[12px] text-green-900 mb-1">
-                                  <span className="w-[5px] h-[5px] rounded-full bg-green-500 flex-shrink-0 mt-[6px]" />{p}
-                                </div>
-                              ))}
-                            </div>
-                          )}
-                          {consArr.length > 0 && (
-                            <div className="rounded-xl border border-red-200 dark:border-red-800/30 p-3" style={{ background: 'linear-gradient(180deg, #FEF2F2 0%, white 100%)' }}>
-                              <div className="flex items-center gap-1 text-[10px] font-bold uppercase tracking-wide text-red-700 mb-2">
-                                <ThumbsDown size={10} /> Cons
-                              </div>
-                              {consArr.map((c, i) => (
-                                <div key={i} className="flex items-start gap-1.5 text-[12px] text-red-900 mb-1">
-                                  <span className="w-[5px] h-[5px] rounded-full bg-red-500 flex-shrink-0 mt-[6px]" />{c}
-                                </div>
-                              ))}
-                            </div>
-                          )}
-                        </div>
-                      )}
-
-                      {/* Mood + weather */}
-                      {(mood || weather) && (
-                        <div className="flex items-center gap-1.5 pt-3 mt-3 border-t border-zinc-100 dark:border-zinc-800">
-                          {mood && (
-                            <span className={`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium ${mood.bg} ${mood.text}`}>
-                              <mood.icon size={11} /> {mood.label}
-                            </span>
-                          )}
-                          {weather && (
-                            <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium bg-zinc-100 dark:bg-zinc-800 text-zinc-600 dark:text-zinc-400">
-                              <weather.icon size={11} /> {weather.label}
-                            </span>
-                          )}
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                )
-              })}
-            </div>
-          </div>
-        )
-      })}
-    </div>
-  )
-
-  // Shared gallery renderer
-  const renderGallery = () => (
-    <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-1.5">
-      {allPhotos.map((photo, idx) => (
-        <div
-          key={photo.id}
-          className="aspect-square rounded-lg overflow-hidden cursor-pointer"
-          onClick={() => setLightbox({ photos: allPhotos.map(p => ({ id: String(p.id), src: photoUrl(p, token!, 'original'), caption: p.caption })), index: idx })}
-        >
-          <img src={photoUrl(photo, token!, 'thumbnail')} className="w-full h-full object-cover hover:scale-105 transition-transform" alt="" loading="lazy" />
-        </div>
-      ))}
-    </div>
-  )
-
-  // Shared view tab bar
-  const renderTabs = (views: typeof availableViews) => views.length > 1 && (
-    <div className="flex bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-lg overflow-hidden mb-6 w-fit">
-      {views.map(v => (
-        <button
-          key={v.id}
-          onClick={() => setView(v.id)}
-          className={`flex items-center gap-1.5 px-3 py-[7px] text-[12px] font-medium ${
-            view === v.id
-              ? 'bg-zinc-900 dark:bg-white text-white dark:text-zinc-900'
-              : 'text-zinc-500 hover:text-zinc-700 dark:hover:text-zinc-300'
-          }`}
-        >
-          <v.icon size={13} />
-          {v.label}
-        </button>
-      ))}
-    </div>
-  )
-
  return (
    <div className="min-h-screen bg-zinc-50 dark:bg-zinc-950">
      {/* Hero */}
-      <div className="relative text-center text-white" style={{ background: 'linear-gradient(135deg, #000 0%, #0f172a 50%, #1e293b 100%)', padding: '32px 20px 28px', overflow: 'hidden' }}>
+      <div className="relative text-center text-white" style={{ background: 'linear-gradient(135deg, #000 0%, #0f172a 50%, #1e293b 100%)', padding: '32px 20px 28px' }}>
+        {/* Cover image background */}
        {journey.cover_image && (
          <div style={{ position: 'absolute', inset: 0, backgroundImage: `url(/uploads/${journey.cover_image})`, backgroundSize: 'cover', backgroundPosition: 'center', opacity: 0.15 }} />
        )}
+        {/* Decorative circles */}
        <div style={{ position: 'absolute', top: -60, right: -60, width: 200, height: 200, borderRadius: '50%', background: 'rgba(255,255,255,0.03)' }} />
        <div style={{ position: 'absolute', bottom: -40, left: -40, width: 150, height: 150, borderRadius: '50%', background: 'rgba(255,255,255,0.02)' }} />

@@ -506,98 +194,160 @@ export default function JourneyPublicPage() {
      </div>

      {/* Content */}
-      {desktopTwoColumn ? (
-        // ── Desktop two-column: scrollable timeline feed + sticky map ──────────
-        <div className="max-w-[1440px] mx-auto flex" style={{ alignItems: 'flex-start' }}>
-          {/* Left: feed */}
-          <div className="flex-1 xl:max-w-[50%] min-w-0 px-8 py-6">
-            {renderTabs(availableViews)}
-            {view === 'timeline' && perms.share_timeline && renderTimeline()}
-            {view === 'gallery' && perms.share_gallery && renderGallery()}
+      <div className="max-w-[900px] mx-auto px-4 md:px-8 py-6">
+
+        {/* View tabs */}
+        {availableViews.length > 1 && (
+          <div className="flex bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-lg overflow-hidden mb-6 w-fit">
+            {availableViews.map(v => (
+              <button
+                key={v.id}
+                onClick={() => setView(v.id)}
+                className={`flex items-center gap-1.5 px-3 py-[7px] text-[12px] font-medium ${
+                  view === v.id
+                    ? 'bg-zinc-900 dark:bg-white text-white dark:text-zinc-900'
+                    : 'text-zinc-500 hover:text-zinc-700 dark:hover:text-zinc-300'
+                }`}
+              >
+                <v.icon size={13} />
+                {v.label}
+              </button>
+            ))}
          </div>
+        )}

-          {/* Right: sticky map — matches auth page aside proportions */}
-          <aside
-            className="flex-shrink-0"
-            style={{
-              width: '44%', minWidth: 420, maxWidth: 760,
-              position: 'sticky', top: 0, height: '100dvh',
-              padding: '16px 16px 16px 0',
-              alignSelf: 'flex-start',
-            }}
-          >
-            <div className="h-full rounded-2xl overflow-hidden border border-zinc-200 dark:border-zinc-800 shadow-sm">
-              <JourneyMap
-                ref={mapRef}
-                checkins={[]}
-                entries={sidebarMapItems as any}
-                height={9999}
-                fullScreen
-                activeMarkerId={activeEntryId ?? undefined}
-                onMarkerClick={handleMarkerClick}
-              />
-            </div>
-          </aside>
-        </div>
-      ) : (
-        // ── Single-column layout (mobile + desktop-without-map) ───────────────
-        <div className="max-w-[900px] mx-auto px-4 md:px-8 py-6">
+        {/* Mobile combined map+timeline (public, read-only) */}
+        {isMobile && view === 'timeline' && perms.share_timeline && perms.share_map && (
+          <MobileMapTimeline
+            entries={timelineEntries}
+            mapEntries={mapEntries.map(e => ({ id: String(e.id), lat: e.location_lat!, lng: e.location_lng!, title: e.title, mood: e.mood, entry_date: e.entry_date }))}
+            dark={document.documentElement.classList.contains('dark')}
+            readOnly
+            onEntryClick={() => {}}
+            publicPhotoUrl={(photoId) => `/api/public/journey/${token}/photos/${photoId}/original`}
+          />
+        )}

-          {/* Floating view toggle — visible above the fullscreen map on mobile */}
-          {isMobile && view === 'timeline' && perms.share_timeline && perms.share_map && availableViews.length > 1 && (
-            <div className="fixed left-0 right-0 z-50 flex justify-center px-4" style={{ top: 'calc(env(safe-area-inset-top, 0px) + 12px)' }}>
-              <div className="flex bg-white/90 dark:bg-zinc-800/90 backdrop-blur-lg border border-zinc-200 dark:border-zinc-700 rounded-lg overflow-hidden shadow-lg">
-                {availableViews.map(v => (
-                  <button
-                    key={v.id}
-                    onClick={() => setView(v.id)}
-                    className={`flex items-center gap-1.5 px-3 py-[7px] text-[12px] font-medium ${
-                      view === v.id
-                        ? 'bg-zinc-900 dark:bg-white text-white dark:text-zinc-900'
-                        : 'text-zinc-500 hover:text-zinc-700 dark:hover:text-zinc-300'
-                    }`}
-                  >
-                    <v.icon size={13} />
-                    {v.label}
-                  </button>
-                ))}
+        {/* Timeline (desktop, or mobile without map permission) */}
+        {(!isMobile || !perms.share_map) && view === 'timeline' && perms.share_timeline && (
+          <div className="flex flex-col gap-6">
+            {sortedDates.map(date => {
+              const dayEntries = groupedEntries.get(date)!
+              const fd = formatDate(date)
+              return (
+                <div key={date}>
+                  <div className="flex items-center gap-3 mb-4">
+                    <div className="w-10 h-10 rounded-xl bg-zinc-900 dark:bg-white text-white dark:text-zinc-900 flex items-center justify-center text-[14px] font-bold">{fd.day}</div>
+                    <div>
+                      <div className="text-[14px] font-semibold text-zinc-900 dark:text-white">{fd.weekday}</div>
+                      <div className="text-[11px] text-zinc-500">{fd.month} {fd.day}</div>
+                    </div>
+                  </div>
+                  <div className="flex flex-col gap-4 pl-[52px]">
+                    {dayEntries.map(entry => (
+                      <div key={entry.id} className="bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-700 rounded-2xl overflow-hidden">
+                        {entry.photos.length > 0 && (
+                          <div className="relative">
+                            <img
+                              src={photoUrl(entry.photos[0], token!)}
+                              className="w-full h-52 object-cover cursor-pointer"
+                              alt=""
+                              onClick={() => setLightbox({ photos: entry.photos.map(p => ({ id: String(p.id), src: photoUrl(p, token!), caption: p.caption })), index: 0 })}
+                            />
+                            {entry.photos.length > 1 && (
+                              <div className="absolute bottom-2 right-2 bg-black/60 backdrop-blur text-white rounded-full px-2 py-0.5 text-[10px] font-semibold flex items-center gap-1">
+                                <Image size={10} /> +{entry.photos.length - 1}
+                              </div>
+                            )}
+                            {entry.title && (
+                              <div className="absolute inset-x-0 bottom-0 p-4" style={{ background: 'linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 100%)' }}>
+                                <h3 className="text-[18px] font-bold text-white drop-shadow-sm">{entry.title}</h3>
+                              </div>
+                            )}
+                          </div>
+                        )}
+                        <div className="px-5 py-4">
+                          {!entry.photos.length && entry.title && (
+                            <h3 className="text-[16px] font-semibold text-zinc-900 dark:text-white mb-1">{entry.title}</h3>
+                          )}
+                          {entry.location_name && (
+                            <div className="flex items-center gap-1.5 text-[11px] text-zinc-500 mb-2">
+                              <MapPin size={11} /> {entry.location_name}
+                            </div>
+                          )}
+                          {entry.story && (
+                            <div className="text-[13px] text-zinc-700 dark:text-zinc-300 leading-relaxed">
+                              <JournalBody text={entry.story} />
+                            </div>
+                          )}
+                          {entry.pros_cons && ((entry.pros_cons.pros?.length ?? 0) > 0 || (entry.pros_cons.cons?.length ?? 0) > 0) && (
+                            <div className="grid grid-cols-2 gap-3 mt-4">
+                              {(entry.pros_cons.pros?.length ?? 0) > 0 && (
+                                <div className="rounded-xl border border-green-200 dark:border-green-800/30 p-3" style={{ background: 'linear-gradient(180deg, #F0FDF4 0%, white 100%)' }}>
+                                  <div className="text-[10px] font-bold uppercase tracking-wide text-green-700 mb-2">{t('journey.editor.pros')}</div>
+                                  {entry.pros_cons.pros!.map((p, i) => (
+                                    <div key={i} className="flex items-start gap-1.5 text-[12px] text-green-900 mb-1">
+                                      <span className="w-[5px] h-[5px] rounded-full bg-green-500 flex-shrink-0 mt-[6px]" />{p}
+                                    </div>
+                                  ))}
+                                </div>
+                              )}
+                              {(entry.pros_cons.cons?.length ?? 0) > 0 && (
+                                <div className="rounded-xl border border-red-200 dark:border-red-800/30 p-3" style={{ background: 'linear-gradient(180deg, #FEF2F2 0%, white 100%)' }}>
+                                  <div className="text-[10px] font-bold uppercase tracking-wide text-red-700 mb-2">{t('journey.editor.cons')}</div>
+                                  {entry.pros_cons.cons!.map((c, i) => (
+                                    <div key={i} className="flex items-start gap-1.5 text-[12px] text-red-900 mb-1">
+                                      <span className="w-[5px] h-[5px] rounded-full bg-red-500 flex-shrink-0 mt-[6px]" />{c}
+                                    </div>
+                                  ))}
+                                </div>
+                              )}
+                            </div>
+                          )}
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              )
+            })}
+          </div>
+        )}
+
+        {/* Gallery */}
+        {view === 'gallery' && perms.share_gallery && (
+          <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-1.5">
+            {allPhotos.map(({ photo }, idx) => (
+              <div
+                key={photo.id}
+                className="aspect-square rounded-lg overflow-hidden cursor-pointer"
+                onClick={() => setLightbox({ photos: allPhotos.map(({ photo: p }) => ({ id: String(p.id), src: photoUrl(p, token!), caption: p.caption })), index: idx })}
+              >
+                <img src={photoUrl(photo, token!, 'thumbnail')} className="w-full h-full object-cover hover:scale-105 transition-transform" alt="" loading="lazy" />
              </div>
-            </div>
-          )}
+            ))}
+          </div>
+        )}

-          {renderTabs(availableViews)}
-
-          {/* Mobile combined map+timeline (public, read-only) */}
-          {isMobile && view === 'timeline' && perms.share_timeline && perms.share_map && (
-            <MobileMapTimeline
-              entries={timelineEntries}
-              mapEntries={sidebarMapItems as any}
-              dark={document.documentElement.classList.contains('dark')}
-              readOnly
-              onEntryClick={(entry) => setViewingEntry(entry as any)}
-              publicPhotoUrl={(photoId) => `/api/public/journey/${token}/photos/${photoId}/original`}
-              carouselBottom="calc(env(safe-area-inset-bottom, 16px) + 8px)"
+        {/* Map */}
+        {view === 'map' && perms.share_map && (
+          <div className="rounded-2xl overflow-hidden border border-zinc-200 dark:border-zinc-700">
+            <JourneyMap
+              checkins={[]}
+              entries={mapEntries.map(e => ({
+                id: String(e.id),
+                lat: e.location_lat!,
+                lng: e.location_lng!,
+                title: e.title || '',
+                mood: e.mood,
+                created_at: e.entry_date,
+                entry_date: e.entry_date,
+              })) as any}
+              height={500}
            />
-          )}
-
-          {/* Timeline (desktop, or mobile without map permission) */}
-          {(!isMobile || !perms.share_map) && view === 'timeline' && perms.share_timeline && renderTimeline()}
-
-          {/* Gallery */}
-          {view === 'gallery' && perms.share_gallery && renderGallery()}
-
-          {/* Map (standalone tab — only in single-column mode) */}
-          {view === 'map' && perms.share_map && (
-            <div className="rounded-2xl overflow-hidden border border-zinc-200 dark:border-zinc-700">
-              <JourneyMap
-                checkins={[]}
-                entries={sidebarMapItems as any}
-                height={500}
-              />
-            </div>
-          )}
-        </div>
-      )}
+          </div>
+        )}
+      </div>

      {/* Powered by */}
      <div className="flex flex-col items-center py-8 gap-2">
@@ -618,26 +368,6 @@ export default function JourneyPublicPage() {
          onClose={() => setLightbox(null)}
        />
      )}
-
-      {/* Mobile entry detail view (public share) */}
-      {viewingEntry && (
-        <MobileEntryView
-          entry={viewingEntry as any}
-          readOnly
-          publicPhotoUrl={(photoId) => `/api/public/journey/${token}/photos/${photoId}/original`}
-          onClose={() => setViewingEntry(null)}
-          onEdit={() => {}}
-          onDelete={() => {}}
-          onPhotoClick={(photos, idx) => setLightbox({
-            photos: photos.map(p => ({
-              id: String(p.id),
-              src: photoUrl(p as any, token!, 'original'),
-              caption: (p as any).caption ?? null,
-            })),
-            index: idx,
-          })}
-        />
-      )}
    </div>
  )
 }
@@ -1,105 +0,0 @@
-import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
-import { render, screen, waitFor } from '../../tests/helpers/render';
-import { http, HttpResponse } from 'msw';
-import { server } from '../../tests/helpers/msw/server';
-import { resetAllStores } from '../../tests/helpers/store';
-import LoginPage from './LoginPage';
-
-const mockNavigate = vi.fn();
-vi.mock('react-router-dom', async () => {
-  const actual = await vi.importActual('react-router-dom');
-  return { ...actual, useNavigate: () => mockNavigate };
-});
-
-describe('LoginPage — OIDC redirect preservation', () => {
-  let savedLocation: Location;
-
-  beforeEach(() => {
-    resetAllStores();
-    mockNavigate.mockClear();
-    sessionStorage.clear();
-    savedLocation = window.location;
-  });
-
-  afterEach(() => {
-    Object.defineProperty(window, 'location', {
-      configurable: true,
-      writable: true,
-      value: savedLocation,
-    });
-  });
-
-  function setSearch(search: string) {
-    Object.defineProperty(window, 'location', {
-      configurable: true,
-      writable: true,
-      value: { ...window.location, search },
-    });
-  }
-
-  describe('FE-PAGE-LOGIN-022: redirect param stashed in sessionStorage on mount', () => {
-    it('saves decoded redirect to sessionStorage when ?redirect= is present', async () => {
-      setSearch('?redirect=%2Foauth%2Fauthorize%3Fclient_id%3Dfoo');
-      render(<LoginPage />);
-
-      await waitFor(() => {
-        expect(sessionStorage.getItem('oidc_redirect')).toBe('/oauth/authorize?client_id=foo');
-      });
-    });
-
-    it('does not write to sessionStorage when no redirect param is present', async () => {
-      render(<LoginPage />);
-      await waitFor(() => {
-        expect(screen.getByPlaceholderText('your@email.com')).toBeInTheDocument();
-      });
-
-      expect(sessionStorage.getItem('oidc_redirect')).toBeNull();
-    });
-  });
-
-  describe('FE-PAGE-LOGIN-023: OIDC code exchange navigates to sessionStorage redirect', () => {
-    beforeEach(() => {
-      server.use(
-        http.get('/api/auth/oidc/exchange', () =>
-          HttpResponse.json({ token: 'mock-oidc-token' })
-        ),
-      );
-    });
-
-    it('navigates to the saved sessionStorage redirect after successful OIDC exchange', async () => {
-      sessionStorage.setItem('oidc_redirect', '/oauth/authorize?client_id=foo&state=xyz');
-      setSearch('?oidc_code=testcode123');
-      render(<LoginPage />);
-
-      await waitFor(() => {
-        expect(mockNavigate).toHaveBeenCalledWith(
-          '/oauth/authorize?client_id=foo&state=xyz',
-          { replace: true },
-        );
-      });
-
-      expect(sessionStorage.getItem('oidc_redirect')).toBeNull();
-    });
-
-    it('falls back to /dashboard when no sessionStorage redirect is set', async () => {
-      setSearch('?oidc_code=testcode123');
-      render(<LoginPage />);
-
-      await waitFor(() => {
-        expect(mockNavigate).toHaveBeenCalledWith('/dashboard', { replace: true });
-      });
-    });
-  });
-
-  describe('FE-PAGE-LOGIN-024: OIDC error clears sessionStorage redirect', () => {
-    it('removes oidc_redirect from sessionStorage on OIDC error', async () => {
-      sessionStorage.setItem('oidc_redirect', '/oauth/authorize?client_id=foo');
-      setSearch('?oidc_error=token_failed');
-      render(<LoginPage />);
-
-      await waitFor(() => {
-        expect(sessionStorage.getItem('oidc_redirect')).toBeNull();
-      });
-    });
-  });
-});
@@ -55,12 +55,6 @@ export default function LoginPage(): React.ReactElement {
    return '/dashboard'
  }, [])

-  useEffect(() => {
-    if (redirectTarget !== '/dashboard') {
-      sessionStorage.setItem('oidc_redirect', redirectTarget)
-    }
-  }, [redirectTarget])
-
  useEffect(() => {
    const params = new URLSearchParams(window.location.search)

@@ -89,9 +83,7 @@ export default function LoginPage(): React.ReactElement {
          window.history.replaceState({}, '', '/login')
          if (data.token) {
            await loadUser()
-            const savedRedirect = sessionStorage.getItem('oidc_redirect') || '/dashboard'
-            sessionStorage.removeItem('oidc_redirect')
-            navigate(savedRedirect, { replace: true })
+            navigate('/dashboard', { replace: true })
          } else {
            setError(data.error || t('login.oidcFailed'))
          }
@@ -112,7 +104,6 @@ export default function LoginPage(): React.ReactElement {
        invalid_state: t('login.oidc.invalidState'),
      }
      setError(errorMessages[oidcError] || oidcError)
-      sessionStorage.removeItem('oidc_redirect')
      window.history.replaceState({}, '', '/login')
      return
    }
@@ -124,7 +124,7 @@ export default function OAuthAuthorizePage(): React.ReactElement {
  }

  function handleLoginRedirect() {
-    const next = '/oauth/authorize?' + params.toString() + window.location.hash
+    const next = '/oauth/authorize?' + params.toString()
    window.location.href = '/login?redirect=' + encodeURIComponent(next)
  }

@@ -10,7 +10,6 @@ import { getCategoryIcon } from '../components/shared/categoryIcons'
 import { createElement } from 'react'
 import { renderToStaticMarkup } from 'react-dom/server'
 import { Clock, MapPin, FileText, Train, Plane, Bus, Car, Ship, Ticket, Hotel, Map, Luggage, Wallet, MessageCircle } from 'lucide-react'
-import { isDayInAccommodationRange } from '../utils/dayOrder'

 const TRANSPORT_TYPES = new Set(['flight', 'train', 'bus', 'car', 'cruise'])
 const TRANSPORT_ICONS = { flight: Plane, train: Train, bus: Bus, car: Car, cruise: Ship }
@@ -185,7 +184,7 @@ export default function SharedTripPage() {
            const da = assignments[String(day.id)] || []
            const notes = (dayNotes[String(day.id)] || [])
            const dayTransport = (reservations || []).filter((r: any) => TRANSPORT_TYPES.has(r.type) && r.reservation_time?.split('T')[0] === day.date)
-            const dayAccs = (accommodations || []).filter((a: any) => isDayInAccommodationRange(day, a.start_day_id, a.end_day_id, sortedDays))
+            const dayAccs = (accommodations || []).filter((a: any) => day.id >= a.start_day_id && day.id <= a.end_day_id)

            const merged = [
              ...da.map((a: any) => ({ type: 'place', k: a.order_index, data: a })),
@@ -343,10 +343,7 @@ export default function TripPlannerPage(): React.ReactElement | null {
  }, [tripId])

  useEffect(() => {
-    if (tripId) {
-      tripActions.loadReservations(tripId)
-      tripActions.loadBudgetItems?.(tripId)
-    }
+    if (tripId) tripActions.loadReservations(tripId)
  }, [tripId])

  useTripWebSocket(tripId)
@@ -645,7 +642,6 @@ export default function TripPlannerPage(): React.ReactElement | null {
        const r = await tripActions.updateReservation(tripId, editingReservation.id, { ...data, day_id: selectedDayId || null })
        toast.success(t('trip.toast.reservationUpdated'))
        setShowReservationModal(false)
-        setEditingReservation(null)
        if (data.type === 'hotel') {
          accommodationsApi.list(tripId).then(d => setTripAccommodations(d.accommodations || [])).catch(() => {})
        }
@@ -666,20 +662,15 @@ export default function TripPlannerPage(): React.ReactElement | null {
  const handleSaveTransport = async (data) => {
    try {
      if (editingTransport) {
-        const r = await tripActions.updateReservation(tripId, editingTransport.id, data)
+        await tripActions.updateReservation(tripId, editingTransport.id, data)
        toast.success(t('trip.toast.reservationUpdated'))
-        setShowTransportModal(false)
-        setEditingTransport(null)
-        setTransportModalDayId(null)
-        return r
      } else {
-        const r = await tripActions.addReservation(tripId, data)
+        await tripActions.addReservation(tripId, data)
        toast.success(t('trip.toast.reservationAdded'))
-        setShowTransportModal(false)
-        setEditingTransport(null)
-        setTransportModalDayId(null)
-        return r
      }
+      setShowTransportModal(false)
+      setEditingTransport(null)
+      setTransportModalDayId(null)
    } catch (err: unknown) { toast.error(err instanceof Error ? err.message : t('common.unknownError')) }
  }

@@ -1114,7 +1105,7 @@ export default function TripPlannerPage(): React.ReactElement | null {
                  </div>
                  <div style={{ flex: 1, overflow: 'auto' }}>
                    {mobileSidebarOpen === 'left'
-                      ? <DayPlanSidebar tripId={tripId} trip={trip} days={days} places={places} categories={categories} assignments={assignments} selectedDayId={selectedDayId} selectedPlaceId={selectedPlaceId} selectedAssignmentId={selectedAssignmentId} onSelectDay={(id) => { handleSelectDay(id); setMobileSidebarOpen(null) }} onPlaceClick={(placeId, assignmentId) => { handlePlaceClick(placeId, assignmentId); setMobileSidebarOpen(null) }} onReorder={handleReorder} onUpdateDayTitle={handleUpdateDayTitle} onAssignToDay={handleAssignToDay} onRouteCalculated={(r) => { if (r) { setRoute(r.coordinates); setRouteInfo({ distance: r.distanceText, duration: r.durationText }) } }} reservations={reservations} visibleConnectionIds={visibleConnections} onToggleConnection={toggleConnection} onAddReservation={(dayId) => { setEditingReservation(null); tripActions.setSelectedDay(dayId); setShowReservationModal(true); setMobileSidebarOpen(null) }} onAddPlace={() => { setEditingPlace(null); setShowPlaceForm(true); setMobileSidebarOpen(null) }} onDayDetail={(day) => { setShowDayDetail(day); setSelectedPlaceId(null); selectAssignment(null); setMobileSidebarOpen(null) }} accommodations={tripAccommodations} onNavigateToFiles={() => { setMobileSidebarOpen(null); handleTabChange('dateien') }} onExpandedDaysChange={setExpandedDayIds} pushUndo={pushUndo} canUndo={canUndo} lastActionLabel={lastActionLabel} onUndo={handleUndo} onEditTransport={can('day_edit', trip) ? (reservation) => { setEditingTransport(reservation); setTransportModalDayId(reservation.day_id ?? null); setShowTransportModal(true); setMobileSidebarOpen(null) } : undefined} onEditReservation={can('reservation_edit', trip) ? (r) => { setEditingReservation(r); setShowReservationModal(true); setMobileSidebarOpen(null) } : undefined} />
+                      ? <DayPlanSidebar tripId={tripId} trip={trip} days={days} places={places} categories={categories} assignments={assignments} selectedDayId={selectedDayId} selectedPlaceId={selectedPlaceId} selectedAssignmentId={selectedAssignmentId} onSelectDay={(id) => { handleSelectDay(id); setMobileSidebarOpen(null) }} onPlaceClick={(placeId, assignmentId) => { handlePlaceClick(placeId, assignmentId); setMobileSidebarOpen(null) }} onReorder={handleReorder} onUpdateDayTitle={handleUpdateDayTitle} onAssignToDay={handleAssignToDay} onRouteCalculated={(r) => { if (r) { setRoute(r.coordinates); setRouteInfo({ distance: r.distanceText, duration: r.durationText }) } }} reservations={reservations} onAddReservation={(dayId) => { setEditingReservation(null); tripActions.setSelectedDay(dayId); setShowReservationModal(true); setMobileSidebarOpen(null) }} onAddPlace={() => { setEditingPlace(null); setShowPlaceForm(true); setMobileSidebarOpen(null) }} onDayDetail={(day) => { setShowDayDetail(day); setSelectedPlaceId(null); selectAssignment(null); setMobileSidebarOpen(null) }} accommodations={tripAccommodations} onNavigateToFiles={() => { setMobileSidebarOpen(null); handleTabChange('dateien') }} onExpandedDaysChange={setExpandedDayIds} pushUndo={pushUndo} canUndo={canUndo} lastActionLabel={lastActionLabel} onUndo={handleUndo} onEditTransport={can('day_edit', trip) ? (reservation) => { setEditingTransport(reservation); setTransportModalDayId(reservation.day_id ?? null); setShowTransportModal(true); setMobileSidebarOpen(null) } : undefined} onEditReservation={can('reservation_edit', trip) ? (r) => { setEditingReservation(r); setShowReservationModal(true); setMobileSidebarOpen(null) } : undefined} />
                      : <PlacesSidebar tripId={tripId} places={places} categories={categories} assignments={assignments} selectedDayId={selectedDayId} selectedPlaceId={selectedPlaceId} onPlaceClick={(placeId) => { handlePlaceClick(placeId); setMobileSidebarOpen(null) }} onAddPlace={() => { setEditingPlace(null); setShowPlaceForm(true); setMobileSidebarOpen(null) }} onAssignToDay={handleAssignToDay} onEditPlace={(place) => { setEditingPlace(place); setEditingAssignmentId(null); setShowPlaceForm(true); setMobileSidebarOpen(null) }} onDeletePlace={(placeId) => handleDeletePlace(placeId)} onBulkDeletePlaces={(ids) => setDeletePlaceIds(ids)} onBulkDeleteConfirm={(ids) => confirmDeletePlaces(ids)} days={days} isMobile onCategoryFilterChange={setMapCategoryFilter} onPlacesFilterChange={setMapPlacesFilter} pushUndo={pushUndo} />
                    }
                  </div>
@@ -1199,7 +1190,7 @@ export default function TripPlannerPage(): React.ReactElement | null {
      <TripFormModal isOpen={showTripForm} onClose={() => setShowTripForm(false)} onSave={async (data) => { await tripActions.updateTrip(tripId, data); toast.success(t('trip.toast.tripUpdated')) }} trip={trip} />
      <TripMembersModal isOpen={showMembersModal} onClose={() => setShowMembersModal(false)} tripId={tripId} tripTitle={trip?.title} />
      <ReservationModal isOpen={showReservationModal} onClose={() => { setShowReservationModal(false); setEditingReservation(null); setBookingForAssignmentId(null) }} onSave={handleSaveReservation} reservation={editingReservation} days={days} places={places} assignments={assignments} selectedDayId={selectedDayId} files={files} onFileUpload={canUploadFiles ? (fd) => tripActions.addFile(tripId, fd) : undefined} onFileDelete={(id) => tripActions.deleteFile(tripId, id)} accommodations={tripAccommodations} defaultAssignmentId={bookingForAssignmentId} />
-      {showTransportModal && <TransportModal isOpen={showTransportModal} onClose={() => { setShowTransportModal(false); setEditingTransport(null); setTransportModalDayId(null) }} onSave={handleSaveTransport} reservation={editingTransport} days={days} selectedDayId={transportModalDayId} files={files} onFileUpload={canUploadFiles ? (fd) => tripActions.addFile(tripId, fd) : undefined} onFileDelete={(id) => tripActions.deleteFile(tripId, id)} />}
+      {showTransportModal && <TransportModal isOpen={showTransportModal} onClose={() => { setShowTransportModal(false); setEditingTransport(null); setTransportModalDayId(null) }} onSave={handleSaveTransport} reservation={editingTransport} days={days} selectedDayId={transportModalDayId} />}
      <ConfirmDialog
        isOpen={!!deletePlaceId}
        onClose={() => setDeletePlaceId(null)}
@@ -355,37 +355,6 @@ describe('journeyStore', () => {
    expect(useJourneyStore.getState().loading).toBe(false);
  });

-  // ── reorderEntries ───────────────────────────────────────────────────────
-
-  it('FE-STORE-JOURNEY-018: reorderEntries reorders by sort_order not entry_time', async () => {
-    const a = buildEntry({ id: 201, entry_date: '2026-04-01', entry_time: '09:00', sort_order: 0 });
-    const b = buildEntry({ id: 202, entry_date: '2026-04-01', entry_time: '11:00', sort_order: 1 });
-    const c = buildEntry({ id: 203, entry_date: '2026-04-01', entry_time: '14:00', sort_order: 2 });
-    const detail = buildJourneyDetail({ id: 55, entries: [a, b, c] });
-    useJourneyStore.setState({ current: detail });
-
-    server.use(
-      http.put('/api/journeys/55/entries/reorder', () => HttpResponse.json({ success: true }))
-    );
-    await useJourneyStore.getState().reorderEntries(55, [202, 201, 203]);
-    const ids = useJourneyStore.getState().current?.entries.map(e => e.id);
-    expect(ids).toEqual([202, 201, 203]);
-  });
-
-  it('FE-STORE-JOURNEY-019: reorderEntries rolls back on API failure', async () => {
-    const a = buildEntry({ id: 211, entry_date: '2026-04-01', sort_order: 0 });
-    const b = buildEntry({ id: 212, entry_date: '2026-04-01', sort_order: 1 });
-    const detail = buildJourneyDetail({ id: 56, entries: [a, b] });
-    useJourneyStore.setState({ current: detail });
-
-    server.use(
-      http.put('/api/journeys/56/entries/reorder', () => HttpResponse.json({}, { status: 403 }))
-    );
-    await expect(useJourneyStore.getState().reorderEntries(56, [212, 211])).rejects.toBeTruthy();
-    const ids = useJourneyStore.getState().current?.entries.map(e => e.id);
-    expect(ids).toEqual([211, 212]);
-  });
-
  // ── clear ────────────────────────────────────────────────────────────────

  it('FE-STORE-JOURNEY-015: clear resets state', () => {
@@ -57,24 +57,6 @@ export interface JourneyPhoto {
  height?: number | null
 }

-export interface GalleryPhoto {
-  id: number
-  journey_id: number
-  photo_id: number
-  caption?: string | null
-  shared: number
-  sort_order: number
-  created_at: number
-  // Joined from trek_photos for display
-  provider?: string
-  asset_id?: string | null
-  owner_id?: number | null
-  file_path?: string | null
-  thumbnail_path?: string | null
-  width?: number | null
-  height?: number | null
-}
-
 export interface JourneyTrip {
  trip_id: number
  added_at: number
@@ -97,7 +79,6 @@ export interface JourneyContributor {

 export interface JourneyDetail extends Journey {
  entries: JourneyEntry[]
-  gallery: GalleryPhoto[]
  trips: JourneyTrip[]
  contributors: JourneyContributor[]
  stats: { entries: number; photos: number; places: number }
@@ -122,9 +103,6 @@ interface JourneyState {
  reorderEntries: (journeyId: number, orderedIds: number[]) => Promise<void>

  uploadPhotos: (entryId: number, formData: FormData) => Promise<JourneyPhoto[]>
-  uploadGalleryPhotos: (journeyId: number, formData: FormData) => Promise<GalleryPhoto[]>
-  unlinkPhoto: (entryId: number, journeyPhotoId: number) => Promise<void>
-  deleteGalleryPhoto: (journeyId: number, journeyPhotoId: number) => Promise<void>
  deletePhoto: (photoId: number) => Promise<void>

  clear: () => void
@@ -223,8 +201,10 @@ export const useJourneyStore = create<JourneyState>((set, get) => ({
      )
      entries.sort((a, b) => {
        if (a.entry_date !== b.entry_date) return a.entry_date.localeCompare(b.entry_date)
-        if (a.sort_order !== b.sort_order) return (a.sort_order || 0) - (b.sort_order || 0)
-        return a.id - b.id
+        const atime = a.entry_time || ''
+        const btime = b.entry_time || ''
+        if (atime !== btime) return atime.localeCompare(btime)
+        return (a.sort_order || 0) - (b.sort_order || 0)
      })
      return { current: { ...s.current, entries } }
    })
@@ -248,55 +228,12 @@ export const useJourneyStore = create<JourneyState>((set, get) => ({
          entries: s.current.entries.map(e =>
            e.id === entryId ? { ...e, photos: [...(e.photos || []), ...photos] } : e
          ),
-          gallery: [...(s.current.gallery || []), ...(data.gallery || [])],
        },
      }
    })
    return photos
  },

-  uploadGalleryPhotos: async (journeyId, formData) => {
-    const data = await journeyApi.uploadGalleryPhotos(journeyId, formData)
-    const photos: GalleryPhoto[] = data.photos || []
-    set(s => {
-      if (!s.current || s.current.id !== journeyId) return s
-      return { current: { ...s.current, gallery: [...(s.current.gallery || []), ...photos] } }
-    })
-    return photos
-  },
-
-  unlinkPhoto: async (entryId, journeyPhotoId) => {
-    await journeyApi.unlinkPhoto(entryId, journeyPhotoId)
-    set(s => {
-      if (!s.current) return s
-      return {
-        current: {
-          ...s.current,
-          entries: s.current.entries.map(e =>
-            e.id === entryId ? { ...e, photos: (e.photos || []).filter(p => p.id !== journeyPhotoId) } : e
-          ),
-        },
-      }
-    })
-  },
-
-  deleteGalleryPhoto: async (journeyId, journeyPhotoId) => {
-    await journeyApi.deleteGalleryPhoto(journeyId, journeyPhotoId)
-    set(s => {
-      if (!s.current) return s
-      return {
-        current: {
-          ...s.current,
-          gallery: (s.current.gallery || []).filter(p => p.id !== journeyPhotoId),
-          entries: s.current.entries.map(e => ({
-            ...e,
-            photos: (e.photos || []).filter(p => p.id !== journeyPhotoId),
-          })),
-        },
-      }
-    })
-  },
-
  deletePhoto: async (photoId) => {
    await journeyApi.deletePhoto(photoId)
    set(s => {
@@ -31,7 +31,6 @@ export interface Trip {
 export interface Day {
  id: number
  trip_id: number
-  day_number?: number
  date: string
  title: string | null
  notes: string | null
@@ -172,8 +171,6 @@ export interface Reservation {
  place_id?: number | null
  assignment_id?: number | null
  accommodation_id?: number | null
-  accommodation_start_day_id?: number | null
-  accommodation_end_day_id?: number | null
  day_plan_position?: number | null
  metadata?: Record<string, string> | string | null
  needs_review?: number
@@ -1,23 +0,0 @@
-import type { Day } from '../types'
-
-export const getDayOrder = (day: Day, days: Day[]): number =>
-  day.day_number ?? days.indexOf(day)
-
-export const isDayInAccommodationRange = (
-  day: Day,
-  startDayId: number,
-  endDayId: number,
-  days: Day[],
-): boolean => {
-  const startDay = days.find(d => d.id === startDayId)
-  const endDay = days.find(d => d.id === endDayId)
-  if (!startDay || !endDay) {
-    // Endpoint days not in the loaded array (e.g. sparse test data or partial load).
-    // Fall back to numeric ID range — acceptable since non-monotonic IDs only arise when
-    // both endpoints are present in a fully-loaded trip's days list.
-    return day.id >= Math.min(startDayId, endDayId) && day.id <= Math.max(startDayId, endDayId)
-  }
-  const lo = Math.min(getDayOrder(startDay, days), getDayOrder(endDay, days))
-  const hi = Math.max(getDayOrder(startDay, days), getDayOrder(endDay, days))
-  return getDayOrder(day, days) >= lo && getDayOrder(day, days) <= hi
-}
@@ -32,13 +32,6 @@ function triggerAnchorDownload(blobUrl: string, filename?: string): void {
  setTimeout(() => { URL.revokeObjectURL(blobUrl); a.remove() }, 100)
 }

-// navigator.standalone is true only on iOS when running as an
-// add-to-home-screen PWA. In that context, target="_blank" hands off to
-// Safari, which cannot access blob URLs sandboxed to the WebView.
-function isIosStandalone(): boolean {
-  return (navigator as any).standalone === true
-}
-
 /**
 * Fetches a protected file using cookie auth (credentials: include) and
 * triggers a browser download. Works inside PWA standalone mode because the
@@ -63,13 +56,7 @@ export async function downloadFile(url: string, filename?: string): Promise<void
 * (including text/html and image/svg+xml which can execute script) are forced
 * to download so that an uploaded file cannot run code in the TREK origin.
 *
- * Uses a synthetic <a target="_blank" rel="noopener noreferrer"> click rather
- * than window.open(). window.open() called with the "noreferrer"/"noopener"
- * window feature returns null per spec, which previously made the popup-block
- * fallback trigger a download in the *current* tab on top of the new-tab open
- * — i.e. the file opened twice. The anchor approach avoids that ambiguity:
- * the new tab is opened by the browser's normal link-handling path, and no
- * spurious in-page download is triggered.
+ * Falls back to a download trigger if the popup is blocked.
 */
 export async function openFile(url: string, filename?: string): Promise<void> {
  assertRelativeUrl(url)
@@ -84,19 +71,11 @@ export async function openFile(url: string, filename?: string): Promise<void> {
    return
  }

-  // iOS PWA: target="_blank" would open Safari, which can't access the blob
-  if (isIosStandalone()) {
+  const win = window.open(blobUrl, '_blank', 'noreferrer')
+  if (win) {
+    setTimeout(() => URL.revokeObjectURL(blobUrl), 30_000)
+  } else {
+    // Popup blocked — fall back to download
    triggerAnchorDownload(blobUrl, filename)
-    return
  }
-
-  const a = document.createElement('a')
-  a.href = blobUrl
-  a.target = '_blank'
-  a.rel = 'noopener noreferrer'
-  document.body.appendChild(a)
-  a.click()
-  // Keep the blob URL alive long enough for the new tab to load it, then
-  // clean up the DOM node and revoke the URL.
-  setTimeout(() => { URL.revokeObjectURL(blobUrl); a.remove() }, 30_000)
 }
@@ -1,38 +1,5 @@
 import type { AssignmentsMap } from '../types'

-// Collapses verbose Nominatim display_name strings (e.g. "Place, 1, Road, Neighbourhood,
-// City, County, State, Country, Postcode, Country") into "Place, Postcode, Country".
-// Clean short names (≤3 parts) pass through untouched.
-export function formatLocationName(raw: string | null | undefined): string {
-  if (!raw) return ''
-  const parts = raw.split(',').map(p => p.trim()).filter(Boolean)
-  if (parts.length <= 3) return raw.trim()
-
-  // Dedup preserving insertion order
-  const seen = new Set<string>()
-  const unique: string[] = []
-  for (const p of parts) {
-    if (!seen.has(p.toLowerCase())) { seen.add(p.toLowerCase()); unique.push(p) }
-  }
-  if (unique.length <= 3) return unique.join(', ')
-
-  const name = unique[0]
-  const last = unique[unique.length - 1]
-  const secondLast = unique.length >= 2 ? unique[unique.length - 2] : null
-
-  // Detect postcode at tail: short alphanumeric with at least one digit, ≤10 chars
-  const postalRe = /^[A-Z0-9][A-Z0-9\s\-]{1,8}$/i
-  const isLastPostal = postalRe.test(last) && /\d/.test(last) && last.length <= 10
-  const postcode = isLastPostal ? last : null
-  const country = isLastPostal ? secondLast : last
-
-  const result: string[] = [name]
-  if (postcode && postcode !== name) result.push(postcode)
-  if (country && country !== name && country !== postcode) result.push(country)
-
-  return result.join(', ')
-}
-
 const ZERO_DECIMAL_CURRENCIES = new Set(['JPY', 'KRW', 'VND', 'CLP', 'ISK', 'HUF'])

 export function currencyDecimals(currency: string): number {
@@ -64,13 +64,11 @@ class _MockIntersectionObserver {
 globalThis.IntersectionObserver = _MockIntersectionObserver as unknown as typeof IntersectionObserver;

 // ResizeObserver — used by resizable panels
-class _MockResizeObserver {
-  observe = vi.fn()
-  unobserve = vi.fn()
-  disconnect = vi.fn()
-  constructor(_callback: ResizeObserverCallback) {}
-}
-globalThis.ResizeObserver = _MockResizeObserver as unknown as typeof ResizeObserver;
+globalThis.ResizeObserver = vi.fn().mockImplementation(() => ({
+  observe: vi.fn(),
+  unobserve: vi.fn(),
+  disconnect: vi.fn(),
+})) as unknown as typeof ResizeObserver;

 // URL.createObjectURL / revokeObjectURL — Node 22 URL.createObjectURL requires
 // a native node:buffer Blob; passing a jsdom Blob throws ERR_INVALID_ARG_TYPE.
@@ -74,42 +74,32 @@ describe('downloadFile', () => {
 })

 describe('openFile', () => {
-  it('fetches with credentials:include and opens blob URL via target=_blank anchor', async () => {
+  it('fetches with credentials:include and opens blob URL in new tab', async () => {
    vi.stubGlobal('fetch', makeFetchMock(200))
-    const openSpy = vi.spyOn(window, 'open').mockReturnValue(null)
-    const clickSpy = vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(() => {})
+    const mockWin = { closed: false }
+    const openSpy = vi.spyOn(window, 'open').mockReturnValue(mockWin as Window)

    await openFile('/uploads/files/doc.pdf')

    expect(window.fetch).toHaveBeenCalledWith('/uploads/files/doc.pdf', { credentials: 'include' })
    expect(URL.createObjectURL).toHaveBeenCalled()
-    // Must NOT call window.open — that path returns null when noreferrer is
-    // set, which previously caused the file to also open in the current tab.
-    expect(openSpy).not.toHaveBeenCalled()
-    expect(clickSpy).toHaveBeenCalledTimes(1)
-
-    // The anchor used to open the new tab must be target=_blank, must NOT
-    // carry a `download` attribute (otherwise it would download in-page
-    // instead of opening), and must use rel=noopener noreferrer.
-    const appendCalls = (document.body.appendChild as ReturnType<typeof vi.fn>).mock.calls
-    const anchor = appendCalls[0]?.[0] as HTMLAnchorElement
-    expect(anchor.target).toBe('_blank')
-    expect(anchor.rel).toBe('noopener noreferrer')
-    expect(anchor.hasAttribute('download')).toBe(false)
+    expect(openSpy).toHaveBeenCalledWith('blob:mock-url', '_blank', 'noreferrer')

    // Revoke happens after 30s timeout
    vi.runAllTimers()
    expect(URL.revokeObjectURL).toHaveBeenCalledWith('blob:mock-url')
  })

-  it('does not trigger a second in-page action for safe inline types (regression: no double-open)', async () => {
+  it('falls back to anchor download when popup is blocked', async () => {
    vi.stubGlobal('fetch', makeFetchMock(200))
+    vi.spyOn(window, 'open').mockReturnValue(null)
    const clickSpy = vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(() => {})

-    await openFile('/uploads/files/doc.pdf', 'doc.pdf')
+    await openFile('/uploads/files/doc.pdf')

-    // Exactly ONE anchor click — opening the new tab. No fallback download.
-    expect(clickSpy).toHaveBeenCalledTimes(1)
+    expect(clickSpy).toHaveBeenCalled()
+    vi.runAllTimers()
+    expect(URL.revokeObjectURL).toHaveBeenCalledWith('blob:mock-url')
  })

  it('throws on 401 response', async () => {
@@ -118,55 +108,28 @@ describe('openFile', () => {
    expect(URL.createObjectURL).not.toHaveBeenCalled()
  })

-  it('forces download for unsafe MIME types (HTML) instead of opening inline', async () => {
+  it('forces download for unsafe MIME types (HTML, SVG) instead of opening inline', async () => {
    const htmlBlob = new Blob(['<script>alert(1)</script>'], { type: 'text/html' })
    vi.stubGlobal('fetch', makeFetchMock(200, htmlBlob))
    const openSpy = vi.spyOn(window, 'open').mockReturnValue({} as Window)
    const clickSpy = vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(() => {})

-    await openFile('/uploads/files/malicious.html', 'malicious.html')
+    await openFile('/uploads/files/malicious.html')

    // Must NOT open inline — download anchor clicked instead
    expect(openSpy).not.toHaveBeenCalled()
-    expect(clickSpy).toHaveBeenCalledTimes(1)
-
-    const appendCalls = (document.body.appendChild as ReturnType<typeof vi.fn>).mock.calls
-    const anchor = appendCalls[0]?.[0] as HTMLAnchorElement
-    expect(anchor.download).toBe('malicious.html')
+    expect(clickSpy).toHaveBeenCalled()
  })

  it('forces download for SVG MIME type', async () => {
    const svgBlob = new Blob(['<svg><script>alert(1)</script></svg>'], { type: 'image/svg+xml' })
    vi.stubGlobal('fetch', makeFetchMock(200, svgBlob))
-    const openSpy = vi.spyOn(window, 'open').mockReturnValue({} as Window)
+    vi.spyOn(window, 'open').mockReturnValue({} as Window)
    const clickSpy = vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(() => {})

    await openFile('/uploads/files/malicious.svg')

-    expect(openSpy).not.toHaveBeenCalled()
-    expect(clickSpy).toHaveBeenCalledTimes(1)
-  })
-
-  it('falls back to download in iOS PWA standalone mode (blob URL inaccessible to Safari)', async () => {
-    vi.stubGlobal('fetch', makeFetchMock(200))
-    const clickSpy = vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(() => {})
-    // Simulate iOS PWA (Add-to-Home-Screen) context
-    Object.defineProperty(navigator, 'standalone', { configurable: true, value: true })
-
-    try {
-      await openFile('/uploads/files/doc.pdf', 'doc.pdf')
-
-      // Single anchor click — and it must be a DOWNLOAD anchor (no target=_blank),
-      // because target="_blank" in iOS PWA would hand off to Safari which cannot
-      // read the in-WebView blob URL.
-      expect(clickSpy).toHaveBeenCalledTimes(1)
-      const appendCalls = (document.body.appendChild as ReturnType<typeof vi.fn>).mock.calls
-      const anchor = appendCalls[0]?.[0] as HTMLAnchorElement
-      expect(anchor.target).toBe('')
-      expect(anchor.download).toBe('doc.pdf')
-    } finally {
-      // Clean up the non-standard iOS-only property we forced above.
-      delete (navigator as any).standalone
-    }
+    expect(window.open).not.toHaveBeenCalled()
+    expect(clickSpy).toHaveBeenCalled()
  })
 })
@@ -24,7 +24,6 @@ services:
 #      - DEFAULT_LANGUAGE=en # Default language on the login page for users with no saved preference. Browser/OS language is auto-detected first; this is the fallback. Supported: de, en, es, fr, hu, nl, br, cs, pl, ru, zh, zh-TW, it, ar
      - ALLOWED_ORIGINS=${ALLOWED_ORIGINS:-} # Comma-separated origins for CORS and email notification links
 #      - FORCE_HTTPS=true # Optional. Enables HTTPS redirect, HSTS, CSP upgrade-insecure-requests, and secure cookies behind a TLS proxy
-#      - HSTS_INCLUDE_SUBDOMAINS=false # When true: adds includeSubDomains to the HSTS header. Only effective when HSTS is active. Leave false if sibling subdomains still run over plain HTTP.
 #      - COOKIE_SECURE=false # Escape hatch: force session cookies over plain HTTP even in production. Not recommended.
 #      - TRUST_PROXY=1 # Trusted proxy count for X-Forwarded-For / X-Forwarded-Proto. Required for FORCE_HTTPS to work.
 #      - ALLOW_INTERNAL_NETWORK=false # Set to true if Immich or other services are hosted on your local network (RFC-1918 IPs). Loopback and link-local addresses remain blocked regardless.
@@ -13,7 +13,6 @@ LOG_LEVEL=info # info = concise user actions; debug = verbose admin-level detail

 ALLOWED_ORIGINS=https://trek.example.com # Comma-separated origins for CORS and email links
 FORCE_HTTPS=false # Optional. When true: HTTPS redirect + HSTS + CSP upgrade-insecure-requests + secure cookies. Only behind a TLS proxy.
-# HSTS_INCLUDE_SUBDOMAINS=false # When true: adds includeSubDomains to the HSTS header. Only effective when HSTS is active (FORCE_HTTPS=true or NODE_ENV=production). Leave false if you run other services on sibling subdomains over plain HTTP.
 COOKIE_SECURE=true # Auto-derived (true when NODE_ENV=production or FORCE_HTTPS=true). Set false to force cookies over plain HTTP.
 TRUST_PROXY=1 # Trusted proxy hops (parseInt or 1). Active in production by default; off in dev unless set. Needed for FORCE_HTTPS.
 ALLOW_INTERNAL_NETWORK=false # Allow outbound requests to private/RFC1918 IPs (e.g. Immich hosted on your LAN). Loopback and link-local addresses are always blocked.
@@ -1,6 +1,6 @@
 {
  "name": "trek-server",
-  "version": "3.0.12",
+  "version": "2.9.14",
  "main": "src/index.ts",
  "scripts": {
    "start": "node --import tsx src/index.ts",
@@ -23,7 +23,6 @@
    "express": "^4.18.3",
    "fast-xml-parser": "^5.5.10",
    "helmet": "^8.1.0",
-    "jimp": "^1.6.1",
    "jsonwebtoken": "^9.0.2",
    "multer": "^2.1.1",
    "node-cron": "^4.2.1",
@@ -35,7 +34,7 @@
    "typescript": "^6.0.2",
    "undici": "^7.0.0",
    "unzipper": "^0.12.3",
-    "uuid": "^14.0.0",
+    "uuid": "^9.0.0",
    "ws": "^8.19.0",
    "zod": "^4.3.6"
  },
@@ -53,7 +53,7 @@ export function createApp(): express.Application {
  const app = express();

  // Trust first proxy (nginx/Docker) for correct req.ip
-  if (process.env.NODE_ENV?.toLowerCase() === 'production' || process.env.TRUST_PROXY) {
+  if (process.env.NODE_ENV === 'production' || process.env.TRUST_PROXY) {
    app.set('trust proxy', Number.parseInt(process.env.TRUST_PROXY) || 1);
  }

@@ -67,13 +67,13 @@ export function createApp(): express.Application {
      if (!origin || allowedOrigins.includes(origin)) callback(null, true);
      else callback(new Error('Not allowed by CORS'));
    };
-  } else if (process.env.NODE_ENV?.toLowerCase() === 'production') {
+  } else if (process.env.NODE_ENV === 'production') {
    corsOrigin = false;
  } else {
    corsOrigin = true;
  }

-  const shouldForceHttps = process.env.FORCE_HTTPS?.toLowerCase() === 'true';
+  const shouldForceHttps = process.env.FORCE_HTTPS === 'true';
  // HSTS is worth enabling any time we're serving production traffic,
  // not only when FORCE_HTTPS is set. Self-hosters behind Traefik /
  // Caddy / Cloudflare Tunnel typically leave FORCE_HTTPS unset (the
@@ -124,7 +124,6 @@ export function createApp(): express.Application {
    },
    crossOriginEmbedderPolicy: false,
    hsts: hstsActive ? { maxAge: 31536000, includeSubDomains: hstsIncludeSubdomains } : false,
-    referrerPolicy: { policy: 'strict-origin-when-cross-origin' },
  }));

  if (shouldForceHttps) {
@@ -373,10 +372,8 @@ export function createApp(): express.Application {
    } else {
      console.error('Unhandled error:', err);
    }
-    const status = err.statusCode || err.status || 500;
-    // Expose the message for client errors (4xx); keep 'Internal server error' for 5xx.
-    const message = status < 500 ? err.message : 'Internal server error';
-    res.status(status).json({ error: message });
+    const status = err.statusCode || 500;
+    res.status(status).json({ error: 'Internal server error' });
  });

  return app;
@@ -105,7 +105,7 @@ export const ENCRYPTION_KEY = _encryptionKey;
 // Must stay in sync with client/src/i18n/supportedLanguages.ts (canonical source).
 // Kept duplicated here because server and client are separate npm packages.
 const SUPPORTED_LANG_CODES = ['de', 'en', 'es', 'fr', 'hu', 'nl', 'br', 'cs', 'pl', 'ru', 'zh', 'zh-TW', 'it', 'ar'];
-const rawDefaultLang = process.env.DEFAULT_LANGUAGE?.toLowerCase() || 'en';
+const rawDefaultLang = process.env.DEFAULT_LANGUAGE || 'en';
 if (!SUPPORTED_LANG_CODES.includes(rawDefaultLang)) {
  console.warn(`DEFAULT_LANGUAGE="${rawDefaultLang}" is not supported. Falling back to "en". Supported: ${SUPPORTED_LANG_CODES.join(', ')}`);
 }
@@ -47,7 +47,7 @@ const db = new Proxy({} as Database.Database, {
  },
 });

-if (process.env.DEMO_MODE?.toLowerCase() === 'true') {
+if (process.env.DEMO_MODE === 'true') {
  try {
    const { seedDemoData } = require('../demo/demo-seed');
    seedDemoData(_db);
@@ -1946,190 +1946,6 @@ function runMigrations(db: Database.Database): void {
          )
      `);
    },
-    // Migration 121: Journey gallery refactor — decouple photo ownership from
-    // entries. journey_photos becomes a per-journey gallery (one row per unique
-    // photo per journey). A new junction table journey_entry_photos links
-    // gallery photos to the entries that reference them, allowing the same
-    // photo to appear in multiple entries without duplication. Synthetic
-    // wrapper entries ('Gallery', '[Trip Photos]') created by the old model
-    // are removed — the gallery table replaces them.
-    () => {
-      const hasOld = db.prepare(
-        "SELECT 1 FROM sqlite_master WHERE type = 'table' AND name = 'journey_photos'"
-      ).get();
-      const hasBackup = db.prepare(
-        "SELECT 1 FROM sqlite_master WHERE type = 'table' AND name = 'journey_photos_old'"
-      ).get();
-      if (hasOld && !hasBackup) {
-        db.exec('ALTER TABLE journey_photos RENAME TO journey_photos_old');
-      }
-
-      db.exec(`
-        CREATE TABLE IF NOT EXISTS journey_photos (
-          id          INTEGER PRIMARY KEY AUTOINCREMENT,
-          journey_id  INTEGER NOT NULL REFERENCES journeys(id)    ON DELETE CASCADE,
-          photo_id    INTEGER NOT NULL REFERENCES trek_photos(id) ON DELETE CASCADE,
-          caption     TEXT,
-          shared      INTEGER DEFAULT 0,
-          sort_order  INTEGER DEFAULT 0,
-          provider    TEXT,
-          asset_id    TEXT,
-          owner_id    INTEGER,
-          created_at  INTEGER NOT NULL,
-          UNIQUE(journey_id, photo_id)
-        )
-      `);
-
-      db.exec(`
-        CREATE TABLE IF NOT EXISTS journey_entry_photos (
-          entry_id          INTEGER NOT NULL REFERENCES journey_entries(id) ON DELETE CASCADE,
-          journey_photo_id  INTEGER NOT NULL REFERENCES journey_photos(id)  ON DELETE CASCADE,
-          sort_order        INTEGER DEFAULT 0,
-          created_at        INTEGER NOT NULL,
-          PRIMARY KEY(entry_id, journey_photo_id)
-        )
-      `);
-
-      if (hasOld || hasBackup) {
-        // Backfill gallery: deduplicate by (journey_id, photo_id), keeping
-        // the earliest row (MIN(id) = earliest created_at on AUTOINCREMENT).
-        db.exec(`
-          INSERT OR IGNORE INTO journey_photos
-            (journey_id, photo_id, caption, shared, sort_order, created_at)
-          SELECT
-            je.journey_id,
-            jpo.photo_id,
-            jpo.caption,
-            jpo.shared,
-            jpo.sort_order,
-            jpo.created_at
-          FROM journey_photos_old jpo
-          JOIN journey_entries je ON je.id = jpo.entry_id
-          WHERE jpo.id IN (
-            SELECT MIN(jpo2.id)
-            FROM journey_photos_old jpo2
-            JOIN journey_entries je2 ON je2.id = jpo2.entry_id
-            GROUP BY je2.journey_id, jpo2.photo_id
-          )
-        `);
-
-        // Backfill junction: one row per (entry_id, photo_id), resolved to
-        // the new gallery ids.
-        db.exec(`
-          INSERT OR IGNORE INTO journey_entry_photos
-            (entry_id, journey_photo_id, sort_order, created_at)
-          SELECT
-            jpo.entry_id,
-            jp.id,
-            jpo.sort_order,
-            jpo.created_at
-          FROM journey_photos_old jpo
-          JOIN journey_entries je ON je.id = jpo.entry_id
-          JOIN journey_photos   jp
-            ON jp.journey_id = je.journey_id
-           AND jp.photo_id   = jpo.photo_id
-        `);
-
-        db.exec('DROP TABLE journey_photos_old');
-      }
-
-      // Remove synthetic wrapper entries replaced by the gallery model.
-      // ON DELETE CASCADE on journey_entry_photos cleans up junction rows.
-      db.prepare(
-        "DELETE FROM journey_entries WHERE title IN ('Gallery', '[Trip Photos]')"
-      ).run();
-
-      db.exec('CREATE INDEX IF NOT EXISTS idx_journey_photos_journey       ON journey_photos(journey_id)');
-      db.exec('CREATE INDEX IF NOT EXISTS idx_journey_entry_photos_entry   ON journey_entry_photos(entry_id)');
-      db.exec('CREATE INDEX IF NOT EXISTS idx_journey_entry_photos_photo   ON journey_entry_photos(journey_photo_id)');
-    },
-    // Migration 122: Correct stale day_id / end_day_id on non-transport
-    // reservations. Migration 110 only backfilled transport types; tours,
-    // restaurants, events and "other" bookings kept a stale day_id from
-    // older code paths that often defaulted to the first day of the trip.
-    // Starting with v3.0.0 the planner renders reservations by day_id
-    // instead of reservation_time, so those stale rows show up on the
-    // wrong day. This migration nulls out day_id / end_day_id values that
-    // don't match the reservation's time and then backfills them from
-    // reservation_time / reservation_end_time.
-    () => {
-      db.exec(`
-        UPDATE reservations
-        SET day_id = NULL
-        WHERE reservation_time IS NOT NULL
-          AND day_id IS NOT NULL
-          AND type != 'hotel'
-          AND NOT EXISTS (
-            SELECT 1 FROM days d
-            WHERE d.id = reservations.day_id
-              AND d.date = substr(reservations.reservation_time, 1, 10)
-          )
-      `);
-
-      db.exec(`
-        UPDATE reservations
-        SET end_day_id = NULL
-        WHERE reservation_end_time IS NOT NULL
-          AND end_day_id IS NOT NULL
-          AND type != 'hotel'
-          AND NOT EXISTS (
-            SELECT 1 FROM days d
-            WHERE d.id = reservations.end_day_id
-              AND d.date = substr(reservations.reservation_end_time, 1, 10)
-          )
-      `);
-
-      db.exec(`
-        UPDATE reservations
-        SET day_id = (
-          SELECT d.id FROM days d
-          WHERE d.trip_id = reservations.trip_id
-            AND d.date = substr(reservations.reservation_time, 1, 10)
-          LIMIT 1
-        )
-        WHERE type != 'hotel'
-          AND reservation_time IS NOT NULL
-          AND day_id IS NULL
-      `);
-
-      db.exec(`
-        UPDATE reservations
-        SET end_day_id = (
-          SELECT d.id FROM days d
-          WHERE d.trip_id = reservations.trip_id
-            AND d.date = substr(reservations.reservation_end_time, 1, 10)
-          LIMIT 1
-        )
-        WHERE type != 'hotel'
-          AND reservation_end_time IS NOT NULL
-          AND end_day_id IS NULL
-          AND substr(reservations.reservation_end_time, 1, 10)
-              != substr(reservations.reservation_time, 1, 10)
-      `);
-    },
-    // #846: make sort_order authoritative within a day. Previous ORDER BY put
-    // entry_time before sort_order, silently ignoring reorder clicks when two
-    // same-date entries had different times. Backfill renumbers using the old
-    // effective key (entry_time ASC, id ASC) so existing journeys retain their
-    // current visual order.
-    () => {
-      db.exec(`
-        WITH ranked AS (
-          SELECT id,
-                 ROW_NUMBER() OVER (
-                   PARTITION BY journey_id, entry_date
-                   ORDER BY entry_time ASC, id ASC
-                 ) - 1 AS rn
-          FROM journey_entries
-        )
-        UPDATE journey_entries
-        SET sort_order = (SELECT rn FROM ranked WHERE ranked.id = journey_entries.id)
-      `);
-      db.exec(
-        'CREATE INDEX IF NOT EXISTS idx_journey_entries_order ' +
-        'ON journey_entries(journey_id, entry_date, sort_order)'
-      );
-    },
  ];

  if (currentVersion < migrations.length) {
@@ -6,7 +6,7 @@ import crypto from 'crypto';
 // are only relevant after the first user exists; at that point seeds have already
 // finished and skip via the userCount > 0 guard above.
 function isOidcOnlyConfigured(): boolean {
-  if (process.env.OIDC_ONLY?.toLowerCase() !== 'true') return false;
+  if (process.env.OIDC_ONLY !== 'true') return false;
  return !!(process.env.OIDC_ISSUER && process.env.OIDC_CLIENT_ID);
 }

@@ -29,9 +29,8 @@ const server = app.listen(PORT, () => {
  const banner = [
    '──────────────────────────────────────',
    '  TREK API started',
-    `  Version      ${process.env.APP_VERSION}`,
    `  Port:        ${PORT}`,
-    `  Environment: ${process.env.NODE_ENV?.toLowerCase() || 'development'}`,
+    `  Environment: ${process.env.NODE_ENV || 'development'}`,
    `  Timezone:    ${tz}`,
    `  Origins:     ${origins}`,
    `  Log level:   ${LOG_LVL}`,
@@ -41,8 +40,8 @@ const server = app.listen(PORT, () => {
    '──────────────────────────────────────',
  ];
  banner.forEach(l => console.log(l));
-  if (process.env.DEMO_MODE?.toLowerCase() === 'true') sLogInfo('Demo mode: ENABLED');
-  if (process.env.DEMO_MODE?.toLowerCase() === 'true' && process.env.NODE_ENV?.toLowerCase() === 'production') {
+  if (process.env.DEMO_MODE === 'true') sLogInfo('Demo mode: ENABLED');
+  if (process.env.DEMO_MODE === 'true' && process.env.NODE_ENV === 'production') {
    sLogWarn('SECURITY WARNING: DEMO_MODE is enabled in production!');
  }
  scheduler.start();
@@ -105,7 +105,7 @@ const adminOnly = (req: Request, res: Response, next: NextFunction): void => {

 const demoUploadBlock = (req: Request, res: Response, next: NextFunction): void => {
  const authReq = req as AuthRequest;
-  if (process.env.DEMO_MODE?.toLowerCase() === 'true' && isDemoEmail(authReq.user?.email)) {
+  if (process.env.DEMO_MODE === 'true' && isDemoEmail(authReq.user?.email)) {
    res.status(403).json({ error: 'Uploads are disabled in demo mode. Self-host TREK for full functionality.' });
    return;
  }
@@ -68,7 +68,7 @@ export function enforceGlobalMfaPolicy(req: Request, res: Response, next: NextFu
    return;
  }

-  if (process.env.DEMO_MODE?.toLowerCase() === 'true' && verified.email && DEMO_EMAILS.has(verified.email)) {
+  if (process.env.DEMO_MODE === 'true' && verified.email && DEMO_EMAILS.has(verified.email)) {
    next();
    return;
  }
@@ -449,7 +449,7 @@ router.put('/default-user-settings', (req: Request, res: Response) => {
 });

 // ── Dev-only: test notification endpoints ──────────────────────────────────────
-if (process.env.NODE_ENV?.toLowerCase() === 'development') {
+if (process.env.NODE_ENV === 'development') {
  const { send } = require('../services/notificationService');

  router.post('/dev/test-notification', async (req: Request, res: Response) => {
@@ -168,7 +168,7 @@ router.put('/auto-settings', (req: Request, res: Response) => {
    const msg = err instanceof Error ? err.message : String(err);
    res.status(500).json({
      error: 'Could not save auto-backup settings',
-      detail: process.env.NODE_ENV?.toLowerCase() !== 'production' ? msg : undefined,
+      detail: process.env.NODE_ENV !== 'production' ? msg : undefined,
    });
  }
 });
@@ -9,7 +9,6 @@ import * as svc from '../services/journeyService';
 import { db } from '../db/database';
 import { createOrUpdateJourneyShareLink, getJourneyShareLink, deleteJourneyShareLink, getPublicJourney } from '../services/journeyShareService';
 import { uploadToImmich } from '../services/memories/immichService';
-import { getAllowedExtensions } from '../services/fileService';

 const router = express.Router();

@@ -26,26 +25,9 @@ const storage = multer.diskStorage({
  },
 });

-const imageFilter: multer.Options['fileFilter'] = (_req, file, cb) => {
-  if (!file.mimetype.startsWith('image/') || file.mimetype.includes('svg')) {
-    const err: Error & { statusCode?: number } = new Error('Only image files are allowed');
-    err.statusCode = 400;
-    return cb(err);
-  }
-  const ext = path.extname(file.originalname).toLowerCase().replace('.', '');
-  const allowed = getAllowedExtensions().split(',').map(e => e.trim().toLowerCase());
-  if (!allowed.includes('*') && !allowed.includes(ext)) {
-    const err: Error & { statusCode?: number } = new Error(`File type .${ext} is not allowed`);
-    err.statusCode = 400;
-    return cb(err);
-  }
-  cb(null, true);
-};
-
 const upload = multer({
  storage,
  limits: { fileSize: 20 * 1024 * 1024 },
-  fileFilter: imageFilter,
 });

 // ── Static prefix routes (MUST come before /:id) ─────────────────────────
@@ -122,11 +104,10 @@ router.post('/entries/:entryId/photos', authenticate, upload.array('photos', 10)
        try {
          const immichId = await uploadToImmich(authReq.user.id, relativePath, file.originalname);
          if (immichId) {
-            // photo.id is now the gallery photo id (journey_photos.id)
            svc.setPhotoProvider(photo.id, 'immich', immichId, authReq.user.id);
-            (photo as any).provider = 'immich';
-            (photo as any).asset_id = immichId;
-            (photo as any).owner_id = authReq.user.id;
+            photo.provider = 'immich' as any;
+            photo.asset_id = immichId;
+            photo.owner_id = authReq.user.id;
          }
        } catch {}
      }
@@ -160,25 +141,16 @@ router.post('/entries/:entryId/provider-photos', authenticate, (req: Request, re
  res.status(201).json(photo);
 });

-// Link a gallery photo to an entry
+// Link an existing photo to a (different) entry
 router.post('/entries/:entryId/link-photo', authenticate, (req: Request, res: Response) => {
  const authReq = req as AuthRequest;
-  // Accept journey_photo_id (new) or photo_id (legacy alias) for backwards compat
-  const journeyPhotoId = (req.body || {}).journey_photo_id ?? (req.body || {}).photo_id;
-  if (!journeyPhotoId) return res.status(400).json({ error: 'journey_photo_id required' });
-  const result = svc.linkPhotoToEntry(Number(req.params.entryId), Number(journeyPhotoId), authReq.user.id);
+  const { photo_id } = req.body || {};
+  if (!photo_id) return res.status(400).json({ error: 'photo_id required' });
+  const result = svc.linkPhotoToEntry(Number(req.params.entryId), Number(photo_id), authReq.user.id);
  if (!result) return res.status(403).json({ error: 'Not allowed' });
  res.status(201).json(result);
 });

-// Unlink a photo from a specific entry (gallery row is preserved)
-router.delete('/entries/:entryId/photos/:journeyPhotoId', authenticate, (req: Request, res: Response) => {
-  const authReq = req as AuthRequest;
-  const ok = svc.unlinkPhotoFromEntry(Number(req.params.entryId), Number(req.params.journeyPhotoId), authReq.user.id);
-  if (!ok) return res.status(404).json({ error: 'Not found or not allowed' });
-  res.status(204).end();
-});
-
 router.patch('/photos/:photoId', authenticate, (req: Request, res: Response) => {
  const authReq = req as AuthRequest;
  const result = svc.updatePhoto(Number(req.params.photoId), authReq.user.id, req.body || {});
@@ -186,65 +158,34 @@ router.patch('/photos/:photoId', authenticate, (req: Request, res: Response) =>
  res.json(result);
 });

-// Hard-delete: removes gallery row + cascades to all entry links + deletes file if unreferenced
 router.delete('/photos/:photoId', authenticate, async (req: Request, res: Response) => {
  const authReq = req as AuthRequest;
  const photo = svc.deletePhoto(Number(req.params.photoId), authReq.user.id);
  if (!photo) return res.status(404).json({ error: 'Photo not found' });
+  // delete local file
  if (photo.file_path) {
    const fullPath = path.join(__dirname, '../../uploads', photo.file_path);
    try { fs.unlinkSync(fullPath); } catch {}
  }
+  // only delete from Immich if the photo was UPLOADED through TREK (has local file)
+  // photos imported from Immich (no file_path) are just references — don't touch Immich
+  if (photo.provider === 'immich' && photo.asset_id && photo.file_path) {
+    try {
+      const { getImmichCredentials } = await import('../services/memories/immichService');
+      const creds = getImmichCredentials(authReq.user.id);
+      if (creds) {
+        const { safeFetch } = await import('../utils/ssrfGuard');
+        await safeFetch(`${creds.immich_url}/api/assets`, {
+          method: 'DELETE',
+          headers: { 'x-api-key': creds.immich_api_key, 'Content-Type': 'application/json' },
+          body: JSON.stringify({ ids: [photo.asset_id] }),
+        });
+      }
+    } catch {}
+  }
  res.json({ success: true });
 });

-// ── Gallery (prefix /:id/gallery — before /:id) ──────────────────────────
-
-// Upload photos directly to the journey gallery (no entry association)
-router.post('/:id/gallery/photos', authenticate, upload.array('photos', 20), async (req: Request, res: Response) => {
-  const authReq = req as AuthRequest;
-  const files = req.files as Express.Multer.File[];
-  if (!files?.length) return res.status(400).json({ error: 'No files uploaded' });
-
-  const filePaths = files.map(f => ({ path: `journey/${f.filename}` }));
-  const photos = svc.uploadGalleryPhotos(Number(req.params.id), authReq.user.id, filePaths);
-  if (!photos.length) return res.status(403).json({ error: 'Not allowed' });
-  res.status(201).json({ photos });
-});
-
-// Add provider photos to gallery only (no entry link)
-router.post('/:id/gallery/provider-photos', authenticate, (req: Request, res: Response) => {
-  const authReq = req as AuthRequest;
-  const { provider, asset_id, asset_ids, passphrase } = req.body || {};
-  const pp = passphrase && typeof passphrase === 'string' ? passphrase : undefined;
-
-  if (Array.isArray(asset_ids) && provider) {
-    const added: any[] = [];
-    for (const id of asset_ids) {
-      const photo = svc.addProviderPhotoToGallery(Number(req.params.id), authReq.user.id, provider, String(id), undefined, pp);
-      if (photo) added.push(photo);
-    }
-    return res.status(201).json({ photos: added, added: added.length });
-  }
-
-  if (!provider || !asset_id) return res.status(400).json({ error: 'provider and asset_id required' });
-  const photo = svc.addProviderPhotoToGallery(Number(req.params.id), authReq.user.id, provider, asset_id, undefined, pp);
-  if (!photo) return res.status(403).json({ error: 'Not allowed or duplicate' });
-  res.status(201).json(photo);
-});
-
-// Hard-delete a gallery photo (removes from all entries)
-router.delete('/:id/gallery/:journeyPhotoId', authenticate, async (req: Request, res: Response) => {
-  const authReq = req as AuthRequest;
-  const photo = svc.deleteGalleryPhoto(Number(req.params.journeyPhotoId), authReq.user.id);
-  if (!photo) return res.status(404).json({ error: 'Photo not found or not allowed' });
-  if (photo.file_path) {
-    const fullPath = path.join(__dirname, '../../uploads', photo.file_path);
-    try { fs.unlinkSync(fullPath); } catch {}
-  }
-  res.status(204).end();
-});
-
 // ── Journeys /:id (parameterized routes AFTER static prefixes) ───────────

 router.get('/:id', authenticate, (req: Request, res: Response) => {
@@ -30,7 +30,7 @@ router.get('/login', async (req: Request, res: Response) => {
  const config = getOidcConfig();
  if (!config) return res.status(400).json({ error: 'OIDC not configured' });

-  if (config.issuer && !config.issuer.startsWith('https://') && process.env.NODE_ENV?.toLowerCase() === 'production') {
+  if (config.issuer && !config.issuer.startsWith('https://') && process.env.NODE_ENV === 'production') {
    return res.status(400).json({ error: 'OIDC issuer must use HTTPS in production' });
  }

@@ -85,7 +85,7 @@ router.get('/callback', async (req: Request, res: Response) => {
  const config = getOidcConfig();
  if (!config) return res.redirect(frontendUrl('/login?oidc_error=not_configured'));

-  if (config.issuer && !config.issuer.startsWith('https://') && process.env.NODE_ENV?.toLowerCase() === 'production') {
+  if (config.issuer && !config.issuer.startsWith('https://') && process.env.NODE_ENV === 'production') {
    return res.redirect(frontendUrl('/login?oidc_error=issuer_not_https'));
  }

@@ -112,7 +112,7 @@ router.get('/callback', async (req: Request, res: Response) => {
      tokenData.id_token,
      doc,
      config.clientId,
-      (doc.issuer ?? '').replace(/\/+$/, '') || config.issuer,
+      config.issuer,
    );
    if (idVerify.ok !== true) {
      const reason = 'error' in idVerify ? idVerify.error : 'unknown';
--- a/Show More
+++ b/Show More