@voyantjs/allocation-ui 0.50.8 → 0.51.1

package/dist/components/slot-allocation-model.d.ts

@@ -62,5 +62,48 @@ export declare function seatName(seat: AllocationResource, messages: AllocationU
 export declare function parentKindFor(kind: string): "" | "vehicle";
 export declare function defaultCapacityFor(kind: string): 1 | 2;
 export declare function kindLabel(kind: string, messages: AllocationUiMessages): string;
+/**
+ * Group resources for display by a "sub-type" — `refId` when present,
+ * otherwise the leading alphabetic token of `label` ("DBL" from
+ * "DBL 1"), otherwise a single "other" bucket. Lets the operator scan
+ * all DBLs together instead of an alphabetic interleave of mixed
+ * sub-types. Each group also exposes the count and the total person-
+ * capacity so the header summary stays consistent with the grid.
+ */
+export interface ResourceSubTypeGroup {
+    key: string;
+    /**
+     * Human-readable group label derived from the resource's refId or
+     * label prefix. `null` for the catch-all bucket (unlabeled, refId-
+     * less resources) — consumers should fall back to a localized
+     * "Other" string.
+     */
+    label: string | null;
+    resources: AllocationResource[];
+    count: number;
+    capacity: number;
+}
+export declare function groupResourcesBySubType(resources: AllocationResource[]): ResourceSubTypeGroup[];
+export interface ResourceCapacitySummary {
+    resourceCount: number;
+    resourceCapacity: number;
+    slotPax: number | null;
+    slotRemainingPax: number | null;
+    delta: number | null;
+    status: "fits" | "exact" | "over" | "unbounded";
+}
+/**
+ * Roll up slot pax vs. resource person-capacity into a single summary
+ * the header can render as a coloured pill. `slotPax` is the slot's
+ * `initialPax` when finite; if the slot is `unlimited` or has no
+ * initial pax we treat it as unbounded and the operator only sees the
+ * total resource capacity without a delta.
+ */
+export declare function summarizeResourceCapacity(input: {
+    resources: AllocationResource[];
+    slotInitialPax: number | null | undefined;
+    slotRemainingPax: number | null | undefined;
+    unlimited: boolean;
+}): ResourceCapacitySummary;
 export declare function flagString(value: unknown): string | null;
 //# sourceMappingURL=slot-allocation-model.d.ts.map

package/dist/components/slot-allocation-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot-allocation-model.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAElG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAE5D,eAAO,MAAM,SAAS,SAAS,CAAA;AAC/B,eAAO,MAAM,YAAY,YAAY,CAAA;AACrC,eAAO,MAAM,iBAAiB,iBAAiB,CAAA;AAC/C,eAAO,MAAM,iBAAiB,aAA0B,CAAA;AAExD,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,0BAA0B,EAAE,CAAC,CAAA;IACrD,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAA;IACrD,WAAW,EAAE,0BAA0B,EAAE,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,0BAA0B,EAAE,EACvC,SAAS,EAAE,kBAAkB,EAAE,EAC/B,IAAI,EAAE,MAAM,GACX,mBAAmB,CAmBrB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,0BAA0B,EAAE,CAAA;IACvC,SAAS,EAAE,kBAAkB,EAAE,CAAA;IAC/B,SAAS,EAAE,mBAAmB,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,oBAAoB,CAAA;CAC/B,qBA4BA;AAED,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,0BAA0B,EAAE,EAAE,IAAI,EAAE,MAAM,YAevF;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,kBAAkB,EAAE,EAC3B,QAAQ,EAAE,kBAAkB,EAAE,EAC9B,QAAQ,EAAE,oBAAoB;;;;;;;;;;;;;;;QAKtB,MAAM;WAAS,MAAM;eAAa,MAAM;IA0BjD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,kBAAkB,EAAE;;;;;;;;;;;;;;;;IAenD;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAE,oBAAoB,UAKhF;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,kBAEzC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,SAE9C;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,UAMrE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,iBAExC"}
+{"version":3,"file":"slot-allocation-model.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAElG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAE5D,eAAO,MAAM,SAAS,SAAS,CAAA;AAC/B,eAAO,MAAM,YAAY,YAAY,CAAA;AACrC,eAAO,MAAM,iBAAiB,iBAAiB,CAAA;AAC/C,eAAO,MAAM,iBAAiB,aAA0B,CAAA;AAExD,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,0BAA0B,EAAE,CAAC,CAAA;IACrD,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAA;IACrD,WAAW,EAAE,0BAA0B,EAAE,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,0BAA0B,EAAE,EACvC,SAAS,EAAE,kBAAkB,EAAE,EAC/B,IAAI,EAAE,MAAM,GACX,mBAAmB,CAmBrB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,0BAA0B,EAAE,CAAA;IACvC,SAAS,EAAE,kBAAkB,EAAE,CAAA;IAC/B,SAAS,EAAE,mBAAmB,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,oBAAoB,CAAA;CAC/B,qBA4BA;AAED,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,0BAA0B,EAAE,EAAE,IAAI,EAAE,MAAM,YAevF;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,kBAAkB,EAAE,EAC3B,QAAQ,EAAE,kBAAkB,EAAE,EAC9B,QAAQ,EAAE,oBAAoB;;;;;;;;;;;;;;;QAKtB,MAAM;WAAS,MAAM;eAAa,MAAM;IA0BjD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,kBAAkB,EAAE;;;;;;;;;;;;;;;;IAenD;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAE,oBAAoB,UAKhF;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,kBAEzC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,SAE9C;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,UAMrE;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAA;IACX;;;;;OAKG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,SAAS,EAAE,kBAAkB,EAAE,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,kBAAkB,EAAE,GAAG,oBAAoB,EAAE,CAoB/F;AAYD,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,CAAA;CAChD;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAC/C,SAAS,EAAE,kBAAkB,EAAE,CAAA;IAC/B,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACzC,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAC3C,SAAS,EAAE,OAAO,CAAA;CACnB,GAAG,uBAAuB,CAsB1B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,iBAExC"}

package/dist/components/slot-allocation-model.js

@@ -125,6 +125,65 @@ export function kindLabel(kind, messages) {
         return messages.flightSeats;
     return titleCaseKind(kind);
 }
+export function groupResourcesBySubType(resources) {
+    const buckets = new Map();
+    for (const resource of resources) {
+        const { key, label } = resourceSubTypeKey(resource);
+        const bucket = buckets.get(key) ?? { key, label, resources: [] };
+        bucket.resources.push(resource);
+        buckets.set(key, bucket);
+    }
+    return Array.from(buckets.values())
+        .map((bucket) => ({
+        key: bucket.key,
+        label: bucket.label,
+        resources: bucket.resources,
+        count: bucket.resources.length,
+        capacity: bucket.resources.reduce((sum, resource) => sum + resource.capacity, 0),
+    }))
+        .sort((a, b) => (a.label ?? "").localeCompare(b.label ?? "") || a.key.localeCompare(b.key));
+}
+function resourceSubTypeKey(resource) {
+    if (resource.refId)
+        return { key: `ref:${resource.refId}`, label: resource.refId };
+    const label = (resource.label ?? "").trim();
+    if (label.length > 0) {
+        const prefix = label.match(/^[A-Za-z]+/)?.[0];
+        if (prefix)
+            return { key: `prefix:${prefix.toUpperCase()}`, label: prefix.toUpperCase() };
+    }
+    return { key: "other", label: null };
+}
+/**
+ * Roll up slot pax vs. resource person-capacity into a single summary
+ * the header can render as a coloured pill. `slotPax` is the slot's
+ * `initialPax` when finite; if the slot is `unlimited` or has no
+ * initial pax we treat it as unbounded and the operator only sees the
+ * total resource capacity without a delta.
+ */
+export function summarizeResourceCapacity(input) {
+    const resourceCapacity = input.resources.reduce((sum, resource) => sum + resource.capacity, 0);
+    const slotPax = input.unlimited ? null : (input.slotInitialPax ?? null);
+    if (slotPax == null) {
+        return {
+            resourceCount: input.resources.length,
+            resourceCapacity,
+            slotPax: null,
+            slotRemainingPax: input.unlimited ? null : (input.slotRemainingPax ?? null),
+            delta: null,
+            status: "unbounded",
+        };
+    }
+    const delta = resourceCapacity - slotPax;
+    return {
+        resourceCount: input.resources.length,
+        resourceCapacity,
+        slotPax,
+        slotRemainingPax: input.slotRemainingPax ?? null,
+        delta,
+        status: delta > 0 ? "over" : delta === 0 ? "exact" : "fits",
+    };
+}
 export function flagString(value) {
     return typeof value === "string" ? value : null;
 }

package/dist/components/slot-allocation-page.d.ts

@@ -28,6 +28,13 @@ export interface SlotAllocationPageProps {
     renderBefore?: (context: SlotAllocationPageRenderContext) => ReactNode;
     renderAfter?: (context: SlotAllocationPageRenderContext) => ReactNode;
     extraTabs?: SlotAllocationPageExtraTab[];
+    /**
+     * Drop the top-level page header (title + back arrow). The host is
+     * expected to render its own. Capacity badges + the actions cluster
+     * stay as an inline toolbar above the kind tabs so the body is
+     * still self-sufficient when embedded.
+     */
+    embed?: boolean;
 }
-export declare function SlotAllocationPage({ slotId, className, onBack, renderExtraActions, renderTravelerActions, renderHeaderEnd, renderBefore, renderAfter, extraTabs, }: SlotAllocationPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function SlotAllocationPage({ slotId, className, onBack, renderExtraActions, renderTravelerActions, renderHeaderEnd, renderBefore, renderAfter, extraTabs, embed, }: SlotAllocationPageProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=slot-allocation-page.d.ts.map

package/dist/components/slot-allocation-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot-allocation-page.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-page.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,0BAA0B,EAC/B,KAAK,sBAAsB,EAO5B,MAAM,8BAA8B,CAAA;AAGrC,OAAO,EAAkB,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAA;AAiBzE,MAAM,WAAW,+BAA+B;IAC9C,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,sBAAsB,CAAA;IAChC,SAAS,EAAE,0BAA0B,EAAE,CAAA;IACvC,eAAe,EAAE,MAAM,EAAE,CAAA;CAC1B;AAED,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,MAAM,EAAE,CAAC,OAAO,EAAE,+BAA+B,KAAK,SAAS,CAAA;CAChE;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAA;IAC7E,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;IAC3E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,KAAK,SAAS,CAAA;IACzE,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,KAAK,SAAS,CAAA;IACtE,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,KAAK,SAAS,CAAA;IACrE,SAAS,CAAC,EAAE,0BAA0B,EAAE,CAAA;CACzC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,WAAW,EACX,SAAc,GACf,EAAE,uBAAuB,2CA6WzB"}
+{"version":3,"file":"slot-allocation-page.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-page.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,0BAA0B,EAE/B,KAAK,sBAAsB,EAQ5B,MAAM,8BAA8B,CAAA;AAsBrC,OAAO,EAAkB,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAA;AAmBzE,MAAM,WAAW,+BAA+B;IAC9C,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,sBAAsB,CAAA;IAChC,SAAS,EAAE,0BAA0B,EAAE,CAAA;IACvC,eAAe,EAAE,MAAM,EAAE,CAAA;CAC1B;AAED,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,MAAM,EAAE,CAAC,OAAO,EAAE,+BAA+B,KAAK,SAAS,CAAA;CAChE;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAA;IAC7E,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;IAC3E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,KAAK,SAAS,CAAA;IACzE,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,KAAK,SAAS,CAAA;IACtE,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,KAAK,SAAS,CAAA;IACrE,SAAS,CAAC,EAAE,0BAA0B,EAAE,CAAA;IACxC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,WAAW,EACX,SAAc,EACd,KAAa,GACd,EAAE,uBAAuB,2CAybzB"}

package/dist/components/slot-allocation-page.js

@@ -1,17 +1,21 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useAllocationAutomationMutation, useAllocationResourceMutation, useAssignTravelerAllocationMutation, useProductResourceTemplates, useSlotAllocation, useSlotAllocationAuditLog, } from "@voyantjs/availability-react";
-import { Button, cn, Input, Label, Tabs, TabsList, TabsTrigger } from "@voyantjs/ui/components";
-import { Armchair, ArrowLeft, Bed, Download, Plus, Sparkles, Users, Wand2 } from "lucide-react";
+import { useQuery } from "@tanstack/react-query";
+import { getSlotQueryOptions, useAllocationAutomationMutation, useAllocationResourceMutation, useAssignTravelerAllocationMutation, useProductResourceTemplates, useSlotAllocation, useSlotAllocationAuditLog, useVoyantAvailabilityContext, } from "@voyantjs/availability-react";
+import { Badge, Button, cn, Input, Label, Tabs, TabsList, TabsTrigger, } from "@voyantjs/ui/components";
+import { AlertTriangle, Armchair, ArrowLeft, Bed, Download, Plus, Sparkles, Users, Wand2, } from "lucide-react";
 import { useMemo, useState } from "react";
 import { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
-import { buildValidationIssues, collectOccupants, defaultCapacityFor, kindLabel, PARENT_ONLY_KINDS, parentKindFor, ROOM_KIND, VEHICLE_SEAT_KIND, } from "./slot-allocation-model.js";
+import { buildValidationIssues, collectOccupants, defaultCapacityFor, kindLabel, PARENT_ONLY_KINDS, parentKindFor, ROOM_KIND, summarizeResourceCapacity, VEHICLE_SEAT_KIND, } from "./slot-allocation-model.js";
 import { ResourceColumnsView } from "./slot-allocation-resource-view.js";
 import { VehicleSeatsView } from "./slot-allocation-seat-view.js";
 import { AuditLogCard, ValidationSummary } from "./slot-allocation-shared.js";
-export function SlotAllocationPage({ slotId, className, onBack, renderExtraActions, renderTravelerActions, renderHeaderEnd, renderBefore, renderAfter, extraTabs = [], }) {
+export function SlotAllocationPage({ slotId, className, onBack, renderExtraActions, renderTravelerActions, renderHeaderEnd, renderBefore, renderAfter, extraTabs = [], embed = false, }) {
     const messages = useAllocationUiMessagesOrDefault();
+    const availabilityClient = useVoyantAvailabilityContext();
     const allocation = useSlotAllocation({ slotId });
+    const slotRowQuery = useQuery(getSlotQueryOptions(availabilityClient, slotId));
+    const slotRow = slotRowQuery.data?.data;
     const auditLog = useSlotAllocationAuditLog({ slotId });
     const resourceMutation = useAllocationResourceMutation(slotId);
     const assignMutation = useAssignTravelerAllocationMutation(slotId);
@@ -21,7 +25,6 @@ export function SlotAllocationPage({ slotId, className, onBack, renderExtraActio
     const [resourceLabel, setResourceLabel] = useState("");
     const [resourceCapacity, setResourceCapacity] = useState(2);
     const [error, setError] = useState(null);
-    const hasPageExtensions = Boolean(renderHeaderEnd || renderBefore || renderAfter || extraTabs.length);
     const data = allocation.data?.data;
     const templates = useProductResourceTemplates({
         productId: data?.slot.productId,
@@ -64,6 +67,48 @@ export function SlotAllocationPage({ slotId, className, onBack, renderExtraActio
     const parentResources = useMemo(() => (data?.resources ?? []).filter((resource) => resource.kind === parentKindFor(activeKind)), [data?.resources, activeKind]);
     const occupants = useMemo(() => collectOccupants(travelers, resources, activeKind), [travelers, resources, activeKind]);
     const validationIssues = useMemo(() => buildValidationIssues({ travelers, resources, occupants, kind: activeKind, messages }), [travelers, resources, occupants, activeKind, messages]);
+    const capacitySummary = useMemo(() => summarizeResourceCapacity({
+        resources,
+        slotInitialPax: slotRow?.initialPax ?? null,
+        slotRemainingPax: slotRow?.remainingPax ?? null,
+        unlimited: slotRow?.unlimited ?? false,
+    }), [resources, slotRow?.initialPax, slotRow?.remainingPax, slotRow?.unlimited]);
+    const projectedSummary = useMemo(() => {
+        if (!addingResource)
+            return null;
+        const capacityNumber = Number.isFinite(resourceCapacity) ? Math.max(0, resourceCapacity) : 0;
+        return summarizeResourceCapacity({
+            resources: [
+                ...resources,
+                {
+                    id: "__projected__",
+                    slotId,
+                    kind: activeKind,
+                    label: null,
+                    refType: null,
+                    refId: null,
+                    capacity: capacityNumber,
+                    flags: {},
+                    parentId: null,
+                    sortOrder: 0,
+                    createdAt: new Date().toISOString(),
+                    updatedAt: new Date().toISOString(),
+                },
+            ],
+            slotInitialPax: slotRow?.initialPax ?? null,
+            slotRemainingPax: slotRow?.remainingPax ?? null,
+            unlimited: slotRow?.unlimited ?? false,
+        });
+    }, [
+        addingResource,
+        resourceCapacity,
+        resources,
+        slotId,
+        activeKind,
+        slotRow?.initialPax,
+        slotRow?.remainingPax,
+        slotRow?.unlimited,
+    ]);
     function downloadExport(kind) {
         globalThis.location.assign(`/v1/admin/availability/slots/${encodeURIComponent(slotId)}/allocation/export-${kind}`);
     }
@@ -76,29 +121,6 @@ export function SlotAllocationPage({ slotId, className, onBack, renderExtraActio
             setError(err instanceof Error ? err.message : messages.allocationFailed);
         }
     }
-    async function swapOrAssignSeat(travelerId, resourceId) {
-        const traveler = occupants.byTravelerId.get(travelerId);
-        if (!traveler)
-            return;
-        const currentResourceId = traveler.allocations[activeKind] ?? null;
-        if (currentResourceId === resourceId)
-            return;
-        setError(null);
-        try {
-            const targetOccupant = (occupants.byResource.get(resourceId) ?? []).find((occupant) => occupant.id !== travelerId);
-            if (targetOccupant) {
-                await assignMutation.mutateAsync({
-                    travelerId: targetOccupant.id,
-                    kind: activeKind,
-                    resourceId: currentResourceId,
-                });
-            }
-            await assignMutation.mutateAsync({ travelerId, kind: activeKind, resourceId });
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : messages.allocationFailed);
-        }
-    }
     async function createResource(event) {
         event.preventDefault();
         setError(null);
@@ -116,6 +138,16 @@ export function SlotAllocationPage({ slotId, className, onBack, renderExtraActio
             setError(err instanceof Error ? err.message : messages.createResourceFailed);
         }
     }
+    async function editResource(resourceId, input) {
+        setError(null);
+        try {
+            await resourceMutation.update.mutateAsync({ resourceId, input });
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.updateResourceFailed);
+            throw err;
+        }
+    }
     async function generateResources() {
         setError(null);
         try {
@@ -137,7 +169,14 @@ export function SlotAllocationPage({ slotId, className, onBack, renderExtraActio
     if (allocation.isPending) {
         return (_jsx("div", { className: cn("p-6 text-sm text-muted-foreground", className), children: messages.loading }));
     }
-    if (!data || (travelers.length === 0 && !hasPageExtensions)) {
+    // Only short-circuit when we genuinely have no data to render
+    // against. The page intentionally renders even when both resources
+    // and travelers are empty so operators can seed the per-departure
+    // resource block before any bookings exist — setting up the room
+    // block before selling is the canonical flow. The per-kind resource
+    // view handles its own empty state (and the "Add resource" /
+    // "Generate resources" affordances stay reachable).
+    if (!data) {
         return (_jsxs("div", { className: cn("flex flex-col items-center justify-center gap-3 p-8", className), children: [_jsx(Users, { className: "size-6 text-muted-foreground", "aria-hidden": "true" }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.empty })] }));
     }
     const isSeatMap = activeKind === VEHICLE_SEAT_KIND;
@@ -151,12 +190,39 @@ export function SlotAllocationPage({ slotId, className, onBack, renderExtraActio
         travelers,
         allocationKinds,
     };
-    return (_jsxs("div", { className: cn("flex flex-col gap-4 p-6", className), children: [_jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-start md:justify-between", children: [_jsxs("div", { className: "flex items-start gap-3", children: [onBack ? (_jsx(Button, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": messages.back, children: _jsx(ArrowLeft, { "data-icon": true, "aria-hidden": "true" }) })) : null, _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: messages.pageTitle }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-sm text-muted-foreground", children: [_jsxs("span", { children: [data.summary.travelerCount, " ", messages.travelers] }), selectedExtraTab ? null : (_jsxs("span", { children: [resources.length, " ", kindLabel(activeKind, messages).toLowerCase()] }))] })] })] }), _jsxs("div", { className: "flex flex-col gap-3 md:items-end", children: [renderHeaderEnd?.(context), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [selectedExtraTab ? null : renderExtraActions?.({ slotId, kind: activeKind }), _jsxs(Button, { variant: "outline", onClick: () => downloadExport("passengers"), children: [_jsx(Download, { "data-icon": "inline-start", "aria-hidden": "true" }), messages.exportPassengers] }), _jsxs(Button, { variant: "outline", onClick: () => downloadExport("rooming-list"), children: [_jsx(Download, { "data-icon": "inline-start", "aria-hidden": "true" }), messages.exportRooming] }), selectedExtraTab ? null : resources.length === 0 ? (_jsxs(Button, { variant: "outline", onClick: () => void generateResources(), disabled: automationMutation.autoMaterialize.isPending, children: [_jsx(Sparkles, { "data-icon": "inline-start", "aria-hidden": "true" }), automationMutation.autoMaterialize.isPending
-                                                ? messages.generatingResources
-                                                : messages.generateResources] })) : (_jsxs(Button, { variant: "outline", onClick: () => void autoAllocate(), disabled: automationMutation.autoAllocate.isPending, children: [_jsx(Wand2, { "data-icon": "inline-start", "aria-hidden": "true" }), automationMutation.autoAllocate.isPending
-                                                ? messages.autoAllocating
-                                                : messages.autoAllocate] })), !selectedExtraTab && canManuallyAddResource ? (_jsxs(Button, { variant: "outline", onClick: () => {
-                                            setResourceCapacity(defaultCapacityFor(activeKind));
-                                            setAddingResource((value) => !value);
-                                        }, children: [_jsx(Plus, { "data-icon": "inline-start", "aria-hidden": "true" }), messages.addResource] })) : null] })] })] }), renderBefore?.(context), _jsx(Tabs, { value: activeTabId, onValueChange: setSelectedKind, children: _jsxs(TabsList, { className: "flex h-auto w-fit flex-wrap justify-start", children: [allocationKinds.map((kind) => (_jsxs(TabsTrigger, { value: kind, className: "gap-2", children: [kind === VEHICLE_SEAT_KIND ? (_jsx(Armchair, { className: "size-4", "aria-hidden": "true" })) : (_jsx(Bed, { className: "size-4", "aria-hidden": "true" })), kindLabel(kind, messages)] }, kind))), visibleExtraTabs.map((tab) => (_jsxs(TabsTrigger, { value: tab.id, className: "gap-2", children: [tab.icon, tab.label] }, tab.id)))] }) }), selectedExtraTab ? (selectedExtraTab.render(context)) : (_jsxs(_Fragment, { children: [error ? (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: error })) : null, addingResource && canManuallyAddResource ? (_jsxs("form", { className: "grid gap-3 rounded-md border bg-muted/30 p-3 sm:grid-cols-[1fr_8rem_auto_auto]", onSubmit: createResource, children: [_jsxs("div", { className: "grid gap-1", children: [_jsx(Label, { htmlFor: "allocation-resource-label", children: messages.resourceLabel }), _jsx(Input, { id: "allocation-resource-label", value: resourceLabel, onChange: (event) => setResourceLabel(event.target.value), placeholder: activeKind === ROOM_KIND ? "102" : kindLabel(activeKind, messages) })] }), _jsxs("div", { className: "grid gap-1", children: [_jsx(Label, { htmlFor: "allocation-resource-capacity", children: messages.resourceCapacity }), _jsx(Input, { id: "allocation-resource-capacity", type: "number", min: 1, value: resourceCapacity, onChange: (event) => setResourceCapacity(Number(event.target.value) || 1) })] }), _jsx(Button, { type: "submit", className: "self-end", disabled: resourceMutation.create.isPending, children: messages.createResource }), _jsx(Button, { type: "button", variant: "ghost", className: "self-end", onClick: () => setAddingResource(false), children: messages.cancel })] })) : null, _jsx(ValidationSummary, { issues: validationIssues, resources: resources, unallocatedCount: occupants.unallocated.length }), isSeatMap ? (_jsx(VehicleSeatsView, { seats: resources, vehicles: parentResources, occupants: occupants, sharingGroupLabels: data.sharingGroupLabels, onDropTraveler: (travelerId, resourceId) => void swapOrAssignSeat(travelerId, resourceId), onUnassignTraveler: (travelerId) => void assignTraveler(travelerId, null), renderTravelerActions: renderTravelerActions })) : (_jsx(ResourceColumnsView, { kind: activeKind, resources: resources, travelers: travelers, occupants: occupants, sharingGroupLabels: data.sharingGroupLabels, onDropTraveler: (travelerId, resourceId) => void assignTraveler(travelerId, resourceId), onRemoveResource: (resourceId) => void resourceMutation.remove.mutateAsync(resourceId), renderTravelerActions: renderTravelerActions }))] })), renderAfter?.(context), _jsx(AuditLogCard, { entries: auditLog.data?.data ?? [] })] }));
+    const summaryLine = (_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm text-muted-foreground", children: [_jsxs("span", { children: [data.summary.travelerCount, " ", messages.travelers] }), selectedExtraTab ? null : (_jsxs("span", { children: [resources.length, " ", kindLabel(activeKind, messages).toLowerCase()] })), selectedExtraTab ? null : (_jsx(CapacitySummaryBadges, { summary: capacitySummary, messages: messages, kind: activeKind }))] }));
+    const actionsCluster = (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [selectedExtraTab ? null : renderExtraActions?.({ slotId, kind: activeKind }), _jsxs(Button, { variant: "outline", onClick: () => downloadExport("passengers"), children: [_jsx(Download, { "data-icon": "inline-start", "aria-hidden": "true" }), messages.exportPassengers] }), _jsxs(Button, { variant: "outline", onClick: () => downloadExport("rooming-list"), children: [_jsx(Download, { "data-icon": "inline-start", "aria-hidden": "true" }), messages.exportRooming] }), selectedExtraTab ? null : resources.length === 0 ? (_jsxs(Button, { variant: "outline", onClick: () => void generateResources(), disabled: automationMutation.autoMaterialize.isPending, children: [_jsx(Sparkles, { "data-icon": "inline-start", "aria-hidden": "true" }), automationMutation.autoMaterialize.isPending
+                        ? messages.generatingResources
+                        : messages.generateResources] })) : (_jsxs(Button, { variant: "outline", onClick: () => void autoAllocate(), disabled: automationMutation.autoAllocate.isPending, children: [_jsx(Wand2, { "data-icon": "inline-start", "aria-hidden": "true" }), automationMutation.autoAllocate.isPending
+                        ? messages.autoAllocating
+                        : messages.autoAllocate] })), !selectedExtraTab && canManuallyAddResource ? (_jsxs(Button, { variant: "outline", onClick: () => {
+                    setResourceCapacity(defaultCapacityFor(activeKind));
+                    setAddingResource((value) => !value);
+                }, children: [_jsx(Plus, { "data-icon": "inline-start", "aria-hidden": "true" }), messages.addResource] })) : null] }));
+    return (_jsxs("div", { className: cn("flex flex-col gap-4", embed ? null : "p-6", className), children: [embed ? (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [summaryLine, actionsCluster] })) : (_jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-start md:justify-between", children: [_jsxs("div", { className: "flex items-start gap-3", children: [onBack ? (_jsx(Button, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": messages.back, children: _jsx(ArrowLeft, { "data-icon": true, "aria-hidden": "true" }) })) : null, _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: messages.pageTitle }), _jsx("div", { className: "mt-1", children: summaryLine })] })] }), _jsxs("div", { className: "flex flex-col gap-3 md:items-end", children: [renderHeaderEnd?.(context), actionsCluster] })] })), renderBefore?.(context), _jsx(Tabs, { value: activeTabId, onValueChange: setSelectedKind, children: _jsxs(TabsList, { className: "flex h-auto w-fit flex-wrap justify-start", children: [allocationKinds.map((kind) => (_jsxs(TabsTrigger, { value: kind, className: "gap-2", children: [kind === VEHICLE_SEAT_KIND ? (_jsx(Armchair, { className: "size-4", "aria-hidden": "true" })) : (_jsx(Bed, { className: "size-4", "aria-hidden": "true" })), kindLabel(kind, messages)] }, kind))), visibleExtraTabs.map((tab) => (_jsxs(TabsTrigger, { value: tab.id, className: "gap-2", children: [tab.icon, tab.label] }, tab.id)))] }) }), selectedExtraTab ? (selectedExtraTab.render(context)) : (_jsxs(_Fragment, { children: [error ? (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: error })) : null, addingResource && canManuallyAddResource ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("form", { className: "grid gap-3 rounded-md border bg-muted/30 p-3 sm:grid-cols-[1fr_8rem_auto_auto]", onSubmit: createResource, children: [_jsxs("div", { className: "grid gap-1", children: [_jsx(Label, { htmlFor: "allocation-resource-label", children: messages.resourceLabel }), _jsx(Input, { id: "allocation-resource-label", value: resourceLabel, onChange: (event) => setResourceLabel(event.target.value), placeholder: activeKind === ROOM_KIND ? "102" : kindLabel(activeKind, messages) })] }), _jsxs("div", { className: "grid gap-1", children: [_jsx(Label, { htmlFor: "allocation-resource-capacity", children: messages.resourceCapacity }), _jsx(Input, { id: "allocation-resource-capacity", type: "number", min: 1, value: resourceCapacity, onChange: (event) => setResourceCapacity(Number(event.target.value) || 1) })] }), _jsx(Button, { type: "submit", className: "self-end", disabled: resourceMutation.create.isPending, children: messages.createResource }), _jsx(Button, { type: "button", variant: "ghost", className: "self-end", onClick: () => setAddingResource(false), children: messages.cancel })] }), projectedSummary?.status === "over" && projectedSummary.delta != null ? (_jsxs("div", { className: "flex items-start gap-2 rounded-md border border-amber-500/40 bg-amber-50 px-3 py-2 text-sm text-amber-900 dark:bg-amber-950 dark:text-amber-100", role: "status", children: [_jsx(AlertTriangle, { className: "mt-0.5 size-4 shrink-0", "aria-hidden": "true" }), _jsxs("span", { children: [messages.overCapacityWarning, " ", projectedSummary.resourceCapacity, "/", projectedSummary.slotPax ?? "—", " (", messages.resourceCapacityOver, ":", " ", projectedSummary.delta, ")"] })] })) : null] })) : null, _jsx(ValidationSummary, { issues: validationIssues, resources: resources, unallocatedCount: occupants.unallocated.length }), isSeatMap ? (_jsx(VehicleSeatsView, { seats: resources, vehicles: parentResources, occupants: occupants, sharingGroupLabels: data.sharingGroupLabels, onAssignTraveler: (travelerId, resourceId) => void assignTraveler(travelerId, resourceId), onUnassignTraveler: (travelerId) => void assignTraveler(travelerId, null), renderTravelerActions: renderTravelerActions })) : (_jsx(ResourceColumnsView, { kind: activeKind, resources: resources, travelers: travelers, occupants: occupants, sharingGroupLabels: data.sharingGroupLabels, onAssignTraveler: (travelerId, resourceId) => void assignTraveler(travelerId, resourceId), onUnassignTraveler: (travelerId) => void assignTraveler(travelerId, null), onRemoveResource: (resourceId) => void resourceMutation.remove.mutateAsync(resourceId), onEditResource: editResource, renderTravelerActions: renderTravelerActions }))] })), renderAfter?.(context), _jsx(AuditLogCard, { entries: auditLog.data?.data ?? [] })] }));
+}
+function CapacitySummaryBadges({ summary, messages, kind, }) {
+    if (summary.resourceCount === 0 && summary.slotPax == null)
+        return null;
+    const slotLabel = summary.slotPax == null
+        ? messages.slotCapacityUnlimited
+        : `${summary.slotRemainingPax ?? 0}/${summary.slotPax}`;
+    const resourceLabel = summary.slotPax == null
+        ? String(summary.resourceCapacity)
+        : `${summary.resourceCapacity}/${summary.slotPax}`;
+    const deltaVariant = summary.status === "over"
+        ? "destructive"
+        : summary.status === "exact"
+            ? "default"
+            : summary.status === "fits"
+                ? "secondary"
+                : "outline";
+    const deltaLabel = summary.status === "over"
+        ? `${messages.resourceCapacityOver}: ${summary.delta ?? 0}`
+        : summary.status === "exact"
+            ? messages.resourceCapacityExact
+            : summary.status === "fits"
+                ? messages.resourceCapacityFits
+                : null;
+    return (_jsxs("span", { className: "contents", "data-kind": kind, title: kindLabel(kind, messages), children: [_jsxs(Badge, { variant: "outline", className: "gap-1", children: [_jsx(Users, { className: "size-3", "aria-hidden": "true" }), messages.slotCapacityLabel, ": ", slotLabel] }), _jsxs(Badge, { variant: "outline", className: "gap-1", children: [messages.resourceCapacityLabel, ": ", resourceLabel] }), deltaLabel ? _jsx(Badge, { variant: deltaVariant, children: deltaLabel }) : null] }));
 }

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

