@protobase/ui 0.66.6 → 0.66.7

package/dist/shell-source-maps/assets/record-map-Cocva8wo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-map-Cocva8wo.js","names":["n","a","t","__toESM","NavigationControl","MapPin","MapLayerSwitch","Marker","Map","mapLib","import_jsx_runtime","require_jsx_runtime","RecordMap","style","position"],"sources":["../../../src/app/map/record-map.tsx"],"sourcesContent":["import { MapPin } from 'lucide-react'\nimport { Map, Marker, NavigationControl } from 'react-map-gl/maplibre'\nimport type { MapLayerModel } from '@protobase/client'\nimport { MapLayerSwitch } from './map-layer-switch'\nimport { mapLib } from './maplibre'\nimport type { Position } from './record-position'\n\n/**\n * A map of `style` centred on `position` at `zoom`, with a pin on it. It pans and zooms with two fingers on a phone and\n * with Ctrl or Cmd and the wheel, so scrolling the page past it does not move it. With `layers`, it switches to them.\n */\nexport const RecordMap = ({ style, layers, position, zoom }: { style: string; layers?: MapLayerModel[]; position: Position; zoom: number }) => (\n  <Map mapLib={mapLib} mapStyle={style} initialViewState={{ ...position, zoom }} cooperativeGestures style={{ width: '100%', height: '100%' }}>\n    <NavigationControl showCompass={false} />\n    <MapLayerSwitch layers={layers} />\n    <Marker latitude={position.latitude} longitude={position.longitude} anchor=\"bottom\">\n      <MapPin aria-hidden className=\"size-8 fill-primary text-primary-foreground drop-shadow\" strokeWidth={1.5} />\n    </Marker>\n  </Map>\n)\n"],"mappings":"0oBAWaY,GAAa,CAAE,QAAO,SAAQ,WAAU,WACnD,EAAAF,EAAA,KAAA,CAACF,EAAD,CAAa,SAAQ,SAAUK,EAAO,iBAAkB,CAAE,GAAGC,EAAU,MAAK,EAAG,oBAAA,GAAoB,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,EAA1I,SAAA,EACE,EAAAJ,EAAA,IAAA,CAACN,EAAD,CAAmB,YAAa,EAAQ,CAAA,GACxC,EAAAM,EAAA,IAAA,CAACJ,EAAD,CAAwB,QAAS,CAAA,GACjC,EAAAI,EAAA,IAAA,CAACH,EAAD,CAAQ,SAAUO,EAAS,SAAU,UAAWA,EAAS,UAAW,OAAO,SACzE,UAAA,EAAAJ,EAAA,IAAA,CAACL,EAAD,CAAQ,cAAA,GAAY,UAAU,0DAA0D,YAAa,GAAM,CAAA,CACrG,CAAA,CACL","debugId":"a872f6bc-c28d-4f7c-a410-43a612bacd2f"}

