@protobase/ui 0.63.4 → 0.63.5

package/dist/shell-source-maps/assets/{shared-protobase-ui-DibYt-TM.js.map → shared-protobase-ui-Cab5nqST.js.map}

@@ -1 +1 @@
-{"version":3,"file":"shared-protobase-ui-DibYt-TM.js","names":["useMemo","text","_Fragment","useState","__toESM","require_react","require_jsx_runtime","keepPreviousData","useQuery","useQueryClient","CarouselControls","text","useFieldControl","CodeForm","Spinner","Composer","AppLink","mentionedIds","Section","emptyDraft","shownImage","pluginApi","ResponsiveDialog","useGuardedPress","keys","allowDelayMs","ApiProvider","protobaseVersion","Dialog","callsChannelEvent","AuthLayout","useOptionalAuth","usePlugin","Button","text$1","dayIn","useRecord","viewerZone","ChatThread","Field","useApiToken","CarouselTrack","mergeUi","buttonClass","SidePanel","Textarea","MentionBox","RouteLink","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","formatWeekdayDate","ChatMessage","Input","Form","ActionInputError","PartView","RelationPicker","isConflict","StatusMark","useUnreadNotifications","useHistogram","useBackendData","OtpInput","MenuSelect","useUpdateRecord","LogoMark","usePushNotifications","useSeries","App","AvailabilityMark","useAssistantClient","Markdown","parseDiff","statusRefreshMs","MentionedText","useAppAddress","ActionCard","useList","CompactTable","useOwnStatus","uiFromModule","useAdminMeta","Segmented","createLucideIcon","cn","__iconData","Phone","dayBefore","day","sameChatDay","a","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":"e26d8b7e-4cc8-4a36-8172-12419c81befa"}
+{"version":3,"file":"shared-protobase-ui-Cab5nqST.js","names":["useMemo","text","_Fragment","useState","__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","a","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":"9a6f99ea-493a-49f3-9889-7b4538228ca1"}