@freighttech/shipment-tracking 0.6.0

package/dist/modules/shipment_tracking/widgets/dashboard/ships-map/widget.client.js

@@ -0,0 +1,355 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { GoogleMap, useJsApiLoader, MarkerF, InfoWindowF } from "@react-google-maps/api";
+import { Ship, Anchor, X } from "lucide-react";
+import { apiCall } from "@freighttech/ui/backend/utils/apiCall";
+import { Spinner } from "@freighttech/ui/primitives/spinner";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { DEFAULT_SETTINGS, hydrateShipsMapSettings } from "./config.js";
+const containerStyle = { width: "100%", height: "100%" };
+const mapOptions = {
+  zoomControl: true,
+  mapTypeControl: false,
+  scaleControl: false,
+  streetViewControl: false,
+  rotateControl: false,
+  fullscreenControl: false,
+  disableDefaultUI: false,
+  gestureHandling: "cooperative",
+  // Muted gray-pastel skin: soft slate water, near-white land, faint borders, hidden POIs/
+  // transit and road labels for an uncluttered overview tile.
+  styles: [
+    { elementType: "geometry", stylers: [{ color: "#f3f4f6" }] },
+    { elementType: "labels.text.fill", stylers: [{ color: "#9aa0a6" }] },
+    { elementType: "labels.text.stroke", stylers: [{ color: "#ffffff" }, { weight: 2 }] },
+    { featureType: "water", elementType: "geometry", stylers: [{ color: "#dde3ea" }] },
+    { featureType: "water", elementType: "labels.text.fill", stylers: [{ color: "#aab2bd" }] },
+    { featureType: "landscape", elementType: "geometry", stylers: [{ color: "#f1f2f4" }] },
+    { featureType: "road", elementType: "geometry", stylers: [{ color: "#e7e9ed" }] },
+    { featureType: "road", elementType: "labels", stylers: [{ visibility: "off" }] },
+    { featureType: "administrative", elementType: "geometry.stroke", stylers: [{ color: "#d6d9df" }] },
+    { featureType: "administrative.country", elementType: "geometry.stroke", stylers: [{ color: "#c6cad1" }] },
+    { featureType: "administrative.land_parcel", stylers: [{ visibility: "off" }] },
+    { featureType: "poi", stylers: [{ visibility: "off" }] },
+    { featureType: "transit", stylers: [{ visibility: "off" }] }
+  ]
+};
+const CONTAINER_SHIP_PATH = `
+  M 12 2 L 8 7 L 8 30 Q 8 32, 10 32 L 10 34 L 14 34 L 14 32 Q 16 32, 16 30 L 16 7 L 12 2 Z
+  M 10 32 L 10 36 L 14 36 L 14 32 Z
+`;
+async function loadShipsMap() {
+  const call = await apiCall("/api/shipment_tracking/dashboard/ships-map");
+  if (!call.ok) {
+    const message = typeof call.result?.error === "string" ? call.result.error : `Request failed with status ${call.status}`;
+    throw new Error(message);
+  }
+  return call.result ?? { markers: [], unresolvedCount: 0, generatedAt: (/* @__PURE__ */ new Date()).toISOString() };
+}
+function formatRelativeTime(dateString, t) {
+  if (!dateString) return "";
+  const date = new Date(dateString);
+  if (Number.isNaN(date.getTime())) return "";
+  const diffMs = Date.now() - date.getTime();
+  const diffMinutes = Math.floor(diffMs / 6e4);
+  const diffHours = Math.floor(diffMinutes / 60);
+  const diffDays = Math.floor(diffHours / 24);
+  if (diffMinutes < 1) return t("shipment_tracking.map.justNow", "Just now");
+  if (diffMinutes < 60) return t("shipment_tracking.map.minutesAgo", "{{count}} min ago", { count: diffMinutes });
+  if (diffHours < 24) return t("shipment_tracking.map.hoursAgo", "{{count}}h ago", { count: diffHours });
+  return t("shipment_tracking.map.daysAgo", "{{count}}d ago", { count: diffDays });
+}
+function markerKey(marker, index) {
+  return marker.kind === "vessel" ? `vessel:${marker.imo}` : `port:${marker.unlocode ?? index}`;
+}
+function SettingsPanel({
+  settings,
+  onSettingsChange
+}) {
+  const t = useT();
+  const update = (patch) => onSettingsChange({ ...settings, ...patch });
+  const inputClass = "w-full rounded-md border border-border bg-background px-2 py-1 text-body-regular-sm text-foreground";
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("label", { className: "block space-y-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-body-medium-sm text-muted-foreground", children: t("shipment_tracking.dashboard.ships_map.settings.zoom", "Default zoom") }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "number",
+          min: 1,
+          max: 20,
+          value: settings.defaultZoom,
+          onChange: (e) => update({ defaultZoom: Number(e.target.value) }),
+          className: inputClass
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-body-medium-sm text-muted-foreground", children: t("shipment_tracking.dashboard.ships_map.settings.centerLat", "Center latitude") }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            step: "0.1",
+            value: settings.centerLat,
+            onChange: (e) => update({ centerLat: Number(e.target.value) }),
+            className: inputClass
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-body-medium-sm text-muted-foreground", children: t("shipment_tracking.dashboard.ships_map.settings.centerLng", "Center longitude") }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            step: "0.1",
+            value: settings.centerLng,
+            onChange: (e) => update({ centerLng: Number(e.target.value) }),
+            className: inputClass
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { className: "block space-y-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-body-medium-sm text-muted-foreground", children: t("shipment_tracking.dashboard.ships_map.settings.autoRefresh", "Auto-refresh (seconds, 0 = off)") }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "number",
+          min: 0,
+          value: settings.autoRefreshSeconds,
+          onChange: (e) => update({ autoRefreshSeconds: Number(e.target.value) }),
+          className: inputClass
+        }
+      )
+    ] })
+  ] });
+}
+const ShipsMapWidget = ({
+  mode,
+  settings,
+  onSettingsChange,
+  refreshToken,
+  onRefreshStateChange
+}) => {
+  const t = useT();
+  const hydrated = React.useMemo(() => hydrateShipsMapSettings(settings ?? DEFAULT_SETTINGS), [settings]);
+  const { isLoaded, loadError } = useJsApiLoader({
+    id: "google-map-script",
+    googleMapsApiKey: process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY || ""
+  });
+  const [data, setData] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [map, setMap] = React.useState(null);
+  const [selected, setSelected] = React.useState(null);
+  const refresh = React.useCallback(async () => {
+    onRefreshStateChange?.(true);
+    setLoading(true);
+    setError(null);
+    try {
+      setData(await loadShipsMap());
+    } catch (err) {
+      console.error("Failed to load ships map widget data", err);
+      setError(t("shipment_tracking.dashboard.ships_map.error", "Failed to load ships map"));
+    } finally {
+      setLoading(false);
+      onRefreshStateChange?.(false);
+    }
+  }, [onRefreshStateChange, t]);
+  React.useEffect(() => {
+    if (mode === "settings") return;
+    refresh().catch(() => {
+    });
+  }, [refresh, refreshToken, mode]);
+  React.useEffect(() => {
+    if (mode === "settings") return;
+    if (!hydrated.autoRefreshSeconds || hydrated.autoRefreshSeconds <= 0) return;
+    const id = setInterval(() => {
+      refresh().catch(() => {
+      });
+    }, hydrated.autoRefreshSeconds * 1e3);
+    return () => clearInterval(id);
+  }, [hydrated.autoRefreshSeconds, refresh, mode]);
+  React.useEffect(() => {
+    if (!map || !isLoaded || typeof window === "undefined") return;
+    const markers2 = data?.markers ?? [];
+    if (markers2.length === 0) return;
+    const google = window.google;
+    if (!google) return;
+    if (markers2.length === 1) {
+      map.setCenter(markers2[0].position);
+      map.setZoom(Math.max(hydrated.defaultZoom, 5));
+      return;
+    }
+    const bounds = new google.maps.LatLngBounds();
+    markers2.forEach((m) => bounds.extend(m.position));
+    map.fitBounds(bounds, 48);
+  }, [map, isLoaded, data, hydrated.defaultZoom]);
+  const shipIconFactory = React.useCallback(
+    (heading) => {
+      if (!isLoaded || typeof window === "undefined") return void 0;
+      const google = window.google;
+      if (!google) return void 0;
+      return {
+        path: CONTAINER_SHIP_PATH,
+        fillColor: "#0f172a",
+        fillOpacity: 0.95,
+        strokeColor: "#ffffff",
+        strokeWeight: 1.5,
+        scale: 1,
+        rotation: heading ?? 0,
+        anchor: new google.maps.Point(12, 18)
+      };
+    },
+    [isLoaded]
+  );
+  const portIcon = React.useMemo(() => {
+    if (!isLoaded || typeof window === "undefined") return void 0;
+    const google = window.google;
+    if (!google) return void 0;
+    return {
+      path: google.maps.SymbolPath.CIRCLE,
+      scale: 7,
+      fillColor: "#059669",
+      fillOpacity: 0.95,
+      strokeColor: "#ffffff",
+      strokeWeight: 2
+    };
+  }, [isLoaded]);
+  const infoWindowOptions = React.useMemo(() => {
+    if (!isLoaded || typeof window === "undefined") return void 0;
+    const google = window.google;
+    if (!google) return void 0;
+    return { headerDisabled: true, pixelOffset: new google.maps.Size(0, -6), maxWidth: 280 };
+  }, [isLoaded]);
+  if (mode === "settings") {
+    return /* @__PURE__ */ jsx(SettingsPanel, { settings: hydrated, onSettingsChange });
+  }
+  if (loadError) {
+    return /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center rounded-lg border border-border bg-muted", children: /* @__PURE__ */ jsx("p", { className: "text-body-regular-sm text-muted-foreground", children: t("shipment_tracking.map.loadError", "Failed to load map") }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className: "flex h-64 items-center justify-center rounded-lg border border-border bg-muted", children: /* @__PURE__ */ jsx("p", { className: "text-body-regular-sm text-destructive", children: error }) });
+  }
+  const markers = data?.markers ?? [];
+  const vesselCount = markers.filter((m) => m.kind === "vessel").length;
+  const showSpinner = !isLoaded || loading && !data;
+  const isEmpty = !showSpinner && markers.length === 0;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-body-medium-sm text-foreground", children: [
+        /* @__PURE__ */ jsx(Ship, { className: "h-4 w-4 text-blue-500" }),
+        /* @__PURE__ */ jsx("span", { children: t("shipment_tracking.dashboard.ships_map.vesselCount", "{{count}} ships", { count: vesselCount }) })
+      ] }),
+      data && data.unresolvedCount > 0 && /* @__PURE__ */ jsx("span", { className: "text-body-regular-xs text-muted-foreground", children: t("shipment_tracking.dashboard.ships_map.unresolved", "{{count}} without position", {
+        count: data.unresolvedCount
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "relative h-72 overflow-hidden rounded-lg border border-border", children: [
+      showSpinner && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 bg-muted", children: [
+        /* @__PURE__ */ jsx(Spinner, { className: "h-6 w-6" }),
+        /* @__PURE__ */ jsx("span", { className: "text-body-regular-sm text-muted-foreground", children: t("shipment_tracking.dashboard.ships_map.loading", "Loading map\u2026") })
+      ] }),
+      isEmpty && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 bg-muted", children: [
+        /* @__PURE__ */ jsx(Ship, { className: "h-8 w-8 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "text-body-regular-sm text-muted-foreground", children: t("shipment_tracking.dashboard.ships_map.empty", "No active vessels") })
+      ] }),
+      isLoaded && /* @__PURE__ */ jsxs(
+        GoogleMap,
+        {
+          mapContainerStyle: containerStyle,
+          center: { lat: hydrated.centerLat, lng: hydrated.centerLng },
+          zoom: hydrated.defaultZoom,
+          onLoad: (m) => setMap(m),
+          onUnmount: () => setMap(null),
+          options: mapOptions,
+          children: [
+            markers.map((marker, index) => {
+              const key = markerKey(marker, index);
+              return /* @__PURE__ */ jsx(
+                MarkerF,
+                {
+                  position: marker.position,
+                  icon: marker.kind === "vessel" ? shipIconFactory(marker.heading) : portIcon,
+                  title: marker.kind === "vessel" ? marker.name ?? marker.imo : marker.portName ?? void 0,
+                  zIndex: marker.kind === "vessel" ? 2e3 : 1e3,
+                  onClick: () => setSelected(key)
+                },
+                key
+              );
+            }),
+            markers.map((marker, index) => {
+              const key = markerKey(marker, index);
+              if (selected !== key) return null;
+              return /* @__PURE__ */ jsx(
+                InfoWindowF,
+                {
+                  position: marker.position,
+                  onCloseClick: () => setSelected(null),
+                  options: infoWindowOptions,
+                  children: /* @__PURE__ */ jsxs("div", { className: "relative min-w-[180px] max-w-[260px] pr-5 text-slate-800", children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setSelected(null),
+                        "aria-label": t("shipment_tracking.map.close", "Close"),
+                        className: "absolute right-0 top-0 flex h-5 w-5 items-center justify-center rounded text-slate-400 hover:bg-slate-100 hover:text-slate-700",
+                        children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+                      }
+                    ),
+                    marker.kind === "vessel" ? /* @__PURE__ */ jsxs("div", { className: "mb-1.5", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                        /* @__PURE__ */ jsx(Ship, { className: "h-3.5 w-3.5 text-blue-500" }),
+                        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold leading-tight text-slate-900", children: marker.name ?? t("shipment_tracking.map.unknown", "Unknown") })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "mt-0.5 font-mono text-[11px] text-slate-400", children: [
+                        "IMO ",
+                        marker.imo
+                      ] }),
+                      marker.destination && /* @__PURE__ */ jsxs("div", { className: "mt-0.5 text-xs text-slate-500", children: [
+                        "\u2192 ",
+                        marker.destination
+                      ] }),
+                      marker.updatedAt && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-slate-400", children: formatRelativeTime(marker.updatedAt, t) })
+                    ] }) : /* @__PURE__ */ jsxs("div", { className: "mb-1.5", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                        /* @__PURE__ */ jsx(Anchor, { className: "h-3.5 w-3.5 text-emerald-600" }),
+                        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold leading-tight text-slate-900", children: marker.portName ?? t("shipment_tracking.map.unknown", "Unknown") })
+                      ] }),
+                      marker.unlocode && /* @__PURE__ */ jsx("div", { className: "mt-0.5 font-mono text-[11px] text-slate-400", children: marker.unlocode })
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { className: "space-y-0.5 border-t border-slate-100 pt-1.5", children: marker.shipments.map((s) => /* @__PURE__ */ jsxs(
+                      Link,
+                      {
+                        href: `/backend/shipment-tracking?shipment=${s.id}`,
+                        className: "block truncate text-xs text-blue-600 hover:underline",
+                        title: s.containerNumber ?? s.id,
+                        children: [
+                          s.containerNumber ?? s.id,
+                          s.destinationLocation ? ` \xB7 ${s.destinationLocation}` : ""
+                        ]
+                      },
+                      s.id
+                    )) })
+                  ] })
+                },
+                `iw:${key}`
+              );
+            })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+var widget_client_default = ShipsMapWidget;
+export {
+  widget_client_default as default
+};
+//# sourceMappingURL=widget.client.js.map

