@voyant-travel/operations-react 0.0.0

package/dist/resources/components/resource-detail-data.js

@@ -0,0 +1,90 @@
+"use client";
+import { queryOptions, useQuery } from "@tanstack/react-query";
+import { getAllocationQueryOptions, getAllocationsQueryOptions, getAssignmentQueryOptions, getAssignmentsQueryOptions, getBookingsQueryOptions, getCloseoutsQueryOptions, getPoolQueryOptions, getPoolsQueryOptions, getProductsQueryOptions, getResourceQueryOptions, getResourcesQueryOptions, getRulesQueryOptions, getSlotsQueryOptions, getStartTimesQueryOptions, getSuppliersQueryOptions, resourcesQueryKeys, useVoyantResourcesContext, } from "../index.js";
+const DETAIL_LIMIT = 25;
+function joinUrl(baseUrl, path) {
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const trimmedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${trimmedPath}`;
+}
+async function fetchJson(client, path) {
+    const response = await client.fetcher(joinUrl(client.baseUrl, path));
+    if (!response.ok) {
+        const body = await response.text();
+        throw new Error(body || `Voyant API error: ${response.status} ${response.statusText}`);
+    }
+    return (await response.json());
+}
+export function getResourcePoolMembersQueryOptions(client, filters = {}) {
+    return queryOptions({
+        queryKey: [...resourcesQueryKeys.all, "pool-members", "list", filters],
+        queryFn: () => {
+            const params = new URLSearchParams();
+            if (filters.poolId)
+                params.set("poolId", filters.poolId);
+            if (filters.resourceId)
+                params.set("resourceId", filters.resourceId);
+            if (filters.limit !== undefined)
+                params.set("limit", String(filters.limit));
+            if (filters.offset !== undefined)
+                params.set("offset", String(filters.offset));
+            const qs = params.toString();
+            return fetchJson(client, `/v1/operations/pool-members${qs ? `?${qs}` : ""}`);
+        },
+    });
+}
+export function useResourcePoolMembers(filters = {}) {
+    const client = useVoyantResourcesContext();
+    const enabled = Boolean(filters.poolId || filters.resourceId);
+    return useQuery({
+        ...getResourcePoolMembersQueryOptions(client, filters),
+        enabled,
+    });
+}
+export async function ensureResourceDetailPageData(queryClient, client, id) {
+    await queryClient.ensureQueryData(getResourceQueryOptions(client, id));
+    await Promise.all([
+        queryClient.ensureQueryData(getResourcePoolMembersQueryOptions(client, { resourceId: id, limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getPoolsQueryOptions(client, { limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getAssignmentsQueryOptions(client, { resourceId: id, limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getSlotsQueryOptions(client, { limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getBookingsQueryOptions(client, { limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getCloseoutsQueryOptions(client, { resourceId: id, limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getSuppliersQueryOptions(client, { limit: DETAIL_LIMIT })),
+    ]);
+}
+export async function ensureResourcePoolDetailPageData(queryClient, client, id) {
+    await queryClient.ensureQueryData(getPoolQueryOptions(client, id));
+    await Promise.all([
+        queryClient.ensureQueryData(getResourcePoolMembersQueryOptions(client, { poolId: id, limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getResourcesQueryOptions(client, { limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getAllocationsQueryOptions(client, { poolId: id, limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getAssignmentsQueryOptions(client, { poolId: id, limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getSlotsQueryOptions(client, { limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getBookingsQueryOptions(client, { limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getProductsQueryOptions(client, { limit: DETAIL_LIMIT })),
+    ]);
+}
+export async function ensureResourceAllocationDetailPageData(queryClient, client, id) {
+    const allocation = await queryClient.ensureQueryData(getAllocationQueryOptions(client, id));
+    await Promise.all([
+        queryClient.ensureQueryData(getPoolQueryOptions(client, allocation.poolId)),
+        queryClient.ensureQueryData(getProductsQueryOptions(client, { limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getRulesQueryOptions(client, { productId: allocation.productId, limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getStartTimesQueryOptions(client, { productId: allocation.productId, limit: DETAIL_LIMIT })),
+    ]);
+}
+export async function ensureResourceAssignmentDetailPageData(queryClient, client, id) {
+    const assignment = await queryClient.ensureQueryData(getAssignmentQueryOptions(client, id));
+    await Promise.all([
+        assignment.poolId
+            ? queryClient.ensureQueryData(getPoolQueryOptions(client, assignment.poolId))
+            : Promise.resolve(),
+        assignment.resourceId
+            ? queryClient.ensureQueryData(getResourceQueryOptions(client, assignment.resourceId))
+            : Promise.resolve(),
+        queryClient.ensureQueryData(getSlotsQueryOptions(client, { limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getBookingsQueryOptions(client, { limit: DETAIL_LIMIT })),
+        queryClient.ensureQueryData(getProductsQueryOptions(client, { limit: DETAIL_LIMIT })),
+    ]);
+}

package/dist/resources/components/resource-detail-page.d.ts

@@ -0,0 +1,24 @@
+import { type ResourceDetail, type ResourcePoolRow, type ResourceSlotAssignmentRow } from "../index.js";
+import { type ConfirmAction } from "./resource-detail-shared.js";
+import { ResourceDetailSkeleton } from "./resource-detail-skeletons.js";
+export { ResourceDetailSkeleton };
+export interface ResourceDetailPageProps {
+    id: string;
+    className?: string;
+    deleting?: boolean;
+    onBack?: () => void;
+    onDelete?: (resource: ResourceDetail) => Promise<void> | void;
+    onOpenSupplier?: (supplierId: string) => void;
+    onOpenAssignment?: (assignmentId: string) => void;
+    confirmAction?: ConfirmAction;
+}
+export declare function ResourceDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onOpenAssignment, onOpenSupplier, }: ResourceDetailPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResourceAssignmentSummary({ assignment, bookingLabel, noValue, onOpenAssignment, pool, slotLabel, }: {
+    assignment: ResourceSlotAssignmentRow;
+    bookingLabel: string;
+    noValue: string;
+    onOpenAssignment?: (assignmentId: string) => void;
+    pool?: ResourcePoolRow | undefined;
+    slotLabel: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resource-detail-page.d.ts.map

package/dist/resources/components/resource-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-detail-page.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resource-detail-page.tsx"],"names":[],"mappings":"AAcA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAQ/B,MAAM,aAAa,CAAA;AAEpB,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAMvE,OAAO,EAAE,sBAAsB,EAAE,CAAA;AAEjC,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC7D,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,aAAa,EACb,QAAQ,EACR,EAAE,EACF,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,cAAc,GACf,EAAE,uBAAuB,2CAmMzB;AAMD,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,IAAI,EACJ,SAAS,GACV,EAAE;IACD,UAAU,EAAE,yBAAyB,CAAA;IACrC,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,IAAI,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,MAAM,CAAA;CAClB,2CA4CA"}

package/dist/resources/components/resource-detail-page.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, cn, } from "@voyant-travel/ui/components";
+import { Package, Users, Wrench } from "lucide-react";
+import { useResourcesUiI18nOrDefault } from "../i18n/index.js";
+import { formatDateTimeOrFallback, formatResourceSlotLabel } from "../i18n/utils.js";
+import { labelById, useAssignments, useBookings, useCloseouts, usePools, useResource, useSlots, useSuppliers, } from "../index.js";
+import { useResourcePoolMembers } from "./resource-detail-data.js";
+import { ResourceDetailCard, ResourceDetailField, ResourceDetailHeader, ResourceDetailState, } from "./resource-detail-shared.js";
+import { ResourceDetailSkeleton } from "./resource-detail-skeletons.js";
+// The skeleton lives in `./resource-detail-skeletons.js` — a lean module —
+// so the resources admin extension factory can attach it as a
+// `pendingComponent` without pinning this page module into the workspace
+// chrome chunk. Re-exported here for backwards compatibility.
+export { ResourceDetailSkeleton };
+export function ResourceDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onOpenAssignment, onOpenSupplier, }) {
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const page = m.detailPages;
+    const resourceQuery = useResource(id);
+    const suppliersQuery = useSuppliers({ limit: 25 });
+    const poolMembersQuery = useResourcePoolMembers({ resourceId: id, limit: 25 });
+    const poolsQuery = usePools({ limit: 25 });
+    const assignmentsQuery = useAssignmentsByResource(id);
+    const slotsQuery = useSlots({ limit: 25 });
+    const bookingsQuery = useBookings({ limit: 25 });
+    const closeoutsQuery = useCloseouts({ resourceId: id, limit: 25 });
+    if (resourceQuery.isPending) {
+        return _jsx(ResourceDetailSkeleton, {});
+    }
+    if (resourceQuery.isError) {
+        return (_jsx(ResourceDetailState, { className: className, message: page.resource.loadFailed, onBack: onBack }));
+    }
+    const resource = resourceQuery.data;
+    if (!resource) {
+        return (_jsx(ResourceDetailState, { className: className, message: page.resource.notFound, onBack: onBack }));
+    }
+    const pools = poolsQuery.data?.data ?? [];
+    const slots = slotsQuery.data?.data ?? [];
+    const bookings = bookingsQuery.data?.data ?? [];
+    const poolsById = new Map(pools.map((pool) => [pool.id, pool]));
+    const slotsById = new Map(slots.map((slot) => [slot.id, slot]));
+    const bookingsById = new Map(bookings.map((booking) => [booking.id, booking]));
+    const supplierLabel = resource.supplierId
+        ? labelById(suppliersQuery.data?.data ?? [], resource.supplierId)
+        : page.resource.noSupplierAssigned;
+    return (_jsxs("div", { "data-slot": "resource-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsx(ResourceDetailHeader, { title: resource.name, deleteConfirmName: resource.name, deleteConfirmTemplate: page.resource.deleteConfirm, deleteErrorMessage: page.resource.deleteFailed, deleting: deleting, confirmAction: confirmAction, onBack: onBack, onDelete: onDelete ? () => onDelete(resource) : undefined, badges: _jsxs(_Fragment, { children: [_jsx(Badge, { variant: "outline", children: m.common.resourceKindLabels[resource.kind] }), _jsx(Badge, { variant: resource.active ? "default" : "secondary", children: resource.active ? m.common.active : m.common.inactive })] }), actions: resource.supplierId && onOpenSupplier ? (_jsxs(Button, { type: "button", variant: "outline", onClick: () => onOpenSupplier(resource.supplierId), children: [_jsx(Users, { "data-icon": "inline-start", "aria-hidden": "true" }), page.common.openSupplier] })) : null }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(ResourceDetailCard, { title: page.resource.detailsTitle, children: [_jsx(ResourceDetailField, { label: page.common.supplier, children: supplierLabel }), _jsx(ResourceDetailField, { label: page.common.code, children: resource.code ?? page.common.noValue }), _jsx(ResourceDetailField, { label: page.common.capacity, children: resource.capacity ?? page.common.noValue }), _jsx(ResourceDetailField, { label: page.common.created, children: i18n.formatDateTime(resource.createdAt) }), _jsx(ResourceDetailField, { label: page.common.updated, children: i18n.formatDateTime(resource.updatedAt) })] }), resource.notes ? (_jsx(ResourceDetailCard, { title: page.common.notes, children: _jsx("p", { className: "whitespace-pre-wrap", children: resource.notes }) })) : null] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Package, { className: "size-4", "aria-hidden": "true" }), _jsx(CardTitle, { children: page.resource.poolMembershipsTitle })] }), _jsx(CardContent, { className: "flex flex-col gap-3 text-sm", children: (poolMembersQuery.data?.data.length ?? 0) === 0 ? (_jsx("p", { className: "text-muted-foreground", children: page.resource.poolMembershipsEmpty })) : (poolMembersQuery.data?.data.map((member) => {
+                            const pool = poolsById.get(member.poolId);
+                            return (_jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "font-medium", children: pool?.name ?? member.poolId }), _jsxs("div", { className: "text-muted-foreground", children: [page.common.product, ": ", pool?.productId ?? page.common.noValue] })] }, member.id));
+                        })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Wrench, { className: "size-4", "aria-hidden": "true" }), _jsx(CardTitle, { children: page.resource.assignmentsTitle })] }), _jsx(CardContent, { className: "flex flex-col gap-3 text-sm", children: (assignmentsQuery.data?.data.length ?? 0) === 0 ? (_jsx("p", { className: "text-muted-foreground", children: page.resource.assignmentsEmpty })) : (assignmentsQuery.data?.data.map((assignment) => (_jsx(ResourceAssignmentSummary, { assignment: assignment, pool: undefined, slotLabel: slotsById.get(assignment.slotId)
+                                ? formatResourceSlotLabel(slotsById.get(assignment.slotId), {
+                                    template: m.common.slotLabel,
+                                    formatDate: i18n.formatDate,
+                                })
+                                : assignment.slotId, bookingLabel: bookingsById.get(assignment.bookingId ?? "")?.bookingNumber ??
+                                assignment.bookingId ??
+                                page.common.noBooking, noValue: page.common.noValue, onOpenAssignment: onOpenAssignment }, assignment.id)))) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: page.resource.closeoutsTitle }) }), _jsx(CardContent, { className: "flex flex-col gap-3 text-sm", children: (closeoutsQuery.data?.data.length ?? 0) === 0 ? (_jsx("p", { className: "text-muted-foreground", children: page.resource.closeoutsEmpty })) : (closeoutsQuery.data?.data.map((closeout) => (_jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "font-medium", children: closeout.dateLocal }), _jsxs("div", { className: "text-muted-foreground", children: [formatDateTimeOrFallback(closeout.startsAt, {
+                                            fallback: page.common.noValue,
+                                            formatDateTime: i18n.formatDateTime,
+                                        }), " ", page.common.to, " ", formatDateTimeOrFallback(closeout.endsAt, {
+                                            fallback: page.common.noValue,
+                                            formatDateTime: i18n.formatDateTime,
+                                        })] }), _jsxs("div", { className: "text-muted-foreground", children: [page.resource.createdBy, ": ", closeout.createdBy ?? page.common.noValue] }), closeout.reason ? (_jsx("div", { className: "mt-2 whitespace-pre-wrap", children: closeout.reason })) : null] }, closeout.id)))) })] })] }));
+}
+function useAssignmentsByResource(resourceId) {
+    return useAssignments({ resourceId, limit: 25 });
+}
+export function ResourceAssignmentSummary({ assignment, bookingLabel, noValue, onOpenAssignment, pool, slotLabel, }) {
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const page = m.detailPages;
+    const content = (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: m.common.assignmentStatusLabels[assignment.status] }), _jsx("span", { children: slotLabel })] }), _jsxs("div", { className: "mt-2 text-muted-foreground", children: [page.common.booking, ": ", bookingLabel] }), pool ? (_jsxs("div", { className: "text-muted-foreground", children: [page.common.pool, ": ", pool.name] })) : null, _jsxs("div", { className: "text-muted-foreground", children: [page.resource.assignedBy, ": ", assignment.assignedBy ?? noValue, " · ", page.resource.released, ":", " ", formatDateTimeOrFallback(assignment.releasedAt, {
+                        fallback: noValue,
+                        formatDateTime: i18n.formatDateTime,
+                    })] }), assignment.notes ? _jsx("div", { className: "mt-2 whitespace-pre-wrap", children: assignment.notes }) : null] }));
+    if (!onOpenAssignment) {
+        return _jsx("div", { className: "rounded-md border p-3", children: content });
+    }
+    return (_jsx("button", { type: "button", className: "block w-full rounded-md border p-3 text-left hover:bg-muted/40", onClick: () => onOpenAssignment(assignment.id), children: content }));
+}

package/dist/resources/components/resource-detail-shared.d.ts

@@ -0,0 +1,37 @@
+import type { ReactNode } from "react";
+export type ConfirmAction = (message: string) => boolean;
+export declare const defaultConfirmAction: ConfirmAction;
+export declare function ResourceDetailField({ label, children }: {
+    label: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ResourceDetailState({ className, message, onBack, }: {
+    className?: string;
+    message: string;
+    onBack?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ResourceDetailCard({ children, className, title, }: {
+    children: ReactNode;
+    className?: string;
+    title: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ResourceDetailHeader({ actions, badges, className, confirmAction, deleteConfirmName, deleteConfirmTemplate, deleteErrorMessage, deleting: deletingProp, onBack, onDelete, title, }: {
+    actions?: ReactNode;
+    badges?: ReactNode;
+    className?: string;
+    confirmAction?: ConfirmAction;
+    deleteConfirmName: string;
+    deleteConfirmTemplate: string;
+    deleteErrorMessage: string;
+    deleting?: boolean;
+    onBack?: () => void;
+    onDelete?: () => Promise<void> | void;
+    title: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ResourceDetailSkeleton({ actionCount, detailRows, showNotes, stackedCards, }: {
+    actionCount: number;
+    detailRows: number;
+    showNotes?: boolean;
+    stackedCards?: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resource-detail-shared.d.ts.map

package/dist/resources/components/resource-detail-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-detail-shared.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resource-detail-shared.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAA;AAExD,eAAO,MAAM,oBAAoB,EAAE,aACI,CAAA;AAEvC,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAO9F;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,EACP,MAAM,GACP,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,2CAaA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,2CASA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,MAAM,EACN,SAAS,EACT,aAAoC,EACpC,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,QAAQ,EACR,KAAK,GACN,EAAE;IACD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,iBAAiB,EAAE,MAAM,CAAA;IACzB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,kBAAkB,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACrC,KAAK,EAAE,MAAM,CAAA;CACd,2CA6DA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,UAAU,EACV,SAAgB,EAChB,YAAgB,GACjB,EAAE;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CA8EA"}

package/dist/resources/components/resource-detail-shared.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Button, Card, CardContent, CardHeader, CardTitle, cn } from "@voyant-travel/ui/components";
+import { Skeleton } from "@voyant-travel/ui/components/skeleton";
+import { ArrowLeft, Loader2, Trash2 } from "lucide-react";
+import { useState } from "react";
+import { useResourcesUiMessagesOrDefault } from "../i18n/index.js";
+export const defaultConfirmAction = (message) => globalThis.confirm?.(message) ?? true;
+export function ResourceDetailField({ label, children }) {
+    return (_jsxs("div", { className: "grid gap-1 sm:grid-cols-[10rem_minmax(0,1fr)] sm:gap-3", children: [_jsx("span", { className: "text-muted-foreground", children: label }), _jsx("span", { className: "min-w-0 break-words", children: children })] }));
+}
+export function ResourceDetailState({ className, message, onBack, }) {
+    const messages = useResourcesUiMessagesOrDefault();
+    return (_jsxs("div", { className: cn("flex flex-col items-center justify-center gap-4 py-12", className), children: [_jsx("p", { className: "text-muted-foreground", children: message }), onBack ? (_jsx(Button, { variant: "outline", onClick: onBack, children: messages.detailPages.common.backToResources })) : null] }));
+}
+export function ResourceDetailCard({ children, className, title, }) {
+    return (_jsxs(Card, { className: className, children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: title }) }), _jsx(CardContent, { className: "flex flex-col gap-3 text-sm", children: children })] }));
+}
+export function ResourceDetailHeader({ actions, badges, className, confirmAction = defaultConfirmAction, deleteConfirmName, deleteConfirmTemplate, deleteErrorMessage, deleting: deletingProp, onBack, onDelete, title, }) {
+    const messages = useResourcesUiMessagesOrDefault();
+    const [deletingState, setDeletingState] = useState(false);
+    const [deleteError, setDeleteError] = useState(null);
+    const deleting = deletingProp || deletingState;
+    async function handleDelete() {
+        if (!onDelete)
+            return;
+        setDeleteError(null);
+        const confirmed = confirmAction(formatMessage(deleteConfirmTemplate, { name: deleteConfirmName }));
+        if (!confirmed)
+            return;
+        setDeletingState(true);
+        try {
+            await onDelete();
+        }
+        catch (error) {
+            setDeleteError(error instanceof Error ? error.message : deleteErrorMessage);
+        }
+        finally {
+            setDeletingState(false);
+        }
+    }
+    return (_jsxs("div", { className: cn("flex flex-col gap-3", className), children: [_jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [onBack ? (_jsxs(Button, { type: "button", variant: "ghost", size: "icon", onClick: onBack, children: [_jsx(ArrowLeft, { "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: messages.detailPages.common.backToResources })] })) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h1", { className: "truncate text-2xl font-bold tracking-tight", children: title }), badges ? _jsx("div", { className: "mt-1 flex flex-wrap items-center gap-2", children: badges }) : null] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [actions, onDelete ? (_jsxs(Button, { type: "button", variant: "destructive", onClick: () => void handleDelete(), disabled: deleting, children: [deleting ? (_jsx(Loader2, { "data-icon": "inline-start", className: "animate-spin", "aria-hidden": "true" })) : (_jsx(Trash2, { "data-icon": "inline-start", "aria-hidden": "true" })), messages.detailPages.common.delete] })) : null] })] }), deleteError ? _jsx("p", { className: "text-sm text-destructive", children: deleteError }) : null] }));
+}
+export function ResourceDetailSkeleton({ actionCount, detailRows, showNotes = true, stackedCards = 2, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Skeleton, { className: "size-9 rounded-md" }), _jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [_jsx(Skeleton, { className: "h-7 w-56" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Skeleton, { className: "h-5 w-16 rounded-full" }), _jsx(Skeleton, { className: "h-5 w-20 rounded-full" })] })] }), Array.from({ length: actionCount }).map((_, index) => (_jsx(Skeleton
+                    // biome-ignore lint/suspicious/noArrayIndexKey: stable placeholder -- owner: resources-react; existing suppression is intentional pending typed cleanup.
+                    , { className: "h-9 w-28" }, index)))] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(Skeleton, { className: "h-5 w-36" }) }), _jsx(CardContent, { className: "flex flex-col gap-3", children: Array.from({ length: detailRows }).map((_, index) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-3.5 w-28" }), _jsx(Skeleton, { className: "h-3.5 w-40" })] }, index))) })] }), showNotes ? (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(Skeleton, { className: "h-5 w-16" }) }), _jsxs(CardContent, { className: "flex flex-col gap-2", children: [_jsx(Skeleton, { className: "h-3.5 w-full" }), _jsx(Skeleton, { className: "h-3.5 w-3/4" }), _jsx(Skeleton, { className: "h-3.5 w-2/3" })] })] })) : null] }), Array.from({ length: stackedCards }).map((_, cardIndex) => (_jsxs(Card
+            // biome-ignore lint/suspicious/noArrayIndexKey: stable placeholder -- owner: resources-react; existing suppression is intentional pending typed cleanup.
+            , { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Skeleton, { className: "size-4" }), _jsx(Skeleton, { className: "h-5 w-36" })] }), _jsx(CardContent, { className: "flex flex-col gap-3", children: Array.from({ length: 2 }).map((_, rowIndex) => (_jsxs("div", { className: "flex flex-col gap-2 rounded-md border p-3", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-3 w-64 max-w-full" })] }, rowIndex))) })] }, cardIndex)))] }));
+}

package/dist/resources/components/resource-detail-skeletons.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Pending skeletons for the four resources detail pages.
+ *
+ * Kept in their own lean module (shared base skeleton + ui primitives only)
+ * so the resources admin extension factory — evaluated with the workspace
+ * chrome — can attach them as `pendingComponent`s without pinning the heavy
+ * detail page modules into the entry chunk. The page modules re-export them
+ * for backwards compatibility.
+ */
+export declare function ResourceDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function ResourcePoolDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function ResourceAssignmentDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function ResourceAllocationDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resource-detail-skeletons.d.ts.map

package/dist/resources/components/resource-detail-skeletons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-detail-skeletons.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resource-detail-skeletons.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,wBAAgB,sBAAsB,4CAErC;AAED,wBAAgB,0BAA0B,4CAEzC;AAED,wBAAgB,gCAAgC,4CAI/C;AAED,wBAAgB,gCAAgC,4CAI/C"}

package/dist/resources/components/resource-detail-skeletons.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ResourceDetailSkeleton as BaseResourceDetailSkeleton } from "./resource-detail-shared.js";
+/**
+ * Pending skeletons for the four resources detail pages.
+ *
+ * Kept in their own lean module (shared base skeleton + ui primitives only)
+ * so the resources admin extension factory — evaluated with the workspace
+ * chrome — can attach them as `pendingComponent`s without pinning the heavy
+ * detail page modules into the entry chunk. The page modules re-export them
+ * for backwards compatibility.
+ */
+export function ResourceDetailSkeleton() {
+    return _jsx(BaseResourceDetailSkeleton, { actionCount: 2, detailRows: 5, stackedCards: 3 });
+}
+export function ResourcePoolDetailSkeleton() {
+    return _jsx(BaseResourceDetailSkeleton, { actionCount: 2, detailRows: 4, stackedCards: 3 });
+}
+export function ResourceAssignmentDetailSkeleton() {
+    return (_jsx(BaseResourceDetailSkeleton, { actionCount: 3, detailRows: 9, showNotes: false, stackedCards: 0 }));
+}
+export function ResourceAllocationDetailSkeleton() {
+    return (_jsx(BaseResourceDetailSkeleton, { actionCount: 3, detailRows: 7, showNotes: false, stackedCards: 0 }));
+}

package/dist/resources/components/resource-pool-detail-page.d.ts

@@ -0,0 +1,22 @@
+import { type ResourceAllocationRow, type ResourcePoolDetail } from "../index.js";
+import { type ConfirmAction } from "./resource-detail-shared.js";
+import { ResourcePoolDetailSkeleton } from "./resource-detail-skeletons.js";
+export { ResourcePoolDetailSkeleton };
+export interface ResourcePoolDetailPageProps {
+    id: string;
+    className?: string;
+    deleting?: boolean;
+    onBack?: () => void;
+    onDelete?: (pool: ResourcePoolDetail) => Promise<void> | void;
+    onOpenAllocation?: (allocationId: string) => void;
+    onOpenProduct?: (productId: string) => void;
+    onOpenResource?: (resourceId: string) => void;
+    onOpenAssignment?: (assignmentId: string) => void;
+    confirmAction?: ConfirmAction;
+}
+export declare function ResourcePoolDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onOpenAllocation, onOpenAssignment, onOpenProduct, onOpenResource, }: ResourcePoolDetailPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function PoolAllocationSummary({ allocation, onOpenAllocation, }: {
+    allocation: ResourceAllocationRow;
+    onOpenAllocation?: (allocationId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resource-pool-detail-page.d.ts.map

package/dist/resources/components/resource-pool-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-pool-detail-page.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resource-pool-detail-page.tsx"],"names":[],"mappings":"AAcA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EAQxB,MAAM,aAAa,CAAA;AAGpB,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAA;AAM3E,OAAO,EAAE,0BAA0B,EAAE,CAAA;AAErC,MAAM,WAAW,2BAA2B;IAC1C,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC7D,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,aAAa,EACb,QAAQ,EACR,EAAE,EACF,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,cAAc,GACf,EAAE,2BAA2B,2CA0L7B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,gBAAgB,GACjB,EAAE;IACD,UAAU,EAAE,qBAAqB,CAAA;IACjC,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;CAClD,2CAsCA"}

package/dist/resources/components/resource-pool-detail-page.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, cn, } from "@voyant-travel/ui/components";
+import { Package, Users, Wrench } from "lucide-react";
+import { useResourcesUiI18nOrDefault } from "../i18n/index.js";
+import { formatResourceSlotLabel } from "../i18n/utils.js";
+import { labelById, useAllocations, useAssignments, useBookings, usePool, useProducts, useResources, useSlots, } from "../index.js";
+import { useResourcePoolMembers } from "./resource-detail-data.js";
+import { ResourceAssignmentSummary } from "./resource-detail-page.js";
+import { ResourceDetailCard, ResourceDetailField, ResourceDetailHeader, ResourceDetailState, } from "./resource-detail-shared.js";
+import { ResourcePoolDetailSkeleton } from "./resource-detail-skeletons.js";
+// The skeleton lives in `./resource-detail-skeletons.js` — a lean module —
+// so the resources admin extension factory can attach it as a
+// `pendingComponent` without pinning this page module into the workspace
+// chrome chunk. Re-exported here for backwards compatibility.
+export { ResourcePoolDetailSkeleton };
+export function ResourcePoolDetailPage({ className, confirmAction, deleting, id, onBack, onDelete, onOpenAllocation, onOpenAssignment, onOpenProduct, onOpenResource, }) {
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const page = m.detailPages;
+    const poolQuery = usePool(id);
+    const productsQuery = useProducts({ limit: 25 });
+    const membersQuery = useResourcePoolMembers({ poolId: id, limit: 25 });
+    const resourcesQuery = useResources({ limit: 25 });
+    const allocationsQuery = useAllocations({ poolId: id, limit: 25 });
+    const assignmentsQuery = useAssignments({ poolId: id, limit: 25 });
+    const slotsQuery = useSlots({ limit: 25 });
+    const bookingsQuery = useBookings({ limit: 25 });
+    if (poolQuery.isPending) {
+        return _jsx(ResourcePoolDetailSkeleton, {});
+    }
+    if (poolQuery.isError) {
+        return (_jsx(ResourceDetailState, { className: className, message: page.pool.loadFailed, onBack: onBack }));
+    }
+    const pool = poolQuery.data;
+    if (!pool) {
+        return (_jsx(ResourceDetailState, { className: className, message: page.pool.notFound, onBack: onBack }));
+    }
+    const products = productsQuery.data?.data ?? [];
+    const resources = resourcesQuery.data?.data ?? [];
+    const slots = slotsQuery.data?.data ?? [];
+    const bookings = bookingsQuery.data?.data ?? [];
+    const resourcesById = new Map(resources.map((resource) => [resource.id, resource]));
+    const slotsById = new Map(slots.map((slot) => [slot.id, slot]));
+    const bookingsById = new Map(bookings.map((booking) => [booking.id, booking]));
+    return (_jsxs("div", { "data-slot": "resource-pool-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsx(ResourceDetailHeader, { title: pool.name, deleteConfirmName: pool.name, deleteConfirmTemplate: page.pool.deleteConfirm, deleteErrorMessage: page.pool.deleteFailed, deleting: deleting, confirmAction: confirmAction, onBack: onBack, onDelete: onDelete ? () => onDelete(pool) : undefined, badges: _jsxs(_Fragment, { children: [_jsx(Badge, { variant: "outline", children: m.common.resourceKindLabels[pool.kind] }), _jsx(Badge, { variant: pool.active ? "default" : "secondary", children: pool.active ? m.common.active : m.common.inactive })] }), actions: pool.productId && onOpenProduct ? (_jsxs(Button, { type: "button", variant: "outline", onClick: () => onOpenProduct(pool.productId), children: [_jsx(Package, { "data-icon": "inline-start", "aria-hidden": "true" }), page.common.openProduct] })) : null }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(ResourceDetailCard, { title: page.pool.detailsTitle, children: [_jsx(ResourceDetailField, { label: page.common.product, children: pool.productId ? labelById(products, pool.productId) : page.common.noValue }), _jsx(ResourceDetailField, { label: page.pool.sharedCapacity, children: pool.sharedCapacity ?? page.common.noValue }), _jsx(ResourceDetailField, { label: page.common.created, children: i18n.formatDateTime(pool.createdAt) }), _jsx(ResourceDetailField, { label: page.common.updated, children: i18n.formatDateTime(pool.updatedAt) })] }), pool.notes ? (_jsx(ResourceDetailCard, { title: page.common.notes, children: _jsx("p", { className: "whitespace-pre-wrap", children: pool.notes }) })) : null] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Users, { className: "size-4", "aria-hidden": "true" }), _jsx(CardTitle, { children: page.pool.membersTitle })] }), _jsx(CardContent, { className: "flex flex-col gap-3 text-sm", children: (membersQuery.data?.data.length ?? 0) === 0 ? (_jsx("p", { className: "text-muted-foreground", children: page.pool.membersEmpty })) : (membersQuery.data?.data.map((member) => {
+                            const resource = resourcesById.get(member.resourceId);
+                            const body = (_jsxs(_Fragment, { children: [_jsx("div", { className: "font-medium", children: resource?.name ?? member.resourceId }), _jsxs("div", { className: "text-muted-foreground", children: [resource ? m.common.resourceKindLabels[resource.kind] : page.pool.noResource, " · ", resource?.active ? m.common.active : m.common.inactive] })] }));
+                            return onOpenResource && resource ? (_jsx("button", { type: "button", className: "block w-full rounded-md border p-3 text-left hover:bg-muted/40", onClick: () => onOpenResource(resource.id), children: body }, member.id)) : (_jsx("div", { className: "rounded-md border p-3", children: body }, member.id));
+                        })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Package, { className: "size-4", "aria-hidden": "true" }), _jsx(CardTitle, { children: page.pool.allocationsTitle })] }), _jsx(CardContent, { className: "flex flex-col gap-3 text-sm", children: (allocationsQuery.data?.data.length ?? 0) === 0 ? (_jsx("p", { className: "text-muted-foreground", children: page.pool.allocationsEmpty })) : (allocationsQuery.data?.data.map((allocation) => (_jsx(PoolAllocationSummary, { allocation: allocation, onOpenAllocation: onOpenAllocation }, allocation.id)))) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Wrench, { className: "size-4", "aria-hidden": "true" }), _jsx(CardTitle, { children: page.pool.liveAssignmentsTitle })] }), _jsx(CardContent, { className: "flex flex-col gap-3 text-sm", children: (assignmentsQuery.data?.data.length ?? 0) === 0 ? (_jsx("p", { className: "text-muted-foreground", children: page.pool.liveAssignmentsEmpty })) : (assignmentsQuery.data?.data.map((assignment) => (_jsx(ResourceAssignmentSummary, { assignment: assignment, bookingLabel: bookingsById.get(assignment.bookingId ?? "")?.bookingNumber ??
+                                assignment.bookingId ??
+                                page.common.noBooking, noValue: page.common.noValue, slotLabel: slotsById.get(assignment.slotId)
+                                ? formatResourceSlotLabel(slotsById.get(assignment.slotId), {
+                                    template: m.common.slotLabel,
+                                    formatDate: i18n.formatDate,
+                                })
+                                : assignment.slotId, onOpenAssignment: onOpenAssignment }, assignment.id)))) })] })] }));
+}
+export function PoolAllocationSummary({ allocation, onOpenAllocation, }) {
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const page = m.detailPages;
+    const content = (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: m.common.allocationModeLabels[allocation.allocationMode] }), _jsxs("span", { children: [page.common.quantity, " ", i18n.formatNumber(allocation.quantityRequired)] })] }), _jsxs("div", { className: "mt-2 text-muted-foreground", children: [page.common.product, ": ", allocation.productId] }), _jsxs("div", { className: "text-muted-foreground", children: [page.allocation.rule, ": ", allocation.availabilityRuleId ?? page.common.noRule, " · ", page.allocation.startTime, ": ", allocation.startTimeId ?? page.common.noStartTime, " · ", page.allocation.priority, ": ", i18n.formatNumber(allocation.priority)] })] }));
+    if (!onOpenAllocation) {
+        return _jsx("div", { className: "rounded-md border p-3", children: content });
+    }
+    return (_jsx("button", { type: "button", className: "block w-full rounded-md border p-3 text-left hover:bg-muted/40", onClick: () => onOpenAllocation(allocation.id), children: content }));
+}

package/dist/resources/components/resources-overview.d.ts

@@ -0,0 +1,28 @@
+import type { BookingOption, ResourceCloseoutRow, ResourceRow, ResourceSlotAssignmentRow, SlotOption } from "../index.js";
+export declare function ResourcesOverview({ bookings, slots, closeouts, filteredResources, filteredPools, liveAssignments, resourcesWithoutSupplier, unassignedReservations, search, setSearch, kindFilter, setKindFilter, hasFilters, onClearFilters, onOpenAssignment, onOpenResource, showFilters, }: {
+    bookings: BookingOption[];
+    slots: SlotOption[];
+    closeouts: ResourceCloseoutRow[];
+    filteredResources: ResourceRow[];
+    filteredPools: Array<{
+        active: boolean;
+    }>;
+    liveAssignments: ResourceSlotAssignmentRow[];
+    resourcesWithoutSupplier: ResourceRow[];
+    unassignedReservations: ResourceSlotAssignmentRow[];
+    search: string;
+    setSearch: (value: string) => void;
+    kindFilter: string;
+    setKindFilter: (value: string) => void;
+    hasFilters: boolean;
+    onClearFilters: () => void;
+    onOpenAssignment: (assignmentId: string) => void;
+    onOpenResource: (resourceId: string) => void;
+    /**
+     * When false, hides the inline search + kind filter row. Templates that
+     * surface those controls in the page header (mirroring availability) pass
+     * `false` so the affordance isn't duplicated.
+     */
+    showFilters?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resources-overview.d.ts.map

package/dist/resources/components/resources-overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-overview.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resources-overview.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,yBAAyB,EACzB,UAAU,EACX,MAAM,aAAa,CAAA;AAGpB,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,KAAK,EACL,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,wBAAwB,EACxB,sBAAsB,EACtB,MAAM,EACN,SAAS,EACT,UAAU,EACV,aAAa,EACb,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,WAAkB,GACnB,EAAE;IACD,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,SAAS,EAAE,mBAAmB,EAAE,CAAA;IAChC,iBAAiB,EAAE,WAAW,EAAE,CAAA;IAChC,aAAa,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;IACzC,eAAe,EAAE,yBAAyB,EAAE,CAAA;IAC5C,wBAAwB,EAAE,WAAW,EAAE,CAAA;IACvC,sBAAsB,EAAE,yBAAyB,EAAE,CAAA;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,2CAkJA"}

package/dist/resources/components/resources-overview.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Button, Card, CardContent, CardHeader, CardTitle, Input, OverviewMetric, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { CalendarDays, ExternalLink, Search, Users, Wrench } from "lucide-react";
+import { useResourcesUiI18nOrDefault } from "../i18n/index.js";
+import { formatResourceSlotLabel, RESOURCE_KIND_VALUES } from "../i18n/utils.js";
+import { labelById } from "../index.js";
+export function ResourcesOverview({ bookings, slots, closeouts, filteredResources, filteredPools, liveAssignments, resourcesWithoutSupplier, unassignedReservations, search, setSearch, kindFilter, setKindFilter, hasFilters, onClearFilters, onOpenAssignment, onOpenResource, showFilters = true, }) {
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const activeResourcesCount = filteredResources.filter((resource) => resource.active).length;
+    const activePoolsCount = filteredPools.filter((pool) => pool.active).length;
+    const kindOptions = RESOURCE_KIND_VALUES.map((value) => ({
+        value,
+        label: m.common.resourceKindLabels[value],
+    }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4", children: [_jsx(OverviewMetric, { title: m.overview.metrics.activeResources.title, value: i18n.formatNumber(activeResourcesCount), description: m.overview.metrics.activeResources.description, icon: Wrench }), _jsx(OverviewMetric, { title: m.overview.metrics.activePools.title, value: i18n.formatNumber(activePoolsCount), description: m.overview.metrics.activePools.description, icon: Users }), _jsx(OverviewMetric, { title: m.overview.metrics.liveAssignments.title, value: i18n.formatNumber(liveAssignments.length), description: m.overview.metrics.liveAssignments.description, icon: CalendarDays }), _jsx(OverviewMetric, { title: m.overview.metrics.closeouts.title, value: i18n.formatNumber(closeouts.length), description: m.overview.metrics.closeouts.description, icon: ExternalLink })] }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-2", children: [_jsxs(Card, { size: "sm", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: m.overview.assignmentGaps.title }) }), _jsx(CardContent, { className: "space-y-3 text-sm", children: unassignedReservations.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: m.overview.assignmentGaps.empty })) : (unassignedReservations.slice(0, 4).map((assignment) => (_jsxs("button", { type: "button", className: "block w-full rounded-md border p-3 text-left hover:bg-muted/40", onClick: () => onOpenAssignment(assignment.id), children: [_jsx("div", { className: "font-medium", children: formatResourceSlotLabel(slots.find((slot) => slot.id === assignment.slotId) ?? {
+                                                id: assignment.slotId,
+                                                productId: "",
+                                                dateLocal: assignment.slotId,
+                                                startsAt: assignment.slotId,
+                                            }, {
+                                                template: m.common.slotLabel,
+                                                formatDate: i18n.formatDate,
+                                            }) }), _jsx("div", { className: "text-muted-foreground", children: formatMessage(m.overview.assignmentGaps.statusBooking, {
+                                                status: m.common.assignmentStatusLabels[assignment.status],
+                                                booking: labelById(bookings, assignment.bookingId),
+                                            }) })] }, assignment.id)))) })] }), _jsxs(Card, { size: "sm", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: m.overview.ownershipGaps.title }) }), _jsx(CardContent, { className: "space-y-3 text-sm", children: resourcesWithoutSupplier.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: m.overview.ownershipGaps.empty })) : (resourcesWithoutSupplier.slice(0, 4).map((resource) => (_jsxs("button", { type: "button", className: "block w-full rounded-md border p-3 text-left hover:bg-muted/40", onClick: () => onOpenResource(resource.id), children: [_jsx("div", { className: "font-medium", children: resource.name }), _jsx("div", { className: "text-muted-foreground", children: formatMessage(m.overview.ownershipGaps.detail, {
+                                                kind: m.common.resourceKindLabels[resource.kind],
+                                                capacity: resource.capacity === null ? "-" : i18n.formatNumber(resource.capacity),
+                                            }) })] }, resource.id)))) })] })] }), showFilters ? (_jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [_jsxs("div", { className: "flex flex-1 flex-col gap-3 md:flex-row md:items-center", children: [_jsxs("div", { className: "relative w-full max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: m.overview.filters.searchPlaceholder, value: search, onChange: (event) => setSearch(event.target.value), className: "pl-9" })] }), _jsxs(Select, { value: kindFilter, onValueChange: (value) => setKindFilter(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-full md:w-56", children: _jsx(SelectValue, { placeholder: m.overview.filters.allKindsPlaceholder }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: m.common.allKinds }), kindOptions.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value)))] })] })] }), hasFilters ? (_jsx(Button, { variant: "outline", onClick: onClearFilters, children: m.common.clearFilters })) : null] })) : null] }));
+}

package/dist/resources/components/resources-page-filters.d.ts

@@ -0,0 +1,22 @@
+import type { ProductOption, SupplierOption } from "../index.js";
+import type { ResourcesPageActiveFilter, ResourcesPageTab } from "./resources-page.js";
+interface ResourcesFilterPopoverProps {
+    activeTab: ResourcesPageTab;
+    suppliers: SupplierOption[];
+    products: ProductOption[];
+    supplierFilter: string | null;
+    setSupplierFilter: (value: string | null) => void;
+    selectedSupplierOption: SupplierOption | null;
+    setSelectedSupplierOption: (value: SupplierOption | null) => void;
+    productFilter: string | null;
+    setProductFilter: (value: string | null) => void;
+    selectedProductOption: ProductOption | null;
+    setSelectedProductOption: (value: ProductOption | null) => void;
+    activeFilter: ResourcesPageActiveFilter;
+    setActiveFilter: (value: ResourcesPageActiveFilter) => void;
+    assignmentStatusFilter: string;
+    setAssignmentStatusFilter: (value: string) => void;
+}
+export declare function ResourcesFilterPopover({ activeTab, suppliers, products, supplierFilter, setSupplierFilter, selectedSupplierOption, setSelectedSupplierOption, productFilter, setProductFilter, selectedProductOption, setSelectedProductOption, activeFilter, setActiveFilter, assignmentStatusFilter, setAssignmentStatusFilter, }: ResourcesFilterPopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=resources-page-filters.d.ts.map

package/dist/resources/components/resources-page-filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-page-filters.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resources-page-filters.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAChE,OAAO,KAAK,EAAE,yBAAyB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAItF,UAAU,2BAA2B;IACnC,SAAS,EAAE,gBAAgB,CAAA;IAC3B,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACjD,sBAAsB,EAAE,cAAc,GAAG,IAAI,CAAA;IAC7C,yBAAyB,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IACjE,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,qBAAqB,EAAE,aAAa,GAAG,IAAI,CAAA;IAC3C,wBAAwB,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/D,YAAY,EAAE,yBAAyB,CAAA;IACvC,eAAe,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAA;IAC3D,sBAAsB,EAAE,MAAM,CAAA;IAC9B,yBAAyB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnD;AAED,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,yBAAyB,EACzB,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACrB,wBAAwB,EACxB,YAAY,EACZ,eAAe,EACf,sBAAsB,EACtB,yBAAyB,GAC1B,EAAE,2BAA2B,2CA8G7B"}

package/dist/resources/components/resources-page-filters.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label } from "@voyant-travel/ui/components";
+import { AsyncCombobox } from "@voyant-travel/ui/components/async-combobox";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components/select";
+import { useResourcesUiI18nOrDefault } from "../i18n/index.js";
+const ASSIGNMENT_STATUSES = ["reserved", "assigned", "released", "completed", "cancelled"];
+export function ResourcesFilterPopover({ activeTab, suppliers, products, supplierFilter, setSupplierFilter, selectedSupplierOption, setSelectedSupplierOption, productFilter, setProductFilter, selectedProductOption, setSelectedProductOption, activeFilter, setActiveFilter, assignmentStatusFilter, setAssignmentStatusFilter, }) {
+    const { messages } = useResourcesUiI18nOrDefault();
+    const page = messages.resourcesPage;
+    const activeStatusSelect = (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "resources-filter-active", children: page.filters.activeLabel }), _jsxs(Select, { value: activeFilter, onValueChange: (value) => setActiveFilter((value ?? "all")), children: [_jsx(SelectTrigger, { id: "resources-filter-active", className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: _jsxs(SelectGroup, { children: [_jsx(SelectItem, { value: "all", children: page.filters.activeAll }), _jsx(SelectItem, { value: "active", children: page.filters.activeOnly }), _jsx(SelectItem, { value: "inactive", children: page.filters.inactiveOnly })] }) })] })] }));
+    if (activeTab === "resources") {
+        return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: page.filters.supplierLabel }), _jsx(AsyncCombobox, { value: supplierFilter, onChange: (value) => {
+                                setSupplierFilter(value);
+                                if (!value)
+                                    setSelectedSupplierOption(null);
+                                else {
+                                    const match = suppliers.find((supplier) => supplier.id === value);
+                                    if (match)
+                                        setSelectedSupplierOption(match);
+                                }
+                            }, items: suppliers, selectedItem: selectedSupplierOption, getKey: (supplier) => supplier.id, getLabel: (supplier) => supplier.name, placeholder: page.filters.supplierAny, emptyText: page.filters.supplierEmpty, triggerClassName: "w-full" })] }), activeStatusSelect] }));
+    }
+    if (activeTab === "pools") {
+        return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: page.filters.productLabel }), _jsx(AsyncCombobox, { value: productFilter, onChange: (value) => {
+                                setProductFilter(value);
+                                if (!value)
+                                    setSelectedProductOption(null);
+                                else {
+                                    const match = products.find((product) => product.id === value);
+                                    if (match)
+                                        setSelectedProductOption(match);
+                                }
+                            }, items: products, selectedItem: selectedProductOption, getKey: (product) => product.id, getLabel: (product) => product.name, placeholder: page.filters.productAny, emptyText: page.filters.productEmpty, triggerClassName: "w-full" })] }), activeStatusSelect] }));
+    }
+    if (activeTab === "assignments") {
+        return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "resources-filter-status", children: page.filters.assignmentStatusLabel }), _jsxs(Select, { value: assignmentStatusFilter, onValueChange: (value) => setAssignmentStatusFilter(value ?? "all"), children: [_jsx(SelectTrigger, { id: "resources-filter-status", className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: _jsxs(SelectGroup, { children: [_jsx(SelectItem, { value: "all", children: page.filters.assignmentStatusAll }), ASSIGNMENT_STATUSES.map((status) => (_jsx(SelectItem, { value: status, children: messages.common.assignmentStatusLabels[status] }, status)))] }) })] })] }));
+    }
+    return _jsx("p", { className: "text-sm text-muted-foreground", children: page.filters.noAdditionalFilters });
+}