@@ -1,14 +1,22 @@
 import type { AllocationManifestTraveler, AllocationResource } from "@voyantjs/availability-react";
-import type { ReactNode } from "react";
+import { type ReactNode } from "react";
 import { type AllocationOccupants } from "./slot-allocation-model.js";
-export declare function ResourceColumnsView({ kind, resources, travelers, occupants, sharingGroupLabels, onDropTraveler, onRemoveResource, renderTravelerActions, }: {
+export interface EditResourceInput {
+    label: string | null;
+    capacity: number;
+}
+export declare function ResourceColumnsView({ kind, resources, travelers, occupants, sharingGroupLabels, onAssignTraveler, onUnassignTraveler, onRemoveResource, onEditResource, renderTravelerActions, }: {
     kind: string;
     resources: AllocationResource[];
     travelers: AllocationManifestTraveler[];
     occupants: AllocationOccupants;
     sharingGroupLabels: Record<string, string>;
-    onDropTraveler: (travelerId: string, resourceId: string | null) => void;
+    /** 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;
     renderTravelerActions?: (traveler: AllocationManifestTraveler) => ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=slot-allocation-resource-view.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"slot-allocation-resource-view.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-resource-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAGlG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAE,KAAK,mBAAmB,EAAgC,MAAM,4BAA4B,CAAA;AAGnG,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,SAAS,EACT,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,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,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACvE,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;CAC5E,2CAgDA"}
+{"version":3,"file":"slot-allocation-resource-view.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-resource-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAuBlG,OAAO,EAAkB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAA;AAG3E,OAAO,EACL,KAAK,mBAAmB,EAGzB,MAAM,4BAA4B,CAAA;AAGnC,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,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,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,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,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;CAC5E,2CAgEA"}

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

@@ -1,16 +1,77 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Button } from "@voyantjs/ui/components";
-import { Armchair, Bed, Trash2, Users } from "lucide-react";
+import { Badge, Button, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Input, Label, Popover, PopoverContent, PopoverTrigger, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyantjs/ui/components";
+import { Bed, Pencil, Plus, Trash2, UserMinus, Users, X } from "lucide-react";
+import { useEffect, useState } from "react";
 import { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
-import { kindLabel, VEHICLE_SEAT_KIND } from "./slot-allocation-model.js";
-import { DropColumn, ResourceFlagBadges, TravelerTile } from "./slot-allocation-shared.js";
-export function ResourceColumnsView({ kind, resources, travelers, occupants, sharingGroupLabels, onDropTraveler, onRemoveResource, renderTravelerActions, }) {
+import { groupResourcesBySubType, kindLabel, } from "./slot-allocation-model.js";
+import { AllocationColumn, TravelerTile } from "./slot-allocation-shared.js";
+export function ResourceColumnsView({ kind, resources, travelers, occupants, sharingGroupLabels, onAssignTraveler, onUnassignTraveler, onRemoveResource, onEditResource, renderTravelerActions, }) {
     const messages = useAllocationUiMessagesOrDefault();
-    return (_jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(18rem,22rem)_1fr]", children: [_jsx(DropColumn, { id: "unallocated", icon: _jsx(Users, { className: "size-4", "aria-hidden": "true" }), title: messages.unallocated, description: messages.unallocatedDescription, count: occupants.unallocated.length, capacity: travelers.length, onDropTraveler: (travelerId) => onDropTraveler(travelerId, null), children: 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 md:grid-cols-2 2xl:grid-cols-3", children: resources.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-6 text-sm text-muted-foreground", children: messages.noResources })) : (resources.map((resource) => (_jsx(AllocationResourceColumn, { kind: kind, resource: resource, occupants: occupants.byResource.get(resource.id) ?? [], sharingGroupLabels: sharingGroupLabels, onDropTraveler: (travelerId) => onDropTraveler(travelerId, resource.id), onRemoveResource: () => onRemoveResource(resource.id), renderTravelerActions: renderTravelerActions }, resource.id)))) })] }));
+    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: travelers.length, 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: "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) => {
+                    const groupLabel = group.label ?? messages.resourceOtherGroup;
+                    return (_jsxs("section", { "aria-label": groupLabel, className: "flex flex-col gap-2", children: [_jsxs("header", { className: "flex items-baseline justify-between gap-2 border-b pb-1", children: [_jsx("h3", { className: "text-sm font-semibold tracking-wide uppercase text-muted-foreground", children: groupLabel }), _jsxs("span", { className: "text-xs text-muted-foreground", children: [group.count, " \u00B7 ", messages.capacity.toLowerCase(), " ", group.capacity] })] }), _jsx(ResourceGroupTable, { kind: kind, resources: group.resources, occupants: occupants, unallocated: occupants.unallocated, sharingGroupLabels: sharingGroupLabels, onAssignTraveler: onAssignTraveler, onUnassignTraveler: onUnassignTraveler, onRemoveResource: onRemoveResource, onEditResource: onEditResource })] }, group.key));
+                })) })] }));
 }
-function AllocationResourceColumn({ kind, resource, occupants, onDropTraveler, onRemoveResource, sharingGroupLabels, renderTravelerActions, }) {
+function ResourceGroupTable({ kind, resources, occupants, unallocated, sharingGroupLabels, onAssignTraveler, onUnassignTraveler, onRemoveResource, onEditResource, }) {
     const messages = useAllocationUiMessagesOrDefault();
-    const full = occupants.length >= resource.capacity;
-    return (_jsxs(DropColumn, { id: `allocation-resource:${resource.id}`, icon: kind === VEHICLE_SEAT_KIND ? _jsx(Armchair, { className: "size-4" }) : _jsx(Bed, { className: "size-4" }), title: resource.label ?? kindLabel(kind, messages), description: `${messages.capacity}: ${occupants.length}/${resource.capacity}`, count: occupants.length, capacity: resource.capacity, disabled: full, onDropTraveler: onDropTraveler, action: _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onRemoveResource, children: _jsx(Trash2, { className: "size-4", "aria-hidden": "true" }) }), children: [_jsx(ResourceFlagBadges, { resource: resource }), full ? (_jsx(Badge, { variant: "secondary", className: "w-fit", children: messages.overCapacity })) : null, occupants.map((traveler) => (_jsx(TravelerTile, { traveler: traveler, sharingGroupLabel: traveler.sharingGroupId ? sharingGroupLabels[traveler.sharingGroupId] : null, renderActions: renderTravelerActions }, traveler.id))), !full ? (_jsx("div", { className: "rounded-md border border-dashed p-3 text-xs text-muted-foreground", children: messages.dropHere })) : null] }));
+    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, 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) }, resource.id));
+                    }) })] }) }));
+}
+function ResourceRow({ kind, resource, seated, unallocated, sharingGroupLabels, isEditing, isFull, canEdit, onBeginEdit, onCancelEdit, onSaveEdit, onAssignTraveler, onUnassignTraveler, onRemoveResource, }) {
+    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)] }) }), _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) }, traveler.id))), !isFull ? (_jsx(AssignTravelerPopover, { unallocated: unallocated, 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, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    return (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-full border bg-background px-2 py-0.5 text-xs", children: [_jsx("span", { className: "truncate font-medium", title: sharingGroupLabel ?? undefined, children: traveler.fullName }), _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, onSelect, }) {
+    const messages = useAllocationUiMessagesOrDefault();
+    const [open, setOpen] = useState(false);
+    const disabled = unallocated.length === 0;
+    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 }), _jsx(CommandGroup, { children: unallocated.map((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))) })] })] }) })] }));
+}
+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 })] }));
 }

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

@@ -1,12 +1,14 @@
 import type { AllocationManifestTraveler, AllocationResource } from "@voyantjs/availability-react";
 import { type ReactNode } from "react";
 import { type AllocationOccupants } from "./slot-allocation-model.js";
-export declare function VehicleSeatsView({ seats, vehicles, occupants, sharingGroupLabels, onDropTraveler, onUnassignTraveler, renderTravelerActions, }: {
+export declare function VehicleSeatsView({ seats, vehicles, occupants, sharingGroupLabels, onAssignTraveler, onUnassignTraveler, renderTravelerActions, }: {
     seats: AllocationResource[];
     vehicles: AllocationResource[];
     occupants: AllocationOccupants;
     sharingGroupLabels: Record<string, string>;
-    onDropTraveler: (travelerId: string, resourceId: string) => void;
+    /** 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;
     renderTravelerActions?: (traveler: AllocationManifestTraveler) => ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"slot-allocation-seat-view.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-seat-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAGlG,OAAO,EAAkB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAGhE,OAAO,EACL,KAAK,mBAAmB,EAIzB,MAAM,4BAA4B,CAAA;AAGnC,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,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,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;CAC5E,2CAsFA"}
+{"version":3,"file":"slot-allocation-seat-view.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-seat-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAoBlG,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAGhD,OAAO,EACL,KAAK,mBAAmB,EAIzB,MAAM,4BAA4B,CAAA;AAGnC,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,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,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,SAAS,CAAA;CAC5E,2CA2FA"}

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

@@ -1,37 +1,33 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Card, CardContent, CardHeader, CardTitle, cn } from "@voyantjs/ui/components";
-import { Armchair, Crown, Users } from "lucide-react";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, cn, Popover, PopoverContent, PopoverTrigger, } from "@voyantjs/ui/components";
+import { Armchair, Crown, 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 { DropColumn, SeatPositionBadge, TravelerTile } from "./slot-allocation-shared.js";
-export function VehicleSeatsView({ seats, vehicles, occupants, sharingGroupLabels, onDropTraveler, onUnassignTraveler, renderTravelerActions, }) {
+import { AllocationColumn, SeatPositionBadge, TravelerTile } from "./slot-allocation-shared.js";
+export function VehicleSeatsView({ seats, vehicles, occupants, sharingGroupLabels, onAssignTraveler, onUnassignTraveler, 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(DropColumn, { 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, onDropTraveler: onUnassignTraveler, children: 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: _jsx("div", { className: "grid gap-2", children: seatRows(group.seats).map((row) => (_jsx("div", { className: "grid items-stretch gap-2", style: {
+    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: _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, sharingGroupLabel: seatOccupants[0]?.sharingGroupId
+                                        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, onDropTraveler: (travelerId) => onDropTraveler(travelerId, seat.id) }, seat.id));
+                                                : null, onAssignTraveler: (travelerId) => onAssignTraveler(travelerId, seat.id), onUnassignTraveler: onUnassignTraveler }, seat.id));
                                     }) }, row.rowKey))) }) })] }, group.id)))) })] }));
 }
-function VehicleSeatCell({ seat, occupant, overflow, sharingGroupLabel, onDropTraveler, }) {
+function VehicleSeatCell({ seat, occupant, overflow, unallocated, sharingGroupLabel, onAssignTraveler, onUnassignTraveler, }) {
     const messages = useAllocationUiMessagesOrDefault();
-    const [over, setOver] = useState(false);
-    function onDrop(event) {
-        event.preventDefault();
-        setOver(false);
-        const travelerId = event.dataTransfer.getData("text/plain");
-        if (travelerId)
-            onDropTraveler(travelerId);
+    const [pickerOpen, setPickerOpen] = useState(false);
+    const cellClasses = cn("flex min-h-24 flex-col rounded-md border bg-background p-2 text-left text-xs", overflow ? "border-destructive bg-destructive/5" /* i18n-literal-ok CSS class token */ : null);
+    if (occupant) {
+        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("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, _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: [_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" }) })] }));
     }