package/dist/modules/shipment_tracking/widgets/dashboard/ships-map/widget.client.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/shipment_tracking/widgets/dashboard/ships-map/widget.client.tsx"],
+  "sourcesContent": ["\"use client\"\n\n/**\n * Ships Map dashboard widget \u2014 fleet-level overview of every vessel currently carrying the\n * organization's tracked containers, plus ports where at-rest cargo waits. Read-only overlay\n * over the `shipment_tracking.dashboard.ships_map` aggregation route.\n */\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { GoogleMap, useJsApiLoader, MarkerF, InfoWindowF } from '@react-google-maps/api'\nimport { Ship, Anchor, X } from 'lucide-react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@freighttech/ui/backend/utils/apiCall'\nimport { Spinner } from '@freighttech/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ShipsMapResponse, ShipsMapMarker } from '../../../data/validators'\nimport { DEFAULT_SETTINGS, hydrateShipsMapSettings, type ShipsMapSettings } from './config'\n\n// \u2500\u2500\u2500 Types \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype GoogleMapInstance = any\n\n// \u2500\u2500\u2500 Map configuration (shared look with VesselTrackingMap) \u2500\u2500\n\nconst containerStyle: React.CSSProperties = { width: '100%', height: '100%' }\n\nconst mapOptions: Record<string, unknown> = {\n  zoomControl: true,\n  mapTypeControl: false,\n  scaleControl: false,\n  streetViewControl: false,\n  rotateControl: false,\n  fullscreenControl: false,\n  disableDefaultUI: false,\n  gestureHandling: 'cooperative',\n  // Muted gray-pastel skin: soft slate water, near-white land, faint borders, hidden POIs/\n  // transit and road labels for an uncluttered overview tile.\n  styles: [\n    { elementType: 'geometry', stylers: [{ color: '#f3f4f6' }] },\n    { elementType: 'labels.text.fill', stylers: [{ color: '#9aa0a6' }] },\n    { elementType: 'labels.text.stroke', stylers: [{ color: '#ffffff' }, { weight: 2 }] },\n    { featureType: 'water', elementType: 'geometry', stylers: [{ color: '#dde3ea' }] },\n    { featureType: 'water', elementType: 'labels.text.fill', stylers: [{ color: '#aab2bd' }] },\n    { featureType: 'landscape', elementType: 'geometry', stylers: [{ color: '#f1f2f4' }] },\n    { featureType: 'road', elementType: 'geometry', stylers: [{ color: '#e7e9ed' }] },\n    { featureType: 'road', elementType: 'labels', stylers: [{ visibility: 'off' }] },\n    { featureType: 'administrative', elementType: 'geometry.stroke', stylers: [{ color: '#d6d9df' }] },\n    { featureType: 'administrative.country', elementType: 'geometry.stroke', stylers: [{ color: '#c6cad1' }] },\n    { featureType: 'administrative.land_parcel', stylers: [{ visibility: 'off' }] },\n    { featureType: 'poi', stylers: [{ visibility: 'off' }] },\n    { featureType: 'transit', stylers: [{ visibility: 'off' }] },\n  ],\n}\n\n// Top-down container-ship silhouette (pointing north), shared with VesselTrackingMap.\nconst CONTAINER_SHIP_PATH = `\n  M 12 2 L 8 7 L 8 30 Q 8 32, 10 32 L 10 34 L 14 34 L 14 32 Q 16 32, 16 30 L 16 7 L 12 2 Z\n  M 10 32 L 10 36 L 14 36 L 14 32 Z\n`\n\n// \u2500\u2500\u2500 Data loading \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nasync function loadShipsMap(): Promise<ShipsMapResponse> {\n  const call = await apiCall<ShipsMapResponse>('/api/shipment_tracking/dashboard/ships-map')\n  if (!call.ok) {\n    const message =\n      typeof (call.result as Record<string, unknown> | null)?.error === 'string'\n        ? ((call.result as Record<string, unknown>).error as string)\n        : `Request failed with status ${call.status}`\n    throw new Error(message)\n  }\n  return call.result ?? { markers: [], unresolvedCount: 0, generatedAt: new Date().toISOString() }\n}\n\n// \u2500\u2500\u2500 Helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction formatRelativeTime(dateString: string | null, t: ReturnType<typeof useT>): string {\n  if (!dateString) return ''\n  const date = new Date(dateString)\n  if (Number.isNaN(date.getTime())) return ''\n  const diffMs = Date.now() - date.getTime()\n  const diffMinutes = Math.floor(diffMs / 60000)\n  const diffHours = Math.floor(diffMinutes / 60)\n  const diffDays = Math.floor(diffHours / 24)\n  if (diffMinutes < 1) return t('shipment_tracking.map.justNow', 'Just now')\n  if (diffMinutes < 60) return t('shipment_tracking.map.minutesAgo', '{{count}} min ago', { count: diffMinutes })\n  if (diffHours < 24) return t('shipment_tracking.map.hoursAgo', '{{count}}h ago', { count: diffHours })\n  return t('shipment_tracking.map.daysAgo', '{{count}}d ago', { count: diffDays })\n}\n\nfunction markerKey(marker: ShipsMapMarker, index: number): string {\n  return marker.kind === 'vessel' ? `vessel:${marker.imo}` : `port:${marker.unlocode ?? index}`\n}\n\n// \u2500\u2500\u2500 Settings panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction SettingsPanel({\n  settings,\n  onSettingsChange,\n}: {\n  settings: ShipsMapSettings\n  onSettingsChange: (next: ShipsMapSettings) => void\n}) {\n  const t = useT()\n  const update = (patch: Partial<ShipsMapSettings>) => onSettingsChange({ ...settings, ...patch })\n  const inputClass =\n    'w-full rounded-md border border-border bg-background px-2 py-1 text-body-regular-sm text-foreground'\n  return (\n    <div className=\"space-y-3\">\n      <label className=\"block space-y-1\">\n        <span className=\"text-body-medium-sm text-muted-foreground\">\n          {t('shipment_tracking.dashboard.ships_map.settings.zoom', 'Default zoom')}\n        </span>\n        <input\n          type=\"number\"\n          min={1}\n          max={20}\n          value={settings.defaultZoom}\n          onChange={(e) => update({ defaultZoom: Number(e.target.value) })}\n          className={inputClass}\n        />\n      </label>\n      <div className=\"grid grid-cols-2 gap-3\">\n        <label className=\"block space-y-1\">\n          <span className=\"text-body-medium-sm text-muted-foreground\">\n            {t('shipment_tracking.dashboard.ships_map.settings.centerLat', 'Center latitude')}\n          </span>\n          <input\n            type=\"number\"\n            step=\"0.1\"\n            value={settings.centerLat}\n            onChange={(e) => update({ centerLat: Number(e.target.value) })}\n            className={inputClass}\n          />\n        </label>\n        <label className=\"block space-y-1\">\n          <span className=\"text-body-medium-sm text-muted-foreground\">\n            {t('shipment_tracking.dashboard.ships_map.settings.centerLng', 'Center longitude')}\n          </span>\n          <input\n            type=\"number\"\n            step=\"0.1\"\n            value={settings.centerLng}\n            onChange={(e) => update({ centerLng: Number(e.target.value) })}\n            className={inputClass}\n          />\n        </label>\n      </div>\n      <label className=\"block space-y-1\">\n        <span className=\"text-body-medium-sm text-muted-foreground\">\n          {t('shipment_tracking.dashboard.ships_map.settings.autoRefresh', 'Auto-refresh (seconds, 0 = off)')}\n        </span>\n        <input\n          type=\"number\"\n          min={0}\n          value={settings.autoRefreshSeconds}\n          onChange={(e) => update({ autoRefreshSeconds: Number(e.target.value) })}\n          className={inputClass}\n        />\n      </label>\n    </div>\n  )\n}\n\n// \u2500\u2500\u2500 Widget \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nconst ShipsMapWidget: React.FC<DashboardWidgetComponentProps<ShipsMapSettings>> = ({\n  mode,\n  settings,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateShipsMapSettings(settings ?? DEFAULT_SETTINGS), [settings])\n\n  const { isLoaded, loadError } = useJsApiLoader({\n    id: 'google-map-script',\n    googleMapsApiKey: process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY || '',\n  })\n\n  const [data, setData] = React.useState<ShipsMapResponse | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [map, setMap] = React.useState<GoogleMapInstance | null>(null)\n  const [selected, setSelected] = React.useState<string | null>(null)\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      setData(await loadShipsMap())\n    } catch (err) {\n      console.error('Failed to load ships map widget data', err)\n      setError(t('shipment_tracking.dashboard.ships_map.error', 'Failed to load ships map'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [onRefreshStateChange, t])\n\n  // Initial load + manual refresh via the card's refresh button.\n  React.useEffect(() => {\n    if (mode === 'settings') return\n    refresh().catch(() => {})\n  }, [refresh, refreshToken, mode])\n\n  // Auto-refresh.\n  React.useEffect(() => {\n    if (mode === 'settings') return\n    if (!hydrated.autoRefreshSeconds || hydrated.autoRefreshSeconds <= 0) return\n    const id = setInterval(() => {\n      refresh().catch(() => {})\n    }, hydrated.autoRefreshSeconds * 1000)\n    return () => clearInterval(id)\n  }, [hydrated.autoRefreshSeconds, refresh, mode])\n\n  // Fit bounds to all markers once the map and data are ready.\n  React.useEffect(() => {\n    if (!map || !isLoaded || typeof window === 'undefined') return\n    const markers = data?.markers ?? []\n    if (markers.length === 0) return\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const google = (window as any).google\n    if (!google) return\n    if (markers.length === 1) {\n      map.setCenter(markers[0].position)\n      map.setZoom(Math.max(hydrated.defaultZoom, 5))\n      return\n    }\n    const bounds = new google.maps.LatLngBounds()\n    markers.forEach((m) => bounds.extend(m.position))\n    map.fitBounds(bounds, 48)\n  }, [map, isLoaded, data, hydrated.defaultZoom])\n\n  const shipIconFactory = React.useCallback(\n    (heading: number | null) => {\n      if (!isLoaded || typeof window === 'undefined') return undefined\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const google = (window as any).google\n      if (!google) return undefined\n      return {\n        path: CONTAINER_SHIP_PATH,\n        fillColor: '#0f172a',\n        fillOpacity: 0.95,\n        strokeColor: '#ffffff',\n        strokeWeight: 1.5,\n        scale: 1.0,\n        rotation: heading ?? 0,\n        anchor: new google.maps.Point(12, 18),\n      }\n    },\n    [isLoaded],\n  )\n\n  const portIcon = React.useMemo(() => {\n    if (!isLoaded || typeof window === 'undefined') return undefined\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const google = (window as any).google\n    if (!google) return undefined\n    return {\n      path: google.maps.SymbolPath.CIRCLE,\n      scale: 7,\n      fillColor: '#059669',\n      fillOpacity: 0.95,\n      strokeColor: '#ffffff',\n      strokeWeight: 2,\n    }\n  }, [isLoaded])\n\n  const infoWindowOptions = React.useMemo(() => {\n    if (!isLoaded || typeof window === 'undefined') return undefined\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const google = (window as any).google\n    if (!google) return undefined\n    return { headerDisabled: true, pixelOffset: new google.maps.Size(0, -6), maxWidth: 280 }\n  }, [isLoaded])\n\n  // \u2500\u2500\u2500 Settings mode \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  if (mode === 'settings') {\n    return <SettingsPanel settings={hydrated} onSettingsChange={onSettingsChange} />\n  }\n\n  // \u2500\u2500\u2500 Error / map-load states \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  if (loadError) {\n    return (\n      <div className=\"flex h-64 items-center justify-center rounded-lg border border-border bg-muted\">\n        <p className=\"text-body-regular-sm text-muted-foreground\">\n          {t('shipment_tracking.map.loadError', 'Failed to load map')}\n        </p>\n      </div>\n    )\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex h-64 items-center justify-center rounded-lg border border-border bg-muted\">\n        <p className=\"text-body-regular-sm text-destructive\">{error}</p>\n      </div>\n    )\n  }\n\n  const markers = data?.markers ?? []\n  const vesselCount = markers.filter((m) => m.kind === 'vessel').length\n  const showSpinner = !isLoaded || (loading && !data)\n  const isEmpty = !showSpinner && markers.length === 0\n\n  return (\n    <div className=\"space-y-2\">\n      {/* Header: counts + unresolved hint */}\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"flex items-center gap-1.5 text-body-medium-sm text-foreground\">\n          <Ship className=\"h-4 w-4 text-blue-500\" />\n          <span>\n            {t('shipment_tracking.dashboard.ships_map.vesselCount', '{{count}} ships', { count: vesselCount })}\n          </span>\n        </div>\n        {data && data.unresolvedCount > 0 && (\n          <span className=\"text-body-regular-xs text-muted-foreground\">\n            {t('shipment_tracking.dashboard.ships_map.unresolved', '{{count}} without position', {\n              count: data.unresolvedCount,\n            })}\n          </span>\n        )}\n      </div>\n\n      <div className=\"relative h-72 overflow-hidden rounded-lg border border-border\">\n        {showSpinner && (\n          <div className=\"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 bg-muted\">\n            <Spinner className=\"h-6 w-6\" />\n            <span className=\"text-body-regular-sm text-muted-foreground\">\n              {t('shipment_tracking.dashboard.ships_map.loading', 'Loading map\u2026')}\n            </span>\n          </div>\n        )}\n\n        {isEmpty && (\n          <div className=\"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 bg-muted\">\n            <Ship className=\"h-8 w-8 text-muted-foreground\" />\n            <span className=\"text-body-regular-sm text-muted-foreground\">\n              {t('shipment_tracking.dashboard.ships_map.empty', 'No active vessels')}\n            </span>\n          </div>\n        )}\n\n        {isLoaded && (\n          <GoogleMap\n            mapContainerStyle={containerStyle}\n            center={{ lat: hydrated.centerLat, lng: hydrated.centerLng }}\n            zoom={hydrated.defaultZoom}\n            onLoad={(m) => setMap(m)}\n            onUnmount={() => setMap(null)}\n            options={mapOptions}\n          >\n            {markers.map((marker, index) => {\n              const key = markerKey(marker, index)\n              return (\n                <MarkerF\n                  key={key}\n                  position={marker.position}\n                  icon={marker.kind === 'vessel' ? shipIconFactory(marker.heading) : portIcon}\n                  title={marker.kind === 'vessel' ? marker.name ?? marker.imo : marker.portName ?? undefined}\n                  zIndex={marker.kind === 'vessel' ? 2000 : 1000}\n                  onClick={() => setSelected(key)}\n                />\n              )\n            })}\n\n            {markers.map((marker, index) => {\n              const key = markerKey(marker, index)\n              if (selected !== key) return null\n              return (\n                <InfoWindowF\n                  key={`iw:${key}`}\n                  position={marker.position}\n                  onCloseClick={() => setSelected(null)}\n                  options={infoWindowOptions}\n                >\n                  <div className=\"relative min-w-[180px] max-w-[260px] pr-5 text-slate-800\">\n                    <button\n                      type=\"button\"\n                      onClick={() => setSelected(null)}\n                      aria-label={t('shipment_tracking.map.close', 'Close')}\n                      className=\"absolute right-0 top-0 flex h-5 w-5 items-center justify-center rounded text-slate-400 hover:bg-slate-100 hover:text-slate-700\"\n                    >\n                      <X className=\"h-3.5 w-3.5\" />\n                    </button>\n\n                    {marker.kind === 'vessel' ? (\n                      <div className=\"mb-1.5\">\n                        <div className=\"flex items-center gap-1.5\">\n                          <Ship className=\"h-3.5 w-3.5 text-blue-500\" />\n                          <span className=\"text-sm font-semibold leading-tight text-slate-900\">\n                            {marker.name ?? t('shipment_tracking.map.unknown', 'Unknown')}\n                          </span>\n                        </div>\n                        <div className=\"mt-0.5 font-mono text-[11px] text-slate-400\">IMO {marker.imo}</div>\n                        {marker.destination && (\n                          <div className=\"mt-0.5 text-xs text-slate-500\">\u2192 {marker.destination}</div>\n                        )}\n                        {marker.updatedAt && (\n                          <div className=\"text-[11px] text-slate-400\">\n                            {formatRelativeTime(marker.updatedAt, t)}\n                          </div>\n                        )}\n                      </div>\n                    ) : (\n                      <div className=\"mb-1.5\">\n                        <div className=\"flex items-center gap-1.5\">\n                          <Anchor className=\"h-3.5 w-3.5 text-emerald-600\" />\n                          <span className=\"text-sm font-semibold leading-tight text-slate-900\">\n                            {marker.portName ?? t('shipment_tracking.map.unknown', 'Unknown')}\n                          </span>\n                        </div>\n                        {marker.unlocode && (\n                          <div className=\"mt-0.5 font-mono text-[11px] text-slate-400\">{marker.unlocode}</div>\n                        )}\n                      </div>\n                    )}\n\n                    <div className=\"space-y-0.5 border-t border-slate-100 pt-1.5\">\n                      {marker.shipments.map((s) => (\n                        <Link\n                          key={s.id}\n                          href={`/backend/shipment-tracking?shipment=${s.id}`}\n                          className=\"block truncate text-xs text-blue-600 hover:underline\"\n                          title={s.containerNumber ?? s.id}\n                        >\n                          {s.containerNumber ?? s.id}\n                          {s.destinationLocation ? ` \u00B7 ${s.destinationLocation}` : ''}\n                        </Link>\n                      ))}\n                    </div>\n                  </div>\n                </InfoWindowF>\n              )\n            })}\n          </GoogleMap>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport default ShipsMapWidget\n"],
+  "mappings": ";AA+GM,SACE,KADF;AAvGN,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,WAAW,gBAAgB,SAAS,mBAAmB;AAChE,SAAS,MAAM,QAAQ,SAAS;AAEhC,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,YAAY;AAErB,SAAS,kBAAkB,+BAAsD;AASjF,MAAM,iBAAsC,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAE5E,MAAM,aAAsC;AAAA,EAC1C,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA;AAAA;AAAA,EAGjB,QAAQ;AAAA,IACN,EAAE,aAAa,YAAY,SAAS,CAAC,EAAE,OAAO,UAAU,CAAC,EAAE;AAAA,IAC3D,EAAE,aAAa,oBAAoB,SAAS,CAAC,EAAE,OAAO,UAAU,CAAC,EAAE;AAAA,IACnE,EAAE,aAAa,sBAAsB,SAAS,CAAC,EAAE,OAAO,UAAU,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE;AAAA,IACpF,EAAE,aAAa,SAAS,aAAa,YAAY,SAAS,CAAC,EAAE,OAAO,UAAU,CAAC,EAAE;AAAA,IACjF,EAAE,aAAa,SAAS,aAAa,oBAAoB,SAAS,CAAC,EAAE,OAAO,UAAU,CAAC,EAAE;AAAA,IACzF,EAAE,aAAa,aAAa,aAAa,YAAY,SAAS,CAAC,EAAE,OAAO,UAAU,CAAC,EAAE;AAAA,IACrF,EAAE,aAAa,QAAQ,aAAa,YAAY,SAAS,CAAC,EAAE,OAAO,UAAU,CAAC,EAAE;AAAA,IAChF,EAAE,aAAa,QAAQ,aAAa,UAAU,SAAS,CAAC,EAAE,YAAY,MAAM,CAAC,EAAE;AAAA,IAC/E,EAAE,aAAa,kBAAkB,aAAa,mBAAmB,SAAS,CAAC,EAAE,OAAO,UAAU,CAAC,EAAE;AAAA,IACjG,EAAE,aAAa,0BAA0B,aAAa,mBAAmB,SAAS,CAAC,EAAE,OAAO,UAAU,CAAC,EAAE;AAAA,IACzG,EAAE,aAAa,8BAA8B,SAAS,CAAC,EAAE,YAAY,MAAM,CAAC,EAAE;AAAA,IAC9E,EAAE,aAAa,OAAO,SAAS,CAAC,EAAE,YAAY,MAAM,CAAC,EAAE;AAAA,IACvD,EAAE,aAAa,WAAW,SAAS,CAAC,EAAE,YAAY,MAAM,CAAC,EAAE;AAAA,EAC7D;AACF;AAGA,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAO5B,eAAe,eAA0C;AACvD,QAAM,OAAO,MAAM,QAA0B,4CAA4C;AACzF,MAAI,CAAC,KAAK,IAAI;AACZ,UAAM,UACJ,OAAQ,KAAK,QAA2C,UAAU,WAC5D,KAAK,OAAmC,QAC1C,8BAA8B,KAAK,MAAM;AAC/C,UAAM,IAAI,MAAM,OAAO;AAAA,EACzB;AACA,SAAO,KAAK,UAAU,EAAE,SAAS,CAAC,GAAG,iBAAiB,GAAG,cAAa,oBAAI,KAAK,GAAE,YAAY,EAAE;AACjG;AAIA,SAAS,mBAAmB,YAA2B,GAAoC;AACzF,MAAI,CAAC,WAAY,QAAO;AACxB,QAAM,OAAO,IAAI,KAAK,UAAU;AAChC,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,QAAM,SAAS,KAAK,IAAI,IAAI,KAAK,QAAQ;AACzC,QAAM,cAAc,KAAK,MAAM,SAAS,GAAK;AAC7C,QAAM,YAAY,KAAK,MAAM,cAAc,EAAE;AAC7C,QAAM,WAAW,KAAK,MAAM,YAAY,EAAE;AAC1C,MAAI,cAAc,EAAG,QAAO,EAAE,iCAAiC,UAAU;AACzE,MAAI,cAAc,GAAI,QAAO,EAAE,oCAAoC,qBAAqB,EAAE,OAAO,YAAY,CAAC;AAC9G,MAAI,YAAY,GAAI,QAAO,EAAE,kCAAkC,kBAAkB,EAAE,OAAO,UAAU,CAAC;AACrG,SAAO,EAAE,iCAAiC,kBAAkB,EAAE,OAAO,SAAS,CAAC;AACjF;AAEA,SAAS,UAAU,QAAwB,OAAuB;AAChE,SAAO,OAAO,SAAS,WAAW,UAAU,OAAO,GAAG,KAAK,QAAQ,OAAO,YAAY,KAAK;AAC7F;AAIA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AACF,GAGG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,CAAC,UAAqC,iBAAiB,EAAE,GAAG,UAAU,GAAG,MAAM,CAAC;AAC/F,QAAM,aACJ;AACF,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,WAAM,WAAU,mBACf;AAAA,0BAAC,UAAK,WAAU,6CACb,YAAE,uDAAuD,cAAc,GAC1E;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,OAAO,SAAS;AAAA,UAChB,UAAU,CAAC,MAAM,OAAO,EAAE,aAAa,OAAO,EAAE,OAAO,KAAK,EAAE,CAAC;AAAA,UAC/D,WAAW;AAAA;AAAA,MACb;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAU,0BACb;AAAA,2BAAC,WAAM,WAAU,mBACf;AAAA,4BAAC,UAAK,WAAU,6CACb,YAAE,4DAA4D,iBAAiB,GAClF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAO,SAAS;AAAA,YAChB,UAAU,CAAC,MAAM,OAAO,EAAE,WAAW,OAAO,EAAE,OAAO,KAAK,EAAE,CAAC;AAAA,YAC7D,WAAW;AAAA;AAAA,QACb;AAAA,SACF;AAAA,MACA,qBAAC,WAAM,WAAU,mBACf;AAAA,4BAAC,UAAK,WAAU,6CACb,YAAE,4DAA4D,kBAAkB,GACnF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAO,SAAS;AAAA,YAChB,UAAU,CAAC,MAAM,OAAO,EAAE,WAAW,OAAO,EAAE,OAAO,KAAK,EAAE,CAAC;AAAA,YAC7D,WAAW;AAAA;AAAA,QACb;AAAA,SACF;AAAA,OACF;AAAA,IACA,qBAAC,WAAM,WAAU,mBACf;AAAA,0BAAC,UAAK,WAAU,6CACb,YAAE,8DAA8D,iCAAiC,GACpG;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,KAAK;AAAA,UACL,OAAO,SAAS;AAAA,UAChB,UAAU,CAAC,MAAM,OAAO,EAAE,oBAAoB,OAAO,EAAE,OAAO,KAAK,EAAE,CAAC;AAAA,UACtE,WAAW;AAAA;AAAA,MACb;AAAA,OACF;AAAA,KACF;AAEJ;AAIA,MAAM,iBAA4E,CAAC;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,IAAI,KAAK;AACf,QAAM,WAAW,MAAM,QAAQ,MAAM,wBAAwB,YAAY,gBAAgB,GAAG,CAAC,QAAQ,CAAC;AAEtG,QAAM,EAAE,UAAU,UAAU,IAAI,eAAe;AAAA,IAC7C,IAAI;AAAA,IACJ,kBAAkB,QAAQ,IAAI,mCAAmC;AAAA,EACnE,CAAC;AAED,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAkC,IAAI;AACpE,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,KAAK,MAAM,IAAI,MAAM,SAAmC,IAAI;AACnE,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAwB,IAAI;AAElE,QAAM,UAAU,MAAM,YAAY,YAAY;AAC5C,2BAAuB,IAAI;AAC3B,eAAW,IAAI;AACf,aAAS,IAAI;AACb,QAAI;AACF,cAAQ,MAAM,aAAa,CAAC;AAAA,IAC9B,SAAS,KAAK;AACZ,cAAQ,MAAM,wCAAwC,GAAG;AACzD,eAAS,EAAE,+CAA+C,0BAA0B,CAAC;AAAA,IACvF,UAAE;AACA,iBAAW,KAAK;AAChB,6BAAuB,KAAK;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,sBAAsB,CAAC,CAAC;AAG5B,QAAM,UAAU,MAAM;AACpB,QAAI,SAAS,WAAY;AACzB,YAAQ,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EAC1B,GAAG,CAAC,SAAS,cAAc,IAAI,CAAC;AAGhC,QAAM,UAAU,MAAM;AACpB,QAAI,SAAS,WAAY;AACzB,QAAI,CAAC,SAAS,sBAAsB,SAAS,sBAAsB,EAAG;AACtE,UAAM,KAAK,YAAY,MAAM;AAC3B,cAAQ,EAAE,MAAM,MAAM;AAAA,MAAC,CAAC;AAAA,IAC1B,GAAG,SAAS,qBAAqB,GAAI;AACrC,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,SAAS,oBAAoB,SAAS,IAAI,CAAC;AAG/C,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,OAAO,CAAC,YAAY,OAAO,WAAW,YAAa;AACxD,UAAMA,WAAU,MAAM,WAAW,CAAC;AAClC,QAAIA,SAAQ,WAAW,EAAG;AAE1B,UAAM,SAAU,OAAe;AAC/B,QAAI,CAAC,OAAQ;AACb,QAAIA,SAAQ,WAAW,GAAG;AACxB,UAAI,UAAUA,SAAQ,CAAC,EAAE,QAAQ;AACjC,UAAI,QAAQ,KAAK,IAAI,SAAS,aAAa,CAAC,CAAC;AAC7C;AAAA,IACF;AACA,UAAM,SAAS,IAAI,OAAO,KAAK,aAAa;AAC5C,IAAAA,SAAQ,QAAQ,CAAC,MAAM,OAAO,OAAO,EAAE,QAAQ,CAAC;AAChD,QAAI,UAAU,QAAQ,EAAE;AAAA,EAC1B,GAAG,CAAC,KAAK,UAAU,MAAM,SAAS,WAAW,CAAC;AAE9C,QAAM,kBAAkB,MAAM;AAAA,IAC5B,CAAC,YAA2B;AAC1B,UAAI,CAAC,YAAY,OAAO,WAAW,YAAa,QAAO;AAEvD,YAAM,SAAU,OAAe;AAC/B,UAAI,CAAC,OAAQ,QAAO;AACpB,aAAO;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,OAAO;AAAA,QACP,UAAU,WAAW;AAAA,QACrB,QAAQ,IAAI,OAAO,KAAK,MAAM,IAAI,EAAE;AAAA,MACtC;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,WAAW,MAAM,QAAQ,MAAM;AACnC,QAAI,CAAC,YAAY,OAAO,WAAW,YAAa,QAAO;AAEvD,UAAM,SAAU,OAAe;AAC/B,QAAI,CAAC,OAAQ,QAAO;AACpB,WAAO;AAAA,MACL,MAAM,OAAO,KAAK,WAAW;AAAA,MAC7B,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,oBAAoB,MAAM,QAAQ,MAAM;AAC5C,QAAI,CAAC,YAAY,OAAO,WAAW,YAAa,QAAO;AAEvD,UAAM,SAAU,OAAe;AAC/B,QAAI,CAAC,OAAQ,QAAO;AACpB,WAAO,EAAE,gBAAgB,MAAM,aAAa,IAAI,OAAO,KAAK,KAAK,GAAG,EAAE,GAAG,UAAU,IAAI;AAAA,EACzF,GAAG,CAAC,QAAQ,CAAC;AAGb,MAAI,SAAS,YAAY;AACvB,WAAO,oBAAC,iBAAc,UAAU,UAAU,kBAAoC;AAAA,EAChF;AAGA,MAAI,WAAW;AACb,WACE,oBAAC,SAAI,WAAU,kFACb,8BAAC,OAAE,WAAU,8CACV,YAAE,mCAAmC,oBAAoB,GAC5D,GACF;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE,oBAAC,SAAI,WAAU,kFACb,8BAAC,OAAE,WAAU,yCAAyC,iBAAM,GAC9D;AAAA,EAEJ;AAEA,QAAM,UAAU,MAAM,WAAW,CAAC;AAClC,QAAM,cAAc,QAAQ,OAAO,CAAC,MAAM,EAAE,SAAS,QAAQ,EAAE;AAC/D,QAAM,cAAc,CAAC,YAAa,WAAW,CAAC;AAC9C,QAAM,UAAU,CAAC,eAAe,QAAQ,WAAW;AAEnD,SACE,qBAAC,SAAI,WAAU,aAEb;AAAA,yBAAC,SAAI,WAAU,2CACb;AAAA,2BAAC,SAAI,WAAU,iEACb;AAAA,4BAAC,QAAK,WAAU,yBAAwB;AAAA,QACxC,oBAAC,UACE,YAAE,qDAAqD,mBAAmB,EAAE,OAAO,YAAY,CAAC,GACnG;AAAA,SACF;AAAA,MACC,QAAQ,KAAK,kBAAkB,KAC9B,oBAAC,UAAK,WAAU,8CACb,YAAE,oDAAoD,8BAA8B;AAAA,QACnF,OAAO,KAAK;AAAA,MACd,CAAC,GACH;AAAA,OAEJ;AAAA,IAEA,qBAAC,SAAI,WAAU,iEACZ;AAAA,qBACC,qBAAC,SAAI,WAAU,kFACb;AAAA,4BAAC,WAAQ,WAAU,WAAU;AAAA,QAC7B,oBAAC,UAAK,WAAU,8CACb,YAAE,iDAAiD,mBAAc,GACpE;AAAA,SACF;AAAA,MAGD,WACC,qBAAC,SAAI,WAAU,kFACb;AAAA,4BAAC,QAAK,WAAU,iCAAgC;AAAA,QAChD,oBAAC,UAAK,WAAU,8CACb,YAAE,+CAA+C,mBAAmB,GACvE;AAAA,SACF;AAAA,MAGD,YACC;AAAA,QAAC;AAAA;AAAA,UACC,mBAAmB;AAAA,UACnB,QAAQ,EAAE,KAAK,SAAS,WAAW,KAAK,SAAS,UAAU;AAAA,UAC3D,MAAM,SAAS;AAAA,UACf,QAAQ,CAAC,MAAM,OAAO,CAAC;AAAA,UACvB,WAAW,MAAM,OAAO,IAAI;AAAA,UAC5B,SAAS;AAAA,UAER;AAAA,oBAAQ,IAAI,CAAC,QAAQ,UAAU;AAC9B,oBAAM,MAAM,UAAU,QAAQ,KAAK;AACnC,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,UAAU,OAAO;AAAA,kBACjB,MAAM,OAAO,SAAS,WAAW,gBAAgB,OAAO,OAAO,IAAI;AAAA,kBACnE,OAAO,OAAO,SAAS,WAAW,OAAO,QAAQ,OAAO,MAAM,OAAO,YAAY;AAAA,kBACjF,QAAQ,OAAO,SAAS,WAAW,MAAO;AAAA,kBAC1C,SAAS,MAAM,YAAY,GAAG;AAAA;AAAA,gBALzB;AAAA,cAMP;AAAA,YAEJ,CAAC;AAAA,YAEA,QAAQ,IAAI,CAAC,QAAQ,UAAU;AAC9B,oBAAM,MAAM,UAAU,QAAQ,KAAK;AACnC,kBAAI,aAAa,IAAK,QAAO;AAC7B,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,UAAU,OAAO;AAAA,kBACjB,cAAc,MAAM,YAAY,IAAI;AAAA,kBACpC,SAAS;AAAA,kBAET,+BAAC,SAAI,WAAU,4DACb;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,SAAS,MAAM,YAAY,IAAI;AAAA,wBAC/B,cAAY,EAAE,+BAA+B,OAAO;AAAA,wBACpD,WAAU;AAAA,wBAEV,8BAAC,KAAE,WAAU,eAAc;AAAA;AAAA,oBAC7B;AAAA,oBAEC,OAAO,SAAS,WACf,qBAAC,SAAI,WAAU,UACb;AAAA,2CAAC,SAAI,WAAU,6BACb;AAAA,4CAAC,QAAK,WAAU,6BAA4B;AAAA,wBAC5C,oBAAC,UAAK,WAAU,sDACb,iBAAO,QAAQ,EAAE,iCAAiC,SAAS,GAC9D;AAAA,yBACF;AAAA,sBACA,qBAAC,SAAI,WAAU,+CAA8C;AAAA;AAAA,wBAAK,OAAO;AAAA,yBAAI;AAAA,sBAC5E,OAAO,eACN,qBAAC,SAAI,WAAU,iCAAgC;AAAA;AAAA,wBAAG,OAAO;AAAA,yBAAY;AAAA,sBAEtE,OAAO,aACN,oBAAC,SAAI,WAAU,8BACZ,6BAAmB,OAAO,WAAW,CAAC,GACzC;AAAA,uBAEJ,IAEA,qBAAC,SAAI,WAAU,UACb;AAAA,2CAAC,SAAI,WAAU,6BACb;AAAA,4CAAC,UAAO,WAAU,gCAA+B;AAAA,wBACjD,oBAAC,UAAK,WAAU,sDACb,iBAAO,YAAY,EAAE,iCAAiC,SAAS,GAClE;AAAA,yBACF;AAAA,sBACC,OAAO,YACN,oBAAC,SAAI,WAAU,+CAA+C,iBAAO,UAAS;AAAA,uBAElF;AAAA,oBAGF,oBAAC,SAAI,WAAU,gDACZ,iBAAO,UAAU,IAAI,CAAC,MACrB;AAAA,sBAAC;AAAA;AAAA,wBAEC,MAAM,uCAAuC,EAAE,EAAE;AAAA,wBACjD,WAAU;AAAA,wBACV,OAAO,EAAE,mBAAmB,EAAE;AAAA,wBAE7B;AAAA,4BAAE,mBAAmB,EAAE;AAAA,0BACvB,EAAE,sBAAsB,SAAM,EAAE,mBAAmB,KAAK;AAAA;AAAA;AAAA,sBANpD,EAAE;AAAA,oBAOT,CACD,GACH;AAAA,qBACF;AAAA;AAAA,gBA5DK,MAAM,GAAG;AAAA,cA6DhB;AAAA,YAEJ,CAAC;AAAA;AAAA;AAAA,MACH;AAAA,OAEJ;AAAA,KACF;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": ["markers"]
+}

