@voyant-travel/operations-react 0.0.0

package/dist/availability/allocation/components/slot-allocation-resource-view-rows.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, cn, Input, Label, Popover, PopoverContent, PopoverTrigger, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components";
+import { Accessibility, Bed, Crown, Pencil, Plus, Trash2, UserMinus, UtensilsCrossed, X, } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
+import { kindLabel } from "./slot-allocation-model.js";
+import { paymentStatusChipClass, paymentStatusTooltip } from "./slot-allocation-shared.js";
+export function ResourceRow({ kind, resource, seated, unallocated, sharingGroupLabels, optionName, isEditing, isFull, canEdit, onBeginEdit, onCancelEdit, onSaveEdit, onAssignTraveler, onUnassignTraveler, onRemoveResource, onBookingOpen, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const overCapacity = seated.length > resource.capacity;
+    if (isEditing && canEdit) {
+        return (_jsx(TableRow, { className: "bg-muted/30", children: _jsx(TableCell, { colSpan: 4, className: "whitespace-normal", children: _jsx(ResourceEditForm, { kind: kind, resource: resource, minCapacity: Math.max(1, seated.length), onCancel: onCancelEdit, onSave: onSaveEdit }) }) }));
+    }
+    return (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: _jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx(Bed, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }), resource.label ?? kindLabel(kind, messages), optionName ? (_jsx(Badge, { variant: "secondary", className: "text-[10px] font-normal", children: optionName })) : null] }) }), _jsx(TableCell, { className: "text-center", children: _jsxs(Badge, { variant: overCapacity ? "destructive" : "outline", children: [seated.length, "/", resource.capacity] }) }), _jsx(TableCell, { className: "whitespace-normal py-2", children: _jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [seated.map((traveler) => (_jsx(TravelerChip, { traveler: traveler, sharingGroupLabel: traveler.sharingGroupId
+                                ? (sharingGroupLabels[traveler.sharingGroupId] ?? null)
+                                : null, onUnassign: () => onUnassignTraveler(traveler.id), onBookingOpen: onBookingOpen }, traveler.id))), !isFull ? (_jsx(AssignTravelerPopover, { unallocated: unallocated, seatedBookingIds: new Set(seated.map((t) => t.bookingId)), onSelect: (travelerId) => onAssignTraveler(travelerId) })) : null] }) }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "inline-flex items-center justify-end gap-1", children: [canEdit ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onBeginEdit, "aria-label": messages.editResource, children: _jsx(Pencil, { className: "size-4", "aria-hidden": "true" }) })) : null, _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onRemoveResource, "aria-label": messages.remove, children: _jsx(Trash2, { className: "size-4", "aria-hidden": "true" }) })] }) })] }));
+}
+function TravelerChip({ traveler, sharingGroupLabel, onUnassign, onBookingOpen, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    return (_jsxs("span", { className: cn("inline-flex items-center gap-1 rounded-full border bg-background px-2 py-0.5 text-xs", paymentStatusChipClass(traveler.paymentStatus)), title: paymentStatusTooltip(traveler.paymentStatus, messages), children: [traveler.bookingSequence > 0 ? (_jsxs("span", { className: "text-muted-foreground tabular-nums", "aria-hidden": "true", children: ["(", traveler.bookingSequence, ")"] })) : null, _jsx("span", { className: "truncate font-medium", title: sharingGroupLabel ?? undefined, children: traveler.fullName }), onBookingOpen ? (_jsx("button", { type: "button", onClick: () => onBookingOpen(traveler.bookingId), className: "text-muted-foreground hover:text-foreground hover:underline", children: traveler.bookingNumber })) : (_jsx("span", { className: "text-muted-foreground", children: traveler.bookingNumber })), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "size-4 rounded-full", onClick: onUnassign, "aria-label": `${messages.remove}: ${traveler.fullName}`, children: _jsx(X, { className: "size-3", "aria-hidden": "true" }) })] }));
+}
+function AssignTravelerPopover({ unallocated, seatedBookingIds, onSelect, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const [open, setOpen] = useState(false);
+    const disabled = unallocated.length === 0;
+    const sameBooking = seatedBookingIds
+        ? unallocated.filter((t) => seatedBookingIds.has(t.bookingId))
+        : [];
+    const others = seatedBookingIds
+        ? unallocated.filter((t) => !seatedBookingIds.has(t.bookingId))
+        : unallocated;
+    const renderItem = (traveler) => (_jsxs(CommandItem, { value: `${traveler.fullName} ${traveler.bookingNumber}`, onSelect: () => {
+            onSelect(traveler.id);
+            setOpen(false);
+        }, children: [_jsx(UserMinus, { className: "mr-2 size-4 text-muted-foreground", "aria-hidden": "true" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium", children: traveler.fullName }), _jsx("span", { className: "text-xs text-muted-foreground", children: traveler.bookingNumber })] })] }, traveler.id));
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { render: _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "h-7 gap-1 px-2 text-xs", disabled: disabled, "aria-label": messages.assignTraveler, title: disabled ? messages.assignTravelerEmpty : messages.assignTraveler, children: [_jsx(Plus, { className: "size-3.5", "aria-hidden": "true" }), messages.assignTraveler] }) }), _jsx(PopoverContent, { className: "w-72 p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: messages.assignTravelerSearch }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: messages.assignTravelerEmpty }), sameBooking.length > 0 ? (_jsx(CommandGroup, { heading: messages.assignTravelerSameBooking, children: sameBooking.map(renderItem) })) : null, others.length > 0 ? (_jsx(CommandGroup, { heading: sameBooking.length > 0 ? messages.assignTravelerOthers : undefined, children: others.map(renderItem) })) : null] })] }) })] }));
+}
+function ResourceEditForm({ kind, resource, minCapacity, onCancel, onSave, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const [label, setLabel] = useState(resource.label ?? "");
+    const [capacity, setCapacity] = useState(resource.capacity);
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        setLabel(resource.label ?? "");
+        setCapacity(resource.capacity);
+    }, [resource.label, resource.capacity]);
+    async function submit(event) {
+        event.preventDefault();
+        const trimmed = label.trim();
+        const nextCapacity = Math.max(minCapacity, Math.floor(capacity) || minCapacity);
+        setSaving(true);
+        try {
+            await onSave({
+                label: trimmed.length === 0 ? null : trimmed,
+                capacity: nextCapacity,
+            });
+        }
+        finally {
+            setSaving(false);
+        }
+    }
+    return (_jsxs("form", { className: "grid gap-2 sm:grid-cols-[1fr_8rem_auto_auto] sm:items-end", onSubmit: submit, "aria-label": messages.editResource, children: [_jsxs("div", { className: "grid gap-1", children: [_jsx(Label, { htmlFor: `edit-${resource.id}-label`, className: "text-xs", children: messages.resourceLabel }), _jsx(Input, { id: `edit-${resource.id}-label`, value: label, onChange: (event) => setLabel(event.target.value), placeholder: kindLabel(kind, messages) })] }), _jsxs("div", { className: "grid gap-1", children: [_jsx(Label, { htmlFor: `edit-${resource.id}-capacity`, className: "text-xs", children: messages.resourceCapacity }), _jsx(Input, { id: `edit-${resource.id}-capacity`, type: "number", min: minCapacity, value: capacity, onChange: (event) => setCapacity(Number(event.target.value) || minCapacity) })] }), _jsx(Button, { type: "submit", size: "sm", disabled: saving, children: messages.saveResource }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, disabled: saving, children: messages.cancel })] }));
+}
+/**
+ * Dense table view of unallocated travelers. Replaces the per-row Card
+ * tiles, which took multiple line-heights per traveler and made even a
+ * small slot scroll. Keeps the same metadata (lead flag, sharing group,
+ * accessibility / dietary icons, booking number) but in a single row.
+ */
+/**
+ * Lighter tint than the chip — the row already has a left-column status
+ * bar via the booking-number cell, and a full-width tint would fight
+ * the table's striping. Just enough color to skim a denied row.
+ */
+function paymentStatusUnallocatedRowClass(status) {
+    switch (status) {
+        case "paid":
+            return "text-emerald-700 dark:text-emerald-300";
+        case "partial":
+            return "text-amber-700 dark:text-amber-300";
+        case "unpaid":
+            return "text-rose-700 dark:text-rose-300";
+    }
+}
+export function UnallocatedTravelersTable({ travelers, sharingGroupLabels, onBookingOpen, renderActions, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const hasActions = Boolean(renderActions);
+    return (_jsx("div", { className: "overflow-hidden rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { className: "bg-muted/40", children: [_jsx(TableHead, { className: "px-3 py-1.5 text-xs", children: messages.travelers }), _jsx(TableHead, { className: "px-3 py-1.5 text-xs", children: "\u00A0" }), hasActions ? _jsx(TableHead, { className: "w-12 px-3 py-1.5" }) : null] }) }), _jsx(TableBody, { children: travelers.map((traveler) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "px-3 py-1.5", children: _jsxs("div", { className: "flex items-center gap-1.5", children: [traveler.isLeadTraveler ? (_jsx(Crown, { className: "size-3.5 shrink-0 text-amber-500", "aria-label": messages.lead })) : null, _jsx("span", { className: "truncate font-medium text-sm", children: traveler.fullName }), traveler.sharingGroupId ? (_jsx(Badge, { variant: "secondary", className: "max-w-full truncate text-[10px]", children: sharingGroupLabels[traveler.sharingGroupId] ?? messages.sharingGroup })) : null, traveler.hasAccessibilityNeeds ? (_jsx(Accessibility, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-label": messages.accessibility })) : null, traveler.hasDietaryRequirements ? (_jsx(UtensilsCrossed, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-label": messages.dietary })) : null] }) }), _jsx(TableCell, { className: cn("px-3 py-1.5 text-xs", paymentStatusUnallocatedRowClass(traveler.paymentStatus)), children: onBookingOpen ? (_jsx("button", { type: "button", onClick: () => onBookingOpen(traveler.bookingId), className: "text-muted-foreground hover:text-foreground hover:underline", children: traveler.bookingNumber })) : (_jsx("span", { className: "text-muted-foreground", children: traveler.bookingNumber })) }), hasActions ? (_jsx(TableCell, { className: "px-3 py-1.5 text-right", children: renderActions?.(traveler) })) : null] }, traveler.id))) })] }) }));
+}

package/dist/availability/allocation/components/slot-allocation-resource-view.d.ts

@@ -0,0 +1,34 @@
+import type { AllocationManifestTraveler, AllocationResource } from "@voyant-travel/operations-react/availability";
+import { type ReactNode } from "react";
+import { type AllocationOccupants } from "./slot-allocation-model.js";
+export interface EditResourceInput {
+    label: string | null;
+    capacity: number;
+}
+export declare function ResourceColumnsView({ kind, resources, travelers, occupants, sharingGroupLabels, optionNamesById, onAssignTraveler, onUnassignTraveler, onRemoveResource, onEditResource, onBookingOpen, renderTravelerActions, }: {
+    kind: string;
+    resources: AllocationResource[];
+    travelers: AllocationManifestTraveler[];
+    occupants: AllocationOccupants;
+    sharingGroupLabels: Record<string, string>;
+    /**
+     * Map from product_option_id → option name, used to badge each resource
+     * row with the option it's tied to (when refType === "option"). Lets
+     * operators distinguish "Standard double" rooms from "Junior suite"
+     * rooms at a glance. Omit when the host doesn't have option data.
+     */
+    optionNamesById?: ReadonlyMap<string, string>;
+    /** Assign a single unallocated traveler to a specific resource. */
+    onAssignTraveler: (travelerId: string, resourceId: string) => void;
+    /** Remove a single traveler from their current resource. */
+    onUnassignTraveler: (travelerId: string) => void;
+    onRemoveResource: (resourceId: string) => void;
+    onEditResource?: (resourceId: string, input: EditResourceInput) => Promise<void> | void;
+    /**
+     * Fired when the operator clicks a booking number on a chip. The
+     * host decides whether to open a side panel, navigate, etc.
+     */
+    onBookingOpen?: (bookingId: string) => void;
+    renderTravelerActions?: (traveler: AllocationManifestTraveler) => ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=slot-allocation-resource-view.d.ts.map

package/dist/availability/allocation/components/slot-allocation-resource-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-allocation-resource-view.d.ts","sourceRoot":"","sources":["../../../../src/availability/allocation/components/slot-allocation-resource-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,0BAA0B,EAC1B,kBAAkB,EACnB,MAAM,8CAA8C,CAAA;AAGrD,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAGhD,OAAO,EAAE,KAAK,mBAAmB,EAA2B,MAAM,4BAA4B,CAAA;AAI9F,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,SAAS,EACT,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,qBAAqB,GACtB,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,kBAAkB,EAAE,CAAA;IAC/B,SAAS,EAAE,0BAA0B,EAAE,CAAA;IACvC,SAAS,EAAE,mBAAmB,CAAA;IAC9B,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC1C;;;;;OAKG;IACH,eAAe,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7C,mEAAmE;IACnE,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,4DAA4D;IAC5D,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACvF;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;CAC5E,2CAgEA"}

package/dist/availability/allocation/components/slot-allocation-resource-view.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Table, TableBody, TableHead, TableHeader, TableRow } from "@voyant-travel/ui/components";
+import { Users } from "lucide-react";
+import { useState } from "react";
+import { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
+import { groupResourcesBySubType } from "./slot-allocation-model.js";
+import { ResourceRow, UnallocatedTravelersTable } from "./slot-allocation-resource-view-rows.js";
+import { AllocationColumn } from "./slot-allocation-shared.js";
+export function ResourceColumnsView({ kind, resources, travelers, occupants, sharingGroupLabels, optionNamesById, onAssignTraveler, onUnassignTraveler, onRemoveResource, onEditResource, onBookingOpen, renderTravelerActions, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    return (_jsxs("div", { className: "grid gap-4 lg:grid-cols-[minmax(16rem,20rem)_1fr]", children: [_jsx(AllocationColumn, { id: "unallocated", icon: _jsx(Users, { className: "size-4", "aria-hidden": "true" }), title: messages.unallocated, description: messages.unallocatedDescription, count: occupants.unallocated.length, capacity: travelers.length, children: occupants.unallocated.length === 0 ? (_jsx("p", { className: "text-xs text-muted-foreground", children: messages.unallocatedEmpty })) : (_jsx(UnallocatedTravelersTable, { travelers: occupants.unallocated, sharingGroupLabels: sharingGroupLabels, onBookingOpen: onBookingOpen, renderActions: renderTravelerActions })) }), _jsx("div", { className: "flex min-w-0 flex-col gap-6", children: resources.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-6 text-sm text-muted-foreground", children: messages.noResources })) : (groupResourcesBySubType(resources).map((group) => {
+                    // The grouping function uses the raw `refId` as the label fallback.
+                    // Resolve product-option ids back to human names so the section
+                    // header reads "Standard double" instead of "POPT_01KRS8…".
+                    const resolvedLabel = (group.label ? optionNamesById?.get(group.label) : null) ?? group.label;
+                    const groupLabel = resolvedLabel ?? messages.resourceOtherGroup;
+                    return (_jsxs("section", { "aria-label": groupLabel, className: "flex flex-col gap-2", children: [_jsx("header", { className: "flex items-baseline gap-2 border-b pb-1", children: _jsx("h3", { className: "text-sm font-semibold tracking-wide uppercase text-muted-foreground", children: groupLabel }) }), _jsx(ResourceGroupTable, { kind: kind, resources: group.resources, occupants: occupants, unallocated: occupants.unallocated, sharingGroupLabels: sharingGroupLabels, optionNamesById: optionNamesById, onAssignTraveler: onAssignTraveler, onUnassignTraveler: onUnassignTraveler, onRemoveResource: onRemoveResource, onEditResource: onEditResource, onBookingOpen: onBookingOpen })] }, group.key));
+                })) })] }));
+}
+function ResourceGroupTable({ kind, resources, occupants, unallocated, sharingGroupLabels, optionNamesById, onAssignTraveler, onUnassignTraveler, onRemoveResource, onEditResource, onBookingOpen, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const [editingId, setEditingId] = useState(null);
+    return (_jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { className: "bg-muted/40", children: [_jsx(TableHead, { className: "w-48", children: messages.resourceLabel }), _jsx(TableHead, { className: "w-20 text-center", children: messages.capacity }), _jsx(TableHead, { children: messages.travelers }), _jsx(TableHead, { className: "w-40 text-right", children: "\u00A0" })] }) }), _jsx(TableBody, { children: resources.map((resource) => {
+                        const seated = occupants.byResource.get(resource.id) ?? [];
+                        const isEditing = editingId === resource.id;
+                        const isFull = seated.length >= resource.capacity;
+                        return (_jsx(ResourceRow, { kind: kind, resource: resource, seated: seated, unallocated: unallocated, sharingGroupLabels: sharingGroupLabels, optionName: resource.refType === "option" && resource.refId
+                                ? (optionNamesById?.get(resource.refId) ?? null)
+                                : null, isEditing: isEditing, isFull: isFull, canEdit: Boolean(onEditResource), onBeginEdit: () => setEditingId(resource.id), onCancelEdit: () => setEditingId(null), onSaveEdit: async (input) => {
+                                await Promise.resolve(onEditResource?.(resource.id, input));
+                                setEditingId(null);
+                            }, onAssignTraveler: (travelerId) => onAssignTraveler(travelerId, resource.id), onUnassignTraveler: onUnassignTraveler, onRemoveResource: () => onRemoveResource(resource.id), onBookingOpen: onBookingOpen }, resource.id));
+                    }) })] }) }));
+}