-    return (_jsxs("div", { id: `seat:${seat.id}`, className: cn("min-h-24 rounded-md border bg-background p-2 text-left text-xs transition-colors", over ? "border-primary bg-primary/5" /* i18n-literal-ok CSS class token */ : null, overflow
-            ? "border-destructive bg-destructive/5" /* i18n-literal-ok CSS class token */
-            : null), onDragOver: (event) => {
-            event.preventDefault();
-            setOver(true);
-        }, onDragLeave: () => setOver(false), onDrop: onDrop, 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 })] }), occupant ? (_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, _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: [_jsx("span", { children: occupant.bookingNumber }), sharingGroupLabel ? (_jsx(Badge, { variant: "secondary", className: "max-w-full truncate text-[10px]", children: sharingGroupLabel })) : null] })] })) : (_jsx("div", { className: "mt-3 rounded border border-dashed p-2 text-muted-foreground", children: messages.dropHere }))] }));
+    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))) })] })] }) })] })] }));
 }

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

@@ -1,17 +1,22 @@
 import type { AllocationAuditLogEntry, AllocationManifestTraveler, AllocationResource } from "@voyantjs/availability-react";
-import { type ReactNode } from "react";
+import type { ReactNode } from "react";
 import { type ValidationIssue } from "./slot-allocation-model.js";