package/dist/modules/shipment_tracking/widgets/dashboard/ships-map/widget.js

@@ -0,0 +1,26 @@
+import { lazyDashboardWidget } from "@open-mercato/shared/modules/dashboard/widgets";
+import { DEFAULT_SETTINGS, hydrateShipsMapSettings } from "./config.js";
+const ShipsMapWidget = lazyDashboardWidget(() => import("./widget.client.js"));
+const widget = {
+  metadata: {
+    id: "shipment_tracking.dashboard.ships_map",
+    title: "Ships Map",
+    description: "Live positions of every vessel carrying your tracked containers, on one map.",
+    features: ["dashboards.view", "shipment_tracking.dashboard.ships_map.view"],
+    defaultSize: "lg",
+    defaultEnabled: false,
+    defaultSettings: DEFAULT_SETTINGS,
+    tags: ["fms", "shipment_tracking", "map"],
+    category: "shipment_tracking",
+    icon: "ship",
+    supportsRefresh: true
+  },
+  Widget: ShipsMapWidget,
+  hydrateSettings: hydrateShipsMapSettings,
+  dehydrateSettings: (settings) => settings
+};
+var widget_default = widget;
+export {
+  widget_default as default
+};
+//# sourceMappingURL=widget.js.map

package/dist/modules/shipment_tracking/widgets/dashboard/ships-map/widget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/shipment_tracking/widgets/dashboard/ships-map/widget.ts"],
+  "sourcesContent": ["import { lazyDashboardWidget, type DashboardWidgetModule } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { DEFAULT_SETTINGS, hydrateShipsMapSettings, type ShipsMapSettings } from './config'\n\nconst ShipsMapWidget = lazyDashboardWidget(() => import('./widget.client'))\n\nconst widget: DashboardWidgetModule<ShipsMapSettings> = {\n  metadata: {\n    id: 'shipment_tracking.dashboard.ships_map',\n    title: 'Ships Map',\n    description: 'Live positions of every vessel carrying your tracked containers, on one map.',\n    features: ['dashboards.view', 'shipment_tracking.dashboard.ships_map.view'],\n    defaultSize: 'lg',\n    defaultEnabled: false,\n    defaultSettings: DEFAULT_SETTINGS,\n    tags: ['fms', 'shipment_tracking', 'map'],\n    category: 'shipment_tracking',\n    icon: 'ship',\n    supportsRefresh: true,\n  },\n  Widget: ShipsMapWidget,\n  hydrateSettings: hydrateShipsMapSettings,\n  dehydrateSettings: (settings) => settings,\n}\n\nexport default widget\n"],
+  "mappings": "AAAA,SAAS,2BAAuD;AAChE,SAAS,kBAAkB,+BAAsD;AAEjF,MAAM,iBAAiB,oBAAoB,MAAM,OAAO,iBAAiB,CAAC;AAE1E,MAAM,SAAkD;AAAA,EACtD,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU,CAAC,mBAAmB,4CAA4C;AAAA,IAC1E,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,MAAM,CAAC,OAAO,qBAAqB,KAAK;AAAA,IACxC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,iBAAiB;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,mBAAmB,CAAC,aAAa;AACnC;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/types/assets.d.js

