feat(assistant): trip assistant chat with your own AI connection

Adds an in-app assistant that reads and plans the open trip. Users connect their own provider (Sign in with ChatGPT, or an Anthropic, OpenAI, Gemini or OpenRouter key) or use the one the admin set up, including a custom OpenAI-compatible server. It is an addon and only shows while a connection is usable. The chat runs on the existing MCP tools, pinned to the trip. Every change is held as a change card the user applies or discards, and applied changes can be undone. On the desktop it is a floating window that can be moved and resized; on the phone it is fullscreen. Search results show as place cards that can go onto a day, weather lookups as a strip, proposed places as ghost markers on the map with a before/after switch, and an answer can be shared into the trip chat. Booking files can be dropped in and are read into change cards.
2026-10-23 15:36:33 +00:00 · 2026-10-21 18:52:44 +02:00
parent bb3c0151d5
commit 214984f398
505 changed files with 51841 additions and 227 deletions
@@ -0,0 +1,54 @@
+import { useCallback, useEffect } from 'react';
+import { MAX_ZOOM_GL, type ViewportPadding } from '../../utils/mapViewport';
+import { ASSISTANT_CAMERA_MS, centreOf, coverPadding, useCameraRequest, useUserMoveClock } from './assistantCamera';
+import type { AssistantCamera } from './mapViewContract';
+
+/** The slice of the GL map the camera drives. */
+export interface CameraMap {
+  getContainer: () => HTMLElement;
+  getBounds: () => { contains: (lngLat: [number, number]) => boolean } | null;
+  fitBounds: (bounds: unknown, options: { padding: ViewportPadding; maxZoom: number; duration: number }) => unknown;
+  easeTo: (options: { center: [number, number]; duration: number }) => unknown;
+}
+
+/** The engine's bounds class, handed in so this module never imports mapbox-gl or maplibre-gl itself. */
+export interface CameraEngine {
+  LngLatBounds: new () => { extend: (lngLat: [number, number]) => unknown };
+}
+
+interface AssistantCameraOptions {
+  mapRef: { readonly current: CameraMap | null };
+  mapReady: boolean;
+  gl: CameraEngine;
+  camera: AssistantCamera | null | undefined;
+  /** The planner's padding for its panels, in pixels per edge. */
+  padding: ViewportPadding;
+}
+
+/**
+ * Moves the GL map where the assistant asks, the twin of the Leaflet
+ * AssistantCameraController: `fit` frames the points, `pan` eases to their
+ * centre only when it is outside the view. It stops at the same scale as the
+ * Leaflet map (one GL zoom step is a raster step lower).
+ */
+export function useAssistantCameraGL({ mapRef, mapReady, gl, camera, padding }: AssistantCameraOptions): void {
+  const getContainer = useCallback(() => mapRef.current?.getContainer() ?? null, [mapRef]);
+  const userMovedAt = useUserMoveClock(getContainer, mapReady);
+  const request = useCameraRequest(camera, userMovedAt);
+
+  useEffect(() => {
+    const map = mapRef.current;
+    if (!map || !mapReady) return;
+    request((next) => {
+      const duration = next.animate ? ASSISTANT_CAMERA_MS : 0;
+      if (next.mode === 'pan') {
+        const [lat, lng] = centreOf(next.points);
+        if (!map.getBounds()?.contains([lng, lat])) map.easeTo({ center: [lng, lat], duration });
+        return;
+      }
+      const bounds = new gl.LngLatBounds();
+      next.points.forEach(([lat, lng]) => bounds.extend([lng, lat]));
+      map.fitBounds(bounds, { padding: coverPadding(padding, next.cover), maxZoom: MAX_ZOOM_GL, duration });
+    });
+  }, [gl, mapReady, mapRef, padding, request]);
+}