@shortstravelmgmt/component-lib 0.5.0 → 0.5.1-canary.95.g005e8f5

package/dist/index.esm.js

@@ -1124,7 +1124,7 @@ const contentStyle$e = {
 const iconStyle$i = {
     label: 'Alert-iconStyle', flexShrink: 0, marginTop: 1, color: 'var(--alert-accent)'
 };
-const bodyStyle$e = {
+const bodyStyle$f = {
     label: 'Alert-bodyStyle', flex: 1, minWidth: 0
 };
 const titleStyle$J = {
@@ -1196,7 +1196,7 @@ const variantIcons = {
  */
 const Alert = ({ variant = 'primary', title, children, dismissible = false, onDismiss, className = '', }) => {
     const IconComponent = variantIcons[variant];
-    return (jsx("div", { className: cx(sx(alertStyle$5), sx(variantStyles$8[variant]), className), role: "alert", children: jsxs("div", { className: sx(contentStyle$e), children: [jsx(IconComponent, { className: sx(iconStyle$i), size: 20 }), jsxs("div", { className: sx(bodyStyle$e), children: [title && jsx("h4", { className: sx(titleStyle$J), children: title }), jsx("div", { className: sx(messageStyle$3), children: children })] }), dismissible && onDismiss && (jsx("button", { type: "button", onClick: onDismiss, className: sx(dismissButtonStyle), "aria-label": "Dismiss alert", children: jsx(CloseIcon, { size: 16 }) }))] }) }));
+    return (jsx("div", { className: cx(sx(alertStyle$5), sx(variantStyles$8[variant]), className), role: "alert", children: jsxs("div", { className: sx(contentStyle$e), children: [jsx(IconComponent, { className: sx(iconStyle$i), size: 20 }), jsxs("div", { className: sx(bodyStyle$f), children: [title && jsx("h4", { className: sx(titleStyle$J), children: title }), jsx("div", { className: sx(messageStyle$3), children: children })] }), dismissible && onDismiss && (jsx("button", { type: "button", onClick: onDismiss, className: sx(dismissButtonStyle), "aria-label": "Dismiss alert", children: jsx(CloseIcon, { size: 16 }) }))] }) }));
 };
 
 const avatarSizeStyles = {
@@ -2011,12 +2011,12 @@ const labelTextSizeStyles = {
     lg: { fontSize: 'var(--text-base)' },
 };
 /** Helper and error text hang under the label, indented past the box. */
-const helperTextStyle$6 = {
+const helperTextStyle$7 = {
     label: 'Checkbox-helperTextStyle',
     fontSize: 'var(--text-xs)',
     color: 'var(--color-gray-500)',
 };
-const errorTextStyle$6 = {
+const errorTextStyle$7 = {
     label: 'Checkbox-errorTextStyle',
     fontSize: 'var(--text-xs)',
     color: 'var(--color-red-500)',
@@ -2063,7 +2063,7 @@ const Checkbox = forwardRef(({ label, size = 'md', helperText, error, indetermin
                                     ? indicator({ checked: !!checked, indeterminate, disabled: !!disabled })
                                     : indeterminate
                                         ? jsx(IndeterminateIcon, {})
-                                        : jsx(CheckIcon, {}) })] }), label && (jsx("span", { className: cx(sx(labelTextStyle), sx(labelTextSizeStyles[size])), children: label }))] }), error && (jsx("span", { id: errorId, className: cx(sx(errorTextStyle$6), sx(assistiveOffsetStyles[size])), children: error })), helperText && !error && (jsx("span", { id: helperId, className: cx(sx(helperTextStyle$6), sx(assistiveOffsetStyles[size])), children: helperText }))] }));
+                                        : jsx(CheckIcon, {}) })] }), label && (jsx("span", { className: cx(sx(labelTextStyle), sx(labelTextSizeStyles[size])), children: label }))] }), error && (jsx("span", { id: errorId, className: cx(sx(errorTextStyle$7), sx(assistiveOffsetStyles[size])), children: error })), helperText && !error && (jsx("span", { id: helperId, className: cx(sx(helperTextStyle$7), sx(assistiveOffsetStyles[size])), children: helperText }))] }));
 });
 Checkbox.displayName = 'Checkbox';
 
@@ -2192,12 +2192,12 @@ const inputDisabledStyle = {
     cursor: 'not-allowed',
     color: 'var(--color-gray-500)',
 };
-const helperTextStyle$5 = {
+const helperTextStyle$6 = {
     label: 'Datepicker-helperTextStyle',
     fontSize: 'var(--text-xs)',
     color: 'var(--color-gray-500)',
 };
-const errorTextStyle$5 = {
+const errorTextStyle$6 = {
     label: 'Datepicker-errorTextStyle',
     fontSize: 'var(--text-xs)',
     color: 'var(--color-red-500)',
@@ -2218,7 +2218,7 @@ const Datepicker = forwardRef(({ size = 'md', label, helperText, error, fullWidt
     !error && !disabled && sx(inputWrapperHoverStyle), error && sx(inputWrapperErrorStyle), disabled && sx(inputWrapperDisabledStyle));
     return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: inputId, className: sx(labelStyle$h), children: label })), jsxs("div", { className: inputWrapperClasses, children: [jsx("span", { className: cx(sx(iconStyle$f), sx(iconSizeStyles$1[size])), children: jsx(CalendarIcon, {}) }), jsx("input", { ref: ref, type: "date", id: inputId, className: cx(sx(inputStyle$6), sx(inputSizeStyles$1[size]), disabled && sx(inputDisabledStyle)), disabled: disabled, "aria-invalid": !!error, "aria-describedby": [error ? errorId : null, helperText ? helperId : null]
                             .filter(Boolean)
-                            .join(' ') || undefined, ...props })] }), error && (jsx("span", { id: errorId, className: sx(errorTextStyle$5), children: error })), helperText && !error && (jsx("span", { id: helperId, className: sx(helperTextStyle$5), children: helperText }))] }));
+                            .join(' ') || undefined, ...props })] }), error && (jsx("span", { id: errorId, className: sx(errorTextStyle$6), children: error })), helperText && !error && (jsx("span", { id: helperId, className: sx(helperTextStyle$6), children: helperText }))] }));
 });
 Datepicker.displayName = 'Datepicker';
 
@@ -2915,12 +2915,12 @@ const disabledStyle$6 = {
         cursor: 'not-allowed',
     },
 };
-const helperTextStyle$4 = {
+const helperTextStyle$5 = {
     label: 'Input-helperTextStyle',
     fontSize: 'var(--fs-xs)',
     color: 'var(--fg-3)',
 };
-const errorTextStyle$4 = {
+const errorTextStyle$5 = {
     label: 'Input-errorTextStyle',
     fontSize: 'var(--fs-xs)',
     color: 'var(--color-error)',
@@ -3034,7 +3034,7 @@ const Input = forwardRef(({ size = 'md', sizing = 'fixed', label, helperText, er
     // The fixed-height class still applies its horizontal padding and gap;
     // the padded classes that follow override height and the vertical rhythm.
     sx(sizeStyles$8[size]), paddedClasses(sizing, size), error && sx(errorStyle$4), disabled && sx(disabledStyle$6));
-    return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: inputId, className: sx(labelStyle$g), children: label })), jsxs("div", { className: inputWrapperClasses, children: [leftIcon && jsx("span", { className: sx(iconStyle$e), children: leftIcon }), jsx("input", { ref: ref, id: inputId, className: sx(inputStyle$5), disabled: disabled, "aria-invalid": !!error, "aria-describedby": error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined, ...props }), rightIcon && jsx("span", { className: sx(iconStyle$e), children: rightIcon })] }), error && (jsx("span", { id: `${inputId}-error`, className: sx(errorTextStyle$4), children: error })), helperText && !error && (jsx("span", { id: `${inputId}-helper`, className: sx(helperTextStyle$4), children: helperText }))] }));
+    return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: inputId, className: sx(labelStyle$g), children: label })), jsxs("div", { className: inputWrapperClasses, children: [leftIcon && jsx("span", { className: sx(iconStyle$e), children: leftIcon }), jsx("input", { ref: ref, id: inputId, className: sx(inputStyle$5), disabled: disabled, "aria-invalid": !!error, "aria-describedby": error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined, ...props }), rightIcon && jsx("span", { className: sx(iconStyle$e), children: rightIcon })] }), error && (jsx("span", { id: `${inputId}-error`, className: sx(errorTextStyle$5), children: error })), helperText && !error && (jsx("span", { id: `${inputId}-helper`, className: sx(helperTextStyle$5), children: helperText }))] }));
 });
 Input.displayName = 'Input';
 /**
@@ -3050,7 +3050,7 @@ const Textarea = forwardRef(({ size = 'md', sizing = 'fixed', label, helperText,
     // `.textarea.paddedSm` — the type scale the padded rules put on a
     // descendant `.input` that a bare <textarea> does not have.
     sizing === 'padded' && sx(textareaPaddedSizeStyles[size]), error && sx(errorStyle$4), disabled && sx(disabledStyle$6));
-    return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: textareaId, className: sx(labelStyle$g), children: label })), jsx("textarea", { ref: ref, id: textareaId, className: textareaClasses, disabled: disabled, rows: rows, "aria-invalid": !!error, "aria-describedby": error ? `${textareaId}-error` : helperText ? `${textareaId}-helper` : undefined, ...props }), error && (jsx("span", { id: `${textareaId}-error`, className: sx(errorTextStyle$4), children: error })), helperText && !error && (jsx("span", { id: `${textareaId}-helper`, className: sx(helperTextStyle$4), children: helperText }))] }));
+    return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: textareaId, className: sx(labelStyle$g), children: label })), jsx("textarea", { ref: ref, id: textareaId, className: textareaClasses, disabled: disabled, rows: rows, "aria-invalid": !!error, "aria-describedby": error ? `${textareaId}-error` : helperText ? `${textareaId}-helper` : undefined, ...props }), error && (jsx("span", { id: `${textareaId}-error`, className: sx(errorTextStyle$5), children: error })), helperText && !error && (jsx("span", { id: `${textareaId}-helper`, className: sx(helperTextStyle$5), children: helperText }))] }));
 });
 Textarea.displayName = 'Textarea';
 
@@ -3441,12 +3441,12 @@ const paddedSizeStyles = {
         },
     },
 };
-const helperTextStyle$3 = {
+const helperTextStyle$4 = {
     label: 'Select-helperTextStyle',
     fontSize: 'var(--text-xs)',
     color: 'var(--color-gray-500)',
 };
-const errorTextStyle$3 = {
+const errorTextStyle$4 = {
     label: 'Select-errorTextStyle',
     fontSize: 'var(--text-xs)',
     color: 'var(--color-red-500)',
@@ -3483,7 +3483,7 @@ const Select = forwardRef(({ options, optionGroups, size = 'md', label, placehol
     };
     return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: selectId, className: sx(labelStyle$e), children: label })), jsxs("div", { className: selectWrapperClasses, children: [leftIcon && jsx("span", { className: sx(leftIconStyle), children: leftIcon }), jsxs("select", { ref: ref, id: selectId, className: sx(selectStyle$2), disabled: disabled, "aria-invalid": !!error, "aria-describedby": [error ? errorId : null, helperText ? helperId : null]
                             .filter(Boolean)
-                            .join(' ') || undefined, ...props, children: [placeholder && (jsx("option", { value: "", disabled: true, children: placeholder })), renderOptions()] }), jsx("span", { className: sx(chevronStyle$5), children: jsx(ChevronDownIcon, {}) })] }), error && (jsx("span", { id: errorId, className: sx(errorTextStyle$3), children: error })), helperText && !error && (jsx("span", { id: helperId, className: sx(helperTextStyle$3), children: helperText }))] }));
+                            .join(' ') || undefined, ...props, children: [placeholder && (jsx("option", { value: "", disabled: true, children: placeholder })), renderOptions()] }), jsx("span", { className: sx(chevronStyle$5), children: jsx(ChevronDownIcon, {}) })] }), error && (jsx("span", { id: errorId, className: sx(errorTextStyle$4), children: error })), helperText && !error && (jsx("span", { id: helperId, className: sx(helperTextStyle$4), children: helperText }))] }));
 });
 Select.displayName = 'Select';
 
@@ -3525,14 +3525,14 @@ const sizeStyles$6 = {
     xl: { width: 40, height: 40 },
 };
 /** The theme's own helper — this was a verbatim copy of it. */
-const srOnlyStyle$4 = srOnly;
+const srOnlyStyle$6 = srOnly;
 
 /**
  * Indeterminate loading indicator for waits with no known duration.
  * Exposes its label to screen readers, so give it one that says what is loading.
  */
 const Spinner = ({ size = 'md', className = '', color, label = 'Loading...', }) => {
-    return (jsxs("span", { className: cx(sx(spinnerStyle$1), sx(sizeStyles$6[size]), className), role: "status", "aria-label": label, style: color ? { color } : undefined, children: [jsxs("svg", { className: sx(svgStyle), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsx("circle", { className: sx(trackStyle), cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), jsx("path", { className: sx(indicatorStyle), fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), jsx("span", { className: sx(srOnlyStyle$4), children: label })] }));
+    return (jsxs("span", { className: cx(sx(spinnerStyle$1), sx(sizeStyles$6[size]), className), role: "status", "aria-label": label, style: color ? { color } : undefined, children: [jsxs("svg", { className: sx(svgStyle), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsx("circle", { className: sx(trackStyle), cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), jsx("path", { className: sx(indicatorStyle), fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), jsx("span", { className: sx(srOnlyStyle$6), children: label })] }));
 };
 
 const statusVariantStyles = (theme) => ({
@@ -3856,12 +3856,12 @@ const sizeStyles$5 = {
         },
     },
 };
-const helperTextStyle$2 = {
+const helperTextStyle$3 = {
     label: 'Timepicker-helperTextStyle',
     fontSize: 'var(--text-xs)',
     color: 'var(--color-gray-500)',
 };
-const errorTextStyle$2 = {
+const errorTextStyle$3 = {
     label: 'Timepicker-errorTextStyle',
     fontSize: 'var(--text-xs)',
     color: 'var(--color-red-500)',
@@ -3880,7 +3880,7 @@ const Timepicker = forwardRef(({ size = 'md', label, helperText, error, fullWidt
     const inputWrapperClasses = cx(sx(inputWrapperStyle$2), sx(sizeStyles$5[size]), error ? sx(errorStyle$2) : '', disabled ? sx(disabledStyle$4) : '');
     return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: inputId, className: sx(labelStyle$d), children: label })), jsxs("div", { className: inputWrapperClasses, children: [jsx("span", { className: sx(iconStyle$d), children: jsx(ClockIcon$1, {}) }), jsx("input", { ref: ref, type: "time", id: inputId, className: sx(inputStyle$4), disabled: disabled, "aria-invalid": !!error, "aria-describedby": [error ? errorId : null, helperText ? helperId : null]
                             .filter(Boolean)
-                            .join(' ') || undefined, ...props })] }), error && (jsx("span", { id: errorId, className: sx(errorTextStyle$2), children: error })), helperText && !error && (jsx("span", { id: helperId, className: sx(helperTextStyle$2), children: helperText }))] }));
+                            .join(' ') || undefined, ...props })] }), error && (jsx("span", { id: errorId, className: sx(errorTextStyle$3), children: error })), helperText && !error && (jsx("span", { id: helperId, className: sx(helperTextStyle$3), children: helperText }))] }));
 });
 Timepicker.displayName = 'Timepicker';
 
@@ -4564,11 +4564,11 @@ const openStyle$3 = {
         transform: 'rotate(90deg)',
     },
 };
-const headerStyle$M = {
+const headerStyle$N = {
     label: 'Accordion-headerStyle',
     flex: 1,
 };
-const bodyStyle$d = {
+const bodyStyle$e = {
     label: 'Accordion-bodyStyle',
     position: 'relative',
     paddingLeft: 24,
@@ -4638,7 +4638,7 @@ const Accordion = ({ header, children, defaultOpen = true, open: controlledOpen,
         }
         onOpenChange?.(newOpen);
     };
-    return (jsxs("div", { className: cx(sx(accordionStyle), className), children: [jsxs("div", { className: sx(headerContainerStyle), children: [jsx("button", { type: "button", className: sx(toggleStyle$4), onClick: handleToggle, "aria-expanded": isOpen, children: jsx(CaretIcon, { className: cx(sx(caretStyle), isOpen && sx(openStyle$3)) }) }), jsx("div", { className: sx(headerStyle$M), children: header })] }), jsxs("div", { className: cx(sx(bodyStyle$d), isOpen ? sx(visibleStyle) : sx(hiddenStyle$2)), "aria-hidden": !isOpen, children: [showTimeline && (jsxs("div", { className: sx(timelineStyle$1), children: [jsx("div", { className: sx(lineStyle) }), jsx(CaretIcon, { className: sx(endCaretStyle) })] })), jsx("div", { className: sx(contentStyle$9), children: children })] })] }));
+    return (jsxs("div", { className: cx(sx(accordionStyle), className), children: [jsxs("div", { className: sx(headerContainerStyle), children: [jsx("button", { type: "button", className: sx(toggleStyle$4), onClick: handleToggle, "aria-expanded": isOpen, children: jsx(CaretIcon, { className: cx(sx(caretStyle), isOpen && sx(openStyle$3)) }) }), jsx("div", { className: sx(headerStyle$N), children: header })] }), jsxs("div", { className: cx(sx(bodyStyle$e), isOpen ? sx(visibleStyle) : sx(hiddenStyle$2)), "aria-hidden": !isOpen, children: [showTimeline && (jsxs("div", { className: sx(timelineStyle$1), children: [jsx("div", { className: sx(lineStyle) }), jsx(CaretIcon, { className: sx(endCaretStyle) })] })), jsx("div", { className: sx(contentStyle$9), children: children })] })] }));
 };
 Accordion.displayName = 'Accordion';
 
@@ -4773,7 +4773,7 @@ const contactStyle$1 = {
     display: 'flex',
     gap: 12,
 };
-const bodyStyle$c = {
+const bodyStyle$d = {
     label: 'ContactCard-bodyStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -4820,7 +4820,7 @@ const linkTextStyle = {
 const ContactCard$1 = ({ name, title, phone, email, action, showAvatar = true, className = '', }) => {
     if (!action && !name)
         return null;
-    return (jsxs("div", { className: cx(sx(contactStyle$1), className), children: [name && showAvatar && jsx(Avatar, { name: name, size: 36 }), jsxs("div", { className: sx(bodyStyle$c), children: [jsxs("div", { className: sx(identityStyle$2), children: [action || jsx("span", { className: sx(nameStyle$6), children: name }), title && jsx("span", { className: sx(titleStyle$H), children: title })] }), phone && (jsxs("a", { href: `tel:${phone}`, className: sx(linkStyle$1), children: [jsx(PhoneIcon, { size: 16, "aria-hidden": "true" }), jsx("span", { className: sx(linkTextStyle), children: phone })] })), email && (jsxs("a", { href: `mailto:${email}`, className: sx(linkStyle$1), children: [jsx(MailIcon, { size: 16, "aria-hidden": "true" }), jsx("span", { className: sx(linkTextStyle), children: email })] }))] })] }));
+    return (jsxs("div", { className: cx(sx(contactStyle$1), className), children: [name && showAvatar && jsx(Avatar, { name: name, size: 36 }), jsxs("div", { className: sx(bodyStyle$d), children: [jsxs("div", { className: sx(identityStyle$2), children: [action || jsx("span", { className: sx(nameStyle$6), children: name }), title && jsx("span", { className: sx(titleStyle$H), children: title })] }), phone && (jsxs("a", { href: `tel:${phone}`, className: sx(linkStyle$1), children: [jsx(PhoneIcon, { size: 16, "aria-hidden": "true" }), jsx("span", { className: sx(linkTextStyle), children: phone })] })), email && (jsxs("a", { href: `mailto:${email}`, className: sx(linkStyle$1), children: [jsx(MailIcon, { size: 16, "aria-hidden": "true" }), jsx("span", { className: sx(linkTextStyle), children: email })] }))] })] }));
 };
 ContactCard$1.displayName = 'ContactCard';
 
@@ -5148,7 +5148,7 @@ const titleStyle$G = {
     fontWeight: 'var(--fw-semibold)',
     lineHeight: 'var(--lh-base)',
 };
-const descriptionStyle$a = {
+const descriptionStyle$b = {
     label: 'EmptyState-descriptionStyle',
     maxWidth: '46ch',
     margin: 0,
@@ -5156,7 +5156,7 @@ const descriptionStyle$a = {
     fontSize: 'var(--fs-sm)',
     lineHeight: 'var(--lh-sm)',
 };
-const actionsStyle$c = {
+const actionsStyle$d = {
     label: 'EmptyState-actionsStyle',
     display: 'flex',
     flexWrap: 'wrap',
@@ -5166,7 +5166,7 @@ const actionsStyle$c = {
 };
 
 /** Placeholder shown when a list, table, or panel has nothing to display. */
-const EmptyState$1 = ({ title, description, icon, actionLabel, onAction, secondaryActionLabel, onSecondaryAction, size = 'md', children, className = '', }) => (jsxs("div", { className: cx(sx(emptyStateStyle$1), sx(sizeStyles$4[size]), className), "data-test": "empty-state", children: [icon && jsx("div", { className: sx(iconStyle$b), "aria-hidden": "true", children: icon }), jsx("p", { className: sx(titleStyle$G), children: title }), description && jsx("p", { className: sx(descriptionStyle$a), children: description }), (actionLabel || secondaryActionLabel) && (jsxs("div", { className: sx(actionsStyle$c), children: [actionLabel && (jsx(Button, { size: "sm", onClick: onAction, "data-test": "empty-state-action", children: actionLabel })), secondaryActionLabel && (jsx(Button, { size: "sm", variant: "secondary", onClick: onSecondaryAction, "data-test": "empty-state-secondary-action", children: secondaryActionLabel }))] })), children] }));
+const EmptyState$1 = ({ title, description, icon, actionLabel, onAction, secondaryActionLabel, onSecondaryAction, size = 'md', children, className = '', }) => (jsxs("div", { className: cx(sx(emptyStateStyle$1), sx(sizeStyles$4[size]), className), "data-test": "empty-state", children: [icon && jsx("div", { className: sx(iconStyle$b), "aria-hidden": "true", children: icon }), jsx("p", { className: sx(titleStyle$G), children: title }), description && jsx("p", { className: sx(descriptionStyle$b), children: description }), (actionLabel || secondaryActionLabel) && (jsxs("div", { className: sx(actionsStyle$d), children: [actionLabel && (jsx(Button, { size: "sm", onClick: onAction, "data-test": "empty-state-action", children: actionLabel })), secondaryActionLabel && (jsx(Button, { size: "sm", variant: "secondary", onClick: onSecondaryAction, "data-test": "empty-state-secondary-action", children: secondaryActionLabel }))] })), children] }));
 
 /** FieldLayout's compiled rules. */
 const fieldStyle$4 = {
@@ -5250,7 +5250,7 @@ const errorStyle$1 = {
     label: 'FieldLayout-errorStyle',
     color: 'var(--color-error, #940000)',
 };
-const noteStyle$2 = {
+const noteStyle$4 = {
     label: 'FieldLayout-noteStyle',
     color: 'var(--color-stone, #787878)',
 };
@@ -5292,7 +5292,7 @@ const FieldLayout = ({ children, label, labelPosition = 'top', showLabel = true,
     const hasError = Boolean(error);
     const describedBy = [hint ? hintId : '', hasError ? errorId : ''].filter(Boolean).join(' ') || undefined;
     const hintElement = hint ? (jsx("p", { id: hintId, className: cx(sx(messageStyle$2), sx(hintStyle$1), labelPosition === 'top' ? '' : sx(hintBesideStyle(Boolean(label && showLabel)))), children: hint })) : null;
-    return (jsxs("div", { className: cx(sx(fieldStyle$4), sx(labelPositionStyles[labelPosition]), className), children: [label && showLabel && (jsxs("label", { htmlFor: id, className: cx(sx(labelStyle$b), hasError ? sx(labelErrorStyle) : ''), children: [label, required && !disabled && (jsx("span", { className: sx(requiredStyle$2), "aria-hidden": "true", children: "*" })), tooltip && (jsx(Tooltip, { className: sx(tooltipStyle$1), content: tooltip, children: jsx(InfoIcon$1, { size: 16 }) }))] })), labelPosition === 'top' && hintElement, jsxs("div", { className: sx(controlStyle$2), children: [leftIcon && !disabled && (jsx("span", { className: cx(sx(iconStyle$a), sx(iconLeftStyle)), "aria-hidden": "true", children: leftIcon })), children({ id, describedBy, hasError }), rightIcon && !disabled && (jsx("span", { className: cx(sx(iconStyle$a), sx(iconRightStyle)), "aria-hidden": "true", children: rightIcon }))] }), hasError && (jsx("p", { id: errorId, className: cx(sx(messageStyle$2), sx(errorStyle$1)), children: error })), note && jsx("p", { className: cx(sx(messageStyle$2), sx(noteStyle$2)), children: note }), labelPosition !== 'top' && hintElement] }));
+    return (jsxs("div", { className: cx(sx(fieldStyle$4), sx(labelPositionStyles[labelPosition]), className), children: [label && showLabel && (jsxs("label", { htmlFor: id, className: cx(sx(labelStyle$b), hasError ? sx(labelErrorStyle) : ''), children: [label, required && !disabled && (jsx("span", { className: sx(requiredStyle$2), "aria-hidden": "true", children: "*" })), tooltip && (jsx(Tooltip, { className: sx(tooltipStyle$1), content: tooltip, children: jsx(InfoIcon$1, { size: 16 }) }))] })), labelPosition === 'top' && hintElement, jsxs("div", { className: sx(controlStyle$2), children: [leftIcon && !disabled && (jsx("span", { className: cx(sx(iconStyle$a), sx(iconLeftStyle)), "aria-hidden": "true", children: leftIcon })), children({ id, describedBy, hasError }), rightIcon && !disabled && (jsx("span", { className: cx(sx(iconStyle$a), sx(iconRightStyle)), "aria-hidden": "true", children: rightIcon }))] }), hasError && (jsx("p", { id: errorId, className: cx(sx(messageStyle$2), sx(errorStyle$1)), children: error })), note && jsx("p", { className: cx(sx(messageStyle$2), sx(noteStyle$4)), children: note }), labelPosition !== 'top' && hintElement] }));
 };
 FieldLayout.displayName = 'FieldLayout';
 
@@ -5644,14 +5644,14 @@ const inputErrorStyle = {
         boxShadow: '0 0 0 3px rgba(220, 38, 38, 0.1) !important',
     },
 };
-const helperTextStyle$1 = {
+const helperTextStyle$2 = {
     label: 'FormField-helperTextStyle',
     fontSize: 'var(--font-size-xs)',
     color: 'var(--color-neutral-500)',
     margin: 0,
     lineHeight: 'var(--line-height-normal)',
 };
-const errorTextStyle$1 = {
+const errorTextStyle$2 = {
     label: 'FormField-errorTextStyle',
     fontSize: 'var(--font-size-xs)',
     color: 'var(--color-status-error)',
@@ -5709,12 +5709,12 @@ const FormField = forwardRef(({ label, helperText, error, required = false, hide
         }
         return (jsx(Input, { ref: ref, id: inputId, "aria-describedby": describedBy, "aria-invalid": hasError, "aria-required": required, ...inputProps, className: cx(sx(inputElementStyle), hasError && sx(inputErrorStyle), inputProps?.className) }));
     };
-    return (jsxs("div", { className: cx(sx(formFieldStyle), className), children: [jsxs("label", { htmlFor: inputId, className: cx(sx(labelStyle$9), hideLabel && sx(visuallyHiddenStyle$2)), children: [label, required && jsx("span", { className: sx(requiredStyle$1), "aria-hidden": "true", children: "*" })] }), renderInput(), helperText && !hasError && (jsx("p", { id: helperId, className: sx(helperTextStyle$1), children: helperText })), hasError && (jsx("p", { id: errorId, className: sx(errorTextStyle$1), role: "alert", children: error }))] }));
+    return (jsxs("div", { className: cx(sx(formFieldStyle), className), children: [jsxs("label", { htmlFor: inputId, className: cx(sx(labelStyle$9), hideLabel && sx(visuallyHiddenStyle$2)), children: [label, required && jsx("span", { className: sx(requiredStyle$1), "aria-hidden": "true", children: "*" })] }), renderInput(), helperText && !hasError && (jsx("p", { id: helperId, className: sx(helperTextStyle$2), children: helperText })), hasError && (jsx("p", { id: errorId, className: sx(errorTextStyle$2), role: "alert", children: error }))] }));
 });
 FormField.displayName = 'FormField';
 
 /** FormRow's compiled rules. */
-const rowStyle$8 = {
+const rowStyle$9 = {
     label: 'FormRow-rowStyle',
     display: 'grid',
     width: '100%',
@@ -5763,7 +5763,7 @@ const FormRow = ({ children, columns, gap = 'md', className, stackOnMobile = tru
     // With no children at all `colCount` is 0, which the module stylesheet met
     // with a missing `.cols0` — no column rule. The cast keeps that shape honest.
     const columnStyle = colsStyles[colCount];
-    return (jsx("div", { className: cx(sx(rowStyle$8), columnStyle ? sx(columnStyle) : '', sx(gapStyles$1[gap]), stackOnMobile ? sx(stackMobileStyle) : '', className || ''), children: children }));
+    return (jsx("div", { className: cx(sx(rowStyle$9), columnStyle ? sx(columnStyle) : '', sx(gapStyles$1[gap]), stackOnMobile ? sx(stackMobileStyle) : '', className || ''), children: children }));
 };
 FormRow.displayName = 'FormRow';
 
@@ -5775,7 +5775,7 @@ FormRow.displayName = 'FormRow';
  * specificity of its argument, so nesting it keeps the win without any
  * doubling. Everything else owned its own properties.
  */
-const sectionStyle$a = {
+const sectionStyle$b = {
     label: 'FormSection-sectionStyle',
     width: '100%',
 };
@@ -5785,14 +5785,14 @@ const sectionStyle$a = {
  * Declared before `headerStyle` so its content-hashed class name can be
  * resolved for the `:has()` below.
  */
-const descriptionStyle$9 = {
+const descriptionStyle$a = {
     label: 'FormSection-descriptionStyle',
     margin: '4px 0 0',
     color: 'var(--fg-3, #5C5C5C)',
     fontSize: 14,
     lineHeight: 1.5,
 };
-const headerStyle$L = {
+const headerStyle$M = {
     label: 'FormSection-headerStyle',
     display: 'flex',
     alignItems: 'center',
@@ -5802,7 +5802,7 @@ const headerStyle$L = {
        rather than to the middle of the block. `:has()` is scored by its argument,
        so this is (0,2,0) against the base rule's (0,1,0) — the same margin the
        stylesheet had. */
-    [`&:has(.${sx(descriptionStyle$9)})`]: {
+    [`&:has(.${sx(descriptionStyle$a)})`]: {
         alignItems: 'flex-start',
     },
 };
@@ -5833,7 +5833,7 @@ const titleStyle$F = {
         fontSize: 20,
     },
 };
-const fieldsetStyle = {
+const fieldsetStyle$2 = {
     label: 'FormSection-fieldsetStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -5890,12 +5890,12 @@ const statusStyles = {
 const FormSection = ({ title, icon, description, action, status, disabled = false, children, className, id, dataTest, }) => {
     const isSubmitted = status === 'submitted';
     const isDisabled = disabled || isSubmitted;
-    return (jsxs("div", { className: cx(sx(sectionStyle$a), className), id: id, "data-test": dataTest, children: [jsxs("div", { className: sx(headerStyle$L), children: [icon && jsx("span", { className: sx(iconStyle$9), children: icon }), jsxs("div", { className: sx(headingStyle$5), children: [jsx("h2", { className: sx(titleStyle$F), children: title }), description && jsx("p", { className: sx(descriptionStyle$9), children: description })] }), action && jsx("div", { className: sx(actionStyle$1), children: action })] }), jsxs("fieldset", { disabled: isDisabled, className: cx(sx(fieldsetStyle), isDisabled && sx(disabledStyle$3)), children: [status && (jsxs("div", { className: sx(statusStyle$6), children: [jsx("span", { className: sx(statusLabelStyle), children: "Status:" }), jsx("span", { className: cx(sx(statusValueStyle), sx(statusStyles[status])), children: status === 'submitted' ? 'Submitted' : status === 'draft' ? 'Draft' : 'Not Submitted' })] })), children] })] }));
+    return (jsxs("div", { className: cx(sx(sectionStyle$b), className), id: id, "data-test": dataTest, children: [jsxs("div", { className: sx(headerStyle$M), children: [icon && jsx("span", { className: sx(iconStyle$9), children: icon }), jsxs("div", { className: sx(headingStyle$5), children: [jsx("h2", { className: sx(titleStyle$F), children: title }), description && jsx("p", { className: sx(descriptionStyle$a), children: description })] }), action && jsx("div", { className: sx(actionStyle$1), children: action })] }), jsxs("fieldset", { disabled: isDisabled, className: cx(sx(fieldsetStyle$2), isDisabled && sx(disabledStyle$3)), children: [status && (jsxs("div", { className: sx(statusStyle$6), children: [jsx("span", { className: sx(statusLabelStyle), children: "Status:" }), jsx("span", { className: cx(sx(statusValueStyle), sx(statusStyles[status])), children: status === 'submitted' ? 'Submitted' : status === 'draft' ? 'Draft' : 'Not Submitted' })] })), children] })] }));
 };
 FormSection.displayName = 'FormSection';
 
 /** Vertical grid the form fields sit in. */
-const stackStyle$5 = {
+const stackStyle$6 = {
     label: 'FormStack-stackStyle',
     display: 'grid',
 };
@@ -5907,7 +5907,7 @@ const gapStyles = {
 };
 
 /** Standard vertical form-field rhythm used by Hub modal forms. */
-const FormStack = ({ children, gap = 'md', className = '' }) => (jsx("div", { className: cx(sx(stackStyle$5), sx(gapStyles[gap]), className), children: children }));
+const FormStack = ({ children, gap = 'md', className = '' }) => (jsx("div", { className: cx(sx(stackStyle$6), sx(gapStyles[gap]), className), children: children }));
 
 /* IconRevealLink's rules — an icon that, on hover or keyboard focus, slides
    its text label out beside it. The label is collapsed (zero width, clear,
@@ -6639,7 +6639,7 @@ const hintStyle = {
     color: 'var(--fg-3)',
     boxShadow: 'var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1))',
 };
-const helperTextStyle = {
+const helperTextStyle$1 = {
     label: 'MultiUserSearch-helperTextStyle',
     fontSize: 'var(--fs-xs)',
     color: 'var(--fg-3)',
@@ -6649,7 +6649,7 @@ const helperTextStyle = {
  * Doubled: `.errorText` and `.helperText` were both (0,1,0) and both set
  * `color`, so the error colour won only by sitting later in the file.
  */
-const errorTextStyle = {
+const errorTextStyle$1 = {
     label: 'MultiUserSearch-errorTextStyle',
     '&&': {
         color: 'var(--color-error)',
@@ -6785,7 +6785,7 @@ const MultiUserSearch = ({ label = 'Search users', placeholder = 'Type to search
     return (jsxs("div", { ref: containerRef, className: cx(sx(containerStyle$4), disabled && sx(disabledStyle$2), className), "data-test": dataTest, children: [label && (jsx("label", { className: sx(labelStyle$8), htmlFor: `${dataTest}-input`, children: label })), selectedUsers.length > 0 && (jsx("div", { className: sx(selectedUsersStyle), "data-test": `${dataTest}-selected`, children: selectedUsers.map((user) => (jsx(Badge, { variant: "info", size: "sm", className: sx(selectedBadgeStyle), "data-test": `${dataTest}-selected-${user.id}`, children: jsxs("span", { className: sx(badgeContentStyle), children: [user.name, jsx("button", { type: "button", className: sx(removeButtonStyle$1), onClick: () => removeSelection(user.id), "aria-label": `Remove ${user.name}`, disabled: disabled, children: jsx(CloseIcon, { size: 12 }) })] }) }, user.id))) })), jsxs("div", { className: sx(inputWrapperStyle$1), children: [jsx(Input, { ref: inputRef, id: `${dataTest}-input`, type: "search", placeholder: placeholder, value: query, onChange: handleInputChange, onFocus: handleInputFocus, onKeyDown: handleKeyDown, disabled: disabled, leftIcon: jsx(SearchIcon$1, { size: 16 }), rightIcon: loading ? jsx(Spinner, { size: "xs", label: "Searching" }) : undefined, "aria-expanded": isOpen, "aria-controls": `${dataTest}-listbox`, "aria-autocomplete": "list", "aria-activedescendant": highlightedIndex >= 0
                             ? `${dataTest}-option-${availableOptions[highlightedIndex]?.id}`
                             : undefined, role: "combobox", fullWidth: true, "data-test": `${dataTest}-input` }), showDropdown && (jsxs("ul", { ref: listRef, id: `${dataTest}-listbox`, className: sx(listboxStyle), role: "listbox", "aria-label": "Search results", "data-test": `${dataTest}-listbox`, children: [loading && (jsxs("li", { className: sx(loadingItemStyle), role: "status", children: [jsx(Spinner, { size: "sm", label: "Searching users" }), jsx("span", { children: "Searching users\u2026" })] })), !loading &&
-                                availableOptions.map((option, index) => (jsxs("li", { id: `${dataTest}-option-${option.id}`, role: "option", "aria-selected": highlightedIndex === index, "aria-disabled": option.disabled, className: cx(sx(optionStyle$2), highlightedIndex === index && sx(highlightedStyle), option.disabled && sx(optionDisabledStyle)), onClick: () => selectOption(option), title: option.disabledReason, "data-test": `${dataTest}-option-${option.id}`, children: [jsx("span", { className: sx(optionAvatarStyle$1), "aria-hidden": "true", children: jsx(UserIcon, { size: 16 }) }), jsxs("span", { className: sx(optionContentStyle), children: [jsx("span", { className: sx(optionNameStyle), children: option.name }), jsx("span", { className: sx(optionEmailStyle), children: option.email }), option.title && (jsx("span", { className: sx(optionTitleStyle), children: option.title }))] })] }, option.id))), showNoResults && (jsxs("li", { className: sx(noResultsStyle$1), role: "status", children: ["No users found matching \"", trimmedQuery, "\""] }))] })), showMinLengthHint && (jsxs("div", { className: sx(hintStyle), role: "status", children: ["Enter at least ", minSearchLength, " characters to search"] }))] }), (helperText || error) && (jsx("p", { className: cx(sx(helperTextStyle), error && sx(errorTextStyle)), role: error ? 'alert' : undefined, children: error || helperText }))] }));
+                                availableOptions.map((option, index) => (jsxs("li", { id: `${dataTest}-option-${option.id}`, role: "option", "aria-selected": highlightedIndex === index, "aria-disabled": option.disabled, className: cx(sx(optionStyle$2), highlightedIndex === index && sx(highlightedStyle), option.disabled && sx(optionDisabledStyle)), onClick: () => selectOption(option), title: option.disabledReason, "data-test": `${dataTest}-option-${option.id}`, children: [jsx("span", { className: sx(optionAvatarStyle$1), "aria-hidden": "true", children: jsx(UserIcon, { size: 16 }) }), jsxs("span", { className: sx(optionContentStyle), children: [jsx("span", { className: sx(optionNameStyle), children: option.name }), jsx("span", { className: sx(optionEmailStyle), children: option.email }), option.title && (jsx("span", { className: sx(optionTitleStyle), children: option.title }))] })] }, option.id))), showNoResults && (jsxs("li", { className: sx(noResultsStyle$1), role: "status", children: ["No users found matching \"", trimmedQuery, "\""] }))] })), showMinLengthHint && (jsxs("div", { className: sx(hintStyle), role: "status", children: ["Enter at least ", minSearchLength, " characters to search"] }))] }), (helperText || error) && (jsx("p", { className: cx(sx(helperTextStyle$1), error && sx(errorTextStyle$1)), role: error ? 'alert' : undefined, children: error || helperText }))] }));
 };
 MultiUserSearch.displayName = 'MultiUserSearch';
 
@@ -7026,7 +7026,7 @@ const NavItem = ({ icon, label, active = false, collapsed = false, variant = 'de
  * The header reserves its space even with nothing to show, fading in once a
  * title arrives, so the page below does not jump as data loads.
  */
-const headerStyle$K = {
+const headerStyle$L = {
     label: 'PageHeader-headerStyle',
     display: 'flex',
     alignItems: 'flex-start',
@@ -7042,7 +7042,7 @@ const emptyStyle$n = {
     opacity: 0,
     pointerEvents: 'none',
 };
-const bodyStyle$b = {
+const bodyStyle$c = {
     label: 'PageHeader-bodyStyle',
     display: 'flex',
     justifyContent: 'space-between',
@@ -7084,7 +7084,7 @@ const titleStyle$E = {
  * The header keeps its height while `title` is empty and fades in once one
  * arrives, so pages do not jump as their data loads.
  */
-const PageHeader = ({ title, pretitle, after, back, className = '', }) => (jsxs("div", { className: cx(sx(headerStyle$K), !title && sx(emptyStyle$n), className), children: [back, jsx("div", { className: sx(bodyStyle$b), children: jsxs("div", { className: sx(textStyle), children: [pretitle && jsx("h2", { className: sx(pretitleStyle$1), children: pretitle }), jsxs("h1", { className: sx(titleStyle$E), children: [title, "\u00A0"] }), after] }) })] }));
+const PageHeader = ({ title, pretitle, after, back, className = '', }) => (jsxs("div", { className: cx(sx(headerStyle$L), !title && sx(emptyStyle$n), className), children: [back, jsx("div", { className: sx(bodyStyle$c), children: jsxs("div", { className: sx(textStyle), children: [pretitle && jsx("h2", { className: sx(pretitleStyle$1), children: pretitle }), jsxs("h1", { className: sx(titleStyle$E), children: [title, "\u00A0"] }), after] }) })] }));
 PageHeader.displayName = 'PageHeader';
 
 /**
@@ -7093,7 +7093,7 @@ PageHeader.displayName = 'PageHeader';
  * The back arrow leads the section line, so the arrow and the page name both
  * start on the page's left edge and the header lines up with the content below.
  */
-const headerStyle$J = {
+const headerStyle$K = {
     label: 'PageHeaderSubsection-headerStyle',
     display: 'grid',
     gridTemplateColumns: 'minmax(0, 1fr) auto',
@@ -7131,7 +7131,7 @@ const backButtonStyle$1 = {
         outlineOffset: 2,
     },
 };
-const sectionStyle$9 = {
+const sectionStyle$a = {
     label: 'PageHeaderSubsection-sectionStyle',
     margin: 0,
     color: 'var(--color-slate, #4a5c72)',
@@ -7151,13 +7151,13 @@ const titleStyle$D = {
     fontWeight: 400,
     lineHeight: '44px',
 };
-const metaStyle$1 = {
+const metaStyle$2 = {
     label: 'PageHeaderSubsection-metaStyle',
     gridArea: 'meta',
     minWidth: 0,
     marginTop: 4,
 };
-const actionsStyle$b = {
+const actionsStyle$c = {
     label: 'PageHeaderSubsection-actionsStyle',
     gridArea: 'actions',
     display: 'flex',
@@ -7177,7 +7177,7 @@ const PageHeaderSubsection = ({ sectionName, pageName, meta, onBack, backLabel =
         else
             window.history.back();
     };
-    return (jsxs("div", { className: cx(sx(headerStyle$J), className), "data-test": "page-header-subsection", children: [jsxs("div", { className: sx(sectionRowStyle), children: [!hideBack && (jsx("button", { type: "button", className: sx(backButtonStyle$1), onClick: handleBack, "aria-label": backLabel, "data-test": "page-header-subsection-back", children: jsx(BackIcon$1, {}) })), jsx("p", { className: sx(sectionStyle$9), children: sectionName })] }), jsx("h1", { className: sx(titleStyle$D), children: pageName }), meta && jsx("div", { className: sx(metaStyle$1), children: meta }), actions && jsx("div", { className: sx(actionsStyle$b), children: actions })] }));
+    return (jsxs("div", { className: cx(sx(headerStyle$K), className), "data-test": "page-header-subsection", children: [jsxs("div", { className: sx(sectionRowStyle), children: [!hideBack && (jsx("button", { type: "button", className: sx(backButtonStyle$1), onClick: handleBack, "aria-label": backLabel, "data-test": "page-header-subsection-back", children: jsx(BackIcon$1, {}) })), jsx("p", { className: sx(sectionStyle$a), children: sectionName })] }), jsx("h1", { className: sx(titleStyle$D), children: pageName }), meta && jsx("div", { className: sx(metaStyle$2), children: meta }), actions && jsx("div", { className: sx(actionsStyle$c), children: actions })] }));
 };
 PageHeaderSubsection.displayName = 'PageHeaderSubsection';
 
@@ -7189,7 +7189,7 @@ const toneColors = {
     success: { panel: 'var(--color-alert-success-bg)', accent: 'var(--color-success-accent)' },
     error: { panel: 'var(--color-alert-error-bg)', accent: 'var(--color-danger-accent)' },
 };
-const rootStyle$2 = {
+const rootStyle$3 = {
     label: 'PanelTabs-rootStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -7305,7 +7305,7 @@ const PanelTabs = ({ options, value, onChange, 'aria-label': ariaLabel, children
             choose(event.key === 'Home' ? 0 : options.length - 1);
         }
     };
-    return (jsxs("div", { className: cx(sx(rootStyle$2), className), children: [jsx("div", { className: cx(sx(tabListStyle), sx(shortenStyle(shortenBelow))), role: "radiogroup", "aria-label": ariaLabel, children: options.map((option, index) => {
+    return (jsxs("div", { className: cx(sx(rootStyle$3), className), children: [jsx("div", { className: cx(sx(tabListStyle), sx(shortenStyle(shortenBelow))), role: "radiogroup", "aria-label": ariaLabel, children: options.map((option, index) => {
                     const selected = index === chosen;
                     return (jsxs("button", { ref: (element) => {
                             tabs.current[index] = element;
@@ -7408,7 +7408,7 @@ const focusRing = {
  * current page is matched on `[aria-current="page"]` instead — the component
  * sets that attribute from the same expression that sets `currentStyle`.
  */
-const pageStyle$u = {
+const pageStyle$v = {
     label: 'Pagination-pageStyle',
     ...buttonBase,
     '&:hover:not([aria-current="page"])': {
@@ -7491,7 +7491,7 @@ const Pagination = ({ page, pageSize, totalItems, siblingCount = 1, pageSizeOpti
             return;
         onPageChange?.(next);
     };
-    return (jsxs("nav", { className: cx(sx(paginationStyle$3), className), "aria-label": ariaLabel, "data-test": "pagination", children: [!hideSummary && (jsxs("p", { className: sx(summaryStyle$6), "data-test": "pagination-summary", children: ["Showing ", firstItem, "\u2013", lastItem, " of ", totalItems, " ", itemLabel] })), jsxs("div", { className: sx(controlsStyle), children: [showSizeSelector && (jsxs("label", { className: sx(pageSizeStyle), children: [jsx("span", { children: "Rows per page" }), jsx("select", { value: pageSize, onChange: (event) => onPageSizeChange?.(Number(event.target.value)), "data-test": "pagination-page-size", children: pageSizeOptions.map((option) => (jsx("option", { value: option, children: option }, option))) })] })), jsxs("ul", { className: sx(pagesStyle), children: [jsx("li", { children: jsx("button", { type: "button", className: sx(stepStyle), onClick: () => goTo(currentPage - 1), disabled: currentPage <= 1, "aria-label": "Previous page", "data-test": "pagination-previous", children: jsx(ChevronLeftIcon, { size: 16 }) }) }), items.map((item, index) => item === 'ellipsis' ? (jsx("li", { className: sx(ellipsisStyle), "aria-hidden": "true", children: "\u2026" }, `ellipsis-${index}`)) : (jsx("li", { children: jsx("button", { type: "button", className: cx(sx(pageStyle$u), item === currentPage && sx(currentStyle)), onClick: () => goTo(item), "aria-label": `Page ${item}`, "aria-current": item === currentPage ? 'page' : undefined, "data-test": `pagination-page-${item}`, children: item }) }, item))), jsx("li", { children: jsx("button", { type: "button", className: sx(stepStyle), onClick: () => goTo(currentPage + 1), disabled: currentPage >= pageCount, "aria-label": "Next page", "data-test": "pagination-next", children: jsx(ChevronRightIcon$1, { size: 16 }) }) })] })] })] }));
+    return (jsxs("nav", { className: cx(sx(paginationStyle$3), className), "aria-label": ariaLabel, "data-test": "pagination", children: [!hideSummary && (jsxs("p", { className: sx(summaryStyle$6), "data-test": "pagination-summary", children: ["Showing ", firstItem, "\u2013", lastItem, " of ", totalItems, " ", itemLabel] })), jsxs("div", { className: sx(controlsStyle), children: [showSizeSelector && (jsxs("label", { className: sx(pageSizeStyle), children: [jsx("span", { children: "Rows per page" }), jsx("select", { value: pageSize, onChange: (event) => onPageSizeChange?.(Number(event.target.value)), "data-test": "pagination-page-size", children: pageSizeOptions.map((option) => (jsx("option", { value: option, children: option }, option))) })] })), jsxs("ul", { className: sx(pagesStyle), children: [jsx("li", { children: jsx("button", { type: "button", className: sx(stepStyle), onClick: () => goTo(currentPage - 1), disabled: currentPage <= 1, "aria-label": "Previous page", "data-test": "pagination-previous", children: jsx(ChevronLeftIcon, { size: 16 }) }) }), items.map((item, index) => item === 'ellipsis' ? (jsx("li", { className: sx(ellipsisStyle), "aria-hidden": "true", children: "\u2026" }, `ellipsis-${index}`)) : (jsx("li", { children: jsx("button", { type: "button", className: cx(sx(pageStyle$v), item === currentPage && sx(currentStyle)), onClick: () => goTo(item), "aria-label": `Page ${item}`, "aria-current": item === currentPage ? 'page' : undefined, "data-test": `pagination-page-${item}`, children: item }) }, item))), jsx("li", { children: jsx("button", { type: "button", className: sx(stepStyle), onClick: () => goTo(currentPage + 1), disabled: currentPage >= pageCount, "aria-label": "Next page", "data-test": "pagination-next", children: jsx(ChevronRightIcon$1, { size: 16 }) }) })] })] })] }));
 };
 
 /* Progress Bar */
@@ -7958,7 +7958,7 @@ const SearchField = forwardRef(({ placeholder = 'Search...', value, defaultValue
 SearchField.displayName = 'SearchField';
 
 /** The form's own vertical rhythm. */
-const formStyle$5 = {
+const formStyle$6 = {
     label: 'SchoolContactForm-formStyle',
     display: 'grid',
     gap: 16,
@@ -8017,7 +8017,7 @@ const phoneFieldsStyle = {
  * Layout for Hub's school-contact editor. Field controls stay injectable so
  * consuming applications retain their form state, validation, and masking.
  */
-const SchoolContactForm = ({ mode, createFromPortalUser, firstNameField, middleInitialField, lastNameField, businessPhoneField, cellPhoneField, emailField, className = '', }) => (jsxs("div", { className: cx(sx(formStyle$5), className), children: [mode === 'Add' && (jsxs(Fragment, { children: [jsxs("div", { children: [jsx("label", { className: sx(portalLabelStyle), children: "Create From Portal User" }), createFromPortalUser] }), jsx("div", { className: sx(dividerStyle$2), children: jsx("strong", { children: "OR" }) }), jsx("p", { className: sx(newContactLabelStyle), children: "Create New Contact Without Portal Access" })] })), jsxs("div", { className: sx(nameFieldsStyle), children: [firstNameField, middleInitialField, lastNameField] }), jsxs("div", { className: sx(phoneFieldsStyle), children: [businessPhoneField, cellPhoneField] }), jsx("div", { children: emailField })] }));
+const SchoolContactForm = ({ mode, createFromPortalUser, firstNameField, middleInitialField, lastNameField, businessPhoneField, cellPhoneField, emailField, className = '', }) => (jsxs("div", { className: cx(sx(formStyle$6), className), children: [mode === 'Add' && (jsxs(Fragment, { children: [jsxs("div", { children: [jsx("label", { className: sx(portalLabelStyle), children: "Create From Portal User" }), createFromPortalUser] }), jsx("div", { className: sx(dividerStyle$2), children: jsx("strong", { children: "OR" }) }), jsx("p", { className: sx(newContactLabelStyle), children: "Create New Contact Without Portal Access" })] })), jsxs("div", { className: sx(nameFieldsStyle), children: [firstNameField, middleInitialField, lastNameField] }), jsxs("div", { className: sx(phoneFieldsStyle), children: [businessPhoneField, cellPhoneField] }), jsx("div", { children: emailField })] }));
 
 const segmentStyle$2 = {
     label: 'Segment-segmentStyle',
@@ -8151,7 +8151,7 @@ SportCodeBadge.displayName = 'SportCodeBadge';
  * the job this component exists for (tabbed dropdowns jumped as each tab's
  * longest option changed).
  */
-const stackStyle$4 = {
+const stackStyle$5 = {
     label: 'TabPanelStack-stackStyle',
     display: 'grid',
 };
@@ -8180,7 +8180,7 @@ const hiddenPanelStyle = {
  * focus order and the accessibility tree (`aria-hidden` says so explicitly),
  * so only the visible one can be read or tabbed to.
  */
-const TabPanelStack = ({ panels, activeId, idPrefix, className = '' }) => (jsx("div", { className: [sx(stackStyle$4), className].filter(Boolean).join(' '), children: panels.map(({ id, content, labelledBy }) => {
+const TabPanelStack = ({ panels, activeId, idPrefix, className = '' }) => (jsx("div", { className: [sx(stackStyle$5), className].filter(Boolean).join(' '), children: panels.map(({ id, content, labelledBy }) => {
         const active = id === activeId;
         return (jsx("div", { id: idPrefix ? `${idPrefix}-${id}` : undefined, role: "tabpanel", "aria-labelledby": labelledBy, "aria-hidden": active ? undefined : true, className: [sx(panelStyle$9), !active && sx(hiddenPanelStyle)].filter(Boolean).join(' '), children: content }, id));
     }) }));
@@ -8400,7 +8400,7 @@ TabStrip.displayName = 'TabStrip';
  * inherit the title's display font and size. `&&` (0,2,0) so a host's descendant
  * rule (e.g. `.title span`, 0,1,1) can't restyle it either.
  */
-const rootStyle$1 = {
+const rootStyle$2 = {
     label: 'TeamPicker-rootStyle',
     '&&': {
         fontFamily: 'var(--font-family-base, Inter, system-ui, sans-serif)',
@@ -8520,7 +8520,7 @@ const TeamPicker = ({ groups, groupOrder, activeGroup, onGroupChange, mode = 'si
                         onOnly(value);
                     }, children: "Only" }))] }, value));
     };
-    return (jsxs("div", { className: sx(rootStyle$1), children: [jsx("div", { className: sx(tabRowStyle), children: jsx(TabStrip, { idPrefix: uid, accent: "teal", "aria-label": ariaLabel, activeTab: current, onTabChange: changeGroup, tabs: ids.map((id) => {
+    return (jsxs("div", { className: sx(rootStyle$2), children: [jsx("div", { className: sx(tabRowStyle), children: jsx(TabStrip, { idPrefix: uid, accent: "teal", "aria-label": ariaLabel, activeTab: current, onTabChange: changeGroup, tabs: ids.map((id) => {
                         const values = (groups[id] ?? []).map(teamValue);
                         const count = values.filter((value) => selected.includes(value)).length;
                         const all = values.length > 0 && count === values.length;
@@ -8548,7 +8548,7 @@ TeamPicker.displayName = 'TeamPicker';
  */
 /** Shrink-wrapped, as before: inline content stays beside it, and the icon
  * trigger's right-aligned panel hangs from the icon, not the container. */
-const rootStyle = {
+const rootStyle$1 = {
     label: 'SelectFilter-rootStyle',
     position: 'relative',
     display: 'inline-block',
@@ -8758,7 +8758,7 @@ const choicesStyle = {
     overflowY: 'auto',
 };
 /** Extra content above the title, ruled off from the choices. */
-const headerStyle$I = {
+const headerStyle$J = {
     label: 'SelectFilter-headerStyle',
     padding: '6px 12px 10px',
     marginBottom: 'var(--space-1)',
@@ -8873,7 +8873,7 @@ const optionBodyStyle = {
 };
 const optionLabelStyle = { label: 'SelectFilter-optionLabelStyle', flex: 1 };
 /** Text for assistive technology only (a trigger's state the eye reads from colour). */
-const srOnlyStyle$3 = { label: 'SelectFilter-srOnlyStyle', ...srOnly };
+const srOnlyStyle$5 = { label: 'SelectFilter-srOnlyStyle', ...srOnly };
 
 /**
  * One flat option. A single pick is a button. A multi-select row is its
@@ -9106,7 +9106,7 @@ const SelectFilter = forwardRef(({ label, options = [], groupedOptions = {}, gro
     else if (trigger === 'filter') {
         triggerElement = (
         // An outlined pill, blue while open or while a filter is in effect.
-        jsxs("button", { "aria-expanded": isOpen, className: cx(sx(filterPillStyle), isOpen || active ? sx(filterPillActiveStyle) : ''), "data-testid": `${label}-filter`, disabled: disabled, onClick: toggle, type: "button", children: [jsx(Icon, { name: "Filter", size: 16 }), triggerLabel, active && !(activeCount > 0) && jsx("span", { className: sx(srOnlyStyle$3), children: " (filter on)" }), activeCount > 0 && (jsx("span", { "aria-label": `${activeCount} on`, className: sx(filterCountStyle), children: activeCount }))] }));
+        jsxs("button", { "aria-expanded": isOpen, className: cx(sx(filterPillStyle), isOpen || active ? sx(filterPillActiveStyle) : ''), "data-testid": `${label}-filter`, disabled: disabled, onClick: toggle, type: "button", children: [jsx(Icon, { name: "Filter", size: 16 }), triggerLabel, active && !(activeCount > 0) && jsx("span", { className: sx(srOnlyStyle$5), children: " (filter on)" }), activeCount > 0 && (jsx("span", { "aria-label": `${activeCount} on`, className: sx(filterCountStyle), children: activeCount }))] }));
     }
     else if (trigger === 'link') {
         triggerElement = (jsxs("button", { "aria-expanded": isOpen, "aria-label": `Filter by ${label}: ${triggerText}`, className: sx(linkTriggerStyle), "data-testid": `${label}-filter`, disabled: disabled, onClick: toggle, type: "button", children: [singleTeam ? (jsxs("span", { className: sx(teamValueStyle), children: [jsx(SportCodeBadge, { code: codeOf(singleTeam), group: singleTeamTab && isSportCodeGroup(singleTeamTab) ? singleTeamTab : undefined }), jsx("span", { children: singleTeam.name ?? singleTeam.label })] })) : (jsx("span", { children: triggerText })), chevron] }));
@@ -9114,13 +9114,13 @@ const SelectFilter = forwardRef(({ label, options = [], groupedOptions = {}, gro
     else {
         triggerElement = (jsxs("button", { "aria-expanded": isOpen, "aria-label": `${label}: ${triggerText}`, className: cx(sx(fieldTriggerStyle), fullWidth ? sx(fieldTriggerFullStyle) : '', disabled ? sx(fieldTriggerDisabledStyle) : ''), "data-testid": `${label}-filter`, disabled: disabled, onClick: toggle, type: "button", children: [jsx("span", { className: sx(tagsStyle$1), children: isAll ? (jsxs("span", { className: sx(tagStyle), "data-testid": `${label}-option-all`, children: ["All ", label, "s"] })) : !chosen.length ? (jsx("span", { className: sx(placeholderStyle), children: placeholderText })) : (jsxs(Fragment, { children: [chosen.slice(0, tagLimit).map(renderTag), remaining > 0 && (jsxs("span", { className: sx(tagStyle), "data-testid": `${label}-option-remaining`, children: ["+", remaining] }))] })) }), jsx("span", { className: sx(chevronButtonStyle), children: chevron })] }));
     }
-    return (jsxs("div", { className: cx(sx(rootStyle), fullWidth ? sx(fullWidthStyle) : '', className ?? ''), ref: (element) => {
+    return (jsxs("div", { className: cx(sx(rootStyle$1), fullWidth ? sx(fullWidthStyle) : '', className ?? ''), ref: (element) => {
             rootRef.current = element;
             if (typeof ref === 'function')
                 ref(element);
             else if (ref)
                 ref.current = element;
-        }, children: [triggerElement, isOpen && (jsxs("div", { className: cx(sx(panelStyle$8), sx(trigger === 'icon' || trigger === 'filter' ? panelRightStyle : panelLeftStyle)), style: width ? { minWidth: width } : undefined, children: [header && jsx("div", { className: sx(headerStyle$I), children: header }), (title || showAllLink) && (jsxs("div", { className: sx(titleRowStyle$5), children: [title && jsx("span", { className: sx(titleStyle$C), children: title }), showAllLink && (jsx("button", { className: sx(allLinkStyle), onClick: selectAll, type: "button", children: "All" }))] })), jsx("div", { className: sx(choicesStyle), ref: choicesRef, children: grouped ? (
+        }, children: [triggerElement, isOpen && (jsxs("div", { className: cx(sx(panelStyle$8), sx(trigger === 'icon' || trigger === 'filter' ? panelRightStyle : panelLeftStyle)), style: width ? { minWidth: width } : undefined, children: [header && jsx("div", { className: sx(headerStyle$J), children: header }), (title || showAllLink) && (jsxs("div", { className: sx(titleRowStyle$5), children: [title && jsx("span", { className: sx(titleStyle$C), children: title }), showAllLink && (jsx("button", { className: sx(allLinkStyle), onClick: selectAll, type: "button", children: "All" }))] })), jsx("div", { className: sx(choicesStyle), ref: choicesRef, children: grouped ? (
                         // Multi-select stages here (with a select-all per tab and "Only");
                         // Apply below commits it. A single pick commits at once.
                         jsx(TeamPicker, { activeGroup: activeTab, "aria-label": `${label} groups`, emptyMessage: "No options found", groupOrder: tabs, groups: teamGroups, mode: multiselect ? 'multiple' : 'single', onGroupChange: setActiveTab, onOnly: (key) => only(byKey(key)), onSelect: (key) => select(byKey(key)), onToggle: (key) => select(byKey(key)), onToggleGroup: (_, keys) => toggleGroup(keys.map(byKey)), selected: staged.map(keyOf) })) : currentOptions.length === 0 ? (jsx("div", { className: sx(emptyStyle$l), children: "No options found" })) : (jsxs(Fragment, { children: [multiselect && !hideCheckAll && (
@@ -9291,7 +9291,7 @@ const SupplierTypeToggle = ({ value, defaultValue = '', onChange, disabled = fal
 };
 
 /** Sticks to the top of the calendar column as the schedule scrolls past. */
-const headerStyle$H = {
+const headerStyle$I = {
     label: 'TeamCalendarHeader-headerStyle',
     position: 'sticky',
     top: 0,
@@ -9303,7 +9303,7 @@ const headerStyle$H = {
         justifyContent: 'space-between',
     },
 };
-const rowStyle$7 = {
+const rowStyle$8 = {
     label: 'TeamCalendarHeader-rowStyle',
     display: 'flex',
     justifyContent: 'space-between',
@@ -9357,7 +9357,7 @@ const contentStyle$8 = {
  * It sticks to the top of its column so the team stays identifiable while the
  * schedule scrolls.
  */
-const TeamCalendarHeader = ({ teamCode, teamFullName, children, className = '', }) => (jsxs("div", { className: cx(sx(headerStyle$H), className), children: [jsx("div", { className: sx(rowStyle$7), children: jsxs("div", { className: sx(identityStyle$1), children: [jsx("div", { className: sx(codeStyle$3), children: teamCode }), teamFullName && jsx("span", { className: sx(nameStyle$4), children: teamFullName })] }) }), jsx("div", { className: sx(contentStyle$8), children: children })] }));
+const TeamCalendarHeader = ({ teamCode, teamFullName, children, className = '', }) => (jsxs("div", { className: cx(sx(headerStyle$I), className), children: [jsx("div", { className: sx(rowStyle$8), children: jsxs("div", { className: sx(identityStyle$1), children: [jsx("div", { className: sx(codeStyle$3), children: teamCode }), teamFullName && jsx("span", { className: sx(nameStyle$4), children: teamFullName })] }) }), jsx("div", { className: sx(contentStyle$8), children: children })] }));
 TeamCalendarHeader.displayName = 'TeamCalendarHeader';
 
 /**
@@ -9374,7 +9374,7 @@ const subMenuStyle = {
     label: 'TeamHeader-subMenuStyle',
     marginBottom: 24,
 };
-const headerStyle$G = {
+const headerStyle$H = {
     label: 'TeamHeader-headerStyle',
     display: 'flex',
     alignItems: 'flex-start',
@@ -9440,7 +9440,7 @@ const titleStyle$B = {
         lineHeight: '52px',
     },
 };
-const actionsStyle$a = {
+const actionsStyle$b = {
     label: 'TeamHeader-actionsStyle',
     display: 'flex',
     alignItems: 'center',
@@ -9455,7 +9455,7 @@ const TeamHeader = ({ title: suppliedTitle, teamCode, teamName, pretitle = 'Team
     const title = suppliedTitle ?? (teamCode && teamName
         ? `${teamCode} - ${teamName}`
         : teamName || teamCode || '');
-    const headerClasses = cx(sx(headerStyle$G), !title && sx(emptyStyle$k), className);
+    const headerClasses = cx(sx(headerStyle$H), !title && sx(emptyStyle$k), className);
     const handleBack = () => {
         if (onBack) {
             onBack();
@@ -9465,7 +9465,7 @@ const TeamHeader = ({ title: suppliedTitle, teamCode, teamName, pretitle = 'Team
             window.location.href = backHref;
         }
     };
-    return (jsxs("div", { className: headerClasses, "data-test": "team-header", children: [jsxs("div", { className: sx(leftStyle$1), children: [(backHref || onBack) && (jsx("button", { type: "button", className: sx(backButtonStyle), onClick: handleBack, "aria-label": "Go back", "data-test": "team-header-back", children: jsx(BackIcon, {}) })), jsxs("div", { className: sx(titlesStyle), children: [pretitle && jsx("span", { className: sx(pretitleStyle), children: pretitle }), jsxs("h1", { className: sx(titleStyle$B), children: [title, "\u00A0"] })] })] }), actions && (jsx("div", { className: sx(actionsStyle$a), children: actions }))] }));
+    return (jsxs("div", { className: headerClasses, "data-test": "team-header", children: [jsxs("div", { className: sx(leftStyle$1), children: [(backHref || onBack) && (jsx("button", { type: "button", className: sx(backButtonStyle), onClick: handleBack, "aria-label": "Go back", "data-test": "team-header-back", children: jsx(BackIcon, {}) })), jsxs("div", { className: sx(titlesStyle), children: [pretitle && jsx("span", { className: sx(pretitleStyle), children: pretitle }), jsxs("h1", { className: sx(titleStyle$B), children: [title, "\u00A0"] })] })] }), actions && (jsx("div", { className: sx(actionsStyle$b), children: actions }))] }));
 };
 const DEFAULT_TABS$1 = [
     { id: 'profile', label: 'Profile' },
@@ -9609,7 +9609,7 @@ const locationStyle = {
     fontWeight: 'var(--font-semibold)',
     color: 'var(--color-gray-900)',
 };
-const routeStyle$3 = {
+const routeStyle$4 = {
     label: 'TripSegment-routeStyle',
     display: 'flex',
     alignItems: 'center',
@@ -9691,7 +9691,7 @@ const AirSegment = ({ flights, variant = 'light', className = '', }) => {
     if (!flights || flights.length === 0) {
         return (jsx(TripSegment, { type: "air", variant: variant, className: className, children: jsx("span", { className: sx(emptyStyle$j), children: "No flights" }) }));
     }
-    return (jsx(TripSegment, { type: "air", variant: variant, className: className, children: flights.map((flight, i) => (jsxs("div", { className: sx(itemStyle$3), children: [jsxs("div", { className: sx(itemHeaderStyle), children: [jsx(PlaneIcon$2, {}), jsx("span", { className: sx(itemTypeStyle), children: flight.type === 'charter' ? 'Charter' : 'Commercial' })] }), jsxs("div", { className: sx(routeStyle$3), children: [jsx("span", { className: sx(locationStyle), children: flight.departure }), jsx(ArrowIcon, {}), jsx("span", { className: sx(locationStyle), children: flight.arrival })] }), jsxs("div", { className: sx(detailsStyle$3), children: [jsx("span", { children: flight.departureDate }), flight.departureTime && jsx("span", { children: flight.departureTime })] }), flight.airline && (jsxs("div", { className: sx(detailsStyle$3), children: [jsx("span", { children: flight.airline }), flight.flightNumber && jsxs("span", { children: ["#", flight.flightNumber] })] }))] }, i))) }));
+    return (jsx(TripSegment, { type: "air", variant: variant, className: className, children: flights.map((flight, i) => (jsxs("div", { className: sx(itemStyle$3), children: [jsxs("div", { className: sx(itemHeaderStyle), children: [jsx(PlaneIcon$2, {}), jsx("span", { className: sx(itemTypeStyle), children: flight.type === 'charter' ? 'Charter' : 'Commercial' })] }), jsxs("div", { className: sx(routeStyle$4), children: [jsx("span", { className: sx(locationStyle), children: flight.departure }), jsx(ArrowIcon, {}), jsx("span", { className: sx(locationStyle), children: flight.arrival })] }), jsxs("div", { className: sx(detailsStyle$3), children: [jsx("span", { children: flight.departureDate }), flight.departureTime && jsx("span", { children: flight.departureTime })] }), flight.airline && (jsxs("div", { className: sx(detailsStyle$3), children: [jsx("span", { children: flight.airline }), flight.flightNumber && jsxs("span", { children: ["#", flight.flightNumber] })] }))] }, i))) }));
 };
 /**
  * GroundSegment component for displaying ground transportation
@@ -9700,7 +9700,7 @@ const GroundSegment = ({ segments, variant = 'light', className = '', }) => {
     if (!segments || segments.length === 0) {
         return (jsx(TripSegment, { type: "ground", variant: variant, className: className, children: jsx("span", { className: sx(emptyStyle$j), children: "No ground transportation" }) }));
     }
-    return (jsx(TripSegment, { type: "ground", variant: variant, className: className, children: segments.map((segment, i) => (jsxs("div", { className: sx(itemStyle$3), children: [jsxs("div", { className: sx(itemHeaderStyle), children: [jsx(BusIcon$1, {}), jsx("span", { className: sx(itemTypeStyle), children: segment.type.charAt(0).toUpperCase() + segment.type.slice(1) })] }), jsxs("div", { className: sx(routeStyle$3), children: [jsx("span", { className: sx(locationStyle), children: segment.pickupLocation }), jsx(ArrowIcon, {}), jsx("span", { className: sx(locationStyle), children: segment.dropoffLocation })] }), jsxs("div", { className: sx(detailsStyle$3), children: [jsx("span", { children: segment.pickupDate }), segment.pickupTime && jsx("span", { children: segment.pickupTime })] }), segment.company && (jsxs("div", { className: sx(detailsStyle$3), children: [jsx("span", { children: segment.company }), segment.vehicleCount && jsxs("span", { children: [segment.vehicleCount, " vehicles"] })] }))] }, i))) }));
+    return (jsx(TripSegment, { type: "ground", variant: variant, className: className, children: segments.map((segment, i) => (jsxs("div", { className: sx(itemStyle$3), children: [jsxs("div", { className: sx(itemHeaderStyle), children: [jsx(BusIcon$1, {}), jsx("span", { className: sx(itemTypeStyle), children: segment.type.charAt(0).toUpperCase() + segment.type.slice(1) })] }), jsxs("div", { className: sx(routeStyle$4), children: [jsx("span", { className: sx(locationStyle), children: segment.pickupLocation }), jsx(ArrowIcon, {}), jsx("span", { className: sx(locationStyle), children: segment.dropoffLocation })] }), jsxs("div", { className: sx(detailsStyle$3), children: [jsx("span", { children: segment.pickupDate }), segment.pickupTime && jsx("span", { children: segment.pickupTime })] }), segment.company && (jsxs("div", { className: sx(detailsStyle$3), children: [jsx("span", { children: segment.company }), segment.vehicleCount && jsxs("span", { children: [segment.vehicleCount, " vehicles"] })] }))] }, i))) }));
 };
 /**
  * HotelSegment component for displaying hotel information
@@ -9747,7 +9747,7 @@ const panelStyle$7 = {
     borderRadius: 'var(--radius-xl)',
     backgroundColor: 'var(--bg-surface)',
 };
-const panelTitleStyle = {
+const panelTitleStyle$1 = {
     label: 'AcmiQuoteCalculator-panelTitleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -9818,7 +9818,7 @@ const legErrorStyle = {
     color: 'var(--color-error)',
     fontSize: 'var(--fs-sm)',
 };
-const actionsStyle$9 = {
+const actionsStyle$a = {
     label: 'AcmiQuoteCalculator-actionsStyle',
     display: 'flex',
     flexWrap: 'wrap',
@@ -10056,10 +10056,10 @@ const AcmiQuoteCalculator = ({ carrierOptions = ACMI_CARRIER_OPTIONS, aircraftOp
     const seatHint = specs
         ? `Maximum ${specs.seats} passengers for this aircraft`
         : 'Select an aircraft to see seat capacity';
-    return (jsxs("div", { className: cx(sx(calculatorStyle$1), className), "data-test": "acmi-quote-calculator", children: [showErrors && errorList.length > 0 && (jsx(Alert, { variant: "error", title: "Fix these before calculating", children: jsx("ul", { className: sx(errorSummaryStyle$1), "data-test": "acmi-error-summary", children: errorList.map(([field, message]) => (jsx("li", { children: message }, field))) }) })), calculationError && (jsx(Alert, { variant: "error", title: "Quote could not be calculated", children: jsx("p", { className: sx(alertMessageStyle), "data-test": "acmi-calculation-error", children: calculationError }) })), jsxs("div", { className: sx(columnsStyle), children: [jsxs("section", { className: sx(panelStyle$7), "aria-label": "Quote configuration", children: [jsx("h3", { className: sx(panelTitleStyle), children: "Quote Configuration" }), jsx(Select, { id: "acmi-carrier", label: "Carrier", placeholder: "Select Carrier\u2026", options: carrierOptions, value: inputs.carrier, error: showErrors ? errors.carrier : undefined, onChange: (event) => updateCarrier(event.target.value), "data-test": "acmi-carrier" }), jsx(Select, { id: "acmi-aircraft", label: "Aircraft Type", placeholder: "Select Aircraft\u2026", options: availableAircraftOptions, value: inputs.aircraft, disabled: !inputs.carrier, error: showErrors ? errors.aircraft : undefined, onChange: (event) => update('aircraft', event.target.value), "data-test": "acmi-aircraft" }), jsx(Input, { id: "acmi-passengers", type: "number", label: "Number of Passengers", placeholder: "Enter passenger count", helperText: seatHint, value: inputs.passengers, error: showErrors ? errors.passengers : undefined, onChange: (event) => update('passengers', event.target.value), "data-test": "acmi-passengers" }), jsx(Input, { id: "acmi-fuel-price", type: "number", step: "0.01", label: "Fuel Price ($/gallon)", placeholder: "e.g. 5.50", value: inputs.fuelPrice, error: showErrors ? errors.fuelPrice : undefined, onChange: (event) => update('fuelPrice', event.target.value), "data-test": "acmi-fuel-price" }), jsx(Input, { id: "acmi-markup", type: "number", step: "0.1", label: "Markup %", helperText: "Standard is 7% \u2014 adjustable as needed", value: inputs.markupPercent, onChange: (event) => update('markupPercent', event.target.value), "data-test": "acmi-markup" }), jsx(Input, { id: "acmi-insurance", label: "Insurance (Flat Fee)", helperText: `${currency.format(insuranceFlat)} per trip (locked)`, value: currency.format(insuranceFlat), readOnly: true, disabled: true, "data-test": "acmi-insurance" }), jsx(Input, { id: "acmi-crew-nights", type: "number", label: "Crew Nights (RON)", helperText: "Number of nights crew stays away from base", value: inputs.crewNights, onChange: (event) => update('crewNights', event.target.value), "data-test": "acmi-crew-nights" }), showTripMonth && (jsx(Select, { id: "acmi-trip-month", label: "Trip Month (for Historic Winds)", options: TRIP_MONTH_OPTIONS, helperText: "Use this only when the configured pricing service applies a historic winds profile.", value: inputs.tripMonth, onChange: (event) => update('tripMonth', event.target.value), "data-test": "acmi-trip-month" }))] }), jsxs("section", { className: sx(panelStyle$7), "aria-label": "Flight itinerary", children: [jsx("h3", { className: sx(panelTitleStyle), children: "Flight Itinerary" }), jsx(Alert, { variant: "primary", children: positioningMode === 'automatic' ? (jsxs(Fragment, { children: ["Enter ", jsx("strong", { children: "live legs only" }), ", in trip order. The host pricing engine adds positioning ferry legs automatically. Leave flight time blank to use its route estimate; an entered time is treated as an explicit contractual input."] })) : (jsxs(Fragment, { children: ["Enter ", jsx("strong", { children: "every flown leg in order" }), ", including positioning. Mark each leg as live or ferry. Leave flight time blank to use the pricing engine\u2019s route estimate; an entered time is treated as an explicit contractual input."] })) }), showErrors && errors.legs && (jsx("p", { className: sx(legErrorStyle), role: "alert", "data-test": "acmi-legs-error", children: errors.legs })), jsx("ol", { className: sx(legsStyle$3), children: inputs.legs.map((leg, index) => (jsxs("li", { className: cx(sx(legStyle$2), positioningMode === 'automatic' && sx(automaticLegStyle)), "data-test": "acmi-leg", children: [jsxs("span", { className: sx(legIndexStyle$1), children: ["Leg ", index + 1] }), positioningMode === 'explicit' && (jsx(Select, { id: `${leg.id}-type`, size: "sm", label: "Leg type", options: [
+    return (jsxs("div", { className: cx(sx(calculatorStyle$1), className), "data-test": "acmi-quote-calculator", children: [showErrors && errorList.length > 0 && (jsx(Alert, { variant: "error", title: "Fix these before calculating", children: jsx("ul", { className: sx(errorSummaryStyle$1), "data-test": "acmi-error-summary", children: errorList.map(([field, message]) => (jsx("li", { children: message }, field))) }) })), calculationError && (jsx(Alert, { variant: "error", title: "Quote could not be calculated", children: jsx("p", { className: sx(alertMessageStyle), "data-test": "acmi-calculation-error", children: calculationError }) })), jsxs("div", { className: sx(columnsStyle), children: [jsxs("section", { className: sx(panelStyle$7), "aria-label": "Quote configuration", children: [jsx("h3", { className: sx(panelTitleStyle$1), children: "Quote Configuration" }), jsx(Select, { id: "acmi-carrier", label: "Carrier", placeholder: "Select Carrier\u2026", options: carrierOptions, value: inputs.carrier, error: showErrors ? errors.carrier : undefined, onChange: (event) => updateCarrier(event.target.value), "data-test": "acmi-carrier" }), jsx(Select, { id: "acmi-aircraft", label: "Aircraft Type", placeholder: "Select Aircraft\u2026", options: availableAircraftOptions, value: inputs.aircraft, disabled: !inputs.carrier, error: showErrors ? errors.aircraft : undefined, onChange: (event) => update('aircraft', event.target.value), "data-test": "acmi-aircraft" }), jsx(Input, { id: "acmi-passengers", type: "number", label: "Number of Passengers", placeholder: "Enter passenger count", helperText: seatHint, value: inputs.passengers, error: showErrors ? errors.passengers : undefined, onChange: (event) => update('passengers', event.target.value), "data-test": "acmi-passengers" }), jsx(Input, { id: "acmi-fuel-price", type: "number", step: "0.01", label: "Fuel Price ($/gallon)", placeholder: "e.g. 5.50", value: inputs.fuelPrice, error: showErrors ? errors.fuelPrice : undefined, onChange: (event) => update('fuelPrice', event.target.value), "data-test": "acmi-fuel-price" }), jsx(Input, { id: "acmi-markup", type: "number", step: "0.1", label: "Markup %", helperText: "Standard is 7% \u2014 adjustable as needed", value: inputs.markupPercent, onChange: (event) => update('markupPercent', event.target.value), "data-test": "acmi-markup" }), jsx(Input, { id: "acmi-insurance", label: "Insurance (Flat Fee)", helperText: `${currency.format(insuranceFlat)} per trip (locked)`, value: currency.format(insuranceFlat), readOnly: true, disabled: true, "data-test": "acmi-insurance" }), jsx(Input, { id: "acmi-crew-nights", type: "number", label: "Crew Nights (RON)", helperText: "Number of nights crew stays away from base", value: inputs.crewNights, onChange: (event) => update('crewNights', event.target.value), "data-test": "acmi-crew-nights" }), showTripMonth && (jsx(Select, { id: "acmi-trip-month", label: "Trip Month (for Historic Winds)", options: TRIP_MONTH_OPTIONS, helperText: "Use this only when the configured pricing service applies a historic winds profile.", value: inputs.tripMonth, onChange: (event) => update('tripMonth', event.target.value), "data-test": "acmi-trip-month" }))] }), jsxs("section", { className: sx(panelStyle$7), "aria-label": "Flight itinerary", children: [jsx("h3", { className: sx(panelTitleStyle$1), children: "Flight Itinerary" }), jsx(Alert, { variant: "primary", children: positioningMode === 'automatic' ? (jsxs(Fragment, { children: ["Enter ", jsx("strong", { children: "live legs only" }), ", in trip order. The host pricing engine adds positioning ferry legs automatically. Leave flight time blank to use its route estimate; an entered time is treated as an explicit contractual input."] })) : (jsxs(Fragment, { children: ["Enter ", jsx("strong", { children: "every flown leg in order" }), ", including positioning. Mark each leg as live or ferry. Leave flight time blank to use the pricing engine\u2019s route estimate; an entered time is treated as an explicit contractual input."] })) }), showErrors && errors.legs && (jsx("p", { className: sx(legErrorStyle), role: "alert", "data-test": "acmi-legs-error", children: errors.legs })), jsx("ol", { className: sx(legsStyle$3), children: inputs.legs.map((leg, index) => (jsxs("li", { className: cx(sx(legStyle$2), positioningMode === 'automatic' && sx(automaticLegStyle)), "data-test": "acmi-leg", children: [jsxs("span", { className: sx(legIndexStyle$1), children: ["Leg ", index + 1] }), positioningMode === 'explicit' && (jsx(Select, { id: `${leg.id}-type`, size: "sm", label: "Leg type", options: [
                                                 { value: 'live', label: 'Live' },
                                                 { value: 'ferry', label: 'Ferry' },
-                                            ], value: leg.type ?? 'live', onChange: (event) => updateLeg(leg.id, { type: event.target.value }), "data-test": "acmi-leg-type" })), jsx(Input, { id: `${leg.id}-origin`, size: "sm", label: "From", maxLength: 4, value: leg.origin, onChange: (event) => updateLeg(leg.id, { origin: event.target.value.toUpperCase() }), "data-test": "acmi-leg-origin" }), jsx(Input, { id: `${leg.id}-destination`, size: "sm", label: "To", maxLength: 4, value: leg.destination, onChange: (event) => updateLeg(leg.id, { destination: event.target.value.toUpperCase() }), "data-test": "acmi-leg-destination" }), jsx(Input, { id: `${leg.id}-flight-time`, size: "sm", type: "number", step: "0.1", label: "Flight time (h, optional)", value: leg.flightTime, onChange: (event) => updateLeg(leg.id, { flightTime: event.target.value }), "data-test": "acmi-leg-flight-time" }), jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Remove leg ${index + 1}`, disabled: inputs.legs.length === 1, onClick: () => removeLeg(leg.id), "data-test": "acmi-remove-leg", children: jsx(TrashIcon$2, { size: 16 }) })] }, leg.id))) }), jsxs("div", { className: sx(actionsStyle$9), children: [jsx(Button, { variant: "outline", size: "sm", leftIcon: jsx(PlusIcon$2, { size: 16 }), onClick: addLeg, "data-test": "acmi-add-leg", children: "Add Flight Leg" }), jsx(Button, { size: "sm", loading: calculating, onClick: calculate, "data-test": "acmi-calculate", children: calculating ? 'Calculating' : 'Calculate Quote' }), result && onSubmitForApproval && (jsx(Button, { variant: "secondary", size: "sm", onClick: () => onSubmitForApproval(inputs), "data-test": "acmi-submit-approval", children: "Use This Total" }))] })] })] }), result && (jsxs("section", { className: sx(resultsStyle), "aria-label": "Quote summary", "data-test": "acmi-results", children: [jsx("h3", { className: sx(panelTitleStyle), children: "Quote Summary" }), jsxs("dl", { className: sx(resultGridStyle), children: [jsxs("div", { children: [jsx("dt", { children: "Operating Subtotal" }), jsx("dd", { children: currency.format(result.operatingSubtotal) })] }), jsxs("div", { children: [jsx("dt", { children: "Markup Applied" }), jsx("dd", { children: currency.format(result.markupAmount) })] }), jsxs("div", { children: [jsx("dt", { children: "Insurance (Flat Fee)" }), jsx("dd", { children: currency.format(result.insuranceAmount) })] }), jsxs("div", { children: [jsx("dt", { children: "Pre-Tax Total" }), jsx("dd", { children: currency.format(result.preTaxTotal) })] }), jsxs("div", { children: [jsx("dt", { children: "Federal Excise Tax" }), jsx("dd", { children: currency.format(result.fet) })] }), jsxs("div", { children: [jsx("dt", { children: "Segment Fees" }), jsx("dd", { children: currency.format(result.segmentFees) })] })] }), jsxs("p", { className: sx(finalPriceStyle), "data-test": "acmi-final-price", children: [jsx("span", { children: "Total Quoted Price" }), jsx("strong", { children: currency.format(result.finalPrice) })] }), result.pricingDetails && (jsxs("dl", { className: sx(contractFactsStyle), "data-test": "acmi-pricing-details", children: [jsxs("div", { "data-test": "acmi-ferry-floor", children: [jsx("dt", { children: "Ferry block time" }), jsxs("dd", { children: [result.pricingDetails.ferryBlockHours.toFixed(2), " h", result.pricingDetails.ferryMinimumHours
+                                            ], value: leg.type ?? 'live', onChange: (event) => updateLeg(leg.id, { type: event.target.value }), "data-test": "acmi-leg-type" })), jsx(Input, { id: `${leg.id}-origin`, size: "sm", label: "From", maxLength: 4, value: leg.origin, onChange: (event) => updateLeg(leg.id, { origin: event.target.value.toUpperCase() }), "data-test": "acmi-leg-origin" }), jsx(Input, { id: `${leg.id}-destination`, size: "sm", label: "To", maxLength: 4, value: leg.destination, onChange: (event) => updateLeg(leg.id, { destination: event.target.value.toUpperCase() }), "data-test": "acmi-leg-destination" }), jsx(Input, { id: `${leg.id}-flight-time`, size: "sm", type: "number", step: "0.1", label: "Flight time (h, optional)", value: leg.flightTime, onChange: (event) => updateLeg(leg.id, { flightTime: event.target.value }), "data-test": "acmi-leg-flight-time" }), jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Remove leg ${index + 1}`, disabled: inputs.legs.length === 1, onClick: () => removeLeg(leg.id), "data-test": "acmi-remove-leg", children: jsx(TrashIcon$2, { size: 16 }) })] }, leg.id))) }), jsxs("div", { className: sx(actionsStyle$a), children: [jsx(Button, { variant: "outline", size: "sm", leftIcon: jsx(PlusIcon$2, { size: 16 }), onClick: addLeg, "data-test": "acmi-add-leg", children: "Add Flight Leg" }), jsx(Button, { size: "sm", loading: calculating, onClick: calculate, "data-test": "acmi-calculate", children: calculating ? 'Calculating' : 'Calculate Quote' }), result && onSubmitForApproval && (jsx(Button, { variant: "secondary", size: "sm", onClick: () => onSubmitForApproval(inputs), "data-test": "acmi-submit-approval", children: "Use This Total" }))] })] })] }), result && (jsxs("section", { className: sx(resultsStyle), "aria-label": "Quote summary", "data-test": "acmi-results", children: [jsx("h3", { className: sx(panelTitleStyle$1), children: "Quote Summary" }), jsxs("dl", { className: sx(resultGridStyle), children: [jsxs("div", { children: [jsx("dt", { children: "Operating Subtotal" }), jsx("dd", { children: currency.format(result.operatingSubtotal) })] }), jsxs("div", { children: [jsx("dt", { children: "Markup Applied" }), jsx("dd", { children: currency.format(result.markupAmount) })] }), jsxs("div", { children: [jsx("dt", { children: "Insurance (Flat Fee)" }), jsx("dd", { children: currency.format(result.insuranceAmount) })] }), jsxs("div", { children: [jsx("dt", { children: "Pre-Tax Total" }), jsx("dd", { children: currency.format(result.preTaxTotal) })] }), jsxs("div", { children: [jsx("dt", { children: "Federal Excise Tax" }), jsx("dd", { children: currency.format(result.fet) })] }), jsxs("div", { children: [jsx("dt", { children: "Segment Fees" }), jsx("dd", { children: currency.format(result.segmentFees) })] })] }), jsxs("p", { className: sx(finalPriceStyle), "data-test": "acmi-final-price", children: [jsx("span", { children: "Total Quoted Price" }), jsx("strong", { children: currency.format(result.finalPrice) })] }), result.pricingDetails && (jsxs("dl", { className: sx(contractFactsStyle), "data-test": "acmi-pricing-details", children: [jsxs("div", { "data-test": "acmi-ferry-floor", children: [jsx("dt", { children: "Ferry block time" }), jsxs("dd", { children: [result.pricingDetails.ferryBlockHours.toFixed(2), " h", result.pricingDetails.ferryMinimumHours
                                                 ? ` · ${result.pricingDetails.ferryMinimumHours.toFixed(2)} h minimum per estimated SkyWest ferry leg`
                                                 : ''] })] }), jsxs("div", { "data-test": "acmi-fuel-buffer", children: [jsx("dt", { children: "Fuel buffer" }), jsxs("dd", { children: [(result.pricingDetails.fuelBufferPercent * 100).toFixed(0), "% \u00B7 ", currency.format(result.pricingDetails.fuelBufferAmount)] })] }), jsxs("div", { "data-test": "acmi-screening", children: [jsx("dt", { children: "Security screening" }), jsx("dd", { children: currency.format(result.pricingDetails.screeningAmount) })] })] })), result.legs && result.legs.length > 0 && (jsxs("div", { className: sx(pricedLegsStyle), "data-test": "acmi-priced-legs", children: [jsx("h4", { children: "Backend-priced itinerary" }), jsxs("div", { className: sx(pricedLegHeaderStyle), "aria-hidden": "true", children: [jsx("span", { children: "Leg" }), jsx("span", { children: "Type" }), jsx("span", { children: "Block" }), jsx("span", { children: "Total" })] }), result.legs.map((leg) => (jsxs("div", { className: sx(pricedLegStyle), "data-test": "acmi-priced-leg", children: [jsxs("span", { children: [leg.origin, " \u2192 ", leg.destination] }), jsx("span", { "data-test": "acmi-priced-leg-type", children: leg.type === 'ferry' ? 'Ferry' : 'Live' }), jsxs("span", { "data-test": "acmi-priced-leg-block", children: [leg.blockHours.toFixed(2), " h"] }), jsx("span", { children: currency.format(leg.total) })] }, leg.id)))] }))] }))] }));
 };
@@ -10104,7 +10104,7 @@ const showHideAllStyle = {
         opacity: 0.5,
     },
 };
-const filtersStyle$5 = {
+const filtersStyle$6 = {
     label: 'AgentGroupTravelRequestsTable-filtersStyle',
     display: 'flex',
     flexWrap: 'wrap',
@@ -10221,7 +10221,7 @@ const iconButtonStyle$1 = {
     cursor: 'pointer',
     '&:hover': { background: 'var(--color-primary-light)' },
 };
-const mutedStyle$2 = {
+const mutedStyle$3 = {
     label: 'AgentGroupTravelRequestsTable-mutedStyle', color: 'var(--fg-4, var(--color-stone))'
 };
 const idLinkStyle = {
@@ -10334,7 +10334,7 @@ const subPnrPanelStyle = {
     gap: 'var(--space-2)',
     padding: 'var(--space-2) 0',
 };
-const legendStyle$2 = {
+const legendStyle$4 = {
     label: 'AgentGroupTravelRequestsTable-legendStyle',
     margin: 0,
     color: 'var(--fg-3, var(--color-slate))',
@@ -10461,12 +10461,12 @@ const AgentGroupTravelRequestsTable = ({ requests, sports = [], views = [], toda
         setDateEdits((current) => ({ ...current, [id]: { ...current[id], submittedDate: value } }));
         onSubmittedDateChange?.(id, value);
     };
-    return (jsxs("div", { className: cx(sx(wrapperStyle$2), className), "data-test": "agent-gtr-table", children: [jsxs("div", { className: sx(toolbarStyle$3), children: [jsxs("button", { type: "button", className: sx(showHideAllStyle), title: "Show/Hide all PNRs", onClick: toggleExpandAll, disabled: multiPnrIds.length === 0, "data-test": "agent-gtr-toggle-all", children: [allExpanded ? jsx(ChevronUpIcon, { size: 16 }) : jsx(ChevronDownIcon$1, { size: 16 }), jsx("span", { children: allExpanded ? 'Collapse all PNRs' : 'Expand all PNRs' })] }), jsxs("div", { className: sx(filtersStyle$5), children: [jsxs("label", { className: sx(filterFieldStyle$1), children: [jsx("span", { children: "Filter by sport" }), jsxs("select", { value: sportFilter, onChange: (event) => setSportFilter(event.target.value), "data-test": "agent-gtr-sport-filter", children: [jsx("option", { value: "", children: "All Sports" }), sports.map((sport) => (jsx("option", { value: sport.code, children: sport.label }, sport.code)))] })] }), views.length > 0 && (jsxs("label", { className: sx(filterFieldStyle$1), children: [jsx("span", { children: "Filter by view" }), jsxs("select", { value: viewFilter, onChange: (event) => setViewFilter(event.target.value), "data-test": "agent-gtr-view-filter", children: [jsx("option", { value: "", children: "All Accounts" }), views.map((view) => (jsx("option", { value: view.id, children: view.label }, view.id)))] })] }))] })] }), jsx("div", { className: sx(tableScrollStyle$2), children: jsxs("table", { className: sx(tableStyle$b), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { className: sx(colExpandStyle), children: jsx("span", { className: "sr-only", children: "Expand" }) }), jsx("th", { children: "Source" }), jsx("th", { children: "Master Trip" }), jsx("th", { children: "ID" }), jsx("th", { children: "Start Date" }), jsx("th", { children: "Name" }), jsx("th", { children: "Sport" }), jsxs("th", { children: [jsx(PlaneIcon$3, { size: 16 }), jsx("span", { className: "sr-only", children: "Carrier" })] }), jsx("th", { children: "Routing" }), jsx("th", { children: "Submitted" }), jsx("th", { children: "Type" }), jsx("th", { children: "Quote Sent" }), jsx("th", { children: "Confirmation" }), jsx("th", { children: "Deposit" }), jsx("th", { children: "Utilization" }), jsx("th", { children: "Names" }), jsx("th", { children: "Ticketing" }), jsx("th", { children: "PNR" }), jsx("th", { className: sx(colDeleteStyle), children: jsx("span", { className: "sr-only", children: "Delete" }) })] }) }), jsxs("tbody", { children: [!groups.length && (jsx("tr", { children: jsx("td", { colSpan: COLUMN_COUNT, className: sx(emptyStyle$i), "data-test": "agent-gtr-empty", children: "No open group travel requests match these filters." }) })), groups.map((group) => (jsxs(Fragment$1, { children: [jsx("tr", { className: sx(accountRowStyle), children: jsx("td", { colSpan: COLUMN_COUNT, children: group.accountName }) }), group.items.map((request) => {
+    return (jsxs("div", { className: cx(sx(wrapperStyle$2), className), "data-test": "agent-gtr-table", children: [jsxs("div", { className: sx(toolbarStyle$3), children: [jsxs("button", { type: "button", className: sx(showHideAllStyle), title: "Show/Hide all PNRs", onClick: toggleExpandAll, disabled: multiPnrIds.length === 0, "data-test": "agent-gtr-toggle-all", children: [allExpanded ? jsx(ChevronUpIcon, { size: 16 }) : jsx(ChevronDownIcon$1, { size: 16 }), jsx("span", { children: allExpanded ? 'Collapse all PNRs' : 'Expand all PNRs' })] }), jsxs("div", { className: sx(filtersStyle$6), children: [jsxs("label", { className: sx(filterFieldStyle$1), children: [jsx("span", { children: "Filter by sport" }), jsxs("select", { value: sportFilter, onChange: (event) => setSportFilter(event.target.value), "data-test": "agent-gtr-sport-filter", children: [jsx("option", { value: "", children: "All Sports" }), sports.map((sport) => (jsx("option", { value: sport.code, children: sport.label }, sport.code)))] })] }), views.length > 0 && (jsxs("label", { className: sx(filterFieldStyle$1), children: [jsx("span", { children: "Filter by view" }), jsxs("select", { value: viewFilter, onChange: (event) => setViewFilter(event.target.value), "data-test": "agent-gtr-view-filter", children: [jsx("option", { value: "", children: "All Accounts" }), views.map((view) => (jsx("option", { value: view.id, children: view.label }, view.id)))] })] }))] })] }), jsx("div", { className: sx(tableScrollStyle$2), children: jsxs("table", { className: sx(tableStyle$b), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { className: sx(colExpandStyle), children: jsx("span", { className: "sr-only", children: "Expand" }) }), jsx("th", { children: "Source" }), jsx("th", { children: "Master Trip" }), jsx("th", { children: "ID" }), jsx("th", { children: "Start Date" }), jsx("th", { children: "Name" }), jsx("th", { children: "Sport" }), jsxs("th", { children: [jsx(PlaneIcon$3, { size: 16 }), jsx("span", { className: "sr-only", children: "Carrier" })] }), jsx("th", { children: "Routing" }), jsx("th", { children: "Submitted" }), jsx("th", { children: "Type" }), jsx("th", { children: "Quote Sent" }), jsx("th", { children: "Confirmation" }), jsx("th", { children: "Deposit" }), jsx("th", { children: "Utilization" }), jsx("th", { children: "Names" }), jsx("th", { children: "Ticketing" }), jsx("th", { children: "PNR" }), jsx("th", { className: sx(colDeleteStyle), children: jsx("span", { className: "sr-only", children: "Delete" }) })] }) }), jsxs("tbody", { children: [!groups.length && (jsx("tr", { children: jsx("td", { colSpan: COLUMN_COUNT, className: sx(emptyStyle$i), "data-test": "agent-gtr-empty", children: "No open group travel requests match these filters." }) })), groups.map((group) => (jsxs(Fragment$1, { children: [jsx("tr", { className: sx(accountRowStyle), children: jsx("td", { colSpan: COLUMN_COUNT, children: group.accountName }) }), group.items.map((request) => {
                                             const isMulti = request.pnrs.length > 1;
                                             const isExpanded = expandedIds.has(request.id);
                                             const startSoon = daysUntil(request.startDate, today) < 8;
-                                            return (jsxs(Fragment$1, { children: [jsxs("tr", { className: sx(requestRowStyle), "data-test": "agent-gtr-row", children: [jsx("td", { className: sx(colExpandStyle), children: isMulti && (jsx("button", { type: "button", className: sx(expanderStyle$1), "aria-expanded": isExpanded, "aria-label": `${isExpanded ? 'Collapse' : 'Expand'} PNRs for ${request.name}`, onClick: () => toggleExpanded(request.id), "data-test": "agent-gtr-expand-row", children: isExpanded ? jsx(ChevronDownIcon$1, { size: 16 }) : jsx(ChevronRightIcon$1, { size: 16 }) })) }), jsx("td", { children: request.source === 'client' ? 'C' : 'A' }), jsx("td", { children: request.masterTripId ? (jsx("button", { type: "button", className: sx(iconButtonStyle$1), "aria-label": `View master trip ${request.masterTripId}`, title: `View Master Trip ${request.masterTripId}`, onClick: () => onViewMasterTrip?.(request.masterTripId), children: jsx(SearchIcon$1, { size: 16 }) })) : (jsx("span", { className: sx(mutedStyle$2), children: "\u2014" })) }), jsx("td", { children: jsx("button", { type: "button", className: cx(sx(idLinkStyle), request.notes && sx(hasNotesStyle)), title: request.notes || undefined, onClick: () => onOpenRequest?.(request.id), "data-test": "agent-gtr-open-request", children: request.id }) }), jsx("td", { className: cx(startSoon && sx(startSoonStyle)), children: formatShortDate$1(request.startDate) }), jsx("td", { children: truncate(request.name) }), jsx("td", { children: truncate(request.sport) }), jsx("td", { children: isMulti ? 'Multi' : request.carrier || '' }), jsx("td", { children: isMulti ? 'Multi' : request.routing }), jsx("td", { className: sx(colDateStyle), children: jsx(Datepicker, { "aria-label": `Submitted date for request ${request.id}`, size: "sm", value: dateEdits[request.id]?.submittedDate ?? request.submittedDate ?? '', onChange: (event) => handleSubmittedDateChange(request.id, event.target.value), "data-test": "agent-gtr-submitted-date" }) }), jsx("td", { children: computeTravelTypeCodes(request).join(', ') }), jsx("td", { className: sx(colDateStyle), children: jsx(Datepicker, { "aria-label": `Quote sent date for request ${request.id}`, size: "sm", value: dateEdits[request.id]?.quoteSentDate ?? request.quoteSentDate ?? '', onChange: (event) => handleQuoteSentDateChange(request.id, event.target.value), "data-test": "agent-gtr-quote-sent-date" }) }), DUE_FIELDS.map(({ field }) => (jsx("td", { children: jsx(DueStatusCell, { status: request[field], today: today, onToggle: onToggleDueStatus ? () => onToggleDueStatus(request.id, field) : undefined }) }, field))), jsx("td", { children: isMulti ? (jsx(PnrButton, { label: "Multi", tone: groupPnrTone(request.pnrs), onClick: () => toggleExpanded(request.id), dataTest: "agent-gtr-pnr-multi" })) : (jsx(PnrButton, { label: request.pnrs[0].recordLocator.toUpperCase(), tone: pnrTone(request.pnrs[0]), onClick: () => handleCopyPnr(request.pnrs[0].recordLocator), dataTest: "agent-gtr-pnr" })) }), jsx("td", { className: sx(colDeleteStyle), children: !isMulti && onDeleteRequest && (jsx("button", { type: "button", className: sx(deleteButtonStyle), "aria-label": `Delete request ${request.id}`, title: "Click to delete this trip", onClick: () => onDeleteRequest(request.id), "data-test": "agent-gtr-delete", children: jsx(TrashIcon$2, { size: 16 }) })) })] }), isMulti && isExpanded && (jsx("tr", { className: sx(subPnrRowStyle), children: jsx("td", { colSpan: COLUMN_COUNT, children: jsx("div", { className: sx(subPnrPanelStyle), "data-test": "agent-gtr-sub-pnrs", children: request.pnrs.map((pnr) => (jsx(PnrButton, { label: pnr.recordLocator.toUpperCase(), tone: pnrTone(pnr), onClick: () => handleCopyPnr(pnr.recordLocator), dataTest: "agent-gtr-sub-pnr" }, pnr.id))) }) }) }))] }, request.id));
-                                        })] }, `account-${group.accountName}`)))] })] }) }), jsx("p", { className: sx(legendStyle$2), children: "Types: A - Airline C - Car, H - Hotel" })] }));
+                                            return (jsxs(Fragment$1, { children: [jsxs("tr", { className: sx(requestRowStyle), "data-test": "agent-gtr-row", children: [jsx("td", { className: sx(colExpandStyle), children: isMulti && (jsx("button", { type: "button", className: sx(expanderStyle$1), "aria-expanded": isExpanded, "aria-label": `${isExpanded ? 'Collapse' : 'Expand'} PNRs for ${request.name}`, onClick: () => toggleExpanded(request.id), "data-test": "agent-gtr-expand-row", children: isExpanded ? jsx(ChevronDownIcon$1, { size: 16 }) : jsx(ChevronRightIcon$1, { size: 16 }) })) }), jsx("td", { children: request.source === 'client' ? 'C' : 'A' }), jsx("td", { children: request.masterTripId ? (jsx("button", { type: "button", className: sx(iconButtonStyle$1), "aria-label": `View master trip ${request.masterTripId}`, title: `View Master Trip ${request.masterTripId}`, onClick: () => onViewMasterTrip?.(request.masterTripId), children: jsx(SearchIcon$1, { size: 16 }) })) : (jsx("span", { className: sx(mutedStyle$3), children: "\u2014" })) }), jsx("td", { children: jsx("button", { type: "button", className: cx(sx(idLinkStyle), request.notes && sx(hasNotesStyle)), title: request.notes || undefined, onClick: () => onOpenRequest?.(request.id), "data-test": "agent-gtr-open-request", children: request.id }) }), jsx("td", { className: cx(startSoon && sx(startSoonStyle)), children: formatShortDate$1(request.startDate) }), jsx("td", { children: truncate(request.name) }), jsx("td", { children: truncate(request.sport) }), jsx("td", { children: isMulti ? 'Multi' : request.carrier || '' }), jsx("td", { children: isMulti ? 'Multi' : request.routing }), jsx("td", { className: sx(colDateStyle), children: jsx(Datepicker, { "aria-label": `Submitted date for request ${request.id}`, size: "sm", value: dateEdits[request.id]?.submittedDate ?? request.submittedDate ?? '', onChange: (event) => handleSubmittedDateChange(request.id, event.target.value), "data-test": "agent-gtr-submitted-date" }) }), jsx("td", { children: computeTravelTypeCodes(request).join(', ') }), jsx("td", { className: sx(colDateStyle), children: jsx(Datepicker, { "aria-label": `Quote sent date for request ${request.id}`, size: "sm", value: dateEdits[request.id]?.quoteSentDate ?? request.quoteSentDate ?? '', onChange: (event) => handleQuoteSentDateChange(request.id, event.target.value), "data-test": "agent-gtr-quote-sent-date" }) }), DUE_FIELDS.map(({ field }) => (jsx("td", { children: jsx(DueStatusCell, { status: request[field], today: today, onToggle: onToggleDueStatus ? () => onToggleDueStatus(request.id, field) : undefined }) }, field))), jsx("td", { children: isMulti ? (jsx(PnrButton, { label: "Multi", tone: groupPnrTone(request.pnrs), onClick: () => toggleExpanded(request.id), dataTest: "agent-gtr-pnr-multi" })) : (jsx(PnrButton, { label: request.pnrs[0].recordLocator.toUpperCase(), tone: pnrTone(request.pnrs[0]), onClick: () => handleCopyPnr(request.pnrs[0].recordLocator), dataTest: "agent-gtr-pnr" })) }), jsx("td", { className: sx(colDeleteStyle), children: !isMulti && onDeleteRequest && (jsx("button", { type: "button", className: sx(deleteButtonStyle), "aria-label": `Delete request ${request.id}`, title: "Click to delete this trip", onClick: () => onDeleteRequest(request.id), "data-test": "agent-gtr-delete", children: jsx(TrashIcon$2, { size: 16 }) })) })] }), isMulti && isExpanded && (jsx("tr", { className: sx(subPnrRowStyle), children: jsx("td", { colSpan: COLUMN_COUNT, children: jsx("div", { className: sx(subPnrPanelStyle), "data-test": "agent-gtr-sub-pnrs", children: request.pnrs.map((pnr) => (jsx(PnrButton, { label: pnr.recordLocator.toUpperCase(), tone: pnrTone(pnr), onClick: () => handleCopyPnr(pnr.recordLocator), dataTest: "agent-gtr-sub-pnr" }, pnr.id))) }) }) }))] }, request.id));
+                                        })] }, `account-${group.accountName}`)))] })] }) }), jsx("p", { className: sx(legendStyle$4), children: "Types: A - Airline C - Car, H - Hotel" })] }));
 };
 
 /**
@@ -10500,7 +10500,7 @@ const tableStyle$a = {
 };
 /* Header — navy brand ground with the side rail's foreground ink, matching the
    widget card headers. */
-const headerStyle$F = {
+const headerStyle$G = {
     label: 'Table-headerStyle',
     backgroundColor: 'var(--color-primary, #19345f)',
     borderBottom: '1px solid var(--nav-rail-border, rgb(255 255 255 / 8%))',
@@ -10537,11 +10537,11 @@ const sortableStyle$1 = {
     [`&:hover .${sx(sortIconStyle$2)}`]: { opacity: 1 },
 };
 /* Body */
-const bodyStyle$a = {
+const bodyStyle$b = {
     label: 'Table-bodyStyle',
     backgroundColor: 'white',
 };
-const rowStyle$6 = {
+const rowStyle$7 = {
     label: 'Table-rowStyle',
     borderBottom: '1px solid var(--color-neutral-100)',
     '&:last-child': { borderBottom: 'none' },
@@ -10603,23 +10603,23 @@ const stripedStyle = {
      * object they are emitted in this order every time rather than depending on
      * which style was injected first.
      */
-    [`& .${sx(rowStyle$6)}.${sx(selectedRowStyle)}`]: {
+    [`& .${sx(rowStyle$7)}.${sx(selectedRowStyle)}`]: {
         backgroundColor: 'var(--color-primary-light)',
     },
-    [`& .${sx(rowStyle$6)}:nth-child(even)`]: {
+    [`& .${sx(rowStyle$7)}:nth-child(even)`]: {
         backgroundColor: 'var(--color-neutral-50)',
     },
 };
 const hoverableStyle = {
     label: 'Table-hoverableStyle',
-    [`& .${sx(rowStyle$6)}.${sx(selectedRowStyle)}`]: {
+    [`& .${sx(rowStyle$7)}.${sx(selectedRowStyle)}`]: {
         backgroundColor: 'var(--color-primary-light)',
     },
-    [`& .${sx(rowStyle$6)}:hover`]: {
+    [`& .${sx(rowStyle$7)}:hover`]: {
         backgroundColor: 'var(--color-neutral-50)',
     },
     /* Outweighs both of the above, exactly as `.hoverable .row.selected:hover` did. */
-    [`& .${sx(rowStyle$6)}.${sx(selectedRowStyle)}:hover`]: {
+    [`& .${sx(rowStyle$7)}.${sx(selectedRowStyle)}:hover`]: {
         backgroundColor: 'var(--color-primary-light-hover)',
     },
 };
@@ -10741,11 +10741,11 @@ const Table = ({ columns, data, rowKey = 'id', bordered = false, striped = false
         commitSelection(Array.from(merged));
     };
     const messageColSpan = columns.length + (selectable ? 1 : 0);
-    return (jsx("div", { className: cx(sx(wrapperStyle$1), className), children: jsxs("table", { className: cx(sx(tableStyle$a), bordered && sx(borderedStyle$1), striped && sx(stripedStyle), hoverable && sx(hoverableStyle), compact && sx(compactStyle$1)), children: [jsx("thead", { className: sx(headerStyle$F), children: jsxs("tr", { children: [selectable && (jsx("th", { scope: "col", className: cx(sx(headerCellStyle), sx(selectCellStyle$1)), children: jsx(Checkbox, { size: "sm", "aria-label": selectAllLabel, checked: allSelected, indeterminate: someSelected, disabled: selectableRows.length === 0, onChange: toggleAll, "data-test": "table-select-all" }) })), columns.map((column) => (jsx("th", { className: cx(sx(headerCellStyle), column.sortable && sx(sortableStyle$1), sx(alignStyles[column.align || 'left'])), style: column.width ? { width: column.width } : undefined, onClick: () => handleSort(column), children: jsxs("span", { className: sx(headerContentStyle$2), children: [column.label, column.sortable && (jsx("span", { className: sx(sortIconStyle$2), children: sortColumn === column.key ? (sortDirection === 'asc' ? '↑' : '↓') : ('↕') }))] }) }, column.key)))] }) }), jsx("tbody", { className: sx(bodyStyle$a), children: loading ? (jsx("tr", { children: jsx("td", { colSpan: messageColSpan, className: sx(loadingStyle$5), children: "Loading..." }) })) : sortedData.length === 0 ? (jsx("tr", { children: jsx("td", { colSpan: messageColSpan, className: sx(emptyStyle$h), children: emptyContent ?? emptyMessage }) })) : (sortedData.map((row, rowIndex) => {
+    return (jsx("div", { className: cx(sx(wrapperStyle$1), className), children: jsxs("table", { className: cx(sx(tableStyle$a), bordered && sx(borderedStyle$1), striped && sx(stripedStyle), hoverable && sx(hoverableStyle), compact && sx(compactStyle$1)), children: [jsx("thead", { className: sx(headerStyle$G), children: jsxs("tr", { children: [selectable && (jsx("th", { scope: "col", className: cx(sx(headerCellStyle), sx(selectCellStyle$1)), children: jsx(Checkbox, { size: "sm", "aria-label": selectAllLabel, checked: allSelected, indeterminate: someSelected, disabled: selectableRows.length === 0, onChange: toggleAll, "data-test": "table-select-all" }) })), columns.map((column) => (jsx("th", { className: cx(sx(headerCellStyle), column.sortable && sx(sortableStyle$1), sx(alignStyles[column.align || 'left'])), style: column.width ? { width: column.width } : undefined, onClick: () => handleSort(column), children: jsxs("span", { className: sx(headerContentStyle$2), children: [column.label, column.sortable && (jsx("span", { className: sx(sortIconStyle$2), children: sortColumn === column.key ? (sortDirection === 'asc' ? '↑' : '↓') : ('↕') }))] }) }, column.key)))] }) }), jsx("tbody", { className: sx(bodyStyle$b), children: loading ? (jsx("tr", { children: jsx("td", { colSpan: messageColSpan, className: sx(loadingStyle$5), children: "Loading..." }) })) : sortedData.length === 0 ? (jsx("tr", { children: jsx("td", { colSpan: messageColSpan, className: sx(emptyStyle$h), children: emptyContent ?? emptyMessage }) })) : (sortedData.map((row, rowIndex) => {
                         const key = getRowKey(row, rowIndex);
                         const rowSelectable = isRowSelectable ? isRowSelectable(row, rowIndex) : true;
                         const isSelected = selectable && selectionSet.has(key);
-                        return (jsxs("tr", { className: cx(sx(rowStyle$6), onRowClick && sx(clickableStyle), isSelected && sx(selectedRowStyle), rowClassName?.(row, rowIndex)), "data-selected": selectable ? isSelected : undefined, onClick: () => onRowClick?.(row, rowIndex), children: [selectable && (jsx("td", { className: cx(sx(cellStyle$3), sx(selectCellStyle$1)), onClick: (event) => event.stopPropagation(), children: jsx(Checkbox, { size: "sm", "aria-label": rowSelectionLabel ? rowSelectionLabel(row, rowIndex) : `Select row ${key}`, checked: isSelected, disabled: !rowSelectable, onChange: () => toggleRow(key), "data-test": "table-select-row" }) })), columns.map((column) => (jsx("td", { className: cx(sx(cellStyle$3), sx(alignStyles[column.align || 'left'])), children: column.render
+                        return (jsxs("tr", { className: cx(sx(rowStyle$7), onRowClick && sx(clickableStyle), isSelected && sx(selectedRowStyle), rowClassName?.(row, rowIndex)), "data-selected": selectable ? isSelected : undefined, onClick: () => onRowClick?.(row, rowIndex), children: [selectable && (jsx("td", { className: cx(sx(cellStyle$3), sx(selectCellStyle$1)), onClick: (event) => event.stopPropagation(), children: jsx(Checkbox, { size: "sm", "aria-label": rowSelectionLabel ? rowSelectionLabel(row, rowIndex) : `Select row ${key}`, checked: isSelected, disabled: !rowSelectable, onChange: () => toggleRow(key), "data-test": "table-select-row" }) })), columns.map((column) => (jsx("td", { className: cx(sx(cellStyle$3), sx(alignStyles[column.align || 'left'])), children: column.render
                                         ? column.render(row[column.key], row, rowIndex)
                                         : row[column.key] }, column.key)))] }, key));
                     })) }), footer && jsx("tfoot", { children: footer })] }) }));
@@ -10757,7 +10757,7 @@ const Table = ({ columns, data, rowKey = 'id', bordered = false, striped = false
  * A bordered card: a header band with the title and Version control, then the
  * invoice table with its total row and legend.
  */
-const cardStyle$f = {
+const cardStyle$g = {
     label: 'AirInvoiceCard-cardStyle',
     overflow: 'hidden',
     backgroundColor: 'var(--bg-surface, #fff)',
@@ -10770,7 +10770,7 @@ const cardStyle$f = {
     lineHeight: '22px',
 };
 /* ---------- Card header ---------- */
-const headerStyle$E = {
+const headerStyle$F = {
     label: 'AirInvoiceCard-headerStyle',
     boxSizing: 'border-box',
     /* Fixed to the height of the Version control's row so the two cards' headers match. */
@@ -10901,7 +10901,7 @@ const totalCellStyle$1 = {
     gap: '4px 24px',
 };
 /* The legend reads as a footnote: regular weight, small, muted — even inside the bold total row. */
-const legendStyle$1 = {
+const legendStyle$3 = {
     label: 'AirInvoiceCard-legendStyle',
     display: 'inline-flex',
     alignItems: 'center',
@@ -10937,10 +10937,10 @@ const versionControlShown = (versions) => versions.length > 1;
  */
 const AirInvoiceCard = ({ title, lines, paymentStatus, total, versions = [], selectedVersionId, onVersionChange, className = '', }) => {
     const showLegend = lines.some((line) => line.knownTraveler);
-    const legend = (jsxs("span", { className: sx(legendStyle$1), "data-test": "air-invoice-legend", children: [jsx("span", { className: sx(knownTravelerStyle), children: jsx(CheckIcon$1, { size: 16 }) }), "= Known Traveler Number Loaded"] }));
+    const legend = (jsxs("span", { className: sx(legendStyle$3), "data-test": "air-invoice-legend", children: [jsx("span", { className: sx(knownTravelerStyle), children: jsx(CheckIcon$1, { size: 16 }) }), "= Known Traveler Number Loaded"] }));
     const hasHeader = Boolean(title || versionControlShown(versions));
     const versionControl = versionControlShown(versions) && (jsx(Dropdown, { label: "Version", alignment: "right", trigger: ({ isOpen, toggle }) => (jsxs("button", { type: "button", className: sx(versionButtonStyle), onClick: toggle, "aria-expanded": isOpen, "aria-haspopup": "menu", "data-test": "air-invoice-version", children: [jsx(LayersIcon, {}), "Version", jsx("span", { className: sx(versionCountStyle), children: versions.length }), jsx(ChevronDownIcon$1, { size: 16 })] })), children: versions.map((version) => (jsx(Dropdown.Item, { icon: version.id === selectedVersionId ? jsx(CheckIcon$1, { size: 14 }) : undefined, onClick: () => onVersionChange?.(version.id), children: version.label }, version.id))) }));
-    return (jsxs("section", { className: cx(sx(cardStyle$f), className), "aria-label": "Air invoice", "data-test": "air-invoice-card", children: [hasHeader && (jsxs("div", { className: sx(headerStyle$E), children: [title && jsx("h2", { className: sx(titleStyle$A), children: title }), jsx("div", { className: sx(headerEndStyle), children: versionControl })] })), jsx(Table, { className: sx(tableStyle$9), columns: columns, data: lines, hoverable: false, rowClassName: (line) => cx(line.isVoid && sx(voidRowStyle), line.struckThrough && sx(struckRowStyle)) || undefined, footer: total && (jsxs("tr", { children: [jsx("td", { colSpan: 6, children: jsxs("span", { className: sx(totalCellStyle$1), children: ["Total", showLegend && legend] }) }), jsx("td", { className: sx(upperStyle), children: paymentStatus }), jsx("td", { "data-test": "air-invoice-total", children: total })] })) }), showLegend && !total && (jsx("p", { className: sx(legendBlockStyle), children: legend }))] }));
+    return (jsxs("section", { className: cx(sx(cardStyle$g), className), "aria-label": "Air invoice", "data-test": "air-invoice-card", children: [hasHeader && (jsxs("div", { className: sx(headerStyle$F), children: [title && jsx("h2", { className: sx(titleStyle$A), children: title }), jsx("div", { className: sx(headerEndStyle), children: versionControl })] })), jsx(Table, { className: sx(tableStyle$9), columns: columns, data: lines, hoverable: false, rowClassName: (line) => cx(line.isVoid && sx(voidRowStyle), line.struckThrough && sx(struckRowStyle)) || undefined, footer: total && (jsxs("tr", { children: [jsx("td", { colSpan: 6, children: jsxs("span", { className: sx(totalCellStyle$1), children: ["Total", showLegend && legend] }) }), jsx("td", { className: sx(upperStyle), children: paymentStatus }), jsx("td", { "data-test": "air-invoice-total", children: total })] })) }), showLegend && !total && (jsx("p", { className: sx(legendBlockStyle), children: legend }))] }));
 };
 AirInvoiceCard.displayName = 'AirInvoiceCard';
 
@@ -11091,7 +11091,7 @@ const labelStyle$5 = {
     textOverflow: 'ellipsis',
 };
 /* Footer */
-const footerStyle$c = {
+const footerStyle$e = {
     label: 'Sidenav-footerStyle',
     padding: 'var(--space-5) var(--space-6)',
     marginTop: 'auto',
@@ -11122,7 +11122,7 @@ const collapsedStyle$1 = {
         padding: 0,
         justifyContent: 'center',
     },
-    [`& .${sx(footerStyle$c)}`]: {
+    [`& .${sx(footerStyle$e)}`]: {
         padding: 'var(--space-5) var(--space-4)',
         display: 'flex',
         justifyContent: 'center',
@@ -11148,7 +11148,7 @@ const Sidenav = ({ logo, logoCollapsed, items, activeKey, onItemClick, defaultEx
                     const isActive = item.key === activeKey;
                     const itemClasses = cx(sx(navItemStyle$1), isActive && sx(activeNavItemStyle));
                     return (jsxs("button", { className: itemClasses, onClick: () => handleItemClick(item), "aria-current": isActive ? 'page' : undefined, title: !expanded ? item.label : undefined, children: [jsx("span", { className: sx(iconStyle$3), children: item.icon }), expanded && jsx("span", { className: sx(labelStyle$5), children: item.label })] }, item.key));
-                }) }), footer && jsx("div", { className: sx(footerStyle$c), children: footer })] }));
+                }) }), footer && jsx("div", { className: sx(footerStyle$e), children: footer })] }));
 };
 Sidenav.displayName = 'Sidenav';
 
@@ -11393,7 +11393,7 @@ const noResultsStyle = {
     fontSize: 14,
 };
 /* Actions */
-const actionsStyle$8 = {
+const actionsStyle$9 = {
     label: 'Topbar-actionsStyle',
     display: 'flex',
     gap: 'var(--space-2, 8px)',
@@ -11458,7 +11458,7 @@ const Topbar = ({ account, accounts, onAccountSelect, onAccountClick, actions, l
     const filteredAccounts = accounts?.filter(acc => acc.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
         acc.code.toLowerCase().includes(searchQuery.toLowerCase())) || [];
     const hasDropdown = accounts && accounts.length > 0;
-    return (jsxs("header", { className: classNames, ...props, children: [jsxs("div", { className: sx(leftStyle), children: [leftContent, account && (jsxs("div", { className: sx(accountWrapperStyle), ref: dropdownRef, children: [jsxs("button", { className: cx(sx(accountSelectorStyle), isOpen && sx(openStyle$1)), onClick: handleToggle, "aria-expanded": isOpen, "aria-haspopup": hasDropdown ? 'listbox' : undefined, children: [jsx("span", { className: sx(accountCodeStyle), children: account.code }), jsx("span", { className: sx(accountNameStyle), children: account.name }), hasDropdown && (jsx(ChevronDownIcon$1, { size: 16, className: cx(sx(chevronStyle$2), isOpen && sx(chevronOpenStyle)) }))] }), isOpen && hasDropdown && (jsxs("div", { className: sx(dropdownStyle), role: "listbox", children: [jsxs("div", { className: sx(dropdownSearchStyle), children: [jsxs("svg", { className: sx(searchIconStyle$1), width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("circle", { cx: "11", cy: "11", r: "8" }), jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }), jsx("input", { ref: searchInputRef, type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search accounts...", className: sx(searchInputStyle$1) })] }), jsx("div", { className: sx(dropdownListStyle), children: filteredAccounts.length > 0 ? (filteredAccounts.map((acc) => (jsxs("button", { className: cx(sx(dropdownItemStyle), acc.code === account.code && sx(selectedStyle$2)), onClick: () => handleSelectAccount(acc), role: "option", "aria-selected": acc.code === account.code, children: [jsx("span", { className: sx(dropdownItemCodeStyle), children: acc.code }), jsx("span", { className: sx(dropdownItemNameStyle), children: acc.name })] }, acc.code)))) : (jsx("div", { className: sx(noResultsStyle), children: "No accounts found" })) })] }))] }))] }), actions && jsx("div", { className: sx(actionsStyle$8), children: actions })] }));
+    return (jsxs("header", { className: classNames, ...props, children: [jsxs("div", { className: sx(leftStyle), children: [leftContent, account && (jsxs("div", { className: sx(accountWrapperStyle), ref: dropdownRef, children: [jsxs("button", { className: cx(sx(accountSelectorStyle), isOpen && sx(openStyle$1)), onClick: handleToggle, "aria-expanded": isOpen, "aria-haspopup": hasDropdown ? 'listbox' : undefined, children: [jsx("span", { className: sx(accountCodeStyle), children: account.code }), jsx("span", { className: sx(accountNameStyle), children: account.name }), hasDropdown && (jsx(ChevronDownIcon$1, { size: 16, className: cx(sx(chevronStyle$2), isOpen && sx(chevronOpenStyle)) }))] }), isOpen && hasDropdown && (jsxs("div", { className: sx(dropdownStyle), role: "listbox", children: [jsxs("div", { className: sx(dropdownSearchStyle), children: [jsxs("svg", { className: sx(searchIconStyle$1), width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("circle", { cx: "11", cy: "11", r: "8" }), jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }), jsx("input", { ref: searchInputRef, type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search accounts...", className: sx(searchInputStyle$1) })] }), jsx("div", { className: sx(dropdownListStyle), children: filteredAccounts.length > 0 ? (filteredAccounts.map((acc) => (jsxs("button", { className: cx(sx(dropdownItemStyle), acc.code === account.code && sx(selectedStyle$2)), onClick: () => handleSelectAccount(acc), role: "option", "aria-selected": acc.code === account.code, children: [jsx("span", { className: sx(dropdownItemCodeStyle), children: acc.code }), jsx("span", { className: sx(dropdownItemNameStyle), children: acc.name })] }, acc.code)))) : (jsx("div", { className: sx(noResultsStyle), children: "No accounts found" })) })] }))] }))] }), actions && jsx("div", { className: sx(actionsStyle$9), children: actions })] }));
 };
 Topbar.displayName = 'Topbar';
 
@@ -11511,7 +11511,7 @@ const AppLayout = ({ navItems = [], activeNavKey, logo, collapsedLogo, account,
  * Shares the AirInvoiceCard's shell — bordered card, header band with a small
  * uppercase title — so the two read as a set when stacked on a page.
  */
-const cardStyle$e = {
+const cardStyle$f = {
     label: 'BookingDetailsCard-cardStyle',
     overflow: 'hidden',
     backgroundColor: 'var(--bg-surface, #fff)',
@@ -11523,7 +11523,7 @@ const cardStyle$e = {
     fontSize: 15,
     lineHeight: '22px',
 };
-const headerStyle$D = {
+const headerStyle$E = {
     label: 'BookingDetailsCard-headerStyle',
     boxSizing: 'border-box',
     /* Fixed to the height of the Version control's row so the two cards' headers match. */
@@ -11574,7 +11574,7 @@ const detailsStyle$2 = {
     },
 };
 /* A further section under the details, set off by a thin rule. */
-const sectionStyle$8 = {
+const sectionStyle$9 = {
     label: 'BookingDetailsCard-sectionStyle',
     padding: '16px 24px 20px',
 };
@@ -11612,12 +11612,12 @@ const BookingDetailsCard = ({ details, title = 'Booking Details', refId, childre
     if (details.length === 0 && !children)
         return null;
     const rows = Math.ceil(details.length / 2);
-    return (jsxs("section", { className: cx(sx(cardStyle$e), className), "aria-label": "Booking details", "data-test": "booking-details-card", children: [jsxs("div", { className: sx(headerStyle$D), children: [jsx("h2", { className: sx(titleStyle$z), children: title }), refId && (jsxs("p", { className: sx(refStyle), "data-test": "booking-details-ref", children: ["Short\u2019s ID: ", jsx("span", { className: sx(refValueStyle), children: refId })] }))] }), details.length > 0 && (jsx("dl", { className: sx(detailsStyle$2), style: { gridTemplateRows: `repeat(${rows}, auto)` }, children: details.map((detail) => (jsxs("div", { className: sx(detailStyle$2), children: [jsx("dt", { className: sx(detailLabelStyle$1), children: detail.label }), jsx("dd", { className: sx(detailValueStyle$1), children: detail.value })] }, detail.label))) })), children && jsx("div", { className: cx(sx(sectionStyle$8), details.length > 0 && sx(sectionRuleStyle)), "data-test": "booking-details-section", children: children })] }));
+    return (jsxs("section", { className: cx(sx(cardStyle$f), className), "aria-label": "Booking details", "data-test": "booking-details-card", children: [jsxs("div", { className: sx(headerStyle$E), children: [jsx("h2", { className: sx(titleStyle$z), children: title }), refId && (jsxs("p", { className: sx(refStyle), "data-test": "booking-details-ref", children: ["Short\u2019s ID: ", jsx("span", { className: sx(refValueStyle), children: refId })] }))] }), details.length > 0 && (jsx("dl", { className: sx(detailsStyle$2), style: { gridTemplateRows: `repeat(${rows}, auto)` }, children: details.map((detail) => (jsxs("div", { className: sx(detailStyle$2), children: [jsx("dt", { className: sx(detailLabelStyle$1), children: detail.label }), jsx("dd", { className: sx(detailValueStyle$1), children: detail.value })] }, detail.label))) })), children && jsx("div", { className: cx(sx(sectionStyle$9), details.length > 0 && sx(sectionRuleStyle)), "data-test": "booking-details-section", children: children })] }));
 };
 BookingDetailsCard.displayName = 'BookingDetailsCard';
 
 /* Card Component Styles */
-const cardStyle$d = {
+const cardStyle$e = {
     label: 'Card-cardStyle',
     background: 'var(--bg-surface)',
     borderRadius: 'var(--radius-2xl)',
@@ -11665,7 +11665,7 @@ const paddingStyles = {
     },
 };
 /* Card Header */
-const headerStyle$C = {
+const headerStyle$D = {
     label: 'Card-headerStyle',
     display: 'flex',
     alignItems: 'flex-start',
@@ -11693,19 +11693,19 @@ const subtitleStyle$7 = {
     fontSize: 'var(--fs-sm)',
     color: 'var(--fg-3)',
 };
-const actionsStyle$7 = {
+const actionsStyle$8 = {
     label: 'Card-actionsStyle',
     display: 'flex',
     gap: 'var(--space-2)',
     flexShrink: 0,
 };
 /* Card Body */
-const bodyStyle$9 = {
+const bodyStyle$a = {
     label: 'Card-bodyStyle',
     padding: 'var(--space-4)',
 };
 /* Card Footer */
-const footerStyle$b = {
+const footerStyle$d = {
     label: 'Card-footerStyle',
     display: 'flex',
     alignItems: 'center',
@@ -11728,7 +11728,7 @@ const footerStyle$b = {
  * Card component for grouping related content.
  */
 const Card = forwardRef(({ variant = 'default', padding = 'md', interactive = false, className = '', children, ...props }, ref) => {
-    const classNames = cx(sx(cardStyle$d), sx(variantStyles[variant]), sx(paddingStyles[padding]), interactive && sx(interactiveStyle), className);
+    const classNames = cx(sx(cardStyle$e), sx(variantStyles[variant]), sx(paddingStyles[padding]), interactive && sx(interactiveStyle), className);
     return (jsx("div", { ref: ref, className: classNames, ...props, children: children }));
 });
 Card.displayName = 'Card';
@@ -11736,15 +11736,15 @@ Card.displayName = 'Card';
  * Top of a Card: title, subtitle, and any header actions.
  */
 const CardHeader = ({ title, subtitle, actions, className = '', children, ...props }) => {
-    const classNames = cx(sx(headerStyle$C), className);
-    return (jsxs("div", { className: classNames, ...props, children: [jsxs("div", { className: sx(headerContentStyle$1), children: [title && jsx("h3", { className: sx(titleStyle$y), children: title }), subtitle && jsx("p", { className: sx(subtitleStyle$7), children: subtitle }), children] }), actions && jsx("div", { className: sx(actionsStyle$7), children: actions })] }));
+    const classNames = cx(sx(headerStyle$D), className);
+    return (jsxs("div", { className: classNames, ...props, children: [jsxs("div", { className: sx(headerContentStyle$1), children: [title && jsx("h3", { className: sx(titleStyle$y), children: title }), subtitle && jsx("p", { className: sx(subtitleStyle$7), children: subtitle }), children] }), actions && jsx("div", { className: sx(actionsStyle$8), children: actions })] }));
 };
 CardHeader.displayName = 'CardHeader';
 /**
  * Main content region of a Card, carrying the card padding.
  */
 const CardBody = ({ className = '', children, ...props }) => {
-    const classNames = cx(sx(bodyStyle$9), className);
+    const classNames = cx(sx(bodyStyle$a), className);
     return (jsx("div", { className: classNames, ...props, children: children }));
 };
 CardBody.displayName = 'CardBody';
@@ -11752,7 +11752,7 @@ CardBody.displayName = 'CardBody';
  * Bottom of a Card, for actions and summary detail.
  */
 const CardFooter = ({ className = '', children, ...props }) => {
-    const classNames = cx(sx(footerStyle$b), className);
+    const classNames = cx(sx(footerStyle$d), className);
     return (jsx("div", { className: classNames, ...props, children: children }));
 };
 CardFooter.displayName = 'CardFooter';
@@ -12440,7 +12440,7 @@ const alertStyle$4 = {
     label: 'ContactList-alertStyle', width: '100%'
 };
 /* Card */
-const cardStyle$c = {
+const cardStyle$d = {
     label: 'ContactList-cardStyle',
     backgroundColor: 'var(--color-white)',
     border: '1px solid var(--color-gray-200)',
@@ -12448,7 +12448,7 @@ const cardStyle$c = {
     overflow: 'hidden',
 };
 /* Header */
-const headerStyle$B = {
+const headerStyle$C = {
     label: 'ContactList-headerStyle',
     padding: 'var(--space-4)',
     borderBottom: '1px solid var(--color-gray-100)',
@@ -12609,7 +12609,7 @@ const emptyStyle$f = {
     fontSize: 'var(--text-sm)',
 };
 /* Footer */
-const footerStyle$a = {
+const footerStyle$c = {
     label: 'ContactList-footerStyle',
     padding: 'var(--space-3) var(--space-4)',
     borderTop: '1px solid var(--color-gray-100)',
@@ -12645,7 +12645,7 @@ const PlusIcon$1 = () => (jsxs("svg", { width: "16", height: "16", viewBox: "0 0
  */
 const ContactList = ({ title = 'Contacts', tooltip, contacts, onEdit, onRemove, onAdd, showAdd = true, addLabel = 'Add Contact', alert, className = '', }) => {
     const listClasses = cx(sx(containerStyle$3), className);
-    return (jsxs("div", { className: listClasses, children: [alert && (jsx("div", { className: sx(alertStyle$4), children: alert })), jsxs("div", { className: sx(cardStyle$c), children: [jsx("div", { className: sx(headerStyle$B), children: jsxs("div", { className: sx(titleRowStyle$4), children: [jsx("h3", { className: sx(titleStyle$x), children: title }), tooltip && (jsx("span", { className: sx(tooltipStyle), children: jsx(InfoIcon, {}) }))] }) }), jsxs("div", { className: sx(listStyle$4), children: [contacts.map((contact) => (jsxs("div", { className: sx(contactItemStyle), children: [jsxs("div", { className: sx(contactInfoStyle), children: [jsxs("div", { className: sx(contactNameStyle$1), children: [contact.name, contact.isPrimary && (jsx("span", { className: sx(badgeStyle$2), children: "Primary" })), contact.isSecondary && (jsx("span", { className: cx(sx(badgeStyle$2), sx(badgeSecondaryStyle)), children: "Secondary" }))] }), contact.role && (jsx("div", { className: sx(contactRoleStyle$1), children: contact.role })), jsxs("div", { className: sx(contactDetailsStyle$1), children: [contact.email && (jsx("a", { href: `mailto:${contact.email}`, className: sx(contactLinkStyle$2), children: contact.email })), contact.phone && (jsx("span", { className: sx(contactPhoneStyle), children: contact.phone }))] })] }), jsxs("div", { className: sx(contactActionsStyle), children: [onEdit && (jsx("button", { type: "button", className: sx(actionButtonStyle$1), onClick: () => onEdit(contact), "aria-label": "Edit contact", children: jsx(EditIcon$1, {}) })), onRemove && (jsx("button", { type: "button", className: cx(sx(actionButtonStyle$1), sx(actionButtonDangerStyle)), onClick: () => onRemove(contact), "aria-label": "Remove contact", children: jsx(TrashIcon$1, {}) }))] })] }, contact.id))), contacts.length === 0 && (jsx("div", { className: sx(emptyStyle$f), children: "No contacts added" }))] }), showAdd && onAdd && (jsx("div", { className: sx(footerStyle$a), children: jsxs("button", { type: "button", className: sx(addButtonStyle$1), onClick: onAdd, children: [jsx(PlusIcon$1, {}), addLabel] }) }))] })] }));
+    return (jsxs("div", { className: listClasses, children: [alert && (jsx("div", { className: sx(alertStyle$4), children: alert })), jsxs("div", { className: sx(cardStyle$d), children: [jsx("div", { className: sx(headerStyle$C), children: jsxs("div", { className: sx(titleRowStyle$4), children: [jsx("h3", { className: sx(titleStyle$x), children: title }), tooltip && (jsx("span", { className: sx(tooltipStyle), children: jsx(InfoIcon, {}) }))] }) }), jsxs("div", { className: sx(listStyle$4), children: [contacts.map((contact) => (jsxs("div", { className: sx(contactItemStyle), children: [jsxs("div", { className: sx(contactInfoStyle), children: [jsxs("div", { className: sx(contactNameStyle$1), children: [contact.name, contact.isPrimary && (jsx("span", { className: sx(badgeStyle$2), children: "Primary" })), contact.isSecondary && (jsx("span", { className: cx(sx(badgeStyle$2), sx(badgeSecondaryStyle)), children: "Secondary" }))] }), contact.role && (jsx("div", { className: sx(contactRoleStyle$1), children: contact.role })), jsxs("div", { className: sx(contactDetailsStyle$1), children: [contact.email && (jsx("a", { href: `mailto:${contact.email}`, className: sx(contactLinkStyle$2), children: contact.email })), contact.phone && (jsx("span", { className: sx(contactPhoneStyle), children: contact.phone }))] })] }), jsxs("div", { className: sx(contactActionsStyle), children: [onEdit && (jsx("button", { type: "button", className: sx(actionButtonStyle$1), onClick: () => onEdit(contact), "aria-label": "Edit contact", children: jsx(EditIcon$1, {}) })), onRemove && (jsx("button", { type: "button", className: cx(sx(actionButtonStyle$1), sx(actionButtonDangerStyle)), onClick: () => onRemove(contact), "aria-label": "Remove contact", children: jsx(TrashIcon$1, {}) }))] })] }, contact.id))), contacts.length === 0 && (jsx("div", { className: sx(emptyStyle$f), children: "No contacts added" }))] }), showAdd && onAdd && (jsx("div", { className: sx(footerStyle$c), children: jsxs("button", { type: "button", className: sx(addButtonStyle$1), onClick: onAdd, children: [jsx(PlusIcon$1, {}), addLabel] }) }))] })] }));
 };
 ContactList.displayName = 'ContactList';
 
@@ -12771,7 +12771,7 @@ const sizeStyles$2 = {
     top: blockSizeStyles,
     bottom: blockSizeStyles,
 };
-const headerStyle$A = {
+const headerStyle$B = {
     label: 'Drawer-headerStyle',
     display: 'flex',
     alignItems: 'center',
@@ -12813,13 +12813,13 @@ const closeButtonStyle$2 = {
         outlineOffset: 2,
     },
 };
-const bodyStyle$8 = {
+const bodyStyle$9 = {
     label: 'Drawer-bodyStyle',
     flex: 1,
     padding: 'var(--space-4)',
     overflowY: 'auto',
 };
-const footerStyle$9 = {
+const footerStyle$b = {
     label: 'Drawer-footerStyle',
     padding: 'var(--space-4)',
     borderTop: '1px solid var(--color-neutral-200)',
@@ -12830,15 +12830,15 @@ const footerStyle$9 = {
 /**
  * Top of a Drawer: title and the close affordance.
  */
-const DrawerHeader = ({ title, children, showClose = true, onClose, className = '', }) => (jsxs("div", { className: cx(sx(headerStyle$A), className), children: [jsxs("div", { className: sx(headerContentStyle), children: [title && jsx("h2", { className: sx(titleStyle$w), children: title }), children] }), showClose && (jsx("button", { type: "button", className: sx(closeButtonStyle$2), onClick: onClose, "aria-label": "Close drawer", children: jsx("svg", { width: "20", height: "20", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }));
+const DrawerHeader = ({ title, children, showClose = true, onClose, className = '', }) => (jsxs("div", { className: cx(sx(headerStyle$B), className), children: [jsxs("div", { className: sx(headerContentStyle), children: [title && jsx("h2", { className: sx(titleStyle$w), children: title }), children] }), showClose && (jsx("button", { type: "button", className: sx(closeButtonStyle$2), onClick: onClose, "aria-label": "Close drawer", children: jsx("svg", { width: "20", height: "20", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }));
 /**
  * Scrollable content region of a Drawer.
  */
-const DrawerBody = ({ children, className = '' }) => (jsx("div", { className: cx(sx(bodyStyle$8), className), children: children }));
+const DrawerBody = ({ children, className = '' }) => (jsx("div", { className: cx(sx(bodyStyle$9), className), children: children }));
 /**
  * Bottom of a Drawer, for actions that stay visible while the body scrolls.
  */
-const DrawerFooter = ({ children, className = '' }) => (jsx("div", { className: cx(sx(footerStyle$9), className), children: children }));
+const DrawerFooter = ({ children, className = '' }) => (jsx("div", { className: cx(sx(footerStyle$b), className), children: children }));
 const FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), ' +
     'textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 /**
@@ -12996,7 +12996,7 @@ const openStyle = {
         },
     },
 };
-const bodyStyle$7 = {
+const bodyStyle$8 = {
     label: 'DueDatesDrawer-bodyStyle',
     minHeight: 0,
     flex: 1,
@@ -13044,7 +13044,7 @@ const emptyStyle$e = {
     padding: '16px 8px 0',
     color: 'var(--color-stone, #787878)',
 };
-const cardStyle$b = {
+const cardStyle$c = {
     label: 'DueDatesDrawer-cardStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -13168,7 +13168,7 @@ const DueDateCard$1 = ({ item, onToggle, onTaskClick }) => {
     const completed = isTravelDueDateCompleted(item);
     const dueDate = parseLocalDate$1(item.duedate);
     const pastDue = !!dueDate && dueDate < new Date() && !completed;
-    return (jsxs("article", { className: sx(cardStyle$b), children: [jsxs("div", { className: sx(cardTitleStyle$3), children: [onToggle ? (jsx("button", { type: "button", "aria-label": `${completed ? 'Reopen' : 'Complete'} ${item.tasktitle}`, className: cx(sx(statusStyle$5), completed ? sx(completedStyle) : pastDue ? sx(pastDueStyle) : ''), onClick: () => onToggle(item), "data-test": `due-date-toggle-${item.taskid}`, children: completed ? jsx(CheckIcon$1, { size: 12 }) : null })) : (jsx("span", { "aria-label": `${completed ? 'Completed' : pastDue ? 'Past due' : 'Incomplete'}: ${item.tasktitle}`, className: cx(sx(statusStyle$5), sx(readOnlyStatusStyle), completed ? sx(completedStyle) : pastDue ? sx(pastDueStyle) : ''), "data-test": `due-date-status-${item.taskid}`, children: completed ? jsx(CheckIcon$1, { size: 12 }) : null })), jsx("h5", { children: item.tasktitle })] }), item.description && jsx("p", { children: item.description }), jsxs("div", { className: sx(tagsStyle), children: [jsx("span", { style: { backgroundColor: sportColor$1(item.sportCode) }, children: item.sportCode }), jsx("button", { type: "button", disabled: !item.masterTripGUID || !onTaskClick, onClick: () => item.masterTripGUID && onTaskClick?.(item.masterTripGUID), children: item.tripName })] }), completed && item.completeddatetime && jsxs("div", { className: sx(completionStyle), children: [jsx(CheckIcon$1, { size: 14 }), jsxs("span", { children: [jsx("em", { children: "on" }), " ", formatDate$8(item.completeddatetime, { month: 'numeric', day: 'numeric', year: '2-digit' }), " ", jsx("em", { children: "by" }), " ", item.completedby] })] })] }));
+    return (jsxs("article", { className: sx(cardStyle$c), children: [jsxs("div", { className: sx(cardTitleStyle$3), children: [onToggle ? (jsx("button", { type: "button", "aria-label": `${completed ? 'Reopen' : 'Complete'} ${item.tasktitle}`, className: cx(sx(statusStyle$5), completed ? sx(completedStyle) : pastDue ? sx(pastDueStyle) : ''), onClick: () => onToggle(item), "data-test": `due-date-toggle-${item.taskid}`, children: completed ? jsx(CheckIcon$1, { size: 12 }) : null })) : (jsx("span", { "aria-label": `${completed ? 'Completed' : pastDue ? 'Past due' : 'Incomplete'}: ${item.tasktitle}`, className: cx(sx(statusStyle$5), sx(readOnlyStatusStyle), completed ? sx(completedStyle) : pastDue ? sx(pastDueStyle) : ''), "data-test": `due-date-status-${item.taskid}`, children: completed ? jsx(CheckIcon$1, { size: 12 }) : null })), jsx("h5", { children: item.tasktitle })] }), item.description && jsx("p", { children: item.description }), jsxs("div", { className: sx(tagsStyle), children: [jsx("span", { style: { backgroundColor: sportColor$1(item.sportCode) }, children: item.sportCode }), jsx("button", { type: "button", disabled: !item.masterTripGUID || !onTaskClick, onClick: () => item.masterTripGUID && onTaskClick?.(item.masterTripGUID), children: item.tripName })] }), completed && item.completeddatetime && jsxs("div", { className: sx(completionStyle), children: [jsx(CheckIcon$1, { size: 14 }), jsxs("span", { children: [jsx("em", { children: "on" }), " ", formatDate$8(item.completeddatetime, { month: 'numeric', day: 'numeric', year: '2-digit' }), " ", jsx("em", { children: "by" }), " ", item.completedby] })] })] }));
 };
 /** Hub's searchable, status-aware due-dates drawer. */
 const DueDatesDrawer = ({ isOpen, dueDates, selectedDate, selectedTrip, overdueOnly, onClose, onToggle, onTaskClick, className = '' }) => {
@@ -13180,7 +13180,7 @@ const DueDatesDrawer = ({ isOpen, dueDates, selectedDate, selectedTrip, overdueO
         const matches = items.filter((item) => (!selectedTrip || item.masterTripGUID === String(selectedTrip)) && (!overdueOnly || isTravelDueDateOverdue(item)) && (!normalized || item.tasktitle.toLowerCase().includes(normalized) || item.sportCode.toLowerCase().includes(normalized) || item.description.toLowerCase().includes(normalized)));
         return matches.length ? [[date, matches]] : [];
     })), [dueDates, search, selectedDate, selectedTrip, overdueOnly]);
-    return (jsxs("aside", { className: cx(sx(drawerStyle), isOpen && sx(openStyle), className), "aria-hidden": !isOpen, "aria-label": "Due Dates", children: [jsxs("header", { children: [jsx("h3", { children: "Due Dates" }), jsx("button", { type: "button", "aria-label": "Close due dates", onClick: onClose, children: jsx(CloseIcon, { size: 24 }) })] }), jsxs("div", { className: sx(bodyStyle$7), children: [jsxs("label", { className: sx(searchStyle$1), children: [jsx(SearchIcon$1, { size: 16 }), jsx("input", { type: "search", placeholder: "Search", value: search, onChange: (event) => setSearch(event.target.value) })] }), !Object.keys(filtered).length ? jsx("div", { className: sx(emptyStyle$e), children: "No due dates found." }) : Object.entries(filtered).map(([date, items]) => (jsxs("section", { children: [jsx("h4", { children: formatDate$8(date, { month: 'long', day: 'numeric', year: 'numeric' }) }), jsx("div", { className: sx(cardsStyle$2), children: items.map((item) => jsx(DueDateCard$1, { item: item, onToggle: onToggle, onTaskClick: onTaskClick }, `${date}-${item.taskid}`)) })] }, date)))] })] }));
+    return (jsxs("aside", { className: cx(sx(drawerStyle), isOpen && sx(openStyle), className), "aria-hidden": !isOpen, "aria-label": "Due Dates", children: [jsxs("header", { children: [jsx("h3", { children: "Due Dates" }), jsx("button", { type: "button", "aria-label": "Close due dates", onClick: onClose, children: jsx(CloseIcon, { size: 24 }) })] }), jsxs("div", { className: sx(bodyStyle$8), children: [jsxs("label", { className: sx(searchStyle$1), children: [jsx(SearchIcon$1, { size: 16 }), jsx("input", { type: "search", placeholder: "Search", value: search, onChange: (event) => setSearch(event.target.value) })] }), !Object.keys(filtered).length ? jsx("div", { className: sx(emptyStyle$e), children: "No due dates found." }) : Object.entries(filtered).map(([date, items]) => (jsxs("section", { children: [jsx("h4", { children: formatDate$8(date, { month: 'long', day: 'numeric', year: 'numeric' }) }), jsx("div", { className: sx(cardsStyle$2), children: items.map((item) => jsx(DueDateCard$1, { item: item, onToggle: onToggle, onTaskClick: onTaskClick }, `${date}-${item.taskid}`)) })] }, date)))] })] }));
 };
 
 /**
@@ -13192,7 +13192,7 @@ const panelStyle$5 = {
     label: 'Flyout-panelStyle',
     background: 'var(--color-white)',
 };
-const headerStyle$z = {
+const headerStyle$A = {
     label: 'Flyout-headerStyle',
     '&&': { padding: 'var(--space-5) var(--space-6)' },
 };
@@ -13210,7 +13210,7 @@ const titleStyle$v = {
     fontWeight: 'var(--font-weight-bold)',
     color: 'var(--color-ink)',
 };
-const bodyStyle$6 = {
+const bodyStyle$7 = {
     label: 'Flyout-bodyStyle',
     '&&': { padding: 'var(--space-6)' },
 };
@@ -13228,7 +13228,7 @@ const Flyout = ({ isOpen, onClose, title, icon, children, footer, width = 'min(4
     const titleId = useId();
     if (!isOpen || typeof document === 'undefined')
         return null;
-    return createPortal(jsxs(Drawer, { "aria-labelledby": titleId, className: sx(panelStyle$5), isOpen: isOpen, onClose: onClose, position: "right", size: width, children: [jsx(DrawerHeader, { className: sx(headerStyle$z), children: jsxs("div", { className: sx(titleRowStyle$3), children: [icon, jsx("h2", { className: sx(titleStyle$v), id: titleId, children: title })] }) }), jsx(DrawerBody, { className: sx(bodyStyle$6), children: children }), footer && jsx(DrawerFooter, { children: footer })] }), document.body);
+    return createPortal(jsxs(Drawer, { "aria-labelledby": titleId, className: sx(panelStyle$5), isOpen: isOpen, onClose: onClose, position: "right", size: width, children: [jsx(DrawerHeader, { className: sx(headerStyle$A), children: jsxs("div", { className: sx(titleRowStyle$3), children: [icon, jsx("h2", { className: sx(titleStyle$v), id: titleId, children: title })] }) }), jsx(DrawerBody, { className: sx(bodyStyle$7), children: children }), footer && jsx(DrawerFooter, { children: footer })] }), document.body);
 };
 
 /**
@@ -13240,7 +13240,7 @@ const Flyout = ({ isOpen, onClose, title, icon, children, footer, width = 'min(4
  * No specificity work was needed — the media query is the only override, and
  * an at-rule always outranks the base declaration it sits beside.
  */
-const headerStyle$y = {
+const headerStyle$z = {
     label: 'GridHeaderRow-headerStyle',
     display: 'none',
     width: '100%',
@@ -13287,7 +13287,7 @@ const headingStyle$3 = {
  * carrying its own labels, so a detached heading strip would caption nothing.
  */
 function GridHeaderRow({ columns, gridTemplateColumns, above, below, className = '', style, }) {
-    return (jsxs("div", { className: cx(sx(headerStyle$y), className), style: style, "data-testid": "grid-header-row", children: [above, jsx("div", { className: sx(gridStyle$8), style: { gridTemplateColumns }, role: "row", children: columns.map((column, i) => (jsxs("div", { role: "columnheader", className: cx(sx(headingStyle$3), column.labelClassName), children: [column.icon, column.label, column.labelAs?.({ name: column.name })] }, column.name ?? i))) }), below] }));
+    return (jsxs("div", { className: cx(sx(headerStyle$z), className), style: style, "data-testid": "grid-header-row", children: [above, jsx("div", { className: sx(gridStyle$8), style: { gridTemplateColumns }, role: "row", children: columns.map((column, i) => (jsxs("div", { role: "columnheader", className: cx(sx(headingStyle$3), column.labelClassName), children: [column.icon, column.label, column.labelAs?.({ name: column.name })] }, column.name ?? i))) }), below] }));
 }
 GridHeaderRow.displayName = 'GridHeaderRow';
 
@@ -13341,7 +13341,7 @@ const bannerStyle$2 = {
  * The heading row only makes sense while the grid is a grid. Below 768px each
  * row becomes a card and every cell carries its own label instead.
  */
-const headerStyle$x = {
+const headerStyle$y = {
     label: 'GridTable-headerStyle',
     display: 'none',
     width: '100%',
@@ -13391,7 +13391,7 @@ const sortIconStyle$1 = {
     flexShrink: 0,
     display: 'inline-flex',
 };
-const bodyStyle$5 = {
+const bodyStyle$6 = {
     label: 'GridTable-bodyStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -13400,7 +13400,7 @@ const bodyStyle$5 = {
         gap: 0,
     },
 };
-const rowStyle$5 = {
+const rowStyle$6 = {
     label: 'GridTable-rowStyle',
     padding: 8,
     fontSize: 14,
@@ -13605,7 +13605,7 @@ const totalValueStyle = {
  * `.footer .totalCell:first-child` is written against the generated class, so
  * it keeps its (0,3,0) rank over the plain `.totalCell` rule without doubling.
  */
-const footerStyle$8 = {
+const footerStyle$a = {
     label: 'GridTable-footerStyle',
     display: 'none',
     width: '100%',
@@ -13957,7 +13957,7 @@ function GridTable({ columns, data, gridTemplateColumns = `repeat(${columns.leng
     // membership rather than truthiness so a legitimate empty-string key still
     // counts as a match.
     const markerBeforeMatches = rowMarker?.beforeKey != null && allKeys.includes(rowMarker.beforeKey);
-    return (jsxs("div", { className: cx(sx(tableStyle$8), sharedColumns ? sx(sharedRootStyle) : '', className), style: rootStyle, children: [banner && jsx("div", { className: cx(sx(bannerStyle$2), span), children: banner }), !hideHeader && (jsxs("div", { className: cx(sx(headerStyle$x), subgrid), children: [sharedColumns && header.above != null ? jsx("div", { className: span, children: header.above }) : header.above, jsxs("div", { className: cx(sx(gridStyle$7), subgrid), style: trackStyle, children: [expandable && jsx("div", { className: sx(headingStyle$2), "aria-hidden": "true" }), columns.map((column, i) => (jsx(React.Fragment, { children: heading(column, { interactive: true }) }, i)))] }), sharedColumns && header.below != null ? jsx("div", { className: span, children: header.below }) : header.below] })), !sorted.length && !draftRow ? (jsx("div", { className: cx(sx(emptyStyle$d), span), children: emptyMessage })) : (jsxs("div", { className: cx(sx(bodyStyle$5), subgrid), children: [draftRow && jsx("div", { className: cx(sx(draftRowStyle), span), children: draftRow }), sorted.map((row, rowIndex) => {
+    return (jsxs("div", { className: cx(sx(tableStyle$8), sharedColumns ? sx(sharedRootStyle) : '', className), style: rootStyle, children: [banner && jsx("div", { className: cx(sx(bannerStyle$2), span), children: banner }), !hideHeader && (jsxs("div", { className: cx(sx(headerStyle$y), subgrid), children: [sharedColumns && header.above != null ? jsx("div", { className: span, children: header.above }) : header.above, jsxs("div", { className: cx(sx(gridStyle$7), subgrid), style: trackStyle, children: [expandable && jsx("div", { className: sx(headingStyle$2), "aria-hidden": "true" }), columns.map((column, i) => (jsx(React.Fragment, { children: heading(column, { interactive: true }) }, i)))] }), sharedColumns && header.below != null ? jsx("div", { className: span, children: header.below }) : header.below] })), !sorted.length && !draftRow ? (jsx("div", { className: cx(sx(emptyStyle$d), span), children: emptyMessage })) : (jsxs("div", { className: cx(sx(bodyStyle$6), subgrid), children: [draftRow && jsx("div", { className: cx(sx(draftRowStyle), span), children: draftRow }), sorted.map((row, rowIndex) => {
                         const record = row;
                         const key = allKeys[rowIndex];
                         // Only an expandable table exposes expansion; without it, a lingering
@@ -13965,12 +13965,12 @@ function GridTable({ columns, data, gridTemplateColumns = `repeat(${columns.leng
                         // after expandable was turned off) must not leak `expanded: true` to
                         // renderers that have no toggle to collapse it.
                         const expanded = expandable && expandedKeys.has(key);
-                        return (jsxs(React.Fragment, { children: [marker && rowMarker?.beforeKey === key && marker, editRow?.key === key ? (jsx("div", { className: cx(sx(editRowStyle), bordered ? sx(borderedStyle) : '', span), "data-rowid": key, "data-testid": `row-${key}`, "data-editing": "true", children: editRow.content })) : (jsxs("div", { className: cx(sx(rowStyle$5), bordered ? sx(borderedStyle) : '', rowPainted ? sx(rowPaintedStyle) : '', flashRowKey === key ? sx(rowPainted ? flashRowPaintedStyle : flashRowStyle) : '', subgrid), style: trackStyle, "data-rowid": key, "data-testid": `row-${key}`, "data-flash": flashRowKey === key ? 'true' : undefined, children: [expandable && (jsx("div", { className: sx(expandCellStyle), children: jsx("button", { type: "button", className: sx(expandButtonStyle$1), onClick: () => toggleRow(key), "aria-expanded": expanded, "aria-label": `${expanded ? 'Collapse' : 'Expand'} ${typeof expandLabel === 'function' ? expandLabel(row, rowIndex) : expandLabel}`, children: expanded ? jsx(ChevronDown, {}) : jsx(ChevronRight$3, {}) }) })), columns.map((column, colIndex) => {
+                        return (jsxs(React.Fragment, { children: [marker && rowMarker?.beforeKey === key && marker, editRow?.key === key ? (jsx("div", { className: cx(sx(editRowStyle), bordered ? sx(borderedStyle) : '', span), "data-rowid": key, "data-testid": `row-${key}`, "data-editing": "true", children: editRow.content })) : (jsxs("div", { className: cx(sx(rowStyle$6), bordered ? sx(borderedStyle) : '', rowPainted ? sx(rowPaintedStyle) : '', flashRowKey === key ? sx(rowPainted ? flashRowPaintedStyle : flashRowStyle) : '', subgrid), style: trackStyle, "data-rowid": key, "data-testid": `row-${key}`, "data-flash": flashRowKey === key ? 'true' : undefined, children: [expandable && (jsx("div", { className: sx(expandCellStyle), children: jsx("button", { type: "button", className: sx(expandButtonStyle$1), onClick: () => toggleRow(key), "aria-expanded": expanded, "aria-label": `${expanded ? 'Collapse' : 'Expand'} ${typeof expandLabel === 'function' ? expandLabel(row, rowIndex) : expandLabel}`, children: expanded ? jsx(ChevronDown, {}) : jsx(ChevronRight$3, {}) }) })), columns.map((column, colIndex) => {
                                             const value = column.name ? record[column.name] : undefined;
                                             const formatted = column.format ? column.format(value, row) : value;
                                             return (jsxs("div", { className: cx(sx(cellWrapStyle), rowPainted ? sx(cellClearStyle) : ''), ...(column.name ? { 'data-colname': column.name } : {}), children: [column.label && jsx("div", { className: sx(stackedLabelStyle), children: heading(column, { interactive: false }) }), jsx("div", { className: cx(sx(cellStyle$2), alignTop ? sx(cellTopStyle) : '', column.className ?? ''), children: column.as ? (column.as({ row, rowIndex, name: column.name, expanded })) : column.name ? (jsx("span", { className: sx(valueStyle$2), children: formatted || jsx(Fragment, { children: "\u2013" }) })) : null })] }, colIndex));
                                         })] }, key))] }, key));
-                    }), marker && rowMarker?.atEnd && !markerBeforeMatches && sorted.length > 0 && marker] })), totalRow && (jsx("div", { className: cx(sx(footerStyle$8), subgrid), children: jsxs("div", { className: cx(sx(gridStyle$7), subgrid), style: trackStyle, children: [expandable && jsx("div", { className: sx(totalCellStyle), "aria-hidden": "true" }), columns.map((_, i) => (jsx("div", { className: i === totalIndex ? sx(totalValueStyle) : sx(totalCellStyle), children: i === 0 ? totalRow.label : i === totalIndex ? total.toLocaleString() : null }, i)))] }) }))] }));
+                    }), marker && rowMarker?.atEnd && !markerBeforeMatches && sorted.length > 0 && marker] })), totalRow && (jsx("div", { className: cx(sx(footerStyle$a), subgrid), children: jsxs("div", { className: cx(sx(gridStyle$7), subgrid), style: trackStyle, children: [expandable && jsx("div", { className: sx(totalCellStyle), "aria-hidden": "true" }), columns.map((_, i) => (jsx("div", { className: i === totalIndex ? sx(totalValueStyle) : sx(totalCellStyle), children: i === 0 ? totalRow.label : i === totalIndex ? total.toLocaleString() : null }, i)))] }) }))] }));
 }
 GridTable.displayName = 'GridTable';
 
@@ -14756,6 +14756,990 @@ const HubAppShell = ({ children, navItems, individualTravelItem, agentsItem, sou
     return (jsxs("div", { className: cx(sx(shellStyle), expanded && sx(shellExpandedStyle), className), children: [loading && jsx("div", { className: sx(loadingStyle$4), role: "status", "aria-label": "Loading", "data-testid": "loading-overlay", children: jsx("span", {}) }), bannerLabel && jsx("div", { className: sx(qaBannerStyle), children: bannerLabel }), jsxs("aside", { className: sx(sidebarStyle$3), "data-expanded": expanded, children: [jsx("button", { type: "button", className: sx(expandButtonStyle), "aria-label": expanded ? 'Collapse sidebar' : 'Expand sidebar', onClick: () => setExpanded((value) => !value), children: expanded ? jsx(ChevronLeftIcon, { size: 14 }) : jsx(ChevronRightIcon$1, { size: 14 }) }), jsx("button", { type: "button", className: sx(logoStyle), "aria-label": "Go to Home", onClick: onLogoClick, children: logo ? (expanded ? logo : (collapsedLogo ?? logo)) : jsx(DefaultLogo, { expanded: expanded }) }), jsxs("nav", { className: sx(desktopNavStyle), "aria-label": "Hub navigation", children: [homeNavItem && jsx("div", { className: navigationDisabled ? sx(disabledNavStyle) : '', children: renderNavItem(homeNavItem) }), onLegacyPortal && jsxs("button", { type: "button", className: sx(navItemStyle), "aria-label": "Old Portal", title: "Old Portal", onClick: onLegacyPortal, "data-test": "hub-nav-legacy-portal", children: [jsx("span", { className: sx(navIconStyle), children: jsx(ArrowUpRightIcon, { size: 24 }) }), expanded && jsx("span", { children: "Old Portal" })] }), resolvedIndividualTravelItem && renderNavItem(resolvedIndividualTravelItem), jsx("div", { className: navigationDisabled ? sx(disabledNavStyle) : '', children: primaryNavItems.map((item) => renderNavItem(item)) })] }), jsxs("div", { className: sx(sidebarFooterStyle), children: [resolvedFooterNavItems.map((item) => renderNavItem(item)), jsxs("div", { className: sx(profileStyle), ref: profileRef, children: [jsxs("button", { type: "button", className: sx(avatarStyle$1), "aria-label": "User Information", onClick: () => setIsProfileOpen(!isProfileOpen), children: [jsx(Avatar, { initials: userInitials, size: expanded ? 28 : 'md' }), expanded && userName && jsx("span", { className: sx(userNameStyle), children: userName })] }), isProfileOpen && (renderProfileMenu || profileMenu) && (jsx("div", { className: sx(profileMenuStyle), children: renderProfileMenu ? renderProfileMenu(() => setIsProfileOpen(false)) : profileMenu }))] })] })] }), jsxs("div", { className: sx(mainStyle$4), children: [jsxs("header", { className: sx(topbarStyle), children: [jsx("div", { children: accountSelector ?? jsx(DefaultAccount, {}) }), renderTopbarActions ? renderTopbarActions(actions) : jsx(DefaultNavigationToggle, { ...actions })] }), isMobileNavOpen && jsxs("div", { className: sx(mobileNavStyle), children: [jsx("nav", { "aria-label": "Mobile Hub navigation", children: mobileNavItems.map((item) => renderNavItem(item, true)) }), (mobileExtras || onLegacyPortal) && jsxs("div", { className: sx(mobileExtrasStyle), role: "group", "aria-label": "Mobile navigation actions", children: [mobileExtras, onLegacyPortal && jsxs("button", { type: "button", className: sx(mobilePrimaryStyle), onClick: () => { onLegacyPortal(); closeMobileNav(); }, "data-test": "hub-mobile-legacy-portal", children: [jsx(ArrowUpRightIcon, { size: 20 }), jsx("span", { children: "Legacy Portal" })] })] }), mobileFooter && jsx("div", { className: sx(mobileFooterStyle), children: mobileFooter })] }), showContent && jsx("main", { className: cx(sx(contentStyle$6), contentDisabled && sx(contentDisabledStyle)), children: children })] })] }));
 };
 
+/**
+ * The Operations Response Center's domain: Incidents, the four Divisions
+ * that act on them, their trip types, and the Routes that carry an Incident
+ * to each Division. Shared by the intake form, the incident card, the resolve
+ * dialog, the archive table and the page, so every surface uses the same words.
+ */
+/** The four Divisions in display order, each with its trip types. */
+const DIVISIONS = [
+    { value: 'agency', label: 'Agency', tripTypes: ['air', 'hotel', 'car', 'limo'] },
+    { value: 'charters', label: 'Charters', tripTypes: ['charter'] },
+    { value: 'stay', label: 'Stay', tripTypes: ['group-hotel'] },
+    { value: 'driven', label: 'Driven', tripTypes: ['bus'] },
+];
+/** Division key → display name. */
+const DIVISION_LABELS = {
+    agency: 'Agency',
+    charters: 'Charters',
+    stay: 'Stay',
+    driven: 'Driven',
+};
+/** Trip type → display name. */
+const TRIP_TYPE_LABELS = {
+    air: 'Air',
+    hotel: 'Hotel',
+    car: 'Car',
+    limo: 'Limo',
+    charter: 'Charter',
+    'group-hotel': 'Group hotel',
+    bus: 'Bus',
+};
+/** Trip types in display order: Division order, then each Division's own order. */
+const TRIP_TYPES = DIVISIONS.flatMap((division) => division.tripTypes);
+/** The Division a trip type belongs to. */
+const tripTypeDivision = (tripType) => DIVISIONS.find((division) => division.tripTypes.includes(tripType)).value;
+/** Sorts trip types into display order, dropping duplicates. */
+const sortTripTypes = (tripTypes) => TRIP_TYPES.filter((tripType) => tripTypes.includes(tripType));
+/** Route status → display text. */
+const ROUTE_STATUS_LABELS = {
+    'not-acknowledged': 'Not acknowledged',
+    acknowledged: 'Acknowledged',
+    complete: 'Complete',
+};
+/** Resolution → display text. */
+const RESOLUTION_LABELS = {
+    resolved: 'Resolved',
+    'logged-in-error': 'Logged in error',
+};
+/** Priority → display text. */
+const PRIORITY_LABELS = {
+    routine: 'Routine',
+};
+/** Central time — STM's operations clock — unless a caller says otherwise. */
+const DEFAULT_INCIDENT_TIME_ZONE = 'America/Chicago';
+/** "12m", "1h 05m", "2d 3h" since `from`, measured at `now`; "Just now" under a minute. */
+const formatElapsed = (from, now) => {
+    const minutes = Math.max(0, Math.floor((Date.parse(now) - Date.parse(from)) / 60000));
+    if (minutes < 1)
+        return 'Just now';
+    if (minutes < 60)
+        return `${minutes}m`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h ${String(minutes % 60).padStart(2, '0')}m`;
+    return `${Math.floor(hours / 24)}d ${hours % 24}h`;
+};
+/** "10:42 PM" in the given time zone. */
+const formatClockTime = (iso, timeZone = DEFAULT_INCIDENT_TIME_ZONE) => new Intl.DateTimeFormat('en-US', { hour: 'numeric', minute: '2-digit', timeZone }).format(new Date(iso));
+/** "Oct 14, 2026" in the given time zone. */
+const formatIncidentDate = (iso, timeZone = DEFAULT_INCIDENT_TIME_ZONE) => new Intl.DateTimeFormat('en-US', { month: 'short', day: 'numeric', year: 'numeric', timeZone }).format(new Date(iso));
+/** "2026-10-14" in the given time zone — the shape a date filter compares against. */
+const toIncidentDateKey = (iso, timeZone = DEFAULT_INCIDENT_TIME_ZONE) => new Intl.DateTimeFormat('en-CA', { year: 'numeric', month: '2-digit', day: '2-digit', timeZone }).format(new Date(iso));
+
+/** IncidentArchiveTable's compiled rules. */
+const rootStyle = {
+    label: 'IncidentArchiveTable-rootStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-4)',
+    minWidth: 0,
+};
+const filtersStyle$5 = {
+    label: 'IncidentArchiveTable-filtersStyle',
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(11rem, 1fr))',
+    alignItems: 'end',
+    gap: 'var(--space-3)',
+};
+const numberStyle$1 = {
+    label: 'IncidentArchiveTable-numberStyle',
+    color: 'var(--fg-1)',
+    fontFamily: 'var(--font-family-mono)',
+    fontWeight: 'var(--fw-semibold)',
+    whiteSpace: 'nowrap',
+};
+const stackStyle$4 = {
+    label: 'IncidentArchiveTable-stackStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-0-5)',
+};
+const secondaryStyle = {
+    label: 'IncidentArchiveTable-secondaryStyle',
+    color: 'var(--fg-3)',
+    fontSize: 'var(--fs-xs)',
+    lineHeight: 'var(--lh-xs)',
+};
+const rootCauseStyle = {
+    label: 'IncidentArchiveTable-rootCauseStyle',
+    display: 'block',
+    maxWidth: '40ch',
+    color: 'var(--fg-1)',
+    whiteSpace: 'normal',
+    overflowWrap: 'anywhere',
+};
+/* Positioned so the sr-only text inside stays within the table's scroll box, not the page's. */
+const mutedStyle$2 = {
+    label: 'IncidentArchiveTable-mutedStyle',
+    position: 'relative',
+    color: 'var(--fg-3)',
+};
+const srOnlyStyle$4 = { label: 'IncidentArchiveTable-srOnlyStyle', ...srOnly };
+/* The scroll box is ours, not Table's, so it can take focus and a name for keyboard scrolling. */
+const scrollRegionStyle = {
+    label: 'IncidentArchiveTable-scrollRegionStyle',
+    overflowX: 'auto',
+    borderRadius: 'var(--radius-lg)',
+    '&:focus-visible': {
+        outline: '2px solid var(--color-primary)',
+        outlineOffset: 2,
+    },
+};
+const tableNoScrollStyle = {
+    label: 'IncidentArchiveTable-tableNoScrollStyle',
+    '&&': { overflowX: 'visible' },
+};
+
+/** The Archive shows 50 resolved Incidents a page. */
+const ARCHIVE_PAGE_SIZE = 50;
+/**
+ * The read-only Archive of resolved Incidents: newest first, 50 a page,
+ * filterable by date range and account. Nothing here can be reopened.
+ */
+const IncidentArchiveTable = ({ incidents, totalItems, page, pageSize = ARCHIVE_PAGE_SIZE, accounts, filters, onFiltersChange, onPageChange, loading = false, timeZone = DEFAULT_INCIDENT_TIME_ZONE, className = '', }) => {
+    const id = useId();
+    const filtered = Boolean(filters.from || filters.to || filters.accountId);
+    const update = (patch) => onFiltersChange?.({ ...filters, ...patch });
+    const columns = [
+        {
+            key: 'number',
+            label: 'Incident',
+            render: (_value, row) => jsx("span", { className: sx(numberStyle$1), children: row.number }),
+        },
+        {
+            key: 'createdAt',
+            label: 'Logged',
+            render: (_value, row) => (jsxs("span", { className: sx(stackStyle$4), children: [jsx("time", { dateTime: row.createdAt, children: formatIncidentDate(row.createdAt, timeZone) }), jsx("span", { className: sx(secondaryStyle), children: formatClockTime(row.createdAt, timeZone) })] })),
+        },
+        {
+            key: 'accountName',
+            label: 'Account',
+            render: (_value, row) => (jsxs("span", { className: sx(stackStyle$4), children: [jsx("span", { children: row.accountName }), row.teamName && jsx("span", { className: sx(secondaryStyle), children: row.teamName })] })),
+        },
+        {
+            key: 'leadDivision',
+            label: 'Lead Division',
+            render: (_value, row) => DIVISION_LABELS[row.leadDivision],
+        },
+        {
+            key: 'tripTypes',
+            label: 'Trip types',
+            render: (_value, row) => row.tripTypes.map((tripType) => TRIP_TYPE_LABELS[tripType]).join(', '),
+        },
+        {
+            key: 'resolution',
+            label: 'Resolution',
+            render: (_value, row) => (jsx(Badge, { variant: row.resolution === 'resolved' ? 'success' : 'warning', size: "sm", children: RESOLUTION_LABELS[row.resolution] })),
+        },
+        {
+            key: 'rootCause',
+            label: 'Root cause',
+            render: (_value, row) => row.rootCause ? (jsx("span", { className: sx(rootCauseStyle), children: row.rootCause })) : (jsxs("span", { className: sx(mutedStyle$2), children: [jsx("span", { "aria-hidden": "true", children: "\u2014" }), jsx("span", { className: sx(srOnlyStyle$4), children: "No root cause" })] })),
+        },
+        {
+            key: 'resolvedBy',
+            label: 'Resolved by',
+            render: (_value, row) => (jsxs("span", { className: sx(stackStyle$4), children: [jsx("span", { children: row.resolvedBy }), jsxs("time", { className: sx(secondaryStyle), dateTime: row.resolvedAt, children: [formatIncidentDate(row.resolvedAt, timeZone), " ", formatClockTime(row.resolvedAt, timeZone)] })] })),
+        },
+    ];
+    return (jsxs("div", { className: cx(sx(rootStyle), className), "data-test": "incident-archive", children: [jsxs("div", { className: sx(filtersStyle$5), role: "group", "aria-label": "Archive filters", children: [jsx(Datepicker, { id: `${id}-from`, label: "From", size: "sm", value: filters.from ?? '', max: filters.to, onChange: (event) => update({ from: event.target.value || undefined }), fullWidth: true, "data-test": "incident-archive-from" }), jsx(Datepicker, { id: `${id}-to`, label: "To", size: "sm", value: filters.to ?? '', min: filters.from, onChange: (event) => update({ to: event.target.value || undefined }), fullWidth: true, "data-test": "incident-archive-to" }), jsx(Select, { id: `${id}-account`, label: "Account", size: "sm", options: [{ value: '', label: 'All accounts' }, ...accounts.map((a) => ({ value: a.id, label: a.name }))], value: filters.accountId ?? '', onChange: (event) => update({ accountId: event.target.value || undefined }), fullWidth: true, "data-test": "incident-archive-account" }), filtered && (jsx(Button, { variant: "ghost", size: "sm", onClick: () => onFiltersChange?.({}), "data-test": "incident-archive-clear", children: "Clear filters" }))] }), jsx("div", { className: sx(scrollRegionStyle), role: "region", "aria-label": "Resolved incidents", tabIndex: 0, "data-test": "incident-archive-scroll", children: jsx(Table, { className: sx(tableNoScrollStyle), columns: columns, data: incidents, rowKey: "id", loading: loading, emptyContent: jsx(EmptyState$1, { size: "sm", title: filtered ? 'No resolved incidents match' : 'No resolved incidents yet', description: filtered
+                            ? 'Try a wider date range or a different account.'
+                            : 'Incidents land here once they are resolved or closed as logged in error.' }) }) }), totalItems > 0 && (jsx(Pagination, { page: page, pageSize: pageSize, totalItems: totalItems, itemLabel: "incidents", ariaLabel: "Archive pages", onPageChange: onPageChange }))] }));
+};
+IncidentArchiveTable.displayName = 'IncidentArchiveTable';
+
+/** IncidentCard's compiled rules. One rule per element; every value is a token. */
+const cardStyle$b = {
+    label: 'IncidentCard-cardStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-3)',
+    minWidth: 0,
+};
+/* Doubled so it outranks Card's own border rule, which is injected after this one. */
+const overdueStyle = {
+    label: 'IncidentCard-overdueStyle',
+    '&&': {
+        borderColor: 'var(--color-alert-error-border)',
+        borderLeft: '4px solid var(--color-error)',
+    },
+};
+const headerStyle$x = {
+    label: 'IncidentCard-headerStyle',
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    gap: 'var(--space-2)',
+};
+/* An overdue card's header is tinted so it reads as "needs someone" at a glance. */
+const overdueHeaderStyle = {
+    label: 'IncidentCard-overdueHeaderStyle',
+    padding: 'var(--space-2) var(--space-3)',
+    borderRadius: 'var(--radius-lg)',
+    background: 'var(--alert-error-bg)',
+};
+const numberStyle = {
+    label: 'IncidentCard-numberStyle',
+    margin: 0,
+    color: 'var(--fg-1)',
+    fontFamily: 'var(--font-family-mono)',
+    fontSize: 'var(--fs-base)',
+    fontWeight: 'var(--fw-semibold)',
+    lineHeight: 'var(--lh-base)',
+};
+const syncingStyle = {
+    label: 'IncidentCard-syncingStyle',
+    color: 'var(--fg-3)',
+    fontFamily: 'var(--font-family-base)',
+    fontStyle: 'italic',
+    fontWeight: 'var(--fw-medium)',
+};
+const elapsedStyle = {
+    label: 'IncidentCard-elapsedStyle',
+    marginLeft: 'auto',
+    color: 'var(--fg-3)',
+    fontSize: 'var(--fs-sm)',
+    lineHeight: 'var(--lh-sm)',
+    whiteSpace: 'nowrap',
+};
+const accountStyle = {
+    label: 'IncidentCard-accountStyle',
+    margin: 0,
+    color: 'var(--fg-1)',
+    fontSize: 'var(--fs-sm)',
+    fontWeight: 'var(--fw-semibold)',
+    lineHeight: 'var(--lh-sm)',
+    overflowWrap: 'anywhere',
+};
+const metaStyle$1 = {
+    label: 'IncidentCard-metaStyle',
+    display: 'grid',
+    gridTemplateColumns: 'max-content minmax(0, 1fr)',
+    columnGap: 'var(--space-3)',
+    rowGap: 'var(--space-1)',
+    margin: 0,
+    fontSize: 'var(--fs-sm)',
+    lineHeight: 'var(--lh-sm)',
+};
+const metaTermStyle = {
+    label: 'IncidentCard-metaTermStyle',
+    color: 'var(--fg-3)',
+};
+const metaValueStyle = {
+    label: 'IncidentCard-metaValueStyle',
+    margin: 0,
+    color: 'var(--fg-1)',
+    overflowWrap: 'anywhere',
+};
+const telLinkStyle = {
+    label: 'IncidentCard-telLinkStyle',
+    color: 'var(--fg-link)',
+    fontWeight: 'var(--fw-medium)',
+    whiteSpace: 'nowrap',
+    '&:hover': { color: 'var(--fg-link-hover)' },
+    '&:focus-visible': {
+        outline: '2px solid var(--color-primary)',
+        outlineOffset: 2,
+    },
+};
+const narrativeStyle = {
+    label: 'IncidentCard-narrativeStyle',
+    margin: 0,
+    color: 'var(--fg-1)',
+    fontSize: 'var(--fs-sm)',
+    lineHeight: 'var(--lh-sm)',
+    whiteSpace: 'pre-wrap',
+    overflowWrap: 'anywhere',
+};
+const loggedByStyle = {
+    label: 'IncidentCard-loggedByStyle',
+    margin: 0,
+    color: 'var(--fg-3)',
+    fontSize: 'var(--fs-xs)',
+    lineHeight: 'var(--lh-xs)',
+};
+const sectionStyle$8 = {
+    label: 'IncidentCard-sectionStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-2)',
+    paddingTop: 'var(--space-3)',
+    borderTop: '1px solid var(--border-color)',
+};
+const sectionHeaderStyle$3 = {
+    label: 'IncidentCard-sectionHeaderStyle',
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'baseline',
+    justifyContent: 'space-between',
+    gap: 'var(--space-2)',
+};
+const sectionTitleStyle$b = {
+    label: 'IncidentCard-sectionTitleStyle',
+    margin: 0,
+    color: 'var(--fg-2)',
+    fontSize: 'var(--fs-xs)',
+    fontWeight: 'var(--fw-semibold)',
+    lineHeight: 'var(--lh-xs)',
+    textTransform: 'uppercase',
+    letterSpacing: '0.04em',
+};
+const progressStyle = {
+    label: 'IncidentCard-progressStyle',
+    color: 'var(--fg-2)',
+    fontSize: 'var(--fs-xs)',
+    fontWeight: 'var(--fw-medium)',
+    lineHeight: 'var(--lh-xs)',
+};
+const plainListStyle = {
+    label: 'IncidentCard-plainListStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-2)',
+    margin: 0,
+    padding: 0,
+    listStyle: 'none',
+};
+const routeStyle$3 = {
+    label: 'IncidentCard-routeStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-2)',
+    padding: 'var(--space-2) var(--space-3)',
+    borderRadius: 'var(--radius-lg)',
+    background: 'var(--bg-subtle)',
+};
+/* An overdue Route carries the same red edge as its card, so the culprit is obvious. */
+const routeOverdueStyle = {
+    label: 'IncidentCard-routeOverdueStyle',
+    boxShadow: 'inset 3px 0 0 var(--color-error)',
+};
+const routeRowStyle = {
+    label: 'IncidentCard-routeRowStyle',
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    gap: 'var(--space-2)',
+};
+const routeDivisionStyle = {
+    label: 'IncidentCard-routeDivisionStyle',
+    minWidth: '9ch',
+    color: 'var(--fg-1)',
+    fontSize: 'var(--fs-sm)',
+    fontWeight: 'var(--fw-semibold)',
+    lineHeight: 'var(--lh-sm)',
+};
+const routeStatusStyle = {
+    label: 'IncidentCard-routeStatusStyle',
+    flex: '1 1 12ch',
+    color: 'var(--fg-2)',
+    fontSize: 'var(--fs-xs)',
+    lineHeight: 'var(--lh-xs)',
+};
+const routeAckedStyle = {
+    label: 'IncidentCard-routeAckedStyle',
+    color: 'var(--color-success-ink)',
+    fontWeight: 'var(--fw-medium)',
+};
+const overdueTextStyle = {
+    label: 'IncidentCard-overdueTextStyle',
+    color: 'var(--color-error)',
+    fontWeight: 'var(--fw-semibold)',
+};
+const routeActionsStyle = {
+    label: 'IncidentCard-routeActionsStyle',
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: 'var(--space-1-5)',
+    marginLeft: 'auto',
+};
+const tripTypeListStyle = {
+    label: 'IncidentCard-tripTypeListStyle',
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: 'var(--space-1-5)',
+    margin: 0,
+    padding: 0,
+    listStyle: 'none',
+};
+const tripTypeChipStyle = {
+    label: 'IncidentCard-tripTypeChipStyle',
+    display: 'inline-flex',
+    alignItems: 'center',
+    gap: 'var(--space-0-5)',
+    paddingLeft: 'var(--space-2)',
+    border: '1px solid var(--border-color)',
+    borderRadius: 'var(--radius-full)',
+    background: 'var(--bg-surface)',
+    color: 'var(--fg-1)',
+    fontSize: 'var(--fs-xs)',
+    fontWeight: 'var(--fw-medium)',
+    lineHeight: 'var(--lh-xs)',
+};
+const tripTypeRemoveStyle = {
+    label: 'IncidentCard-tripTypeRemoveStyle',
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 'var(--space-6)',
+    height: 'var(--space-6)',
+    padding: 0,
+    border: 0,
+    borderRadius: 'var(--radius-full)',
+    background: 'transparent',
+    color: 'var(--fg-2)',
+    cursor: 'pointer',
+    '&:hover:not(:disabled)': { background: 'var(--bg-subtle)', color: 'var(--fg-1)' },
+    '&:focus-visible': {
+        outline: '2px solid var(--color-primary)',
+        outlineOffset: 1,
+    },
+    '&:disabled': { color: 'var(--fg-disabled)', cursor: 'not-allowed' },
+};
+const addTripTypeStyle = {
+    label: 'IncidentCard-addTripTypeStyle',
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'flex-end',
+    gap: 'var(--space-2)',
+    '& > :first-child': { flex: '1 1 12rem', minWidth: 0 },
+};
+const noteStyle$3 = {
+    label: 'IncidentCard-noteStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-0-5)',
+    fontSize: 'var(--fs-sm)',
+    lineHeight: 'var(--lh-sm)',
+};
+const noteMetaStyle = {
+    label: 'IncidentCard-noteMetaStyle',
+    color: 'var(--fg-3)',
+    fontSize: 'var(--fs-xs)',
+    lineHeight: 'var(--lh-xs)',
+};
+const noteAuthorStyle = {
+    label: 'IncidentCard-noteAuthorStyle',
+    color: 'var(--fg-1)',
+    fontWeight: 'var(--fw-semibold)',
+};
+const noteTextStyle = {
+    label: 'IncidentCard-noteTextStyle',
+    margin: 0,
+    color: 'var(--fg-1)',
+    whiteSpace: 'pre-wrap',
+    overflowWrap: 'anywhere',
+};
+/* System notes record actions, not conversation: muted, italic and marked with an icon. */
+const systemNoteStyle = {
+    label: 'IncidentCard-systemNoteStyle',
+    display: 'flex',
+    alignItems: 'flex-start',
+    gap: 'var(--space-1-5)',
+    color: 'var(--fg-2)',
+    fontSize: 'var(--fs-xs)',
+    fontStyle: 'italic',
+    lineHeight: 'var(--lh-xs)',
+    '& > svg': { flexShrink: 0 },
+};
+const emptyNotesStyle = {
+    label: 'IncidentCard-emptyNotesStyle',
+    margin: 0,
+    color: 'var(--fg-3)',
+    fontSize: 'var(--fs-xs)',
+    lineHeight: 'var(--lh-xs)',
+};
+const noteFormStyle = {
+    label: 'IncidentCard-noteFormStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'flex-end',
+    gap: 'var(--space-2)',
+    '& > :first-child': { alignSelf: 'stretch' },
+};
+const disclosureStyle = {
+    label: 'IncidentCard-disclosureStyle',
+    alignSelf: 'flex-start',
+};
+/* Textarea's size ramp pins a single-line height; let `rows` set it instead. */
+const textareaRowsStyle$2 = {
+    label: 'IncidentCard-textareaRowsStyle',
+    '& textarea': { height: 'auto' },
+};
+const footerStyle$9 = {
+    label: 'IncidentCard-footerStyle',
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    gap: 'var(--space-3)',
+};
+const readyStyle = {
+    label: 'IncidentCard-readyStyle',
+    display: 'inline-flex',
+    alignItems: 'center',
+    gap: 'var(--space-1)',
+    marginRight: 'auto',
+    color: 'var(--color-success-ink)',
+    fontSize: 'var(--fs-xs)',
+    fontWeight: 'var(--fw-medium)',
+    lineHeight: 'var(--lh-xs)',
+};
+const srOnlyStyle$3 = { label: 'IncidentCard-srOnlyStyle', ...srOnly };
+
+const NoteItem = ({ note, timeZone }) => {
+    const time = (jsx("time", { dateTime: note.createdAt, className: sx(noteMetaStyle), children: formatClockTime(note.createdAt, timeZone) }));
+    if (note.kind === 'system') {
+        return (jsxs("div", { className: cx(sx(noteStyle$3), sx(systemNoteStyle)), "data-test": "incident-note", "data-kind": "system", children: [jsx(InfoIcon$1, { size: 14, "aria-hidden": "true" }), jsxs("span", { children: [jsx("span", { className: sx(srOnlyStyle$3), children: "Activity: " }), jsx("span", { children: note.text }), " \u00B7 ", time] })] }));
+    }
+    return (jsxs("div", { className: sx(noteStyle$3), "data-test": "incident-note", "data-kind": "user", children: [jsxs("span", { className: sx(noteMetaStyle), children: [jsx("span", { className: sx(noteAuthorStyle), title: note.authorEmail, children: note.authorName }), ' ', "\u00B7 ", time] }), jsx("p", { className: sx(noteTextStyle), children: note.text })] }));
+};
+/**
+ * An Incident's append-only notes: the count and latest note at a glance, and
+ * a disclosure with the whole thread (oldest first) and an Add note box.
+ */
+const IncidentNotes = ({ notes, incidentLabel, onAddNote, defaultExpanded = false, timeZone = DEFAULT_INCIDENT_TIME_ZONE, }) => {
+    const id = useId();
+    const [expanded, setExpanded] = useState(defaultExpanded);
+    const [draft, setDraft] = useState('');
+    const latest = notes[notes.length - 1];
+    const submit = (event) => {
+        event.preventDefault();
+        const text = draft.trim();
+        if (!text)
+            return;
+        onAddNote?.(text);
+        setDraft('');
+    };
+    const toggleLabel = expanded ? 'Hide notes' : notes.length ? `Show all notes (${notes.length})` : 'Add a note';
+    return (jsxs("section", { className: sx(sectionStyle$8), "aria-label": `Notes for ${incidentLabel}`, "data-test": "incident-notes", children: [jsxs("div", { className: sx(sectionHeaderStyle$3), children: [jsx("p", { className: sx(sectionTitleStyle$b), children: "Notes" }), jsx("span", { className: sx(noteMetaStyle), "data-test": "incident-note-count", children: notes.length === 1 ? '1 note' : `${notes.length} notes` })] }), !expanded &&
+                (latest ? (jsx(NoteItem, { note: latest, timeZone: timeZone })) : (jsx("p", { className: sx(emptyNotesStyle), children: "No notes yet." }))), jsx(Button, { variant: "ghost", size: "sm", className: sx(disclosureStyle), "aria-expanded": expanded, "aria-controls": `${id}-thread`, onClick: () => setExpanded((open) => !open), "data-test": "incident-notes-toggle", children: toggleLabel }), jsx("div", { id: `${id}-thread`, hidden: !expanded, children: expanded && (jsxs("div", { className: sx(plainListStyle), children: [notes.length > 0 ? (jsx("ol", { className: sx(plainListStyle), "aria-label": `All notes for ${incidentLabel}`, children: notes.map((note) => (jsx("li", { children: jsx(NoteItem, { note: note, timeZone: timeZone }) }, note.id))) })) : (jsx("p", { className: sx(emptyNotesStyle), children: "No notes yet." })), jsxs("form", { className: sx(noteFormStyle), onSubmit: submit, "aria-label": `Add a note to ${incidentLabel}`, children: [jsx(Textarea, { id: `${id}-new-note`, label: "New note", rows: 2, value: draft, onChange: (event) => setDraft(event.target.value), helperText: "Notes are permanent; they cannot be edited or deleted.", fullWidth: true, size: "sm", className: sx(textareaRowsStyle$2), "data-test": "incident-note-input" }), jsx(Button, { type: "submit", size: "sm", disabled: !draft.trim(), "data-test": "incident-note-add", children: "Add note" })] })] })) })] }));
+};
+IncidentNotes.displayName = 'IncidentNotes';
+
+/** A Not acknowledged Route turns overdue after this many minutes without acknowledgement. */
+const DEFAULT_STALE_AFTER_MINUTES = 60;
+const MINUTE_MS = 60 * 1000;
+/** Where the Route is in its lifecycle. Complete wins over acknowledged. */
+const routeStatus = (route) => {
+    if (route.completedAt)
+        return 'complete';
+    if (route.acknowledgedAt)
+        return 'acknowledged';
+    return 'not-acknowledged';
+};
+/** Not acknowledged, and at least `staleAfterMinutes` since its own `notifiedAt`. */
+const isRouteOverdue = (route, now, staleAfterMinutes = DEFAULT_STALE_AFTER_MINUTES) => routeStatus(route) === 'not-acknowledged' &&
+    Date.parse(now) - Date.parse(route.notifiedAt) >= staleAfterMinutes * MINUTE_MS;
+/** The Incident's overdue Routes, in Route order. */
+const overdueRoutes = (incident, now, staleAfterMinutes = DEFAULT_STALE_AFTER_MINUTES) => incident.routes.filter((route) => isRouteOverdue(route, now, staleAfterMinutes));
+/** True when any Route is overdue. */
+const isIncidentOverdue = (incident, now, staleAfterMinutes = DEFAULT_STALE_AFTER_MINUTES) => overdueRoutes(incident, now, staleAfterMinutes).length > 0;
+/** Acknowledged (including Complete), Complete and total Route counts. */
+const routeProgress = (routes) => ({
+    acknowledged: routes.filter((route) => routeStatus(route) !== 'not-acknowledged').length,
+    complete: routes.filter((route) => routeStatus(route) === 'complete').length,
+    total: routes.length,
+});
+/** Every Route is Complete — the card hints it is ready to resolve. Never resolves on its own. */
+const isReadyToResolve = (incident) => incident.routes.length > 0 && incident.routes.every((route) => routeStatus(route) === 'complete');
+/** A Route always keeps one trip type, so its last one cannot be removed. */
+const canRemoveTripType = (route) => route.tripTypes.length > 1;
+/** Trip types the Incident does not have yet, grouped by Division, for the Add trip type control. */
+const addableTripTypes = (incident) => {
+    const present = new Set(incident.routes.flatMap((route) => route.tripTypes));
+    return DIVISIONS.map((division) => ({
+        division: division.value,
+        tripTypes: division.tripTypes.filter((tripType) => !present.has(tripType)),
+    })).filter((group) => group.tripTypes.length > 0);
+};
+/**
+ * Alert Log order: overdue Incidents first, the longest-waiting first (by the
+ * earliest overdue Route's `notifiedAt`); then everything else newest first.
+ */
+const orderAlertLog = (incidents, now, staleAfterMinutes = DEFAULT_STALE_AFTER_MINUTES) => {
+    const waitingSince = (incident) => Math.min(...overdueRoutes(incident, now, staleAfterMinutes).map((route) => Date.parse(route.notifiedAt)));
+    const overdue = incidents.filter((incident) => isIncidentOverdue(incident, now, staleAfterMinutes));
+    const rest = incidents.filter((incident) => !isIncidentOverdue(incident, now, staleAfterMinutes));
+    return [
+        ...overdue.sort((a, b) => waitingSince(a) - waitingSince(b)),
+        ...rest.sort((a, b) => Date.parse(b.createdAt) - Date.parse(a.createdAt)),
+    ];
+};
+const systemNote = (incident, actor, text) => ({
+    id: `${incident.id}-note-${incident.notes.length + 1}`,
+    authorName: actor.name,
+    authorEmail: actor.email,
+    text: `${actor.name} ${text}`,
+    createdAt: actor.at,
+    kind: 'system',
+});
+const updateRoute = (incident, division, actor, note, change) => {
+    if (!incident.routes.some((route) => route.division === division))
+        return incident;
+    return {
+        ...incident,
+        routes: incident.routes.map((route) => (route.division === division ? change(route) : route)),
+        notes: [...incident.notes, systemNote(incident, actor, note)],
+    };
+};
+/** Not acknowledged → Acknowledged. */
+const markRouteReceived = (incident, division, actor) => updateRoute(incident, division, actor, `marked ${DIVISION_LABELS[division]} received`, (route) => ({
+    ...route,
+    acknowledgedBy: actor.name,
+    acknowledgedByEmail: actor.email,
+    acknowledgedAt: actor.at,
+}));
+/** Acknowledged → Complete. A Route that is not acknowledged is left as it is. */
+const completeRoute = (incident, division, actor) => {
+    const route = incident.routes.find((item) => item.division === division);
+    if (!route || routeStatus(route) !== 'acknowledged')
+        return incident;
+    return updateRoute(incident, division, actor, `marked ${DIVISION_LABELS[division]} complete`, (item) => ({
+        ...item,
+        completedBy: actor.name,
+        completedByEmail: actor.email,
+        completedAt: actor.at,
+    }));
+};
+/** Any status → Not acknowledged, clearing acknowledgement and completion and restarting the clock. */
+const renotifyRoute = (incident, division, actor) => updateRoute(incident, division, actor, `re-notified ${DIVISION_LABELS[division]}`, (route) => ({
+    division: route.division,
+    tripTypes: route.tripTypes,
+    notifiedAt: actor.at,
+}));
+/** Appends to the Division's Route, or opens a new Not acknowledged Route for it. */
+const addTripTypeToIncident = (incident, division, tripType, actor) => {
+    if (tripTypeDivision(tripType) !== division)
+        return incident;
+    const existing = incident.routes.find((route) => route.division === division);
+    if (existing?.tripTypes.includes(tripType))
+        return incident;
+    const label = `added ${TRIP_TYPE_LABELS[tripType]} to ${DIVISION_LABELS[division]}`;
+    if (existing) {
+        return updateRoute(incident, division, actor, label, (route) => ({
+            ...route,
+            tripTypes: sortTripTypes([...route.tripTypes, tripType]),
+        }));
+    }
+    const order = DIVISIONS.map((item) => item.value);
+    return {
+        ...incident,
+        routes: [...incident.routes, { division, tripTypes: [tripType], notifiedAt: actor.at }].sort((a, b) => order.indexOf(a.division) - order.indexOf(b.division)),
+        notes: [...incident.notes, systemNote(incident, actor, label)],
+    };
+};
+/** Removes a trip type from its Route, unless it is the Route's last one. */
+const removeTripTypeFromIncident = (incident, division, tripType, actor) => {
+    const route = incident.routes.find((item) => item.division === division);
+    if (!route || !route.tripTypes.includes(tripType) || !canRemoveTripType(route))
+        return incident;
+    return updateRoute(incident, division, actor, `removed ${TRIP_TYPE_LABELS[tripType]} from ${DIVISION_LABELS[division]}`, (item) => ({ ...item, tripTypes: item.tripTypes.filter((value) => value !== tripType) }));
+};
+/** Appends a typed note. Blank text is ignored. */
+const addNoteToIncident = (incident, text, actor) => {
+    const trimmed = text.trim();
+    if (!trimmed)
+        return incident;
+    return {
+        ...incident,
+        notes: [
+            ...incident.notes,
+            {
+                id: `${incident.id}-note-${incident.notes.length + 1}`,
+                authorName: actor.name,
+                authorEmail: actor.email,
+                text: trimmed,
+                createdAt: actor.at,
+                kind: 'user',
+            },
+        ],
+    };
+};
+
+/** `tel:` href from a display number; US 10-digit numbers get +1. */
+const toTelHref = (phone) => {
+    const digits = phone.replace(/[^\d+]/g, '');
+    return `tel:${/^\d{10}$/.test(digits) ? `+1${digits}` : digits}`;
+};
+const LAST_TRIP_TYPE_HINT = 'A Division keeps at least one trip type.';
+/** One Division's Route: status, lifecycle actions and its trip types. */
+const RouteItem = ({ incidentId, route, now, staleAfterMinutes, timeZone, lastTripTypeHintId, onMarkReceived, onComplete, onRenotify, onRemoveTripType, }) => {
+    const name = DIVISION_LABELS[route.division];
+    const status = routeStatus(route);
+    const overdue = isRouteOverdue(route, now, staleAfterMinutes);
+    const removable = canRemoveTripType(route);
+    return (jsxs("li", { className: cx(sx(routeStyle$3), overdue && sx(routeOverdueStyle)), "data-test": `incident-route-${route.division}`, "data-status": status, "data-overdue": overdue || undefined, children: [jsxs("div", { className: sx(routeRowStyle), children: [jsx("span", { className: sx(routeDivisionStyle), children: name }), status === 'not-acknowledged' && (jsx("span", { className: sx(routeStatusStyle), "data-test": "incident-route-status", children: overdue ? (jsxs("span", { className: sx(overdueTextStyle), children: ["Not acknowledged \u00B7 waiting ", formatElapsed(route.notifiedAt, now)] })) : ('Not acknowledged') })), status === 'acknowledged' && (jsxs("span", { className: cx(sx(routeStatusStyle), sx(routeAckedStyle)), "data-test": "incident-route-status", children: ["Received by ", route.acknowledgedBy, " at ", formatClockTime(route.acknowledgedAt, timeZone)] })), status === 'complete' && (jsxs("span", { className: sx(routeStatusStyle), "data-test": "incident-route-status", children: [jsx(Badge, { variant: "success", size: "sm", children: "Complete" }), ' ', "by ", route.completedBy, " at ", formatClockTime(route.completedAt, timeZone)] })), jsxs("div", { className: sx(routeActionsStyle), children: [status === 'not-acknowledged' && (jsx(Button, { size: "sm", variant: "outline", onClick: () => onMarkReceived?.(incidentId, route.division), "aria-label": `Mark received for ${name}`, "data-test": "incident-mark-received", children: "Mark received" })), status === 'acknowledged' && (jsx(Button, { size: "sm", variant: "outline", onClick: () => onComplete?.(incidentId, route.division), "aria-label": `Complete ${name}`, "data-test": "incident-complete", children: "Complete" })), jsx(Button, { size: "sm", variant: "ghost", onClick: () => onRenotify?.(incidentId, route.division), "aria-label": `Re-notify ${name}`, "data-test": "incident-renotify", children: "Re-notify" })] })] }), jsx("ul", { className: sx(tripTypeListStyle), "aria-label": `${name} trip types`, children: route.tripTypes.map((tripType) => {
+                    const label = TRIP_TYPE_LABELS[tripType];
+                    const remove = (jsx("button", { type: "button", className: sx(tripTypeRemoveStyle), disabled: !removable, "aria-label": `Remove ${label} from ${name}`, "aria-describedby": removable ? undefined : lastTripTypeHintId, onClick: () => onRemoveTripType?.(incidentId, route.division, tripType), "data-test": "incident-remove-trip-type", children: jsx(XIcon, { size: 12, "aria-hidden": "true" }) }));
+                    return (jsxs("li", { className: sx(tripTypeChipStyle), "data-test": `incident-trip-type-${tripType}`, children: [label, removable ? remove : jsx(Tooltip, { content: LAST_TRIP_TYPE_HINT, children: remove })] }, tripType));
+                }) })] }));
+};
+/**
+ * One Open Incident in the Alert Log: who called, what happened, each routed
+ * Division with its trip types and lifecycle (Not acknowledged → Acknowledged
+ * → Complete), and an append-only notes thread. Overdue Routes turn the card
+ * red. Resolve is always available and always manual.
+ */
+const IncidentCard = ({ incident, now, staleAfterMinutes = DEFAULT_STALE_AFTER_MINUTES, timeZone = DEFAULT_INCIDENT_TIME_ZONE, onMarkReceived, onComplete, onRenotify, onAddTripType, onRemoveTripType, onAddNote, onResolve, defaultNotesExpanded = false, headingLevel = 3, className = '', }) => {
+    const id = useId();
+    const titleId = `${id}-title`;
+    const lastTripTypeHintId = `${id}-last-trip-type`;
+    const Heading = `h${headingLevel}`;
+    const [tripTypeToAdd, setTripTypeToAdd] = useState('');
+    const overdueCount = overdueRoutes(incident, now, staleAfterMinutes).length;
+    const overdue = overdueCount > 0;
+    const { acknowledged, complete, total } = routeProgress(incident.routes);
+    const ready = isReadyToResolve(incident);
+    const elapsed = formatElapsed(incident.createdAt, now);
+    const label = incident.number ?? 'syncing incident';
+    const routed = new Set(incident.routes.map((route) => route.division));
+    const addable = addableTripTypes(incident);
+    const addTripType = () => {
+        if (!tripTypeToAdd)
+            return;
+        onAddTripType?.(incident.id, tripTypeDivision(tripTypeToAdd), tripTypeToAdd);
+        setTripTypeToAdd('');
+    };
+    return (jsxs(Card, { variant: "default", padding: "md", role: "article", "aria-labelledby": titleId, className: cx(sx(cardStyle$b), overdue && sx(overdueStyle), className), "data-test": "incident-card", "data-overdue": overdue || undefined, children: [jsxs("div", { className: cx(sx(headerStyle$x), overdue && sx(overdueHeaderStyle)), children: [jsx(Heading, { id: titleId, className: sx(numberStyle), children: incident.number ?? (jsx("span", { className: sx(syncingStyle), "data-test": "incident-syncing", children: "Syncing\u2026" })) }), overdue && (jsxs(Badge, { variant: "error", dot: true, "data-test": "incident-needs-acknowledgement", children: ["Needs acknowledgement (", overdueCount, ")"] })), jsx("time", { className: sx(elapsedStyle), dateTime: incident.createdAt, title: `Logged ${formatClockTime(incident.createdAt, timeZone)}`, children: elapsed === 'Just now' ? elapsed : `${elapsed} ago` })] }), jsxs("p", { className: sx(accountStyle), children: [incident.accountName, incident.teamName && ` · ${incident.teamName}`] }), jsxs("dl", { className: sx(metaStyle$1), children: [jsx("dt", { className: sx(metaTermStyle), children: "Lead Division" }), jsx("dd", { className: sx(metaValueStyle), children: DIVISION_LABELS[incident.leadDivision] }), jsx("dt", { className: sx(metaTermStyle), children: "Caller" }), jsxs("dd", { className: sx(metaValueStyle), children: [incident.callerName && `${incident.callerName} · `, jsx("a", { className: sx(telLinkStyle), href: toTelHref(incident.callbackNumber), "data-test": "incident-callback", children: incident.callbackNumber })] }), incident.incidentType && (jsxs(Fragment, { children: [jsx("dt", { className: sx(metaTermStyle), children: "Type" }), jsx("dd", { className: sx(metaValueStyle), children: incident.incidentType })] }))] }), jsx("p", { className: sx(narrativeStyle), "data-test": "incident-narrative", children: incident.narrative }), jsxs("p", { className: sx(loggedByStyle), children: ["Logged by ", incident.loggedBy, " (", DIVISION_LABELS[incident.loggingDivision], ") at", ' ', formatClockTime(incident.createdAt, timeZone)] }), jsxs("section", { className: sx(sectionStyle$8), "aria-label": `Routes for ${label}`, children: [jsxs("div", { className: sx(sectionHeaderStyle$3), children: [jsx("p", { className: sx(sectionTitleStyle$b), children: "Routes" }), jsxs("span", { className: sx(progressStyle), "data-test": "incident-progress", children: ["Acknowledged ", acknowledged, "/", total, " \u00B7 Complete ", complete, "/", total] })] }), jsx("ul", { className: sx(plainListStyle), children: incident.routes.map((route) => (jsx(RouteItem, { incidentId: incident.id, route: route, now: now, staleAfterMinutes: staleAfterMinutes, timeZone: timeZone, lastTripTypeHintId: lastTripTypeHintId, onMarkReceived: onMarkReceived, onComplete: onComplete, onRenotify: onRenotify, onRemoveTripType: onRemoveTripType }, route.division))) }), jsx("span", { id: lastTripTypeHintId, className: sx(srOnlyStyle$3), children: LAST_TRIP_TYPE_HINT }), addable.length > 0 && (jsxs("div", { className: sx(addTripTypeStyle), children: [jsx(Select, { id: `${id}-add-trip-type`, label: "Add trip type", placeholder: "Choose a trip type", size: "sm", fullWidth: true, optionGroups: addable.map((group) => ({
+                                    label: routed.has(group.division)
+                                        ? DIVISION_LABELS[group.division]
+                                        : `${DIVISION_LABELS[group.division]} (new Route)`,
+                                    options: group.tripTypes.map((tripType) => ({ value: tripType, label: TRIP_TYPE_LABELS[tripType] })),
+                                })), value: tripTypeToAdd, onChange: (event) => setTripTypeToAdd(event.target.value), "data-test": "incident-add-trip-type-select" }), jsx(Button, { size: "sm", variant: "secondary", disabled: !tripTypeToAdd, onClick: addTripType, "aria-label": `Add trip type to ${label}`, "data-test": "incident-add-trip-type", children: "Add" })] }))] }), jsx(IncidentNotes, { notes: incident.notes, incidentLabel: label, timeZone: timeZone, defaultExpanded: defaultNotesExpanded, onAddNote: (text) => onAddNote?.(incident.id, text) }), jsxs("div", { className: sx(footerStyle$9), children: [ready && (jsxs("span", { className: sx(readyStyle), "data-test": "incident-ready-to-resolve", children: [jsx(CheckIcon$1, { size: 14, "aria-hidden": "true" }), "Every Route is complete \u2014 ready to resolve"] })), jsx(Button, { size: "sm", variant: "primary", onClick: () => onResolve?.(incident.id), "aria-label": `Resolve ${label}`, "data-test": "incident-resolve", children: "Resolve" })] })] }));
+};
+IncidentCard.displayName = 'IncidentCard';
+
+/** IncidentIntakeForm's compiled rules. Compact by design: the target is intake in under a minute. */
+const formStyle$5 = {
+    label: 'IncidentIntakeForm-formStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-3)',
+    minWidth: 0,
+};
+const rowStyle$5 = {
+    label: 'IncidentIntakeForm-rowStyle',
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(13rem, 1fr))',
+    gap: 'var(--space-3)',
+};
+const fieldsetStyle$1 = {
+    label: 'IncidentIntakeForm-fieldsetStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-1-5)',
+    minWidth: 0,
+    margin: 0,
+    padding: 0,
+    border: 0,
+};
+const legendStyle$2 = {
+    label: 'IncidentIntakeForm-legendStyle',
+    marginBottom: 'var(--space-1-5)',
+    padding: 0,
+    color: 'var(--fg-1)',
+    fontSize: 'var(--fs-sm)',
+    fontWeight: 'var(--fw-medium)',
+};
+const groupGridStyle = {
+    label: 'IncidentIntakeForm-groupGridStyle',
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(9rem, 1fr))',
+    gap: 'var(--space-2)',
+};
+/* One Division's trip types. A group with a ticked trip type is outlined: that Division gets a Route. */
+const divisionGroupStyle = {
+    label: 'IncidentIntakeForm-divisionGroupStyle',
+    minWidth: 0,
+    margin: 0,
+    padding: 'var(--space-2) var(--space-3)',
+    border: '1px solid var(--border-color)',
+    borderRadius: 'var(--radius-lg)',
+};
+const groupTickedStyle = {
+    label: 'IncidentIntakeForm-groupTickedStyle',
+    borderColor: 'var(--color-primary)',
+    background: 'var(--bg-subtle)',
+};
+const groupLegendStyle = {
+    label: 'IncidentIntakeForm-groupLegendStyle',
+    padding: '0 var(--space-1)',
+    color: 'var(--fg-2)',
+    fontSize: 'var(--fs-xs)',
+    fontWeight: 'var(--fw-semibold)',
+    textTransform: 'uppercase',
+    letterSpacing: '0.04em',
+};
+const tripTypeRowStyle = {
+    label: 'IncidentIntakeForm-tripTypeRowStyle',
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: 'var(--space-1-5) var(--space-3)',
+};
+const errorTextStyle = {
+    label: 'IncidentIntakeForm-errorTextStyle',
+    margin: 0,
+    color: 'var(--color-error)',
+    fontSize: 'var(--fs-xs)',
+};
+const helperTextStyle = {
+    label: 'IncidentIntakeForm-helperTextStyle',
+    margin: 0,
+    color: 'var(--fg-3)',
+    fontSize: 'var(--fs-xs)',
+};
+const footerStyle$8 = {
+    label: 'IncidentIntakeForm-footerStyle',
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'flex-end',
+    justifyContent: 'flex-end',
+    gap: 'var(--space-3)',
+    paddingTop: 'var(--space-1)',
+};
+const actionsStyle$7 = {
+    label: 'IncidentIntakeForm-actionsStyle',
+    display: 'flex',
+    gap: 'var(--space-2)',
+    marginLeft: 'auto',
+};
+/* Textarea's size ramp pins a single-line height; let `rows` set it instead. */
+const textareaRowsStyle$1 = {
+    label: 'IncidentIntakeForm-textareaRowsStyle',
+    '& textarea': { height: 'auto' },
+};
+/* Select's own error text uses an off-token red that fails contrast; restate Input's error token. */
+const selectErrorTokenStyle = {
+    label: 'IncidentIntakeForm-selectErrorTokenStyle',
+    '& [id$="-error"]': { color: 'var(--color-error)' },
+};
+
+const DIVISION_OPTIONS = DIVISIONS.map((division) => ({ value: division.value, label: division.label }));
+const FIELD_ORDER = ['account', 'callbackNumber', 'loggingDivision', 'tripTypes', 'narrative'];
+const emptyValues = (loggingDivision) => ({
+    accountName: '',
+    teamId: '',
+    callbackNumber: '',
+    callerName: '',
+    loggingDivision,
+    tripTypes: [],
+    leadDivision: loggingDivision,
+    incidentType: '',
+    narrative: '',
+});
+/** Divisions with at least one ticked trip type, in display order — one Route each. */
+const divisionsForTripTypes = (tripTypes) => DIVISIONS.map((division) => division.value).filter((division) => tripTypes.some((tripType) => tripTypeDivision(tripType) === division));
+const findAccount = (accounts, name) => accounts.find((account) => account.name.toLowerCase() === name.trim().toLowerCase());
+/** The validation message per field, or nothing when the field is fine. */
+const validateIncidentIntake = (values, accounts) => {
+    const errors = {};
+    if (!values.accountName.trim())
+        errors.account = 'Enter the client or account.';
+    else if (!findAccount(accounts, values.accountName))
+        errors.account = 'Choose an account from the list.';
+    const digits = values.callbackNumber.replace(/\D/g, '');
+    if (!digits)
+        errors.callbackNumber = 'Enter a callback number.';
+    else if (digits.length < 7)
+        errors.callbackNumber = 'Callback number needs at least 7 digits.';
+    if (!values.loggingDivision)
+        errors.loggingDivision = 'Choose the Division you are logging as.';
+    if (values.tripTypes.length === 0)
+        errors.tripTypes = 'Tick at least one trip type.';
+    if (!values.narrative.trim())
+        errors.narrative = 'Describe the issue.';
+    return errors;
+};
+/**
+ * The "New incident" intake form. Trip types are ticked under their Division;
+ * every Division with a ticked trip type gets one Route. Lead Division follows
+ * Logging as until changed by hand; picking a Lead Division with nothing
+ * ticked ticks its first trip type. Team is hidden when Agency leads.
+ */
+const IncidentIntakeForm = ({ accounts, defaultLoggingDivision, onSubmit, onLoggingDivisionChange, onCancel, submitting = false, ariaLabel = 'New incident', className = '', }) => {
+    const id = useId();
+    const [values, setValues] = useState(() => emptyValues(defaultLoggingDivision ?? ''));
+    const [leadTouched, setLeadTouched] = useState(false);
+    const [attempted, setAttempted] = useState(false);
+    const fieldRefs = useRef({});
+    const account = findAccount(accounts, values.accountName);
+    const teamOptions = useMemo(() => (account?.teams ?? []).map((team) => ({ value: team.id, label: team.name })), [account]);
+    const showTeam = values.leadDivision !== 'agency';
+    const errors = attempted ? validateIncidentIntake(values, accounts) : {};
+    const ticked = divisionsForTripTypes(values.tripTypes);
+    const set = (key, value) => setValues((current) => ({ ...current, [key]: value }));
+    const changeLogging = (division) => {
+        setValues((current) => ({
+            ...current,
+            loggingDivision: division,
+            leadDivision: leadTouched ? current.leadDivision : division,
+        }));
+        onLoggingDivisionChange?.(division);
+    };
+    const changeLead = (division) => {
+        setLeadTouched(true);
+        setValues((current) => {
+            const hasRoute = current.tripTypes.some((tripType) => tripTypeDivision(tripType) === division);
+            const first = DIVISIONS.find((item) => item.value === division).tripTypes[0];
+            return {
+                ...current,
+                leadDivision: division,
+                tripTypes: hasRoute ? current.tripTypes : sortTripTypes([...current.tripTypes, first]),
+            };
+        });
+    };
+    const toggleTripType = (tripType, checked) => setValues((current) => ({
+        ...current,
+        tripTypes: checked
+            ? sortTripTypes([...current.tripTypes, tripType])
+            : current.tripTypes.filter((value) => value !== tripType),
+    }));
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        setAttempted(true);
+        const found = validateIncidentIntake(values, accounts);
+        const firstInvalid = FIELD_ORDER.find((key) => found[key]);
+        if (firstInvalid) {
+            fieldRefs.current[firstInvalid]?.focus();
+            return;
+        }
+        const loggingDivision = values.loggingDivision;
+        onSubmit({
+            accountId: account.id,
+            teamId: showTeam && values.teamId ? values.teamId : undefined,
+            callbackNumber: values.callbackNumber.trim(),
+            callerName: values.callerName.trim() || undefined,
+            loggingDivision,
+            tripTypes: values.tripTypes,
+            divisions: divisionsForTripTypes(values.tripTypes),
+            leadDivision: (values.leadDivision || loggingDivision),
+            incidentType: values.incidentType.trim() || undefined,
+            narrative: values.narrative.trim(),
+            priority: 'routine',
+        });
+        setValues(emptyValues(loggingDivision));
+        setLeadTouched(false);
+        setAttempted(false);
+    };
+    return (jsxs("form", { className: cx(sx(formStyle$5), className), "aria-label": ariaLabel, noValidate: true, onSubmit: handleSubmit, "data-test": "incident-intake-form", children: [jsxs("div", { className: sx(rowStyle$5), children: [jsx(Input, { id: `${id}-account`, ref: (node) => {
+                            fieldRefs.current.account = node;
+                        }, label: "Client / Account", placeholder: "Start typing a school\u2026", list: `${id}-accounts`, autoComplete: "off", value: values.accountName, onChange: (event) => setValues((current) => ({ ...current, accountName: event.target.value, teamId: '' })), error: errors.account, required: true, fullWidth: true, size: "sm", "data-test": "incident-intake-account" }), jsx("datalist", { id: `${id}-accounts`, children: accounts.map((option) => (jsx("option", { value: option.name }, option.id))) }), showTeam && (jsx(Select, { id: `${id}-team`, label: "Team (optional)", placeholder: account ? (teamOptions.length ? 'Select a team' : 'No teams on this account') : 'Choose an account first', options: teamOptions, value: values.teamId, onChange: (event) => set('teamId', event.target.value), disabled: !account || teamOptions.length === 0, fullWidth: true, size: "sm", "data-test": "incident-intake-team" }))] }), jsxs("div", { className: sx(rowStyle$5), children: [jsx(Input, { id: `${id}-callback`, ref: (node) => {
+                            fieldRefs.current.callbackNumber = node;
+                        }, label: "Callback number", type: "tel", inputMode: "tel", autoComplete: "off", value: values.callbackNumber, onChange: (event) => set('callbackNumber', event.target.value), error: errors.callbackNumber, required: true, fullWidth: true, size: "sm", "data-test": "incident-intake-callback" }), jsx(Input, { id: `${id}-caller`, label: "Caller name (optional)", autoComplete: "off", value: values.callerName, onChange: (event) => set('callerName', event.target.value), fullWidth: true, size: "sm", "data-test": "incident-intake-caller" })] }), jsxs("div", { className: sx(rowStyle$5), children: [jsx(Select, { id: `${id}-logging`, ref: (node) => {
+                            fieldRefs.current.loggingDivision = node;
+                        }, label: "Logging as", placeholder: "Select your Division", options: DIVISION_OPTIONS, value: values.loggingDivision, onChange: (event) => changeLogging(event.target.value), helperText: "Remembered for your next incident.", error: errors.loggingDivision, "aria-required": "true", className: sx(selectErrorTokenStyle), fullWidth: true, size: "sm", "data-test": "incident-intake-logging-division" }), jsx(Select, { id: `${id}-lead`, label: "Lead Division", placeholder: "Defaults to Logging as", options: DIVISION_OPTIONS, value: values.leadDivision, onChange: (event) => changeLead(event.target.value), helperText: "If nothing of it is ticked, its first trip type is ticked below.", fullWidth: true, size: "sm", "data-test": "incident-intake-lead-division" })] }), jsxs("fieldset", { className: sx(fieldsetStyle$1), "aria-describedby": errors.tripTypes ? `${id}-trip-types-error` : `${id}-trip-types-help`, "data-test": "incident-intake-trip-types", children: [jsx("legend", { className: sx(legendStyle$2), children: "Trip types involved" }), jsx("div", { className: sx(groupGridStyle), children: DIVISIONS.map((division, groupIndex) => (jsxs("fieldset", { className: cx(sx(divisionGroupStyle), ticked.includes(division.value) && sx(groupTickedStyle)), "data-test": `incident-intake-division-${division.value}`, "data-ticked": ticked.includes(division.value) || undefined, children: [jsx("legend", { className: sx(groupLegendStyle), children: division.label }), jsx("div", { className: sx(tripTypeRowStyle), children: division.tripTypes.map((tripType, index) => (jsx(Checkbox, { ref: groupIndex === 0 && index === 0
+                                            ? (node) => {
+                                                fieldRefs.current.tripTypes = node;
+                                            }
+                                            : undefined, size: "sm", label: TRIP_TYPE_LABELS[tripType], checked: values.tripTypes.includes(tripType), onChange: (event) => toggleTripType(tripType, event.target.checked), "data-test": `incident-intake-trip-type-${tripType}` }, tripType))) })] }, division.value))) }), errors.tripTypes ? (jsx("p", { id: `${id}-trip-types-error`, className: sx(errorTextStyle), children: errors.tripTypes })) : (jsx("p", { id: `${id}-trip-types-help`, className: sx(helperTextStyle), children: "Each Division with a ticked trip type is notified." }))] }), jsx(Input, { id: `${id}-type`, label: "Incident type (optional)", placeholder: "e.g. Charter delay, bus no-show", autoComplete: "off", value: values.incidentType, onChange: (event) => set('incidentType', event.target.value), fullWidth: true, size: "sm", "data-test": "incident-intake-type" }), jsx(Textarea, { id: `${id}-narrative`, ref: (node) => {
+                    fieldRefs.current.narrative = node;
+                }, label: "Issue narrative", rows: 4, value: values.narrative, onChange: (event) => set('narrative', event.target.value), error: errors.narrative, required: true, fullWidth: true, size: "sm", "data-test": "incident-intake-narrative", className: sx(textareaRowsStyle$1) }), jsx("div", { className: sx(footerStyle$8), children: jsxs("div", { className: sx(actionsStyle$7), children: [onCancel && (jsx(Button, { type: "button", variant: "secondary", onClick: onCancel, "data-test": "incident-intake-cancel", children: "Cancel" })), jsx(Button, { type: "submit", variant: "primary", loading: submitting, "data-test": "incident-intake-submit", children: "Log incident" })] }) })] }));
+};
+IncidentIntakeForm.displayName = 'IncidentIntakeForm';
+
 /**
  * Explicit specificity keeps service and cancellation border colors stable
  * regardless of style injection order: base < type (`&&`) < cancelled (`&&&`).
@@ -16221,7 +17205,7 @@ const scrollBodyStyle = {
     minHeight: 0,
     overflowY: 'auto',
 };
-const bodyStyle$4 = {
+const bodyStyle$5 = {
     label: 'Module-bodyStyle',
     flex: 1,
     fontSize: 14,
@@ -16294,7 +17278,7 @@ const Module = ({ title, icon, iconClassName = '', badge, before, children, afte
             setOpen(!open);
         }
     };
-    return (jsxs("div", { className: cx(sx(moduleStyle), className), children: [title && (jsx("div", { className: cx(sx(headerStyle$u), sx(headerSizeStyles[size]), !open && sx(closedStyle), headerClassName), children: jsxs("div", { className: cx(sx(titleRowStyle$1), sx(titleRowSizeStyles[size]), titleClassName), children: [icon && (jsx("span", { className: cx(sx(iconStyle$1), size !== 'sm' && sx(iconSpacedStyle), iconClassName), children: icon })), jsx("div", { className: sx(titleStyle$r), children: title }), badge && jsx("span", { className: sx(badgeStyle$1), children: badge }), jsxs("div", { className: sx(toolsStyle), children: [tools, useToggle && (jsx("button", { type: "button", className: sx(toggleBtnStyle), onClick: handleToggle, "aria-expanded": open, children: jsx(ChevronIcon, { direction: open ? 'up' : 'down' }) }))] })] }) })), jsxs("div", { className: cx(sx(bodyWrapperStyle), scrollBody && sx(scrollBodyStyle)), children: [before, jsx("div", { className: cx(sx(bodyStyle$4), sx(bodySizeStyles[size]), !open && sx(hiddenStyle), bodyClassName), children: children }), after] }), footer && (jsx("div", { className: cx(sx(footerStyle$6), !open && sx(hiddenStyle)), children: footer }))] }));
+    return (jsxs("div", { className: cx(sx(moduleStyle), className), children: [title && (jsx("div", { className: cx(sx(headerStyle$u), sx(headerSizeStyles[size]), !open && sx(closedStyle), headerClassName), children: jsxs("div", { className: cx(sx(titleRowStyle$1), sx(titleRowSizeStyles[size]), titleClassName), children: [icon && (jsx("span", { className: cx(sx(iconStyle$1), size !== 'sm' && sx(iconSpacedStyle), iconClassName), children: icon })), jsx("div", { className: sx(titleStyle$r), children: title }), badge && jsx("span", { className: sx(badgeStyle$1), children: badge }), jsxs("div", { className: sx(toolsStyle), children: [tools, useToggle && (jsx("button", { type: "button", className: sx(toggleBtnStyle), onClick: handleToggle, "aria-expanded": open, children: jsx(ChevronIcon, { direction: open ? 'up' : 'down' }) }))] })] }) })), jsxs("div", { className: cx(sx(bodyWrapperStyle), scrollBody && sx(scrollBodyStyle)), children: [before, jsx("div", { className: cx(sx(bodyStyle$5), sx(bodySizeStyles[size]), !open && sx(hiddenStyle), bodyClassName), children: children }), after] }), footer && (jsx("div", { className: cx(sx(footerStyle$6), !open && sx(hiddenStyle)), children: footer }))] }));
 };
 /**
  * Horizontal divider for Module content
@@ -18282,6 +19266,82 @@ const RequestSummary = ({ sections, values, enabledSections = {}, submissionInfo
 };
 RequestSummary.displayName = 'RequestSummary';
 
+/** ResolveIncidentDialog's compiled rules. */
+const bodyStyle$4 = {
+    label: 'ResolveIncidentDialog-bodyStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-4)',
+};
+const fieldsetStyle = {
+    label: 'ResolveIncidentDialog-fieldsetStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-2)',
+    margin: 0,
+    padding: 0,
+    border: 0,
+};
+const legendStyle$1 = {
+    label: 'ResolveIncidentDialog-legendStyle',
+    marginBottom: 'var(--space-2)',
+    padding: 0,
+    color: 'var(--fg-1)',
+    fontSize: 'var(--fs-sm)',
+    fontWeight: 'var(--fw-medium)',
+};
+const noteStyle$2 = {
+    label: 'ResolveIncidentDialog-noteStyle',
+    margin: 0,
+    color: 'var(--fg-2)',
+    fontSize: 'var(--fs-sm)',
+    lineHeight: 'var(--lh-sm)',
+};
+/* Textarea's size ramp pins a single-line height; let `rows` set it instead. */
+const textareaRowsStyle = {
+    label: 'ResolveIncidentDialog-textareaRowsStyle',
+    '& textarea': { height: 'auto' },
+};
+
+/**
+ * Closes an Open Incident, taking it off the Alert Log and into the Archive.
+ * "Resolved" requires a root cause; "Logged in error" needs none. There is no
+ * reopening, so the confirm button says exactly what it does.
+ */
+const ResolveIncidentDialog = ({ isOpen, incidentNumber, accountName, unacknowledgedCount = 0, defaultResolution = 'resolved', onConfirm, onClose, submitting = false, }) => {
+    const id = useId();
+    const formId = `${id}-form`;
+    const [resolution, setResolution] = useState(defaultResolution);
+    const [rootCause, setRootCause] = useState('');
+    const [attempted, setAttempted] = useState(false);
+    const firstRadioRef = useRef(null);
+    const rootCauseRef = useRef(null);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        setResolution(defaultResolution);
+        setRootCause('');
+        setAttempted(false);
+        firstRadioRef.current?.focus();
+    }, [isOpen, defaultResolution]);
+    const rootCauseError = attempted && resolution === 'resolved' && !rootCause.trim() ? 'Enter the root cause.' : undefined;
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        setAttempted(true);
+        if (resolution === 'resolved') {
+            if (!rootCause.trim()) {
+                rootCauseRef.current?.focus();
+                return;
+            }
+            onConfirm({ resolution, rootCause: rootCause.trim() });
+            return;
+        }
+        onConfirm({ resolution });
+    };
+    return (jsx(Modal, { isOpen: isOpen, onClose: onClose, size: "sm", title: incidentNumber ? `Resolve ${incidentNumber}` : 'Resolve incident', subtitle: accountName, footer: jsxs(ModalFooter, { children: [jsx(Button, { type: "button", variant: "secondary", onClick: onClose, "data-test": "resolve-incident-cancel", children: "Cancel" }), jsx(Button, { type: "submit", form: formId, loading: submitting, "data-test": "resolve-incident-confirm", children: resolution === 'resolved' ? 'Resolve incident' : 'Close as logged in error' })] }), children: jsxs("form", { id: formId, className: sx(bodyStyle$4), noValidate: true, onSubmit: handleSubmit, children: [jsxs("fieldset", { className: sx(fieldsetStyle), children: [jsx("legend", { className: sx(legendStyle$1), children: "Outcome" }), jsx(Checkbox, { ref: firstRadioRef, type: "radio", name: `${id}-outcome`, value: "resolved", label: "Resolved", helperText: "The issue was handled. Record the root cause.", checked: resolution === 'resolved', onChange: () => setResolution('resolved'), "data-test": "resolve-incident-resolved" }), jsx(Checkbox, { type: "radio", name: `${id}-outcome`, value: "logged-in-error", label: "Logged in error", helperText: "Duplicate, test or not a real incident. No root cause needed.", checked: resolution === 'logged-in-error', onChange: () => setResolution('logged-in-error'), "data-test": "resolve-incident-logged-in-error" })] }), resolution === 'resolved' && (jsx(Textarea, { id: `${id}-root-cause`, ref: rootCauseRef, label: "Root cause", rows: 3, value: rootCause, onChange: (event) => setRootCause(event.target.value), error: rootCauseError, required: true, fullWidth: true, size: "sm", "data-test": "resolve-incident-root-cause", className: sx(textareaRowsStyle) })), unacknowledgedCount > 0 && (jsxs("p", { className: sx(noteStyle$2), "data-test": "resolve-incident-unacknowledged", children: [unacknowledgedCount === 1 ? '1 Division has' : `${unacknowledgedCount} Divisions have`, " not acknowledged yet. You can still resolve."] }))] }) }));
+};
+ResolveIncidentDialog.displayName = 'ResolveIncidentDialog';
+
 /* RequestFormLayout's compiled rules.
  *
  * The chrome shared by every Hub travel request form. The offsets here are
@@ -29885,7 +30945,7 @@ const TripTable = ({ trips, variant = 'current', density = 'comfortable', vendor
  * `.card:hover .chevron`), so the icon and the chevron are declared first and
  * their generated class names resolved into `cardStyle` as computed keys.
  */
-const pageStyle$t = {
+const pageStyle$u = {
     label: 'AdministrationPage-pageStyle',
     color: 'var(--color-ink)',
 };
@@ -30022,10 +31082,10 @@ const AdministrationPage = ({ activeTab = 'system', enabledTabs = ADMINISTRATION
     const resolvedActiveTab = visibleTabs.some((tab) => tab.key === activeTab)
         ? activeTab
         : visibleTabs[0]?.key;
-    return jsxs("div", { className: cx(sx(pageStyle$t), className), children: [jsx("header", { className: sx(headerStyle$n), children: jsx("h1", { children: "Administration\u00A0" }) }), visibleTabs.length > 0 && (jsx(TabStrip, { className: sx(tabsStyle$5), tabs: visibleTabs.map((tab) => ({ id: tab.key, label: tab.label })), activeTab: resolvedActiveTab, onTabChange: (id) => onTabChange?.(id), "aria-label": "Administration sections" })), children ?? (resolvedActiveTab === 'system' ? (jsx("div", { className: sx(cardsStyle$1), children: resolvedCards.map((card) => (jsxs("button", { type: "button", className: sx(cardStyle$5), onClick: () => onCardClick?.(card), children: [jsx("span", { className: sx(cardIconStyle$1), children: card.icon }), jsxs("span", { className: sx(cardCopyStyle), children: [jsx("span", { className: sx(cardTitleStyle$2), children: card.title }), jsx("span", { className: sx(cardDescriptionStyle$1), children: card.description })] }), jsx(ChevronRightIcon$1, { className: sx(chevronStyle), size: 14 })] }, card.key))) })) : resolvedActiveTab === 'client' ? (jsx("p", { className: sx(comingSoonStyle), children: "Client administration settings coming soon." })) : (jsx("p", { className: sx(comingSoonStyle), "data-test": "administration-empty-tabs", children: "No administration sections are available." })))] });
+    return jsxs("div", { className: cx(sx(pageStyle$u), className), children: [jsx("header", { className: sx(headerStyle$n), children: jsx("h1", { children: "Administration\u00A0" }) }), visibleTabs.length > 0 && (jsx(TabStrip, { className: sx(tabsStyle$5), tabs: visibleTabs.map((tab) => ({ id: tab.key, label: tab.label })), activeTab: resolvedActiveTab, onTabChange: (id) => onTabChange?.(id), "aria-label": "Administration sections" })), children ?? (resolvedActiveTab === 'system' ? (jsx("div", { className: sx(cardsStyle$1), children: resolvedCards.map((card) => (jsxs("button", { type: "button", className: sx(cardStyle$5), onClick: () => onCardClick?.(card), children: [jsx("span", { className: sx(cardIconStyle$1), children: card.icon }), jsxs("span", { className: sx(cardCopyStyle), children: [jsx("span", { className: sx(cardTitleStyle$2), children: card.title }), jsx("span", { className: sx(cardDescriptionStyle$1), children: card.description })] }), jsx(ChevronRightIcon$1, { className: sx(chevronStyle), size: 14 })] }, card.key))) })) : resolvedActiveTab === 'client' ? (jsx("p", { className: sx(comingSoonStyle), children: "Client administration settings coming soon." })) : (jsx("p", { className: sx(comingSoonStyle), "data-test": "administration-empty-tabs", children: "No administration sections are available." })))] });
 };
 
-const pageStyle$s = {
+const pageStyle$t = {
     label: 'AgentGroupTravelRequestsPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -30062,12 +31122,12 @@ const quickLinksStyle = {
 };
 
 /** Hub's agent-facing Group Travel Request screen — the "Book a Trip" quick links plus the open-requests list. */
-const AgentGroupTravelRequestsPage = ({ title = 'Group Travel Request', requests, sports, views, today, isStmEmployee = true, onBackToBookATrip, onSubmitNewRequest, onSubmitAgentRequest, onSearchPastRequests, onShowCdsRequests, onShowActionableItems, onAdministerViews, onOpenRequest, onViewMasterTrip, onDeleteRequest, onCopyPnr, onToggleDueStatus, onSubmittedDateChange, onQuoteSentDateChange, className = '', }) => (jsxs("div", { className: cx(sx(pageStyle$s), className), "data-test": "agent-gtr-page", children: [jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$9), onClick: onBackToBookATrip, children: "Book a Trip" }), jsx("h1", { className: sx(titleStyle$j), children: title }), jsxs("ul", { className: sx(quickLinksStyle), children: [jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onSubmitNewRequest, children: "Submit a new group travel request" }) }), isStmEmployee && (jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onSubmitAgentRequest, children: "Submit a new group travel request (agent use only)" }) })), jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onSearchPastRequests, children: "Search past travel requests/Non-agent-only requests" }) }), isStmEmployee && (jsxs(Fragment, { children: [jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onShowCdsRequests, children: "Show all open CDS group travel requests" }) }), jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onShowActionableItems, children: "Show this week's actionable items" }) }), jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onAdministerViews, children: "Administer your views" }) })] }))] }), jsx(AgentGroupTravelRequestsTable, { requests: requests, sports: sports, views: views, today: today, onOpenRequest: onOpenRequest, onViewMasterTrip: onViewMasterTrip, onDeleteRequest: onDeleteRequest, onCopyPnr: onCopyPnr, onToggleDueStatus: onToggleDueStatus, onSubmittedDateChange: onSubmittedDateChange, onQuoteSentDateChange: onQuoteSentDateChange })] }));
+const AgentGroupTravelRequestsPage = ({ title = 'Group Travel Request', requests, sports, views, today, isStmEmployee = true, onBackToBookATrip, onSubmitNewRequest, onSubmitAgentRequest, onSearchPastRequests, onShowCdsRequests, onShowActionableItems, onAdministerViews, onOpenRequest, onViewMasterTrip, onDeleteRequest, onCopyPnr, onToggleDueStatus, onSubmittedDateChange, onQuoteSentDateChange, className = '', }) => (jsxs("div", { className: cx(sx(pageStyle$t), className), "data-test": "agent-gtr-page", children: [jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$9), onClick: onBackToBookATrip, children: "Book a Trip" }), jsx("h1", { className: sx(titleStyle$j), children: title }), jsxs("ul", { className: sx(quickLinksStyle), children: [jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onSubmitNewRequest, children: "Submit a new group travel request" }) }), isStmEmployee && (jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onSubmitAgentRequest, children: "Submit a new group travel request (agent use only)" }) })), jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onSearchPastRequests, children: "Search past travel requests/Non-agent-only requests" }) }), isStmEmployee && (jsxs(Fragment, { children: [jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onShowCdsRequests, children: "Show all open CDS group travel requests" }) }), jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onShowActionableItems, children: "Show this week's actionable items" }) }), jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onAdministerViews, children: "Administer your views" }) })] }))] }), jsx(AgentGroupTravelRequestsTable, { requests: requests, sports: sports, views: views, today: today, onOpenRequest: onOpenRequest, onViewMasterTrip: onViewMasterTrip, onDeleteRequest: onDeleteRequest, onCopyPnr: onCopyPnr, onToggleDueStatus: onToggleDueStatus, onSubmittedDateChange: onSubmittedDateChange, onQuoteSentDateChange: onQuoteSentDateChange })] }));
 
 /** CarrierProfilePage's compiled rules. A straight translation: the only
  *  overrides are the mobile media query, which is nested into the two styles
  *  it repadded, and an at-rule always outranks the declaration beside it. */
-const pageStyle$r = {
+const pageStyle$s = {
     label: 'CarrierProfilePage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -30096,7 +31156,7 @@ const titleStyle$i = {
     fontWeight: 'var(--fw-semibold)',
     lineHeight: 'var(--lh-2xl)',
 };
-const descriptionStyle$8 = {
+const descriptionStyle$9 = {
     label: 'CarrierProfilePage-descriptionStyle',
     maxWidth: '72ch',
     margin: 0,
@@ -30318,12 +31378,12 @@ const CarrierProfilePage = ({ carrierName, preferences: initialPreferences, cate
                 render: (_value, item) => (jsxs("span", { className: sx(rowActionsStyle), children: [canEditAircraft && (jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Edit ${item.name}`, onClick: () => onEditAircraft?.(item.aircraftId), "data-test": "carrier-aircraft-edit", children: jsx(EditIcon$2, { size: 16 }) })), canDeleteAircraft && (jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Delete ${item.name}`, onClick: () => onDeleteAircraft?.(item.aircraftId), "data-test": "carrier-aircraft-delete", children: jsx(TrashIcon$2, { size: 16 }) }))] })),
             }] : []),
     ];
-    return (jsxs("div", { className: cx(sx(pageStyle$r), className), "data-test": "carrier-profile-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$8), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "carrier-profile-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$m), children: [jsx("h1", { className: sx(titleStyle$i), children: "My Profile" }), jsx("p", { className: sx(descriptionStyle$8), children: "Keep your default bid values, bid contacts, and aircraft up to date \u2014 STM quotes you from exactly what is here." })] }), jsx(Segment, { options: TAB_OPTIONS$2, value: tab, onChange: selectTab, "aria-label": "Profile section", className: sx(tabsStyle$4) }), tab === 'profile' && (jsxs("section", { className: sx(panelStyle$1), "aria-label": "Preferences", children: [jsx("h2", { className: sx(sectionTitleStyle$7), children: "Preferences" }), jsx("p", { className: sx(sectionCopyStyle$1), children: "These values pre-fill every bid response form, so you only change them when a bid differs from your norm." }), jsxs("div", { className: sx(formStyle$2), children: [jsx(Input, { id: "carrier-available-seats", type: "number", label: "# of Available Seats", value: preferences.availableSeats, disabled: !canSavePreferences, onChange: (event) => updatePreference('availableSeats', event.target.value), "data-test": "carrier-available-seats" }), jsx(Input, { id: "carrier-max-payload", type: "number", label: "Max Payload (lbs)", value: preferences.maxPayload, disabled: !canSavePreferences, onChange: (event) => updatePreference('maxPayload', event.target.value), "data-test": "carrier-max-payload" }), jsx(Input, { id: "carrier-fuel-base", label: "Fuel Base ($)", inputMode: "decimal", value: preferences.fuelBase, disabled: !canSavePreferences, onChange: (event) => updatePreference('fuelBase', event.target.value), "data-test": "carrier-fuel-base" }), jsx(Select, { id: "carrier-catering", label: "Catering Options Included", placeholder: "Select a catering option", options: cateringOptions.map((option) => ({ value: option, label: option })), value: preferences.cateringOptions, disabled: !canSavePreferences, onChange: (event) => updatePreference('cateringOptions', event.target.value), "data-test": "carrier-catering" })] }), canSavePreferences && (jsx(Button, { className: sx(saveStyle), onClick: () => onSavePreferences?.(preferences), "data-test": "carrier-save-preferences", children: "Save" }))] })), tab === 'contacts' && (jsxs("section", { className: sx(panelStyle$1), "aria-label": "Contacts", children: [jsxs("h2", { className: sx(sectionTitleStyle$7), children: [carrierName, " contacts"] }), jsx(Table, { columns: contactColumns, data: contacts, rowKey: "contactId", emptyContent: jsx(EmptyState$1, { size: "sm", title: "No contacts currently exist.", description: "Add at least one bid contact so STM knows who to email about new opportunities." }) }), canAddContact && (jsxs(Fragment, { children: [jsx("h3", { className: sx(subTitleStyle), children: "Add a contact" }), jsxs("div", { className: sx(formStyle$2), children: [jsx(Input, { id: "carrier-contact-name", label: "Name", maxLength: 50, required: true, value: newContact.name, error: contactErrors.name, onChange: (event) => setNewContact({ ...newContact, name: event.target.value }), "data-test": "carrier-contact-name" }), jsx(Select, { id: "carrier-contact-type", label: "Contact type", options: contactTypes.map((type) => ({ value: type, label: type })), value: newContact.contactType, onChange: (event) => setNewContact({ ...newContact, contactType: event.target.value }), "data-test": "carrier-contact-type" }), jsx(Input, { id: "carrier-contact-phone", label: "Work phone", maxLength: 20, required: true, value: newContact.workPhone, error: contactErrors.workPhone, onChange: (event) => setNewContact({ ...newContact, workPhone: event.target.value }), "data-test": "carrier-contact-phone" }), jsx(Input, { id: "carrier-contact-email", type: "email", label: "Email address", maxLength: 255, required: true, value: newContact.email, error: contactErrors.email, onChange: (event) => setNewContact({ ...newContact, email: event.target.value }), "data-test": "carrier-contact-email" })] }), jsx(Checkbox, { label: "Contact for new bids", helperText: "New bid opportunities are emailed to every contact with this checked.", checked: newContact.bidContact, onChange: (event) => setNewContact({ ...newContact, bidContact: event.target.checked }), "data-test": "carrier-contact-bid-contact" }), jsx(Button, { className: sx(saveStyle), onClick: submitContact, "data-test": "carrier-contact-submit", children: "Add contact" })] }))] })), tab === 'aircraft' && (jsxs("section", { className: sx(panelStyle$1), "aria-label": "Aircraft", children: [jsx("h2", { className: sx(sectionTitleStyle$7), children: "Aircraft and seat maps" }), jsx("p", { className: sx(sectionCopyStyle$1), children: "Only aircraft listed here can be offered on a bid, and their seat counts and payloads pre-fill the bid response form." }), jsx(Table, { columns: aircraftColumns, data: aircraft, rowKey: "aircraftId", emptyContent: jsx(EmptyState$1, { size: "sm", title: "No aircraft on file", description: "Add the airframes you operate so they appear in the Aircraft Type picker when you bid." }) })] }))] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$s), className), "data-test": "carrier-profile-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$8), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "carrier-profile-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$m), children: [jsx("h1", { className: sx(titleStyle$i), children: "My Profile" }), jsx("p", { className: sx(descriptionStyle$9), children: "Keep your default bid values, bid contacts, and aircraft up to date \u2014 STM quotes you from exactly what is here." })] }), jsx(Segment, { options: TAB_OPTIONS$2, value: tab, onChange: selectTab, "aria-label": "Profile section", className: sx(tabsStyle$4) }), tab === 'profile' && (jsxs("section", { className: sx(panelStyle$1), "aria-label": "Preferences", children: [jsx("h2", { className: sx(sectionTitleStyle$7), children: "Preferences" }), jsx("p", { className: sx(sectionCopyStyle$1), children: "These values pre-fill every bid response form, so you only change them when a bid differs from your norm." }), jsxs("div", { className: sx(formStyle$2), children: [jsx(Input, { id: "carrier-available-seats", type: "number", label: "# of Available Seats", value: preferences.availableSeats, disabled: !canSavePreferences, onChange: (event) => updatePreference('availableSeats', event.target.value), "data-test": "carrier-available-seats" }), jsx(Input, { id: "carrier-max-payload", type: "number", label: "Max Payload (lbs)", value: preferences.maxPayload, disabled: !canSavePreferences, onChange: (event) => updatePreference('maxPayload', event.target.value), "data-test": "carrier-max-payload" }), jsx(Input, { id: "carrier-fuel-base", label: "Fuel Base ($)", inputMode: "decimal", value: preferences.fuelBase, disabled: !canSavePreferences, onChange: (event) => updatePreference('fuelBase', event.target.value), "data-test": "carrier-fuel-base" }), jsx(Select, { id: "carrier-catering", label: "Catering Options Included", placeholder: "Select a catering option", options: cateringOptions.map((option) => ({ value: option, label: option })), value: preferences.cateringOptions, disabled: !canSavePreferences, onChange: (event) => updatePreference('cateringOptions', event.target.value), "data-test": "carrier-catering" })] }), canSavePreferences && (jsx(Button, { className: sx(saveStyle), onClick: () => onSavePreferences?.(preferences), "data-test": "carrier-save-preferences", children: "Save" }))] })), tab === 'contacts' && (jsxs("section", { className: sx(panelStyle$1), "aria-label": "Contacts", children: [jsxs("h2", { className: sx(sectionTitleStyle$7), children: [carrierName, " contacts"] }), jsx(Table, { columns: contactColumns, data: contacts, rowKey: "contactId", emptyContent: jsx(EmptyState$1, { size: "sm", title: "No contacts currently exist.", description: "Add at least one bid contact so STM knows who to email about new opportunities." }) }), canAddContact && (jsxs(Fragment, { children: [jsx("h3", { className: sx(subTitleStyle), children: "Add a contact" }), jsxs("div", { className: sx(formStyle$2), children: [jsx(Input, { id: "carrier-contact-name", label: "Name", maxLength: 50, required: true, value: newContact.name, error: contactErrors.name, onChange: (event) => setNewContact({ ...newContact, name: event.target.value }), "data-test": "carrier-contact-name" }), jsx(Select, { id: "carrier-contact-type", label: "Contact type", options: contactTypes.map((type) => ({ value: type, label: type })), value: newContact.contactType, onChange: (event) => setNewContact({ ...newContact, contactType: event.target.value }), "data-test": "carrier-contact-type" }), jsx(Input, { id: "carrier-contact-phone", label: "Work phone", maxLength: 20, required: true, value: newContact.workPhone, error: contactErrors.workPhone, onChange: (event) => setNewContact({ ...newContact, workPhone: event.target.value }), "data-test": "carrier-contact-phone" }), jsx(Input, { id: "carrier-contact-email", type: "email", label: "Email address", maxLength: 255, required: true, value: newContact.email, error: contactErrors.email, onChange: (event) => setNewContact({ ...newContact, email: event.target.value }), "data-test": "carrier-contact-email" })] }), jsx(Checkbox, { label: "Contact for new bids", helperText: "New bid opportunities are emailed to every contact with this checked.", checked: newContact.bidContact, onChange: (event) => setNewContact({ ...newContact, bidContact: event.target.checked }), "data-test": "carrier-contact-bid-contact" }), jsx(Button, { className: sx(saveStyle), onClick: submitContact, "data-test": "carrier-contact-submit", children: "Add contact" })] }))] })), tab === 'aircraft' && (jsxs("section", { className: sx(panelStyle$1), "aria-label": "Aircraft", children: [jsx("h2", { className: sx(sectionTitleStyle$7), children: "Aircraft and seat maps" }), jsx("p", { className: sx(sectionCopyStyle$1), children: "Only aircraft listed here can be offered on a bid, and their seat counts and payloads pre-fill the bid response form." }), jsx(Table, { columns: aircraftColumns, data: aircraft, rowKey: "aircraftId", emptyContent: jsx(EmptyState$1, { size: "sm", title: "No aircraft on file", description: "Add the airframes you operate so they appear in the Aircraft Type picker when you bid." }) })] }))] }));
 };
 CarrierProfilePage.displayName = 'CarrierProfilePage';
 
 /** ChampionshipBidDetailPage's compiled rules. */
-const pageStyle$q = {
+const pageStyle$r = {
     label: 'ChampionshipBidDetailPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -30478,7 +31538,7 @@ const ChampionshipBidDetailPage = ({ bid, loading = false, backLabel = 'NCAA Cha
     const currency = useMemo(() => new Intl.NumberFormat(locale, { style: 'currency', currency: 'USD' }), [locale]);
     const numbers = useMemo(() => new Intl.NumberFormat(locale), [locale]);
     const status = bid ? detailStatus(bid) : undefined;
-    return (jsxs("div", { className: cx(sx(pageStyle$q), className), "data-test": "championship-bid-detail-page", children: [onBack && (jsx(Button, { type: "button", variant: "ghost", size: "sm", className: sx(breadcrumbStyle$7), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "championship-bid-detail-back", children: backLabel })), loading ? (jsxs("div", { className: sx(loadingStyle), "data-test": "championship-bid-detail-loading", children: [jsx(Spinner, { size: "lg", label: "Loading championship bid detail" }), jsx("p", { children: "Loading championship bid detail\u2026" })] })) : bid && status ? (jsxs(Fragment, { children: [jsxs("header", { className: sx(headerStyle$l), children: [jsxs("div", { children: [jsxs("span", { className: sx(eyebrowStyle$6), children: ["NCAA Championship bid \u00B7 ", bid.bidId] }), jsx("h1", { className: sx(titleStyle$h), children: bid.bidName })] }), jsx("span", { "data-test": "championship-bid-detail-status", children: jsx(StatusBadge, { status: status.status, label: status.label }) })] }), jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-details-heading", children: [jsx("h2", { id: "championship-bid-details-heading", children: "Bid details" }), jsxs("dl", { className: sx(factsStyle$4), children: [jsxs("div", { children: [jsx("dt", { children: "Aircraft" }), jsx("dd", { children: bid.aircraftName || 'Not provided' })] }), jsxs("div", { children: [jsx("dt", { children: "Seats" }), jsx("dd", { children: bid.seats === undefined ? 'Not provided' : numbers.format(bid.seats) })] }), jsxs("div", { className: sx(totalFactStyle$1), children: [jsx("dt", { children: "Total cost" }), jsx("dd", { "data-test": "championship-bid-detail-total", children: bid.totalCost === undefined ? 'Not provided' : currency.format(bid.totalCost) })] }), jsxs("div", { children: [jsx("dt", { children: "Cities" }), jsx("dd", { children: bid.cities || 'Not provided' })] })] })] }), jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-notes-heading", children: [jsx("h2", { id: "championship-bid-notes-heading", children: "Carrier notes" }), jsxs("div", { className: sx(notesGridStyle), children: [jsxs("div", { children: [jsx("h3", { children: "Restrictions" }), jsx("p", { children: bid.restrictions || 'No restrictions provided.' })] }), jsxs("div", { children: [jsx("h3", { children: "Comments" }), jsx("p", { children: bid.comments || 'No comments provided.' })] })] })] }), jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-contract-heading", children: [jsx("h2", { id: "championship-bid-contract-heading", children: "Contract" }), jsxs("div", { className: sx(contractStyle), "data-test": "championship-bid-detail-contract", children: [jsx(DocumentIcon, { size: 20, "aria-hidden": "true" }), jsx("span", { children: bid.contractFileName || 'No contract on file' })] })] })] })) : (jsx("div", { "data-test": "championship-bid-detail-empty", children: jsx(EmptyState$1, { title: "Championship bid detail unavailable", description: "Return to the championship queue and select an available opportunity.", icon: jsx(DocumentIcon, { size: 30 }) }) }))] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$r), className), "data-test": "championship-bid-detail-page", children: [onBack && (jsx(Button, { type: "button", variant: "ghost", size: "sm", className: sx(breadcrumbStyle$7), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "championship-bid-detail-back", children: backLabel })), loading ? (jsxs("div", { className: sx(loadingStyle), "data-test": "championship-bid-detail-loading", children: [jsx(Spinner, { size: "lg", label: "Loading championship bid detail" }), jsx("p", { children: "Loading championship bid detail\u2026" })] })) : bid && status ? (jsxs(Fragment, { children: [jsxs("header", { className: sx(headerStyle$l), children: [jsxs("div", { children: [jsxs("span", { className: sx(eyebrowStyle$6), children: ["NCAA Championship bid \u00B7 ", bid.bidId] }), jsx("h1", { className: sx(titleStyle$h), children: bid.bidName })] }), jsx("span", { "data-test": "championship-bid-detail-status", children: jsx(StatusBadge, { status: status.status, label: status.label }) })] }), jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-details-heading", children: [jsx("h2", { id: "championship-bid-details-heading", children: "Bid details" }), jsxs("dl", { className: sx(factsStyle$4), children: [jsxs("div", { children: [jsx("dt", { children: "Aircraft" }), jsx("dd", { children: bid.aircraftName || 'Not provided' })] }), jsxs("div", { children: [jsx("dt", { children: "Seats" }), jsx("dd", { children: bid.seats === undefined ? 'Not provided' : numbers.format(bid.seats) })] }), jsxs("div", { className: sx(totalFactStyle$1), children: [jsx("dt", { children: "Total cost" }), jsx("dd", { "data-test": "championship-bid-detail-total", children: bid.totalCost === undefined ? 'Not provided' : currency.format(bid.totalCost) })] }), jsxs("div", { children: [jsx("dt", { children: "Cities" }), jsx("dd", { children: bid.cities || 'Not provided' })] })] })] }), jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-notes-heading", children: [jsx("h2", { id: "championship-bid-notes-heading", children: "Carrier notes" }), jsxs("div", { className: sx(notesGridStyle), children: [jsxs("div", { children: [jsx("h3", { children: "Restrictions" }), jsx("p", { children: bid.restrictions || 'No restrictions provided.' })] }), jsxs("div", { children: [jsx("h3", { children: "Comments" }), jsx("p", { children: bid.comments || 'No comments provided.' })] })] })] }), jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-contract-heading", children: [jsx("h2", { id: "championship-bid-contract-heading", children: "Contract" }), jsxs("div", { className: sx(contractStyle), "data-test": "championship-bid-detail-contract", children: [jsx(DocumentIcon, { size: 20, "aria-hidden": "true" }), jsx("span", { children: bid.contractFileName || 'No contract on file' })] })] })] })) : (jsx("div", { "data-test": "championship-bid-detail-empty", children: jsx(EmptyState$1, { title: "Championship bid detail unavailable", description: "Return to the championship queue and select an available opportunity.", icon: jsx(DocumentIcon, { size: 30 }) }) }))] }));
 };
 ChampionshipBidDetailPage.displayName = 'ChampionshipBidDetailPage';
 
@@ -30490,7 +31550,7 @@ ChampionshipBidDetailPage.displayName = 'ChampionshipBidDetailPage';
  * declaration block in the sheet; they are separate elements, so each keeps its
  * own object.
  */
-const pageStyle$p = {
+const pageStyle$q = {
     label: 'ChampionshipBidsPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -30519,7 +31579,7 @@ const titleStyle$g = {
     fontWeight: 'var(--fw-semibold)',
     lineHeight: 'var(--lh-2xl)',
 };
-const descriptionStyle$7 = {
+const descriptionStyle$8 = {
     label: 'ChampionshipBidsPage-descriptionStyle',
     maxWidth: '72ch',
     margin: 0,
@@ -30689,7 +31749,7 @@ const ChampionshipBidsPage = ({ bids, bidType: controlledBidType, defaultBidType
             render: (_value, bid) => onOpenBid ? (jsx(Button, { variant: "outline", size: "sm", onClick: () => onOpenBid(bid.bidId), "data-test": "championship-rebid", children: "Bid anyway" })) : jsx("span", { className: sx(mutedStyle), children: "\u2014" }),
         });
     }
-    return (jsxs("div", { className: cx(sx(pageStyle$p), className), "data-test": "championship-bids-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$6), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "championship-bids-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$k), children: [jsx("h1", { className: sx(titleStyle$g), children: CHAMPIONSHIP_HEADINGS[bidType] }), jsx("p", { className: sx(descriptionStyle$7), children: "NCAA championship charter opportunities released to you. Award confirmations and signed contracts live in the Awarded queue." })] }), jsx(Segment, { options: TAB_OPTIONS$1, value: bidType, onChange: selectBidType, "aria-label": "Championship bid queue", className: sx(tabsStyle$3) }), jsx(Table, { columns: columns, data: pageBids, rowKey: "bidId", loading: loading, emptyContent: jsx(EmptyState$1, { size: "sm", title: "No such bids currently exist.", description: "Championship opportunities appear here as soon as the NCAA releases them to your carrier." }) }), jsx(Pagination, { page: currentPage, pageSize: pageSize, totalItems: bids.length, itemLabel: "bids", ariaLabel: "Championship bids pagination", onPageChange: setPage, onPageSizeChange: (nextSize) => {
+    return (jsxs("div", { className: cx(sx(pageStyle$q), className), "data-test": "championship-bids-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$6), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "championship-bids-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$k), children: [jsx("h1", { className: sx(titleStyle$g), children: CHAMPIONSHIP_HEADINGS[bidType] }), jsx("p", { className: sx(descriptionStyle$8), children: "NCAA championship charter opportunities released to you. Award confirmations and signed contracts live in the Awarded queue." })] }), jsx(Segment, { options: TAB_OPTIONS$1, value: bidType, onChange: selectBidType, "aria-label": "Championship bid queue", className: sx(tabsStyle$3) }), jsx(Table, { columns: columns, data: pageBids, rowKey: "bidId", loading: loading, emptyContent: jsx(EmptyState$1, { size: "sm", title: "No such bids currently exist.", description: "Championship opportunities appear here as soon as the NCAA releases them to your carrier." }) }), jsx(Pagination, { page: currentPage, pageSize: pageSize, totalItems: bids.length, itemLabel: "bids", ariaLabel: "Championship bids pagination", onPageChange: setPage, onPageSizeChange: (nextSize) => {
                     setPageSize(nextSize);
                     setPage(1);
                 } })] }));
@@ -30704,7 +31764,7 @@ ChampionshipBidsPage.displayName = 'ChampionshipBidsPage';
  * eye on is `.breadcrumb`'s `!important`, which overrides the Breadcrumb
  * component's own padding and has to survive the move verbatim.
  */
-const pageStyle$o = {
+const pageStyle$p = {
     label: 'CharterBidResponsePage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -30852,12 +31912,12 @@ const CharterBidResponsePage = ({ program, trips, accountName, tripLevel = true,
     const blockedReason = noBid || pricedInputs
         ? undefined
         : 'Price the trip with the calculator before submitting, or tick “No Bid” to decline.';
-    return (jsxs("div", { className: cx(sx(pageStyle$o), className), "data-test": "charter-bid-response-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$5), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charter-bid-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$j), children: [jsx("span", { className: sx(eyebrowStyle$5), children: "Bid response" }), jsx("h1", { className: sx(titleStyle$f), children: tripLevel ? trips[0]?.tripName : program.bidName })] }), jsxs("section", { className: sx(summaryStyle$3), "aria-label": "Team overview", children: [jsx("h2", { className: sx(sectionTitleStyle$6), children: "Team Overview" }), jsxs("dl", { className: sx(factsStyle$3), children: [jsxs("div", { children: [jsx("dt", { children: "Team" }), jsx("dd", { children: accountName })] }), jsxs("div", { children: [jsx("dt", { children: "Sport" }), jsx("dd", { children: program.sport })] }), jsxs("div", { children: [jsx("dt", { children: "Season" }), jsx("dd", { children: program.season })] }), jsxs("div", { children: [jsx("dt", { children: "Year" }), jsx("dd", { children: program.year })] }), jsxs("div", { children: [jsx("dt", { children: "Due Date" }), jsx("dd", { children: formatDate$3(program.dueDate, locale) })] })] })] }), trips.map((trip, index) => (jsxs("section", { className: sx(summaryStyle$3), "aria-label": `Trip ${index + 1}`, children: [jsxs("h2", { className: sx(sectionTitleStyle$6), children: ["Trip ", index + 1] }), jsxs("p", { className: sx(tripMetaStyle), children: [jsxs("span", { children: [jsx("strong", { children: "Bid Type:" }), " ", trip.bidType] }), acmiCarrier && requestedCarrier && (jsxs("span", { "data-test": "charter-bid-requested-carrier", children: [jsx("strong", { children: "Requested Carrier:" }), " ", requestedCarrier] }))] }), jsxs("dl", { className: sx(factsStyle$3), children: [jsxs("div", { children: [jsx("dt", { children: "Depart Date" }), jsx("dd", { children: formatDate$3(trip.departureDate, locale) })] }), jsxs("div", { children: [jsx("dt", { children: "Travel Party Size" }), jsx("dd", { children: trip.travelPartySize })] }), jsxs("div", { children: [jsx("dt", { children: "Route" }), jsx("dd", { children: trip.route })] }), jsxs("div", { children: [jsx("dt", { children: "Expires" }), jsx("dd", { children: formatDate$3(trip.expirationDate, locale) })] })] })] }, trip.tripGuid))), jsxs("section", { className: sx(calculatorStyle), "aria-label": "ACMI calculator", children: [jsxs("div", { className: sx(calculatorHeaderStyle), children: [jsx("h2", { className: sx(sectionTitleStyle$6), children: "Price this trip" }), jsx("p", { className: sx(sectionCopyStyle), children: "Every bid is priced here, so the total you submit is always built from the same carrier, aircraft, fuel, and leg inputs." })] }), noBid ? (jsx(Alert, { variant: "warning", title: "You are declining this opportunity", children: "Pricing is switched off while \u201CNo Bid\u201D is ticked. Untick it to build a quote instead." })) : (jsx(AcmiQuoteCalculator, { defaultInputs: defaultInputs, result: acmiResult, onCalculate: handleCalculate, locale: locale }))] }), jsxs("div", { className: sx(submitBarStyle), children: [jsx(Checkbox, { label: "No Bid Submitted for this Request", helperText: "Declines the opportunity. Pricing is switched off and nothing is quoted.", checked: noBid, onChange: (event) => setNoBid(event.target.checked), "data-test": "charter-bid-no-bid" }), jsx(Button, { fullWidth: true, loading: submitting, disabled: Boolean(blockedReason), onClick: () => onSubmitBid?.({ inputs: noBid ? null : pricedInputs, noBid }), "data-test": "charter-bid-submit", children: noBid ? 'Submit No Bid' : 'Submit Bid' }), blockedReason && (jsx("p", { className: sx(blockedReasonStyle$1), "data-test": "charter-bid-blocked-reason", children: blockedReason }))] })] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$p), className), "data-test": "charter-bid-response-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$5), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charter-bid-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$j), children: [jsx("span", { className: sx(eyebrowStyle$5), children: "Bid response" }), jsx("h1", { className: sx(titleStyle$f), children: tripLevel ? trips[0]?.tripName : program.bidName })] }), jsxs("section", { className: sx(summaryStyle$3), "aria-label": "Team overview", children: [jsx("h2", { className: sx(sectionTitleStyle$6), children: "Team Overview" }), jsxs("dl", { className: sx(factsStyle$3), children: [jsxs("div", { children: [jsx("dt", { children: "Team" }), jsx("dd", { children: accountName })] }), jsxs("div", { children: [jsx("dt", { children: "Sport" }), jsx("dd", { children: program.sport })] }), jsxs("div", { children: [jsx("dt", { children: "Season" }), jsx("dd", { children: program.season })] }), jsxs("div", { children: [jsx("dt", { children: "Year" }), jsx("dd", { children: program.year })] }), jsxs("div", { children: [jsx("dt", { children: "Due Date" }), jsx("dd", { children: formatDate$3(program.dueDate, locale) })] })] })] }), trips.map((trip, index) => (jsxs("section", { className: sx(summaryStyle$3), "aria-label": `Trip ${index + 1}`, children: [jsxs("h2", { className: sx(sectionTitleStyle$6), children: ["Trip ", index + 1] }), jsxs("p", { className: sx(tripMetaStyle), children: [jsxs("span", { children: [jsx("strong", { children: "Bid Type:" }), " ", trip.bidType] }), acmiCarrier && requestedCarrier && (jsxs("span", { "data-test": "charter-bid-requested-carrier", children: [jsx("strong", { children: "Requested Carrier:" }), " ", requestedCarrier] }))] }), jsxs("dl", { className: sx(factsStyle$3), children: [jsxs("div", { children: [jsx("dt", { children: "Depart Date" }), jsx("dd", { children: formatDate$3(trip.departureDate, locale) })] }), jsxs("div", { children: [jsx("dt", { children: "Travel Party Size" }), jsx("dd", { children: trip.travelPartySize })] }), jsxs("div", { children: [jsx("dt", { children: "Route" }), jsx("dd", { children: trip.route })] }), jsxs("div", { children: [jsx("dt", { children: "Expires" }), jsx("dd", { children: formatDate$3(trip.expirationDate, locale) })] })] })] }, trip.tripGuid))), jsxs("section", { className: sx(calculatorStyle), "aria-label": "ACMI calculator", children: [jsxs("div", { className: sx(calculatorHeaderStyle), children: [jsx("h2", { className: sx(sectionTitleStyle$6), children: "Price this trip" }), jsx("p", { className: sx(sectionCopyStyle), children: "Every bid is priced here, so the total you submit is always built from the same carrier, aircraft, fuel, and leg inputs." })] }), noBid ? (jsx(Alert, { variant: "warning", title: "You are declining this opportunity", children: "Pricing is switched off while \u201CNo Bid\u201D is ticked. Untick it to build a quote instead." })) : (jsx(AcmiQuoteCalculator, { defaultInputs: defaultInputs, result: acmiResult, onCalculate: handleCalculate, locale: locale }))] }), jsxs("div", { className: sx(submitBarStyle), children: [jsx(Checkbox, { label: "No Bid Submitted for this Request", helperText: "Declines the opportunity. Pricing is switched off and nothing is quoted.", checked: noBid, onChange: (event) => setNoBid(event.target.checked), "data-test": "charter-bid-no-bid" }), jsx(Button, { fullWidth: true, loading: submitting, disabled: Boolean(blockedReason), onClick: () => onSubmitBid?.({ inputs: noBid ? null : pricedInputs, noBid }), "data-test": "charter-bid-submit", children: noBid ? 'Submit No Bid' : 'Submit Bid' }), blockedReason && (jsx("p", { className: sx(blockedReasonStyle$1), "data-test": "charter-bid-blocked-reason", children: blockedReason }))] })] }));
 };
 CharterBidResponsePage.displayName = 'CharterBidResponsePage';
 
 /** CharterBidViewPage's compiled rules. */
-const pageStyle$n = {
+const pageStyle$o = {
     label: 'CharterBidViewPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -31041,7 +32101,7 @@ const SUBMISSION_LABELS = {
 const CharterBidViewPage = ({ program, trip, bids = [], processingSubmission, onRefresh, backLabel = 'Regular Season Bids', onBack, locale = 'en-US', className = '', }) => {
     const currency = useMemo(() => new Intl.NumberFormat(locale, { style: 'currency', currency: 'USD' }), [locale]);
     const numbers = useMemo(() => new Intl.NumberFormat(locale), [locale]);
-    return (jsxs("div", { className: cx(sx(pageStyle$n), className), "data-test": "charter-bid-view-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$4), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charter-bid-view-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$i), children: [jsx("span", { className: sx(eyebrowStyle$4), children: "Bid response" }), jsx("h1", { className: sx(titleStyle$e), children: trip ? trip.tripName : program.bidName }), jsxs("p", { className: sx(subtitleStyle$4), children: [program.team, " \u00B7 ", program.sport, " \u00B7 ", program.season, " ", program.year] })] }), bids.length > 0 && (jsx("ol", { className: sx(bidsStyle), children: bids.map((bid, index) => (jsxs("li", { className: sx(bidStyle), "data-test": "charter-submitted-bid", children: [jsxs("div", { className: sx(bidHeaderStyle), children: [jsxs("h2", { className: sx(bidTitleStyle), children: ["Bid ", index + 1] }), jsx(StatusBadge, { status: "submitted" })] }), jsxs("dl", { className: sx(factsStyle$2), children: [jsxs("div", { children: [jsx("dt", { children: "Seats" }), jsx("dd", { children: bid.seats })] }), jsxs("div", { children: [jsx("dt", { children: "Max Payload (lbs)" }), jsx("dd", { children: numbers.format(bid.maxPayloadLbs) })] }), jsxs("div", { children: [jsx("dt", { children: "Fuel Base ($)" }), jsx("dd", { children: currency.format(bid.fuelBasePrice) })] }), jsxs("div", { className: sx(totalFactStyle), children: [jsx("dt", { children: "Total Cost ($)" }), jsx("dd", { "data-test": "charter-bid-total", children: currency.format(bid.totalCost) })] }), jsxs("div", { children: [jsx("dt", { children: "Catering Options" }), jsx("dd", { children: bid.cateringAvailable })] })] }), bid.notesFromOperator && bid.notesFromOperator.length > 0 && (jsxs("div", { className: sx(notesStyle), children: [jsx("h3", { className: sx(notesTitleStyle), children: "Notes from Operator" }), jsx("ul", { className: sx(notesListStyle), "data-test": "charter-bid-notes", children: bid.notesFromOperator.map((note) => (jsx("li", { children: note }, note))) })] }))] }, bid.id))) })), bids.length === 0 && processingSubmission && (jsxs("div", { className: sx(processingStyle), "data-test": "charter-bid-processing", children: [jsx(Spinner, { size: "lg", label: "Parsing your submission" }), jsx("h2", { className: sx(processingTitleStyle), children: "We are still reading your bid" }), jsxs("p", { className: sx(processingCopyStyle), children: ["Your ", SUBMISSION_LABELS[processingSubmission], " arrived and is being parsed into a quote. This normally takes a couple of minutes \u2014 nothing is lost while it runs, and you do not need to submit it again."] }), onRefresh && (jsx(Button, { variant: "outline", size: "sm", onClick: onRefresh, "data-test": "charter-bid-refresh", children: "Check again" }))] })), bids.length === 0 && !processingSubmission && (jsx(EmptyState$1, { title: "No bid submitted for this opportunity.", description: "Nothing has been received against this trip yet. Submit a bid from the Open queue while it is still live." }))] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$o), className), "data-test": "charter-bid-view-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$4), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charter-bid-view-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$i), children: [jsx("span", { className: sx(eyebrowStyle$4), children: "Bid response" }), jsx("h1", { className: sx(titleStyle$e), children: trip ? trip.tripName : program.bidName }), jsxs("p", { className: sx(subtitleStyle$4), children: [program.team, " \u00B7 ", program.sport, " \u00B7 ", program.season, " ", program.year] })] }), bids.length > 0 && (jsx("ol", { className: sx(bidsStyle), children: bids.map((bid, index) => (jsxs("li", { className: sx(bidStyle), "data-test": "charter-submitted-bid", children: [jsxs("div", { className: sx(bidHeaderStyle), children: [jsxs("h2", { className: sx(bidTitleStyle), children: ["Bid ", index + 1] }), jsx(StatusBadge, { status: "submitted" })] }), jsxs("dl", { className: sx(factsStyle$2), children: [jsxs("div", { children: [jsx("dt", { children: "Seats" }), jsx("dd", { children: bid.seats })] }), jsxs("div", { children: [jsx("dt", { children: "Max Payload (lbs)" }), jsx("dd", { children: numbers.format(bid.maxPayloadLbs) })] }), jsxs("div", { children: [jsx("dt", { children: "Fuel Base ($)" }), jsx("dd", { children: currency.format(bid.fuelBasePrice) })] }), jsxs("div", { className: sx(totalFactStyle), children: [jsx("dt", { children: "Total Cost ($)" }), jsx("dd", { "data-test": "charter-bid-total", children: currency.format(bid.totalCost) })] }), jsxs("div", { children: [jsx("dt", { children: "Catering Options" }), jsx("dd", { children: bid.cateringAvailable })] })] }), bid.notesFromOperator && bid.notesFromOperator.length > 0 && (jsxs("div", { className: sx(notesStyle), children: [jsx("h3", { className: sx(notesTitleStyle), children: "Notes from Operator" }), jsx("ul", { className: sx(notesListStyle), "data-test": "charter-bid-notes", children: bid.notesFromOperator.map((note) => (jsx("li", { children: note }, note))) })] }))] }, bid.id))) })), bids.length === 0 && processingSubmission && (jsxs("div", { className: sx(processingStyle), "data-test": "charter-bid-processing", children: [jsx(Spinner, { size: "lg", label: "Parsing your submission" }), jsx("h2", { className: sx(processingTitleStyle), children: "We are still reading your bid" }), jsxs("p", { className: sx(processingCopyStyle), children: ["Your ", SUBMISSION_LABELS[processingSubmission], " arrived and is being parsed into a quote. This normally takes a couple of minutes \u2014 nothing is lost while it runs, and you do not need to submit it again."] }), onRefresh && (jsx(Button, { variant: "outline", size: "sm", onClick: onRefresh, "data-test": "charter-bid-refresh", children: "Check again" }))] })), bids.length === 0 && !processingSubmission && (jsx(EmptyState$1, { title: "No bid submitted for this opportunity.", description: "Nothing has been received against this trip yet. Submit a bid from the Open queue while it is still live." }))] }));
 };
 CharterBidViewPage.displayName = 'CharterBidViewPage';
 
@@ -31054,7 +32114,7 @@ CharterBidViewPage.displayName = 'CharterBidViewPage';
  * members here, with the group's declarations first and the member's own after,
  * so the last value still wins.
  */
-const pageStyle$m = {
+const pageStyle$n = {
     label: 'CharterManifestPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -31474,7 +32534,7 @@ const CharterManifestPage = ({ tripName, travelStartDate, travelEndDate, seats,
         }
         return a.lastName.localeCompare(b.lastName);
     }), [passengers, sort]);
-    return (jsxs("div", { className: cx(sx(pageStyle$m), className), "data-screen-label": "Charter Trip Manifest", children: [jsxs("header", { className: sx(headerStyle$h), children: [jsxs("div", { className: sx(headerRowStyle$1), children: [jsx("button", { type: "button", "aria-label": "Back", className: sx(backStyle), onClick: onBack, children: jsx(ChevronLeftIcon, { size: 28 }) }), jsxs("h1", { children: [jsx("strong", { children: "Manifest" }), jsx(ChevronRightIcon$1, { size: 24 }), jsx("span", { children: tripName })] }), jsxs("div", { className: sx(headerActionsStyle), children: [jsx(StatusPill, { sendState: sendState, locked: locked }), jsx(Button, { variant: "outline", leftIcon: jsx(DocumentIcon, { size: 16 }), disabled: carrierName === 'No carrier selected', onClick: onGenerateFile, children: "Generate File" })] })] }), (travelStartDate || travelEndDate) && (jsxs("div", { className: sx(dateRowStyle), children: [jsx("span", { children: formatDate$2(travelStartDate) }), jsx("span", { className: sx(dateLineStyle), children: "\u25B6" }), jsx("span", { children: formatDate$2(travelEndDate) })] })), jsxs("div", { className: sx(metaRowStyle), children: [jsxs("span", { children: [jsx(PlaneIcon$3, { size: 16 }), seats, " seats"] }), jsxs("span", { children: [jsx(CubeIcon, { size: 16 }), "Payload limit ", payloadLimit.toLocaleString(), " lb"] })] })] }), jsxs("div", { className: sx(layoutStyle), children: [jsxs("aside", { className: sx(railStyle), children: [jsxs("div", { children: [jsx("div", { className: sx(eyebrowStyle$3), children: "Flight Manifest" }), jsx("div", { className: sx(scopeListStyle), children: [{ id: 'all', label: 'Full Trip', detail: 'All flight segments' }, ...segments].map((item) => (jsxs("button", { type: "button", className: cx(sx(scopeStyle), scope === item.id ? sx(activeScopeStyle) : ''), onClick: () => setScope(item.id), children: [jsx("strong", { children: item.label }), jsx("span", { children: item.detail })] }, item.id))) })] }), segments.length > 0 && (jsx(Button, { variant: "outline", size: "sm", disabled: locked, onClick: onSplitSegments, children: "Split by Segment" })), jsxs("div", { className: sx(carrierCardStyle), children: [jsx("div", { className: sx(eyebrowStyle$3), children: "Carrier" }), jsx("strong", { children: carrierName }), jsx("p", { children: carrierNote }), jsx(Button, { variant: "outline", size: "sm", fullWidth: true, disabled: locked, leftIcon: jsx(SettingsIcon, { size: 15 }), onClick: onChangeCarrier, children: "Change Carrier" })] })] }), jsxs("main", { className: sx(mainStyle$2), children: [jsx("section", { className: sx(capacityCardStyle), children: jsx(ManifestCapacityStats, { paxCount: passengers.length, seats: seats, paxWeight: passengerWeight, cargoWeight: cargoWeight, payloadLimit: payloadLimit }) }), jsxs("div", { className: sx(viewRowStyle), children: [jsx(ManifestViewToggle, { view: view, onView: setView, paxCount: passengers.length, eqCount: equipment.length, locked: locked }), locked && jsx("span", { className: sx(lockedMessageStyle), children: "Locked \u2014 coordinate any changes directly with the carrier." })] }), view === 'passengers' ? (jsxs("section", { children: [!locked && (jsxs("div", { className: sx(tableActionsStyle), children: [jsxs("strong", { children: [passengers.length, " Passengers"] }), jsxs("div", { children: [jsx("span", { children: "Order by" }), jsx("span", { className: sx(sortToggleStyle), children: ['name', 'type'].map((option) => (jsx("button", { type: "button", className: sort === option ? sx(activeSortStyle) : '', onClick: () => setSort(option), children: option }, option))) }), jsx(Button, { size: "sm", leftIcon: jsx(PlusIcon$2, { size: 15 }), onClick: onAddPassengers, children: "Add Passengers" })] })] })), jsx("div", { className: sx(tableWrapStyle$3), children: jsxs("table", { children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "#" }), jsx("th", { children: "Passenger" }), jsx("th", { children: "Type" }), jsx("th", { children: "TSA Screening" }), jsx("th", { children: "Personal" }), jsx("th", { children: "Carry-On" }), jsx("th", { children: "Checked" }), jsx("th", { children: "Seat" }), jsx("th", {})] }) }), jsxs("tbody", { children: [!sortedPassengers.length && jsx("tr", { children: jsx("td", { colSpan: 9, className: sx(emptyStyle$3), children: "No passengers on this manifest yet. Add passengers from the master list." }) }), sortedPassengers.map((passenger, index) => (jsxs("tr", { children: [jsx("td", { children: index + 1 }), jsxs("td", { children: [jsx("strong", { children: passenger.lastName }), jsxs("span", { children: [", ", passenger.firstName] })] }), jsx("td", { children: jsx(TypeTag, { type: passenger.travelerType }) }), jsx("td", { children: passenger.screeningType || '—' }), jsxs("td", { children: [passenger.personalWeight ?? 0, " lb"] }), jsxs("td", { children: [passenger.carryOnWeight ?? 0, " lb"] }), jsxs("td", { children: [passenger.checkedWeight ?? 0, " lb"] }), jsx("td", { children: passenger.seatAssignment || '—' }), jsx("td", { children: !locked && jsx("button", { type: "button", "aria-label": `Remove ${passenger.firstName} ${passenger.lastName}`, className: sx(removeStyle), onClick: () => onRemovePassenger?.(passenger), children: jsx(TrashIcon$2, { size: 16 }) }) })] }, passenger.id)))] })] }) })] })) : (jsxs("section", { children: [!locked && jsxs("div", { className: sx(tableActionsStyle), children: [jsxs("strong", { children: [equipment.length, " Equipment Items"] }), jsx(Button, { size: "sm", leftIcon: jsx(PlusIcon$2, { size: 15 }), onClick: onAddEquipment, children: "Add Equipment" })] }), jsx("div", { className: sx(tableWrapStyle$3), children: jsxs("table", { children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "Equipment" }), jsx("th", { children: "Quantity" }), jsx("th", { children: "Weight" }), jsx("th", { children: "Total" }), jsx("th", {})] }) }), jsx("tbody", { children: equipment.map((item) => jsxs("tr", { children: [jsx("td", { children: jsx("strong", { children: item.name }) }), jsx("td", { children: item.quantity }), jsxs("td", { children: [item.weight.toLocaleString(), " lb"] }), jsxs("td", { children: [(item.quantity * item.weight).toLocaleString(), " lb"] }), jsx("td", { children: !locked && jsx("button", { type: "button", "aria-label": `Remove ${item.name}`, className: sx(removeStyle), onClick: () => onRemoveEquipment?.(item), children: jsx(TrashIcon$2, { size: 16 }) }) })] }, item.id)) })] }) })] })), !locked && (jsxs("section", { className: sx(finalizeStyle), children: [jsx(StatusPill, { sendState: sendState, locked: false }), jsx("p", { children: sendState === 'initial-sent' ? 'Initial manifest sent. The final manifest may be sent within 3 days of departure.' : 'No manifest has been transmitted to the carrier yet.' }), jsxs("div", { className: sx(finalizeActionsStyle), children: [sendState === 'none' && jsx(Button, { onClick: onSendInitial, children: "Send Initial Manifest" }), sendState === 'initial-sent' && jsxs(Fragment, { children: [jsx(Button, { onClick: onSendFinal, children: "Send Final Manifest" }), jsx(Button, { variant: "ghost", size: "sm", onClick: onUndoInitial, children: "Undo initial" })] })] })] }))] })] })] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$n), className), "data-screen-label": "Charter Trip Manifest", children: [jsxs("header", { className: sx(headerStyle$h), children: [jsxs("div", { className: sx(headerRowStyle$1), children: [jsx("button", { type: "button", "aria-label": "Back", className: sx(backStyle), onClick: onBack, children: jsx(ChevronLeftIcon, { size: 28 }) }), jsxs("h1", { children: [jsx("strong", { children: "Manifest" }), jsx(ChevronRightIcon$1, { size: 24 }), jsx("span", { children: tripName })] }), jsxs("div", { className: sx(headerActionsStyle), children: [jsx(StatusPill, { sendState: sendState, locked: locked }), jsx(Button, { variant: "outline", leftIcon: jsx(DocumentIcon, { size: 16 }), disabled: carrierName === 'No carrier selected', onClick: onGenerateFile, children: "Generate File" })] })] }), (travelStartDate || travelEndDate) && (jsxs("div", { className: sx(dateRowStyle), children: [jsx("span", { children: formatDate$2(travelStartDate) }), jsx("span", { className: sx(dateLineStyle), children: "\u25B6" }), jsx("span", { children: formatDate$2(travelEndDate) })] })), jsxs("div", { className: sx(metaRowStyle), children: [jsxs("span", { children: [jsx(PlaneIcon$3, { size: 16 }), seats, " seats"] }), jsxs("span", { children: [jsx(CubeIcon, { size: 16 }), "Payload limit ", payloadLimit.toLocaleString(), " lb"] })] })] }), jsxs("div", { className: sx(layoutStyle), children: [jsxs("aside", { className: sx(railStyle), children: [jsxs("div", { children: [jsx("div", { className: sx(eyebrowStyle$3), children: "Flight Manifest" }), jsx("div", { className: sx(scopeListStyle), children: [{ id: 'all', label: 'Full Trip', detail: 'All flight segments' }, ...segments].map((item) => (jsxs("button", { type: "button", className: cx(sx(scopeStyle), scope === item.id ? sx(activeScopeStyle) : ''), onClick: () => setScope(item.id), children: [jsx("strong", { children: item.label }), jsx("span", { children: item.detail })] }, item.id))) })] }), segments.length > 0 && (jsx(Button, { variant: "outline", size: "sm", disabled: locked, onClick: onSplitSegments, children: "Split by Segment" })), jsxs("div", { className: sx(carrierCardStyle), children: [jsx("div", { className: sx(eyebrowStyle$3), children: "Carrier" }), jsx("strong", { children: carrierName }), jsx("p", { children: carrierNote }), jsx(Button, { variant: "outline", size: "sm", fullWidth: true, disabled: locked, leftIcon: jsx(SettingsIcon, { size: 15 }), onClick: onChangeCarrier, children: "Change Carrier" })] })] }), jsxs("main", { className: sx(mainStyle$2), children: [jsx("section", { className: sx(capacityCardStyle), children: jsx(ManifestCapacityStats, { paxCount: passengers.length, seats: seats, paxWeight: passengerWeight, cargoWeight: cargoWeight, payloadLimit: payloadLimit }) }), jsxs("div", { className: sx(viewRowStyle), children: [jsx(ManifestViewToggle, { view: view, onView: setView, paxCount: passengers.length, eqCount: equipment.length, locked: locked }), locked && jsx("span", { className: sx(lockedMessageStyle), children: "Locked \u2014 coordinate any changes directly with the carrier." })] }), view === 'passengers' ? (jsxs("section", { children: [!locked && (jsxs("div", { className: sx(tableActionsStyle), children: [jsxs("strong", { children: [passengers.length, " Passengers"] }), jsxs("div", { children: [jsx("span", { children: "Order by" }), jsx("span", { className: sx(sortToggleStyle), children: ['name', 'type'].map((option) => (jsx("button", { type: "button", className: sort === option ? sx(activeSortStyle) : '', onClick: () => setSort(option), children: option }, option))) }), jsx(Button, { size: "sm", leftIcon: jsx(PlusIcon$2, { size: 15 }), onClick: onAddPassengers, children: "Add Passengers" })] })] })), jsx("div", { className: sx(tableWrapStyle$3), children: jsxs("table", { children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "#" }), jsx("th", { children: "Passenger" }), jsx("th", { children: "Type" }), jsx("th", { children: "TSA Screening" }), jsx("th", { children: "Personal" }), jsx("th", { children: "Carry-On" }), jsx("th", { children: "Checked" }), jsx("th", { children: "Seat" }), jsx("th", {})] }) }), jsxs("tbody", { children: [!sortedPassengers.length && jsx("tr", { children: jsx("td", { colSpan: 9, className: sx(emptyStyle$3), children: "No passengers on this manifest yet. Add passengers from the master list." }) }), sortedPassengers.map((passenger, index) => (jsxs("tr", { children: [jsx("td", { children: index + 1 }), jsxs("td", { children: [jsx("strong", { children: passenger.lastName }), jsxs("span", { children: [", ", passenger.firstName] })] }), jsx("td", { children: jsx(TypeTag, { type: passenger.travelerType }) }), jsx("td", { children: passenger.screeningType || '—' }), jsxs("td", { children: [passenger.personalWeight ?? 0, " lb"] }), jsxs("td", { children: [passenger.carryOnWeight ?? 0, " lb"] }), jsxs("td", { children: [passenger.checkedWeight ?? 0, " lb"] }), jsx("td", { children: passenger.seatAssignment || '—' }), jsx("td", { children: !locked && jsx("button", { type: "button", "aria-label": `Remove ${passenger.firstName} ${passenger.lastName}`, className: sx(removeStyle), onClick: () => onRemovePassenger?.(passenger), children: jsx(TrashIcon$2, { size: 16 }) }) })] }, passenger.id)))] })] }) })] })) : (jsxs("section", { children: [!locked && jsxs("div", { className: sx(tableActionsStyle), children: [jsxs("strong", { children: [equipment.length, " Equipment Items"] }), jsx(Button, { size: "sm", leftIcon: jsx(PlusIcon$2, { size: 15 }), onClick: onAddEquipment, children: "Add Equipment" })] }), jsx("div", { className: sx(tableWrapStyle$3), children: jsxs("table", { children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "Equipment" }), jsx("th", { children: "Quantity" }), jsx("th", { children: "Weight" }), jsx("th", { children: "Total" }), jsx("th", {})] }) }), jsx("tbody", { children: equipment.map((item) => jsxs("tr", { children: [jsx("td", { children: jsx("strong", { children: item.name }) }), jsx("td", { children: item.quantity }), jsxs("td", { children: [item.weight.toLocaleString(), " lb"] }), jsxs("td", { children: [(item.quantity * item.weight).toLocaleString(), " lb"] }), jsx("td", { children: !locked && jsx("button", { type: "button", "aria-label": `Remove ${item.name}`, className: sx(removeStyle), onClick: () => onRemoveEquipment?.(item), children: jsx(TrashIcon$2, { size: 16 }) }) })] }, item.id)) })] }) })] })), !locked && (jsxs("section", { className: sx(finalizeStyle), children: [jsx(StatusPill, { sendState: sendState, locked: false }), jsx("p", { children: sendState === 'initial-sent' ? 'Initial manifest sent. The final manifest may be sent within 3 days of departure.' : 'No manifest has been transmitted to the carrier yet.' }), jsxs("div", { className: sx(finalizeActionsStyle), children: [sendState === 'none' && jsx(Button, { onClick: onSendInitial, children: "Send Initial Manifest" }), sendState === 'initial-sent' && jsxs(Fragment, { children: [jsx(Button, { onClick: onSendFinal, children: "Send Final Manifest" }), jsx(Button, { variant: "ghost", size: "sm", onClick: onUndoInitial, children: "Undo initial" })] })] })] }))] })] })] }));
 };
 
 /**
@@ -31493,7 +32553,7 @@ const mutedCopy = {
     margin: 0,
     color: 'var(--color-slate)',
 };
-const pageStyle$l = {
+const pageStyle$m = {
     label: 'ChartersAccessManagementPage-pageStyle',
     maxWidth: 1180,
     margin: '0 auto',
@@ -31538,7 +32598,7 @@ const eyebrowStyle$2 = {
     letterSpacing: '.04em',
     textTransform: 'uppercase',
 };
-const descriptionStyle$6 = {
+const descriptionStyle$7 = {
     label: 'ChartersAccessManagementPage-descriptionStyle',
     ...mutedCopy,
     maxWidth: 700,
@@ -31865,7 +32925,7 @@ const ChartersAccessManagementPage = ({ accountName, memberships, availableAccou
     const addUnavailableReason = !onAddAccess
         ? 'Adding STM Charters access is not available in this view.'
         : undefined;
-    return (jsxs("div", { className: cx(sx(pageStyle$l), className), "data-test": "charters-access-management-page", children: [jsxs("header", { className: sx(headerStyle$g), children: [onBack && (jsx(Button, { type: "button", variant: "ghost", size: "sm", leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charters-access-back", children: "STM Charters" })), jsxs("div", { className: sx(headingRowStyle), children: [jsxs("div", { children: [jsxs("p", { className: sx(eyebrowStyle$2), children: ["STM Charters \u00B7 ", accountName] }), jsx("h1", { children: "Access Management" }), jsx("p", { className: sx(descriptionStyle$6), children: "Grant account users access to charter bids and choose who can manage membership." })] }), jsxs("div", { className: sx(summaryStyle$2), "aria-label": "Access summary", children: [jsxs("span", { children: [jsx("strong", { children: memberships.length }), " members"] }), jsxs("span", { children: [jsx("strong", { children: adminCount }), " admins"] })] })] })] }), loading && (jsxs("div", { className: sx(pageStateStyle$1), "data-test": "charters-access-loading", children: [jsx(Spinner, { size: "lg", label: "Loading STM Charters access" }), jsx("p", { children: "Loading STM Charters access\u2026" })] })), !loading && error && (jsxs("div", { className: sx(pageStateStyle$1), "data-test": "charters-access-error", children: [jsx(Alert, { variant: "error", title: "Access could not be loaded", children: error }), onRetry && (jsx(Button, { type: "button", variant: "outline", onClick: onRetry, "data-test": "charters-access-retry", children: "Try again" }))] })), !loading && !error && (jsxs(Fragment, { children: [actionError && (jsx(Alert, { variant: "error", title: "Access change failed", dismissible: true, onDismiss: () => setActionError(undefined), className: sx(actionErrorStyle$1), children: jsx("span", { "data-test": "charters-access-action-error", children: actionError }) })), canManageAccess ? (jsxs("section", { className: sx(addPanelStyle), "data-test": "charters-access-add-panel", children: [jsxs("div", { className: sx(sectionHeadingStyle$1), children: [jsx("span", { className: sx(sectionIconStyle), children: jsx(UsersIcon$1, { size: 20 }) }), jsxs("div", { children: [jsx("h2", { children: "Add account users" }), jsxs("p", { children: ["Search and select one or more existing users of ", accountName, " to grant STM Charters access."] })] })] }), jsxs("div", { className: sx(addControlsStyle), children: [jsx(MultiUserSearch, { label: "Search account users", placeholder: "Type to search by name or email", options: userSearchOptions, selectedIds: selectedUserIds, onSearch: handleUserSearch, onSelectionChange: setSelectedUserIds, loading: accountUserSearchLoading, disabled: Boolean(pendingAction), error: accountUserSearchError, helperText: "Select one or more users, then choose their role below.", "data-test": "charters-access-user-search" }), jsxs("div", { className: sx(addActionsRowStyle), children: [jsx(Select, { label: "STM Charters role", options: ROLE_OPTIONS, value: newRole, onChange: (event) => setNewRole(event.target.value), disabled: Boolean(pendingAction), "data-test": "charters-access-new-role" }), jsx(Button, { type: "button", onClick: addSelectedUsers, disabled: !hasSelectedUsers || Boolean(addUnavailableReason), loading: pendingAction === 'add', title: addUnavailableReason, "data-test": "charters-access-add", children: selectedUsers.length > 1
+    return (jsxs("div", { className: cx(sx(pageStyle$m), className), "data-test": "charters-access-management-page", children: [jsxs("header", { className: sx(headerStyle$g), children: [onBack && (jsx(Button, { type: "button", variant: "ghost", size: "sm", leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charters-access-back", children: "STM Charters" })), jsxs("div", { className: sx(headingRowStyle), children: [jsxs("div", { children: [jsxs("p", { className: sx(eyebrowStyle$2), children: ["STM Charters \u00B7 ", accountName] }), jsx("h1", { children: "Access Management" }), jsx("p", { className: sx(descriptionStyle$7), children: "Grant account users access to charter bids and choose who can manage membership." })] }), jsxs("div", { className: sx(summaryStyle$2), "aria-label": "Access summary", children: [jsxs("span", { children: [jsx("strong", { children: memberships.length }), " members"] }), jsxs("span", { children: [jsx("strong", { children: adminCount }), " admins"] })] })] })] }), loading && (jsxs("div", { className: sx(pageStateStyle$1), "data-test": "charters-access-loading", children: [jsx(Spinner, { size: "lg", label: "Loading STM Charters access" }), jsx("p", { children: "Loading STM Charters access\u2026" })] })), !loading && error && (jsxs("div", { className: sx(pageStateStyle$1), "data-test": "charters-access-error", children: [jsx(Alert, { variant: "error", title: "Access could not be loaded", children: error }), onRetry && (jsx(Button, { type: "button", variant: "outline", onClick: onRetry, "data-test": "charters-access-retry", children: "Try again" }))] })), !loading && !error && (jsxs(Fragment, { children: [actionError && (jsx(Alert, { variant: "error", title: "Access change failed", dismissible: true, onDismiss: () => setActionError(undefined), className: sx(actionErrorStyle$1), children: jsx("span", { "data-test": "charters-access-action-error", children: actionError }) })), canManageAccess ? (jsxs("section", { className: sx(addPanelStyle), "data-test": "charters-access-add-panel", children: [jsxs("div", { className: sx(sectionHeadingStyle$1), children: [jsx("span", { className: sx(sectionIconStyle), children: jsx(UsersIcon$1, { size: 20 }) }), jsxs("div", { children: [jsx("h2", { children: "Add account users" }), jsxs("p", { children: ["Search and select one or more existing users of ", accountName, " to grant STM Charters access."] })] })] }), jsxs("div", { className: sx(addControlsStyle), children: [jsx(MultiUserSearch, { label: "Search account users", placeholder: "Type to search by name or email", options: userSearchOptions, selectedIds: selectedUserIds, onSearch: handleUserSearch, onSelectionChange: setSelectedUserIds, loading: accountUserSearchLoading, disabled: Boolean(pendingAction), error: accountUserSearchError, helperText: "Select one or more users, then choose their role below.", "data-test": "charters-access-user-search" }), jsxs("div", { className: sx(addActionsRowStyle), children: [jsx(Select, { label: "STM Charters role", options: ROLE_OPTIONS, value: newRole, onChange: (event) => setNewRole(event.target.value), disabled: Boolean(pendingAction), "data-test": "charters-access-new-role" }), jsx(Button, { type: "button", onClick: addSelectedUsers, disabled: !hasSelectedUsers || Boolean(addUnavailableReason), loading: pendingAction === 'add', title: addUnavailableReason, "data-test": "charters-access-add", children: selectedUsers.length > 1
                                                     ? `Add ${selectedUsers.length} users`
                                                     : 'Add access' })] })] })] })) : (jsx(Alert, { variant: "primary", title: "Read-only access", className: sx(readOnlyNoticeStyle$1), children: jsx("span", { "data-test": "charters-access-read-only", children: readOnlyMessage }) })), jsxs("section", { className: sx(membersPanelStyle), "aria-labelledby": "charters-access-members-heading", children: [jsxs("div", { className: sx(membersHeadingStyle), children: [jsxs("div", { children: [jsx("h2", { id: "charters-access-members-heading", children: "People with STM Charters access" }), jsx("p", { children: "Members use carrier workflows. Admins can also manage this list." })] }), jsx(LockIcon$1, { size: 20, "aria-hidden": "true" })] }), memberships.length === 0 ? (jsx("div", { "data-test": "charters-access-empty", children: jsx(EmptyState$1, { title: "No STM Charters members", description: canManageAccess
                                         ? 'Search for an existing account user above to grant the first membership.'
@@ -31893,7 +32953,7 @@ ChartersAccessManagementPage.displayName = 'ChartersAccessManagementPage';
  * `@media` block at the foot of the file is now nested inside `pageStyle`,
  * which is the only rule it applied to.
  */
-const pageStyle$k = {
+const pageStyle$l = {
     label: 'ChartersHomePage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -31918,7 +32978,7 @@ const titleStyle$c = {
     fontWeight: 'var(--fw-semibold)',
     lineHeight: 'var(--lh-2xl)',
 };
-const descriptionStyle$5 = {
+const descriptionStyle$6 = {
     label: 'ChartersHomePage-descriptionStyle',
     maxWidth: '72ch',
     margin: 0,
@@ -32161,7 +33221,7 @@ const CHARTER_CONTACT_GROUPS = [
  * welcome paragraph and a PDF link; this keeps the same information architecture but
  * puts a real card into each section with the queue count already visible.
  */
-const ChartersHomePage = ({ title = 'STM Charters', description = 'Bid on flight opportunities for regular season and NCAA championship travel.', sections = CHARTER_SECTIONS, contactGroups = CHARTER_CONTACT_GROUPS, tutorialLabel = 'Portal overview (PDF)', onOpenTutorial, onOpenSection, className = '', }) => (jsxs("div", { className: cx(sx(pageStyle$k), className), "data-test": "charters-home-page", children: [jsxs("header", { className: sx(headerStyle$f), children: [jsx("h1", { className: sx(titleStyle$c), children: title }), description && jsx("p", { className: sx(descriptionStyle$5), children: description }), onOpenTutorial && (jsx(Button, { variant: "outline", size: "sm", className: sx(tutorialStyle), leftIcon: jsx(DocumentIcon, { size: 16 }), onClick: onOpenTutorial, "data-test": "charters-tutorial", children: tutorialLabel }))] }), jsx("ul", { className: sx(cardsStyle), children: sections.map((section) => (jsx("li", { children: jsxs("button", { type: "button", className: sx(cardStyle$4), onClick: () => onOpenSection?.(section.key), "data-test": `charters-section-${section.key}`, children: [jsx("span", { className: sx(cardIconStyle), "aria-hidden": "true", children: section.icon ?? SECTION_ICONS[section.key] ?? jsx(PlaneIcon$3, { size: 20 }) }), jsxs("span", { className: sx(cardBodyStyle$2), children: [jsx("span", { className: sx(cardTitleStyle$1), children: section.title }), jsx("span", { className: sx(cardDescriptionStyle), children: section.description }), section.loading ? (jsx("span", { className: sx(cardLoadingStyle), "data-test": `charters-section-${section.key}-loading`, children: jsx(Spinner, { size: "xs", label: `Loading ${section.title}` }) })) : section.count !== undefined ? (jsxs("span", { className: sx(cardCountStyle), children: [jsx("strong", { children: section.count }), " ", section.countLabel ?? 'items'] })) : null] }), jsx("span", { className: sx(cardArrowStyle), "aria-hidden": "true", children: jsx(ArrowUpRightIcon, { size: 16 }) })] }) }, section.key))) }), jsxs("section", { className: sx(contactsStyle), "aria-label": "Contact us", children: [jsx("h2", { className: sx(sectionTitleStyle$5), children: "Questions? Talk to us" }), jsx("div", { className: sx(contactGroupsStyle), children: contactGroups.map((group) => (jsxs("div", { className: sx(contactGroupStyle$1), children: [jsx("h3", { className: sx(contactGroupTitleStyle), children: group.title }), jsx("ul", { className: sx(contactListStyle), children: group.contacts.map((contact) => (jsxs("li", { className: sx(contactStyle), children: [jsx("span", { className: sx(contactNameStyle), children: contact.name }), contact.role && jsx("span", { className: sx(contactRoleStyle), children: contact.role }), jsxs("span", { className: sx(contactLinksStyle), children: [contact.email && (jsxs("a", { href: `mailto:${contact.email}`, className: sx(contactLinkStyle), children: [jsx(MailIcon, { size: 14, "aria-hidden": "true" }), contact.email] })), contact.phone && (jsxs("a", { href: `tel:${contact.phone}`, className: sx(contactLinkStyle), children: [jsx(PhoneIcon, { size: 14, "aria-hidden": "true" }), contact.phone] }))] })] }, contact.name))) })] }, group.title))) })] })] }));
+const ChartersHomePage = ({ title = 'STM Charters', description = 'Bid on flight opportunities for regular season and NCAA championship travel.', sections = CHARTER_SECTIONS, contactGroups = CHARTER_CONTACT_GROUPS, tutorialLabel = 'Portal overview (PDF)', onOpenTutorial, onOpenSection, className = '', }) => (jsxs("div", { className: cx(sx(pageStyle$l), className), "data-test": "charters-home-page", children: [jsxs("header", { className: sx(headerStyle$f), children: [jsx("h1", { className: sx(titleStyle$c), children: title }), description && jsx("p", { className: sx(descriptionStyle$6), children: description }), onOpenTutorial && (jsx(Button, { variant: "outline", size: "sm", className: sx(tutorialStyle), leftIcon: jsx(DocumentIcon, { size: 16 }), onClick: onOpenTutorial, "data-test": "charters-tutorial", children: tutorialLabel }))] }), jsx("ul", { className: sx(cardsStyle), children: sections.map((section) => (jsx("li", { children: jsxs("button", { type: "button", className: sx(cardStyle$4), onClick: () => onOpenSection?.(section.key), "data-test": `charters-section-${section.key}`, children: [jsx("span", { className: sx(cardIconStyle), "aria-hidden": "true", children: section.icon ?? SECTION_ICONS[section.key] ?? jsx(PlaneIcon$3, { size: 20 }) }), jsxs("span", { className: sx(cardBodyStyle$2), children: [jsx("span", { className: sx(cardTitleStyle$1), children: section.title }), jsx("span", { className: sx(cardDescriptionStyle), children: section.description }), section.loading ? (jsx("span", { className: sx(cardLoadingStyle), "data-test": `charters-section-${section.key}-loading`, children: jsx(Spinner, { size: "xs", label: `Loading ${section.title}` }) })) : section.count !== undefined ? (jsxs("span", { className: sx(cardCountStyle), children: [jsx("strong", { children: section.count }), " ", section.countLabel ?? 'items'] })) : null] }), jsx("span", { className: sx(cardArrowStyle), "aria-hidden": "true", children: jsx(ArrowUpRightIcon, { size: 16 }) })] }) }, section.key))) }), jsxs("section", { className: sx(contactsStyle), "aria-label": "Contact us", children: [jsx("h2", { className: sx(sectionTitleStyle$5), children: "Questions? Talk to us" }), jsx("div", { className: sx(contactGroupsStyle), children: contactGroups.map((group) => (jsxs("div", { className: sx(contactGroupStyle$1), children: [jsx("h3", { className: sx(contactGroupTitleStyle), children: group.title }), jsx("ul", { className: sx(contactListStyle), children: group.contacts.map((contact) => (jsxs("li", { className: sx(contactStyle), children: [jsx("span", { className: sx(contactNameStyle), children: contact.name }), contact.role && jsx("span", { className: sx(contactRoleStyle), children: contact.role }), jsxs("span", { className: sx(contactLinksStyle), children: [contact.email && (jsxs("a", { href: `mailto:${contact.email}`, className: sx(contactLinkStyle), children: [jsx(MailIcon, { size: 14, "aria-hidden": "true" }), contact.email] })), contact.phone && (jsxs("a", { href: `tel:${contact.phone}`, className: sx(contactLinkStyle), children: [jsx(PhoneIcon, { size: 14, "aria-hidden": "true" }), contact.phone] }))] })] }, contact.name))) })] }, group.title))) })] })] }));
 ChartersHomePage.displayName = 'ChartersHomePage';
 
 /**
@@ -32179,7 +33239,7 @@ ChartersHomePage.displayName = 'ChartersHomePage';
  * rather than classes stacked on one element, so `emergencyLabelStyle` simply
  * carries the merged result.
  */
-const pageStyle$j = {
+const pageStyle$k = {
     label: 'ContactUsPage-pageStyle',
     color: 'var(--color-ink, #282828)',
     '@media print': {
@@ -32496,7 +33556,7 @@ const ContactUsPage = ({ title = 'Your Team of Experts', state, errorMessage = '
     if (resolvedState === 'error' || resolvedState === 'empty') {
         return (jsx("div", { className: sx(centeredStateStyle), "data-test": "contact-us-page", children: jsx("div", { "data-test": `contact-us-${resolvedState}`, role: resolvedState === 'error' ? 'alert' : 'status', className: resolvedState === 'error' ? sx(errorStyle) : sx(warningStyle), children: resolvedState === 'error' ? errorMessage : 'No contact information available.' }) }));
     }
-    return (jsx("div", { className: cx(sx(pageStyle$j), className), "data-test": "contact-us-page", children: jsxs("div", { className: sx(containerStyle), children: [jsxs("div", { className: sx(headerRowStyle), children: [jsx(PageHeader, { title: title }), jsx("div", { className: sx(printRowStyle), children: jsxs("button", { type: "button", onClick: onPrint ?? (() => window.print()), children: [jsx(PrinterIcon, { size: 16 }), "Print"] }) })] }), children ?? (data ? (jsxs(Fragment, { children: [!!(data.accountManagers?.length || data.travelAgents?.length) && (jsxs("div", { className: sx(primaryGridStyle), children: [jsx(SimpleContactCard, { title: "Account Manager", contacts: data.accountManagers }), jsx(SimpleContactCard, { title: "Travel Agent", contacts: data.travelAgents })] })), jsxs("div", { className: sx(stackStyle$1), children: [data.accountContacts ? (data.accountContacts.map((section, index) => (
+    return (jsx("div", { className: cx(sx(pageStyle$k), className), "data-test": "contact-us-page", children: jsxs("div", { className: sx(containerStyle), children: [jsxs("div", { className: sx(headerRowStyle), children: [jsx(PageHeader, { title: title }), jsx("div", { className: sx(printRowStyle), children: jsxs("button", { type: "button", onClick: onPrint ?? (() => window.print()), children: [jsx(PrinterIcon, { size: 16 }), "Print"] }) })] }), children ?? (data ? (jsxs(Fragment, { children: [!!(data.accountManagers?.length || data.travelAgents?.length) && (jsxs("div", { className: sx(primaryGridStyle), children: [jsx(SimpleContactCard, { title: "Account Manager", contacts: data.accountManagers }), jsx(SimpleContactCard, { title: "Travel Agent", contacts: data.travelAgents })] })), jsxs("div", { className: sx(stackStyle$1), children: [data.accountContacts ? (data.accountContacts.map((section, index) => (
                                 // Two rows can share a description, so position is the stable key.
                                 jsx(AccountContactCard, { section: section }, `${section.title}-${index}`)))) : (jsxs(Fragment, { children: [jsxs(ContactCard, { title: "Group/Team Commercial Reservation Specialists", children: [jsx(ContactField, { label: "Business Hours:", children: jsx("span", { children: "Monday \u2013 Friday 8am-8pm ET" }) }), jsx(ContactField, { label: "Toll-Free Number:", children: jsx("span", { children: "866-902-9654" }) }), jsx(ContactField, { label: "After Hours/Emergency (24/7):", emergency: true, children: jsx("span", { className: sx(emergencyStyle), children: "866-902-9654" }) }), jsx(ContactField, { label: "Email:", children: jsx("a", { href: "mailto:teamtravel@shortstravel.com", children: "teamtravel@shortstravel.com" }) })] }), jsxs(ContactCard, { title: "Recruiting Travel Specialists", children: [jsx(ContactField, { label: "Business Hours:", children: jsx("span", { children: "Monday \u2013 Friday 8am-8pm ET" }) }), jsx(ContactField, { label: "Toll-Free Number:", children: jsx("span", { children: "866-902-9654" }) }), jsx(ContactField, { label: "After Hours/Emergency (24/7):", emergency: true, children: jsx("span", { className: sx(emergencyStyle), children: "866-902-9654" }) }), jsx(ContactField, { label: "Email:", children: jsx("a", { href: "mailto:recruiting@shortstravel.com", children: "recruiting@shortstravel.com" }) })] })] })), !!data.charterAirContacts?.length && jsx(ContactCard, { title: "Charter Air", children: jsx(PairedContacts, { contacts: data.charterAirContacts }) }), !!data.motorcoachContacts?.length && (jsxs(ContactCard, { title: "Charter Bus / Motorcoach", children: [jsx(PairedContacts, { contacts: data.motorcoachContacts }), jsx("p", { className: sx(motorcoachEmergencyStyle), children: "After Hours/Emergency (24/7): 319-423-3007" })] })), !!data.groupHotelContacts?.length && (jsx(ContactCard, { title: "Group Hotel", children: data.groupHotelContacts.map((contact, index) => (jsxs("div", { className: sx(contactPairStyle), children: [jsx(ContactColumn, { title: "Sales Contact", contact: contact }), jsx("div", { className: sx(contactColumnStyle) })] }, `${contact.email ?? contact.name}-${index}`))) }))] })] })) : jsx(GenericCards, { cards: cards })), showSupportFooter && (jsxs("footer", { className: sx(supportStyle), children: [jsx("h2", { children: "Short's Travel Website and Online Booking Tool Support" }), jsx("p", { children: "Monday \u2013 Friday 9am-9pm ET, except major holidays" }), jsxs("div", { children: [jsx("span", { children: "319-257-5309" }), jsx("a", { href: "mailto:onlinesupport@shortstravel.com", children: "onlinesupport@shortstravel.com" })] })] }))] }) }));
 };
@@ -32518,7 +33578,7 @@ const ContactUsPage = ({ title = 'Your Team of Experts', state, errorMessage = '
  * The `pulse` keyframes are namespaced `stm-pulse` — injected at runtime they
  * would otherwise be global and collide with a host's own `pulse`.
  */
-const pageStyle$i = {
+const pageStyle$j = {
     label: 'DashboardPage-pageStyle',
     color: 'var(--color-ink, #282828)',
 };
@@ -33414,7 +34474,7 @@ const DashboardPage = ({ greeting = 'Good morning', firstName, accountName, widg
     const [dragFrom, setDragFrom] = useState(null);
     const dragGhost = useRef(null);
     const presentTypes = new Set(widgets.map((widget) => widget.type));
-    return (jsxs("div", { className: cx(sx(pageStyle$i), className), children: [welcomeHero && heroOpen && (jsxs("section", { className: sx(welcomeHeroStyle), "aria-label": "Welcome", children: [jsx("button", { type: "button", className: sx(welcomeCloseStyle), "aria-label": "Dismiss welcome", onClick: () => setHeroOpen(false), children: jsx(CloseIcon, { size: 20 }) }), welcomeHero] })), jsx("div", { className: sx(pageBannersStyle), children: jsx(PageBanners, { systemBanners: systemBanners, alertBanners: alertBanners, fullWidth: true, onDismiss: onBannerDismiss }) }), standingMessage && (jsx("section", { className: sx(standingMessageStyle), "aria-label": "Message", children: standingMessage })), jsxs("header", { className: sx(pageHeaderStyle$1), children: [jsxs("div", { children: [jsxs("h1", { children: [greeting, firstName ? `, ${firstName}` : ''] }), accountName && jsxs("p", { children: ["Here's your personalized travel overview for ", accountName, "."] })] }), jsx("div", { className: sx(pageActionsStyle), children: editMode ? jsxs(Fragment, { children: [jsxs("button", { type: "button", className: sx(outlineButtonStyle), onClick: () => setCatalogOpen(true), children: [jsx(PlusIcon$2, { size: 20 }), "Add card"] }), jsx("button", { type: "button", className: sx(textButtonStyle$1), onClick: onReset, children: "Reset to default" }), jsxs("button", { type: "button", className: sx(primaryButtonStyle), onClick: () => { setEditMode(false); setCatalogOpen(false); }, children: [jsx(CheckIcon$1, { size: 20 }), "Done"] })] }) : jsxs("button", { type: "button", className: sx(customizeButtonStyle), onClick: () => setEditMode(true), children: [jsx(SettingsIcon, { size: 20 }), "Customize Your Home Page"] }) })] }), editMode && jsxs("div", { className: sx(editBannerStyle), children: [jsx(EditIcon$2, { size: 20 }), jsxs("span", { children: [jsx("strong", { children: "Customizing your home page." }), " Drag cards to reorder, resize with S / M / L, or remove cards. Your layout saves automatically."] })] }), syncStatus === 'saving' && jsx("p", { className: sx(syncStatusStyle), "aria-live": "polite", children: "Saving layout\u2026" }), syncStatus === 'error' && jsx("p", { className: cx(sx(syncStatusStyle), sx(syncErrorStyle)), role: "alert", children: "Layout couldn't be saved. Changes are preserved locally." }), widgets.length ? jsx("div", { className: sx(gridStyle$2), children: widgets.map((widget, index) => jsx("div", { className: sx(sizeStyles[widget.size]), draggable: editMode, onDragStart: (event) => { if (!editMode)
+    return (jsxs("div", { className: cx(sx(pageStyle$j), className), children: [welcomeHero && heroOpen && (jsxs("section", { className: sx(welcomeHeroStyle), "aria-label": "Welcome", children: [jsx("button", { type: "button", className: sx(welcomeCloseStyle), "aria-label": "Dismiss welcome", onClick: () => setHeroOpen(false), children: jsx(CloseIcon, { size: 20 }) }), welcomeHero] })), jsx("div", { className: sx(pageBannersStyle), children: jsx(PageBanners, { systemBanners: systemBanners, alertBanners: alertBanners, fullWidth: true, onDismiss: onBannerDismiss }) }), standingMessage && (jsx("section", { className: sx(standingMessageStyle), "aria-label": "Message", children: standingMessage })), jsxs("header", { className: sx(pageHeaderStyle$1), children: [jsxs("div", { children: [jsxs("h1", { children: [greeting, firstName ? `, ${firstName}` : ''] }), accountName && jsxs("p", { children: ["Here's your personalized travel overview for ", accountName, "."] })] }), jsx("div", { className: sx(pageActionsStyle), children: editMode ? jsxs(Fragment, { children: [jsxs("button", { type: "button", className: sx(outlineButtonStyle), onClick: () => setCatalogOpen(true), children: [jsx(PlusIcon$2, { size: 20 }), "Add card"] }), jsx("button", { type: "button", className: sx(textButtonStyle$1), onClick: onReset, children: "Reset to default" }), jsxs("button", { type: "button", className: sx(primaryButtonStyle), onClick: () => { setEditMode(false); setCatalogOpen(false); }, children: [jsx(CheckIcon$1, { size: 20 }), "Done"] })] }) : jsxs("button", { type: "button", className: sx(customizeButtonStyle), onClick: () => setEditMode(true), children: [jsx(SettingsIcon, { size: 20 }), "Customize Your Home Page"] }) })] }), editMode && jsxs("div", { className: sx(editBannerStyle), children: [jsx(EditIcon$2, { size: 20 }), jsxs("span", { children: [jsx("strong", { children: "Customizing your home page." }), " Drag cards to reorder, resize with S / M / L, or remove cards. Your layout saves automatically."] })] }), syncStatus === 'saving' && jsx("p", { className: sx(syncStatusStyle), "aria-live": "polite", children: "Saving layout\u2026" }), syncStatus === 'error' && jsx("p", { className: cx(sx(syncStatusStyle), sx(syncErrorStyle)), role: "alert", children: "Layout couldn't be saved. Changes are preserved locally." }), widgets.length ? jsx("div", { className: sx(gridStyle$2), children: widgets.map((widget, index) => jsx("div", { className: sx(sizeStyles[widget.size]), draggable: editMode, onDragStart: (event) => { if (!editMode)
                         return; setDragFrom(index); const ghost = document.createElement('div'); ghost.className = sx(dragGhostStyle); document.body.appendChild(ghost); dragGhost.current = ghost; event.dataTransfer.setDragImage(ghost, 0, 0); }, onDragOver: (event) => event.preventDefault(), onDrop: () => { if (dragFrom !== null && dragFrom !== index)
                         onReorder?.(dragFrom, index); setDragFrom(null); }, onDragEnd: () => { setDragFrom(null); dragGhost.current?.remove(); dragGhost.current = null; }, children: jsx(WidgetCard, { widget: widget, editMode: editMode, index: index, count: widgets.length, onRefresh: onRefresh, onRemove: onRemove, onResize: onResize, onReorder: onReorder, onTravelerRangeChange: onTravelerRangeChange, onNavigate: onNavigate }) }, widget.id)) }) : jsxs("div", { className: sx(emptyPageStyle), children: [jsx(PlusIcon$2, { size: 28 }), jsx("strong", { children: "Your home page is empty" }), jsx("span", { children: "Use \"Customize\" to add cards from the catalog." })] }), catalogOpen && jsxs(Fragment, { children: [jsx("button", { type: "button", className: sx(scrimStyle), "aria-label": "Close card catalog", onClick: () => setCatalogOpen(false) }), jsxs("aside", { className: sx(catalogStyle), role: "dialog", "aria-modal": "true", "aria-label": "Add cards", children: [jsxs("header", { children: [jsxs("div", { children: [jsx("h2", { children: "Add a card" }), jsx("p", { children: "Cards available to your role for this account" })] }), jsx("button", { type: "button", "aria-label": "Close card catalog", onClick: () => setCatalogOpen(false), children: jsx(CloseIcon, { size: 20 }) })] }), jsx("div", { className: sx(catalogBodyStyle), children: CATALOG.map((item) => jsxs("div", { className: sx(catalogItemStyle), children: [jsx("span", { className: sx(catalogIconStyle), children: jsx(WidgetIcon, { type: item.type }) }), jsxs("div", { children: [jsx("strong", { children: item.title }), jsx("span", { children: "Account" }), jsx("p", { children: item.description })] }), presentTypes.has(item.type) ? jsxs("span", { className: sx(addedStyle), children: [jsx(CheckIcon$1, { size: 16 }), "Added"] }) : jsxs("button", { type: "button", onClick: () => onAddWidget?.(item.type), children: [jsx(PlusIcon$2, { size: 16 }), "Add"] })] }, item.type)) }), jsx("footer", { children: "Each card can appear once on your home page." })] })] })] }));
 };
@@ -33427,7 +34487,7 @@ const DashboardPage = ({ greeting = 'Good morning', firstName, accountName, widg
  * object, and the single `@media (max-width: 767px)` block is split across the
  * nine objects it used to style.
  */
-const pageStyle$h = {
+const pageStyle$i = {
     label: 'FeatureFlagManagementPage-pageStyle',
     maxWidth: 1440,
     margin: '0 auto',
@@ -33462,7 +34522,7 @@ const eyebrowStyle$1 = {
     letterSpacing: '.08em',
     textTransform: 'uppercase',
 };
-const descriptionStyle$4 = {
+const descriptionStyle$5 = {
     label: 'FeatureFlagManagementPage-descriptionStyle',
     maxWidth: 720,
     margin: '10px 0 0',
@@ -34134,7 +35194,7 @@ const FeatureFlagManagementPage = ({ definitions, rules, targetOptions, loading
     const hasRuleActions = Boolean(onEditRule || onDeactivateRule);
     const currentUserSearchError = userSearchError ?? internalUserSearchError;
     const currentAudienceError = audienceError ?? internalAudienceError;
-    return (jsxs("div", { className: cx(sx(pageStyle$h), className), "data-test": "feature-flag-management-page", "aria-busy": busy, children: [jsxs("header", { className: sx(headerStyle$e), children: [jsxs("div", { children: [jsx("p", { className: sx(eyebrowStyle$1), children: "Administration \u00B7 System" }), jsx("h1", { children: "Feature Flags" }), jsx("p", { className: sx(descriptionStyle$4), children: "Review the immutable feature catalog and manage prioritized audience rules." })] }), onCreateRule && !editor && !loading && !error && hasActiveDefinitions && rules.length > 0 && (jsx(Button, { type: "button", leftIcon: jsx(PlusIcon$2, { size: 16 }), onClick: openCreate, disabled: busy, "data-test": "feature-flag-create-rule", children: "Create rule" }))] }), busy && (jsxs("div", { className: sx(submittingStyle), role: "status", "data-test": "feature-flag-submitting", children: [jsx(Spinner, { size: "sm", label: "Saving feature rule" }), jsx("span", { children: "Saving feature rule\u2026" })] })), loading && (jsxs("div", { className: sx(pageStateStyle), "data-test": "feature-flag-loading", children: [jsx(Spinner, { size: "lg", label: "Loading feature flags" }), jsx("p", { children: "Loading feature flags\u2026" })] })), !loading && error && (jsxs("div", { className: sx(pageStateStyle), "data-test": "feature-flag-error", children: [jsx(Alert, { variant: "error", title: "Feature flags could not be loaded", children: error }), onRetry && (jsx(Button, { type: "button", variant: "outline", onClick: onRetry, "data-test": "feature-flag-retry", children: "Try again" }))] })), !loading && !error && definitions.length === 0 && (jsx("div", { "data-test": "feature-flag-definitions-empty", children: jsx(EmptyState$1, { title: "No feature definitions", description: "Publish immutable feature definitions before creating audience rules.", icon: jsx(SettingsIcon, { size: 30 }), size: "lg" }) })), !loading && !error && definitions.length > 0 && (jsxs(Fragment, { children: [actionError && (jsx(Alert, { variant: "error", title: "Feature rule change failed", dismissible: true, onDismiss: () => setActionError(undefined), className: sx(actionErrorStyle), children: jsx("span", { "data-test": "feature-flag-action-error", children: actionError }) })), jsxs("section", { className: sx(catalogPanelStyle), "aria-labelledby": "feature-catalog-heading", children: [jsxs("div", { className: sx(sectionHeadingStyle), children: [jsxs("div", { children: [jsx("h2", { id: "feature-catalog-heading", children: "Feature catalog" }), jsx("p", { children: "Definitions and hierarchy are read-only in this view." })] }), jsxs(Badge, { size: "sm", children: [definitions.length, " definitions"] })] }), jsx("div", { className: sx(definitionListStyle), "data-test": "feature-flag-definitions", children: definitionRows.map(({ definition, depth }) => (jsxs("article", { className: cx(sx(definitionStyle), definition.isActive === false && sx(inactiveDefinitionStyle)), style: { marginInlineStart: `${depth * 24}px` }, "data-test": `feature-flag-definition-${definition.featureKey}`, "data-depth": depth, children: [jsxs("div", { className: sx(definitionCopyStyle), children: [jsxs("div", { className: sx(definitionTitleStyle), children: [jsx("strong", { children: definition.name }), jsx("code", { children: definition.featureKey })] }), jsx("p", { children: definition.description }), definition.isActive === false && (jsx("p", { className: sx(killSwitchStyle), children: "Kill switch active. Targeting rules cannot enable this feature." }))] }), jsxs("div", { className: sx(definitionBadgesStyle), children: [jsx(Badge, { variant: definition.isActive === false ? 'error' : 'success', size: "sm", children: definition.isActive === false ? 'Inactive kill switch' : 'Active definition' }), jsxs(Badge, { variant: definition.defaultEnabled ? 'success' : 'default', size: "sm", children: ["Default ", definition.defaultEnabled ? 'enabled' : 'disabled'] })] })] }, definition.featureKey))) })] }), editor && (jsxs("section", { className: sx(editorPanelStyle), "data-test": "feature-flag-rule-editor", children: [jsxs("div", { className: sx(sectionHeadingStyle), children: [jsxs("div", { children: [jsx("h2", { children: editor.mode === 'create' ? 'Create targeting rule' : 'Edit targeting rule' }), jsx("p", { children: "The most specific target wins, then account scope, then priority; deny wins an exact tie. Changes require an audit reason." })] }), editor.mode === 'edit' && (jsxs("code", { className: sx(versionStyle), children: ["Version ", editor.rule.rowVersion] }))] }), jsxs("form", { className: sx(ruleFormStyle), onSubmit: submitRule, noValidate: true, children: [jsx(Select, { label: "Feature", options: definitions.map((definition) => ({
+    return (jsxs("div", { className: cx(sx(pageStyle$i), className), "data-test": "feature-flag-management-page", "aria-busy": busy, children: [jsxs("header", { className: sx(headerStyle$e), children: [jsxs("div", { children: [jsx("p", { className: sx(eyebrowStyle$1), children: "Administration \u00B7 System" }), jsx("h1", { children: "Feature Flags" }), jsx("p", { className: sx(descriptionStyle$5), children: "Review the immutable feature catalog and manage prioritized audience rules." })] }), onCreateRule && !editor && !loading && !error && hasActiveDefinitions && rules.length > 0 && (jsx(Button, { type: "button", leftIcon: jsx(PlusIcon$2, { size: 16 }), onClick: openCreate, disabled: busy, "data-test": "feature-flag-create-rule", children: "Create rule" }))] }), busy && (jsxs("div", { className: sx(submittingStyle), role: "status", "data-test": "feature-flag-submitting", children: [jsx(Spinner, { size: "sm", label: "Saving feature rule" }), jsx("span", { children: "Saving feature rule\u2026" })] })), loading && (jsxs("div", { className: sx(pageStateStyle), "data-test": "feature-flag-loading", children: [jsx(Spinner, { size: "lg", label: "Loading feature flags" }), jsx("p", { children: "Loading feature flags\u2026" })] })), !loading && error && (jsxs("div", { className: sx(pageStateStyle), "data-test": "feature-flag-error", children: [jsx(Alert, { variant: "error", title: "Feature flags could not be loaded", children: error }), onRetry && (jsx(Button, { type: "button", variant: "outline", onClick: onRetry, "data-test": "feature-flag-retry", children: "Try again" }))] })), !loading && !error && definitions.length === 0 && (jsx("div", { "data-test": "feature-flag-definitions-empty", children: jsx(EmptyState$1, { title: "No feature definitions", description: "Publish immutable feature definitions before creating audience rules.", icon: jsx(SettingsIcon, { size: 30 }), size: "lg" }) })), !loading && !error && definitions.length > 0 && (jsxs(Fragment, { children: [actionError && (jsx(Alert, { variant: "error", title: "Feature rule change failed", dismissible: true, onDismiss: () => setActionError(undefined), className: sx(actionErrorStyle), children: jsx("span", { "data-test": "feature-flag-action-error", children: actionError }) })), jsxs("section", { className: sx(catalogPanelStyle), "aria-labelledby": "feature-catalog-heading", children: [jsxs("div", { className: sx(sectionHeadingStyle), children: [jsxs("div", { children: [jsx("h2", { id: "feature-catalog-heading", children: "Feature catalog" }), jsx("p", { children: "Definitions and hierarchy are read-only in this view." })] }), jsxs(Badge, { size: "sm", children: [definitions.length, " definitions"] })] }), jsx("div", { className: sx(definitionListStyle), "data-test": "feature-flag-definitions", children: definitionRows.map(({ definition, depth }) => (jsxs("article", { className: cx(sx(definitionStyle), definition.isActive === false && sx(inactiveDefinitionStyle)), style: { marginInlineStart: `${depth * 24}px` }, "data-test": `feature-flag-definition-${definition.featureKey}`, "data-depth": depth, children: [jsxs("div", { className: sx(definitionCopyStyle), children: [jsxs("div", { className: sx(definitionTitleStyle), children: [jsx("strong", { children: definition.name }), jsx("code", { children: definition.featureKey })] }), jsx("p", { children: definition.description }), definition.isActive === false && (jsx("p", { className: sx(killSwitchStyle), children: "Kill switch active. Targeting rules cannot enable this feature." }))] }), jsxs("div", { className: sx(definitionBadgesStyle), children: [jsx(Badge, { variant: definition.isActive === false ? 'error' : 'success', size: "sm", children: definition.isActive === false ? 'Inactive kill switch' : 'Active definition' }), jsxs(Badge, { variant: definition.defaultEnabled ? 'success' : 'default', size: "sm", children: ["Default ", definition.defaultEnabled ? 'enabled' : 'disabled'] })] })] }, definition.featureKey))) })] }), editor && (jsxs("section", { className: sx(editorPanelStyle), "data-test": "feature-flag-rule-editor", children: [jsxs("div", { className: sx(sectionHeadingStyle), children: [jsxs("div", { children: [jsx("h2", { children: editor.mode === 'create' ? 'Create targeting rule' : 'Edit targeting rule' }), jsx("p", { children: "The most specific target wins, then account scope, then priority; deny wins an exact tie. Changes require an audit reason." })] }), editor.mode === 'edit' && (jsxs("code", { className: sx(versionStyle), children: ["Version ", editor.rule.rowVersion] }))] }), jsxs("form", { className: sx(ruleFormStyle), onSubmit: submitRule, noValidate: true, children: [jsx(Select, { label: "Feature", options: definitions.map((definition) => ({
                                             value: definition.featureKey,
                                             label: `${definition.name} · ${definition.featureKey}`,
                                             disabled: definition.isActive === false,
@@ -34675,7 +35735,7 @@ GroupTravelRequestPage.displayName = 'GroupTravelRequestPage';
  * split across the objects it styled: each `@media` lives inside the one style
  * it applies to, so a rule and its responsive override stay together.
  */
-const pageStyle$g = {
+const pageStyle$h = {
     label: 'IndividualTravelPage-pageStyle',
     minHeight: '100%',
     padding: 24,
@@ -35413,7 +36473,7 @@ const IndividualTravelPage = ({ trips, tabCounts, enabledTabs = ['current', 'pas
         : activeFilters
             ? 'No trips match the selected filters. Clear a filter or widen the date range.'
             : emptyMessage;
-    return (jsxs("div", { className: cx(sx(pageStyle$g), className), "data-test": "individual-travel-page", "aria-busy": loading || refreshing, children: [jsxs("div", { className: sx(headerStyle$d), children: [jsx("h1", { className: sx(titleStyle$b), children: "Individual & Small Group Travel" }), onCreateRequest && (jsx(Button
+    return (jsxs("div", { className: cx(sx(pageStyle$h), className), "data-test": "individual-travel-page", "aria-busy": loading || refreshing, children: [jsxs("div", { className: sx(headerStyle$d), children: [jsx("h1", { className: sx(titleStyle$b), children: "Individual & Small Group Travel" }), onCreateRequest && (jsx(Button
                     // Explicit: the atom has no default, and inside a host form a
                     // bare <button> would submit it.
                     , { 
@@ -35439,7 +36499,7 @@ const IndividualTravelPage = ({ trips, tabCounts, enabledTabs = ['current', 'pas
  * the three columns and the narrow-screen tab strip — still comes from the
  * RequestFormLayout organism, and the blocks from the FormSection molecule.
  */
-const pageStyle$f = {
+const pageStyle$g = {
     label: 'IndividualTravelRequestPage-pageStyle',
     color: 'var(--color-ink, #282828)',
 };
@@ -36907,9 +37967,9 @@ const IndividualTravelRequestFormPage = ({ currentTraveler, configuration, value
         }
     };
     if (loading) {
-        return (jsx(RequestFormLayout, { className: cx(sx(pageStyle$f), className), header: jsx(RequestFormHeader, { title: "Individual Travel Request" }), children: jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-form-loading", children: [jsx(Spinner, { label: "Loading travel request form" }), jsx("span", { children: "Loading request options\u2026" })] }) }));
+        return (jsx(RequestFormLayout, { className: cx(sx(pageStyle$g), className), header: jsx(RequestFormHeader, { title: "Individual Travel Request" }), children: jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-form-loading", children: [jsx(Spinner, { label: "Loading travel request form" }), jsx("span", { children: "Loading request options\u2026" })] }) }));
     }
-    return (jsx("form", { ref: formRef, className: sx(formStyle), onSubmit: (event) => void handleSubmit(event), noValidate: true, "data-test": "individual-travel-request-form", "aria-busy": busy, children: jsxs(RequestFormLayout, { className: cx(sx(pageStyle$f), className), header: jsx(RequestFormHeader, { title: "Individual Travel Request", eventName: currentTraveler.displayName }), activePane: activePane, onPaneChange: setActivePane, mobileServices: availableServices.map((service) => (jsxs("button", { type: "button", "aria-pressed": activeService === service.key, onClick: () => navigateToService(service.key), "data-test": `individual-travel-request-mobile-service-${service.key}`, children: [service.icon, jsx("span", { children: service.label })] }, service.key))), sidebar: (jsxs("div", { "aria-label": "Travel types", "data-test": "individual-travel-request-service-sidebar", children: [jsx(ServiceToggleList, { services: availableServices, enabledServices: selectedServices, onToggle: (service, checked) => toggleService(service, checked), onClick: navigateToService, className: sx(serviceNavigationStyle), disabled: disabled }), jsxs("div", { className: sx(travelerRailStyle), children: [jsx("h3", { children: "Travelling" }), jsxs("p", { children: [jsx(UsersIcon$1, { size: 17 }), " ", travelerRailSummary] })] })] })), summary: (jsx(RequestSummary, { sections: summarySections, values: {}, dataTest: "individual-travel-request-summary" })), footer: (onCancel || onSubmit) ? (jsx(RequestFormFooter, { onPrevious: onCancel, submitsForm: Boolean(onSubmit), isFirstPage: true, isLastPage: true, isSubmitting: busy, previousText: "Cancel", nextText: submitLabel, previousButtonDataTest: "individual-travel-request-cancel", nextButtonDataTest: "individual-travel-request-submit" })) : undefined, children: [notice && jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-form-notice", children: jsx(Alert, { variant: "warning", children: notice }) }), error && (jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-form-error", children: jsxs(Alert, { variant: "error", title: "The request form needs attention", children: [jsx("div", { children: error }), onRetry && jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onRetry, "data-test": "individual-travel-request-form-retry", children: "Try again" })] }) })), readOnly && (jsx("p", { className: sx(readOnlyNoticeStyle), "data-test": "individual-travel-request-form-read-only", children: "Request submission is unavailable. Form fields are shown for reference only." })), (Object.keys(allErrors).length > 0 || submitError) && (jsxs("div", { ref: errorSummaryRef, className: sx(errorSummaryStyle), role: "alert", tabIndex: -1, "data-test": "individual-travel-request-form-validation", children: [jsx("h2", { children: "Review the request before submitting" }), submitError && jsx("p", { "data-test": "individual-travel-request-form-submit-error", children: submitError }), Object.keys(allErrors).length > 0 && jsx("ul", { children: Object.values(allErrors).map((message, index) => jsx("li", { children: message }, `${message}-${index}`)) })] })), activeService !== 'general' && !selectedServices[activeService] && (jsxs("div", { className: sx(mobileEnableStyle), "data-test": "individual-travel-request-mobile-enable", children: [jsxs("span", { children: ["Add ", SERVICE_LABELS[activeService], " to this request"] }), jsx(Toggle, { "aria-label": `Enable ${SERVICE_LABELS[activeService]}`, checked: false, onChange: () => enableFromStrip(activeService), size: "sm" })] })), jsxs(Section, { title: "Traveler information", description: "Tell the travel team who is traveling. Required fields are marked with an asterisk.", icon: jsx(UsersIcon$1, { size: 24 }), dataTest: "individual-travel-request-section-travelers", children: [jsxs("fieldset", { className: sx(choiceGroupStyle), children: [jsx("legend", { className: sx(legendStyle), children: "Travel for" }), jsxs("label", { className: sx(choiceStyle), children: [jsx("input", { type: "radio", name: "travelerType", value: "self", checked: resolvedValues.travelerType === 'self' || !configuration.allowOtherTravelers, disabled: disabled, onChange: () => commit({ ...resolvedValues, travelerType: 'self', travelers: [] }), "data-test": "individual-travel-request-traveler-self" }), jsxs("span", { className: sx(choiceTextStyle), children: [jsx("strong", { children: currentTraveler.displayName }), jsx("small", { children: currentTraveler.email || 'Authenticated traveler' })] })] }), configuration.allowOtherTravelers && (jsxs("label", { className: sx(choiceStyle), children: [jsx("input", { type: "radio", name: "travelerType", value: "other", checked: resolvedValues.travelerType === 'other', disabled: disabled, onChange: () => commit({
+    return (jsx("form", { ref: formRef, className: sx(formStyle), onSubmit: (event) => void handleSubmit(event), noValidate: true, "data-test": "individual-travel-request-form", "aria-busy": busy, children: jsxs(RequestFormLayout, { className: cx(sx(pageStyle$g), className), header: jsx(RequestFormHeader, { title: "Individual Travel Request", eventName: currentTraveler.displayName }), activePane: activePane, onPaneChange: setActivePane, mobileServices: availableServices.map((service) => (jsxs("button", { type: "button", "aria-pressed": activeService === service.key, onClick: () => navigateToService(service.key), "data-test": `individual-travel-request-mobile-service-${service.key}`, children: [service.icon, jsx("span", { children: service.label })] }, service.key))), sidebar: (jsxs("div", { "aria-label": "Travel types", "data-test": "individual-travel-request-service-sidebar", children: [jsx(ServiceToggleList, { services: availableServices, enabledServices: selectedServices, onToggle: (service, checked) => toggleService(service, checked), onClick: navigateToService, className: sx(serviceNavigationStyle), disabled: disabled }), jsxs("div", { className: sx(travelerRailStyle), children: [jsx("h3", { children: "Travelling" }), jsxs("p", { children: [jsx(UsersIcon$1, { size: 17 }), " ", travelerRailSummary] })] })] })), summary: (jsx(RequestSummary, { sections: summarySections, values: {}, dataTest: "individual-travel-request-summary" })), footer: (onCancel || onSubmit) ? (jsx(RequestFormFooter, { onPrevious: onCancel, submitsForm: Boolean(onSubmit), isFirstPage: true, isLastPage: true, isSubmitting: busy, previousText: "Cancel", nextText: submitLabel, previousButtonDataTest: "individual-travel-request-cancel", nextButtonDataTest: "individual-travel-request-submit" })) : undefined, children: [notice && jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-form-notice", children: jsx(Alert, { variant: "warning", children: notice }) }), error && (jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-form-error", children: jsxs(Alert, { variant: "error", title: "The request form needs attention", children: [jsx("div", { children: error }), onRetry && jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onRetry, "data-test": "individual-travel-request-form-retry", children: "Try again" })] }) })), readOnly && (jsx("p", { className: sx(readOnlyNoticeStyle), "data-test": "individual-travel-request-form-read-only", children: "Request submission is unavailable. Form fields are shown for reference only." })), (Object.keys(allErrors).length > 0 || submitError) && (jsxs("div", { ref: errorSummaryRef, className: sx(errorSummaryStyle), role: "alert", tabIndex: -1, "data-test": "individual-travel-request-form-validation", children: [jsx("h2", { children: "Review the request before submitting" }), submitError && jsx("p", { "data-test": "individual-travel-request-form-submit-error", children: submitError }), Object.keys(allErrors).length > 0 && jsx("ul", { children: Object.values(allErrors).map((message, index) => jsx("li", { children: message }, `${message}-${index}`)) })] })), activeService !== 'general' && !selectedServices[activeService] && (jsxs("div", { className: sx(mobileEnableStyle), "data-test": "individual-travel-request-mobile-enable", children: [jsxs("span", { children: ["Add ", SERVICE_LABELS[activeService], " to this request"] }), jsx(Toggle, { "aria-label": `Enable ${SERVICE_LABELS[activeService]}`, checked: false, onChange: () => enableFromStrip(activeService), size: "sm" })] })), jsxs(Section, { title: "Traveler information", description: "Tell the travel team who is traveling. Required fields are marked with an asterisk.", icon: jsx(UsersIcon$1, { size: 24 }), dataTest: "individual-travel-request-section-travelers", children: [jsxs("fieldset", { className: sx(choiceGroupStyle), children: [jsx("legend", { className: sx(legendStyle), children: "Travel for" }), jsxs("label", { className: sx(choiceStyle), children: [jsx("input", { type: "radio", name: "travelerType", value: "self", checked: resolvedValues.travelerType === 'self' || !configuration.allowOtherTravelers, disabled: disabled, onChange: () => commit({ ...resolvedValues, travelerType: 'self', travelers: [] }), "data-test": "individual-travel-request-traveler-self" }), jsxs("span", { className: sx(choiceTextStyle), children: [jsx("strong", { children: currentTraveler.displayName }), jsx("small", { children: currentTraveler.email || 'Authenticated traveler' })] })] }), configuration.allowOtherTravelers && (jsxs("label", { className: sx(choiceStyle), children: [jsx("input", { type: "radio", name: "travelerType", value: "other", checked: resolvedValues.travelerType === 'other', disabled: disabled, onChange: () => commit({
                                                 ...resolvedValues,
                                                 travelerType: 'other',
                                                 travelers: resolvedValues.travelers.length ? resolvedValues.travelers : [emptyTraveler()],
@@ -36981,7 +38041,7 @@ const IndividualTravelRequestDetailPage = ({ request, loading = false, error, no
             : request
                 ? `Travel request ${request.requestId}`
                 : 'Travel request';
-    return (jsxs("main", { className: cx(sx(pageStyle$f), className), "data-test": "individual-travel-request-detail", "aria-busy": loading, children: [jsxs("header", { className: sx(pageHeaderStyle), children: [jsxs("div", { children: [jsx("p", { className: sx(eyebrowStyle), children: "Individual travel" }), jsx("h1", { className: sx(titleStyle$a), children: title }), request && !loading && !error && (jsxs("div", { className: sx(detailMetaStyle), "data-test": "individual-travel-request-detail-meta", children: [jsxs("span", { children: ["Submitted ", jsx("time", { dateTime: request.submittedAt, children: formatDateTime$1(request.submittedAt) })] }), request.completedAt && jsxs("span", { children: ["Completed ", jsx("time", { dateTime: request.completedAt, children: formatDateTime$1(request.completedAt) })] })] }))] }), onBack && (jsx(Button, { type: "button", variant: "ghost", size: "sm", leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "individual-travel-request-detail-back", children: backLabel }))] }), jsxs("div", { className: sx(contentStyle$3), children: [loading && (jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-loading", children: [jsx(Spinner, { label: "Loading travel request" }), jsx("span", { children: "Loading request details\u2026" })] })), !loading && error && (jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-error", children: [jsx(Alert, { variant: "error", title: "The travel request could not be loaded", children: error }), onRetry && jsx(Button, { type: "button", variant: "secondary", onClick: onRetry, "data-test": "individual-travel-request-detail-retry", children: "Try again" })] })), !loading && !error && !request && (jsx("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-empty", children: jsx("p", { children: "No travel request was supplied." }) })), !loading && !error && request && (jsxs("div", { className: sx(formStyle), children: [notice && jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-detail-notice", children: jsx(Alert, { variant: "warning", children: notice }) }), jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-general", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Request information" }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Request number", dataTest: "individual-travel-request-detail-request-id", children: request.requestId }), jsx(DetailField, { label: "Traveler type", children: request.travelerType === 'self' ? 'Self' : 'Other traveler' }), jsx(DetailField, { label: "Submitted by", children: request.submittedBy?.name }), jsx(DetailField, { label: "Submitter email", children: request.submittedBy?.email }), request.submittedBy?.phone && jsx(DetailField, { label: "Submitter phone", children: request.submittedBy.phone }), request.additionalEmails && jsx(DetailField, { label: "Additional email addresses", children: request.additionalEmails })] })] }), jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-travelers", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Travelers" }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Name" }), jsx("th", { scope: "col", children: "Date of birth" }), jsx("th", { scope: "col", children: "Gender" })] }) }), jsxs("tbody", { children: [request.travelers.map((traveler, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-traveler-${index + 1}`, children: [jsx("td", { children: travelerName(traveler) || '—' }), jsx("td", { children: formatDate(traveler.dateOfBirth) }), jsx("td", { children: traveler.gender || '—' })] }, `${travelerName(traveler)}-${index}`))), !request.travelers.length && jsx("tr", { children: jsx("td", { colSpan: 3, className: sx(emptyValueStyle), children: "No traveler details were supplied." }) })] })] }) })] }), Boolean(request.organizationAnswers?.length) && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-organization", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Organization information" }) }), jsx(AnswerList, { answers: request.organizationAnswers, prefix: "individual-travel-request-detail-organization-answer" })] })), Boolean(request.billingAnswers?.length) && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-billing", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Billing information" }) }), jsx(AnswerList, { answers: request.billingAnswers, prefix: "individual-travel-request-detail-billing-answer" })] })), request.airRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-air", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsxs("div", { children: [jsx("h2", { className: sx(sectionTitleStyle$4), children: "Air Request" }), jsx("p", { className: sx(sectionDescriptionStyle), children: request.airRequest.tripType.replace('-', ' ') })] }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "From" }), jsx("th", { scope: "col", children: "To" }), jsx("th", { scope: "col", children: "Depart" }), request.airRequest.tripType === 'round-trip' && jsx("th", { scope: "col", children: "Return" })] }) }), jsx("tbody", { children: request.airRequest.legs.map((leg, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-air-leg-${index + 1}`, children: [jsx("td", { children: leg.departureLocation }), jsx("td", { children: leg.arrivalLocation }), jsxs("td", { children: [formatDate(leg.departureDate), " \u00B7 ", leg.departureTime] }), request.airRequest?.tripType === 'round-trip' && jsxs("td", { children: [formatDate(leg.returnDate), " \u00B7 ", leg.returnTime || '—'] })] }, index))) })] }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Fare preference", children: request.airRequest.farePreference }), jsx(DetailField, { label: "Flight preference", children: request.airRequest.flightPreference }), jsx(DetailField, { label: "Preferred airline", children: request.airRequest.preferredAirline }), jsx(DetailField, { label: "Most important factor", children: request.airRequest.priority }), request.airRequest.details && jsx(DetailField, { label: "Air details", children: request.airRequest.details })] })] })), request.hotelRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-hotel", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Hotel Request" }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "City" }), jsx("th", { scope: "col", children: "Check in" }), jsx("th", { scope: "col", children: "Check out" })] }) }), jsx("tbody", { children: request.hotelRequest.legs.map((leg, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-hotel-leg-${index + 1}`, children: [jsx("td", { children: leg.city }), jsx("td", { children: formatDate(leg.checkInDate) }), jsx("td", { children: formatDate(leg.checkOutDate) })] }, index))) })] }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Bed preference", children: request.hotelRequest.bedPreference }), jsx(DetailField, { label: "Smoking preference", children: request.hotelRequest.smokingPreference }), jsx(DetailField, { label: "Preferred hotel", children: request.hotelRequest.preferredHotel })] })] })), request.carRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-car", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Vehicle Rental Request" }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Pickup" }), jsx("th", { scope: "col", children: "Pickup date" }), jsx("th", { scope: "col", children: "Drop-off" }), jsx("th", { scope: "col", children: "Drop-off date" })] }) }), jsx("tbody", { children: request.carRequest.legs.map((leg, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-car-leg-${index + 1}`, children: [jsxs("td", { children: [leg.pickupCity, leg.pickupLocation ? ` · ${leg.pickupLocation}` : ''] }), jsxs("td", { children: [formatDate(leg.pickupDate), " \u00B7 ", leg.pickupTime] }), jsx("td", { children: leg.dropoffLocation || leg.pickupCity }), jsxs("td", { children: [formatDate(leg.dropoffDate), " \u00B7 ", leg.dropoffTime] })] }, index))) })] }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Vehicle type", children: request.carRequest.vehicleType }), jsx(DetailField, { label: "Rental company", children: request.carRequest.rentalCompany }), jsx(DetailField, { label: "Flight number or tail number", children: request.carRequest.flightNumberOrTailNumber })] })] })), request.busRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-bus", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Bus Request" }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Pickup city", children: request.busRequest.pickupCity }), jsx(DetailField, { label: "Pickup location", children: request.busRequest.pickupLocation }), jsx(DetailField, { label: "Pickup date and time", children: formatDateTime$1(request.busRequest.pickupDateTime) }), jsx(DetailField, { label: "Drop-off city", children: request.busRequest.dropoffCity }), jsx(DetailField, { label: "Drop-off location", children: request.busRequest.dropoffLocation }), jsx(DetailField, { label: "Drop-off date and time", children: formatDateTime$1(request.busRequest.dropoffDateTime) }), jsx(DetailField, { label: "Vehicle type", children: request.busRequest.vehicleType }), request.busRequest.specialRequests && jsx(DetailField, { label: "Bus requests", children: request.busRequest.specialRequests })] })] })), request.specialRequests && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-special-requests", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Additional requests" }) }), jsx("p", { children: request.specialRequests })] }))] }))] })] }));
+    return (jsxs("main", { className: cx(sx(pageStyle$g), className), "data-test": "individual-travel-request-detail", "aria-busy": loading, children: [jsxs("header", { className: sx(pageHeaderStyle), children: [jsxs("div", { children: [jsx("p", { className: sx(eyebrowStyle), children: "Individual travel" }), jsx("h1", { className: sx(titleStyle$a), children: title }), request && !loading && !error && (jsxs("div", { className: sx(detailMetaStyle), "data-test": "individual-travel-request-detail-meta", children: [jsxs("span", { children: ["Submitted ", jsx("time", { dateTime: request.submittedAt, children: formatDateTime$1(request.submittedAt) })] }), request.completedAt && jsxs("span", { children: ["Completed ", jsx("time", { dateTime: request.completedAt, children: formatDateTime$1(request.completedAt) })] })] }))] }), onBack && (jsx(Button, { type: "button", variant: "ghost", size: "sm", leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "individual-travel-request-detail-back", children: backLabel }))] }), jsxs("div", { className: sx(contentStyle$3), children: [loading && (jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-loading", children: [jsx(Spinner, { label: "Loading travel request" }), jsx("span", { children: "Loading request details\u2026" })] })), !loading && error && (jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-error", children: [jsx(Alert, { variant: "error", title: "The travel request could not be loaded", children: error }), onRetry && jsx(Button, { type: "button", variant: "secondary", onClick: onRetry, "data-test": "individual-travel-request-detail-retry", children: "Try again" })] })), !loading && !error && !request && (jsx("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-empty", children: jsx("p", { children: "No travel request was supplied." }) })), !loading && !error && request && (jsxs("div", { className: sx(formStyle), children: [notice && jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-detail-notice", children: jsx(Alert, { variant: "warning", children: notice }) }), jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-general", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Request information" }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Request number", dataTest: "individual-travel-request-detail-request-id", children: request.requestId }), jsx(DetailField, { label: "Traveler type", children: request.travelerType === 'self' ? 'Self' : 'Other traveler' }), jsx(DetailField, { label: "Submitted by", children: request.submittedBy?.name }), jsx(DetailField, { label: "Submitter email", children: request.submittedBy?.email }), request.submittedBy?.phone && jsx(DetailField, { label: "Submitter phone", children: request.submittedBy.phone }), request.additionalEmails && jsx(DetailField, { label: "Additional email addresses", children: request.additionalEmails })] })] }), jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-travelers", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Travelers" }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Name" }), jsx("th", { scope: "col", children: "Date of birth" }), jsx("th", { scope: "col", children: "Gender" })] }) }), jsxs("tbody", { children: [request.travelers.map((traveler, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-traveler-${index + 1}`, children: [jsx("td", { children: travelerName(traveler) || '—' }), jsx("td", { children: formatDate(traveler.dateOfBirth) }), jsx("td", { children: traveler.gender || '—' })] }, `${travelerName(traveler)}-${index}`))), !request.travelers.length && jsx("tr", { children: jsx("td", { colSpan: 3, className: sx(emptyValueStyle), children: "No traveler details were supplied." }) })] })] }) })] }), Boolean(request.organizationAnswers?.length) && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-organization", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Organization information" }) }), jsx(AnswerList, { answers: request.organizationAnswers, prefix: "individual-travel-request-detail-organization-answer" })] })), Boolean(request.billingAnswers?.length) && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-billing", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Billing information" }) }), jsx(AnswerList, { answers: request.billingAnswers, prefix: "individual-travel-request-detail-billing-answer" })] })), request.airRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-air", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsxs("div", { children: [jsx("h2", { className: sx(sectionTitleStyle$4), children: "Air Request" }), jsx("p", { className: sx(sectionDescriptionStyle), children: request.airRequest.tripType.replace('-', ' ') })] }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "From" }), jsx("th", { scope: "col", children: "To" }), jsx("th", { scope: "col", children: "Depart" }), request.airRequest.tripType === 'round-trip' && jsx("th", { scope: "col", children: "Return" })] }) }), jsx("tbody", { children: request.airRequest.legs.map((leg, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-air-leg-${index + 1}`, children: [jsx("td", { children: leg.departureLocation }), jsx("td", { children: leg.arrivalLocation }), jsxs("td", { children: [formatDate(leg.departureDate), " \u00B7 ", leg.departureTime] }), request.airRequest?.tripType === 'round-trip' && jsxs("td", { children: [formatDate(leg.returnDate), " \u00B7 ", leg.returnTime || '—'] })] }, index))) })] }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Fare preference", children: request.airRequest.farePreference }), jsx(DetailField, { label: "Flight preference", children: request.airRequest.flightPreference }), jsx(DetailField, { label: "Preferred airline", children: request.airRequest.preferredAirline }), jsx(DetailField, { label: "Most important factor", children: request.airRequest.priority }), request.airRequest.details && jsx(DetailField, { label: "Air details", children: request.airRequest.details })] })] })), request.hotelRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-hotel", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Hotel Request" }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "City" }), jsx("th", { scope: "col", children: "Check in" }), jsx("th", { scope: "col", children: "Check out" })] }) }), jsx("tbody", { children: request.hotelRequest.legs.map((leg, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-hotel-leg-${index + 1}`, children: [jsx("td", { children: leg.city }), jsx("td", { children: formatDate(leg.checkInDate) }), jsx("td", { children: formatDate(leg.checkOutDate) })] }, index))) })] }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Bed preference", children: request.hotelRequest.bedPreference }), jsx(DetailField, { label: "Smoking preference", children: request.hotelRequest.smokingPreference }), jsx(DetailField, { label: "Preferred hotel", children: request.hotelRequest.preferredHotel })] })] })), request.carRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-car", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Vehicle Rental Request" }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Pickup" }), jsx("th", { scope: "col", children: "Pickup date" }), jsx("th", { scope: "col", children: "Drop-off" }), jsx("th", { scope: "col", children: "Drop-off date" })] }) }), jsx("tbody", { children: request.carRequest.legs.map((leg, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-car-leg-${index + 1}`, children: [jsxs("td", { children: [leg.pickupCity, leg.pickupLocation ? ` · ${leg.pickupLocation}` : ''] }), jsxs("td", { children: [formatDate(leg.pickupDate), " \u00B7 ", leg.pickupTime] }), jsx("td", { children: leg.dropoffLocation || leg.pickupCity }), jsxs("td", { children: [formatDate(leg.dropoffDate), " \u00B7 ", leg.dropoffTime] })] }, index))) })] }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Vehicle type", children: request.carRequest.vehicleType }), jsx(DetailField, { label: "Rental company", children: request.carRequest.rentalCompany }), jsx(DetailField, { label: "Flight number or tail number", children: request.carRequest.flightNumberOrTailNumber })] })] })), request.busRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-bus", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Bus Request" }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Pickup city", children: request.busRequest.pickupCity }), jsx(DetailField, { label: "Pickup location", children: request.busRequest.pickupLocation }), jsx(DetailField, { label: "Pickup date and time", children: formatDateTime$1(request.busRequest.pickupDateTime) }), jsx(DetailField, { label: "Drop-off city", children: request.busRequest.dropoffCity }), jsx(DetailField, { label: "Drop-off location", children: request.busRequest.dropoffLocation }), jsx(DetailField, { label: "Drop-off date and time", children: formatDateTime$1(request.busRequest.dropoffDateTime) }), jsx(DetailField, { label: "Vehicle type", children: request.busRequest.vehicleType }), request.busRequest.specialRequests && jsx(DetailField, { label: "Bus requests", children: request.busRequest.specialRequests })] })] })), request.specialRequests && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-special-requests", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Additional requests" }) }), jsx("p", { children: request.specialRequests })] }))] }))] })] }));
 };
 
 /**
@@ -36993,7 +38053,7 @@ const IndividualTravelRequestDetailPage = ({ request, loading = false, error, no
  * the first place, and `'& p'` / `'& ul, & ol'` say what `:global` was working
  * around.
  */
-const pageStyle$e = {
+const pageStyle$f = {
     label: 'InfoCenterPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -37293,7 +38353,7 @@ const InfoCenterPage = ({ title = 'Info Center', accountName, articles = [], sta
     };
     const modalMeta = modalArticle ? metaFor(modalArticle.category) : null;
     const ModalCategoryIcon = modalMeta?.icon;
-    return (jsxs("div", { className: cx(sx(pageStyle$e), className), children: [showBreadcrumb && (jsxs("nav", { className: sx(breadcrumbStyle$3), "aria-label": "Breadcrumb", children: [jsxs("a", { href: homeHref, children: [jsx(HomeIcon, { size: 14 }), "Home"] }), jsx("span", { children: "/" }), jsx("span", { children: "Info Center" })] })), jsxs("div", { className: sx(headerStyle$c), children: [jsxs("div", { className: sx(headerTextStyle), children: [jsx("h1", { className: sx(titleStyle$9), children: title }), accountName && (jsxs("p", { className: sx(subtitleStyle$3), children: ["Travel resources and program information for ", accountName, "."] }))] }), isAdmin && (jsxs(Button, { variant: "primary", size: "sm", onClick: onAddArticle, children: [jsx(PlusIcon$2, { size: 15 }), "Add Article"] }))] }), pageState === 'loading' && (jsxs("div", { className: sx(stateBlockStyle), children: [jsx(Spinner, { size: "md" }), jsx("span", { children: "Loading\u2026" })] })), pageState === 'error' && (jsxs("div", { className: cx(sx(stateBlockStyle), sx(stateErrorStyle)), children: [jsx(WarningIcon$1, { size: 28 }), jsx("p", { className: sx(stateTextStyle), children: "Unable to load Info Center resources." })] })), pageState === 'empty' && (jsxs("div", { className: sx(stateBlockStyle), children: [jsx(InfoIcon$1, { size: 28 }), jsx("p", { className: sx(stateTextStyle), children: "No resources available." })] })), pageState === 'data' && (jsxs(Fragment, { children: [jsx(TabStrip, { className: sx(tabsStyle$1), tabs: [
+    return (jsxs("div", { className: cx(sx(pageStyle$f), className), children: [showBreadcrumb && (jsxs("nav", { className: sx(breadcrumbStyle$3), "aria-label": "Breadcrumb", children: [jsxs("a", { href: homeHref, children: [jsx(HomeIcon, { size: 14 }), "Home"] }), jsx("span", { children: "/" }), jsx("span", { children: "Info Center" })] })), jsxs("div", { className: sx(headerStyle$c), children: [jsxs("div", { className: sx(headerTextStyle), children: [jsx("h1", { className: sx(titleStyle$9), children: title }), accountName && (jsxs("p", { className: sx(subtitleStyle$3), children: ["Travel resources and program information for ", accountName, "."] }))] }), isAdmin && (jsxs(Button, { variant: "primary", size: "sm", onClick: onAddArticle, children: [jsx(PlusIcon$2, { size: 15 }), "Add Article"] }))] }), pageState === 'loading' && (jsxs("div", { className: sx(stateBlockStyle), children: [jsx(Spinner, { size: "md" }), jsx("span", { children: "Loading\u2026" })] })), pageState === 'error' && (jsxs("div", { className: cx(sx(stateBlockStyle), sx(stateErrorStyle)), children: [jsx(WarningIcon$1, { size: 28 }), jsx("p", { className: sx(stateTextStyle), children: "Unable to load Info Center resources." })] })), pageState === 'empty' && (jsxs("div", { className: sx(stateBlockStyle), children: [jsx(InfoIcon$1, { size: 28 }), jsx("p", { className: sx(stateTextStyle), children: "No resources available." })] })), pageState === 'data' && (jsxs(Fragment, { children: [jsx(TabStrip, { className: sx(tabsStyle$1), tabs: [
                             { id: 'All', label: 'All', icon: jsx(GridIcon, { size: 15 }) },
                             ...categories.map((cat) => {
                                 const m = metaFor(cat);
@@ -37317,7 +38377,7 @@ const InfoCenterPage = ({ title = 'Info Center', accountName, articles = [], sta
  * between two module classes (`.costTotal .costLabel/.costValue`) becomes
  * `costTotalTextStyle` — see the note there.
  */
-const pageStyle$d = {
+const pageStyle$e = {
     label: 'ItineraryPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -37767,13 +38827,13 @@ const ItineraryPage = ({ tripName, recordLocator, travelers, startDate, endDate,
     const agentCard = agent && (jsxs("section", { className: sx(agentCardStyle), "aria-label": "Your travel team", children: [jsx("div", { className: sx(agentHeaderStyle), children: jsx("h2", { className: sx(agentTitleStyle), children: "Your Travel Team" }) }), jsxs("div", { className: sx(agentRowStyle), children: [jsxs("div", { className: sx(agentInfoStyle), children: [jsx("p", { className: sx(agentNameStyle), children: agent.name }), agent.role && jsx("p", { className: sx(agentRoleStyle), children: agent.role })] }), jsxs("ul", { className: sx(agentLinksStyle), children: [agent.email && (jsx(AgentContact, { icon: jsx(MailIcon, { size: 16 }), label: "Email", children: jsx("a", { className: sx(agentLinkStyle), href: `mailto:${agent.email}`, children: agent.email }) })), agent.businessHours && (jsx(AgentContact, { icon: jsx(CalendarIcon$1, { size: 16 }), label: "Business Hours", children: agent.businessHours })), agent.tollFreeNumber && (jsx(AgentContact, { icon: jsx(PhoneIcon, { size: 16 }), label: "Toll Free Number", children: jsx("a", { className: sx(agentLinkStyle), href: telHref(agent.tollFreeNumber), children: agent.tollFreeNumber }) })), agent.afterHoursPhone && (jsxs(AgentContact, { icon: jsx(HeadsetIcon, { size: 16 }), label: "After-Hours/Emergency Service", children: [jsx("a", { className: sx(agentLinkStyle), href: telHref(agent.afterHoursPhone), children: agent.afterHoursPhone }), agent.afterHoursNote && jsxs(Fragment, { children: [" ", agent.afterHoursNote] })] }))] })] })] }));
     const titleRow = (jsxs("div", { className: sx(titleRowStyle), children: [jsx("h2", { className: sx(sectionTitleStyle$3), children: "Air Invoice Details" }), showStatus && jsx(StatusBadge, { status: badge.variant, label: badge.label })] }));
     const actions = showActions && (jsxs("div", { className: sx(actionsStyle$1), "aria-label": "Itinerary actions", children: [onPrint && jsx(Button, { type: "button", variant: "secondary", size: "sm", leftIcon: jsx(PrinterIcon, { size: 16 }), "data-test": "itinerary-print", onClick: onPrint, children: "Print" }), onEmail && jsx(Button, { type: "button", variant: "secondary", size: "sm", leftIcon: jsx(MailIcon, { size: 16 }), "data-test": "itinerary-email", onClick: onEmail, children: "Email" }), onAddToCalendar && jsx(Button, { type: "button", variant: "secondary", size: "sm", leftIcon: jsx(CalendarIcon$1, { size: 16 }), "data-test": "itinerary-add-to-calendar", onClick: onAddToCalendar, children: "Add to calendar" }), onDownloadInvoice && jsx(Button, { type: "button", variant: "secondary", size: "sm", leftIcon: jsx(DocumentIcon, { size: 16 }), "data-test": "itinerary-download-invoice", onClick: onDownloadInvoice, children: "Invoice PDF" })] }));
-    return (jsxs("div", { className: cx(sx(pageStyle$d), className), "data-test": "itinerary-page", children: [jsx(PageHeaderSubsection, { sectionName: sectionName, pageName: pageName ?? (travelers.length > 0 ? `Itinerary for ${itineraryPageName(travelers)}` : 'Itinerary'), meta: startDate && endDate ? jsx(TravelDateRange, { startDate: startDate, endDate: endDate }) : undefined, onBack: onBack, backLabel: backLabel }), !showInvoice && notices, !showInvoice && agentCard, showInvoice ? (jsxs("section", { className: sx(invoiceSectionStyle), "aria-label": "Booking and invoice", children: [jsxs("div", { className: sx(invoiceActionsStyle), children: [jsx(Segment, { size: "sm", options: VIEW_OPTIONS, value: view, onChange: changeView, "aria-label": "Itinerary view" }), actions] }), !itineraryOnly && notices, !itineraryOnly && agentCard, !itineraryOnly && bookingCard, !itineraryOnly && invoice && jsx(AirInvoiceCard, { ...invoice, title: "Air Invoice Details" })] })) : (jsxs("header", { className: sx(headerStyle$b), children: [jsxs("div", { className: sx(headerMainStyle$1), children: [titleRow, jsxs("dl", { className: sx(factsStyle$1), children: [recordLocator && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: "Confirmation" }), jsx("dd", { className: cx(sx(factValueStyle), sx(monoStyle$1)), children: recordLocator })] })), startDate && endDate && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: "Travel dates" }), jsx("dd", { className: sx(factValueStyle), children: formatItineraryDateRange(startDate, endDate) })] })), travelers.length > 0 && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: travelers.length === 1 ? 'Traveler' : 'Travelers' }), jsx("dd", { className: sx(factValueStyle), title: travelers.join(', '), children: travelerLabel })] })), sportCode && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: "Program" }), jsx("dd", { className: sx(factValueStyle), children: sportCode })] }))] })] }), actions] })), !showInvoice && bookingCard, !itineraryOnly && travelers.length > 1 && (jsxs("section", { className: sx(travelersStyle), "aria-label": "Travelers on this itinerary", children: [jsx("h2", { className: sx(sectionTitleStyle$3), children: "Travelers" }), jsx("ul", { className: sx(travelerListStyle), children: travelers.map((traveler) => jsx("li", { className: sx(travelerChipStyle), children: traveler }, traveler)) })] })), !itineraryOnly && !loading && !error && notice && (jsx("div", { "data-test": "itinerary-notice", children: jsx(Alert, { variant: "warning", title: "Additional booking details", children: notice }) })), jsxs("div", { className: sx(bodyStyle$1), children: [jsx("div", { className: sx(mainStyle$1), children: jsxs("div", { "data-test": loading ? 'itinerary-loading' : error ? 'itinerary-error' : undefined, children: [jsx(ItineraryTimeline, { segments: segments, loading: loading, error: error, onCheckIn: onCheckIn, renderVendorMark: renderVendorMark, showTypeTabs: true }), error && onRetry && (jsx("div", { className: sx(retryRowStyle), children: jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onRetry, "data-test": "itinerary-retry", children: "Try again" }) }))] }) }), !loading && !error && (closingBanners.length > 0 || closingNotes) && (jsxs("div", { className: sx(noticesStyle), "data-test": "itinerary-closing", children: [closingBanners.length > 0 && jsx(PageBanners, { className: sx(bannersStyle), systemBanners: closingBanners, alertBanners: [] }), closingNotes && jsx("div", { className: sx(closingNotesStyle), children: closingNotes })] }))] })] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$e), className), "data-test": "itinerary-page", children: [jsx(PageHeaderSubsection, { sectionName: sectionName, pageName: pageName ?? (travelers.length > 0 ? `Itinerary for ${itineraryPageName(travelers)}` : 'Itinerary'), meta: startDate && endDate ? jsx(TravelDateRange, { startDate: startDate, endDate: endDate }) : undefined, onBack: onBack, backLabel: backLabel }), !showInvoice && notices, !showInvoice && agentCard, showInvoice ? (jsxs("section", { className: sx(invoiceSectionStyle), "aria-label": "Booking and invoice", children: [jsxs("div", { className: sx(invoiceActionsStyle), children: [jsx(Segment, { size: "sm", options: VIEW_OPTIONS, value: view, onChange: changeView, "aria-label": "Itinerary view" }), actions] }), !itineraryOnly && notices, !itineraryOnly && agentCard, !itineraryOnly && bookingCard, !itineraryOnly && invoice && jsx(AirInvoiceCard, { ...invoice, title: "Air Invoice Details" })] })) : (jsxs("header", { className: sx(headerStyle$b), children: [jsxs("div", { className: sx(headerMainStyle$1), children: [titleRow, jsxs("dl", { className: sx(factsStyle$1), children: [recordLocator && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: "Confirmation" }), jsx("dd", { className: cx(sx(factValueStyle), sx(monoStyle$1)), children: recordLocator })] })), startDate && endDate && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: "Travel dates" }), jsx("dd", { className: sx(factValueStyle), children: formatItineraryDateRange(startDate, endDate) })] })), travelers.length > 0 && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: travelers.length === 1 ? 'Traveler' : 'Travelers' }), jsx("dd", { className: sx(factValueStyle), title: travelers.join(', '), children: travelerLabel })] })), sportCode && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: "Program" }), jsx("dd", { className: sx(factValueStyle), children: sportCode })] }))] })] }), actions] })), !showInvoice && bookingCard, !itineraryOnly && travelers.length > 1 && (jsxs("section", { className: sx(travelersStyle), "aria-label": "Travelers on this itinerary", children: [jsx("h2", { className: sx(sectionTitleStyle$3), children: "Travelers" }), jsx("ul", { className: sx(travelerListStyle), children: travelers.map((traveler) => jsx("li", { className: sx(travelerChipStyle), children: traveler }, traveler)) })] })), !itineraryOnly && !loading && !error && notice && (jsx("div", { "data-test": "itinerary-notice", children: jsx(Alert, { variant: "warning", title: "Additional booking details", children: notice }) })), jsxs("div", { className: sx(bodyStyle$1), children: [jsx("div", { className: sx(mainStyle$1), children: jsxs("div", { "data-test": loading ? 'itinerary-loading' : error ? 'itinerary-error' : undefined, children: [jsx(ItineraryTimeline, { segments: segments, loading: loading, error: error, onCheckIn: onCheckIn, renderVendorMark: renderVendorMark, showTypeTabs: true }), error && onRetry && (jsx("div", { className: sx(retryRowStyle), children: jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onRetry, "data-test": "itinerary-retry", children: "Try again" }) }))] }) }), !loading && !error && (closingBanners.length > 0 || closingNotes) && (jsxs("div", { className: sx(noticesStyle), "data-test": "itinerary-closing", children: [closingBanners.length > 0 && jsx(PageBanners, { className: sx(bannersStyle), systemBanners: closingBanners, alertBanners: [] }), closingNotes && jsx("div", { className: sx(closingNotesStyle), children: closingNotes })] }))] })] }));
 };
 ItineraryPage.displayName = 'ItineraryPage';
 
 /** NotFoundPage's compiled rules. A straight translation — nothing in the
  *  stylesheet overlapped, so no specificity work was needed. */
-const pageStyle$c = {
+const pageStyle$d = {
     label: 'NotFoundPage-pageStyle',
     display: 'flex',
     alignItems: 'center',
@@ -37840,13 +38900,13 @@ const DefaultIllustration = () => (jsxs("svg", { width: "120", height: "120", vi
  * - Optional illustration
  */
 const NotFoundPage = ({ errorCode = '404', title = 'Page Not Found', message = 'The page you are looking for does not exist or you do not have permission to access it.', action, illustration, className = '', }) => {
-    const pageClasses = cx(sx(pageStyle$c), className);
+    const pageClasses = cx(sx(pageStyle$d), className);
     return (jsx("div", { className: pageClasses, children: jsxs("div", { className: sx(cardStyle), children: [jsx("div", { className: sx(illustrationStyle), children: illustration || jsx(DefaultIllustration, {}) }), jsx("h1", { className: sx(errorCodeStyle), children: errorCode }), jsx("h2", { className: sx(titleStyle$8), children: title }), jsx("p", { className: sx(messageStyle), children: message }), action && (jsx("div", { className: sx(actionStyle), children: action }))] }) }));
 };
 NotFoundPage.displayName = 'NotFoundPage';
 
 /** OffFleetLearnedExamplesPage's compiled rules — flat, no specificity ladder. */
-const pageStyle$b = {
+const pageStyle$c = {
     label: 'OffFleetLearnedExamplesPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -37870,7 +38930,7 @@ const titleStyle$7 = {
     fontWeight: 'var(--fw-semibold)',
     lineHeight: 'var(--lh-2xl)',
 };
-const descriptionStyle$3 = {
+const descriptionStyle$4 = {
     label: 'OffFleetLearnedExamplesPage-descriptionStyle',
     maxWidth: '80ch',
     margin: 0,
@@ -37966,7 +39026,7 @@ const OFF_FLEET_LEARNED_EMPTY_COPY = 'The corpus starts empty and only /api/Repr
  * Learned examples — the corrections corpus. The empty state explains the mechanism
  * rather than apologising, because an empty corpus is the correct starting state.
  */
-const OffFleetLearnedExamplesPage = ({ examples = [], onOpenExample, className = '', }) => (jsxs("div", { className: cx(sx(pageStyle$b), className), "data-test": "off-fleet-learned-examples-page", children: [jsxs("header", { className: sx(headerStyle$a), children: [jsx("h1", { className: sx(titleStyle$7), children: "Learned examples" }), jsx("p", { className: sx(descriptionStyle$3), children: OFF_FLEET_LEARNED_DESCRIPTION })] }), examples.length === 0 ? (jsx(EmptyState$1, { title: "No examples yet", description: OFF_FLEET_LEARNED_EMPTY_COPY, icon: jsx(LightbulbIcon, { size: 32 }) })) : (jsx("ul", { className: sx(examplesStyle), children: examples.map((example) => (jsxs("li", { className: sx(exampleStyle), "data-test": "off-fleet-learned-example", children: [jsxs("div", { className: sx(exampleHeaderStyle), children: [jsx("span", { className: sx(operatorStyle), children: example.operator }), jsxs("span", { className: sx(metaStyle), children: [example.sourceFileName, " \u00B7 learned ", example.learnedLabel] }), onOpenExample && (jsx(Button, { variant: "outline", size: "sm", className: sx(openButtonStyle), onClick: () => onOpenExample(example.id), "data-test": "off-fleet-open-example", children: "Open" }))] }), jsxs("div", { className: sx(pairStyle), children: [jsxs("div", { className: sx(pairSideStyle), children: [jsx("h2", { className: sx(pairTitleStyle), children: "Raw text" }), jsx("pre", { className: sx(codeStyle), "data-test": "off-fleet-example-raw", children: example.rawText })] }), jsxs("div", { className: sx(pairSideStyle), children: [jsx("h2", { className: sx(pairTitleStyle), children: "Corrected JSON" }), jsx("pre", { className: sx(codeStyle), "data-test": "off-fleet-example-json", children: example.correctedJson })] })] })] }, example.id))) }))] }));
+const OffFleetLearnedExamplesPage = ({ examples = [], onOpenExample, className = '', }) => (jsxs("div", { className: cx(sx(pageStyle$c), className), "data-test": "off-fleet-learned-examples-page", children: [jsxs("header", { className: sx(headerStyle$a), children: [jsx("h1", { className: sx(titleStyle$7), children: "Learned examples" }), jsx("p", { className: sx(descriptionStyle$4), children: OFF_FLEET_LEARNED_DESCRIPTION })] }), examples.length === 0 ? (jsx(EmptyState$1, { title: "No examples yet", description: OFF_FLEET_LEARNED_EMPTY_COPY, icon: jsx(LightbulbIcon, { size: 32 }) })) : (jsx("ul", { className: sx(examplesStyle), children: examples.map((example) => (jsxs("li", { className: sx(exampleStyle), "data-test": "off-fleet-learned-example", children: [jsxs("div", { className: sx(exampleHeaderStyle), children: [jsx("span", { className: sx(operatorStyle), children: example.operator }), jsxs("span", { className: sx(metaStyle), children: [example.sourceFileName, " \u00B7 learned ", example.learnedLabel] }), onOpenExample && (jsx(Button, { variant: "outline", size: "sm", className: sx(openButtonStyle), onClick: () => onOpenExample(example.id), "data-test": "off-fleet-open-example", children: "Open" }))] }), jsxs("div", { className: sx(pairStyle), children: [jsxs("div", { className: sx(pairSideStyle), children: [jsx("h2", { className: sx(pairTitleStyle), children: "Raw text" }), jsx("pre", { className: sx(codeStyle), "data-test": "off-fleet-example-raw", children: example.rawText })] }), jsxs("div", { className: sx(pairSideStyle), children: [jsx("h2", { className: sx(pairTitleStyle), children: "Corrected JSON" }), jsx("pre", { className: sx(codeStyle), "data-test": "off-fleet-example-json", children: example.correctedJson })] })] })] }, example.id))) }))] }));
 OffFleetLearnedExamplesPage.displayName = 'OffFleetLearnedExamplesPage';
 
 /**
@@ -37975,7 +39035,7 @@ OffFleetLearnedExamplesPage.displayName = 'OffFleetLearnedExamplesPage';
  * One rule per element, no shared properties between them, so no selector
  * needed doubling on the way across.
  */
-const pageStyle$a = {
+const pageStyle$b = {
     label: 'OffFleetReviewQueuePage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -37999,7 +39059,7 @@ const titleStyle$6 = {
     fontWeight: 'var(--fw-semibold)',
     lineHeight: 'var(--lh-2xl)',
 };
-const descriptionStyle$2 = {
+const descriptionStyle$3 = {
     label: 'OffFleetReviewQueuePage-descriptionStyle',
     maxWidth: '80ch',
     margin: 0,
@@ -38138,7 +39198,7 @@ const OffFleetReviewQueuePage = ({ submissions, counts, onReview, onOpenRawText,
             render: (_value, submission) => (jsx(Button, { size: "sm", onClick: () => onReview?.(submission.id), "data-test": "off-fleet-review", children: "Review" })),
         },
     ];
-    return (jsxs("div", { className: cx(sx(pageStyle$a), className), "data-test": "off-fleet-review-queue-page", children: [jsxs("header", { className: sx(headerStyle$9), children: [jsx("h1", { className: sx(titleStyle$6), children: "Review queue" }), jsx("p", { className: sx(descriptionStyle$2), children: OFF_FLEET_QUEUE_DESCRIPTION })] }), jsxs("div", { className: sx(statsStyle), "data-test": "off-fleet-stats", children: [jsx(Metric, { label: "Needs review", value: tally['needs-review'] }), jsx(Metric, { label: "Received", value: tally.received }), jsx(Metric, { label: "Processing", value: tally.processing }), jsx(Metric, { label: "Parsed", value: tally.parsed }), jsx(Metric, { label: "All submissions", value: tally.all })] }), jsx(Table, { columns: columns, data: submissions, rowKey: "id", loading: loading, emptyContent: jsx(EmptyState$1, { size: "sm", title: "Nothing waiting on review", description: "Submissions land here only when the parser cannot reconcile a quote against a Trip segment. An empty queue means every off-fleet quote matched." }) })] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$b), className), "data-test": "off-fleet-review-queue-page", children: [jsxs("header", { className: sx(headerStyle$9), children: [jsx("h1", { className: sx(titleStyle$6), children: "Review queue" }), jsx("p", { className: sx(descriptionStyle$3), children: OFF_FLEET_QUEUE_DESCRIPTION })] }), jsxs("div", { className: sx(statsStyle), "data-test": "off-fleet-stats", children: [jsx(Metric, { label: "Needs review", value: tally['needs-review'] }), jsx(Metric, { label: "Received", value: tally.received }), jsx(Metric, { label: "Processing", value: tally.processing }), jsx(Metric, { label: "Parsed", value: tally.parsed }), jsx(Metric, { label: "All submissions", value: tally.all })] }), jsx(Table, { columns: columns, data: submissions, rowKey: "id", loading: loading, emptyContent: jsx(EmptyState$1, { size: "sm", title: "Nothing waiting on review", description: "Submissions land here only when the parser cannot reconcile a quote against a Trip segment. An empty queue means every off-fleet quote matched." }) })] }));
 };
 OffFleetReviewQueuePage.displayName = 'OffFleetReviewQueuePage';
 
@@ -38151,7 +39211,7 @@ OffFleetReviewQueuePage.displayName = 'OffFleetReviewQueuePage';
  * `.section` together, is now split across the two style objects it applied to
  * — an object owns every rule that targets it.
  */
-const pageStyle$9 = {
+const pageStyle$a = {
     label: 'OffFleetSubmissionDetailPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -38506,12 +39566,155 @@ const OffFleetSubmissionDetailPage = ({ submissionId, fileName, statusLabel = 'N
         target?.querySelector('input')?.focus();
     };
     const blocked = Boolean(blockedReason);
-    return (jsxs("div", { className: cx(sx(pageStyle$9), className), "data-test": "off-fleet-submission-detail-page", children: [jsxs("div", { className: sx(topRowStyle), children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$2), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "off-fleet-detail-back", children: backLabel })), jsx(StatusBadge, { status: "in-review", label: statusLabel })] }), jsxs("header", { className: sx(headerStyle$8), children: [jsx("h1", { className: sx(titleStyle$5), children: fileName }), jsx("p", { className: sx(subtitleStyle$2), children: submissionId })] }), jsx(Alert, { variant: "warning", title: "Why this needs review", children: jsx("span", { className: sx(reasonStyle), "data-test": "off-fleet-detail-reason", children: failureReason }) }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Source document", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Source document" }), jsx("p", { className: sx(sectionHelpStyle$1), children: "Text the parser actually read \u2014 OCR damage included." }), jsx("pre", { className: sx(rawTextStyle), "data-test": "off-fleet-raw-text", children: rawText })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Submission", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Submission" }), jsxs("dl", { className: sx(factsStyle), children: [jsxs("div", { children: [jsx("dt", { children: "File name" }), jsx("dd", { children: fileName })] }), jsxs("div", { children: [jsx("dt", { children: "Carrier" }), jsx("dd", { children: carrier })] }), jsxs("div", { children: [jsx("dt", { children: "Carrier Union" }), jsx("dd", { className: sx(monoStyle), children: carrierUnion })] }), jsxs("div", { children: [jsx("dt", { children: "Flight Program" }), jsx("dd", { className: sx(monoStyle), children: flightProgram })] }), jsxs("div", { children: [jsx("dt", { children: "Received" }), jsx("dd", { children: receivedAt })] }), jsxs("div", { children: [jsx("dt", { children: "Updated" }), jsx("dd", { children: updatedAt })] })] })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Segments", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Segments" }), jsxs("p", { className: sx(sectionHelpStyle$1), children: [charterSegmentCount, " charter segment(s) on this Flight Program"] }), jsx(Accordion, { defaultOpen: false, header: jsxs("span", { className: sx(accordionHeaderStyle), children: ["Trip segments available for matching (", charterSegmentCount, ")"] }), children: jsx("div", { className: sx(tableScrollStyle), children: jsxs("table", { className: sx(segmentTableStyle), "data-test": "off-fleet-segments", children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Departs" }), jsx("th", { scope: "col", children: "Route" }), jsx("th", { scope: "col", children: "Trip" })] }) }), jsx("tbody", { children: tripSegments.map((segment) => (jsxs("tr", { children: [jsx("td", { children: segment.departs }), jsxs("td", { children: [segment.origin, " \u2192 ", segment.destination] }), jsx("td", { className: sx(monoStyle), children: segment.tripGuid })] }, segment.id))) })] }) }) })] }), extractionJson && (jsx("section", { className: sx(sectionStyle$2), "aria-label": "Extraction JSON", children: jsx(Accordion, { defaultOpen: false, header: jsx("span", { className: sx(accordionHeaderStyle), children: "Extraction JSON as stored" }), children: jsx("pre", { className: sx(rawTextStyle), "data-test": "off-fleet-extraction-json", children: extractionJson }) }) })), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Quote header", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Quote header" }), jsx("p", { className: sx(sectionHelpStyle$1), children: "Fields the parser maps onto the Salesforce Flight Quote. Blank means null." }), jsxs("div", { className: sx(headerGridStyle), children: [jsx(Input, { id: "off-fleet-operator", label: "Operator", helperText: "As stated in the document", value: quoteHeader.operator, onChange: (event) => updateHeader('operator', event.target.value), "data-test": "off-fleet-operator" }), jsx(Input, { id: "off-fleet-charterer", label: "Charterer", helperText: "School or organisation, only if explicit", value: quoteHeader.charterer, onChange: (event) => updateHeader('charterer', event.target.value), "data-test": "off-fleet-charterer" }), jsx(Input, { id: "off-fleet-quote-date", type: "date", label: "Quote date", helperText: "Date of the quote, not of a flight", value: quoteHeader.quoteDate, onChange: (event) => updateHeader('quoteDate', event.target.value), "data-test": "off-fleet-quote-date" }), jsx(Input, { id: "off-fleet-currency", label: "Currency", helperText: "ISO code the document prices in", value: quoteHeader.currency, onChange: (event) => updateHeader('currency', event.target.value), "data-test": "off-fleet-currency" }), jsx(Input, { id: "off-fleet-fuel-base", label: "Fuel base price", helperText: "Numeric, no currency symbol", value: quoteHeader.fuelBasePrice, onChange: (event) => updateHeader('fuelBasePrice', event.target.value), "data-test": "off-fleet-fuel-base" }), jsx(Input, { id: "off-fleet-unit-price", label: "Unit price", helperText: "Only if distinct from the leg table", value: quoteHeader.unitPrice, onChange: (event) => updateHeader('unitPrice', event.target.value), "data-test": "off-fleet-unit-price" }), jsx(Select, { id: "off-fleet-price-basis", label: "Price basis", helperText: "How the stated prices group onto legs. Changing this changes every per-leg price.", options: PRICE_BASIS_OPTIONS, value: quoteHeader.priceBasis, onChange: (event) => updateHeader('priceBasis', event.target.value), className: sx(wideFieldStyle), "data-test": "off-fleet-price-basis" }), jsx(Input, { id: "off-fleet-stated-total", label: "Stated total", helperText: "Only if the document states one. Checked to \u00B1$1 after normalization.", value: quoteHeader.statedTotal, onChange: (event) => updateHeader('statedTotal', event.target.value), "data-test": "off-fleet-stated-total" })] })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Flight legs", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Flight legs" }), jsx("p", { className: sx(sectionHelpStyle$1), children: "One row per leg \u2014 one takeoff, one landing. Order matters for per round trip: legs are paired top-down." }), jsx("ol", { className: sx(legsStyle$1), children: legs.map((leg, index) => (jsxs("li", { className: sx(legStyle$1), ref: (node) => {
+    return (jsxs("div", { className: cx(sx(pageStyle$a), className), "data-test": "off-fleet-submission-detail-page", children: [jsxs("div", { className: sx(topRowStyle), children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$2), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "off-fleet-detail-back", children: backLabel })), jsx(StatusBadge, { status: "in-review", label: statusLabel })] }), jsxs("header", { className: sx(headerStyle$8), children: [jsx("h1", { className: sx(titleStyle$5), children: fileName }), jsx("p", { className: sx(subtitleStyle$2), children: submissionId })] }), jsx(Alert, { variant: "warning", title: "Why this needs review", children: jsx("span", { className: sx(reasonStyle), "data-test": "off-fleet-detail-reason", children: failureReason }) }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Source document", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Source document" }), jsx("p", { className: sx(sectionHelpStyle$1), children: "Text the parser actually read \u2014 OCR damage included." }), jsx("pre", { className: sx(rawTextStyle), "data-test": "off-fleet-raw-text", children: rawText })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Submission", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Submission" }), jsxs("dl", { className: sx(factsStyle), children: [jsxs("div", { children: [jsx("dt", { children: "File name" }), jsx("dd", { children: fileName })] }), jsxs("div", { children: [jsx("dt", { children: "Carrier" }), jsx("dd", { children: carrier })] }), jsxs("div", { children: [jsx("dt", { children: "Carrier Union" }), jsx("dd", { className: sx(monoStyle), children: carrierUnion })] }), jsxs("div", { children: [jsx("dt", { children: "Flight Program" }), jsx("dd", { className: sx(monoStyle), children: flightProgram })] }), jsxs("div", { children: [jsx("dt", { children: "Received" }), jsx("dd", { children: receivedAt })] }), jsxs("div", { children: [jsx("dt", { children: "Updated" }), jsx("dd", { children: updatedAt })] })] })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Segments", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Segments" }), jsxs("p", { className: sx(sectionHelpStyle$1), children: [charterSegmentCount, " charter segment(s) on this Flight Program"] }), jsx(Accordion, { defaultOpen: false, header: jsxs("span", { className: sx(accordionHeaderStyle), children: ["Trip segments available for matching (", charterSegmentCount, ")"] }), children: jsx("div", { className: sx(tableScrollStyle), children: jsxs("table", { className: sx(segmentTableStyle), "data-test": "off-fleet-segments", children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Departs" }), jsx("th", { scope: "col", children: "Route" }), jsx("th", { scope: "col", children: "Trip" })] }) }), jsx("tbody", { children: tripSegments.map((segment) => (jsxs("tr", { children: [jsx("td", { children: segment.departs }), jsxs("td", { children: [segment.origin, " \u2192 ", segment.destination] }), jsx("td", { className: sx(monoStyle), children: segment.tripGuid })] }, segment.id))) })] }) }) })] }), extractionJson && (jsx("section", { className: sx(sectionStyle$2), "aria-label": "Extraction JSON", children: jsx(Accordion, { defaultOpen: false, header: jsx("span", { className: sx(accordionHeaderStyle), children: "Extraction JSON as stored" }), children: jsx("pre", { className: sx(rawTextStyle), "data-test": "off-fleet-extraction-json", children: extractionJson }) }) })), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Quote header", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Quote header" }), jsx("p", { className: sx(sectionHelpStyle$1), children: "Fields the parser maps onto the Salesforce Flight Quote. Blank means null." }), jsxs("div", { className: sx(headerGridStyle), children: [jsx(Input, { id: "off-fleet-operator", label: "Operator", helperText: "As stated in the document", value: quoteHeader.operator, onChange: (event) => updateHeader('operator', event.target.value), "data-test": "off-fleet-operator" }), jsx(Input, { id: "off-fleet-charterer", label: "Charterer", helperText: "School or organisation, only if explicit", value: quoteHeader.charterer, onChange: (event) => updateHeader('charterer', event.target.value), "data-test": "off-fleet-charterer" }), jsx(Input, { id: "off-fleet-quote-date", type: "date", label: "Quote date", helperText: "Date of the quote, not of a flight", value: quoteHeader.quoteDate, onChange: (event) => updateHeader('quoteDate', event.target.value), "data-test": "off-fleet-quote-date" }), jsx(Input, { id: "off-fleet-currency", label: "Currency", helperText: "ISO code the document prices in", value: quoteHeader.currency, onChange: (event) => updateHeader('currency', event.target.value), "data-test": "off-fleet-currency" }), jsx(Input, { id: "off-fleet-fuel-base", label: "Fuel base price", helperText: "Numeric, no currency symbol", value: quoteHeader.fuelBasePrice, onChange: (event) => updateHeader('fuelBasePrice', event.target.value), "data-test": "off-fleet-fuel-base" }), jsx(Input, { id: "off-fleet-unit-price", label: "Unit price", helperText: "Only if distinct from the leg table", value: quoteHeader.unitPrice, onChange: (event) => updateHeader('unitPrice', event.target.value), "data-test": "off-fleet-unit-price" }), jsx(Select, { id: "off-fleet-price-basis", label: "Price basis", helperText: "How the stated prices group onto legs. Changing this changes every per-leg price.", options: PRICE_BASIS_OPTIONS, value: quoteHeader.priceBasis, onChange: (event) => updateHeader('priceBasis', event.target.value), className: sx(wideFieldStyle), "data-test": "off-fleet-price-basis" }), jsx(Input, { id: "off-fleet-stated-total", label: "Stated total", helperText: "Only if the document states one. Checked to \u00B1$1 after normalization.", value: quoteHeader.statedTotal, onChange: (event) => updateHeader('statedTotal', event.target.value), "data-test": "off-fleet-stated-total" })] })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Flight legs", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Flight legs" }), jsx("p", { className: sx(sectionHelpStyle$1), children: "One row per leg \u2014 one takeoff, one landing. Order matters for per round trip: legs are paired top-down." }), jsx("ol", { className: sx(legsStyle$1), children: legs.map((leg, index) => (jsxs("li", { className: sx(legStyle$1), ref: (node) => {
                                 legRefs.current[leg.id] = node;
                             }, "data-test": "off-fleet-leg", children: [jsxs("div", { className: sx(legHeaderStyle), children: [jsxs("span", { className: sx(legIndexStyle), children: ["Leg ", index + 1] }), jsx(StatusBadge, { status: MATCH_BADGES[leg.match].status, label: MATCH_BADGES[leg.match].label }), jsx(Button, { variant: "ghost", size: "sm", className: sx(removeLegStyle), onClick: () => removeLeg(leg.id), "data-test": "off-fleet-remove-leg", children: "Remove leg" })] }), jsxs("div", { className: sx(legGridStyle), children: [jsx(Input, { id: `${leg.id}-date`, size: "sm", type: "date", label: "Date", value: leg.date, onChange: (event) => updateLeg(leg.id, { date: event.target.value }), "data-test": "off-fleet-leg-date" }), jsx(Input, { id: `${leg.id}-from`, size: "sm", label: "From", value: leg.from, onChange: (event) => updateLeg(leg.id, { from: event.target.value.toUpperCase() }), "data-test": "off-fleet-leg-from" }), jsx(Input, { id: `${leg.id}-to`, size: "sm", label: "To", value: leg.to, onChange: (event) => updateLeg(leg.id, { to: event.target.value.toUpperCase() }), "data-test": "off-fleet-leg-to" }), jsx(Input, { id: `${leg.id}-etd`, size: "sm", label: "ETD", value: leg.etd, onChange: (event) => updateLeg(leg.id, { etd: event.target.value }), "data-test": "off-fleet-leg-etd" }), jsx(Input, { id: `${leg.id}-eta`, size: "sm", label: "ETA", value: leg.eta, onChange: (event) => updateLeg(leg.id, { eta: event.target.value }), "data-test": "off-fleet-leg-eta" }), jsx(Input, { id: `${leg.id}-aircraft`, size: "sm", label: "Aircraft", value: leg.aircraft, onChange: (event) => updateLeg(leg.id, { aircraft: event.target.value }), "data-test": "off-fleet-leg-aircraft" }), jsx(Input, { id: `${leg.id}-seats`, size: "sm", label: "Seats", value: leg.seats, onChange: (event) => updateLeg(leg.id, { seats: event.target.value }), "data-test": "off-fleet-leg-seats" }), jsx(Input, { id: `${leg.id}-price`, size: "sm", label: "Price", value: leg.price, onChange: (event) => updateLeg(leg.id, { price: event.target.value }), "data-test": "off-fleet-leg-price" })] })] }, leg.id))) }), jsx(Button, { variant: "outline", size: "sm", onClick: addLeg, "data-test": "off-fleet-add-leg", children: "Add leg" })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Ambiguity flag", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Ambiguity flag" }), jsx(Textarea, { id: "off-fleet-ambiguity", label: "Ambiguity reason", helperText: "What a human still cannot tell from the document. Left blank, the extraction is treated as unambiguous.", rows: 3, value: ambiguityReason, onChange: (event) => setAmbiguityReason(event.target.value), "data-test": "off-fleet-ambiguity" })] }), preflight && (jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Pre-flight check", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Pre-flight check" }), jsx("div", { className: sx(tableScrollStyle), children: jsxs("table", { className: sx(preflightTableStyle), "data-test": "off-fleet-preflight", children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Leg" }), jsx("th", { scope: "col", children: "As stated" }), jsx("th", { scope: "col", children: "Per leg after normalization" })] }) }), jsx("tbody", { children: preflight.rows.map((row) => (jsxs("tr", { children: [jsx("th", { scope: "row", children: row.leg }), jsx("td", { children: row.asStated }), jsx("td", { children: row.perLegAfterNormalization })] }, row.leg))) }), jsx("tfoot", { children: jsxs("tr", { children: [jsx("th", { scope: "row", children: "Total" }), jsx("td", {}), jsx("td", { "data-test": "off-fleet-preflight-total", children: preflight.total })] }) })] }) }), jsxs("p", { className: sx(unmatchedStyle), "data-test": "off-fleet-unmatched-count", children: [preflight.unmatchedCount, " of ", preflight.legCount, " leg(s) unmatched"] }), jsx("ul", { className: sx(groupingsStyle), "data-test": "off-fleet-trip-groupings", children: preflight.tripGroupings.map((grouping) => (jsxs("li", { className: sx(groupingStyle), children: [jsx("span", { className: sx(monoStyle), children: grouping.tripGuid }), jsxs("span", { children: [grouping.legCount, " leg(s) \u00B7 ", grouping.total] })] }, grouping.tripGuid))) }), jsx("p", { className: sx(consequenceStyle), children: "Each total becomes one QuoteLineItem against a new Flight Quote for that Trip." }), preflight.diagnostics?.map((diagnostic) => (jsxs("div", { className: sx(diagnosticStyle), children: [jsx("p", { className: sx(diagnosticMessageStyle), "data-test": "off-fleet-diagnostic", children: diagnostic.message }), jsx(Button, { variant: "outline", size: "sm", onClick: () => jumpToLeg(diagnostic.legId), "data-test": "off-fleet-jump-to-leg", children: "Jump to leg" })] }, diagnostic.legId))), preflight.warnings?.map((warning) => (jsx(Alert, { variant: "warning", children: jsx("span", { className: sx(reasonStyle), "data-test": "off-fleet-warning", children: warning }) }, warning)))] })), jsxs("div", { className: sx(actionsStyle), children: [jsx(Button, { disabled: blocked, onClick: () => onCheckCorrection?.({ quoteHeader, legs, ambiguityReason }), "data-test": "off-fleet-check-correction", children: "Check correction" }), jsx(Button, { variant: "secondary", disabled: blocked, onClick: onReprocess, "data-test": "off-fleet-reprocess", children: "Reprocess submission" }), blockedReason && (jsx("p", { className: sx(blockedReasonStyle), "data-test": "off-fleet-blocked-reason", children: blockedReason }))] })] }));
 };
 OffFleetSubmissionDetailPage.displayName = 'OffFleetSubmissionDetailPage';
 
+/** OperationsResponseCenterPage's compiled rules. Two panels on desktop; one column under 768px. */
+const pageStyle$9 = {
+    label: 'OperationsResponseCenterPage-pageStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-4)',
+    minHeight: '100%',
+    padding: 'var(--space-5) var(--space-6)',
+    background: 'var(--bg-page)',
+    '@media (max-width: 767px)': {
+        padding: 'var(--space-4)',
+    },
+};
+const descriptionStyle$2 = {
+    label: 'OperationsResponseCenterPage-descriptionStyle',
+    maxWidth: '80ch',
+    margin: 0,
+    color: 'var(--fg-3)',
+    fontSize: 'var(--fs-sm)',
+    lineHeight: 'var(--lh-sm)',
+};
+const panelsStyle = {
+    label: 'OperationsResponseCenterPage-panelsStyle',
+    display: 'grid',
+    gridTemplateColumns: 'minmax(22rem, 2fr) minmax(0, 3fr)',
+    alignItems: 'start',
+    gap: 'var(--space-4)',
+    '@media (max-width: 767px)': {
+        gridTemplateColumns: 'minmax(0, 1fr)',
+    },
+};
+/* The intake panel leaves the flow on mobile; the New incident button opens it full-screen instead. */
+const intakePanelStyle = {
+    label: 'OperationsResponseCenterPage-intakePanelStyle',
+    minWidth: 0,
+    '@media (max-width: 767px)': {
+        display: 'none',
+    },
+};
+const mobileOnlyStyle = {
+    label: 'OperationsResponseCenterPage-mobileOnlyStyle',
+    display: 'none',
+    '@media (max-width: 767px)': {
+        display: 'block',
+    },
+};
+const logPanelStyle = {
+    label: 'OperationsResponseCenterPage-logPanelStyle',
+    minWidth: 0,
+};
+const panelTitleStyle = {
+    label: 'OperationsResponseCenterPage-panelTitleStyle',
+    margin: 0,
+    color: 'var(--fg-1)',
+    fontSize: 'var(--fs-lg)',
+    fontWeight: 'var(--fw-semibold)',
+    lineHeight: 'var(--lh-lg)',
+};
+const feedStyle = {
+    label: 'OperationsResponseCenterPage-feedStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-3)',
+    margin: 0,
+    padding: 0,
+    listStyle: 'none',
+};
+const archiveSurfaceStyle = {
+    label: 'OperationsResponseCenterPage-archiveSurfaceStyle',
+    minWidth: 0,
+};
+const feedToolbarStyle = {
+    label: 'OperationsResponseCenterPage-feedToolbarStyle',
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    gap: 'var(--space-2)',
+    marginBottom: 'var(--space-3)',
+};
+/* A toggle chip: outlined when off, filled red when it is narrowing the log to overdue Incidents. */
+const filterChipStyle = {
+    label: 'OperationsResponseCenterPage-filterChipStyle',
+    display: 'inline-flex',
+    alignItems: 'center',
+    gap: 'var(--space-1-5)',
+    minHeight: 'var(--space-8)',
+    padding: '0 var(--space-3)',
+    border: '1px solid var(--color-alert-error-border)',
+    borderRadius: 'var(--radius-full)',
+    background: 'var(--bg-surface)',
+    color: 'var(--color-error)',
+    fontFamily: 'inherit',
+    fontSize: 'var(--fs-sm)',
+    fontWeight: 'var(--fw-semibold)',
+    lineHeight: 'var(--lh-sm)',
+    cursor: 'pointer',
+    '&:hover': { background: 'var(--alert-error-bg)' },
+    '&:focus-visible': {
+        outline: '2px solid var(--color-primary)',
+        outlineOffset: 2,
+    },
+    '&[aria-pressed="true"]': {
+        borderColor: 'var(--color-error)',
+        background: 'var(--color-error)',
+        color: 'var(--color-white)',
+    },
+};
+
+const PAGE_TITLE = 'Operations Response Center';
+const EMPTY_ARCHIVE = { incidents: [], totalItems: 0, page: 1, filters: {} };
+/**
+ * The Operations Response Center: log an Incident on one side, watch the live
+ * Alert Log of Open Incidents on the other. Incidents with a Route left
+ * unacknowledged too long float to the top in red. Built for a Microsoft
+ * Teams tab, so it carries its own heading and no Hub chrome; one column on mobile.
+ */
+const OperationsResponseCenterPage = ({ view = 'log', incidents, archive = EMPTY_ARCHIVE, accounts, now, staleAfterMinutes = DEFAULT_STALE_AFTER_MINUTES, timeZone = DEFAULT_INCIDENT_TIME_ZONE, defaultLoggingDivision, defaultNeedsAcknowledgementOnly = false, onCreateIncident, onLoggingDivisionChange, onMarkReceived, onComplete, onRenotify, onAddTripType, onRemoveTripType, onAddNote, onResolve, onSeeAll, onBack, onArchiveFiltersChange, onArchivePageChange, className = '', }) => {
+    const drawerTitleId = useId();
+    const [intakeOpen, setIntakeOpen] = useState(false);
+    const [resolvingId, setResolvingId] = useState(null);
+    const [needsAckOnly, setNeedsAckOnly] = useState(defaultNeedsAcknowledgementOnly);
+    const ordered = useMemo(() => orderAlertLog(incidents, now, staleAfterMinutes), [incidents, now, staleAfterMinutes]);
+    const overdueCount = ordered.filter((incident) => isIncidentOverdue(incident, now, staleAfterMinutes)).length;
+    const shown = needsAckOnly
+        ? ordered.filter((incident) => isIncidentOverdue(incident, now, staleAfterMinutes))
+        : ordered;
+    const resolving = incidents.find((incident) => incident.id === resolvingId);
+    if (view === 'archive') {
+        return (jsxs("div", { className: cx(sx(pageStyle$9), className), "data-test": "operations-response-center-page", "data-view": "archive", children: [jsx(PageHeaderSubsection, { sectionName: PAGE_TITLE, pageName: "Archive", meta: jsx("p", { className: sx(descriptionStyle$2), children: "Resolved incidents, newest first. Read-only." }), onBack: onBack, backLabel: "Back to Alert Log" }), jsx(Card, { padding: "md", className: sx(archiveSurfaceStyle), children: jsx(IncidentArchiveTable, { incidents: archive.incidents, totalItems: archive.totalItems, page: archive.page, filters: archive.filters, loading: archive.loading, accounts: accounts, timeZone: timeZone, onFiltersChange: onArchiveFiltersChange, onPageChange: onArchivePageChange }) })] }));
+    }
+    const intakeForm = (inDrawer) => (jsx(IncidentIntakeForm, { accounts: accounts, defaultLoggingDivision: defaultLoggingDivision, onLoggingDivisionChange: onLoggingDivisionChange, onCancel: inDrawer ? () => setIntakeOpen(false) : undefined, onSubmit: (draft) => {
+            onCreateIncident?.(draft);
+            if (inDrawer)
+                setIntakeOpen(false);
+        } }));
+    return (jsxs("div", { className: cx(sx(pageStyle$9), className), "data-test": "operations-response-center-page", "data-view": "log", children: [jsx(PageHeader, { title: PAGE_TITLE, after: jsx("p", { className: sx(descriptionStyle$2), children: "Log incidents, route them to the Divisions and trip types that must act, and see them through to resolution." }) }), jsx("div", { className: sx(mobileOnlyStyle), children: jsx(Button, { size: "lg", fullWidth: true, leftIcon: jsx(PlusIcon$2, { size: 20 }), onClick: () => setIntakeOpen(true), "data-test": "operations-response-center-new-incident", children: "New incident" }) }), jsxs("div", { className: sx(panelsStyle), children: [jsx("section", { className: sx(intakePanelStyle), "aria-label": "New incident panel", children: jsx(Module, { title: jsx("h2", { className: sx(panelTitleStyle), children: "New incident" }), useToggle: false, children: intakeForm(false) }) }), jsx("section", { className: sx(logPanelStyle), "aria-label": "Alert Log panel", children: jsxs(Module, { title: jsx("h2", { className: sx(panelTitleStyle), children: "Alert Log" }), badge: ordered.length || undefined, useToggle: false, footer: jsx(Button, { variant: "secondary", fullWidth: true, onClick: onSeeAll, "data-test": "operations-response-center-see-all", children: "See All" }), children: [(overdueCount > 0 || needsAckOnly) && (jsx("div", { className: sx(feedToolbarStyle), children: jsxs("button", { type: "button", className: sx(filterChipStyle), "aria-pressed": needsAckOnly, onClick: () => setNeedsAckOnly((on) => !on), "data-test": "operations-response-center-needs-ack-filter", children: [jsx(WarningIcon$1, { size: 14, "aria-hidden": "true" }), "Needs acknowledgement (", overdueCount, ")"] }) })), shown.length === 0 ? (needsAckOnly ? (jsx(EmptyState$1, { size: "sm", title: "Nothing needs acknowledgement", description: "Every Route has been acknowledged within the hour. Turn the filter off to see every open incident." })) : (jsx(EmptyState$1, { size: "sm", title: "No open incidents", description: "New incidents appear here as soon as they are logged. Resolved ones move to the Archive." }))) : (jsx("ul", { className: sx(feedStyle), "aria-label": "Open incidents", "data-test": "operations-response-center-feed", children: shown.map((incident) => (jsx("li", { children: jsx(IncidentCard, { incident: incident, now: now, staleAfterMinutes: staleAfterMinutes, timeZone: timeZone, onMarkReceived: onMarkReceived, onComplete: onComplete, onRenotify: onRenotify, onAddTripType: onAddTripType, onRemoveTripType: onRemoveTripType, onAddNote: onAddNote, onResolve: setResolvingId }) }, incident.id))) }))] }) })] }), jsxs(Drawer, { isOpen: intakeOpen, onClose: () => setIntakeOpen(false), position: "right", size: "full", "aria-labelledby": drawerTitleId, children: [jsx(Drawer.Header, { children: jsx("h2", { id: drawerTitleId, className: sx(panelTitleStyle), children: "New incident" }) }), jsx(Drawer.Body, { children: intakeForm(true) })] }), jsx(ResolveIncidentDialog, { isOpen: Boolean(resolving), incidentNumber: resolving?.number, accountName: resolving?.accountName, unacknowledgedCount: resolving?.routes.filter((route) => routeStatus(route) === 'not-acknowledged').length ?? 0, onClose: () => setResolvingId(null), onConfirm: (input) => {
+                    if (resolving)
+                        onResolve?.(resolving.id, input);
+                    setResolvingId(null);
+                } })] }));
+};
+OperationsResponseCenterPage.displayName = 'OperationsResponseCenterPage';
+
 const pageStyle$8 = {
     label: 'RosterProgramNumbersPage-pageStyle',
     display: 'flex',
@@ -39774,5 +40977,5 @@ const TripDetailPage = ({ header, airSegment, groundSegment, hotelSegment, files
 };
 TripDetailPage.displayName = 'TripDetailPage';
 
-export { ACMI_AIRCRAFT_OPTIONS, ACMI_CARRIER_OPTIONS, ACMI_INSURANCE_FLAT, AccentCard, Accordion, AcmiQuoteCalculator, AdministrationPage, AgentGroupTravelRequestsPage, AgentGroupTravelRequestsTable, AirInvoiceCard, AirSegment, Alert, AppLayout, ArrowDownLeftIcon, ArrowUpRightIcon, Avatar, AvatarGroup, BID_TYPE_HEADINGS, BackLink, Badge, BookingDetailsCard, BuildingIcon, BusIcon$2 as BusIcon, Button, ButtonStyled, CARRIER_CATERING_OPTIONS, CARRIER_CONTACT_TYPES, CHAMPIONSHIP_BID_TYPES, CHAMPIONSHIP_HEADINGS, CHARTER_CONTACT_GROUPS, CHARTER_SECTIONS, CalendarIcon$1 as CalendarIcon, CalendarTypeSelector, CalendarViewSelector, CarIcon$1 as CarIcon, Card, CardBody, CardFooter, CardHeader, CarrierProfilePage, ChampionshipBidDetailPage, ChampionshipBidsPage, CharterBidResponsePage, CharterBidViewPage, CharterManifestPage, CharterSourcingEmailPreview, ChartersAccessManagementPage, ChartersHomePage, CheckIcon$1 as CheckIcon, Checkbox, ChevronDownIcon$1 as ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon$1 as ChevronRightIcon, ChevronUpIcon, ClientSelector, CloseIcon, ConfirmModal, ContactCard$1 as ContactCard, ContactList, ContactUsPage, CubeIcon, DOCUMENT_FILE_EXTENSIONS, DashboardIcon, DashboardPage, Datepicker, DetailList, DocumentIcon, DownloadIcon, Drawer, DrawerBody, DrawerFooter, DrawerHeader, Dropdown, DueDatesDrawer, EditIcon$2 as EditIcon, EmptyState$1 as EmptyState, EyeIcon, FeatureFlagManagementPage, FieldLayout, FileUploadButton, FilterChip, FilterIcon$1 as FilterIcon, Flyout, FormField, FormRow, FormSection, FormStack, GridHeaderRow, GridIcon, GridTable, GroundSegment, GroupTravelRequestPage, HUB_ADMIN_ITEM, HUB_AGENTS_ITEM, HUB_INDIVIDUAL_TRAVEL_ITEM, HUB_NAV_ITEMS, HUB_OFF_FLEET_ITEM, HUB_SOURCING_ITEM, HUB_STM_CHARTERS_ITEM, HandIcon, HeadsetIcon, HomeIcon, HotelIcon$3 as HotelIcon, HotelSegment, HubAppShell, Icon, IconRevealLink, Icons, IndividualTravelPage, IndividualTravelRequestDetailPage, IndividualTravelRequestFormPage, InfoCenterPage, InfoIcon$1 as InfoIcon, InfoTile, Input, ItineraryPage, ItinerarySegmentCard, ItineraryTimeline, LightbulbIcon, LimoIcon, ListboxSelect, LockIcon$1 as LockIcon, LogoIcon, LogoutIcon, MailIcon, ManifestCapacityStats, ManifestViewToggle, MegaphoneIcon, MembershipPrograms, MenuIcon, Metric, MinusIcon, Modal, ModalFooter, Module, ModuleDivider, ModuleVerticalDivider, MultiUserSearch, NavCard, NavItem, NextTripCard, NotFoundPage, OFF_FLEET_LEARNED_DESCRIPTION, OFF_FLEET_LEARNED_EMPTY_COPY, OFF_FLEET_QUEUE_DESCRIPTION, OffFleetLearnedExamplesPage, OffFleetReviewQueuePage, OffFleetSubmissionDetailPage, PageBanners, PageHeader, PageHeaderSubsection, Pagination, PanelTabs, PhoneIcon, PlaneIcon$3 as PlaneIcon, PlusIcon$2 as PlusIcon, PreferencesPanel, PrinterIcon, ProfileMenu, Progress, ProgressBar, ProgressCircle, QuoteCostBreakdown, QuoteReviewActions, REGULAR_SEASON_BID_TYPES, RailIcon, RefreshIcon, RegularSeasonBidsPage, RegularSeasonBidsTable, ReportIcon, RequestFormFooter, RequestFormHeader, RequestFormLayout, RequestServiceLink, RequestSummary, ResultCount, RosterProgramNumbersPage, RosterReportsPage, RosterToolbar, SOURCING_COST_CATEGORIES, SOURCING_COST_CATEGORY_LABELS, SUPPLIER_TYPE_OPTIONS, SchoolContactForm, SearchField, SearchIcon$1 as SearchIcon, Segment, SegmentedSelector, Select, SelectFilter, ServiceToggle, ServiceToggleList, SettingsIcon, Sidenav, SingleTeamPanelSelector, SourcingQuoteDetailPage, SourcingReviewQueuePage, SourcingReviewQueueTable, Spinner, SportCodeBadge, StatusBadge, SummarySection, SupplierTypeToggle, TRIP_MONTH_OPTIONS, TabPanelStack, TabStrip, Table, TableCell, Tag, TeamCalendarHeader, TeamCard, TeamContactsPanel, TeamEquipmentForm, TeamHeader, TeamImportForm, TeamManagementPage, TeamPicker, TeamProgramForm, TeamRosterMemberForm, TeamScheduleActions, TeamScheduleCompactTable, TeamScheduleEditor, TeamScheduleExpandedTable, TeamSchedulePage, TeamSubMenu, TeamTravelCalendarCardView, TeamTravelCalendarListView, TeamTravelCalendarPage, TeamTravelCalendarToolbar, TeamTravelCalendarView, TeamUserAccessForm, Textarea, ThemeProvider, Timepicker, Title, Toggle, Tooltip, Topbar, TrashIcon$2 as TrashIcon, TravelBoard, TravelDateRange, TravelServiceIcon, TravelSummaryMetrics, TravelerForm, TrendDownIcon, TrendUpIcon, TripDetailPage, TripSegment, TripTable, TypeIcon, UploadIcon, UserIcon, UsersIcon$1 as UsersIcon, WarningIcon$1 as WarningIcon, XIcon, absoluteFill, accentColors, alertBandTokens, alertTokens, boxShadow, brandColors, breakpoints, buildPaginationItems, buttonReset, computeLineItemTotal, computeQuoteTotals, computeTravelTypeCodes, css, cx, darkTheme, lightTheme as defaultTheme, deriveProgramBidStatus, flexCenter, flexCol, flexRow, font, fontFamily, fontSize, fontWeight, formatCompactTripCost, formatItineraryDate, formatItineraryDateRange, formatItineraryMoney, formatTeamScheduleDueDate, formatTeamScheduleTravelDates, getCharterSourcingEmailRoute, getCharterSourcingEmailSubject, getPageCount, getSegmentDate, getSegmentStartMinutes, getSegmentTitle, getTeamTravelCalendarPeriodLabel, groupSegmentsByDay, iconNames, iconRegistry, injectGlobal, isExpiringSoon, isProgramBiddable, isQuoteActionable, isSportCodeGroup, isTravelDueDateCompleted, isTravelDueDateOverdue, itineraryPageName, leading, lightTheme, lineClamp, lineHeight, matchesQuoteSearch, merge, moveTeamTravelCalendarPeriod, navyColors, neutralColors, ordinalDay, parseClockTime, parseItineraryDate, primaryColors, radius, rounded, semanticColors, shadow, sharedColumnWidth, size, space, spacing, sportCodeVariant, srOnly, statusColors, styled, sx, tabStripTabId, teamColors, textColors, tintColors, toInlineStyle, trans, transition, truncate$1 as truncate, useSharedColumnWidth, useTheme, weight };
+export { ACMI_AIRCRAFT_OPTIONS, ACMI_CARRIER_OPTIONS, ACMI_INSURANCE_FLAT, ARCHIVE_PAGE_SIZE, AccentCard, Accordion, AcmiQuoteCalculator, AdministrationPage, AgentGroupTravelRequestsPage, AgentGroupTravelRequestsTable, AirInvoiceCard, AirSegment, Alert, AppLayout, ArrowDownLeftIcon, ArrowUpRightIcon, Avatar, AvatarGroup, BID_TYPE_HEADINGS, BackLink, Badge, BookingDetailsCard, BuildingIcon, BusIcon$2 as BusIcon, Button, ButtonStyled, CARRIER_CATERING_OPTIONS, CARRIER_CONTACT_TYPES, CHAMPIONSHIP_BID_TYPES, CHAMPIONSHIP_HEADINGS, CHARTER_CONTACT_GROUPS, CHARTER_SECTIONS, CalendarIcon$1 as CalendarIcon, CalendarTypeSelector, CalendarViewSelector, CarIcon$1 as CarIcon, Card, CardBody, CardFooter, CardHeader, CarrierProfilePage, ChampionshipBidDetailPage, ChampionshipBidsPage, CharterBidResponsePage, CharterBidViewPage, CharterManifestPage, CharterSourcingEmailPreview, ChartersAccessManagementPage, ChartersHomePage, CheckIcon$1 as CheckIcon, Checkbox, ChevronDownIcon$1 as ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon$1 as ChevronRightIcon, ChevronUpIcon, ClientSelector, CloseIcon, ConfirmModal, ContactCard$1 as ContactCard, ContactList, ContactUsPage, CubeIcon, DEFAULT_INCIDENT_TIME_ZONE, DEFAULT_STALE_AFTER_MINUTES, DIVISIONS, DIVISION_LABELS, DOCUMENT_FILE_EXTENSIONS, DashboardIcon, DashboardPage, Datepicker, DetailList, DocumentIcon, DownloadIcon, Drawer, DrawerBody, DrawerFooter, DrawerHeader, Dropdown, DueDatesDrawer, EditIcon$2 as EditIcon, EmptyState$1 as EmptyState, EyeIcon, FeatureFlagManagementPage, FieldLayout, FileUploadButton, FilterChip, FilterIcon$1 as FilterIcon, Flyout, FormField, FormRow, FormSection, FormStack, GridHeaderRow, GridIcon, GridTable, GroundSegment, GroupTravelRequestPage, HUB_ADMIN_ITEM, HUB_AGENTS_ITEM, HUB_INDIVIDUAL_TRAVEL_ITEM, HUB_NAV_ITEMS, HUB_OFF_FLEET_ITEM, HUB_SOURCING_ITEM, HUB_STM_CHARTERS_ITEM, HandIcon, HeadsetIcon, HomeIcon, HotelIcon$3 as HotelIcon, HotelSegment, HubAppShell, Icon, IconRevealLink, Icons, IncidentArchiveTable, IncidentCard, IncidentIntakeForm, IncidentNotes, IndividualTravelPage, IndividualTravelRequestDetailPage, IndividualTravelRequestFormPage, InfoCenterPage, InfoIcon$1 as InfoIcon, InfoTile, Input, ItineraryPage, ItinerarySegmentCard, ItineraryTimeline, LightbulbIcon, LimoIcon, ListboxSelect, LockIcon$1 as LockIcon, LogoIcon, LogoutIcon, MailIcon, ManifestCapacityStats, ManifestViewToggle, MegaphoneIcon, MembershipPrograms, MenuIcon, Metric, MinusIcon, Modal, ModalFooter, Module, ModuleDivider, ModuleVerticalDivider, MultiUserSearch, NavCard, NavItem, NextTripCard, NotFoundPage, OFF_FLEET_LEARNED_DESCRIPTION, OFF_FLEET_LEARNED_EMPTY_COPY, OFF_FLEET_QUEUE_DESCRIPTION, OffFleetLearnedExamplesPage, OffFleetReviewQueuePage, OffFleetSubmissionDetailPage, OperationsResponseCenterPage, PRIORITY_LABELS, PageBanners, PageHeader, PageHeaderSubsection, Pagination, PanelTabs, PhoneIcon, PlaneIcon$3 as PlaneIcon, PlusIcon$2 as PlusIcon, PreferencesPanel, PrinterIcon, ProfileMenu, Progress, ProgressBar, ProgressCircle, QuoteCostBreakdown, QuoteReviewActions, REGULAR_SEASON_BID_TYPES, RESOLUTION_LABELS, ROUTE_STATUS_LABELS, RailIcon, RefreshIcon, RegularSeasonBidsPage, RegularSeasonBidsTable, ReportIcon, RequestFormFooter, RequestFormHeader, RequestFormLayout, RequestServiceLink, RequestSummary, ResolveIncidentDialog, ResultCount, RosterProgramNumbersPage, RosterReportsPage, RosterToolbar, SOURCING_COST_CATEGORIES, SOURCING_COST_CATEGORY_LABELS, SUPPLIER_TYPE_OPTIONS, SchoolContactForm, SearchField, SearchIcon$1 as SearchIcon, Segment, SegmentedSelector, Select, SelectFilter, ServiceToggle, ServiceToggleList, SettingsIcon, Sidenav, SingleTeamPanelSelector, SourcingQuoteDetailPage, SourcingReviewQueuePage, SourcingReviewQueueTable, Spinner, SportCodeBadge, StatusBadge, SummarySection, SupplierTypeToggle, TRIP_MONTH_OPTIONS, TRIP_TYPES, TRIP_TYPE_LABELS, TabPanelStack, TabStrip, Table, TableCell, Tag, TeamCalendarHeader, TeamCard, TeamContactsPanel, TeamEquipmentForm, TeamHeader, TeamImportForm, TeamManagementPage, TeamPicker, TeamProgramForm, TeamRosterMemberForm, TeamScheduleActions, TeamScheduleCompactTable, TeamScheduleEditor, TeamScheduleExpandedTable, TeamSchedulePage, TeamSubMenu, TeamTravelCalendarCardView, TeamTravelCalendarListView, TeamTravelCalendarPage, TeamTravelCalendarToolbar, TeamTravelCalendarView, TeamUserAccessForm, Textarea, ThemeProvider, Timepicker, Title, Toggle, Tooltip, Topbar, TrashIcon$2 as TrashIcon, TravelBoard, TravelDateRange, TravelServiceIcon, TravelSummaryMetrics, TravelerForm, TrendDownIcon, TrendUpIcon, TripDetailPage, TripSegment, TripTable, TypeIcon, UploadIcon, UserIcon, UsersIcon$1 as UsersIcon, WarningIcon$1 as WarningIcon, XIcon, absoluteFill, accentColors, addNoteToIncident, addTripTypeToIncident, addableTripTypes, alertBandTokens, alertTokens, boxShadow, brandColors, breakpoints, buildPaginationItems, buttonReset, canRemoveTripType, completeRoute, computeLineItemTotal, computeQuoteTotals, computeTravelTypeCodes, css, cx, darkTheme, lightTheme as defaultTheme, deriveProgramBidStatus, divisionsForTripTypes, flexCenter, flexCol, flexRow, font, fontFamily, fontSize, fontWeight, formatClockTime, formatCompactTripCost, formatElapsed, formatIncidentDate, formatItineraryDate, formatItineraryDateRange, formatItineraryMoney, formatTeamScheduleDueDate, formatTeamScheduleTravelDates, getCharterSourcingEmailRoute, getCharterSourcingEmailSubject, getPageCount, getSegmentDate, getSegmentStartMinutes, getSegmentTitle, getTeamTravelCalendarPeriodLabel, groupSegmentsByDay, iconNames, iconRegistry, injectGlobal, isExpiringSoon, isIncidentOverdue, isProgramBiddable, isQuoteActionable, isReadyToResolve, isRouteOverdue, isSportCodeGroup, isTravelDueDateCompleted, isTravelDueDateOverdue, itineraryPageName, leading, lightTheme, lineClamp, lineHeight, markRouteReceived, matchesQuoteSearch, merge, moveTeamTravelCalendarPeriod, navyColors, neutralColors, orderAlertLog, ordinalDay, overdueRoutes, parseClockTime, parseItineraryDate, primaryColors, radius, removeTripTypeFromIncident, renotifyRoute, rounded, routeProgress, routeStatus, semanticColors, shadow, sharedColumnWidth, size, sortTripTypes, space, spacing, sportCodeVariant, srOnly, statusColors, styled, sx, tabStripTabId, teamColors, textColors, tintColors, toIncidentDateKey, toInlineStyle, toTelHref, trans, transition, tripTypeDivision, truncate$1 as truncate, useSharedColumnWidth, useTheme, validateIncidentIntake, weight };
 //# sourceMappingURL=index.esm.js.map