@@ -0,0 +1 @@
+//# sourceMappingURL=assets.d.js.map

package/dist/types/assets.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/generated/entities/bic_config/index.ts

@@ -0,0 +1,20 @@
+// AUTO-GENERATED by scripts/generate-entity-fields.mjs (HEDGE-168). Do not edit.
+//
+// One file per entity, named `toSnake(ClassName)` — NOT the table name. Each
+// export is a database column name, mirroring what `mercato generate` writes
+// for `@open-mercato/*` packages. `loadStandaloneGeneratedPackageEntities()`
+// reads these back to build the host app's `entity-fields-registry.ts`, which
+// is what the Encryption and Translation managers list fields from.
+//
+// Regenerate with `node scripts/generate-entity-fields.mjs --all`; the package
+// build does it for you. Guarded by
+// `apps/web/src/__tests__/entity-fields-registry-contract.test.ts`.
+export const id = "id";
+export const organization_id = "organization_id";
+export const tenant_id = "tenant_id";
+export const is_enabled = "is_enabled";
+export const username = "username";
+export const password = "password";
+export const base_url = "base_url";
+export const created_at = "created_at";
+export const updated_at = "updated_at";

package/generated/entities/carrier_config/index.ts

@@ -0,0 +1,23 @@
+// AUTO-GENERATED by scripts/generate-entity-fields.mjs (HEDGE-168). Do not edit.
+//
+// One file per entity, named `toSnake(ClassName)` — NOT the table name. Each
+// export is a database column name, mirroring what `mercato generate` writes
+// for `@open-mercato/*` packages. `loadStandaloneGeneratedPackageEntities()`
+// reads these back to build the host app's `entity-fields-registry.ts`, which
+// is what the Encryption and Translation managers list fields from.
+//
+// Regenerate with `node scripts/generate-entity-fields.mjs --all`; the package
+// build does it for you. Guarded by
+// `apps/web/src/__tests__/entity-fields-registry-contract.test.ts`.
+export const id = "id";
+export const organization_id = "organization_id";
+export const tenant_id = "tenant_id";
+export const carrier_code = "carrier_code";
+export const api_endpoint = "api_endpoint";
+export const auth_config = "auth_config";
+export const rate_limit_requests = "rate_limit_requests";
+export const rate_limit_window_seconds = "rate_limit_window_seconds";
+export const is_active = "is_active";
+export const created_at = "created_at";
+export const updated_at = "updated_at";
+export const deleted_at = "deleted_at";