package/dist/shell-source-maps/assets/records-map-B1PDo3PS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"records-map-B1PDo3PS.js","names":["useRef","useState","n","a","t","__toESM","require_react","require_jsx_runtime","groupPoints","cachedFormat","MapPin","Source","MapLayerSwitch","Marker","Layer","Map","mapLib","cn","import_react","worldPixels","mercatorLimit","fadeFrom","zooms","zoom","positionsOf","geometry","mercatorY","radians","latitude","zoomZeroSpan","positions","longitudes","longitude","ys","width","height","areaFeatures","features","points","point","kind","selected","feature","fadeIn","full","import_jsx_runtime","areaLayerId","polygons","lines","chosen","yes","no","PositionAreas","data","color","colors","themeColor","probe","token","element","resolved","canvas","context","red","green","blue","alpha","groupRadius","fitOptions","bucketOptions","markerHeight","compact","tag","corners","bounds","RecordsMap","ref","groups","setGroups","setColors","byKey","pointKeys","fitKey","fit","regroup","map","report","center","onMove","fitNow","onFitted","chosenAt","group","key","at","covered","open","y","style","initial","container","onClear","NavigationControl","buckets","bucket","bucketLabel","event","approximate","markerLabel","onSelect"],"sources":["../../../src/app/map/area-features.ts","../../../src/app/map/position-areas.tsx","../../../src/app/map/theme-color.ts","../../../src/app/map/records-map.tsx"],"sourcesContent":["import type { ExpressionSpecification } from 'maplibre-gl'\nimport type { MapPoint } from '../displays/map-groups'\nimport type { AreaGeometry } from './approximate-position'\n\n/** An area as the map's GeoJSON source holds it: whose it is, whether it is filled or a line, its size, and whether its record is chosen. */\nexport type AreaFeature = {\n  type: 'Feature'\n  geometry: AreaGeometry\n  properties: { key: string; kind: 'polygon' | 'line'; span: number; chosen: boolean }\n}\n\n// MapLibre draws the whole world 512 pixels across at zoom 0, each zoom level twice as wide as the one before.\nconst worldPixels = 512\n// The furthest north and south Web Mercator draws.\nconst mercatorLimit = 85.051129\n// An area fades in as it grows from about half a marker to a marker and a half across, smaller it says nothing the marker does not.\nconst fadeFrom = 16\nconst fadeTo = 48\nconst zooms = Array.from({ length: 23 }, (_, zoom) => zoom)\n\nconst positionsOf = (geometry: AreaGeometry): [number, number][] => {\n  if (geometry.type === 'LineString') return geometry.coordinates\n  if (geometry.type === 'MultiPolygon') return geometry.coordinates.flat(2)\n  return geometry.coordinates.flat()\n}\n\n// How far down the world a latitude is drawn, from 0 at the top to 1 at the bottom.\nconst mercatorY = (latitude: number) => {\n  const radians = (Math.max(-mercatorLimit, Math.min(mercatorLimit, latitude)) * Math.PI) / 180\n  return 0.5 - Math.log(Math.tan(Math.PI / 4 + radians / 2)) / (2 * Math.PI)\n}\n\n/** How many pixels across the area is drawn at zoom 0, the larger of its width and height; twice as many each zoom level in. */\nexport const zoomZeroSpan = (geometry: AreaGeometry) => {\n  const positions = positionsOf(geometry)\n  const longitudes = positions.map(([longitude]) => longitude)\n  const ys = positions.map(([, latitude]) => mercatorY(latitude))\n  const width = ((Math.max(...longitudes) - Math.min(...longitudes)) / 360) * worldPixels\n  const height = (Math.max(...ys) - Math.min(...ys)) * worldPixels\n  return Math.max(width, height)\n}\n\n/** The areas of the points that have one, those of the chosen records last so they are drawn on top. */\nexport const areaFeatures = (points: MapPoint[], selected: string[] | undefined): { type: 'FeatureCollection'; features: AreaFeature[] } => {\n  const features = points.flatMap((point): AreaFeature[] => {\n    if (!point.area) return []\n    const kind = point.area.type === 'LineString' || point.area.type === 'MultiLineString' ? 'line' : 'polygon'\n    return [{ type: 'Feature', geometry: point.area, properties: { key: point.key, kind, span: zoomZeroSpan(point.area), chosen: selected?.includes(point.key) ?? false } }]\n  })\n  return { type: 'FeatureCollection', features: [...features.filter((feature) => !feature.properties.chosen), ...features.filter((feature) => feature.properties.chosen)] }\n}\n\n/**\n * An opacity of `full` for an area drawn large enough to mean something at the zoom, fading in as it grows to that\n * size: at each whole zoom level its share of `full` follows from its span, and MapLibre blends between the levels.\n */\nexport const fadeIn = (full: number | ExpressionSpecification): ExpressionSpecification =>\n  [\n    'interpolate',\n    ['linear'],\n    ['zoom'],\n    ...zooms.flatMap((zoom) => [zoom, ['*', full, ['min', 1, ['max', 0, ['/', ['-', ['*', ['get', 'span'], 2 ** zoom], fadeFrom], fadeTo - fadeFrom]]]]]),\n  ] as ExpressionSpecification\n","import type { ExpressionSpecification, FilterSpecification } from 'maplibre-gl'\nimport { Layer, Source } from 'react-map-gl/maplibre'\nimport type { MapPoint } from '../displays/map-groups'\nimport { areaFeatures, fadeIn } from './area-features'\n\n/** The colours of the areas, as MapLibre reads them: the markers' own, and the chosen marker's. */\nexport type AreaColors = { area: string; chosen: string }\n\n/** The areas' lowest layer, which a layer of tiles goes under. */\nexport const areaLayerId = 'position-area-fills'\n\nconst polygons: FilterSpecification = ['==', ['get', 'kind'], 'polygon']\nconst lines: FilterSpecification = ['==', ['get', 'kind'], 'line']\nconst chosen = (yes: number, no: number): ExpressionSpecification => ['case', ['get', 'chosen'], yes, no]\n\n/**\n * The areas around the approximate positions among `points`, drawn under the markers in the markers' colour: a polygon\n * filled faintly within a dashed outline, a line such as a street as a wide stroke. Each fades in as the map zooms close\n * enough for it to be larger than a marker, and the chosen records' areas are drawn darker. Nothing without areas.\n */\nexport const PositionAreas = ({ points, selected, colors }: { points: MapPoint[]; selected: string[] | undefined; colors: AreaColors }) => {\n  const data = areaFeatures(points, selected)\n  if (data.features.length === 0) return null\n  const color: ExpressionSpecification = ['case', ['get', 'chosen'], colors.chosen, colors.area]\n  return (\n    <Source id=\"position-areas\" type=\"geojson\" data={data}>\n      <Layer id={areaLayerId} type=\"fill\" filter={polygons} paint={{ 'fill-color': color, 'fill-opacity': fadeIn(chosen(0.15, 0.1)) }} />\n      <Layer id=\"position-area-outlines\" type=\"line\" filter={polygons} paint={{ 'line-color': color, 'line-width': 1.5, 'line-dasharray': [3, 2], 'line-opacity': fadeIn(0.8) }} />\n      <Layer id=\"position-area-lines\" type=\"line\" filter={lines} layout={{ 'line-cap': 'round', 'line-join': 'round' }} paint={{ 'line-color': color, 'line-width': 6, 'line-opacity': fadeIn(chosen(0.6, 0.35)) }} />\n    </Source>\n  )\n}\n","/**\n * The colour a theme token such as `--primary` holds where `element` is, as `rgba()`, which MapLibre's paint reads\n * whatever the theme writes it in: the browser resolves the token, and a pixel painted with it gives its channels.\n */\nexport const themeColor = (element: HTMLElement, token: string) => {\n  const probe = document.createElement('span')\n  probe.style.color = `var(${token})`\n  element.append(probe)\n  const resolved = getComputedStyle(probe).color\n  probe.remove()\n  const canvas = document.createElement('canvas')\n  canvas.width = 1\n  canvas.height = 1\n  const context = canvas.getContext('2d', { willReadFrequently: true })\n  if (!context) return resolved\n  context.fillStyle = resolved\n  context.fillRect(0, 0, 1, 1)\n  const [red, green, blue, alpha] = context.getImageData(0, 0, 1, 1).data\n  return `rgba(${red}, ${green}, ${blue}, ${alpha! / 255})`\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { MapPin } from 'lucide-react'\nimport { Map, Marker, NavigationControl, type MapRef } from 'react-map-gl/maplibre'\nimport type { MapBounds, MapBucket, MapLayerModel } from '@protobase/client'\nimport type { MapView } from '@protobase/schema'\nimport { cn } from '../../lib/cn'\nimport { groupPoints, type MapGroup, type MapPoint } from '../displays/map-groups'\nimport type { MapArea } from './map-area'\nimport { MapLayerSwitch } from './map-layer-switch'\nimport { mapLib } from './maplibre'\nimport { areaLayerId, PositionAreas, type AreaColors } from './position-areas'\nimport { themeColor } from './theme-color'\nimport { cachedFormat } from '../../format/intl-cache'\n\n// How close, in pixels, records are drawn under one marker, about a marker's width.\nconst groupRadius = 28\nconst fitOptions = { padding: 48, maxZoom: 15, duration: 0 }\n// A bucket opens far enough in for the server to send its records: it does from zoom 16 on.\nconst bucketOptions = { padding: 48, maxZoom: 16, duration: 300 }\nconst markerHeight = 32\nconst compact = () => cachedFormat('compact', (tag) => new Intl.NumberFormat(tag, { notation: 'compact', maximumFractionDigits: 1 }))\n\nconst corners = (bounds: MapBounds): [[number, number], [number, number]] => [\n  [bounds.west, bounds.south],\n  [bounds.east, bounds.north],\n]\n\ntype RecordsMapProps = {\n  style: string\n  /** The layers the map may switch to in place of the style's. */\n  layers?: MapLayerModel[]\n  /** Where the map looks when it opens; the whole world without it. */\n  initial: MapView | undefined\n  points: MapPoint[]\n  /** Counts of records in parts of the map, drawn as circles in place of their records. */\n  buckets: MapBucket[]\n  /** Bounds to move the map to, each time they change; `onFitted` says it moved there. */\n  fit: MapBounds | undefined\n  onFitted: () => void\n  /** The map's area and view, each time it comes to rest. */\n  onMove: (area: MapArea, view: MapView) => void\n  /** The records whose marker is chosen, if any. */\n  selected: string[] | undefined\n  /** How many pixels at the map's bottom something covers, such as the chosen record's card. */\n  covered: number\n  onSelect: (keys: string[]) => void\n  onClear: () => void\n  /** What a marker for these records says to a screen reader. */\n  markerLabel: (keys: string[]) => string\n  /** What a bucket of this many records says to a screen reader. */\n  bucketLabel: (count: number) => string\n}\n\n/**\n * A map of `style` with a marker for each group of records that lie close together at the zoom, showing how many it\n * stands for, and a circle with the count of each bucket, which zooms in on its records when chosen. A marker whose\n * records' positions are all approximate is drawn hollow with a dashed edge, over the areas around them. Choosing a\n * marker selects its records; choosing the map elsewhere clears the selection. A chosen marker the covered bottom would\n * hide moves up into the open part of the map.\n */\nexport const RecordsMap = ({ style, layers, initial, points, buckets, fit, onFitted, onMove, selected, covered, onSelect, onClear, markerLabel, bucketLabel }: RecordsMapProps) => {\n  const ref = useRef<MapRef>(null)\n  const [groups, setGroups] = useState<MapGroup[]>([])\n  const [colors, setColors] = useState<AreaColors>()\n  const byKey = new globalThis.Map(points.map((point) => [point.key, point]))\n  const pointKeys = points.map((point) => point.key).join(',')\n  const fitKey = fit && JSON.stringify(fit)\n\n  // The groups as the map is drawn now: only the zoom changes which records lie close together\n  const regroup = () => {\n    const map = ref.current?.getMap()\n    if (!map) return\n    setGroups(\n      groupPoints(\n        points.map((point) => ({ key: point.key, ...map.project([point.longitude, point.latitude]) })),\n        groupRadius,\n      ),\n    )\n  }\n\n  const report = () => {\n    const map = ref.current?.getMap()\n    if (!map) return\n    const bounds = map.getBounds()\n    const center = map.getCenter()\n    onMove({ bounds: { south: bounds.getSouth(), west: bounds.getWest(), north: bounds.getNorth(), east: bounds.getEast() }, zoom: map.getZoom() }, { latitude: center.lat, longitude: center.lng, zoom: map.getZoom() })\n  }\n\n  const fitNow = () => {\n    const map = ref.current?.getMap()\n    if (!map || !fit) return\n    map.fitBounds(corners(fit), fitOptions)\n    onFitted()\n    report()\n  }\n\n  // Other records are grouped at the zoom the map is at\n  useEffect(regroup, [pointKeys])\n  useEffect(fitNow, [fitKey])\n\n  // The chosen marker in view above what covers the map's bottom\n  const chosenAt = groups.find((group) => selected !== undefined && group.keys.some((key) => selected.includes(key)))?.at\n  useEffect(() => {\n    const map = ref.current?.getMap()\n    const at = chosenAt === undefined ? undefined : byKey.get(chosenAt)\n    if (!map || !at || covered === 0) return\n    const { y } = map.project([at.longitude, at.latitude])\n    const open = map.getContainer().clientHeight - covered\n    if (y > markerHeight && y < open) return\n    map.easeTo({ center: [at.longitude, at.latitude], offset: [0, (markerHeight - covered) / 2], duration: 300 })\n    // A new choice or a new cover moves the map, not every new group\n  }, [chosenAt, covered])\n\n  return (\n    <Map\n      ref={ref}\n      mapLib={mapLib}\n      mapStyle={style}\n      initialViewState={initial ?? { latitude: 0, longitude: 0, zoom: 1 }}\n      style={{ width: '100%', height: '100%' }}\n      onLoad={() => {\n        const container = ref.current!.getMap().getContainer()\n        setColors({ area: themeColor(container, '--primary'), chosen: themeColor(container, '--foreground') })\n        regroup()\n        if (fit) fitNow()\n        else report()\n      }}\n      onZoomEnd={regroup}\n      onMoveEnd={report}\n      onClick={onClear}\n    >\n      <NavigationControl showCompass={false} />\n      <MapLayerSwitch layers={layers} below={areaLayerId} />\n      {colors && <PositionAreas points={points} selected={selected} colors={colors} />}\n      {buckets.map((bucket) => (\n        <Marker key={`${bucket.latitude},${bucket.longitude}`} latitude={bucket.latitude} longitude={bucket.longitude} anchor=\"center\">\n          <button\n            type=\"button\"\n            aria-label={bucketLabel(bucket.count)}\n            className=\"flex size-10 cursor-pointer items-center justify-center rounded-full border-2 border-background bg-primary text-xs font-semibold text-primary-foreground tabular-nums shadow\"\n            onClick={(event) => {\n              event.stopPropagation()\n              ref.current?.getMap().fitBounds(corners(bucket.bounds), bucketOptions)\n            }}\n          >\n            {compact().format(bucket.count)}\n          </button>\n        </Marker>\n      ))}\n      {groups.map((group) => {\n        const at = byKey.get(group.at)\n        if (!at) return null\n        const chosen = selected !== undefined && group.keys.some((key) => selected.includes(key))\n        const approximate = group.keys.every((key) => byKey.get(key)?.approximate)\n        return (\n          <Marker key={group.at} latitude={at.latitude} longitude={at.longitude} anchor=\"bottom\" style={{ zIndex: chosen ? 1 : 0 }}>\n            <button\n              type=\"button\"\n              aria-label={markerLabel(group.keys)}\n              aria-pressed={chosen}\n              className=\"relative block cursor-pointer\"\n              onClick={(event) => {\n                event.stopPropagation()\n                onSelect(group.keys)\n              }}\n            >\n              <MapPin\n                aria-hidden\n                data-approximate={approximate || undefined}\n                className={cn('size-8 drop-shadow', approximate ? (chosen ? 'fill-background text-foreground' : 'fill-background text-primary') : chosen ? 'fill-foreground text-background' : 'fill-primary text-primary-foreground')}\n                strokeWidth={approximate ? 2 : 1.5}\n                strokeDasharray={approximate ? '3 2' : undefined}\n              />\n              {group.keys.length > 1 && (\n                <span className=\"absolute -right-2 -top-1 min-w-5 rounded-full border border-background bg-foreground px-1 text-center text-[11px] font-medium leading-4 text-background tabular-nums\">\n                  {group.keys.length}\n                </span>\n              )}\n            </button>\n          </Marker>\n        )\n      })}\n    </Map>\n  )\n}\n"],"mappings":"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","debugId":"753c3a37-3d24-4f76-b998-d25543778872"}