package/dist/availability/allocation/components/slot-allocation-seat-view.d.ts

@@ -0,0 +1,17 @@
+import type { AllocationManifestTraveler, AllocationResource } from "@voyant-travel/operations-react/availability";
+import { type ReactNode } from "react";
+import { type AllocationOccupants } from "./slot-allocation-model.js";
+export declare function VehicleSeatsView({ seats, vehicles, occupants, sharingGroupLabels, onAssignTraveler, onUnassignTraveler, onBookingOpen, renderTravelerActions, }: {
+    seats: AllocationResource[];
+    vehicles: AllocationResource[];
+    occupants: AllocationOccupants;
+    sharingGroupLabels: Record<string, string>;
+    /** Assign an unallocated traveler to a specific seat resource. */
+    onAssignTraveler: (travelerId: string, resourceId: string) => void;
+    /** Remove a traveler from their current seat (no resource id required). */
+    onUnassignTraveler: (travelerId: string) => void;
+    /** Fired when the operator clicks a booking number on a seat / tile. */
+    onBookingOpen?: (bookingId: string) => void;
+    renderTravelerActions?: (traveler: AllocationManifestTraveler) => ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=slot-allocation-seat-view.d.ts.map

package/dist/availability/allocation/components/slot-allocation-seat-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-allocation-seat-view.d.ts","sourceRoot":"","sources":["../../../../src/availability/allocation/components/slot-allocation-seat-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,0BAA0B,EAC1B,kBAAkB,EAGnB,MAAM,8CAA8C,CAAA;AAoBrD,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAGhD,OAAO,EACL,KAAK,mBAAmB,EAIzB,MAAM,4BAA4B,CAAA;AASnC,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,kBAAkB,EAAE,CAAA;IAC3B,QAAQ,EAAE,kBAAkB,EAAE,CAAA;IAC9B,SAAS,EAAE,mBAAmB,CAAA;IAC9B,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC1C,kEAAkE;IAClE,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,2EAA2E;IAC3E,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,wEAAwE;IACxE,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;CAC5E,2CA0GA"}

package/dist/availability/allocation/components/slot-allocation-seat-view.js

@@ -0,0 +1,97 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, cn, Popover, PopoverContent, PopoverTrigger, } from "@voyant-travel/ui/components";
+import { Armchair, Crown, DoorOpen, Users, X } from "lucide-react";
+import { useState } from "react";
+import { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
+import { groupSeatsByVehicle, seatName, seatRows, } from "./slot-allocation-model.js";
+import { AllocationColumn, paymentStatusChipClass, paymentStatusTooltip, SeatPositionBadge, TravelerTile, } from "./slot-allocation-shared.js";
+export function VehicleSeatsView({ seats, vehicles, occupants, sharingGroupLabels, onAssignTraveler, onUnassignTraveler, onBookingOpen, renderTravelerActions, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const groups = groupSeatsByVehicle(seats, vehicles, messages);
+    return (_jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(18rem,22rem)_1fr]", children: [_jsx(AllocationColumn, { id: "unallocated", icon: _jsx(Users, { className: "size-4", "aria-hidden": "true" }), title: messages.unallocated, description: messages.unallocatedDescription, count: occupants.unallocated.length, capacity: occupants.byTravelerId.size, children: occupants.unallocated.length === 0 ? (_jsx("p", { className: "text-xs text-muted-foreground", children: messages.unallocatedEmpty })) : (occupants.unallocated.map((traveler) => (_jsx(TravelerTile, { traveler: traveler, sharingGroupLabel: traveler.sharingGroupId ? sharingGroupLabels[traveler.sharingGroupId] : null, renderActions: renderTravelerActions }, traveler.id)))) }), _jsx("div", { className: "grid min-w-0 gap-4", children: seats.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-6 text-sm text-muted-foreground", children: messages.noSeats })) : (groups.map((group) => (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsxs(CardTitle, { className: "flex flex-wrap items-center gap-2 text-base", children: [_jsx(Armchair, { className: "size-4", "aria-hidden": "true" }), _jsx("span", { children: group.label }), _jsxs(Badge, { variant: "outline", children: [group.seats.filter((seat) => (occupants.byResource.get(seat.id) ?? []).length > 0).length, "/", group.seats.length] })] }) }), _jsx(CardContent, { children: group.layoutSpec ? (_jsx(SpecGrid, { spec: group.layoutSpec, seats: group.seats, occupants: occupants, sharingGroupLabels: sharingGroupLabels, onAssignTraveler: onAssignTraveler, onUnassignTraveler: onUnassignTraveler, onBookingOpen: onBookingOpen })) : (_jsx("div", { className: "grid gap-2", children: seatRows(group.seats).map((row) => (_jsx("div", { className: "grid items-stretch gap-2", style: {
+                                        gridTemplateColumns: `repeat(${row.seats.length}, minmax(4.25rem, 1fr))`,
+                                    }, children: row.seats.map((seat) => {
+                                        const seatOccupants = occupants.byResource.get(seat.id) ?? [];
+                                        return (_jsx(VehicleSeatCell, { seat: seat, occupant: seatOccupants[0] ?? null, overflow: seatOccupants.length > 1, unallocated: occupants.unallocated, sharingGroupLabel: seatOccupants[0]?.sharingGroupId
+                                                ? sharingGroupLabels[seatOccupants[0].sharingGroupId]
+                                                : null, onAssignTraveler: (travelerId) => onAssignTraveler(travelerId, seat.id), onUnassignTraveler: onUnassignTraveler, onBookingOpen: onBookingOpen }, seat.id));
+                                    }) }, row.rowKey))) })) })] }, group.id)))) })] }));
+}
+function VehicleSeatCell({ seat, occupant, overflow, unallocated, sharingGroupLabel, onAssignTraveler, onUnassignTraveler, onBookingOpen, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const [pickerOpen, setPickerOpen] = useState(false);
+    const occupiedClasses = occupant ? paymentStatusChipClass(occupant.paymentStatus) : null;
+    const cellClasses = cn("flex min-h-24 flex-col rounded-md border bg-background p-2 text-left text-xs", occupiedClasses, overflow ? "border-destructive bg-destructive/5" /* i18n-literal-ok CSS class token */ : null);
+    if (occupant) {
+        return (_jsxs("div", { id: `seat:${seat.id}`, className: cellClasses, title: paymentStatusTooltip(occupant.paymentStatus, messages), children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("span", { className: "font-medium", children: seat.label ?? seatName(seat, messages) }), _jsx(SeatPositionBadge, { seat: seat })] }), _jsxs("div", { className: "mt-2 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-1", children: [occupant.isLeadTraveler ? (_jsx(Crown, { className: "size-3 text-amber-500", "aria-label": messages.lead })) : null, occupant.bookingSequence > 0 ? (_jsxs("span", { className: "text-muted-foreground tabular-nums", "aria-hidden": "true", children: ["(", occupant.bookingSequence, ")"] })) : null, _jsx("span", { className: "truncate font-medium", children: occupant.fullName })] }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-1 text-muted-foreground", children: [onBookingOpen ? (_jsx("button", { type: "button", onClick: () => onBookingOpen(occupant.bookingId), className: "hover:text-foreground hover:underline", children: occupant.bookingNumber })) : (_jsx("span", { children: occupant.bookingNumber })), sharingGroupLabel ? (_jsx(Badge, { variant: "secondary", className: "max-w-full truncate text-[10px]", children: sharingGroupLabel })) : null] })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "mt-auto h-6 self-end px-1 text-xs", onClick: () => onUnassignTraveler(occupant.id), "aria-label": `${messages.remove}: ${occupant.fullName}`, children: _jsx(X, { className: "size-3", "aria-hidden": "true" }) })] }));
+    }
+    const disabled = unallocated.length === 0;
+    return (_jsxs("div", { id: `seat:${seat.id}`, className: cellClasses, children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("span", { className: "font-medium", children: seat.label ?? seatName(seat, messages) }), _jsx(SeatPositionBadge, { seat: seat })] }), _jsxs(Popover, { open: pickerOpen, onOpenChange: setPickerOpen, children: [_jsx(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "mt-auto h-7 w-full justify-center rounded border border-dashed text-muted-foreground", disabled: disabled, "aria-label": messages.assignTraveler, children: disabled ? messages.assignTravelerEmpty : messages.assignTraveler }) }), _jsx(PopoverContent, { className: "w-72 p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: messages.assignTravelerSearch }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: messages.assignTravelerEmpty }), _jsx(CommandGroup, { children: unallocated.map((traveler) => (_jsx(CommandItem, { value: `${traveler.fullName} ${traveler.bookingNumber}`, onSelect: () => {
+                                                    onAssignTraveler(traveler.id);
+                                                    setPickerOpen(false);
+                                                }, children: _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium", children: traveler.fullName }), _jsx("span", { className: "text-xs text-muted-foreground", children: traveler.bookingNumber })] }) }, traveler.id))) })] })] }) })] })] }));
+}
+/**
+ * Render the bus as the operator drew it. Walks `layoutSpec.rows` and maps
+ * each `"seat"` cell to its materialized resource by (row, seat-column-letter).
+ * Other cell kinds render as visible spacers — doors as a striped row, voids
+ * and aisles as gap tiles — so the rendered map mirrors the builder view.
+ */
+function SpecGrid({ spec, seats, occupants, sharingGroupLabels, onAssignTraveler, onUnassignTraveler, onBookingOpen, }) {
+    const seatsByRowColumn = indexSeats(seats);
+    return (_jsx("div", { className: "flex flex-col gap-2 overflow-x-auto", children: spec.rows.map((row, rowIndex) => {
+            const rowNumber = rowIndex + 1;
+            let seatColumn = 0;
+            return (_jsx("div", { className: "grid items-stretch gap-2", style: { gridTemplateColumns: `repeat(${row.cells.length}, minmax(4.25rem, 1fr))` }, children: row.cells.map((cell, cellIndex) => {
+                    if (cell === "seat") {
+                        seatColumn += 1;
+                        const columnName = columnLetter(seatColumn);
+                        const seat = seatsByRowColumn.get(`${rowNumber}:${columnName}`);
+                        if (!seat) {
+                            return (_jsx(SpacerCell
+                            // biome-ignore lint/suspicious/noArrayIndexKey: positional cell within a fixed row. -- owner: availability-react; existing suppression is intentional pending typed cleanup.
+                            , { kind: "void", rowNumber: rowNumber }, `spec-${rowIndex}-${cellIndex}`));
+                        }
+                        const seatOccupants = occupants.byResource.get(seat.id) ?? [];
+                        return (_jsx(VehicleSeatCell, { seat: seat, occupant: seatOccupants[0] ?? null, overflow: seatOccupants.length > 1, unallocated: occupants.unallocated, sharingGroupLabel: seatOccupants[0]?.sharingGroupId
+                                ? sharingGroupLabels[seatOccupants[0].sharingGroupId]
+                                : null, onAssignTraveler: (travelerId) => onAssignTraveler(travelerId, seat.id), onUnassignTraveler: onUnassignTraveler, onBookingOpen: onBookingOpen }, seat.id));
+                    }
+                    return (_jsx(SpacerCell
+                    // biome-ignore lint/suspicious/noArrayIndexKey: positional cell within a fixed row. -- owner: availability-react; existing suppression is intentional pending typed cleanup.
+                    , { kind: cell, rowNumber: rowNumber }, `spec-${rowIndex}-${cellIndex}`));
+                }) }, `spec-row-${rowIndex}`));
+        }) }));
+}
+function SpacerCell({ kind, rowNumber: _rowNumber, }) {
+    if (kind === "door") {
+        return (_jsx("div", { className: "flex min-h-24 items-center justify-center rounded-md border border-amber-500/50 bg-amber-500/10 text-amber-700 dark:text-amber-300", children: _jsx(DoorOpen, { className: "size-5", "aria-hidden": "true" }) }));
+    }
+    if (kind === "void") {
+        return _jsx("div", { className: "min-h-24 rounded-md border border-dashed border-muted-foreground/20" });
+    }
+    // aisle
+    return _jsx("div", { className: "min-h-24", "aria-hidden": "true" });
+}
+function indexSeats(seats) {
+    const map = new Map();
+    for (const seat of seats) {
+        const row = typeof seat.flags?.row === "number" ? seat.flags.row : null;
+        const column = typeof seat.flags?.column === "string" ? seat.flags.column : null;
+        if (row === null || column === null)
+            continue;
+        map.set(`${row}:${column}`, seat);
+    }
+    return map;
+}
+function columnLetter(value) {
+    let result = "";
+    let n = value;
+    while (n > 0) {
+        const remainder = (n - 1) % 26;
+        result = String.fromCharCode(65 + remainder) + result;
+        n = Math.floor((n - 1) / 26);
+    }
+    return result;
+}

package/dist/availability/allocation/components/slot-allocation-shared.d.ts

@@ -0,0 +1,54 @@
+import type { AllocationAuditLogEntry, AllocationManifestTraveler, AllocationPaymentStatus, AllocationResource } from "@voyant-travel/operations-react/availability";
+import type { ReactNode } from "react";
+import { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
+import { type ValidationIssue } from "./slot-allocation-model.js";
+/**
+ * Passive grouping container used by the unallocated column and other
+ * card-shaped sections. Used to be a drop target during the drag-and-
+ * drop era; switched to click-to-allocate, so it's now a plain layout
+ * primitive. Kept as a named export so render-prop consumers can
+ * compose new sections without re-exporting Card pieces themselves.
+ */
+export declare function AllocationColumn({ id, icon, title, description, count, capacity, action, children, }: {
+    id: string;
+    icon: ReactNode;
+    title: string;
+    description: string;
+    count: number;
+    capacity: number;
+    action?: ReactNode;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TravelerTile({ traveler, sharingGroupLabel, renderActions, }: {
+    traveler: AllocationManifestTraveler;
+    sharingGroupLabel?: string | null;
+    renderActions?: (traveler: AllocationManifestTraveler) => ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ValidationSummary({ issues, resources, unallocatedCount, }: {
+    issues: ValidationIssue[];
+    resources: AllocationResource[];
+    unallocatedCount: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ResourceFlagBadges({ resource }: {
+    resource: AllocationResource;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function SeatPositionBadge({ seat }: {
+    seat: AllocationResource;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function AuditLogCard({ entries }: {
+    entries: AllocationAuditLogEntry[];
+}): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Border + background tint that mirrors the booking's payment status:
+ * red for unpaid, amber for partial, emerald for paid. Tailwind class
+ * names are written explicitly (no template strings) so the v4 JIT
+ * scanner picks them up.
+ *
+ * The saturation was bumped to `/20` background + `/70` border (from the
+ * earlier `/5` + `/40`) because the lower opacities rendered as no color
+ * on dark themes — the chips looked uncolored even though the helper
+ * was being applied.
+ */
+export declare function paymentStatusChipClass(status: AllocationPaymentStatus): string;
+export declare function paymentStatusTooltip(status: AllocationPaymentStatus, messages: ReturnType<typeof useAllocationUiMessagesOrDefault>): string;
+//# sourceMappingURL=slot-allocation-shared.d.ts.map

package/dist/availability/allocation/components/slot-allocation-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-allocation-shared.d.ts","sourceRoot":"","sources":["../../../../src/availability/allocation/components/slot-allocation-shared.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,uBAAuB,EACvB,0BAA0B,EAC1B,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,8CAA8C,CAAA;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,gCAAgC,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE7E;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,IAAI,EACJ,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE;IACD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB,2CAqBA;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,iBAAiB,EACjB,aAAa,GACd,EAAE;IACD,QAAQ,EAAE,0BAA0B,CAAA;IACpC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;CACpE,2CA2CA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,gBAAgB,GACjB,EAAE;IACD,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,SAAS,EAAE,kBAAkB,EAAE,CAAA;IAC/B,gBAAgB,EAAE,MAAM,CAAA;CACzB,2CAkCA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,kBAAkB,CAAA;CAAE,kDAoBhF;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,kDAmBvE;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,uBAAuB,EAAE,CAAA;CAAE,kDA4B/E;AAwBD;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,uBAAuB,GAAG,MAAM,CAS9E;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,uBAAuB,EAC/B,QAAQ,EAAE,UAAU,CAAC,OAAO,gCAAgC,CAAC,GAC5D,MAAM,CAER"}

package/dist/availability/allocation/components/slot-allocation-shared.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Badge, Card, CardContent, CardHeader, CardTitle, cn } from "@voyant-travel/ui/components";
+import { Accessibility, CircleAlert, Crown, History, UtensilsCrossed } from "lucide-react";
+import { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
+import { flagString } from "./slot-allocation-model.js";
+/**
+ * Passive grouping container used by the unallocated column and other
+ * card-shaped sections. Used to be a drop target during the drag-and-
+ * drop era; switched to click-to-allocate, so it's now a plain layout
+ * primitive. Kept as a named export so render-prop consumers can
+ * compose new sections without re-exporting Card pieces themselves.
+ */
+export function AllocationColumn({ id, icon, title, description, count, capacity, action, children, }) {
+    return (_jsxs(Card, { id: id, className: "min-h-40", children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3 space-y-0", children: [_jsxs("div", { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [icon, title] }), _jsx("p", { className: "text-xs text-muted-foreground", children: description })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Badge, { variant: count > capacity ? "destructive" : "outline", children: [count, "/", capacity] }), action] })] }), _jsx(CardContent, { className: "flex flex-col gap-2", children: children })] }));
+}
+export function TravelerTile({ traveler, sharingGroupLabel, renderActions, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    return (_jsxs("div", { className: cn("group flex items-start justify-between gap-3 rounded-md border bg-background p-3 text-sm shadow-sm", paymentStatusChipClass(traveler.paymentStatus)), title: paymentStatusTooltip(traveler.paymentStatus, messages), children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: [traveler.isLeadTraveler ? (_jsx(Crown, { className: "size-3.5 text-amber-500", "aria-label": messages.lead })) : null, traveler.bookingSequence > 0 ? (_jsxs("span", { className: "text-muted-foreground tabular-nums", "aria-hidden": "true", children: ["(", traveler.bookingSequence, ")"] })) : null, _jsx("span", { className: "truncate font-medium", children: traveler.fullName }), traveler.sharingGroupId ? (_jsx(Badge, { variant: "secondary", className: "max-w-full truncate text-[10px]", children: sharingGroupLabel ?? messages.sharingGroup })) : null] }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground", children: [_jsx("span", { children: traveler.bookingNumber }), traveler.roomTypeId ? _jsx("span", { children: traveler.roomTypeId }) : null, traveler.bedPreference ? _jsx("span", { children: traveler.bedPreference }) : null, traveler.hasAccessibilityNeeds ? (_jsx(Accessibility, { className: "size-3.5", "aria-label": messages.accessibility })) : null, traveler.hasDietaryRequirements ? (_jsx(UtensilsCrossed, { className: "size-3.5", "aria-label": messages.dietary })) : null] })] }), renderActions ? _jsx("div", { className: "shrink-0", children: renderActions(traveler) }) : null] }));
+}
+export function ValidationSummary({ issues, resources, unallocatedCount, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    if (issues.length === 0) {
+        return (_jsxs("div", { className: "flex flex-wrap items-center gap-2 rounded-md border bg-muted/30 px-3 py-2 text-sm text-muted-foreground", children: [_jsx(Badge, { variant: "outline", children: messages.validationClear }), _jsxs("span", { children: [resources.length, " ", messages.resources.toLowerCase(), " \u00B7 ", unallocatedCount, " ", messages.unallocated.toLowerCase()] })] }));
+    }
+    return (_jsxs("div", { className: "rounded-md border border-amber-300/60 bg-amber-50 px-3 py-2 text-sm text-amber-900 dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-200", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium", children: [_jsx(CircleAlert, { className: "size-4", "aria-hidden": "true" }), messages.validationTitle] }), _jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: issues.map((issue) => (_jsx(Badge, { variant: "outline", className: "border-amber-300 bg-background/70 text-amber-900 dark:border-amber-500/40 dark:bg-amber-500/15 dark:text-amber-100", children: issue.label }, issue.id))) })] }));
+}
+export function ResourceFlagBadges({ resource }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const flags = resource.flags;
+    const badges = [];
+    if (flags.accessibilityNeeded === true)
+        badges.push(messages.accessibility);
+    if (flags.smokingAllowed === true)
+        badges.push(messages.smokingAllowed);
+    if (typeof flags.note === "string" && flags.note.trim())
+        badges.push(flags.note.trim());
+    if (badges.length === 0)
+        return null;
+    return (_jsx("div", { className: "flex flex-wrap gap-1", children: badges.map((badge) => (_jsx(Badge, { variant: "outline", className: "max-w-full truncate text-[10px]", children: badge }, badge))) }));
+}
+export function SeatPositionBadge({ seat }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const position = flagString(seat.flags.position);
+    if (!position)
+        return null;
+    const label = position === "window"
+        ? messages.windowSeat
+        : position === "aisle"
+            ? messages.aisleSeat
+            : position === "middle"
+                ? messages.middleSeat
+                : position;
+    return (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: label }));
+}
+export function AuditLogCard({ entries }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    if (entries.length === 0)
+        return null;
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2 space-y-0 py-3", children: [_jsx(History, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-base", children: messages.auditLog }), _jsx("p", { className: "text-xs text-muted-foreground", children: messages.auditLogDescription })] })] }), _jsx(CardContent, { className: "flex flex-col gap-2", children: entries.slice(0, 8).map((entry) => (_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs", children: [_jsx("span", { className: "text-muted-foreground", children: new Date(entry.createdAt).toLocaleString() }), _jsx(Badge, { variant: "outline", children: messages.auditActions[entry.action] ?? entry.action }), _jsx("span", { className: "min-w-0 flex-1 truncate text-muted-foreground", children: entryDetail(entry) })] }, entry.id))) })] }));
+}
+function entryDetail(entry) {
+    const after = entry.after ?? {};
+    if (entry.action === "auto-allocate") {
+        return `${after.kind ?? ""}: ${after.assigned ?? 0} assigned, ${after.skipped ?? 0} skipped`;
+    }
+    if (entry.action === "resources.materialize") {
+        return `${after.kind ?? ""}: ${after.created ?? 0} created`;
+    }
+    if (entry.action.startsWith("resource.")) {
+        return [after.kind, after.label, after.capacity ? `capacity ${after.capacity}` : null]
+            .filter(Boolean)
+            .join(" · ");
+    }
+    if (entry.action.startsWith("traveler.")) {
+        return [after.kind, after.resourceId, after.sharingGroupId].filter(Boolean).join(" · ");
+    }
+    if (entry.action.startsWith("sharing-group.")) {
+        return [after.sharingGroupId, after.label].filter(Boolean).join(" · ");
+    }
+    return JSON.stringify(after);
+}
+/**
+ * Border + background tint that mirrors the booking's payment status:
+ * red for unpaid, amber for partial, emerald for paid. Tailwind class
+ * names are written explicitly (no template strings) so the v4 JIT
+ * scanner picks them up.
+ *
+ * The saturation was bumped to `/20` background + `/70` border (from the
+ * earlier `/5` + `/40`) because the lower opacities rendered as no color
+ * on dark themes — the chips looked uncolored even though the helper
+ * was being applied.
+ */
+export function paymentStatusChipClass(status) {
+    switch (status) {
+        case "paid":
+            return "border-emerald-500/70 bg-emerald-500/20 text-emerald-700 dark:text-emerald-200";
+        case "partial":
+            return "border-amber-500/70 bg-amber-500/20 text-amber-700 dark:text-amber-200";
+        case "unpaid":
+            return "border-rose-500/70 bg-rose-500/20 text-rose-700 dark:text-rose-200";
+    }
+}
+export function paymentStatusTooltip(status, messages) {
+    return messages.paymentStatusLabels?.[status] ?? status;
+}

package/dist/availability/allocation/i18n/index.d.ts

@@ -0,0 +1,2 @@
+export { type AllocationUiMessageOverrides, type AllocationUiMessages, AllocationUiMessagesProvider, allocationUiEn, allocationUiMessageDefinitions, allocationUiRo, getAllocationUiI18n, resolveAllocationUiMessages, useAllocationUiI18n, useAllocationUiI18nOrDefault, useAllocationUiMessages, useAllocationUiMessagesOrDefault, } from "./provider.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/availability/allocation/i18n/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/availability/allocation/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,4BAA4B,EACjC,KAAK,oBAAoB,EACzB,4BAA4B,EAC5B,cAAc,EACd,8BAA8B,EAC9B,cAAc,EACd,mBAAmB,EACnB,2BAA2B,EAC3B,mBAAmB,EACnB,4BAA4B,EAC5B,uBAAuB,EACvB,gCAAgC,GACjC,MAAM,eAAe,CAAA"}

package/dist/availability/allocation/i18n/index.js

@@ -0,0 +1 @@
+export { AllocationUiMessagesProvider, allocationUiEn, allocationUiMessageDefinitions, allocationUiRo, getAllocationUiI18n, resolveAllocationUiMessages, useAllocationUiI18n, useAllocationUiI18nOrDefault, useAllocationUiMessages, useAllocationUiMessagesOrDefault, } from "./provider.js";