package/generated/entities/location_override/index.ts

@@ -0,0 +1,26 @@
+// AUTO-GENERATED by scripts/generate-entity-fields.mjs (HEDGE-168). Do not edit.
+//
+// One file per entity, named `toSnake(ClassName)` — NOT the table name. Each
+// export is a database column name, mirroring what `mercato generate` writes
+// for `@open-mercato/*` packages. `loadStandaloneGeneratedPackageEntities()`
+// reads these back to build the host app's `entity-fields-registry.ts`, which
+// is what the Encryption and Translation managers list fields from.
+//
+// Regenerate with `node scripts/generate-entity-fields.mjs --all`; the package
+// build does it for you. Guarded by
+// `apps/web/src/__tests__/entity-fields-registry-contract.test.ts`.
+export const id = "id";
+export const organization_id = "organization_id";
+export const tenant_id = "tenant_id";
+export const carrier_code = "carrier_code";
+export const unlocode = "unlocode";
+export const facility_code = "facility_code";
+export const facility_code_list_provider = "facility_code_list_provider";
+export const override_data = "override_data";
+export const description = "description";
+export const is_active = "is_active";
+export const created_at = "created_at";
+export const updated_at = "updated_at";
+export const deleted_at = "deleted_at";
+export const created_by_user_id = "created_by_user_id";
+export const updated_by_user_id = "updated_by_user_id";