package/dist/shell-source-maps/assets/shared-protobase-ui-V8ARYzmY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-protobase-ui-V8ARYzmY.js","names":["useMemo","text","_Fragment","useState","n","a","t","__toESM","require_react","require_jsx_runtime","keepPreviousData","useQuery","useQueryClient","CarouselControls","text","formatWeekdayDate","CodeForm","Spinner","Composer","Input","mentionedIds","useAppAddress","emptyDraft","AppLink","pluginApi","ResponsiveDialog","useGuardedPress","keys","allowDelayMs","ApiProvider","protobaseVersion","Dialog","callsChannelEvent","AuthLayout","useOptionalAuth","usePlugin","Button","text$1","viewerZone","useRecord","ChatThread","RouteLink","useApiToken","Section","CarouselTrack","mergeUi","buttonClass","SidePanel","Textarea","MentionBox","useFieldControl","isFramed","useClient","ResendCodeButton","useMeta","useArmedAfterFocus","useResourceClient","useOptionalListDisplay","useListDisplay","useCarousel","diffStats","useMembers","useMarkNotificationsRead","useFacets","FieldList","useStatuses","usePresence","useLayoutRecord","useAssistant","Token","SignInPrompt","AssistantDock","FileImage","DiffView","defineUi","StepList","definePlugin","useInbox","fetchLabels","CallView","dayIn","ChatMessage","shownImage","Form","ActionInputError","PartView","RelationPicker","isConflict","StatusMark","useUnreadNotifications","useHistogram","useBackendData","OtpInput","MenuSelect","useUpdateRecord","LogoMark","usePushNotifications","useSeries","App","AvailabilityMark","useAssistantClient","Markdown","parseDiff","statusRefreshMs","MentionedText","Field","ActionCard","useList","CompactTable","useOwnStatus","uiFromModule","useAdminMeta","Segmented","createLucideIcon","cn","__iconData","Phone","dayBefore","day","sameChatDay","zone","b","chatDayLabel","time","today","now","import_jsx_runtime","ChatDivider","shown","label","line","tone","RecordLink","rest","display","around","name","resource","row","recordKey","import_react","signedInUserOf","state","useSignedInUser","useRecordCallAddress","joining","address","target","to","open","href","RecordCall","useRecordCalls","client","queryClient","key","query","queryKey","channel","offCalls","message","offStatus","status","call","CallMark","isPending","ongoing","join","className","count","box","carouselSlides","images","image","Carousel","slides","carousel","fit","Choices","options","option","value","onChange","usePickedLabels","sorted","ids","view","RecordPicker","resources","props","views","known","setKnown","fetched","labelOf","remember","current","chosen"],"sources":["../../../../../node_modules/.bun/lucide-react@1.52.0+0ac650c021fb1b59/node_modules/lucide-react/dist/esm/icons/phone.mjs","../../../src/chat/chat-day.ts","../../../src/chat/chat-divider.tsx","../../../src/app/displays/record-link.tsx","../../../src/auth/use-signed-in-user.ts","../../../src/calls/use-record-call-address.ts","../../../src/calls/record-call.tsx","../../../src/calls/use-record-calls.ts","../../../src/calls/call-mark.tsx","../../../src/carousel/carousel-images.ts","../../../src/carousel/carousel.tsx","../../../src/primitives/choices.tsx","../../../src/app/use-picked-labels.ts","../../../src/app/record-picker.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.52.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconData = {\n  name: \"phone\",\n  size: 24,\n  node: [\n    [\n      \"path\",\n      {\n        d: \"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\",\n        key: \"9njp5v\"\n      }\n    ]\n  ]\n};\n__iconData.node;\nconst Phone = createLucideIcon(__iconData);\n\nexport { __iconData, Phone as default };\n//# sourceMappingURL=phone.mjs.map\n","import { formatWeekdayDate } from '../format/date'\nimport { dayIn, viewerZone } from '../format/zone'\nimport { text } from './messages'\n\nconst dayBefore = (day: string) => new Date(Date.parse(`${day}T00:00:00Z`) - 86_400_000).toISOString().slice(0, 10)\n\n/** Whether two ISO timestamps fall on the same day in `zone`, the viewer's unless given: a day divider goes between two messages that do not. */\nexport const sameChatDay = (a: string, b: string, zone = viewerZone()) => dayIn(Date.parse(a), zone) === dayIn(Date.parse(b), zone)\n\n/** The label of the divider above a day's first message, sent at `time`: \"Today\", \"Yesterday\" or \"Mon, 26 Oct 2026\", as the viewer's calendar in `zone` has it. */\nexport const chatDayLabel = (time: string, now = Date.now(), zone = viewerZone()) => {\n  const day = dayIn(Date.parse(time), zone)\n  const today = dayIn(now, zone)\n  if (day === today) return text('today')\n  if (day === dayBefore(today)) return text('yesterday')\n  return formatWeekdayDate(Date.parse(`${day}T00:00:00Z`))\n}\n","import { cn } from '../lib/cn'\nimport { text } from './messages'\n\nexport type ChatDividerProps =\n  /** A muted line between the messages of two days, labelled with the later one, such as by `chatDayLabel`. */\n  | { tone?: 'day'; label: string }\n  /** A line above the first message the reader has not seen, \"New messages\" unless labelled otherwise. */\n  | { tone: 'new'; label?: string }\n\n/**\n * A line across a chat with a label in its middle, between the messages of two days or above the new ones. Marked\n * `data-chat-divider`, so a thread keeps the reader's place on the message below it, not on the divider.\n */\nexport const ChatDivider = ({ tone = 'day', label }: ChatDividerProps) => {\n  const shown = label ?? text('newMessages')\n  const line = cn('h-px flex-1', tone === 'new' ? 'bg-danger' : 'bg-border')\n  return (\n    <div role=\"separator\" aria-label={shown} data-tone={tone} data-chat-divider=\"\" className=\"flex items-center gap-3 text-xs font-medium\">\n      <span className={line} />\n      <span className={tone === 'new' ? 'text-danger' : 'text-muted-foreground'}>{shown}</span>\n      <span className={line} />\n    </div>\n  )\n}\n","import type { AnchorHTMLAttributes } from 'react'\nimport type { KeyValue } from '@protobase/schema'\nimport { useLayoutRecord } from '../pages/record-scope'\nimport { AppLink } from '../use-app-address'\nimport { useOptionalListDisplay } from './display-context'\nimport type { ListDisplayRow } from './list-displays'\n\ntype Target = { row: ListDisplayRow; resource?: never; recordKey?: never } | { row?: never; resource?: string; recordKey: KeyValue | readonly KeyValue[] }\n\n/**\n * A link to a record's page, through the app's addresses: a list display's `row`, or a `recordKey` of `resource`. The\n * resource defaults to the list display's or the record's around it, so a custom component never writes a path.\n */\nexport const RecordLink = ({ row, resource, recordKey, ...rest }: AnchorHTMLAttributes<HTMLAnchorElement> & Target) => {\n  const display = useOptionalListDisplay()\n  const around = useLayoutRecord()\n  const name = resource ?? display?.resource ?? around?.model.name\n  if (name === undefined) throw new Error('RecordLink needs a resource outside a list display or a record')\n  return <AppLink to={{ kind: 'record', resource: name, key: row ? row.key : recordKey }} {...rest} />\n}\n","import { useMemo } from 'react'\nimport { useOptionalAuth, type AuthState } from './auth-provider'\n\n/** Who is signed in: their user id, the id `.author()` stores and mentions hold, and their name. */\nexport type SignedInUser = { id: string; name?: string }\n\n/** The signed-in person of an auth state; none while it loads, for a visitor, and before the sign-in finished. */\nexport const signedInUserOf = (state: AuthState | undefined): SignedInUser | undefined => {\n  if (state?.kind !== 'signed-in') return\n  const { id, name } = state.user\n  return { id, ...(name && { name }) }\n}\n\n/**\n * The signed-in person, from the session the app already holds, such as for a filter on their own user id;\n * `undefined` while the session loads, for a visitor and when nobody is signed in.\n */\nexport const useSignedInUser = (): SignedInUser | undefined => {\n  const state = useOptionalAuth()?.state\n  return useMemo(() => signedInUserOf(state), [state])\n}\n","import { useAppAddress } from '../app/use-app-address'\n\n/**\n * A record's call as the app's address holds it: whether the page joins it (`call=join`), the link that joins it, as a\n * ring's Accept and a call mark's Join open it, and the link back to the record without the call, as Leave opens it.\n */\nexport const useRecordCallAddress = (resource: string, recordKey: string) => {\n  const { address, href, open } = useAppAddress()\n  const joining = address?.kind === 'record' && address.resource === resource && address.key === recordKey && address.call === 'join'\n  const target = (to: string) => ({ href: to, onFollow: () => open(to) })\n  return { joining, join: target(href({ kind: 'record', resource, key: recordKey, call: 'join' })), leave: target(href({ kind: 'record', resource, key: recordKey })) }\n}\n","import { CallView, type CallViewProps } from './call-view'\nimport { useRecordCallAddress } from './use-record-call-address'\n\nexport type RecordCallProps = Omit<CallViewProps, 'leave'> & { resource: string; recordKey: string }\n\n/**\n * The record's call view while the app's address joins it (`call=join`, as Accept and Join open it), and nothing\n * otherwise: put it beside the record's own content, such as on a full-area record page. Leave goes back to the record.\n */\nexport const RecordCall = ({ resource, recordKey, ...rest }: RecordCallProps) => {\n  const { joining, leave } = useRecordCallAddress(resource, recordKey)\n  if (!joining) return null\n  return <CallView key={`${resource}/${recordKey}`} leave={leave} {...rest} />\n}\n","import { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport type { RecordCall } from '@protobase/client'\nimport { callsChannelEvent } from '@protobase/schema/internal'\nimport { useClient } from '../data/api-provider'\nimport { keys } from '../data/query-keys'\n\n/**\n * A record's latest calls, the one going on first, kept current over the record's channel, on the one socket the page\n * shares for every channel it holds: the server sends the calls there whenever they change, so following a record's\n * calls opens no connection of its own on a page that holds a channel already. Read again whenever the channel joins,\n * as after a lost connection.\n */\nexport const useRecordCalls = (resource: string, recordKey: string) => {\n  const client = useClient()\n  const queryClient = useQueryClient()\n  const key = keys.recordCalls(resource, recordKey)\n  const query = useQuery({ queryKey: key, queryFn: () => client.calls(resource, recordKey) })\n\n  useEffect(() => {\n    const queryKey = keys.recordCalls(resource, recordKey)\n    const channel = client.channel(resource, recordKey)\n    // Only the server's own message: anyone on the channel can broadcast under the same event.\n    const offCalls = channel.on(callsChannelEvent, (message) => message.server && queryClient.setQueryData<RecordCall[]>(queryKey, (message.payload as { items: RecordCall[] }).items))\n    const offStatus = channel.onStatus((status) => status.state === 'joined' && void queryClient.invalidateQueries({ queryKey }))\n    return () => {\n      offCalls()\n      offStatus()\n      channel.leave()\n    }\n  }, [client, queryClient, resource, recordKey])\n\n  return { ...query, ongoing: query.data?.find((call) => call.ended_at === null) }\n}\n","import { Phone } from 'lucide-react'\nimport { cn } from '../lib/cn'\nimport { buttonClass } from '../primitives/button'\nimport { RouteLink } from '../primitives/route-link'\nimport { text } from './messages'\nimport { useRecordCalls } from './use-record-calls'\nimport { useRecordCallAddress } from './use-record-call-address'\n\nexport type CallMarkProps = { resource: string; recordKey: string; className?: string }\n\n/**\n * A record's call, for the app to place where it wants, such as a conversation's header: Start call while there is\n * none, and \"Call in progress · 3 · Join\" while one goes on, live. Start call and Join are links to the record's page\n * that joins its call (`call=join`); on that page itself, Join is left out.\n */\nexport const CallMark = ({ resource, recordKey, className }: CallMarkProps) => {\n  const { ongoing, isPending } = useRecordCalls(resource, recordKey)\n  const { joining, join } = useRecordCallAddress(resource, recordKey)\n  if (isPending) return null\n  if (!ongoing) {\n    if (joining) return null\n    return (\n      <RouteLink to={join} className={cn(buttonClass({ size: 'sm' }), className)}>\n        <Phone className=\"size-3.5\" />\n        {text('startCall')}\n      </RouteLink>\n    )\n  }\n  const count = ongoing.members.length\n  return (\n    <span role=\"status\" className={cn('inline-flex items-center gap-1.5 rounded-md bg-success-soft px-2 py-0.5 text-body text-foreground', className)}>\n      <Phone className=\"size-3.5 text-success\" />\n      {text('inProgress')}\n      <span aria-hidden>·</span>\n      <span aria-label={text('people', { count })}>{count}</span>\n      {!joining && (\n        <>\n          <span aria-hidden>·</span>\n          <RouteLink to={join} className={buttonClass({ variant: 'primary', size: 'sm' })}>\n            {text('join')}\n          </RouteLink>\n        </>\n      )}\n    </span>\n  )\n}\n","import type { StoredFile } from '@protobase/client'\nimport { shownImage } from '../live/file-values'\n\n/** An image a carousel shows: a link with what it shows, or a file field's value, as records carry it. */\nexport type CarouselImage = { src: string; alt: string } | (StoredFile & { alt?: string })\n\n// A frame up to about half a page wide: of a file's variants, the smallest that covers it is drawn, the file itself when none does\nconst box = { width: 640, height: 480 }\n\n/** What each slide draws, in order: a file that is missing or is no raster image is left out. */\nexport const carouselSlides = (images: readonly CarouselImage[]) =>\n  images.flatMap((image) => {\n    if ('src' in image) return [{ image: { url: image.src }, alt: image.alt }]\n    const shown = shownImage(image, box)\n    return shown ? [{ image: shown, alt: image.alt ?? '' }] : []\n  })\n","import { cn } from '../lib/cn'\nimport { FileImage } from '../live/file-image'\nimport { CarouselControls } from './carousel-controls'\nimport { carouselSlides, type CarouselImage } from './carousel-images'\nimport { CarouselTrack } from './carousel-track'\nimport { useCarousel } from './use-carousel'\n\nexport type CarouselProps = {\n  /** The images in order: links with what each shows, or file field values. */\n  images: readonly CarouselImage[]\n  /** What the images are, read out with the carousel. */\n  label?: string\n  /** `cover` fills the frame and crops what overflows it, the default; `contain` shows each image whole. */\n  fit?: 'cover' | 'contain'\n  /** Whether a swipe steps through the images; off, it scrolls what the carousel sits in, such as a row that scrolls sideways. */\n  swipe?: boolean\n  /** The frame's classes, such as its aspect ratio, border and rounding. */\n  className?: string\n}\n\n/**\n * Images side by side in a frame that snaps image by image, swiped on a touch screen or moved by arrows on hover, with\n * dots marking the one in view; the record cards' photos step the same way. A single image shows without arrows or dots.\n */\nexport const Carousel = ({ images, label, fit = 'cover', swipe = true, className }: CarouselProps) => {\n  const slides = carouselSlides(images)\n  const carousel = useCarousel(slides.length)\n  return (\n    <div role=\"group\" aria-roledescription=\"carousel\" aria-label={label} className={cn('group/carousel relative overflow-hidden', className)}>\n      <CarouselTrack\n        data-carousel-track\n        carousel={carousel}\n        swipe={swipe}\n        slides={slides.map(({ image, alt }) => (\n          <FileImage image={image} alt={alt} loading=\"lazy\" className={cn('size-full', fit === 'cover' ? 'object-cover' : 'object-contain')} />\n        ))}\n      />\n      <CarouselControls carousel={carousel} count={slides.length} swipe={swipe} reveal=\"group-hover/carousel:opacity-100\" className=\"inset-0\" />\n    </div>\n  )\n}\n","import type { ReactNode } from 'react'\nimport { cn } from '../lib/cn'\n\nexport type ChoiceOption<T extends string> = { value: T; label: string; description?: ReactNode; disabled?: boolean }\n\n/**\n * `name` groups the radio buttons, so that the arrow keys move between them; `label` names the group for screen\n * readers. A disabled option shows and cannot be chosen.\n */\nexport type ChoicesProps<T extends string> = { name: string; label?: string; options: Array<ChoiceOption<T>>; value: T | undefined; onChange: (value: T) => void }\n\n/** One of a few options, each a card of its own row with a line that says what it means; the chosen one is outlined. */\nexport const Choices = <T extends string>({ name, label, options, value, onChange }: ChoicesProps<T>) => (\n  <div role=\"radiogroup\" aria-label={label} className=\"flex flex-col gap-2\">\n    {options.map((option) => (\n      <label\n        key={option.value}\n        className={cn(\n          'block rounded-lg border p-3 transition-colors has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-primary',\n          option.disabled ? 'cursor-default bg-background opacity-60' : option.value === value ? 'cursor-pointer border-primary bg-primary-soft' : 'cursor-pointer bg-background hover:bg-surface',\n        )}\n      >\n        <input type=\"radio\" name={name} value={option.value} checked={option.value === value} disabled={option.disabled} onChange={() => onChange(option.value)} className=\"sr-only\" />\n        <span className={cn('block font-medium', option.value === value && 'text-primary-text')}>{option.label}</span>\n        {option.description && <span className=\"mt-0.5 block text-xs leading-snug text-muted-foreground\">{option.description}</span>}\n      </label>\n    ))}\n  </div>\n)\n","import { keepPreviousData, useQuery, useQueryClient } from '@tanstack/react-query'\nimport type { ResourceModel, ViewModel } from '@protobase/schema'\nimport { useClient } from '../data/api-provider'\nimport { keys } from '../data/query-keys'\nimport { fetchLabels, type Labels } from '../live/relation-labels'\n\n/** The names of the chosen records, fetched in one list call; the previous names stay while the next ones load. */\nexport const usePickedLabels = (target: ResourceModel, view: ViewModel | undefined, ids: string[]): Labels => {\n  const client = useClient()\n  const queryClient = useQueryClient()\n  const sorted = [...new Set(ids)].sort()\n  const labels = useQuery({\n    queryKey: keys.pickedLabels(target.name, sorted.join(',')),\n    enabled: sorted.length > 0,\n    placeholderData: keepPreviousData,\n    queryFn: () => fetchLabels(queryClient, client, target, sorted, view),\n  })\n  return labels.data ?? new Map()\n}\n","import { useState } from 'react'\nimport { Token } from '../primitives/token'\nimport { useAdminMeta } from './meta-gate'\nimport { RelationPicker } from './relation-picker'\nimport { usePickedLabels } from './use-picked-labels'\n\ntype One = {\n  multiple?: false\n  /** The chosen record's key, as text; `undefined` for none. */\n  value: string | undefined\n  onChange: (key: string) => void\n}\n\ntype Several = {\n  multiple: true\n  /** The chosen records' keys, as text. */\n  value: string[]\n  onChange: (keys: string[]) => void\n}\n\nexport type RecordPickerProps = (One | Several) & {\n  /** The name of the resource whose records it picks. */\n  resource: string\n  invalid?: boolean\n}\n\n/**\n * Picks records of a resource of the app with the create form's relation picker: type to narrow them by their search\n * fields or title, scroll for more, choose with the mouse or the keyboard. With `multiple`, each choice is added as a\n * token that can be taken off again, and choosing a chosen record takes it off.\n */\nexport const RecordPicker = (props: RecordPickerProps) => {\n  const { resources, views } = useAdminMeta()\n  const target = resources[props.resource]\n  if (!target) throw new Error(`RecordPicker: the app has no resource named \"${props.resource}\"`)\n  if (target.primaryKey.length !== 1) throw new Error(`RecordPicker: \"${props.resource}\" has a composite key, which a picker cannot name`)\n  const view = views[props.resource]\n  const keys = props.multiple ? props.value : props.value === undefined ? [] : [props.value]\n  // The names of records chosen here, so a choice shows its name before the names are fetched.\n  const [known, setKnown] = useState<Record<string, string>>({})\n  const fetched = usePickedLabels(target, view, keys)\n  const labelOf = (key: string) => known[key] ?? fetched.get(key) ?? key\n  const remember = (key: string, label: string) => setKnown((current) => ({ ...current, [key]: label }))\n\n  if (!props.multiple) {\n    const { value, onChange } = props\n    return (\n      <RelationPicker\n        target={target}\n        view={view}\n        value={value ?? ''}\n        label={value === undefined ? undefined : labelOf(value)}\n        invalid={props.invalid}\n        onChange={(key, label) => {\n          remember(key, label)\n          onChange(key)\n        }}\n      />\n    )\n  }\n\n  const { value, onChange } = props\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <RelationPicker\n        target={target}\n        view={view}\n        value=\"\"\n        chosen={value}\n        several\n        invalid={props.invalid}\n        onChange={(key, label) => {\n          remember(key, label)\n          onChange(value.includes(key) ? value.filter((chosen) => chosen !== key) : [...value, key])\n        }}\n      />\n      {value.length > 0 && (\n        <div className=\"flex flex-wrap gap-1\">\n          {value.map((key) => (\n            <Token key={key} label={labelOf(key)} onRemove={() => onChange(value.filter((chosen) => chosen !== key))} />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"ignoreList":[0],"mappings":"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","debugId":"15f00458-ce66-441e-8475-6c3f2c7e2e83"}