-export declare function DropColumn({ id, icon, title, description, count, capacity, disabled, action, children, onDropTraveler, }: {
+/**
+ * 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;
-    disabled?: boolean;
     action?: ReactNode;
     children: ReactNode;
-    onDropTraveler: (travelerId: string) => void;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function TravelerTile({ traveler, sharingGroupLabel, renderActions, }: {
     traveler: AllocationManifestTraveler;

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

@@ -1 +1 @@
-{"version":3,"file":"slot-allocation-shared.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-shared.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,uBAAuB,EACvB,0BAA0B,EAC1B,kBAAkB,EACnB,MAAM,8BAA8B,CAAA;AAGrC,OAAO,EAAkB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAGhE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE7E,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,cAAc,GACf,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,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C,2CA6CA;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,2CA0CA;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,2CA8BA;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"}
+{"version":3,"file":"slot-allocation-shared.d.ts","sourceRoot":"","sources":["../../src/components/slot-allocation-shared.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,uBAAuB,EACvB,0BAA0B,EAC1B,kBAAkB,EACnB,MAAM,8BAA8B,CAAA;AAGrC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,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,2CAgCA;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,2CA8BA;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"}

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

@@ -1,35 +1,22 @@
 "use client";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Badge, Card, CardContent, CardHeader, CardTitle, cn } from "@voyantjs/ui/components";
+import { Badge, Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components";
 import { Accessibility, CircleAlert, Crown, History, UtensilsCrossed } from "lucide-react";
-import { useState } from "react";
 import { useAllocationUiMessagesOrDefault } from "../i18n/index.js";
 import { flagString } from "./slot-allocation-model.js";
-export function DropColumn({ id, icon, title, description, count, capacity, disabled, action, children, onDropTraveler, }) {
-    const [over, setOver] = useState(false);
-    function onDrop(event) {
-        event.preventDefault();
-        setOver(false);
-        if (disabled)
-            return;
-        const travelerId = event.dataTransfer.getData("text/plain");
-        if (travelerId)
-            onDropTraveler(travelerId);
-    }
-    return (_jsxs(Card, { id: id, className: cn("min-h-40 transition-colors", over && !disabled
-            ? "border-primary bg-primary/5" /* i18n-literal-ok CSS class token */
-            : null), onDragOver: (event) => {
-            event.preventDefault();
-            if (!disabled)
-                setOver(true);
-        }, onDragLeave: () => setOver(false), onDrop: onDrop, 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 })] }));
+/**
+ * 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", { draggable: true, role: "button", tabIndex: 0, onDragStart: (event) => {
-            event.dataTransfer.effectAllowed = "move";
-            event.dataTransfer.setData("text/plain", traveler.id);
-        }, className: "group flex cursor-grab items-start justify-between gap-3 rounded-md border bg-background p-3 text-sm shadow-sm active:cursor-grabbing", 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, _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] }));
+    return (_jsxs("div", { className: "group flex items-start justify-between gap-3 rounded-md border bg-background p-3 text-sm shadow-sm", 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, _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();

package/dist/i18n/provider.d.ts

@@ -24,9 +24,17 @@ export type AllocationUiMessages = Record<string, unknown> & {
     resourceLabel: string;
     resourceCapacity: string;
     createResource: string;
+    editResource: string;
+    saveResource: string;
+    updateResourceFailed: string;
     cancel: string;
     unallocated: string;
     unallocatedDescription: string;
+    unallocatedEmpty: string;
+    assignTraveler: string;
+    assignTravelerSearch: string;
+    assignTravelerEmpty: string;
+    resourceOtherGroup: string;
     rooms: string;
     resources: string;
     vehicleSeats: string;
@@ -44,6 +52,13 @@ export type AllocationUiMessages = Record<string, unknown> & {
     remove: string;
     overCapacity: string;
     dropHere: string;
+    slotCapacityLabel: string;
+    slotCapacityUnlimited: string;
+    resourceCapacityLabel: string;
+    resourceCapacityFits: string;
+    resourceCapacityExact: string;
+    resourceCapacityOver: string;
+    overCapacityWarning: string;
     noRooms: string;
     noResources: string;
     noSeats: string;
@@ -98,9 +113,17 @@ export declare const allocationUiEn: {
     resourceLabel: string;
     resourceCapacity: string;
     createResource: string;
+    editResource: string;
+    saveResource: string;
+    updateResourceFailed: string;
     cancel: string;
     unallocated: string;
     unallocatedDescription: string;
+    unallocatedEmpty: string;
+    assignTraveler: string;
+    assignTravelerSearch: string;
+    assignTravelerEmpty: string;
+    resourceOtherGroup: string;
     rooms: string;
     resources: string;
     vehicleSeats: string;
@@ -118,6 +141,13 @@ export declare const allocationUiEn: {
     remove: string;
     overCapacity: string;
     dropHere: string;
+    slotCapacityLabel: string;
+    slotCapacityUnlimited: string;
+    resourceCapacityLabel: string;
+    resourceCapacityFits: string;
+    resourceCapacityExact: string;
+    resourceCapacityOver: string;
+    overCapacityWarning: string;
     noRooms: string;
     noResources: string;
     noSeats: string;
@@ -172,9 +202,17 @@ export declare const allocationUiRo: {
     resourceLabel: string;
     resourceCapacity: string;
     createResource: string;
+    editResource: string;
+    saveResource: string;
+    updateResourceFailed: string;
     cancel: string;
     unallocated: string;
     unallocatedDescription: string;
+    unallocatedEmpty: string;
+    assignTraveler: string;
+    assignTravelerSearch: string;
+    assignTravelerEmpty: string;
+    resourceOtherGroup: string;
     rooms: string;
     resources: string;
     vehicleSeats: string;
@@ -192,6 +230,13 @@ export declare const allocationUiRo: {
     remove: string;
     overCapacity: string;
     dropHere: string;
+    slotCapacityLabel: string;
+    slotCapacityUnlimited: string;
+    resourceCapacityLabel: string;
+    resourceCapacityFits: string;
+    resourceCapacityExact: string;
+    resourceCapacityOver: string;
+    overCapacityWarning: string;
     noRooms: string;
     noResources: string;
     noSeats: string;
@@ -247,9 +292,17 @@ export declare const allocationUiMessageDefinitions: {
         resourceLabel: string;
         resourceCapacity: string;
         createResource: string;
+        editResource: string;
+        saveResource: string;
+        updateResourceFailed: string;
         cancel: string;
         unallocated: string;
         unallocatedDescription: string;
+        unallocatedEmpty: string;
+        assignTraveler: string;
+        assignTravelerSearch: string;
+        assignTravelerEmpty: string;
+        resourceOtherGroup: string;
         rooms: string;
         resources: string;
         vehicleSeats: string;
@@ -267,6 +320,13 @@ export declare const allocationUiMessageDefinitions: {
         remove: string;
         overCapacity: string;
         dropHere: string;
+        slotCapacityLabel: string;
+        slotCapacityUnlimited: string;
+        resourceCapacityLabel: string;
+        resourceCapacityFits: string;
+        resourceCapacityExact: string;
+        resourceCapacityOver: string;
+        overCapacityWarning: string;
         noRooms: string;
         noResources: string;
         noSeats: string;
@@ -321,9 +381,17 @@ export declare const allocationUiMessageDefinitions: {
         resourceLabel: string;
         resourceCapacity: string;
         createResource: string;
+        editResource: string;
+        saveResource: string;
+        updateResourceFailed: string;
         cancel: string;
         unallocated: string;
         unallocatedDescription: string;
+        unallocatedEmpty: string;
+        assignTraveler: string;
+        assignTravelerSearch: string;
+        assignTravelerEmpty: string;
+        resourceOtherGroup: string;
         rooms: string;
         resources: string;
         vehicleSeats: string;
@@ -341,6 +409,13 @@ export declare const allocationUiMessageDefinitions: {
         remove: string;
         overCapacity: string;
         dropHere: string;
+        slotCapacityLabel: string;
+        slotCapacityUnlimited: string;
+        resourceCapacityLabel: string;
+        resourceCapacityFits: string;
+        resourceCapacityExact: string;
+        resourceCapacityOver: string;
+        overCapacityWarning: string;
         noRooms: string;
         noResources: string;
         noSeats: string;

package/dist/i18n/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/i18n/provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EAEtB,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAC3D,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,iBAAiB,EAAE,MAAM,CAAA;IACzB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,MAAM,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,sBAAsB,EAAE,MAAM,CAAA;IAC9B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,MAAM,CAAA;IACxB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,mBAAmB,EAAE,MAAM,CAAA;IAC3B,uBAAuB,EAAE,MAAM,CAAA;IAC/B,kBAAkB,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEK,CAAA;AAEhC,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEK,CAAA;AAIhC,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGe,CAAA;AAE1D,MAAM,MAAM,4BAA4B,GAAG,sBAAsB,CAAC,oBAAoB,CAAC,CAAA;AAUvF,wBAAgB,2BAA2B,CAAC,EAC1C,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,SAAS,CAAC,EAAE,4BAA4B,GAAG,IAAI,CAAA;CAChD,wBAOA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAClC,SAAS,CAAC,EAAE,4BAA4B,GAAG,IAAI,CAAA;CAChD,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,CAUzC;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,SAAS,CAAC,EAAE,4BAA4B,GAAG,IAAI,CAAA;CAChD,2CAWA;AAED,eAAO,MAAM,mBAAmB,8CAA8B,CAAA;AAC9D,eAAO,MAAM,uBAAuB,4BAAkC,CAAA;AAEtE,wBAAgB,4BAA4B,2CAE3C;AAED,wBAAgB,gCAAgC,yBAE/C"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/i18n/provider.tsx"],"names":[],"mappings":"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"}

package/dist/i18n/provider.js

@@ -4,7 +4,7 @@ import { createLocaleFormatters, createPackageMessagesContext, resolvePackageMes
 export const allocationUiEn = {
     pageTitle: "Allocation",
     loading: "Loading allocation...",
-    empty: "No travelers on this departure yet.",
+    empty: "Allocation data unavailable for this departure.",
     back: "Back",
     addRoom: "Add room",
     addResource: "Add resource",
@@ -37,9 +37,17 @@ export const allocationUiEn = {
     resourceLabel: "Resource label",
     resourceCapacity: "Capacity",
     createResource: "Create resource",
+    editResource: "Edit resource",
+    saveResource: "Save",
+    updateResourceFailed: "Could not update resource.",
     cancel: "Cancel",
     unallocated: "Unallocated",
     unallocatedDescription: "Travelers not assigned to this resource kind.",
+    unallocatedEmpty: "Everyone has been assigned.",
+    assignTraveler: "Assign",
+    assignTravelerSearch: "Search traveler...",
+    assignTravelerEmpty: "No unallocated travelers.",
+    resourceOtherGroup: "Other",
     rooms: "Rooms",
     resources: "Resources",
     vehicleSeats: "Vehicle seats",
@@ -57,6 +65,13 @@ export const allocationUiEn = {
     remove: "Remove",
     overCapacity: "Resource is full",
     dropHere: "Drop traveler here",
+    slotCapacityLabel: "Slot pax",
+    slotCapacityUnlimited: "Unlimited",
+    resourceCapacityLabel: "Resource capacity",
+    resourceCapacityFits: "fits in slot",
+    resourceCapacityExact: "matches slot",
+    resourceCapacityOver: "over slot cap",
+    overCapacityWarning: "Resource capacity exceeds the slot's pax cap.",
     noRooms: "No rooms have been added for this slot.",
     noResources: "No resources have been added for this slot.",
     noSeats: "No vehicle seats have been generated for this slot.",
@@ -78,7 +93,7 @@ export const allocationUiEn = {
 export const allocationUiRo = {
     pageTitle: "Alocare",
     loading: "Se incarca alocarea...",
-    empty: "Nu exista calatori pe aceasta plecare.",
+    empty: "Datele de alocare nu sunt disponibile pentru aceasta plecare.",
     back: "Inapoi",
     addRoom: "Adauga camera",
     addResource: "Adauga resursa",
@@ -111,9 +126,17 @@ export const allocationUiRo = {
     resourceLabel: "Eticheta resursa",
     resourceCapacity: "Capacitate",
     createResource: "Creeaza resursa",
+    editResource: "Editeaza resursa",
+    saveResource: "Salveaza",
+    updateResourceFailed: "Resursa nu a putut fi actualizata.",
     cancel: "Anuleaza",
     unallocated: "Nealocati",
     unallocatedDescription: "Calatori fara acest tip de resursa alocat.",
+    unallocatedEmpty: "Toti calatorii sunt alocati.",
+    assignTraveler: "Aloca",
+    assignTravelerSearch: "Cauta calator...",
+    assignTravelerEmpty: "Nu exista calatori nealocati.",
+    resourceOtherGroup: "Altele",
     rooms: "Camere",
     resources: "Resurse",
     vehicleSeats: "Locuri vehicul",
@@ -131,6 +154,13 @@ export const allocationUiRo = {
     remove: "Scoate",
     overCapacity: "Resursa este plina",
     dropHere: "Trage calatorul aici",
+    slotCapacityLabel: "Pax slot",
+    slotCapacityUnlimited: "Nelimitat",
+    resourceCapacityLabel: "Capacitate resurse",
+    resourceCapacityFits: "incape in slot",
+    resourceCapacityExact: "egal cu slotul",
+    resourceCapacityOver: "depaseste slotul",
+    overCapacityWarning: "Capacitatea resurselor depaseste limita de pax a slotului.",
     noRooms: "Nu exista camere adaugate pentru acest slot.",
     noResources: "Nu exista resurse adaugate pentru acest slot.",
     noSeats: "Nu exista locuri generate pentru acest slot.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/allocation-ui",
-  "version": "0.50.8",
+  "version": "0.51.1",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -34,9 +34,9 @@
     "lucide-react": "^0.475.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@voyantjs/availability-react": "0.50.8",
-    "@voyantjs/i18n": "0.50.8",
-    "@voyantjs/ui": "0.50.8"
+    "@voyantjs/availability-react": "0.51.1",
+    "@voyantjs/i18n": "0.51.1",
+    "@voyantjs/ui": "0.51.1"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.90.12",
@@ -47,9 +47,9 @@
     "react-dom": "^19.2.4",
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
-    "@voyantjs/availability-react": "0.50.8",
-    "@voyantjs/i18n": "0.50.8",
-    "@voyantjs/ui": "0.50.8",
+    "@voyantjs/availability-react": "0.51.1",
+    "@voyantjs/i18n": "0.51.1",
+    "@voyantjs/ui": "0.51.1",
     "@voyantjs/voyant-typescript-config": "0.1.0"
   },
   "files": [