package/generated/entities/shipment/index.ts

@@ -0,0 +1,46 @@
+// AUTO-GENERATED by scripts/generate-entity-fields.mjs (HEDGE-168). Do not edit.
+//
+// One file per entity, named `toSnake(ClassName)` — NOT the table name. Each
+// export is a database column name, mirroring what `mercato generate` writes
+// for `@open-mercato/*` packages. `loadStandaloneGeneratedPackageEntities()`
+// reads these back to build the host app's `entity-fields-registry.ts`, which
+// is what the Encryption and Translation managers list fields from.
+//
+// Regenerate with `node scripts/generate-entity-fields.mjs --all`; the package
+// build does it for you. Guarded by
+// `apps/web/src/__tests__/entity-fields-registry-contract.test.ts`.
+export const id = "id";
+export const organization_id = "organization_id";
+export const tenant_id = "tenant_id";
+export const status = "status";
+export const mode = "mode";
+export const carrier_code = "carrier_code";
+export const container_number = "container_number";
+export const awb_number = "awb_number";
+export const flight_number = "flight_number";
+export const airline_code = "airline_code";
+export const airline_name = "airline_name";
+export const iso_equipment_code = "iso_equipment_code";
+export const booking_number = "booking_number";
+export const bol_number = "bol_number";
+export const etd_timestamps = "etd_timestamps";
+export const eta_timestamps = "eta_timestamps";
+export const atd_timestamps = "atd_timestamps";
+export const ata_timestamps = "ata_timestamps";
+export const origin_location = "origin_location";
+export const destination_location = "destination_location";
+export const vessel_name = "vessel_name";
+export const vessel_imo = "vessel_imo";
+export const voyage_number = "voyage_number";
+export const event_count = "event_count";
+export const last_event_at = "last_event_at";
+export const extra = "extra";
+export const route_stops = "route_stops";
+export const cargo_events = "cargo_events";
+export const seals = "seals";
+export const is_active = "is_active";
+export const created_at = "created_at";
+export const updated_at = "updated_at";
+export const deleted_at = "deleted_at";
+export const created_by_user_id = "created_by_user_id";
+export const tracking_job = "tracking_job";

package/generated/entities/ships_go_config/index.ts

@@ -0,0 +1,25 @@
+// AUTO-GENERATED by scripts/generate-entity-fields.mjs (HEDGE-168). Do not edit.
+//
+// One file per entity, named `toSnake(ClassName)` — NOT the table name. Each
+// export is a database column name, mirroring what `mercato generate` writes
+// for `@open-mercato/*` packages. `loadStandaloneGeneratedPackageEntities()`
+// reads these back to build the host app's `entity-fields-registry.ts`, which
+// is what the Encryption and Translation managers list fields from.
+//
+// Regenerate with `node scripts/generate-entity-fields.mjs --all`; the package
+// build does it for you. Guarded by
+// `apps/web/src/__tests__/entity-fields-registry-contract.test.ts`.
+export const id = "id";
+export const organization_id = "organization_id";
+export const tenant_id = "tenant_id";
+export const is_enabled = "is_enabled";
+export const api_token = "api_token";
+export const base_url = "base_url";
+export const ocean_enabled = "ocean_enabled";
+export const air_enabled = "air_enabled";
+export const rate_limit_requests = "rate_limit_requests";
+export const rate_limit_window_seconds = "rate_limit_window_seconds";
+export const is_active = "is_active";
+export const created_at = "created_at";
+export const updated_at = "updated_at";
+export const deleted_at = "deleted_at";