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

package/dist/index.js

@@ -1126,7 +1126,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 = {
@@ -1198,7 +1198,7 @@ const variantIcons = {
  */
 const Alert = ({ variant = 'primary', title, children, dismissible = false, onDismiss, className = '', }) => {
     const IconComponent = variantIcons[variant];
-    return (jsxRuntime.jsx("div", { className: cx(sx(alertStyle$5), sx(variantStyles$8[variant]), className), role: "alert", children: jsxRuntime.jsxs("div", { className: sx(contentStyle$e), children: [jsxRuntime.jsx(IconComponent, { className: sx(iconStyle$i), size: 20 }), jsxRuntime.jsxs("div", { className: sx(bodyStyle$e), children: [title && jsxRuntime.jsx("h4", { className: sx(titleStyle$J), children: title }), jsxRuntime.jsx("div", { className: sx(messageStyle$3), children: children })] }), dismissible && onDismiss && (jsxRuntime.jsx("button", { type: "button", onClick: onDismiss, className: sx(dismissButtonStyle), "aria-label": "Dismiss alert", children: jsxRuntime.jsx(CloseIcon, { size: 16 }) }))] }) }));
+    return (jsxRuntime.jsx("div", { className: cx(sx(alertStyle$5), sx(variantStyles$8[variant]), className), role: "alert", children: jsxRuntime.jsxs("div", { className: sx(contentStyle$e), children: [jsxRuntime.jsx(IconComponent, { className: sx(iconStyle$i), size: 20 }), jsxRuntime.jsxs("div", { className: sx(bodyStyle$f), children: [title && jsxRuntime.jsx("h4", { className: sx(titleStyle$J), children: title }), jsxRuntime.jsx("div", { className: sx(messageStyle$3), children: children })] }), dismissible && onDismiss && (jsxRuntime.jsx("button", { type: "button", onClick: onDismiss, className: sx(dismissButtonStyle), "aria-label": "Dismiss alert", children: jsxRuntime.jsx(CloseIcon, { size: 16 }) }))] }) }));
 };
 
 const avatarSizeStyles = {
@@ -2013,12 +2013,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)',
@@ -2065,7 +2065,7 @@ const Checkbox = React.forwardRef(({ label, size = 'md', helperText, error, inde
                                     ? indicator({ checked: !!checked, indeterminate, disabled: !!disabled })
                                     : indeterminate
                                         ? jsxRuntime.jsx(IndeterminateIcon, {})
-                                        : jsxRuntime.jsx(CheckIcon, {}) })] }), label && (jsxRuntime.jsx("span", { className: cx(sx(labelTextStyle), sx(labelTextSizeStyles[size])), children: label }))] }), error && (jsxRuntime.jsx("span", { id: errorId, className: cx(sx(errorTextStyle$6), sx(assistiveOffsetStyles[size])), children: error })), helperText && !error && (jsxRuntime.jsx("span", { id: helperId, className: cx(sx(helperTextStyle$6), sx(assistiveOffsetStyles[size])), children: helperText }))] }));
+                                        : jsxRuntime.jsx(CheckIcon, {}) })] }), label && (jsxRuntime.jsx("span", { className: cx(sx(labelTextStyle), sx(labelTextSizeStyles[size])), children: label }))] }), error && (jsxRuntime.jsx("span", { id: errorId, className: cx(sx(errorTextStyle$7), sx(assistiveOffsetStyles[size])), children: error })), helperText && !error && (jsxRuntime.jsx("span", { id: helperId, className: cx(sx(helperTextStyle$7), sx(assistiveOffsetStyles[size])), children: helperText }))] }));
 });
 Checkbox.displayName = 'Checkbox';
 
@@ -2194,12 +2194,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)',
@@ -2220,7 +2220,7 @@ const Datepicker = React.forwardRef(({ size = 'md', label, helperText, error, fu
     !error && !disabled && sx(inputWrapperHoverStyle), error && sx(inputWrapperErrorStyle), disabled && sx(inputWrapperDisabledStyle));
     return (jsxRuntime.jsxs("div", { className: wrapperClasses, children: [label && (jsxRuntime.jsx("label", { htmlFor: inputId, className: sx(labelStyle$h), children: label })), jsxRuntime.jsxs("div", { className: inputWrapperClasses, children: [jsxRuntime.jsx("span", { className: cx(sx(iconStyle$f), sx(iconSizeStyles$1[size])), children: jsxRuntime.jsx(CalendarIcon, {}) }), jsxRuntime.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 && (jsxRuntime.jsx("span", { id: errorId, className: sx(errorTextStyle$5), children: error })), helperText && !error && (jsxRuntime.jsx("span", { id: helperId, className: sx(helperTextStyle$5), children: helperText }))] }));
+                            .join(' ') || undefined, ...props })] }), error && (jsxRuntime.jsx("span", { id: errorId, className: sx(errorTextStyle$6), children: error })), helperText && !error && (jsxRuntime.jsx("span", { id: helperId, className: sx(helperTextStyle$6), children: helperText }))] }));
 });
 Datepicker.displayName = 'Datepicker';
 
@@ -2917,12 +2917,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)',
@@ -3036,7 +3036,7 @@ const Input = React.forwardRef(({ size = 'md', sizing = 'fixed', label, helperTe
     // 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 (jsxRuntime.jsxs("div", { className: wrapperClasses, children: [label && (jsxRuntime.jsx("label", { htmlFor: inputId, className: sx(labelStyle$g), children: label })), jsxRuntime.jsxs("div", { className: inputWrapperClasses, children: [leftIcon && jsxRuntime.jsx("span", { className: sx(iconStyle$e), children: leftIcon }), jsxRuntime.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 && jsxRuntime.jsx("span", { className: sx(iconStyle$e), children: rightIcon })] }), error && (jsxRuntime.jsx("span", { id: `${inputId}-error`, className: sx(errorTextStyle$4), children: error })), helperText && !error && (jsxRuntime.jsx("span", { id: `${inputId}-helper`, className: sx(helperTextStyle$4), children: helperText }))] }));
+    return (jsxRuntime.jsxs("div", { className: wrapperClasses, children: [label && (jsxRuntime.jsx("label", { htmlFor: inputId, className: sx(labelStyle$g), children: label })), jsxRuntime.jsxs("div", { className: inputWrapperClasses, children: [leftIcon && jsxRuntime.jsx("span", { className: sx(iconStyle$e), children: leftIcon }), jsxRuntime.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 && jsxRuntime.jsx("span", { className: sx(iconStyle$e), children: rightIcon })] }), error && (jsxRuntime.jsx("span", { id: `${inputId}-error`, className: sx(errorTextStyle$5), children: error })), helperText && !error && (jsxRuntime.jsx("span", { id: `${inputId}-helper`, className: sx(helperTextStyle$5), children: helperText }))] }));
 });
 Input.displayName = 'Input';
 /**
@@ -3052,7 +3052,7 @@ const Textarea = React.forwardRef(({ size = 'md', sizing = 'fixed', label, helpe
     // `.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 (jsxRuntime.jsxs("div", { className: wrapperClasses, children: [label && (jsxRuntime.jsx("label", { htmlFor: textareaId, className: sx(labelStyle$g), children: label })), jsxRuntime.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 && (jsxRuntime.jsx("span", { id: `${textareaId}-error`, className: sx(errorTextStyle$4), children: error })), helperText && !error && (jsxRuntime.jsx("span", { id: `${textareaId}-helper`, className: sx(helperTextStyle$4), children: helperText }))] }));
+    return (jsxRuntime.jsxs("div", { className: wrapperClasses, children: [label && (jsxRuntime.jsx("label", { htmlFor: textareaId, className: sx(labelStyle$g), children: label })), jsxRuntime.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 && (jsxRuntime.jsx("span", { id: `${textareaId}-error`, className: sx(errorTextStyle$5), children: error })), helperText && !error && (jsxRuntime.jsx("span", { id: `${textareaId}-helper`, className: sx(helperTextStyle$5), children: helperText }))] }));
 });
 Textarea.displayName = 'Textarea';
 
@@ -3443,12 +3443,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)',
@@ -3485,7 +3485,7 @@ const Select = React.forwardRef(({ options, optionGroups, size = 'md', label, pl
     };
     return (jsxRuntime.jsxs("div", { className: wrapperClasses, children: [label && (jsxRuntime.jsx("label", { htmlFor: selectId, className: sx(labelStyle$e), children: label })), jsxRuntime.jsxs("div", { className: selectWrapperClasses, children: [leftIcon && jsxRuntime.jsx("span", { className: sx(leftIconStyle), children: leftIcon }), jsxRuntime.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 && (jsxRuntime.jsx("option", { value: "", disabled: true, children: placeholder })), renderOptions()] }), jsxRuntime.jsx("span", { className: sx(chevronStyle$5), children: jsxRuntime.jsx(ChevronDownIcon, {}) })] }), error && (jsxRuntime.jsx("span", { id: errorId, className: sx(errorTextStyle$3), children: error })), helperText && !error && (jsxRuntime.jsx("span", { id: helperId, className: sx(helperTextStyle$3), children: helperText }))] }));
+                            .join(' ') || undefined, ...props, children: [placeholder && (jsxRuntime.jsx("option", { value: "", disabled: true, children: placeholder })), renderOptions()] }), jsxRuntime.jsx("span", { className: sx(chevronStyle$5), children: jsxRuntime.jsx(ChevronDownIcon, {}) })] }), error && (jsxRuntime.jsx("span", { id: errorId, className: sx(errorTextStyle$4), children: error })), helperText && !error && (jsxRuntime.jsx("span", { id: helperId, className: sx(helperTextStyle$4), children: helperText }))] }));
 });
 Select.displayName = 'Select';
 
@@ -3527,14 +3527,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 (jsxRuntime.jsxs("span", { className: cx(sx(spinnerStyle$1), sx(sizeStyles$6[size]), className), role: "status", "aria-label": label, style: color ? { color } : undefined, children: [jsxRuntime.jsxs("svg", { className: sx(svgStyle), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsxRuntime.jsx("circle", { className: sx(trackStyle), cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), jsxRuntime.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" })] }), jsxRuntime.jsx("span", { className: sx(srOnlyStyle$4), children: label })] }));
+    return (jsxRuntime.jsxs("span", { className: cx(sx(spinnerStyle$1), sx(sizeStyles$6[size]), className), role: "status", "aria-label": label, style: color ? { color } : undefined, children: [jsxRuntime.jsxs("svg", { className: sx(svgStyle), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsxRuntime.jsx("circle", { className: sx(trackStyle), cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), jsxRuntime.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" })] }), jsxRuntime.jsx("span", { className: sx(srOnlyStyle$6), children: label })] }));
 };
 
 const statusVariantStyles = (theme) => ({
@@ -3858,12 +3858,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)',
@@ -3882,7 +3882,7 @@ const Timepicker = React.forwardRef(({ size = 'md', label, helperText, error, fu
     const inputWrapperClasses = cx(sx(inputWrapperStyle$2), sx(sizeStyles$5[size]), error ? sx(errorStyle$2) : '', disabled ? sx(disabledStyle$4) : '');
     return (jsxRuntime.jsxs("div", { className: wrapperClasses, children: [label && (jsxRuntime.jsx("label", { htmlFor: inputId, className: sx(labelStyle$d), children: label })), jsxRuntime.jsxs("div", { className: inputWrapperClasses, children: [jsxRuntime.jsx("span", { className: sx(iconStyle$d), children: jsxRuntime.jsx(ClockIcon$1, {}) }), jsxRuntime.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 && (jsxRuntime.jsx("span", { id: errorId, className: sx(errorTextStyle$2), children: error })), helperText && !error && (jsxRuntime.jsx("span", { id: helperId, className: sx(helperTextStyle$2), children: helperText }))] }));
+                            .join(' ') || undefined, ...props })] }), error && (jsxRuntime.jsx("span", { id: errorId, className: sx(errorTextStyle$3), children: error })), helperText && !error && (jsxRuntime.jsx("span", { id: helperId, className: sx(helperTextStyle$3), children: helperText }))] }));
 });
 Timepicker.displayName = 'Timepicker';
 
@@ -4566,11 +4566,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,
@@ -4640,7 +4640,7 @@ const Accordion = ({ header, children, defaultOpen = true, open: controlledOpen,
         }
         onOpenChange?.(newOpen);
     };
-    return (jsxRuntime.jsxs("div", { className: cx(sx(accordionStyle), className), children: [jsxRuntime.jsxs("div", { className: sx(headerContainerStyle), children: [jsxRuntime.jsx("button", { type: "button", className: sx(toggleStyle$4), onClick: handleToggle, "aria-expanded": isOpen, children: jsxRuntime.jsx(CaretIcon, { className: cx(sx(caretStyle), isOpen && sx(openStyle$3)) }) }), jsxRuntime.jsx("div", { className: sx(headerStyle$M), children: header })] }), jsxRuntime.jsxs("div", { className: cx(sx(bodyStyle$d), isOpen ? sx(visibleStyle) : sx(hiddenStyle$2)), "aria-hidden": !isOpen, children: [showTimeline && (jsxRuntime.jsxs("div", { className: sx(timelineStyle$1), children: [jsxRuntime.jsx("div", { className: sx(lineStyle) }), jsxRuntime.jsx(CaretIcon, { className: sx(endCaretStyle) })] })), jsxRuntime.jsx("div", { className: sx(contentStyle$9), children: children })] })] }));
+    return (jsxRuntime.jsxs("div", { className: cx(sx(accordionStyle), className), children: [jsxRuntime.jsxs("div", { className: sx(headerContainerStyle), children: [jsxRuntime.jsx("button", { type: "button", className: sx(toggleStyle$4), onClick: handleToggle, "aria-expanded": isOpen, children: jsxRuntime.jsx(CaretIcon, { className: cx(sx(caretStyle), isOpen && sx(openStyle$3)) }) }), jsxRuntime.jsx("div", { className: sx(headerStyle$N), children: header })] }), jsxRuntime.jsxs("div", { className: cx(sx(bodyStyle$e), isOpen ? sx(visibleStyle) : sx(hiddenStyle$2)), "aria-hidden": !isOpen, children: [showTimeline && (jsxRuntime.jsxs("div", { className: sx(timelineStyle$1), children: [jsxRuntime.jsx("div", { className: sx(lineStyle) }), jsxRuntime.jsx(CaretIcon, { className: sx(endCaretStyle) })] })), jsxRuntime.jsx("div", { className: sx(contentStyle$9), children: children })] })] }));
 };
 Accordion.displayName = 'Accordion';
 
@@ -4775,7 +4775,7 @@ const contactStyle$1 = {
     display: 'flex',
     gap: 12,
 };
-const bodyStyle$c = {
+const bodyStyle$d = {
     label: 'ContactCard-bodyStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -4822,7 +4822,7 @@ const linkTextStyle = {
 const ContactCard$1 = ({ name, title, phone, email, action, showAvatar = true, className = '', }) => {
     if (!action && !name)
         return null;
-    return (jsxRuntime.jsxs("div", { className: cx(sx(contactStyle$1), className), children: [name && showAvatar && jsxRuntime.jsx(Avatar, { name: name, size: 36 }), jsxRuntime.jsxs("div", { className: sx(bodyStyle$c), children: [jsxRuntime.jsxs("div", { className: sx(identityStyle$2), children: [action || jsxRuntime.jsx("span", { className: sx(nameStyle$6), children: name }), title && jsxRuntime.jsx("span", { className: sx(titleStyle$H), children: title })] }), phone && (jsxRuntime.jsxs("a", { href: `tel:${phone}`, className: sx(linkStyle$1), children: [jsxRuntime.jsx(PhoneIcon, { size: 16, "aria-hidden": "true" }), jsxRuntime.jsx("span", { className: sx(linkTextStyle), children: phone })] })), email && (jsxRuntime.jsxs("a", { href: `mailto:${email}`, className: sx(linkStyle$1), children: [jsxRuntime.jsx(MailIcon, { size: 16, "aria-hidden": "true" }), jsxRuntime.jsx("span", { className: sx(linkTextStyle), children: email })] }))] })] }));
+    return (jsxRuntime.jsxs("div", { className: cx(sx(contactStyle$1), className), children: [name && showAvatar && jsxRuntime.jsx(Avatar, { name: name, size: 36 }), jsxRuntime.jsxs("div", { className: sx(bodyStyle$d), children: [jsxRuntime.jsxs("div", { className: sx(identityStyle$2), children: [action || jsxRuntime.jsx("span", { className: sx(nameStyle$6), children: name }), title && jsxRuntime.jsx("span", { className: sx(titleStyle$H), children: title })] }), phone && (jsxRuntime.jsxs("a", { href: `tel:${phone}`, className: sx(linkStyle$1), children: [jsxRuntime.jsx(PhoneIcon, { size: 16, "aria-hidden": "true" }), jsxRuntime.jsx("span", { className: sx(linkTextStyle), children: phone })] })), email && (jsxRuntime.jsxs("a", { href: `mailto:${email}`, className: sx(linkStyle$1), children: [jsxRuntime.jsx(MailIcon, { size: 16, "aria-hidden": "true" }), jsxRuntime.jsx("span", { className: sx(linkTextStyle), children: email })] }))] })] }));
 };
 ContactCard$1.displayName = 'ContactCard';
 
@@ -5150,7 +5150,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,
@@ -5158,7 +5158,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',
@@ -5168,7 +5168,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 = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(emptyStateStyle$1), sx(sizeStyles$4[size]), className), "data-test": "empty-state", children: [icon && jsxRuntime.jsx("div", { className: sx(iconStyle$b), "aria-hidden": "true", children: icon }), jsxRuntime.jsx("p", { className: sx(titleStyle$G), children: title }), description && jsxRuntime.jsx("p", { className: sx(descriptionStyle$a), children: description }), (actionLabel || secondaryActionLabel) && (jsxRuntime.jsxs("div", { className: sx(actionsStyle$c), children: [actionLabel && (jsxRuntime.jsx(Button, { size: "sm", onClick: onAction, "data-test": "empty-state-action", children: actionLabel })), secondaryActionLabel && (jsxRuntime.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 = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(emptyStateStyle$1), sx(sizeStyles$4[size]), className), "data-test": "empty-state", children: [icon && jsxRuntime.jsx("div", { className: sx(iconStyle$b), "aria-hidden": "true", children: icon }), jsxRuntime.jsx("p", { className: sx(titleStyle$G), children: title }), description && jsxRuntime.jsx("p", { className: sx(descriptionStyle$b), children: description }), (actionLabel || secondaryActionLabel) && (jsxRuntime.jsxs("div", { className: sx(actionsStyle$d), children: [actionLabel && (jsxRuntime.jsx(Button, { size: "sm", onClick: onAction, "data-test": "empty-state-action", children: actionLabel })), secondaryActionLabel && (jsxRuntime.jsx(Button, { size: "sm", variant: "secondary", onClick: onSecondaryAction, "data-test": "empty-state-secondary-action", children: secondaryActionLabel }))] })), children] }));
 
 /** FieldLayout's compiled rules. */
 const fieldStyle$4 = {
@@ -5252,7 +5252,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)',
 };
@@ -5294,7 +5294,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 ? (jsxRuntime.jsx("p", { id: hintId, className: cx(sx(messageStyle$2), sx(hintStyle$1), labelPosition === 'top' ? '' : sx(hintBesideStyle(Boolean(label && showLabel)))), children: hint })) : null;
-    return (jsxRuntime.jsxs("div", { className: cx(sx(fieldStyle$4), sx(labelPositionStyles[labelPosition]), className), children: [label && showLabel && (jsxRuntime.jsxs("label", { htmlFor: id, className: cx(sx(labelStyle$b), hasError ? sx(labelErrorStyle) : ''), children: [label, required && !disabled && (jsxRuntime.jsx("span", { className: sx(requiredStyle$2), "aria-hidden": "true", children: "*" })), tooltip && (jsxRuntime.jsx(Tooltip, { className: sx(tooltipStyle$1), content: tooltip, children: jsxRuntime.jsx(InfoIcon$1, { size: 16 }) }))] })), labelPosition === 'top' && hintElement, jsxRuntime.jsxs("div", { className: sx(controlStyle$2), children: [leftIcon && !disabled && (jsxRuntime.jsx("span", { className: cx(sx(iconStyle$a), sx(iconLeftStyle)), "aria-hidden": "true", children: leftIcon })), children({ id, describedBy, hasError }), rightIcon && !disabled && (jsxRuntime.jsx("span", { className: cx(sx(iconStyle$a), sx(iconRightStyle)), "aria-hidden": "true", children: rightIcon }))] }), hasError && (jsxRuntime.jsx("p", { id: errorId, className: cx(sx(messageStyle$2), sx(errorStyle$1)), children: error })), note && jsxRuntime.jsx("p", { className: cx(sx(messageStyle$2), sx(noteStyle$2)), children: note }), labelPosition !== 'top' && hintElement] }));
+    return (jsxRuntime.jsxs("div", { className: cx(sx(fieldStyle$4), sx(labelPositionStyles[labelPosition]), className), children: [label && showLabel && (jsxRuntime.jsxs("label", { htmlFor: id, className: cx(sx(labelStyle$b), hasError ? sx(labelErrorStyle) : ''), children: [label, required && !disabled && (jsxRuntime.jsx("span", { className: sx(requiredStyle$2), "aria-hidden": "true", children: "*" })), tooltip && (jsxRuntime.jsx(Tooltip, { className: sx(tooltipStyle$1), content: tooltip, children: jsxRuntime.jsx(InfoIcon$1, { size: 16 }) }))] })), labelPosition === 'top' && hintElement, jsxRuntime.jsxs("div", { className: sx(controlStyle$2), children: [leftIcon && !disabled && (jsxRuntime.jsx("span", { className: cx(sx(iconStyle$a), sx(iconLeftStyle)), "aria-hidden": "true", children: leftIcon })), children({ id, describedBy, hasError }), rightIcon && !disabled && (jsxRuntime.jsx("span", { className: cx(sx(iconStyle$a), sx(iconRightStyle)), "aria-hidden": "true", children: rightIcon }))] }), hasError && (jsxRuntime.jsx("p", { id: errorId, className: cx(sx(messageStyle$2), sx(errorStyle$1)), children: error })), note && jsxRuntime.jsx("p", { className: cx(sx(messageStyle$2), sx(noteStyle$4)), children: note }), labelPosition !== 'top' && hintElement] }));
 };
 FieldLayout.displayName = 'FieldLayout';
 
@@ -5646,14 +5646,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)',
@@ -5711,12 +5711,12 @@ const FormField = React.forwardRef(({ label, helperText, error, required = false
         }
         return (jsxRuntime.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 (jsxRuntime.jsxs("div", { className: cx(sx(formFieldStyle), className), children: [jsxRuntime.jsxs("label", { htmlFor: inputId, className: cx(sx(labelStyle$9), hideLabel && sx(visuallyHiddenStyle$2)), children: [label, required && jsxRuntime.jsx("span", { className: sx(requiredStyle$1), "aria-hidden": "true", children: "*" })] }), renderInput(), helperText && !hasError && (jsxRuntime.jsx("p", { id: helperId, className: sx(helperTextStyle$1), children: helperText })), hasError && (jsxRuntime.jsx("p", { id: errorId, className: sx(errorTextStyle$1), role: "alert", children: error }))] }));
+    return (jsxRuntime.jsxs("div", { className: cx(sx(formFieldStyle), className), children: [jsxRuntime.jsxs("label", { htmlFor: inputId, className: cx(sx(labelStyle$9), hideLabel && sx(visuallyHiddenStyle$2)), children: [label, required && jsxRuntime.jsx("span", { className: sx(requiredStyle$1), "aria-hidden": "true", children: "*" })] }), renderInput(), helperText && !hasError && (jsxRuntime.jsx("p", { id: helperId, className: sx(helperTextStyle$2), children: helperText })), hasError && (jsxRuntime.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%',
@@ -5765,7 +5765,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 (jsxRuntime.jsx("div", { className: cx(sx(rowStyle$8), columnStyle ? sx(columnStyle) : '', sx(gapStyles$1[gap]), stackOnMobile ? sx(stackMobileStyle) : '', className || ''), children: children }));
+    return (jsxRuntime.jsx("div", { className: cx(sx(rowStyle$9), columnStyle ? sx(columnStyle) : '', sx(gapStyles$1[gap]), stackOnMobile ? sx(stackMobileStyle) : '', className || ''), children: children }));
 };
 FormRow.displayName = 'FormRow';
 
@@ -5777,7 +5777,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%',
 };
@@ -5787,14 +5787,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',
@@ -5804,7 +5804,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',
     },
 };
@@ -5835,7 +5835,7 @@ const titleStyle$F = {
         fontSize: 20,
     },
 };
-const fieldsetStyle = {
+const fieldsetStyle$2 = {
     label: 'FormSection-fieldsetStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -5892,12 +5892,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 (jsxRuntime.jsxs("div", { className: cx(sx(sectionStyle$a), className), id: id, "data-test": dataTest, children: [jsxRuntime.jsxs("div", { className: sx(headerStyle$L), children: [icon && jsxRuntime.jsx("span", { className: sx(iconStyle$9), children: icon }), jsxRuntime.jsxs("div", { className: sx(headingStyle$5), children: [jsxRuntime.jsx("h2", { className: sx(titleStyle$F), children: title }), description && jsxRuntime.jsx("p", { className: sx(descriptionStyle$9), children: description })] }), action && jsxRuntime.jsx("div", { className: sx(actionStyle$1), children: action })] }), jsxRuntime.jsxs("fieldset", { disabled: isDisabled, className: cx(sx(fieldsetStyle), isDisabled && sx(disabledStyle$3)), children: [status && (jsxRuntime.jsxs("div", { className: sx(statusStyle$6), children: [jsxRuntime.jsx("span", { className: sx(statusLabelStyle), children: "Status:" }), jsxRuntime.jsx("span", { className: cx(sx(statusValueStyle), sx(statusStyles[status])), children: status === 'submitted' ? 'Submitted' : status === 'draft' ? 'Draft' : 'Not Submitted' })] })), children] })] }));
+    return (jsxRuntime.jsxs("div", { className: cx(sx(sectionStyle$b), className), id: id, "data-test": dataTest, children: [jsxRuntime.jsxs("div", { className: sx(headerStyle$M), children: [icon && jsxRuntime.jsx("span", { className: sx(iconStyle$9), children: icon }), jsxRuntime.jsxs("div", { className: sx(headingStyle$5), children: [jsxRuntime.jsx("h2", { className: sx(titleStyle$F), children: title }), description && jsxRuntime.jsx("p", { className: sx(descriptionStyle$a), children: description })] }), action && jsxRuntime.jsx("div", { className: sx(actionStyle$1), children: action })] }), jsxRuntime.jsxs("fieldset", { disabled: isDisabled, className: cx(sx(fieldsetStyle$2), isDisabled && sx(disabledStyle$3)), children: [status && (jsxRuntime.jsxs("div", { className: sx(statusStyle$6), children: [jsxRuntime.jsx("span", { className: sx(statusLabelStyle), children: "Status:" }), jsxRuntime.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',
 };
@@ -5909,7 +5909,7 @@ const gapStyles = {
 };
 
 /** Standard vertical form-field rhythm used by Hub modal forms. */
-const FormStack = ({ children, gap = 'md', className = '' }) => (jsxRuntime.jsx("div", { className: cx(sx(stackStyle$5), sx(gapStyles[gap]), className), children: children }));
+const FormStack = ({ children, gap = 'md', className = '' }) => (jsxRuntime.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,
@@ -6641,7 +6641,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)',
@@ -6651,7 +6651,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)',
@@ -6787,7 +6787,7 @@ const MultiUserSearch = ({ label = 'Search users', placeholder = 'Type to search
     return (jsxRuntime.jsxs("div", { ref: containerRef, className: cx(sx(containerStyle$4), disabled && sx(disabledStyle$2), className), "data-test": dataTest, children: [label && (jsxRuntime.jsx("label", { className: sx(labelStyle$8), htmlFor: `${dataTest}-input`, children: label })), selectedUsers.length > 0 && (jsxRuntime.jsx("div", { className: sx(selectedUsersStyle), "data-test": `${dataTest}-selected`, children: selectedUsers.map((user) => (jsxRuntime.jsx(Badge, { variant: "info", size: "sm", className: sx(selectedBadgeStyle), "data-test": `${dataTest}-selected-${user.id}`, children: jsxRuntime.jsxs("span", { className: sx(badgeContentStyle), children: [user.name, jsxRuntime.jsx("button", { type: "button", className: sx(removeButtonStyle$1), onClick: () => removeSelection(user.id), "aria-label": `Remove ${user.name}`, disabled: disabled, children: jsxRuntime.jsx(CloseIcon, { size: 12 }) })] }) }, user.id))) })), jsxRuntime.jsxs("div", { className: sx(inputWrapperStyle$1), children: [jsxRuntime.jsx(Input, { ref: inputRef, id: `${dataTest}-input`, type: "search", placeholder: placeholder, value: query, onChange: handleInputChange, onFocus: handleInputFocus, onKeyDown: handleKeyDown, disabled: disabled, leftIcon: jsxRuntime.jsx(SearchIcon$1, { size: 16 }), rightIcon: loading ? jsxRuntime.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 && (jsxRuntime.jsxs("ul", { ref: listRef, id: `${dataTest}-listbox`, className: sx(listboxStyle), role: "listbox", "aria-label": "Search results", "data-test": `${dataTest}-listbox`, children: [loading && (jsxRuntime.jsxs("li", { className: sx(loadingItemStyle), role: "status", children: [jsxRuntime.jsx(Spinner, { size: "sm", label: "Searching users" }), jsxRuntime.jsx("span", { children: "Searching users\u2026" })] })), !loading &&
-                                availableOptions.map((option, index) => (jsxRuntime.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: [jsxRuntime.jsx("span", { className: sx(optionAvatarStyle$1), "aria-hidden": "true", children: jsxRuntime.jsx(UserIcon, { size: 16 }) }), jsxRuntime.jsxs("span", { className: sx(optionContentStyle), children: [jsxRuntime.jsx("span", { className: sx(optionNameStyle), children: option.name }), jsxRuntime.jsx("span", { className: sx(optionEmailStyle), children: option.email }), option.title && (jsxRuntime.jsx("span", { className: sx(optionTitleStyle), children: option.title }))] })] }, option.id))), showNoResults && (jsxRuntime.jsxs("li", { className: sx(noResultsStyle$1), role: "status", children: ["No users found matching \"", trimmedQuery, "\""] }))] })), showMinLengthHint && (jsxRuntime.jsxs("div", { className: sx(hintStyle), role: "status", children: ["Enter at least ", minSearchLength, " characters to search"] }))] }), (helperText || error) && (jsxRuntime.jsx("p", { className: cx(sx(helperTextStyle), error && sx(errorTextStyle)), role: error ? 'alert' : undefined, children: error || helperText }))] }));
+                                availableOptions.map((option, index) => (jsxRuntime.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: [jsxRuntime.jsx("span", { className: sx(optionAvatarStyle$1), "aria-hidden": "true", children: jsxRuntime.jsx(UserIcon, { size: 16 }) }), jsxRuntime.jsxs("span", { className: sx(optionContentStyle), children: [jsxRuntime.jsx("span", { className: sx(optionNameStyle), children: option.name }), jsxRuntime.jsx("span", { className: sx(optionEmailStyle), children: option.email }), option.title && (jsxRuntime.jsx("span", { className: sx(optionTitleStyle), children: option.title }))] })] }, option.id))), showNoResults && (jsxRuntime.jsxs("li", { className: sx(noResultsStyle$1), role: "status", children: ["No users found matching \"", trimmedQuery, "\""] }))] })), showMinLengthHint && (jsxRuntime.jsxs("div", { className: sx(hintStyle), role: "status", children: ["Enter at least ", minSearchLength, " characters to search"] }))] }), (helperText || error) && (jsxRuntime.jsx("p", { className: cx(sx(helperTextStyle$1), error && sx(errorTextStyle$1)), role: error ? 'alert' : undefined, children: error || helperText }))] }));
 };
 MultiUserSearch.displayName = 'MultiUserSearch';
 
@@ -7028,7 +7028,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',
@@ -7044,7 +7044,7 @@ const emptyStyle$n = {
     opacity: 0,
     pointerEvents: 'none',
 };
-const bodyStyle$b = {
+const bodyStyle$c = {
     label: 'PageHeader-bodyStyle',
     display: 'flex',
     justifyContent: 'space-between',
@@ -7086,7 +7086,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 = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(headerStyle$K), !title && sx(emptyStyle$n), className), children: [back, jsxRuntime.jsx("div", { className: sx(bodyStyle$b), children: jsxRuntime.jsxs("div", { className: sx(textStyle), children: [pretitle && jsxRuntime.jsx("h2", { className: sx(pretitleStyle$1), children: pretitle }), jsxRuntime.jsxs("h1", { className: sx(titleStyle$E), children: [title, "\u00A0"] }), after] }) })] }));
+const PageHeader = ({ title, pretitle, after, back, className = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(headerStyle$L), !title && sx(emptyStyle$n), className), children: [back, jsxRuntime.jsx("div", { className: sx(bodyStyle$c), children: jsxRuntime.jsxs("div", { className: sx(textStyle), children: [pretitle && jsxRuntime.jsx("h2", { className: sx(pretitleStyle$1), children: pretitle }), jsxRuntime.jsxs("h1", { className: sx(titleStyle$E), children: [title, "\u00A0"] }), after] }) })] }));
 PageHeader.displayName = 'PageHeader';
 
 /**
@@ -7095,7 +7095,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',
@@ -7133,7 +7133,7 @@ const backButtonStyle$1 = {
         outlineOffset: 2,
     },
 };
-const sectionStyle$9 = {
+const sectionStyle$a = {
     label: 'PageHeaderSubsection-sectionStyle',
     margin: 0,
     color: 'var(--color-slate, #4a5c72)',
@@ -7153,13 +7153,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',
@@ -7179,7 +7179,7 @@ const PageHeaderSubsection = ({ sectionName, pageName, meta, onBack, backLabel =
         else
             window.history.back();
     };
-    return (jsxRuntime.jsxs("div", { className: cx(sx(headerStyle$J), className), "data-test": "page-header-subsection", children: [jsxRuntime.jsxs("div", { className: sx(sectionRowStyle), children: [!hideBack && (jsxRuntime.jsx("button", { type: "button", className: sx(backButtonStyle$1), onClick: handleBack, "aria-label": backLabel, "data-test": "page-header-subsection-back", children: jsxRuntime.jsx(BackIcon$1, {}) })), jsxRuntime.jsx("p", { className: sx(sectionStyle$9), children: sectionName })] }), jsxRuntime.jsx("h1", { className: sx(titleStyle$D), children: pageName }), meta && jsxRuntime.jsx("div", { className: sx(metaStyle$1), children: meta }), actions && jsxRuntime.jsx("div", { className: sx(actionsStyle$b), children: actions })] }));
+    return (jsxRuntime.jsxs("div", { className: cx(sx(headerStyle$K), className), "data-test": "page-header-subsection", children: [jsxRuntime.jsxs("div", { className: sx(sectionRowStyle), children: [!hideBack && (jsxRuntime.jsx("button", { type: "button", className: sx(backButtonStyle$1), onClick: handleBack, "aria-label": backLabel, "data-test": "page-header-subsection-back", children: jsxRuntime.jsx(BackIcon$1, {}) })), jsxRuntime.jsx("p", { className: sx(sectionStyle$a), children: sectionName })] }), jsxRuntime.jsx("h1", { className: sx(titleStyle$D), children: pageName }), meta && jsxRuntime.jsx("div", { className: sx(metaStyle$2), children: meta }), actions && jsxRuntime.jsx("div", { className: sx(actionsStyle$c), children: actions })] }));
 };
 PageHeaderSubsection.displayName = 'PageHeaderSubsection';
 
@@ -7191,7 +7191,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',
@@ -7307,7 +7307,7 @@ const PanelTabs = ({ options, value, onChange, 'aria-label': ariaLabel, children
             choose(event.key === 'Home' ? 0 : options.length - 1);
         }
     };
-    return (jsxRuntime.jsxs("div", { className: cx(sx(rootStyle$2), className), children: [jsxRuntime.jsx("div", { className: cx(sx(tabListStyle), sx(shortenStyle(shortenBelow))), role: "radiogroup", "aria-label": ariaLabel, children: options.map((option, index) => {
+    return (jsxRuntime.jsxs("div", { className: cx(sx(rootStyle$3), className), children: [jsxRuntime.jsx("div", { className: cx(sx(tabListStyle), sx(shortenStyle(shortenBelow))), role: "radiogroup", "aria-label": ariaLabel, children: options.map((option, index) => {
                     const selected = index === chosen;
                     return (jsxRuntime.jsxs("button", { ref: (element) => {
                             tabs.current[index] = element;
@@ -7410,7 +7410,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"])': {
@@ -7493,7 +7493,7 @@ const Pagination = ({ page, pageSize, totalItems, siblingCount = 1, pageSizeOpti
             return;
         onPageChange?.(next);
     };
-    return (jsxRuntime.jsxs("nav", { className: cx(sx(paginationStyle$3), className), "aria-label": ariaLabel, "data-test": "pagination", children: [!hideSummary && (jsxRuntime.jsxs("p", { className: sx(summaryStyle$6), "data-test": "pagination-summary", children: ["Showing ", firstItem, "\u2013", lastItem, " of ", totalItems, " ", itemLabel] })), jsxRuntime.jsxs("div", { className: sx(controlsStyle), children: [showSizeSelector && (jsxRuntime.jsxs("label", { className: sx(pageSizeStyle), children: [jsxRuntime.jsx("span", { children: "Rows per page" }), jsxRuntime.jsx("select", { value: pageSize, onChange: (event) => onPageSizeChange?.(Number(event.target.value)), "data-test": "pagination-page-size", children: pageSizeOptions.map((option) => (jsxRuntime.jsx("option", { value: option, children: option }, option))) })] })), jsxRuntime.jsxs("ul", { className: sx(pagesStyle), children: [jsxRuntime.jsx("li", { children: jsxRuntime.jsx("button", { type: "button", className: sx(stepStyle), onClick: () => goTo(currentPage - 1), disabled: currentPage <= 1, "aria-label": "Previous page", "data-test": "pagination-previous", children: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }) }) }), items.map((item, index) => item === 'ellipsis' ? (jsxRuntime.jsx("li", { className: sx(ellipsisStyle), "aria-hidden": "true", children: "\u2026" }, `ellipsis-${index}`)) : (jsxRuntime.jsx("li", { children: jsxRuntime.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))), jsxRuntime.jsx("li", { children: jsxRuntime.jsx("button", { type: "button", className: sx(stepStyle), onClick: () => goTo(currentPage + 1), disabled: currentPage >= pageCount, "aria-label": "Next page", "data-test": "pagination-next", children: jsxRuntime.jsx(ChevronRightIcon$1, { size: 16 }) }) })] })] })] }));
+    return (jsxRuntime.jsxs("nav", { className: cx(sx(paginationStyle$3), className), "aria-label": ariaLabel, "data-test": "pagination", children: [!hideSummary && (jsxRuntime.jsxs("p", { className: sx(summaryStyle$6), "data-test": "pagination-summary", children: ["Showing ", firstItem, "\u2013", lastItem, " of ", totalItems, " ", itemLabel] })), jsxRuntime.jsxs("div", { className: sx(controlsStyle), children: [showSizeSelector && (jsxRuntime.jsxs("label", { className: sx(pageSizeStyle), children: [jsxRuntime.jsx("span", { children: "Rows per page" }), jsxRuntime.jsx("select", { value: pageSize, onChange: (event) => onPageSizeChange?.(Number(event.target.value)), "data-test": "pagination-page-size", children: pageSizeOptions.map((option) => (jsxRuntime.jsx("option", { value: option, children: option }, option))) })] })), jsxRuntime.jsxs("ul", { className: sx(pagesStyle), children: [jsxRuntime.jsx("li", { children: jsxRuntime.jsx("button", { type: "button", className: sx(stepStyle), onClick: () => goTo(currentPage - 1), disabled: currentPage <= 1, "aria-label": "Previous page", "data-test": "pagination-previous", children: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }) }) }), items.map((item, index) => item === 'ellipsis' ? (jsxRuntime.jsx("li", { className: sx(ellipsisStyle), "aria-hidden": "true", children: "\u2026" }, `ellipsis-${index}`)) : (jsxRuntime.jsx("li", { children: jsxRuntime.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))), jsxRuntime.jsx("li", { children: jsxRuntime.jsx("button", { type: "button", className: sx(stepStyle), onClick: () => goTo(currentPage + 1), disabled: currentPage >= pageCount, "aria-label": "Next page", "data-test": "pagination-next", children: jsxRuntime.jsx(ChevronRightIcon$1, { size: 16 }) }) })] })] })] }));
 };
 
 /* Progress Bar */
@@ -7960,7 +7960,7 @@ const SearchField = React.forwardRef(({ placeholder = 'Search...', value, defaul
 SearchField.displayName = 'SearchField';
 
 /** The form's own vertical rhythm. */
-const formStyle$5 = {
+const formStyle$6 = {
     label: 'SchoolContactForm-formStyle',
     display: 'grid',
     gap: 16,
@@ -8019,7 +8019,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 = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(formStyle$5), className), children: [mode === 'Add' && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("label", { className: sx(portalLabelStyle), children: "Create From Portal User" }), createFromPortalUser] }), jsxRuntime.jsx("div", { className: sx(dividerStyle$2), children: jsxRuntime.jsx("strong", { children: "OR" }) }), jsxRuntime.jsx("p", { className: sx(newContactLabelStyle), children: "Create New Contact Without Portal Access" })] })), jsxRuntime.jsxs("div", { className: sx(nameFieldsStyle), children: [firstNameField, middleInitialField, lastNameField] }), jsxRuntime.jsxs("div", { className: sx(phoneFieldsStyle), children: [businessPhoneField, cellPhoneField] }), jsxRuntime.jsx("div", { children: emailField })] }));
+const SchoolContactForm = ({ mode, createFromPortalUser, firstNameField, middleInitialField, lastNameField, businessPhoneField, cellPhoneField, emailField, className = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(formStyle$6), className), children: [mode === 'Add' && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("label", { className: sx(portalLabelStyle), children: "Create From Portal User" }), createFromPortalUser] }), jsxRuntime.jsx("div", { className: sx(dividerStyle$2), children: jsxRuntime.jsx("strong", { children: "OR" }) }), jsxRuntime.jsx("p", { className: sx(newContactLabelStyle), children: "Create New Contact Without Portal Access" })] })), jsxRuntime.jsxs("div", { className: sx(nameFieldsStyle), children: [firstNameField, middleInitialField, lastNameField] }), jsxRuntime.jsxs("div", { className: sx(phoneFieldsStyle), children: [businessPhoneField, cellPhoneField] }), jsxRuntime.jsx("div", { children: emailField })] }));
 
 const segmentStyle$2 = {
     label: 'Segment-segmentStyle',
@@ -8153,7 +8153,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',
 };
@@ -8182,7 +8182,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 = '' }) => (jsxRuntime.jsx("div", { className: [sx(stackStyle$4), className].filter(Boolean).join(' '), children: panels.map(({ id, content, labelledBy }) => {
+const TabPanelStack = ({ panels, activeId, idPrefix, className = '' }) => (jsxRuntime.jsx("div", { className: [sx(stackStyle$5), className].filter(Boolean).join(' '), children: panels.map(({ id, content, labelledBy }) => {
         const active = id === activeId;
         return (jsxRuntime.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));
     }) }));
@@ -8402,7 +8402,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)',
@@ -8522,7 +8522,7 @@ const TeamPicker = ({ groups, groupOrder, activeGroup, onGroupChange, mode = 'si
                         onOnly(value);
                     }, children: "Only" }))] }, value));
     };
-    return (jsxRuntime.jsxs("div", { className: sx(rootStyle$1), children: [jsxRuntime.jsx("div", { className: sx(tabRowStyle), children: jsxRuntime.jsx(TabStrip, { idPrefix: uid, accent: "teal", "aria-label": ariaLabel, activeTab: current, onTabChange: changeGroup, tabs: ids.map((id) => {
+    return (jsxRuntime.jsxs("div", { className: sx(rootStyle$2), children: [jsxRuntime.jsx("div", { className: sx(tabRowStyle), children: jsxRuntime.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;
@@ -8550,7 +8550,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',
@@ -8760,7 +8760,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)',
@@ -8875,7 +8875,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
@@ -9108,7 +9108,7 @@ const SelectFilter = React.forwardRef(({ label, options = [], groupedOptions = {
     else if (trigger === 'filter') {
         triggerElement = (
         // An outlined pill, blue while open or while a filter is in effect.
-        jsxRuntime.jsxs("button", { "aria-expanded": isOpen, className: cx(sx(filterPillStyle), isOpen || active ? sx(filterPillActiveStyle) : ''), "data-testid": `${label}-filter`, disabled: disabled, onClick: toggle, type: "button", children: [jsxRuntime.jsx(Icon, { name: "Filter", size: 16 }), triggerLabel, active && !(activeCount > 0) && jsxRuntime.jsx("span", { className: sx(srOnlyStyle$3), children: " (filter on)" }), activeCount > 0 && (jsxRuntime.jsx("span", { "aria-label": `${activeCount} on`, className: sx(filterCountStyle), children: activeCount }))] }));
+        jsxRuntime.jsxs("button", { "aria-expanded": isOpen, className: cx(sx(filterPillStyle), isOpen || active ? sx(filterPillActiveStyle) : ''), "data-testid": `${label}-filter`, disabled: disabled, onClick: toggle, type: "button", children: [jsxRuntime.jsx(Icon, { name: "Filter", size: 16 }), triggerLabel, active && !(activeCount > 0) && jsxRuntime.jsx("span", { className: sx(srOnlyStyle$5), children: " (filter on)" }), activeCount > 0 && (jsxRuntime.jsx("span", { "aria-label": `${activeCount} on`, className: sx(filterCountStyle), children: activeCount }))] }));
     }
     else if (trigger === 'link') {
         triggerElement = (jsxRuntime.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 ? (jsxRuntime.jsxs("span", { className: sx(teamValueStyle), children: [jsxRuntime.jsx(SportCodeBadge, { code: codeOf(singleTeam), group: singleTeamTab && isSportCodeGroup(singleTeamTab) ? singleTeamTab : undefined }), jsxRuntime.jsx("span", { children: singleTeam.name ?? singleTeam.label })] })) : (jsxRuntime.jsx("span", { children: triggerText })), chevron] }));
@@ -9116,13 +9116,13 @@ const SelectFilter = React.forwardRef(({ label, options = [], groupedOptions = {
     else {
         triggerElement = (jsxRuntime.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: [jsxRuntime.jsx("span", { className: sx(tagsStyle$1), children: isAll ? (jsxRuntime.jsxs("span", { className: sx(tagStyle), "data-testid": `${label}-option-all`, children: ["All ", label, "s"] })) : !chosen.length ? (jsxRuntime.jsx("span", { className: sx(placeholderStyle), children: placeholderText })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [chosen.slice(0, tagLimit).map(renderTag), remaining > 0 && (jsxRuntime.jsxs("span", { className: sx(tagStyle), "data-testid": `${label}-option-remaining`, children: ["+", remaining] }))] })) }), jsxRuntime.jsx("span", { className: sx(chevronButtonStyle), children: chevron })] }));
     }
-    return (jsxRuntime.jsxs("div", { className: cx(sx(rootStyle), fullWidth ? sx(fullWidthStyle) : '', className ?? ''), ref: (element) => {
+    return (jsxRuntime.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 && (jsxRuntime.jsxs("div", { className: cx(sx(panelStyle$8), sx(trigger === 'icon' || trigger === 'filter' ? panelRightStyle : panelLeftStyle)), style: width ? { minWidth: width } : undefined, children: [header && jsxRuntime.jsx("div", { className: sx(headerStyle$I), children: header }), (title || showAllLink) && (jsxRuntime.jsxs("div", { className: sx(titleRowStyle$5), children: [title && jsxRuntime.jsx("span", { className: sx(titleStyle$C), children: title }), showAllLink && (jsxRuntime.jsx("button", { className: sx(allLinkStyle), onClick: selectAll, type: "button", children: "All" }))] })), jsxRuntime.jsx("div", { className: sx(choicesStyle), ref: choicesRef, children: grouped ? (
+        }, children: [triggerElement, isOpen && (jsxRuntime.jsxs("div", { className: cx(sx(panelStyle$8), sx(trigger === 'icon' || trigger === 'filter' ? panelRightStyle : panelLeftStyle)), style: width ? { minWidth: width } : undefined, children: [header && jsxRuntime.jsx("div", { className: sx(headerStyle$J), children: header }), (title || showAllLink) && (jsxRuntime.jsxs("div", { className: sx(titleRowStyle$5), children: [title && jsxRuntime.jsx("span", { className: sx(titleStyle$C), children: title }), showAllLink && (jsxRuntime.jsx("button", { className: sx(allLinkStyle), onClick: selectAll, type: "button", children: "All" }))] })), jsxRuntime.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.
                         jsxRuntime.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 ? (jsxRuntime.jsx("div", { className: sx(emptyStyle$l), children: "No options found" })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [multiselect && !hideCheckAll && (
@@ -9293,7 +9293,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,
@@ -9305,7 +9305,7 @@ const headerStyle$H = {
         justifyContent: 'space-between',
     },
 };
-const rowStyle$7 = {
+const rowStyle$8 = {
     label: 'TeamCalendarHeader-rowStyle',
     display: 'flex',
     justifyContent: 'space-between',
@@ -9359,7 +9359,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 = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(headerStyle$H), className), children: [jsxRuntime.jsx("div", { className: sx(rowStyle$7), children: jsxRuntime.jsxs("div", { className: sx(identityStyle$1), children: [jsxRuntime.jsx("div", { className: sx(codeStyle$3), children: teamCode }), teamFullName && jsxRuntime.jsx("span", { className: sx(nameStyle$4), children: teamFullName })] }) }), jsxRuntime.jsx("div", { className: sx(contentStyle$8), children: children })] }));
+const TeamCalendarHeader = ({ teamCode, teamFullName, children, className = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(headerStyle$I), className), children: [jsxRuntime.jsx("div", { className: sx(rowStyle$8), children: jsxRuntime.jsxs("div", { className: sx(identityStyle$1), children: [jsxRuntime.jsx("div", { className: sx(codeStyle$3), children: teamCode }), teamFullName && jsxRuntime.jsx("span", { className: sx(nameStyle$4), children: teamFullName })] }) }), jsxRuntime.jsx("div", { className: sx(contentStyle$8), children: children })] }));
 TeamCalendarHeader.displayName = 'TeamCalendarHeader';
 
 /**
@@ -9376,7 +9376,7 @@ const subMenuStyle = {
     label: 'TeamHeader-subMenuStyle',
     marginBottom: 24,
 };
-const headerStyle$G = {
+const headerStyle$H = {
     label: 'TeamHeader-headerStyle',
     display: 'flex',
     alignItems: 'flex-start',
@@ -9442,7 +9442,7 @@ const titleStyle$B = {
         lineHeight: '52px',
     },
 };
-const actionsStyle$a = {
+const actionsStyle$b = {
     label: 'TeamHeader-actionsStyle',
     display: 'flex',
     alignItems: 'center',
@@ -9457,7 +9457,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();
@@ -9467,7 +9467,7 @@ const TeamHeader = ({ title: suppliedTitle, teamCode, teamName, pretitle = 'Team
             window.location.href = backHref;
         }
     };
-    return (jsxRuntime.jsxs("div", { className: headerClasses, "data-test": "team-header", children: [jsxRuntime.jsxs("div", { className: sx(leftStyle$1), children: [(backHref || onBack) && (jsxRuntime.jsx("button", { type: "button", className: sx(backButtonStyle), onClick: handleBack, "aria-label": "Go back", "data-test": "team-header-back", children: jsxRuntime.jsx(BackIcon, {}) })), jsxRuntime.jsxs("div", { className: sx(titlesStyle), children: [pretitle && jsxRuntime.jsx("span", { className: sx(pretitleStyle), children: pretitle }), jsxRuntime.jsxs("h1", { className: sx(titleStyle$B), children: [title, "\u00A0"] })] })] }), actions && (jsxRuntime.jsx("div", { className: sx(actionsStyle$a), children: actions }))] }));
+    return (jsxRuntime.jsxs("div", { className: headerClasses, "data-test": "team-header", children: [jsxRuntime.jsxs("div", { className: sx(leftStyle$1), children: [(backHref || onBack) && (jsxRuntime.jsx("button", { type: "button", className: sx(backButtonStyle), onClick: handleBack, "aria-label": "Go back", "data-test": "team-header-back", children: jsxRuntime.jsx(BackIcon, {}) })), jsxRuntime.jsxs("div", { className: sx(titlesStyle), children: [pretitle && jsxRuntime.jsx("span", { className: sx(pretitleStyle), children: pretitle }), jsxRuntime.jsxs("h1", { className: sx(titleStyle$B), children: [title, "\u00A0"] })] })] }), actions && (jsxRuntime.jsx("div", { className: sx(actionsStyle$b), children: actions }))] }));
 };
 const DEFAULT_TABS$1 = [
     { id: 'profile', label: 'Profile' },
@@ -9611,7 +9611,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',
@@ -9693,7 +9693,7 @@ const AirSegment = ({ flights, variant = 'light', className = '', }) => {
     if (!flights || flights.length === 0) {
         return (jsxRuntime.jsx(TripSegment, { type: "air", variant: variant, className: className, children: jsxRuntime.jsx("span", { className: sx(emptyStyle$j), children: "No flights" }) }));
     }
-    return (jsxRuntime.jsx(TripSegment, { type: "air", variant: variant, className: className, children: flights.map((flight, i) => (jsxRuntime.jsxs("div", { className: sx(itemStyle$3), children: [jsxRuntime.jsxs("div", { className: sx(itemHeaderStyle), children: [jsxRuntime.jsx(PlaneIcon$2, {}), jsxRuntime.jsx("span", { className: sx(itemTypeStyle), children: flight.type === 'charter' ? 'Charter' : 'Commercial' })] }), jsxRuntime.jsxs("div", { className: sx(routeStyle$3), children: [jsxRuntime.jsx("span", { className: sx(locationStyle), children: flight.departure }), jsxRuntime.jsx(ArrowIcon, {}), jsxRuntime.jsx("span", { className: sx(locationStyle), children: flight.arrival })] }), jsxRuntime.jsxs("div", { className: sx(detailsStyle$3), children: [jsxRuntime.jsx("span", { children: flight.departureDate }), flight.departureTime && jsxRuntime.jsx("span", { children: flight.departureTime })] }), flight.airline && (jsxRuntime.jsxs("div", { className: sx(detailsStyle$3), children: [jsxRuntime.jsx("span", { children: flight.airline }), flight.flightNumber && jsxRuntime.jsxs("span", { children: ["#", flight.flightNumber] })] }))] }, i))) }));
+    return (jsxRuntime.jsx(TripSegment, { type: "air", variant: variant, className: className, children: flights.map((flight, i) => (jsxRuntime.jsxs("div", { className: sx(itemStyle$3), children: [jsxRuntime.jsxs("div", { className: sx(itemHeaderStyle), children: [jsxRuntime.jsx(PlaneIcon$2, {}), jsxRuntime.jsx("span", { className: sx(itemTypeStyle), children: flight.type === 'charter' ? 'Charter' : 'Commercial' })] }), jsxRuntime.jsxs("div", { className: sx(routeStyle$4), children: [jsxRuntime.jsx("span", { className: sx(locationStyle), children: flight.departure }), jsxRuntime.jsx(ArrowIcon, {}), jsxRuntime.jsx("span", { className: sx(locationStyle), children: flight.arrival })] }), jsxRuntime.jsxs("div", { className: sx(detailsStyle$3), children: [jsxRuntime.jsx("span", { children: flight.departureDate }), flight.departureTime && jsxRuntime.jsx("span", { children: flight.departureTime })] }), flight.airline && (jsxRuntime.jsxs("div", { className: sx(detailsStyle$3), children: [jsxRuntime.jsx("span", { children: flight.airline }), flight.flightNumber && jsxRuntime.jsxs("span", { children: ["#", flight.flightNumber] })] }))] }, i))) }));
 };
 /**
  * GroundSegment component for displaying ground transportation
@@ -9702,7 +9702,7 @@ const GroundSegment = ({ segments, variant = 'light', className = '', }) => {
     if (!segments || segments.length === 0) {
         return (jsxRuntime.jsx(TripSegment, { type: "ground", variant: variant, className: className, children: jsxRuntime.jsx("span", { className: sx(emptyStyle$j), children: "No ground transportation" }) }));
     }
-    return (jsxRuntime.jsx(TripSegment, { type: "ground", variant: variant, className: className, children: segments.map((segment, i) => (jsxRuntime.jsxs("div", { className: sx(itemStyle$3), children: [jsxRuntime.jsxs("div", { className: sx(itemHeaderStyle), children: [jsxRuntime.jsx(BusIcon$1, {}), jsxRuntime.jsx("span", { className: sx(itemTypeStyle), children: segment.type.charAt(0).toUpperCase() + segment.type.slice(1) })] }), jsxRuntime.jsxs("div", { className: sx(routeStyle$3), children: [jsxRuntime.jsx("span", { className: sx(locationStyle), children: segment.pickupLocation }), jsxRuntime.jsx(ArrowIcon, {}), jsxRuntime.jsx("span", { className: sx(locationStyle), children: segment.dropoffLocation })] }), jsxRuntime.jsxs("div", { className: sx(detailsStyle$3), children: [jsxRuntime.jsx("span", { children: segment.pickupDate }), segment.pickupTime && jsxRuntime.jsx("span", { children: segment.pickupTime })] }), segment.company && (jsxRuntime.jsxs("div", { className: sx(detailsStyle$3), children: [jsxRuntime.jsx("span", { children: segment.company }), segment.vehicleCount && jsxRuntime.jsxs("span", { children: [segment.vehicleCount, " vehicles"] })] }))] }, i))) }));
+    return (jsxRuntime.jsx(TripSegment, { type: "ground", variant: variant, className: className, children: segments.map((segment, i) => (jsxRuntime.jsxs("div", { className: sx(itemStyle$3), children: [jsxRuntime.jsxs("div", { className: sx(itemHeaderStyle), children: [jsxRuntime.jsx(BusIcon$1, {}), jsxRuntime.jsx("span", { className: sx(itemTypeStyle), children: segment.type.charAt(0).toUpperCase() + segment.type.slice(1) })] }), jsxRuntime.jsxs("div", { className: sx(routeStyle$4), children: [jsxRuntime.jsx("span", { className: sx(locationStyle), children: segment.pickupLocation }), jsxRuntime.jsx(ArrowIcon, {}), jsxRuntime.jsx("span", { className: sx(locationStyle), children: segment.dropoffLocation })] }), jsxRuntime.jsxs("div", { className: sx(detailsStyle$3), children: [jsxRuntime.jsx("span", { children: segment.pickupDate }), segment.pickupTime && jsxRuntime.jsx("span", { children: segment.pickupTime })] }), segment.company && (jsxRuntime.jsxs("div", { className: sx(detailsStyle$3), children: [jsxRuntime.jsx("span", { children: segment.company }), segment.vehicleCount && jsxRuntime.jsxs("span", { children: [segment.vehicleCount, " vehicles"] })] }))] }, i))) }));
 };
 /**
  * HotelSegment component for displaying hotel information
@@ -9749,7 +9749,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)',
@@ -9820,7 +9820,7 @@ const legErrorStyle = {
     color: 'var(--color-error)',
     fontSize: 'var(--fs-sm)',
 };
-const actionsStyle$9 = {
+const actionsStyle$a = {
     label: 'AcmiQuoteCalculator-actionsStyle',
     display: 'flex',
     flexWrap: 'wrap',
@@ -10058,10 +10058,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 (jsxRuntime.jsxs("div", { className: cx(sx(calculatorStyle$1), className), "data-test": "acmi-quote-calculator", children: [showErrors && errorList.length > 0 && (jsxRuntime.jsx(Alert, { variant: "error", title: "Fix these before calculating", children: jsxRuntime.jsx("ul", { className: sx(errorSummaryStyle$1), "data-test": "acmi-error-summary", children: errorList.map(([field, message]) => (jsxRuntime.jsx("li", { children: message }, field))) }) })), calculationError && (jsxRuntime.jsx(Alert, { variant: "error", title: "Quote could not be calculated", children: jsxRuntime.jsx("p", { className: sx(alertMessageStyle), "data-test": "acmi-calculation-error", children: calculationError }) })), jsxRuntime.jsxs("div", { className: sx(columnsStyle), children: [jsxRuntime.jsxs("section", { className: sx(panelStyle$7), "aria-label": "Quote configuration", children: [jsxRuntime.jsx("h3", { className: sx(panelTitleStyle), children: "Quote Configuration" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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 && (jsxRuntime.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" }))] }), jsxRuntime.jsxs("section", { className: sx(panelStyle$7), "aria-label": "Flight itinerary", children: [jsxRuntime.jsx("h3", { className: sx(panelTitleStyle), children: "Flight Itinerary" }), jsxRuntime.jsx(Alert, { variant: "primary", children: positioningMode === 'automatic' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["Enter ", jsxRuntime.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."] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["Enter ", jsxRuntime.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 && (jsxRuntime.jsx("p", { className: sx(legErrorStyle), role: "alert", "data-test": "acmi-legs-error", children: errors.legs })), jsxRuntime.jsx("ol", { className: sx(legsStyle$3), children: inputs.legs.map((leg, index) => (jsxRuntime.jsxs("li", { className: cx(sx(legStyle$2), positioningMode === 'automatic' && sx(automaticLegStyle)), "data-test": "acmi-leg", children: [jsxRuntime.jsxs("span", { className: sx(legIndexStyle$1), children: ["Leg ", index + 1] }), positioningMode === 'explicit' && (jsxRuntime.jsx(Select, { id: `${leg.id}-type`, size: "sm", label: "Leg type", options: [
+    return (jsxRuntime.jsxs("div", { className: cx(sx(calculatorStyle$1), className), "data-test": "acmi-quote-calculator", children: [showErrors && errorList.length > 0 && (jsxRuntime.jsx(Alert, { variant: "error", title: "Fix these before calculating", children: jsxRuntime.jsx("ul", { className: sx(errorSummaryStyle$1), "data-test": "acmi-error-summary", children: errorList.map(([field, message]) => (jsxRuntime.jsx("li", { children: message }, field))) }) })), calculationError && (jsxRuntime.jsx(Alert, { variant: "error", title: "Quote could not be calculated", children: jsxRuntime.jsx("p", { className: sx(alertMessageStyle), "data-test": "acmi-calculation-error", children: calculationError }) })), jsxRuntime.jsxs("div", { className: sx(columnsStyle), children: [jsxRuntime.jsxs("section", { className: sx(panelStyle$7), "aria-label": "Quote configuration", children: [jsxRuntime.jsx("h3", { className: sx(panelTitleStyle$1), children: "Quote Configuration" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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 && (jsxRuntime.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" }))] }), jsxRuntime.jsxs("section", { className: sx(panelStyle$7), "aria-label": "Flight itinerary", children: [jsxRuntime.jsx("h3", { className: sx(panelTitleStyle$1), children: "Flight Itinerary" }), jsxRuntime.jsx(Alert, { variant: "primary", children: positioningMode === 'automatic' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["Enter ", jsxRuntime.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."] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["Enter ", jsxRuntime.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 && (jsxRuntime.jsx("p", { className: sx(legErrorStyle), role: "alert", "data-test": "acmi-legs-error", children: errors.legs })), jsxRuntime.jsx("ol", { className: sx(legsStyle$3), children: inputs.legs.map((leg, index) => (jsxRuntime.jsxs("li", { className: cx(sx(legStyle$2), positioningMode === 'automatic' && sx(automaticLegStyle)), "data-test": "acmi-leg", children: [jsxRuntime.jsxs("span", { className: sx(legIndexStyle$1), children: ["Leg ", index + 1] }), positioningMode === 'explicit' && (jsxRuntime.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" })), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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: jsxRuntime.jsx(TrashIcon$2, { size: 16 }) })] }, leg.id))) }), jsxRuntime.jsxs("div", { className: sx(actionsStyle$9), children: [jsxRuntime.jsx(Button, { variant: "outline", size: "sm", leftIcon: jsxRuntime.jsx(PlusIcon$2, { size: 16 }), onClick: addLeg, "data-test": "acmi-add-leg", children: "Add Flight Leg" }), jsxRuntime.jsx(Button, { size: "sm", loading: calculating, onClick: calculate, "data-test": "acmi-calculate", children: calculating ? 'Calculating' : 'Calculate Quote' }), result && onSubmitForApproval && (jsxRuntime.jsx(Button, { variant: "secondary", size: "sm", onClick: () => onSubmitForApproval(inputs), "data-test": "acmi-submit-approval", children: "Use This Total" }))] })] })] }), result && (jsxRuntime.jsxs("section", { className: sx(resultsStyle), "aria-label": "Quote summary", "data-test": "acmi-results", children: [jsxRuntime.jsx("h3", { className: sx(panelTitleStyle), children: "Quote Summary" }), jsxRuntime.jsxs("dl", { className: sx(resultGridStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Operating Subtotal" }), jsxRuntime.jsx("dd", { children: currency.format(result.operatingSubtotal) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Markup Applied" }), jsxRuntime.jsx("dd", { children: currency.format(result.markupAmount) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Insurance (Flat Fee)" }), jsxRuntime.jsx("dd", { children: currency.format(result.insuranceAmount) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Pre-Tax Total" }), jsxRuntime.jsx("dd", { children: currency.format(result.preTaxTotal) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Federal Excise Tax" }), jsxRuntime.jsx("dd", { children: currency.format(result.fet) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Segment Fees" }), jsxRuntime.jsx("dd", { children: currency.format(result.segmentFees) })] })] }), jsxRuntime.jsxs("p", { className: sx(finalPriceStyle), "data-test": "acmi-final-price", children: [jsxRuntime.jsx("span", { children: "Total Quoted Price" }), jsxRuntime.jsx("strong", { children: currency.format(result.finalPrice) })] }), result.pricingDetails && (jsxRuntime.jsxs("dl", { className: sx(contractFactsStyle), "data-test": "acmi-pricing-details", children: [jsxRuntime.jsxs("div", { "data-test": "acmi-ferry-floor", children: [jsxRuntime.jsx("dt", { children: "Ferry block time" }), jsxRuntime.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" })), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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: jsxRuntime.jsx(TrashIcon$2, { size: 16 }) })] }, leg.id))) }), jsxRuntime.jsxs("div", { className: sx(actionsStyle$a), children: [jsxRuntime.jsx(Button, { variant: "outline", size: "sm", leftIcon: jsxRuntime.jsx(PlusIcon$2, { size: 16 }), onClick: addLeg, "data-test": "acmi-add-leg", children: "Add Flight Leg" }), jsxRuntime.jsx(Button, { size: "sm", loading: calculating, onClick: calculate, "data-test": "acmi-calculate", children: calculating ? 'Calculating' : 'Calculate Quote' }), result && onSubmitForApproval && (jsxRuntime.jsx(Button, { variant: "secondary", size: "sm", onClick: () => onSubmitForApproval(inputs), "data-test": "acmi-submit-approval", children: "Use This Total" }))] })] })] }), result && (jsxRuntime.jsxs("section", { className: sx(resultsStyle), "aria-label": "Quote summary", "data-test": "acmi-results", children: [jsxRuntime.jsx("h3", { className: sx(panelTitleStyle$1), children: "Quote Summary" }), jsxRuntime.jsxs("dl", { className: sx(resultGridStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Operating Subtotal" }), jsxRuntime.jsx("dd", { children: currency.format(result.operatingSubtotal) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Markup Applied" }), jsxRuntime.jsx("dd", { children: currency.format(result.markupAmount) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Insurance (Flat Fee)" }), jsxRuntime.jsx("dd", { children: currency.format(result.insuranceAmount) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Pre-Tax Total" }), jsxRuntime.jsx("dd", { children: currency.format(result.preTaxTotal) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Federal Excise Tax" }), jsxRuntime.jsx("dd", { children: currency.format(result.fet) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Segment Fees" }), jsxRuntime.jsx("dd", { children: currency.format(result.segmentFees) })] })] }), jsxRuntime.jsxs("p", { className: sx(finalPriceStyle), "data-test": "acmi-final-price", children: [jsxRuntime.jsx("span", { children: "Total Quoted Price" }), jsxRuntime.jsx("strong", { children: currency.format(result.finalPrice) })] }), result.pricingDetails && (jsxRuntime.jsxs("dl", { className: sx(contractFactsStyle), "data-test": "acmi-pricing-details", children: [jsxRuntime.jsxs("div", { "data-test": "acmi-ferry-floor", children: [jsxRuntime.jsx("dt", { children: "Ferry block time" }), jsxRuntime.jsxs("dd", { children: [result.pricingDetails.ferryBlockHours.toFixed(2), " h", result.pricingDetails.ferryMinimumHours
                                                 ? ` · ${result.pricingDetails.ferryMinimumHours.toFixed(2)} h minimum per estimated SkyWest ferry leg`
                                                 : ''] })] }), jsxRuntime.jsxs("div", { "data-test": "acmi-fuel-buffer", children: [jsxRuntime.jsx("dt", { children: "Fuel buffer" }), jsxRuntime.jsxs("dd", { children: [(result.pricingDetails.fuelBufferPercent * 100).toFixed(0), "% \u00B7 ", currency.format(result.pricingDetails.fuelBufferAmount)] })] }), jsxRuntime.jsxs("div", { "data-test": "acmi-screening", children: [jsxRuntime.jsx("dt", { children: "Security screening" }), jsxRuntime.jsx("dd", { children: currency.format(result.pricingDetails.screeningAmount) })] })] })), result.legs && result.legs.length > 0 && (jsxRuntime.jsxs("div", { className: sx(pricedLegsStyle), "data-test": "acmi-priced-legs", children: [jsxRuntime.jsx("h4", { children: "Backend-priced itinerary" }), jsxRuntime.jsxs("div", { className: sx(pricedLegHeaderStyle), "aria-hidden": "true", children: [jsxRuntime.jsx("span", { children: "Leg" }), jsxRuntime.jsx("span", { children: "Type" }), jsxRuntime.jsx("span", { children: "Block" }), jsxRuntime.jsx("span", { children: "Total" })] }), result.legs.map((leg) => (jsxRuntime.jsxs("div", { className: sx(pricedLegStyle), "data-test": "acmi-priced-leg", children: [jsxRuntime.jsxs("span", { children: [leg.origin, " \u2192 ", leg.destination] }), jsxRuntime.jsx("span", { "data-test": "acmi-priced-leg-type", children: leg.type === 'ferry' ? 'Ferry' : 'Live' }), jsxRuntime.jsxs("span", { "data-test": "acmi-priced-leg-block", children: [leg.blockHours.toFixed(2), " h"] }), jsxRuntime.jsx("span", { children: currency.format(leg.total) })] }, leg.id)))] }))] }))] }));
 };
@@ -10106,7 +10106,7 @@ const showHideAllStyle = {
         opacity: 0.5,
     },
 };
-const filtersStyle$5 = {
+const filtersStyle$6 = {
     label: 'AgentGroupTravelRequestsTable-filtersStyle',
     display: 'flex',
     flexWrap: 'wrap',
@@ -10223,7 +10223,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 = {
@@ -10336,7 +10336,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))',
@@ -10463,12 +10463,12 @@ const AgentGroupTravelRequestsTable = ({ requests, sports = [], views = [], toda
         setDateEdits((current) => ({ ...current, [id]: { ...current[id], submittedDate: value } }));
         onSubmittedDateChange?.(id, value);
     };
-    return (jsxRuntime.jsxs("div", { className: cx(sx(wrapperStyle$2), className), "data-test": "agent-gtr-table", children: [jsxRuntime.jsxs("div", { className: sx(toolbarStyle$3), children: [jsxRuntime.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 ? jsxRuntime.jsx(ChevronUpIcon, { size: 16 }) : jsxRuntime.jsx(ChevronDownIcon$1, { size: 16 }), jsxRuntime.jsx("span", { children: allExpanded ? 'Collapse all PNRs' : 'Expand all PNRs' })] }), jsxRuntime.jsxs("div", { className: sx(filtersStyle$5), children: [jsxRuntime.jsxs("label", { className: sx(filterFieldStyle$1), children: [jsxRuntime.jsx("span", { children: "Filter by sport" }), jsxRuntime.jsxs("select", { value: sportFilter, onChange: (event) => setSportFilter(event.target.value), "data-test": "agent-gtr-sport-filter", children: [jsxRuntime.jsx("option", { value: "", children: "All Sports" }), sports.map((sport) => (jsxRuntime.jsx("option", { value: sport.code, children: sport.label }, sport.code)))] })] }), views.length > 0 && (jsxRuntime.jsxs("label", { className: sx(filterFieldStyle$1), children: [jsxRuntime.jsx("span", { children: "Filter by view" }), jsxRuntime.jsxs("select", { value: viewFilter, onChange: (event) => setViewFilter(event.target.value), "data-test": "agent-gtr-view-filter", children: [jsxRuntime.jsx("option", { value: "", children: "All Accounts" }), views.map((view) => (jsxRuntime.jsx("option", { value: view.id, children: view.label }, view.id)))] })] }))] })] }), jsxRuntime.jsx("div", { className: sx(tableScrollStyle$2), children: jsxRuntime.jsxs("table", { className: sx(tableStyle$b), children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { className: sx(colExpandStyle), children: jsxRuntime.jsx("span", { className: "sr-only", children: "Expand" }) }), jsxRuntime.jsx("th", { children: "Source" }), jsxRuntime.jsx("th", { children: "Master Trip" }), jsxRuntime.jsx("th", { children: "ID" }), jsxRuntime.jsx("th", { children: "Start Date" }), jsxRuntime.jsx("th", { children: "Name" }), jsxRuntime.jsx("th", { children: "Sport" }), jsxRuntime.jsxs("th", { children: [jsxRuntime.jsx(PlaneIcon$3, { size: 16 }), jsxRuntime.jsx("span", { className: "sr-only", children: "Carrier" })] }), jsxRuntime.jsx("th", { children: "Routing" }), jsxRuntime.jsx("th", { children: "Submitted" }), jsxRuntime.jsx("th", { children: "Type" }), jsxRuntime.jsx("th", { children: "Quote Sent" }), jsxRuntime.jsx("th", { children: "Confirmation" }), jsxRuntime.jsx("th", { children: "Deposit" }), jsxRuntime.jsx("th", { children: "Utilization" }), jsxRuntime.jsx("th", { children: "Names" }), jsxRuntime.jsx("th", { children: "Ticketing" }), jsxRuntime.jsx("th", { children: "PNR" }), jsxRuntime.jsx("th", { className: sx(colDeleteStyle), children: jsxRuntime.jsx("span", { className: "sr-only", children: "Delete" }) })] }) }), jsxRuntime.jsxs("tbody", { children: [!groups.length && (jsxRuntime.jsx("tr", { children: jsxRuntime.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) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx("tr", { className: sx(accountRowStyle), children: jsxRuntime.jsx("td", { colSpan: COLUMN_COUNT, children: group.accountName }) }), group.items.map((request) => {
+    return (jsxRuntime.jsxs("div", { className: cx(sx(wrapperStyle$2), className), "data-test": "agent-gtr-table", children: [jsxRuntime.jsxs("div", { className: sx(toolbarStyle$3), children: [jsxRuntime.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 ? jsxRuntime.jsx(ChevronUpIcon, { size: 16 }) : jsxRuntime.jsx(ChevronDownIcon$1, { size: 16 }), jsxRuntime.jsx("span", { children: allExpanded ? 'Collapse all PNRs' : 'Expand all PNRs' })] }), jsxRuntime.jsxs("div", { className: sx(filtersStyle$6), children: [jsxRuntime.jsxs("label", { className: sx(filterFieldStyle$1), children: [jsxRuntime.jsx("span", { children: "Filter by sport" }), jsxRuntime.jsxs("select", { value: sportFilter, onChange: (event) => setSportFilter(event.target.value), "data-test": "agent-gtr-sport-filter", children: [jsxRuntime.jsx("option", { value: "", children: "All Sports" }), sports.map((sport) => (jsxRuntime.jsx("option", { value: sport.code, children: sport.label }, sport.code)))] })] }), views.length > 0 && (jsxRuntime.jsxs("label", { className: sx(filterFieldStyle$1), children: [jsxRuntime.jsx("span", { children: "Filter by view" }), jsxRuntime.jsxs("select", { value: viewFilter, onChange: (event) => setViewFilter(event.target.value), "data-test": "agent-gtr-view-filter", children: [jsxRuntime.jsx("option", { value: "", children: "All Accounts" }), views.map((view) => (jsxRuntime.jsx("option", { value: view.id, children: view.label }, view.id)))] })] }))] })] }), jsxRuntime.jsx("div", { className: sx(tableScrollStyle$2), children: jsxRuntime.jsxs("table", { className: sx(tableStyle$b), children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { className: sx(colExpandStyle), children: jsxRuntime.jsx("span", { className: "sr-only", children: "Expand" }) }), jsxRuntime.jsx("th", { children: "Source" }), jsxRuntime.jsx("th", { children: "Master Trip" }), jsxRuntime.jsx("th", { children: "ID" }), jsxRuntime.jsx("th", { children: "Start Date" }), jsxRuntime.jsx("th", { children: "Name" }), jsxRuntime.jsx("th", { children: "Sport" }), jsxRuntime.jsxs("th", { children: [jsxRuntime.jsx(PlaneIcon$3, { size: 16 }), jsxRuntime.jsx("span", { className: "sr-only", children: "Carrier" })] }), jsxRuntime.jsx("th", { children: "Routing" }), jsxRuntime.jsx("th", { children: "Submitted" }), jsxRuntime.jsx("th", { children: "Type" }), jsxRuntime.jsx("th", { children: "Quote Sent" }), jsxRuntime.jsx("th", { children: "Confirmation" }), jsxRuntime.jsx("th", { children: "Deposit" }), jsxRuntime.jsx("th", { children: "Utilization" }), jsxRuntime.jsx("th", { children: "Names" }), jsxRuntime.jsx("th", { children: "Ticketing" }), jsxRuntime.jsx("th", { children: "PNR" }), jsxRuntime.jsx("th", { className: sx(colDeleteStyle), children: jsxRuntime.jsx("span", { className: "sr-only", children: "Delete" }) })] }) }), jsxRuntime.jsxs("tbody", { children: [!groups.length && (jsxRuntime.jsx("tr", { children: jsxRuntime.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) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx("tr", { className: sx(accountRowStyle), children: jsxRuntime.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 (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsxs("tr", { className: sx(requestRowStyle), "data-test": "agent-gtr-row", children: [jsxRuntime.jsx("td", { className: sx(colExpandStyle), children: isMulti && (jsxRuntime.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 ? jsxRuntime.jsx(ChevronDownIcon$1, { size: 16 }) : jsxRuntime.jsx(ChevronRightIcon$1, { size: 16 }) })) }), jsxRuntime.jsx("td", { children: request.source === 'client' ? 'C' : 'A' }), jsxRuntime.jsx("td", { children: request.masterTripId ? (jsxRuntime.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: jsxRuntime.jsx(SearchIcon$1, { size: 16 }) })) : (jsxRuntime.jsx("span", { className: sx(mutedStyle$2), children: "\u2014" })) }), jsxRuntime.jsx("td", { children: jsxRuntime.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 }) }), jsxRuntime.jsx("td", { className: cx(startSoon && sx(startSoonStyle)), children: formatShortDate$1(request.startDate) }), jsxRuntime.jsx("td", { children: truncate(request.name) }), jsxRuntime.jsx("td", { children: truncate(request.sport) }), jsxRuntime.jsx("td", { children: isMulti ? 'Multi' : request.carrier || '' }), jsxRuntime.jsx("td", { children: isMulti ? 'Multi' : request.routing }), jsxRuntime.jsx("td", { className: sx(colDateStyle), children: jsxRuntime.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" }) }), jsxRuntime.jsx("td", { children: computeTravelTypeCodes(request).join(', ') }), jsxRuntime.jsx("td", { className: sx(colDateStyle), children: jsxRuntime.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 }) => (jsxRuntime.jsx("td", { children: jsxRuntime.jsx(DueStatusCell, { status: request[field], today: today, onToggle: onToggleDueStatus ? () => onToggleDueStatus(request.id, field) : undefined }) }, field))), jsxRuntime.jsx("td", { children: isMulti ? (jsxRuntime.jsx(PnrButton, { label: "Multi", tone: groupPnrTone(request.pnrs), onClick: () => toggleExpanded(request.id), dataTest: "agent-gtr-pnr-multi" })) : (jsxRuntime.jsx(PnrButton, { label: request.pnrs[0].recordLocator.toUpperCase(), tone: pnrTone(request.pnrs[0]), onClick: () => handleCopyPnr(request.pnrs[0].recordLocator), dataTest: "agent-gtr-pnr" })) }), jsxRuntime.jsx("td", { className: sx(colDeleteStyle), children: !isMulti && onDeleteRequest && (jsxRuntime.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: jsxRuntime.jsx(TrashIcon$2, { size: 16 }) })) })] }), isMulti && isExpanded && (jsxRuntime.jsx("tr", { className: sx(subPnrRowStyle), children: jsxRuntime.jsx("td", { colSpan: COLUMN_COUNT, children: jsxRuntime.jsx("div", { className: sx(subPnrPanelStyle), "data-test": "agent-gtr-sub-pnrs", children: request.pnrs.map((pnr) => (jsxRuntime.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}`)))] })] }) }), jsxRuntime.jsx("p", { className: sx(legendStyle$2), children: "Types: A - Airline C - Car, H - Hotel" })] }));
+                                            return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsxs("tr", { className: sx(requestRowStyle), "data-test": "agent-gtr-row", children: [jsxRuntime.jsx("td", { className: sx(colExpandStyle), children: isMulti && (jsxRuntime.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 ? jsxRuntime.jsx(ChevronDownIcon$1, { size: 16 }) : jsxRuntime.jsx(ChevronRightIcon$1, { size: 16 }) })) }), jsxRuntime.jsx("td", { children: request.source === 'client' ? 'C' : 'A' }), jsxRuntime.jsx("td", { children: request.masterTripId ? (jsxRuntime.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: jsxRuntime.jsx(SearchIcon$1, { size: 16 }) })) : (jsxRuntime.jsx("span", { className: sx(mutedStyle$3), children: "\u2014" })) }), jsxRuntime.jsx("td", { children: jsxRuntime.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 }) }), jsxRuntime.jsx("td", { className: cx(startSoon && sx(startSoonStyle)), children: formatShortDate$1(request.startDate) }), jsxRuntime.jsx("td", { children: truncate(request.name) }), jsxRuntime.jsx("td", { children: truncate(request.sport) }), jsxRuntime.jsx("td", { children: isMulti ? 'Multi' : request.carrier || '' }), jsxRuntime.jsx("td", { children: isMulti ? 'Multi' : request.routing }), jsxRuntime.jsx("td", { className: sx(colDateStyle), children: jsxRuntime.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" }) }), jsxRuntime.jsx("td", { children: computeTravelTypeCodes(request).join(', ') }), jsxRuntime.jsx("td", { className: sx(colDateStyle), children: jsxRuntime.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 }) => (jsxRuntime.jsx("td", { children: jsxRuntime.jsx(DueStatusCell, { status: request[field], today: today, onToggle: onToggleDueStatus ? () => onToggleDueStatus(request.id, field) : undefined }) }, field))), jsxRuntime.jsx("td", { children: isMulti ? (jsxRuntime.jsx(PnrButton, { label: "Multi", tone: groupPnrTone(request.pnrs), onClick: () => toggleExpanded(request.id), dataTest: "agent-gtr-pnr-multi" })) : (jsxRuntime.jsx(PnrButton, { label: request.pnrs[0].recordLocator.toUpperCase(), tone: pnrTone(request.pnrs[0]), onClick: () => handleCopyPnr(request.pnrs[0].recordLocator), dataTest: "agent-gtr-pnr" })) }), jsxRuntime.jsx("td", { className: sx(colDeleteStyle), children: !isMulti && onDeleteRequest && (jsxRuntime.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: jsxRuntime.jsx(TrashIcon$2, { size: 16 }) })) })] }), isMulti && isExpanded && (jsxRuntime.jsx("tr", { className: sx(subPnrRowStyle), children: jsxRuntime.jsx("td", { colSpan: COLUMN_COUNT, children: jsxRuntime.jsx("div", { className: sx(subPnrPanelStyle), "data-test": "agent-gtr-sub-pnrs", children: request.pnrs.map((pnr) => (jsxRuntime.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}`)))] })] }) }), jsxRuntime.jsx("p", { className: sx(legendStyle$4), children: "Types: A - Airline C - Car, H - Hotel" })] }));
 };
 
 /**
@@ -10502,7 +10502,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%))',
@@ -10539,11 +10539,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' },
@@ -10605,23 +10605,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)',
     },
 };
@@ -10743,11 +10743,11 @@ const Table = ({ columns, data, rowKey = 'id', bordered = false, striped = false
         commitSelection(Array.from(merged));
     };
     const messageColSpan = columns.length + (selectable ? 1 : 0);
-    return (jsxRuntime.jsx("div", { className: cx(sx(wrapperStyle$1), className), children: jsxRuntime.jsxs("table", { className: cx(sx(tableStyle$a), bordered && sx(borderedStyle$1), striped && sx(stripedStyle), hoverable && sx(hoverableStyle), compact && sx(compactStyle$1)), children: [jsxRuntime.jsx("thead", { className: sx(headerStyle$F), children: jsxRuntime.jsxs("tr", { children: [selectable && (jsxRuntime.jsx("th", { scope: "col", className: cx(sx(headerCellStyle), sx(selectCellStyle$1)), children: jsxRuntime.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) => (jsxRuntime.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: jsxRuntime.jsxs("span", { className: sx(headerContentStyle$2), children: [column.label, column.sortable && (jsxRuntime.jsx("span", { className: sx(sortIconStyle$2), children: sortColumn === column.key ? (sortDirection === 'asc' ? '↑' : '↓') : ('↕') }))] }) }, column.key)))] }) }), jsxRuntime.jsx("tbody", { className: sx(bodyStyle$a), children: loading ? (jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: messageColSpan, className: sx(loadingStyle$5), children: "Loading..." }) })) : sortedData.length === 0 ? (jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: messageColSpan, className: sx(emptyStyle$h), children: emptyContent ?? emptyMessage }) })) : (sortedData.map((row, rowIndex) => {
+    return (jsxRuntime.jsx("div", { className: cx(sx(wrapperStyle$1), className), children: jsxRuntime.jsxs("table", { className: cx(sx(tableStyle$a), bordered && sx(borderedStyle$1), striped && sx(stripedStyle), hoverable && sx(hoverableStyle), compact && sx(compactStyle$1)), children: [jsxRuntime.jsx("thead", { className: sx(headerStyle$G), children: jsxRuntime.jsxs("tr", { children: [selectable && (jsxRuntime.jsx("th", { scope: "col", className: cx(sx(headerCellStyle), sx(selectCellStyle$1)), children: jsxRuntime.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) => (jsxRuntime.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: jsxRuntime.jsxs("span", { className: sx(headerContentStyle$2), children: [column.label, column.sortable && (jsxRuntime.jsx("span", { className: sx(sortIconStyle$2), children: sortColumn === column.key ? (sortDirection === 'asc' ? '↑' : '↓') : ('↕') }))] }) }, column.key)))] }) }), jsxRuntime.jsx("tbody", { className: sx(bodyStyle$b), children: loading ? (jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: messageColSpan, className: sx(loadingStyle$5), children: "Loading..." }) })) : sortedData.length === 0 ? (jsxRuntime.jsx("tr", { children: jsxRuntime.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 (jsxRuntime.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 && (jsxRuntime.jsx("td", { className: cx(sx(cellStyle$3), sx(selectCellStyle$1)), onClick: (event) => event.stopPropagation(), children: jsxRuntime.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) => (jsxRuntime.jsx("td", { className: cx(sx(cellStyle$3), sx(alignStyles[column.align || 'left'])), children: column.render
+                        return (jsxRuntime.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 && (jsxRuntime.jsx("td", { className: cx(sx(cellStyle$3), sx(selectCellStyle$1)), onClick: (event) => event.stopPropagation(), children: jsxRuntime.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) => (jsxRuntime.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 && jsxRuntime.jsx("tfoot", { children: footer })] }) }));
@@ -10759,7 +10759,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)',
@@ -10772,7 +10772,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. */
@@ -10903,7 +10903,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',
@@ -10939,10 +10939,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 = (jsxRuntime.jsxs("span", { className: sx(legendStyle$1), "data-test": "air-invoice-legend", children: [jsxRuntime.jsx("span", { className: sx(knownTravelerStyle), children: jsxRuntime.jsx(CheckIcon$1, { size: 16 }) }), "= Known Traveler Number Loaded"] }));
+    const legend = (jsxRuntime.jsxs("span", { className: sx(legendStyle$3), "data-test": "air-invoice-legend", children: [jsxRuntime.jsx("span", { className: sx(knownTravelerStyle), children: jsxRuntime.jsx(CheckIcon$1, { size: 16 }) }), "= Known Traveler Number Loaded"] }));
     const hasHeader = Boolean(title || versionControlShown(versions));
     const versionControl = versionControlShown(versions) && (jsxRuntime.jsx(Dropdown, { label: "Version", alignment: "right", trigger: ({ isOpen, toggle }) => (jsxRuntime.jsxs("button", { type: "button", className: sx(versionButtonStyle), onClick: toggle, "aria-expanded": isOpen, "aria-haspopup": "menu", "data-test": "air-invoice-version", children: [jsxRuntime.jsx(LayersIcon, {}), "Version", jsxRuntime.jsx("span", { className: sx(versionCountStyle), children: versions.length }), jsxRuntime.jsx(ChevronDownIcon$1, { size: 16 })] })), children: versions.map((version) => (jsxRuntime.jsx(Dropdown.Item, { icon: version.id === selectedVersionId ? jsxRuntime.jsx(CheckIcon$1, { size: 14 }) : undefined, onClick: () => onVersionChange?.(version.id), children: version.label }, version.id))) }));
-    return (jsxRuntime.jsxs("section", { className: cx(sx(cardStyle$f), className), "aria-label": "Air invoice", "data-test": "air-invoice-card", children: [hasHeader && (jsxRuntime.jsxs("div", { className: sx(headerStyle$E), children: [title && jsxRuntime.jsx("h2", { className: sx(titleStyle$A), children: title }), jsxRuntime.jsx("div", { className: sx(headerEndStyle), children: versionControl })] })), jsxRuntime.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 && (jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("td", { colSpan: 6, children: jsxRuntime.jsxs("span", { className: sx(totalCellStyle$1), children: ["Total", showLegend && legend] }) }), jsxRuntime.jsx("td", { className: sx(upperStyle), children: paymentStatus }), jsxRuntime.jsx("td", { "data-test": "air-invoice-total", children: total })] })) }), showLegend && !total && (jsxRuntime.jsx("p", { className: sx(legendBlockStyle), children: legend }))] }));
+    return (jsxRuntime.jsxs("section", { className: cx(sx(cardStyle$g), className), "aria-label": "Air invoice", "data-test": "air-invoice-card", children: [hasHeader && (jsxRuntime.jsxs("div", { className: sx(headerStyle$F), children: [title && jsxRuntime.jsx("h2", { className: sx(titleStyle$A), children: title }), jsxRuntime.jsx("div", { className: sx(headerEndStyle), children: versionControl })] })), jsxRuntime.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 && (jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("td", { colSpan: 6, children: jsxRuntime.jsxs("span", { className: sx(totalCellStyle$1), children: ["Total", showLegend && legend] }) }), jsxRuntime.jsx("td", { className: sx(upperStyle), children: paymentStatus }), jsxRuntime.jsx("td", { "data-test": "air-invoice-total", children: total })] })) }), showLegend && !total && (jsxRuntime.jsx("p", { className: sx(legendBlockStyle), children: legend }))] }));
 };
 AirInvoiceCard.displayName = 'AirInvoiceCard';
 
@@ -11093,7 +11093,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',
@@ -11124,7 +11124,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',
@@ -11150,7 +11150,7 @@ const Sidenav = ({ logo, logoCollapsed, items, activeKey, onItemClick, defaultEx
                     const isActive = item.key === activeKey;
                     const itemClasses = cx(sx(navItemStyle$1), isActive && sx(activeNavItemStyle));
                     return (jsxRuntime.jsxs("button", { className: itemClasses, onClick: () => handleItemClick(item), "aria-current": isActive ? 'page' : undefined, title: !expanded ? item.label : undefined, children: [jsxRuntime.jsx("span", { className: sx(iconStyle$3), children: item.icon }), expanded && jsxRuntime.jsx("span", { className: sx(labelStyle$5), children: item.label })] }, item.key));
-                }) }), footer && jsxRuntime.jsx("div", { className: sx(footerStyle$c), children: footer })] }));
+                }) }), footer && jsxRuntime.jsx("div", { className: sx(footerStyle$e), children: footer })] }));
 };
 Sidenav.displayName = 'Sidenav';
 
@@ -11395,7 +11395,7 @@ const noResultsStyle = {
     fontSize: 14,
 };
 /* Actions */
-const actionsStyle$8 = {
+const actionsStyle$9 = {
     label: 'Topbar-actionsStyle',
     display: 'flex',
     gap: 'var(--space-2, 8px)',
@@ -11460,7 +11460,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 (jsxRuntime.jsxs("header", { className: classNames, ...props, children: [jsxRuntime.jsxs("div", { className: sx(leftStyle), children: [leftContent, account && (jsxRuntime.jsxs("div", { className: sx(accountWrapperStyle), ref: dropdownRef, children: [jsxRuntime.jsxs("button", { className: cx(sx(accountSelectorStyle), isOpen && sx(openStyle$1)), onClick: handleToggle, "aria-expanded": isOpen, "aria-haspopup": hasDropdown ? 'listbox' : undefined, children: [jsxRuntime.jsx("span", { className: sx(accountCodeStyle), children: account.code }), jsxRuntime.jsx("span", { className: sx(accountNameStyle), children: account.name }), hasDropdown && (jsxRuntime.jsx(ChevronDownIcon$1, { size: 16, className: cx(sx(chevronStyle$2), isOpen && sx(chevronOpenStyle)) }))] }), isOpen && hasDropdown && (jsxRuntime.jsxs("div", { className: sx(dropdownStyle), role: "listbox", children: [jsxRuntime.jsxs("div", { className: sx(dropdownSearchStyle), children: [jsxRuntime.jsxs("svg", { className: sx(searchIconStyle$1), width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "8" }), jsxRuntime.jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }), jsxRuntime.jsx("input", { ref: searchInputRef, type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search accounts...", className: sx(searchInputStyle$1) })] }), jsxRuntime.jsx("div", { className: sx(dropdownListStyle), children: filteredAccounts.length > 0 ? (filteredAccounts.map((acc) => (jsxRuntime.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: [jsxRuntime.jsx("span", { className: sx(dropdownItemCodeStyle), children: acc.code }), jsxRuntime.jsx("span", { className: sx(dropdownItemNameStyle), children: acc.name })] }, acc.code)))) : (jsxRuntime.jsx("div", { className: sx(noResultsStyle), children: "No accounts found" })) })] }))] }))] }), actions && jsxRuntime.jsx("div", { className: sx(actionsStyle$8), children: actions })] }));
+    return (jsxRuntime.jsxs("header", { className: classNames, ...props, children: [jsxRuntime.jsxs("div", { className: sx(leftStyle), children: [leftContent, account && (jsxRuntime.jsxs("div", { className: sx(accountWrapperStyle), ref: dropdownRef, children: [jsxRuntime.jsxs("button", { className: cx(sx(accountSelectorStyle), isOpen && sx(openStyle$1)), onClick: handleToggle, "aria-expanded": isOpen, "aria-haspopup": hasDropdown ? 'listbox' : undefined, children: [jsxRuntime.jsx("span", { className: sx(accountCodeStyle), children: account.code }), jsxRuntime.jsx("span", { className: sx(accountNameStyle), children: account.name }), hasDropdown && (jsxRuntime.jsx(ChevronDownIcon$1, { size: 16, className: cx(sx(chevronStyle$2), isOpen && sx(chevronOpenStyle)) }))] }), isOpen && hasDropdown && (jsxRuntime.jsxs("div", { className: sx(dropdownStyle), role: "listbox", children: [jsxRuntime.jsxs("div", { className: sx(dropdownSearchStyle), children: [jsxRuntime.jsxs("svg", { className: sx(searchIconStyle$1), width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "8" }), jsxRuntime.jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }), jsxRuntime.jsx("input", { ref: searchInputRef, type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search accounts...", className: sx(searchInputStyle$1) })] }), jsxRuntime.jsx("div", { className: sx(dropdownListStyle), children: filteredAccounts.length > 0 ? (filteredAccounts.map((acc) => (jsxRuntime.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: [jsxRuntime.jsx("span", { className: sx(dropdownItemCodeStyle), children: acc.code }), jsxRuntime.jsx("span", { className: sx(dropdownItemNameStyle), children: acc.name })] }, acc.code)))) : (jsxRuntime.jsx("div", { className: sx(noResultsStyle), children: "No accounts found" })) })] }))] }))] }), actions && jsxRuntime.jsx("div", { className: sx(actionsStyle$9), children: actions })] }));
 };
 Topbar.displayName = 'Topbar';
 
@@ -11513,7 +11513,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)',
@@ -11525,7 +11525,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. */
@@ -11576,7 +11576,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',
 };
@@ -11614,12 +11614,12 @@ const BookingDetailsCard = ({ details, title = 'Booking Details', refId, childre
     if (details.length === 0 && !children)
         return null;
     const rows = Math.ceil(details.length / 2);
-    return (jsxRuntime.jsxs("section", { className: cx(sx(cardStyle$e), className), "aria-label": "Booking details", "data-test": "booking-details-card", children: [jsxRuntime.jsxs("div", { className: sx(headerStyle$D), children: [jsxRuntime.jsx("h2", { className: sx(titleStyle$z), children: title }), refId && (jsxRuntime.jsxs("p", { className: sx(refStyle), "data-test": "booking-details-ref", children: ["Short\u2019s ID: ", jsxRuntime.jsx("span", { className: sx(refValueStyle), children: refId })] }))] }), details.length > 0 && (jsxRuntime.jsx("dl", { className: sx(detailsStyle$2), style: { gridTemplateRows: `repeat(${rows}, auto)` }, children: details.map((detail) => (jsxRuntime.jsxs("div", { className: sx(detailStyle$2), children: [jsxRuntime.jsx("dt", { className: sx(detailLabelStyle$1), children: detail.label }), jsxRuntime.jsx("dd", { className: sx(detailValueStyle$1), children: detail.value })] }, detail.label))) })), children && jsxRuntime.jsx("div", { className: cx(sx(sectionStyle$8), details.length > 0 && sx(sectionRuleStyle)), "data-test": "booking-details-section", children: children })] }));
+    return (jsxRuntime.jsxs("section", { className: cx(sx(cardStyle$f), className), "aria-label": "Booking details", "data-test": "booking-details-card", children: [jsxRuntime.jsxs("div", { className: sx(headerStyle$E), children: [jsxRuntime.jsx("h2", { className: sx(titleStyle$z), children: title }), refId && (jsxRuntime.jsxs("p", { className: sx(refStyle), "data-test": "booking-details-ref", children: ["Short\u2019s ID: ", jsxRuntime.jsx("span", { className: sx(refValueStyle), children: refId })] }))] }), details.length > 0 && (jsxRuntime.jsx("dl", { className: sx(detailsStyle$2), style: { gridTemplateRows: `repeat(${rows}, auto)` }, children: details.map((detail) => (jsxRuntime.jsxs("div", { className: sx(detailStyle$2), children: [jsxRuntime.jsx("dt", { className: sx(detailLabelStyle$1), children: detail.label }), jsxRuntime.jsx("dd", { className: sx(detailValueStyle$1), children: detail.value })] }, detail.label))) })), children && jsxRuntime.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)',
@@ -11667,7 +11667,7 @@ const paddingStyles = {
     },
 };
 /* Card Header */
-const headerStyle$C = {
+const headerStyle$D = {
     label: 'Card-headerStyle',
     display: 'flex',
     alignItems: 'flex-start',
@@ -11695,19 +11695,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',
@@ -11730,7 +11730,7 @@ const footerStyle$b = {
  * Card component for grouping related content.
  */
 const Card = React.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 (jsxRuntime.jsx("div", { ref: ref, className: classNames, ...props, children: children }));
 });
 Card.displayName = 'Card';
@@ -11738,15 +11738,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 (jsxRuntime.jsxs("div", { className: classNames, ...props, children: [jsxRuntime.jsxs("div", { className: sx(headerContentStyle$1), children: [title && jsxRuntime.jsx("h3", { className: sx(titleStyle$y), children: title }), subtitle && jsxRuntime.jsx("p", { className: sx(subtitleStyle$7), children: subtitle }), children] }), actions && jsxRuntime.jsx("div", { className: sx(actionsStyle$7), children: actions })] }));
+    const classNames = cx(sx(headerStyle$D), className);
+    return (jsxRuntime.jsxs("div", { className: classNames, ...props, children: [jsxRuntime.jsxs("div", { className: sx(headerContentStyle$1), children: [title && jsxRuntime.jsx("h3", { className: sx(titleStyle$y), children: title }), subtitle && jsxRuntime.jsx("p", { className: sx(subtitleStyle$7), children: subtitle }), children] }), actions && jsxRuntime.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 (jsxRuntime.jsx("div", { className: classNames, ...props, children: children }));
 };
 CardBody.displayName = 'CardBody';
@@ -11754,7 +11754,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 (jsxRuntime.jsx("div", { className: classNames, ...props, children: children }));
 };
 CardFooter.displayName = 'CardFooter';
@@ -12442,7 +12442,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)',
@@ -12450,7 +12450,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)',
@@ -12611,7 +12611,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)',
@@ -12647,7 +12647,7 @@ const PlusIcon$1 = () => (jsxRuntime.jsxs("svg", { width: "16", height: "16", vi
  */
 const ContactList = ({ title = 'Contacts', tooltip, contacts, onEdit, onRemove, onAdd, showAdd = true, addLabel = 'Add Contact', alert, className = '', }) => {
     const listClasses = cx(sx(containerStyle$3), className);
-    return (jsxRuntime.jsxs("div", { className: listClasses, children: [alert && (jsxRuntime.jsx("div", { className: sx(alertStyle$4), children: alert })), jsxRuntime.jsxs("div", { className: sx(cardStyle$c), children: [jsxRuntime.jsx("div", { className: sx(headerStyle$B), children: jsxRuntime.jsxs("div", { className: sx(titleRowStyle$4), children: [jsxRuntime.jsx("h3", { className: sx(titleStyle$x), children: title }), tooltip && (jsxRuntime.jsx("span", { className: sx(tooltipStyle), children: jsxRuntime.jsx(InfoIcon, {}) }))] }) }), jsxRuntime.jsxs("div", { className: sx(listStyle$4), children: [contacts.map((contact) => (jsxRuntime.jsxs("div", { className: sx(contactItemStyle), children: [jsxRuntime.jsxs("div", { className: sx(contactInfoStyle), children: [jsxRuntime.jsxs("div", { className: sx(contactNameStyle$1), children: [contact.name, contact.isPrimary && (jsxRuntime.jsx("span", { className: sx(badgeStyle$2), children: "Primary" })), contact.isSecondary && (jsxRuntime.jsx("span", { className: cx(sx(badgeStyle$2), sx(badgeSecondaryStyle)), children: "Secondary" }))] }), contact.role && (jsxRuntime.jsx("div", { className: sx(contactRoleStyle$1), children: contact.role })), jsxRuntime.jsxs("div", { className: sx(contactDetailsStyle$1), children: [contact.email && (jsxRuntime.jsx("a", { href: `mailto:${contact.email}`, className: sx(contactLinkStyle$2), children: contact.email })), contact.phone && (jsxRuntime.jsx("span", { className: sx(contactPhoneStyle), children: contact.phone }))] })] }), jsxRuntime.jsxs("div", { className: sx(contactActionsStyle), children: [onEdit && (jsxRuntime.jsx("button", { type: "button", className: sx(actionButtonStyle$1), onClick: () => onEdit(contact), "aria-label": "Edit contact", children: jsxRuntime.jsx(EditIcon$1, {}) })), onRemove && (jsxRuntime.jsx("button", { type: "button", className: cx(sx(actionButtonStyle$1), sx(actionButtonDangerStyle)), onClick: () => onRemove(contact), "aria-label": "Remove contact", children: jsxRuntime.jsx(TrashIcon$1, {}) }))] })] }, contact.id))), contacts.length === 0 && (jsxRuntime.jsx("div", { className: sx(emptyStyle$f), children: "No contacts added" }))] }), showAdd && onAdd && (jsxRuntime.jsx("div", { className: sx(footerStyle$a), children: jsxRuntime.jsxs("button", { type: "button", className: sx(addButtonStyle$1), onClick: onAdd, children: [jsxRuntime.jsx(PlusIcon$1, {}), addLabel] }) }))] })] }));
+    return (jsxRuntime.jsxs("div", { className: listClasses, children: [alert && (jsxRuntime.jsx("div", { className: sx(alertStyle$4), children: alert })), jsxRuntime.jsxs("div", { className: sx(cardStyle$d), children: [jsxRuntime.jsx("div", { className: sx(headerStyle$C), children: jsxRuntime.jsxs("div", { className: sx(titleRowStyle$4), children: [jsxRuntime.jsx("h3", { className: sx(titleStyle$x), children: title }), tooltip && (jsxRuntime.jsx("span", { className: sx(tooltipStyle), children: jsxRuntime.jsx(InfoIcon, {}) }))] }) }), jsxRuntime.jsxs("div", { className: sx(listStyle$4), children: [contacts.map((contact) => (jsxRuntime.jsxs("div", { className: sx(contactItemStyle), children: [jsxRuntime.jsxs("div", { className: sx(contactInfoStyle), children: [jsxRuntime.jsxs("div", { className: sx(contactNameStyle$1), children: [contact.name, contact.isPrimary && (jsxRuntime.jsx("span", { className: sx(badgeStyle$2), children: "Primary" })), contact.isSecondary && (jsxRuntime.jsx("span", { className: cx(sx(badgeStyle$2), sx(badgeSecondaryStyle)), children: "Secondary" }))] }), contact.role && (jsxRuntime.jsx("div", { className: sx(contactRoleStyle$1), children: contact.role })), jsxRuntime.jsxs("div", { className: sx(contactDetailsStyle$1), children: [contact.email && (jsxRuntime.jsx("a", { href: `mailto:${contact.email}`, className: sx(contactLinkStyle$2), children: contact.email })), contact.phone && (jsxRuntime.jsx("span", { className: sx(contactPhoneStyle), children: contact.phone }))] })] }), jsxRuntime.jsxs("div", { className: sx(contactActionsStyle), children: [onEdit && (jsxRuntime.jsx("button", { type: "button", className: sx(actionButtonStyle$1), onClick: () => onEdit(contact), "aria-label": "Edit contact", children: jsxRuntime.jsx(EditIcon$1, {}) })), onRemove && (jsxRuntime.jsx("button", { type: "button", className: cx(sx(actionButtonStyle$1), sx(actionButtonDangerStyle)), onClick: () => onRemove(contact), "aria-label": "Remove contact", children: jsxRuntime.jsx(TrashIcon$1, {}) }))] })] }, contact.id))), contacts.length === 0 && (jsxRuntime.jsx("div", { className: sx(emptyStyle$f), children: "No contacts added" }))] }), showAdd && onAdd && (jsxRuntime.jsx("div", { className: sx(footerStyle$c), children: jsxRuntime.jsxs("button", { type: "button", className: sx(addButtonStyle$1), onClick: onAdd, children: [jsxRuntime.jsx(PlusIcon$1, {}), addLabel] }) }))] })] }));
 };
 ContactList.displayName = 'ContactList';
 
@@ -12773,7 +12773,7 @@ const sizeStyles$2 = {
     top: blockSizeStyles,
     bottom: blockSizeStyles,
 };
-const headerStyle$A = {
+const headerStyle$B = {
     label: 'Drawer-headerStyle',
     display: 'flex',
     alignItems: 'center',
@@ -12815,13 +12815,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)',
@@ -12832,15 +12832,15 @@ const footerStyle$9 = {
 /**
  * Top of a Drawer: title and the close affordance.
  */
-const DrawerHeader = ({ title, children, showClose = true, onClose, className = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(headerStyle$A), className), children: [jsxRuntime.jsxs("div", { className: sx(headerContentStyle), children: [title && jsxRuntime.jsx("h2", { className: sx(titleStyle$w), children: title }), children] }), showClose && (jsxRuntime.jsx("button", { type: "button", className: sx(closeButtonStyle$2), onClick: onClose, "aria-label": "Close drawer", children: jsxRuntime.jsx("svg", { width: "20", height: "20", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }));
+const DrawerHeader = ({ title, children, showClose = true, onClose, className = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(headerStyle$B), className), children: [jsxRuntime.jsxs("div", { className: sx(headerContentStyle), children: [title && jsxRuntime.jsx("h2", { className: sx(titleStyle$w), children: title }), children] }), showClose && (jsxRuntime.jsx("button", { type: "button", className: sx(closeButtonStyle$2), onClick: onClose, "aria-label": "Close drawer", children: jsxRuntime.jsx("svg", { width: "20", height: "20", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }));
 /**
  * Scrollable content region of a Drawer.
  */
-const DrawerBody = ({ children, className = '' }) => (jsxRuntime.jsx("div", { className: cx(sx(bodyStyle$8), className), children: children }));
+const DrawerBody = ({ children, className = '' }) => (jsxRuntime.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 = '' }) => (jsxRuntime.jsx("div", { className: cx(sx(footerStyle$9), className), children: children }));
+const DrawerFooter = ({ children, className = '' }) => (jsxRuntime.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"])';
 /**
@@ -12998,7 +12998,7 @@ const openStyle = {
         },
     },
 };
-const bodyStyle$7 = {
+const bodyStyle$8 = {
     label: 'DueDatesDrawer-bodyStyle',
     minHeight: 0,
     flex: 1,
@@ -13046,7 +13046,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',
@@ -13170,7 +13170,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 (jsxRuntime.jsxs("article", { className: sx(cardStyle$b), children: [jsxRuntime.jsxs("div", { className: sx(cardTitleStyle$3), children: [onToggle ? (jsxRuntime.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 ? jsxRuntime.jsx(CheckIcon$1, { size: 12 }) : null })) : (jsxRuntime.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 ? jsxRuntime.jsx(CheckIcon$1, { size: 12 }) : null })), jsxRuntime.jsx("h5", { children: item.tasktitle })] }), item.description && jsxRuntime.jsx("p", { children: item.description }), jsxRuntime.jsxs("div", { className: sx(tagsStyle), children: [jsxRuntime.jsx("span", { style: { backgroundColor: sportColor$1(item.sportCode) }, children: item.sportCode }), jsxRuntime.jsx("button", { type: "button", disabled: !item.masterTripGUID || !onTaskClick, onClick: () => item.masterTripGUID && onTaskClick?.(item.masterTripGUID), children: item.tripName })] }), completed && item.completeddatetime && jsxRuntime.jsxs("div", { className: sx(completionStyle), children: [jsxRuntime.jsx(CheckIcon$1, { size: 14 }), jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx("em", { children: "on" }), " ", formatDate$8(item.completeddatetime, { month: 'numeric', day: 'numeric', year: '2-digit' }), " ", jsxRuntime.jsx("em", { children: "by" }), " ", item.completedby] })] })] }));
+    return (jsxRuntime.jsxs("article", { className: sx(cardStyle$c), children: [jsxRuntime.jsxs("div", { className: sx(cardTitleStyle$3), children: [onToggle ? (jsxRuntime.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 ? jsxRuntime.jsx(CheckIcon$1, { size: 12 }) : null })) : (jsxRuntime.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 ? jsxRuntime.jsx(CheckIcon$1, { size: 12 }) : null })), jsxRuntime.jsx("h5", { children: item.tasktitle })] }), item.description && jsxRuntime.jsx("p", { children: item.description }), jsxRuntime.jsxs("div", { className: sx(tagsStyle), children: [jsxRuntime.jsx("span", { style: { backgroundColor: sportColor$1(item.sportCode) }, children: item.sportCode }), jsxRuntime.jsx("button", { type: "button", disabled: !item.masterTripGUID || !onTaskClick, onClick: () => item.masterTripGUID && onTaskClick?.(item.masterTripGUID), children: item.tripName })] }), completed && item.completeddatetime && jsxRuntime.jsxs("div", { className: sx(completionStyle), children: [jsxRuntime.jsx(CheckIcon$1, { size: 14 }), jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx("em", { children: "on" }), " ", formatDate$8(item.completeddatetime, { month: 'numeric', day: 'numeric', year: '2-digit' }), " ", jsxRuntime.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 = '' }) => {
@@ -13182,7 +13182,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 (jsxRuntime.jsxs("aside", { className: cx(sx(drawerStyle), isOpen && sx(openStyle), className), "aria-hidden": !isOpen, "aria-label": "Due Dates", children: [jsxRuntime.jsxs("header", { children: [jsxRuntime.jsx("h3", { children: "Due Dates" }), jsxRuntime.jsx("button", { type: "button", "aria-label": "Close due dates", onClick: onClose, children: jsxRuntime.jsx(CloseIcon, { size: 24 }) })] }), jsxRuntime.jsxs("div", { className: sx(bodyStyle$7), children: [jsxRuntime.jsxs("label", { className: sx(searchStyle$1), children: [jsxRuntime.jsx(SearchIcon$1, { size: 16 }), jsxRuntime.jsx("input", { type: "search", placeholder: "Search", value: search, onChange: (event) => setSearch(event.target.value) })] }), !Object.keys(filtered).length ? jsxRuntime.jsx("div", { className: sx(emptyStyle$e), children: "No due dates found." }) : Object.entries(filtered).map(([date, items]) => (jsxRuntime.jsxs("section", { children: [jsxRuntime.jsx("h4", { children: formatDate$8(date, { month: 'long', day: 'numeric', year: 'numeric' }) }), jsxRuntime.jsx("div", { className: sx(cardsStyle$2), children: items.map((item) => jsxRuntime.jsx(DueDateCard$1, { item: item, onToggle: onToggle, onTaskClick: onTaskClick }, `${date}-${item.taskid}`)) })] }, date)))] })] }));
+    return (jsxRuntime.jsxs("aside", { className: cx(sx(drawerStyle), isOpen && sx(openStyle), className), "aria-hidden": !isOpen, "aria-label": "Due Dates", children: [jsxRuntime.jsxs("header", { children: [jsxRuntime.jsx("h3", { children: "Due Dates" }), jsxRuntime.jsx("button", { type: "button", "aria-label": "Close due dates", onClick: onClose, children: jsxRuntime.jsx(CloseIcon, { size: 24 }) })] }), jsxRuntime.jsxs("div", { className: sx(bodyStyle$8), children: [jsxRuntime.jsxs("label", { className: sx(searchStyle$1), children: [jsxRuntime.jsx(SearchIcon$1, { size: 16 }), jsxRuntime.jsx("input", { type: "search", placeholder: "Search", value: search, onChange: (event) => setSearch(event.target.value) })] }), !Object.keys(filtered).length ? jsxRuntime.jsx("div", { className: sx(emptyStyle$e), children: "No due dates found." }) : Object.entries(filtered).map(([date, items]) => (jsxRuntime.jsxs("section", { children: [jsxRuntime.jsx("h4", { children: formatDate$8(date, { month: 'long', day: 'numeric', year: 'numeric' }) }), jsxRuntime.jsx("div", { className: sx(cardsStyle$2), children: items.map((item) => jsxRuntime.jsx(DueDateCard$1, { item: item, onToggle: onToggle, onTaskClick: onTaskClick }, `${date}-${item.taskid}`)) })] }, date)))] })] }));
 };
 
 /**
@@ -13194,7 +13194,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)' },
 };
@@ -13212,7 +13212,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)' },
 };
@@ -13230,7 +13230,7 @@ const Flyout = ({ isOpen, onClose, title, icon, children, footer, width = 'min(4
     const titleId = React.useId();
     if (!isOpen || typeof document === 'undefined')
         return null;
-    return reactDom.createPortal(jsxRuntime.jsxs(Drawer, { "aria-labelledby": titleId, className: sx(panelStyle$5), isOpen: isOpen, onClose: onClose, position: "right", size: width, children: [jsxRuntime.jsx(DrawerHeader, { className: sx(headerStyle$z), children: jsxRuntime.jsxs("div", { className: sx(titleRowStyle$3), children: [icon, jsxRuntime.jsx("h2", { className: sx(titleStyle$v), id: titleId, children: title })] }) }), jsxRuntime.jsx(DrawerBody, { className: sx(bodyStyle$6), children: children }), footer && jsxRuntime.jsx(DrawerFooter, { children: footer })] }), document.body);
+    return reactDom.createPortal(jsxRuntime.jsxs(Drawer, { "aria-labelledby": titleId, className: sx(panelStyle$5), isOpen: isOpen, onClose: onClose, position: "right", size: width, children: [jsxRuntime.jsx(DrawerHeader, { className: sx(headerStyle$A), children: jsxRuntime.jsxs("div", { className: sx(titleRowStyle$3), children: [icon, jsxRuntime.jsx("h2", { className: sx(titleStyle$v), id: titleId, children: title })] }) }), jsxRuntime.jsx(DrawerBody, { className: sx(bodyStyle$7), children: children }), footer && jsxRuntime.jsx(DrawerFooter, { children: footer })] }), document.body);
 };
 
 /**
@@ -13242,7 +13242,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%',
@@ -13289,7 +13289,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 (jsxRuntime.jsxs("div", { className: cx(sx(headerStyle$y), className), style: style, "data-testid": "grid-header-row", children: [above, jsxRuntime.jsx("div", { className: sx(gridStyle$8), style: { gridTemplateColumns }, role: "row", children: columns.map((column, i) => (jsxRuntime.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 (jsxRuntime.jsxs("div", { className: cx(sx(headerStyle$z), className), style: style, "data-testid": "grid-header-row", children: [above, jsxRuntime.jsx("div", { className: sx(gridStyle$8), style: { gridTemplateColumns }, role: "row", children: columns.map((column, i) => (jsxRuntime.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';
 
@@ -13343,7 +13343,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%',
@@ -13393,7 +13393,7 @@ const sortIconStyle$1 = {
     flexShrink: 0,
     display: 'inline-flex',
 };
-const bodyStyle$5 = {
+const bodyStyle$6 = {
     label: 'GridTable-bodyStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -13402,7 +13402,7 @@ const bodyStyle$5 = {
         gap: 0,
     },
 };
-const rowStyle$5 = {
+const rowStyle$6 = {
     label: 'GridTable-rowStyle',
     padding: 8,
     fontSize: 14,
@@ -13607,7 +13607,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%',
@@ -13959,7 +13959,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 (jsxRuntime.jsxs("div", { className: cx(sx(tableStyle$8), sharedColumns ? sx(sharedRootStyle) : '', className), style: rootStyle, children: [banner && jsxRuntime.jsx("div", { className: cx(sx(bannerStyle$2), span), children: banner }), !hideHeader && (jsxRuntime.jsxs("div", { className: cx(sx(headerStyle$x), subgrid), children: [sharedColumns && header.above != null ? jsxRuntime.jsx("div", { className: span, children: header.above }) : header.above, jsxRuntime.jsxs("div", { className: cx(sx(gridStyle$7), subgrid), style: trackStyle, children: [expandable && jsxRuntime.jsx("div", { className: sx(headingStyle$2), "aria-hidden": "true" }), columns.map((column, i) => (jsxRuntime.jsx(React.Fragment, { children: heading(column, { interactive: true }) }, i)))] }), sharedColumns && header.below != null ? jsxRuntime.jsx("div", { className: span, children: header.below }) : header.below] })), !sorted.length && !draftRow ? (jsxRuntime.jsx("div", { className: cx(sx(emptyStyle$d), span), children: emptyMessage })) : (jsxRuntime.jsxs("div", { className: cx(sx(bodyStyle$5), subgrid), children: [draftRow && jsxRuntime.jsx("div", { className: cx(sx(draftRowStyle), span), children: draftRow }), sorted.map((row, rowIndex) => {
+    return (jsxRuntime.jsxs("div", { className: cx(sx(tableStyle$8), sharedColumns ? sx(sharedRootStyle) : '', className), style: rootStyle, children: [banner && jsxRuntime.jsx("div", { className: cx(sx(bannerStyle$2), span), children: banner }), !hideHeader && (jsxRuntime.jsxs("div", { className: cx(sx(headerStyle$y), subgrid), children: [sharedColumns && header.above != null ? jsxRuntime.jsx("div", { className: span, children: header.above }) : header.above, jsxRuntime.jsxs("div", { className: cx(sx(gridStyle$7), subgrid), style: trackStyle, children: [expandable && jsxRuntime.jsx("div", { className: sx(headingStyle$2), "aria-hidden": "true" }), columns.map((column, i) => (jsxRuntime.jsx(React.Fragment, { children: heading(column, { interactive: true }) }, i)))] }), sharedColumns && header.below != null ? jsxRuntime.jsx("div", { className: span, children: header.below }) : header.below] })), !sorted.length && !draftRow ? (jsxRuntime.jsx("div", { className: cx(sx(emptyStyle$d), span), children: emptyMessage })) : (jsxRuntime.jsxs("div", { className: cx(sx(bodyStyle$6), subgrid), children: [draftRow && jsxRuntime.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
@@ -13967,12 +13967,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 (jsxRuntime.jsxs(React.Fragment, { children: [marker && rowMarker?.beforeKey === key && marker, editRow?.key === key ? (jsxRuntime.jsx("div", { className: cx(sx(editRowStyle), bordered ? sx(borderedStyle) : '', span), "data-rowid": key, "data-testid": `row-${key}`, "data-editing": "true", children: editRow.content })) : (jsxRuntime.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 && (jsxRuntime.jsx("div", { className: sx(expandCellStyle), children: jsxRuntime.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 ? jsxRuntime.jsx(ChevronDown, {}) : jsxRuntime.jsx(ChevronRight$3, {}) }) })), columns.map((column, colIndex) => {
+                        return (jsxRuntime.jsxs(React.Fragment, { children: [marker && rowMarker?.beforeKey === key && marker, editRow?.key === key ? (jsxRuntime.jsx("div", { className: cx(sx(editRowStyle), bordered ? sx(borderedStyle) : '', span), "data-rowid": key, "data-testid": `row-${key}`, "data-editing": "true", children: editRow.content })) : (jsxRuntime.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 && (jsxRuntime.jsx("div", { className: sx(expandCellStyle), children: jsxRuntime.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 ? jsxRuntime.jsx(ChevronDown, {}) : jsxRuntime.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 (jsxRuntime.jsxs("div", { className: cx(sx(cellWrapStyle), rowPainted ? sx(cellClearStyle) : ''), ...(column.name ? { 'data-colname': column.name } : {}), children: [column.label && jsxRuntime.jsx("div", { className: sx(stackedLabelStyle), children: heading(column, { interactive: false }) }), jsxRuntime.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 ? (jsxRuntime.jsx("span", { className: sx(valueStyle$2), children: formatted || jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u2013" }) })) : null })] }, colIndex));
                                         })] }, key))] }, key));
-                    }), marker && rowMarker?.atEnd && !markerBeforeMatches && sorted.length > 0 && marker] })), totalRow && (jsxRuntime.jsx("div", { className: cx(sx(footerStyle$8), subgrid), children: jsxRuntime.jsxs("div", { className: cx(sx(gridStyle$7), subgrid), style: trackStyle, children: [expandable && jsxRuntime.jsx("div", { className: sx(totalCellStyle), "aria-hidden": "true" }), columns.map((_, i) => (jsxRuntime.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 && (jsxRuntime.jsx("div", { className: cx(sx(footerStyle$a), subgrid), children: jsxRuntime.jsxs("div", { className: cx(sx(gridStyle$7), subgrid), style: trackStyle, children: [expandable && jsxRuntime.jsx("div", { className: sx(totalCellStyle), "aria-hidden": "true" }), columns.map((_, i) => (jsxRuntime.jsx("div", { className: i === totalIndex ? sx(totalValueStyle) : sx(totalCellStyle), children: i === 0 ? totalRow.label : i === totalIndex ? total.toLocaleString() : null }, i)))] }) }))] }));
 }
 GridTable.displayName = 'GridTable';
 
@@ -14758,6 +14758,990 @@ const HubAppShell = ({ children, navItems, individualTravelItem, agentsItem, sou
     return (jsxRuntime.jsxs("div", { className: cx(sx(shellStyle), expanded && sx(shellExpandedStyle), className), children: [loading && jsxRuntime.jsx("div", { className: sx(loadingStyle$4), role: "status", "aria-label": "Loading", "data-testid": "loading-overlay", children: jsxRuntime.jsx("span", {}) }), bannerLabel && jsxRuntime.jsx("div", { className: sx(qaBannerStyle), children: bannerLabel }), jsxRuntime.jsxs("aside", { className: sx(sidebarStyle$3), "data-expanded": expanded, children: [jsxRuntime.jsx("button", { type: "button", className: sx(expandButtonStyle), "aria-label": expanded ? 'Collapse sidebar' : 'Expand sidebar', onClick: () => setExpanded((value) => !value), children: expanded ? jsxRuntime.jsx(ChevronLeftIcon, { size: 14 }) : jsxRuntime.jsx(ChevronRightIcon$1, { size: 14 }) }), jsxRuntime.jsx("button", { type: "button", className: sx(logoStyle), "aria-label": "Go to Home", onClick: onLogoClick, children: logo ? (expanded ? logo : (collapsedLogo ?? logo)) : jsxRuntime.jsx(DefaultLogo, { expanded: expanded }) }), jsxRuntime.jsxs("nav", { className: sx(desktopNavStyle), "aria-label": "Hub navigation", children: [homeNavItem && jsxRuntime.jsx("div", { className: navigationDisabled ? sx(disabledNavStyle) : '', children: renderNavItem(homeNavItem) }), onLegacyPortal && jsxRuntime.jsxs("button", { type: "button", className: sx(navItemStyle), "aria-label": "Old Portal", title: "Old Portal", onClick: onLegacyPortal, "data-test": "hub-nav-legacy-portal", children: [jsxRuntime.jsx("span", { className: sx(navIconStyle), children: jsxRuntime.jsx(ArrowUpRightIcon, { size: 24 }) }), expanded && jsxRuntime.jsx("span", { children: "Old Portal" })] }), resolvedIndividualTravelItem && renderNavItem(resolvedIndividualTravelItem), jsxRuntime.jsx("div", { className: navigationDisabled ? sx(disabledNavStyle) : '', children: primaryNavItems.map((item) => renderNavItem(item)) })] }), jsxRuntime.jsxs("div", { className: sx(sidebarFooterStyle), children: [resolvedFooterNavItems.map((item) => renderNavItem(item)), jsxRuntime.jsxs("div", { className: sx(profileStyle), ref: profileRef, children: [jsxRuntime.jsxs("button", { type: "button", className: sx(avatarStyle$1), "aria-label": "User Information", onClick: () => setIsProfileOpen(!isProfileOpen), children: [jsxRuntime.jsx(Avatar, { initials: userInitials, size: expanded ? 28 : 'md' }), expanded && userName && jsxRuntime.jsx("span", { className: sx(userNameStyle), children: userName })] }), isProfileOpen && (renderProfileMenu || profileMenu) && (jsxRuntime.jsx("div", { className: sx(profileMenuStyle), children: renderProfileMenu ? renderProfileMenu(() => setIsProfileOpen(false)) : profileMenu }))] })] })] }), jsxRuntime.jsxs("div", { className: sx(mainStyle$4), children: [jsxRuntime.jsxs("header", { className: sx(topbarStyle), children: [jsxRuntime.jsx("div", { children: accountSelector ?? jsxRuntime.jsx(DefaultAccount, {}) }), renderTopbarActions ? renderTopbarActions(actions) : jsxRuntime.jsx(DefaultNavigationToggle, { ...actions })] }), isMobileNavOpen && jsxRuntime.jsxs("div", { className: sx(mobileNavStyle), children: [jsxRuntime.jsx("nav", { "aria-label": "Mobile Hub navigation", children: mobileNavItems.map((item) => renderNavItem(item, true)) }), (mobileExtras || onLegacyPortal) && jsxRuntime.jsxs("div", { className: sx(mobileExtrasStyle), role: "group", "aria-label": "Mobile navigation actions", children: [mobileExtras, onLegacyPortal && jsxRuntime.jsxs("button", { type: "button", className: sx(mobilePrimaryStyle), onClick: () => { onLegacyPortal(); closeMobileNav(); }, "data-test": "hub-mobile-legacy-portal", children: [jsxRuntime.jsx(ArrowUpRightIcon, { size: 20 }), jsxRuntime.jsx("span", { children: "Legacy Portal" })] })] }), mobileFooter && jsxRuntime.jsx("div", { className: sx(mobileFooterStyle), children: mobileFooter })] }), showContent && jsxRuntime.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 = React.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) => jsxRuntime.jsx("span", { className: sx(numberStyle$1), children: row.number }),
+        },
+        {
+            key: 'createdAt',
+            label: 'Logged',
+            render: (_value, row) => (jsxRuntime.jsxs("span", { className: sx(stackStyle$4), children: [jsxRuntime.jsx("time", { dateTime: row.createdAt, children: formatIncidentDate(row.createdAt, timeZone) }), jsxRuntime.jsx("span", { className: sx(secondaryStyle), children: formatClockTime(row.createdAt, timeZone) })] })),
+        },
+        {
+            key: 'accountName',
+            label: 'Account',
+            render: (_value, row) => (jsxRuntime.jsxs("span", { className: sx(stackStyle$4), children: [jsxRuntime.jsx("span", { children: row.accountName }), row.teamName && jsxRuntime.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) => (jsxRuntime.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 ? (jsxRuntime.jsx("span", { className: sx(rootCauseStyle), children: row.rootCause })) : (jsxRuntime.jsxs("span", { className: sx(mutedStyle$2), children: [jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\u2014" }), jsxRuntime.jsx("span", { className: sx(srOnlyStyle$4), children: "No root cause" })] })),
+        },
+        {
+            key: 'resolvedBy',
+            label: 'Resolved by',
+            render: (_value, row) => (jsxRuntime.jsxs("span", { className: sx(stackStyle$4), children: [jsxRuntime.jsx("span", { children: row.resolvedBy }), jsxRuntime.jsxs("time", { className: sx(secondaryStyle), dateTime: row.resolvedAt, children: [formatIncidentDate(row.resolvedAt, timeZone), " ", formatClockTime(row.resolvedAt, timeZone)] })] })),
+        },
+    ];
+    return (jsxRuntime.jsxs("div", { className: cx(sx(rootStyle), className), "data-test": "incident-archive", children: [jsxRuntime.jsxs("div", { className: sx(filtersStyle$5), role: "group", "aria-label": "Archive filters", children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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 && (jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", onClick: () => onFiltersChange?.({}), "data-test": "incident-archive-clear", children: "Clear filters" }))] }), jsxRuntime.jsx("div", { className: sx(scrollRegionStyle), role: "region", "aria-label": "Resolved incidents", tabIndex: 0, "data-test": "incident-archive-scroll", children: jsxRuntime.jsx(Table, { className: sx(tableNoScrollStyle), columns: columns, data: incidents, rowKey: "id", loading: loading, emptyContent: jsxRuntime.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 && (jsxRuntime.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 = (jsxRuntime.jsx("time", { dateTime: note.createdAt, className: sx(noteMetaStyle), children: formatClockTime(note.createdAt, timeZone) }));
+    if (note.kind === 'system') {
+        return (jsxRuntime.jsxs("div", { className: cx(sx(noteStyle$3), sx(systemNoteStyle)), "data-test": "incident-note", "data-kind": "system", children: [jsxRuntime.jsx(InfoIcon$1, { size: 14, "aria-hidden": "true" }), jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx("span", { className: sx(srOnlyStyle$3), children: "Activity: " }), jsxRuntime.jsx("span", { children: note.text }), " \u00B7 ", time] })] }));
+    }
+    return (jsxRuntime.jsxs("div", { className: sx(noteStyle$3), "data-test": "incident-note", "data-kind": "user", children: [jsxRuntime.jsxs("span", { className: sx(noteMetaStyle), children: [jsxRuntime.jsx("span", { className: sx(noteAuthorStyle), title: note.authorEmail, children: note.authorName }), ' ', "\u00B7 ", time] }), jsxRuntime.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 = React.useId();
+    const [expanded, setExpanded] = React.useState(defaultExpanded);
+    const [draft, setDraft] = React.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 (jsxRuntime.jsxs("section", { className: sx(sectionStyle$8), "aria-label": `Notes for ${incidentLabel}`, "data-test": "incident-notes", children: [jsxRuntime.jsxs("div", { className: sx(sectionHeaderStyle$3), children: [jsxRuntime.jsx("p", { className: sx(sectionTitleStyle$b), children: "Notes" }), jsxRuntime.jsx("span", { className: sx(noteMetaStyle), "data-test": "incident-note-count", children: notes.length === 1 ? '1 note' : `${notes.length} notes` })] }), !expanded &&
+                (latest ? (jsxRuntime.jsx(NoteItem, { note: latest, timeZone: timeZone })) : (jsxRuntime.jsx("p", { className: sx(emptyNotesStyle), children: "No notes yet." }))), jsxRuntime.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 }), jsxRuntime.jsx("div", { id: `${id}-thread`, hidden: !expanded, children: expanded && (jsxRuntime.jsxs("div", { className: sx(plainListStyle), children: [notes.length > 0 ? (jsxRuntime.jsx("ol", { className: sx(plainListStyle), "aria-label": `All notes for ${incidentLabel}`, children: notes.map((note) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsx(NoteItem, { note: note, timeZone: timeZone }) }, note.id))) })) : (jsxRuntime.jsx("p", { className: sx(emptyNotesStyle), children: "No notes yet." })), jsxRuntime.jsxs("form", { className: sx(noteFormStyle), onSubmit: submit, "aria-label": `Add a note to ${incidentLabel}`, children: [jsxRuntime.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" }), jsxRuntime.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 (jsxRuntime.jsxs("li", { className: cx(sx(routeStyle$3), overdue && sx(routeOverdueStyle)), "data-test": `incident-route-${route.division}`, "data-status": status, "data-overdue": overdue || undefined, children: [jsxRuntime.jsxs("div", { className: sx(routeRowStyle), children: [jsxRuntime.jsx("span", { className: sx(routeDivisionStyle), children: name }), status === 'not-acknowledged' && (jsxRuntime.jsx("span", { className: sx(routeStatusStyle), "data-test": "incident-route-status", children: overdue ? (jsxRuntime.jsxs("span", { className: sx(overdueTextStyle), children: ["Not acknowledged \u00B7 waiting ", formatElapsed(route.notifiedAt, now)] })) : ('Not acknowledged') })), status === 'acknowledged' && (jsxRuntime.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' && (jsxRuntime.jsxs("span", { className: sx(routeStatusStyle), "data-test": "incident-route-status", children: [jsxRuntime.jsx(Badge, { variant: "success", size: "sm", children: "Complete" }), ' ', "by ", route.completedBy, " at ", formatClockTime(route.completedAt, timeZone)] })), jsxRuntime.jsxs("div", { className: sx(routeActionsStyle), children: [status === 'not-acknowledged' && (jsxRuntime.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' && (jsxRuntime.jsx(Button, { size: "sm", variant: "outline", onClick: () => onComplete?.(incidentId, route.division), "aria-label": `Complete ${name}`, "data-test": "incident-complete", children: "Complete" })), jsxRuntime.jsx(Button, { size: "sm", variant: "ghost", onClick: () => onRenotify?.(incidentId, route.division), "aria-label": `Re-notify ${name}`, "data-test": "incident-renotify", children: "Re-notify" })] })] }), jsxRuntime.jsx("ul", { className: sx(tripTypeListStyle), "aria-label": `${name} trip types`, children: route.tripTypes.map((tripType) => {
+                    const label = TRIP_TYPE_LABELS[tripType];
+                    const remove = (jsxRuntime.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: jsxRuntime.jsx(XIcon, { size: 12, "aria-hidden": "true" }) }));
+                    return (jsxRuntime.jsxs("li", { className: sx(tripTypeChipStyle), "data-test": `incident-trip-type-${tripType}`, children: [label, removable ? remove : jsxRuntime.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 = React.useId();
+    const titleId = `${id}-title`;
+    const lastTripTypeHintId = `${id}-last-trip-type`;
+    const Heading = `h${headingLevel}`;
+    const [tripTypeToAdd, setTripTypeToAdd] = React.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 (jsxRuntime.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: [jsxRuntime.jsxs("div", { className: cx(sx(headerStyle$x), overdue && sx(overdueHeaderStyle)), children: [jsxRuntime.jsx(Heading, { id: titleId, className: sx(numberStyle), children: incident.number ?? (jsxRuntime.jsx("span", { className: sx(syncingStyle), "data-test": "incident-syncing", children: "Syncing\u2026" })) }), overdue && (jsxRuntime.jsxs(Badge, { variant: "error", dot: true, "data-test": "incident-needs-acknowledgement", children: ["Needs acknowledgement (", overdueCount, ")"] })), jsxRuntime.jsx("time", { className: sx(elapsedStyle), dateTime: incident.createdAt, title: `Logged ${formatClockTime(incident.createdAt, timeZone)}`, children: elapsed === 'Just now' ? elapsed : `${elapsed} ago` })] }), jsxRuntime.jsxs("p", { className: sx(accountStyle), children: [incident.accountName, incident.teamName && ` · ${incident.teamName}`] }), jsxRuntime.jsxs("dl", { className: sx(metaStyle$1), children: [jsxRuntime.jsx("dt", { className: sx(metaTermStyle), children: "Lead Division" }), jsxRuntime.jsx("dd", { className: sx(metaValueStyle), children: DIVISION_LABELS[incident.leadDivision] }), jsxRuntime.jsx("dt", { className: sx(metaTermStyle), children: "Caller" }), jsxRuntime.jsxs("dd", { className: sx(metaValueStyle), children: [incident.callerName && `${incident.callerName} · `, jsxRuntime.jsx("a", { className: sx(telLinkStyle), href: toTelHref(incident.callbackNumber), "data-test": "incident-callback", children: incident.callbackNumber })] }), incident.incidentType && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("dt", { className: sx(metaTermStyle), children: "Type" }), jsxRuntime.jsx("dd", { className: sx(metaValueStyle), children: incident.incidentType })] }))] }), jsxRuntime.jsx("p", { className: sx(narrativeStyle), "data-test": "incident-narrative", children: incident.narrative }), jsxRuntime.jsxs("p", { className: sx(loggedByStyle), children: ["Logged by ", incident.loggedBy, " (", DIVISION_LABELS[incident.loggingDivision], ") at", ' ', formatClockTime(incident.createdAt, timeZone)] }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$8), "aria-label": `Routes for ${label}`, children: [jsxRuntime.jsxs("div", { className: sx(sectionHeaderStyle$3), children: [jsxRuntime.jsx("p", { className: sx(sectionTitleStyle$b), children: "Routes" }), jsxRuntime.jsxs("span", { className: sx(progressStyle), "data-test": "incident-progress", children: ["Acknowledged ", acknowledged, "/", total, " \u00B7 Complete ", complete, "/", total] })] }), jsxRuntime.jsx("ul", { className: sx(plainListStyle), children: incident.routes.map((route) => (jsxRuntime.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))) }), jsxRuntime.jsx("span", { id: lastTripTypeHintId, className: sx(srOnlyStyle$3), children: LAST_TRIP_TYPE_HINT }), addable.length > 0 && (jsxRuntime.jsxs("div", { className: sx(addTripTypeStyle), children: [jsxRuntime.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" }), jsxRuntime.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" })] }))] }), jsxRuntime.jsx(IncidentNotes, { notes: incident.notes, incidentLabel: label, timeZone: timeZone, defaultExpanded: defaultNotesExpanded, onAddNote: (text) => onAddNote?.(incident.id, text) }), jsxRuntime.jsxs("div", { className: sx(footerStyle$9), children: [ready && (jsxRuntime.jsxs("span", { className: sx(readyStyle), "data-test": "incident-ready-to-resolve", children: [jsxRuntime.jsx(CheckIcon$1, { size: 14, "aria-hidden": "true" }), "Every Route is complete \u2014 ready to resolve"] })), jsxRuntime.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 = React.useId();
+    const [values, setValues] = React.useState(() => emptyValues(defaultLoggingDivision ?? ''));
+    const [leadTouched, setLeadTouched] = React.useState(false);
+    const [attempted, setAttempted] = React.useState(false);
+    const fieldRefs = React.useRef({});
+    const account = findAccount(accounts, values.accountName);
+    const teamOptions = React.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 (jsxRuntime.jsxs("form", { className: cx(sx(formStyle$5), className), "aria-label": ariaLabel, noValidate: true, onSubmit: handleSubmit, "data-test": "incident-intake-form", children: [jsxRuntime.jsxs("div", { className: sx(rowStyle$5), children: [jsxRuntime.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" }), jsxRuntime.jsx("datalist", { id: `${id}-accounts`, children: accounts.map((option) => (jsxRuntime.jsx("option", { value: option.name }, option.id))) }), showTeam && (jsxRuntime.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" }))] }), jsxRuntime.jsxs("div", { className: sx(rowStyle$5), children: [jsxRuntime.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" }), jsxRuntime.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" })] }), jsxRuntime.jsxs("div", { className: sx(rowStyle$5), children: [jsxRuntime.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" }), jsxRuntime.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" })] }), jsxRuntime.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: [jsxRuntime.jsx("legend", { className: sx(legendStyle$2), children: "Trip types involved" }), jsxRuntime.jsx("div", { className: sx(groupGridStyle), children: DIVISIONS.map((division, groupIndex) => (jsxRuntime.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: [jsxRuntime.jsx("legend", { className: sx(groupLegendStyle), children: division.label }), jsxRuntime.jsx("div", { className: sx(tripTypeRowStyle), children: division.tripTypes.map((tripType, index) => (jsxRuntime.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 ? (jsxRuntime.jsx("p", { id: `${id}-trip-types-error`, className: sx(errorTextStyle), children: errors.tripTypes })) : (jsxRuntime.jsx("p", { id: `${id}-trip-types-help`, className: sx(helperTextStyle), children: "Each Division with a ticked trip type is notified." }))] }), jsxRuntime.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" }), jsxRuntime.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) }), jsxRuntime.jsx("div", { className: sx(footerStyle$8), children: jsxRuntime.jsxs("div", { className: sx(actionsStyle$7), children: [onCancel && (jsxRuntime.jsx(Button, { type: "button", variant: "secondary", onClick: onCancel, "data-test": "incident-intake-cancel", children: "Cancel" })), jsxRuntime.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 (`&&&`).
@@ -16223,7 +17207,7 @@ const scrollBodyStyle = {
     minHeight: 0,
     overflowY: 'auto',
 };
-const bodyStyle$4 = {
+const bodyStyle$5 = {
     label: 'Module-bodyStyle',
     flex: 1,
     fontSize: 14,
@@ -16296,7 +17280,7 @@ const Module = ({ title, icon, iconClassName = '', badge, before, children, afte
             setOpen(!open);
         }
     };
-    return (jsxRuntime.jsxs("div", { className: cx(sx(moduleStyle), className), children: [title && (jsxRuntime.jsx("div", { className: cx(sx(headerStyle$u), sx(headerSizeStyles[size]), !open && sx(closedStyle), headerClassName), children: jsxRuntime.jsxs("div", { className: cx(sx(titleRowStyle$1), sx(titleRowSizeStyles[size]), titleClassName), children: [icon && (jsxRuntime.jsx("span", { className: cx(sx(iconStyle$1), size !== 'sm' && sx(iconSpacedStyle), iconClassName), children: icon })), jsxRuntime.jsx("div", { className: sx(titleStyle$r), children: title }), badge && jsxRuntime.jsx("span", { className: sx(badgeStyle$1), children: badge }), jsxRuntime.jsxs("div", { className: sx(toolsStyle), children: [tools, useToggle && (jsxRuntime.jsx("button", { type: "button", className: sx(toggleBtnStyle), onClick: handleToggle, "aria-expanded": open, children: jsxRuntime.jsx(ChevronIcon, { direction: open ? 'up' : 'down' }) }))] })] }) })), jsxRuntime.jsxs("div", { className: cx(sx(bodyWrapperStyle), scrollBody && sx(scrollBodyStyle)), children: [before, jsxRuntime.jsx("div", { className: cx(sx(bodyStyle$4), sx(bodySizeStyles[size]), !open && sx(hiddenStyle), bodyClassName), children: children }), after] }), footer && (jsxRuntime.jsx("div", { className: cx(sx(footerStyle$6), !open && sx(hiddenStyle)), children: footer }))] }));
+    return (jsxRuntime.jsxs("div", { className: cx(sx(moduleStyle), className), children: [title && (jsxRuntime.jsx("div", { className: cx(sx(headerStyle$u), sx(headerSizeStyles[size]), !open && sx(closedStyle), headerClassName), children: jsxRuntime.jsxs("div", { className: cx(sx(titleRowStyle$1), sx(titleRowSizeStyles[size]), titleClassName), children: [icon && (jsxRuntime.jsx("span", { className: cx(sx(iconStyle$1), size !== 'sm' && sx(iconSpacedStyle), iconClassName), children: icon })), jsxRuntime.jsx("div", { className: sx(titleStyle$r), children: title }), badge && jsxRuntime.jsx("span", { className: sx(badgeStyle$1), children: badge }), jsxRuntime.jsxs("div", { className: sx(toolsStyle), children: [tools, useToggle && (jsxRuntime.jsx("button", { type: "button", className: sx(toggleBtnStyle), onClick: handleToggle, "aria-expanded": open, children: jsxRuntime.jsx(ChevronIcon, { direction: open ? 'up' : 'down' }) }))] })] }) })), jsxRuntime.jsxs("div", { className: cx(sx(bodyWrapperStyle), scrollBody && sx(scrollBodyStyle)), children: [before, jsxRuntime.jsx("div", { className: cx(sx(bodyStyle$5), sx(bodySizeStyles[size]), !open && sx(hiddenStyle), bodyClassName), children: children }), after] }), footer && (jsxRuntime.jsx("div", { className: cx(sx(footerStyle$6), !open && sx(hiddenStyle)), children: footer }))] }));
 };
 /**
  * Horizontal divider for Module content
@@ -18284,6 +19268,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 = React.useId();
+    const formId = `${id}-form`;
+    const [resolution, setResolution] = React.useState(defaultResolution);
+    const [rootCause, setRootCause] = React.useState('');
+    const [attempted, setAttempted] = React.useState(false);
+    const firstRadioRef = React.useRef(null);
+    const rootCauseRef = React.useRef(null);
+    React.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 (jsxRuntime.jsx(Modal, { isOpen: isOpen, onClose: onClose, size: "sm", title: incidentNumber ? `Resolve ${incidentNumber}` : 'Resolve incident', subtitle: accountName, footer: jsxRuntime.jsxs(ModalFooter, { children: [jsxRuntime.jsx(Button, { type: "button", variant: "secondary", onClick: onClose, "data-test": "resolve-incident-cancel", children: "Cancel" }), jsxRuntime.jsx(Button, { type: "submit", form: formId, loading: submitting, "data-test": "resolve-incident-confirm", children: resolution === 'resolved' ? 'Resolve incident' : 'Close as logged in error' })] }), children: jsxRuntime.jsxs("form", { id: formId, className: sx(bodyStyle$4), noValidate: true, onSubmit: handleSubmit, children: [jsxRuntime.jsxs("fieldset", { className: sx(fieldsetStyle), children: [jsxRuntime.jsx("legend", { className: sx(legendStyle$1), children: "Outcome" }), jsxRuntime.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" }), jsxRuntime.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' && (jsxRuntime.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 && (jsxRuntime.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
@@ -29887,7 +30947,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)',
 };
@@ -30024,10 +31084,10 @@ const AdministrationPage = ({ activeTab = 'system', enabledTabs = ADMINISTRATION
     const resolvedActiveTab = visibleTabs.some((tab) => tab.key === activeTab)
         ? activeTab
         : visibleTabs[0]?.key;
-    return jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$t), className), children: [jsxRuntime.jsx("header", { className: sx(headerStyle$n), children: jsxRuntime.jsx("h1", { children: "Administration\u00A0" }) }), visibleTabs.length > 0 && (jsxRuntime.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' ? (jsxRuntime.jsx("div", { className: sx(cardsStyle$1), children: resolvedCards.map((card) => (jsxRuntime.jsxs("button", { type: "button", className: sx(cardStyle$5), onClick: () => onCardClick?.(card), children: [jsxRuntime.jsx("span", { className: sx(cardIconStyle$1), children: card.icon }), jsxRuntime.jsxs("span", { className: sx(cardCopyStyle), children: [jsxRuntime.jsx("span", { className: sx(cardTitleStyle$2), children: card.title }), jsxRuntime.jsx("span", { className: sx(cardDescriptionStyle$1), children: card.description })] }), jsxRuntime.jsx(ChevronRightIcon$1, { className: sx(chevronStyle), size: 14 })] }, card.key))) })) : resolvedActiveTab === 'client' ? (jsxRuntime.jsx("p", { className: sx(comingSoonStyle), children: "Client administration settings coming soon." })) : (jsxRuntime.jsx("p", { className: sx(comingSoonStyle), "data-test": "administration-empty-tabs", children: "No administration sections are available." })))] });
+    return jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$u), className), children: [jsxRuntime.jsx("header", { className: sx(headerStyle$n), children: jsxRuntime.jsx("h1", { children: "Administration\u00A0" }) }), visibleTabs.length > 0 && (jsxRuntime.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' ? (jsxRuntime.jsx("div", { className: sx(cardsStyle$1), children: resolvedCards.map((card) => (jsxRuntime.jsxs("button", { type: "button", className: sx(cardStyle$5), onClick: () => onCardClick?.(card), children: [jsxRuntime.jsx("span", { className: sx(cardIconStyle$1), children: card.icon }), jsxRuntime.jsxs("span", { className: sx(cardCopyStyle), children: [jsxRuntime.jsx("span", { className: sx(cardTitleStyle$2), children: card.title }), jsxRuntime.jsx("span", { className: sx(cardDescriptionStyle$1), children: card.description })] }), jsxRuntime.jsx(ChevronRightIcon$1, { className: sx(chevronStyle), size: 14 })] }, card.key))) })) : resolvedActiveTab === 'client' ? (jsxRuntime.jsx("p", { className: sx(comingSoonStyle), children: "Client administration settings coming soon." })) : (jsxRuntime.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',
@@ -30064,12 +31124,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 = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$s), className), "data-test": "agent-gtr-page", children: [jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$9), onClick: onBackToBookATrip, children: "Book a Trip" }), jsxRuntime.jsx("h1", { className: sx(titleStyle$j), children: title }), jsxRuntime.jsxs("ul", { className: sx(quickLinksStyle), children: [jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Button, { variant: "ghost", onClick: onSubmitNewRequest, children: "Submit a new group travel request" }) }), isStmEmployee && (jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Button, { variant: "ghost", onClick: onSubmitAgentRequest, children: "Submit a new group travel request (agent use only)" }) })), jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Button, { variant: "ghost", onClick: onSearchPastRequests, children: "Search past travel requests/Non-agent-only requests" }) }), isStmEmployee && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Button, { variant: "ghost", onClick: onShowCdsRequests, children: "Show all open CDS group travel requests" }) }), jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Button, { variant: "ghost", onClick: onShowActionableItems, children: "Show this week's actionable items" }) }), jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Button, { variant: "ghost", onClick: onAdministerViews, children: "Administer your views" }) })] }))] }), jsxRuntime.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 = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$t), className), "data-test": "agent-gtr-page", children: [jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$9), onClick: onBackToBookATrip, children: "Book a Trip" }), jsxRuntime.jsx("h1", { className: sx(titleStyle$j), children: title }), jsxRuntime.jsxs("ul", { className: sx(quickLinksStyle), children: [jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Button, { variant: "ghost", onClick: onSubmitNewRequest, children: "Submit a new group travel request" }) }), isStmEmployee && (jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Button, { variant: "ghost", onClick: onSubmitAgentRequest, children: "Submit a new group travel request (agent use only)" }) })), jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Button, { variant: "ghost", onClick: onSearchPastRequests, children: "Search past travel requests/Non-agent-only requests" }) }), isStmEmployee && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Button, { variant: "ghost", onClick: onShowCdsRequests, children: "Show all open CDS group travel requests" }) }), jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Button, { variant: "ghost", onClick: onShowActionableItems, children: "Show this week's actionable items" }) }), jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Button, { variant: "ghost", onClick: onAdministerViews, children: "Administer your views" }) })] }))] }), jsxRuntime.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',
@@ -30098,7 +31158,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,
@@ -30320,12 +31380,12 @@ const CarrierProfilePage = ({ carrierName, preferences: initialPreferences, cate
                 render: (_value, item) => (jsxRuntime.jsxs("span", { className: sx(rowActionsStyle), children: [canEditAircraft && (jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Edit ${item.name}`, onClick: () => onEditAircraft?.(item.aircraftId), "data-test": "carrier-aircraft-edit", children: jsxRuntime.jsx(EditIcon$2, { size: 16 }) })), canDeleteAircraft && (jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Delete ${item.name}`, onClick: () => onDeleteAircraft?.(item.aircraftId), "data-test": "carrier-aircraft-delete", children: jsxRuntime.jsx(TrashIcon$2, { size: 16 }) }))] })),
             }] : []),
     ];
-    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$r), className), "data-test": "carrier-profile-page", children: [onBack && (jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$8), leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "carrier-profile-back", children: backLabel })), jsxRuntime.jsxs("header", { className: sx(headerStyle$m), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$i), children: "My Profile" }), jsxRuntime.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." })] }), jsxRuntime.jsx(Segment, { options: TAB_OPTIONS$2, value: tab, onChange: selectTab, "aria-label": "Profile section", className: sx(tabsStyle$4) }), tab === 'profile' && (jsxRuntime.jsxs("section", { className: sx(panelStyle$1), "aria-label": "Preferences", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$7), children: "Preferences" }), jsxRuntime.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." }), jsxRuntime.jsxs("div", { className: sx(formStyle$2), children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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 && (jsxRuntime.jsx(Button, { className: sx(saveStyle), onClick: () => onSavePreferences?.(preferences), "data-test": "carrier-save-preferences", children: "Save" }))] })), tab === 'contacts' && (jsxRuntime.jsxs("section", { className: sx(panelStyle$1), "aria-label": "Contacts", children: [jsxRuntime.jsxs("h2", { className: sx(sectionTitleStyle$7), children: [carrierName, " contacts"] }), jsxRuntime.jsx(Table, { columns: contactColumns, data: contacts, rowKey: "contactId", emptyContent: jsxRuntime.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 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("h3", { className: sx(subTitleStyle), children: "Add a contact" }), jsxRuntime.jsxs("div", { className: sx(formStyle$2), children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] }), jsxRuntime.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" }), jsxRuntime.jsx(Button, { className: sx(saveStyle), onClick: submitContact, "data-test": "carrier-contact-submit", children: "Add contact" })] }))] })), tab === 'aircraft' && (jsxRuntime.jsxs("section", { className: sx(panelStyle$1), "aria-label": "Aircraft", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$7), children: "Aircraft and seat maps" }), jsxRuntime.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." }), jsxRuntime.jsx(Table, { columns: aircraftColumns, data: aircraft, rowKey: "aircraftId", emptyContent: jsxRuntime.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 (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$s), className), "data-test": "carrier-profile-page", children: [onBack && (jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$8), leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "carrier-profile-back", children: backLabel })), jsxRuntime.jsxs("header", { className: sx(headerStyle$m), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$i), children: "My Profile" }), jsxRuntime.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." })] }), jsxRuntime.jsx(Segment, { options: TAB_OPTIONS$2, value: tab, onChange: selectTab, "aria-label": "Profile section", className: sx(tabsStyle$4) }), tab === 'profile' && (jsxRuntime.jsxs("section", { className: sx(panelStyle$1), "aria-label": "Preferences", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$7), children: "Preferences" }), jsxRuntime.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." }), jsxRuntime.jsxs("div", { className: sx(formStyle$2), children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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 && (jsxRuntime.jsx(Button, { className: sx(saveStyle), onClick: () => onSavePreferences?.(preferences), "data-test": "carrier-save-preferences", children: "Save" }))] })), tab === 'contacts' && (jsxRuntime.jsxs("section", { className: sx(panelStyle$1), "aria-label": "Contacts", children: [jsxRuntime.jsxs("h2", { className: sx(sectionTitleStyle$7), children: [carrierName, " contacts"] }), jsxRuntime.jsx(Table, { columns: contactColumns, data: contacts, rowKey: "contactId", emptyContent: jsxRuntime.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 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("h3", { className: sx(subTitleStyle), children: "Add a contact" }), jsxRuntime.jsxs("div", { className: sx(formStyle$2), children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] }), jsxRuntime.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" }), jsxRuntime.jsx(Button, { className: sx(saveStyle), onClick: submitContact, "data-test": "carrier-contact-submit", children: "Add contact" })] }))] })), tab === 'aircraft' && (jsxRuntime.jsxs("section", { className: sx(panelStyle$1), "aria-label": "Aircraft", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$7), children: "Aircraft and seat maps" }), jsxRuntime.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." }), jsxRuntime.jsx(Table, { columns: aircraftColumns, data: aircraft, rowKey: "aircraftId", emptyContent: jsxRuntime.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',
@@ -30480,7 +31540,7 @@ const ChampionshipBidDetailPage = ({ bid, loading = false, backLabel = 'NCAA Cha
     const currency = React.useMemo(() => new Intl.NumberFormat(locale, { style: 'currency', currency: 'USD' }), [locale]);
     const numbers = React.useMemo(() => new Intl.NumberFormat(locale), [locale]);
     const status = bid ? detailStatus(bid) : undefined;
-    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$q), className), "data-test": "championship-bid-detail-page", children: [onBack && (jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", className: sx(breadcrumbStyle$7), leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "championship-bid-detail-back", children: backLabel })), loading ? (jsxRuntime.jsxs("div", { className: sx(loadingStyle), "data-test": "championship-bid-detail-loading", children: [jsxRuntime.jsx(Spinner, { size: "lg", label: "Loading championship bid detail" }), jsxRuntime.jsx("p", { children: "Loading championship bid detail\u2026" })] })) : bid && status ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$l), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("span", { className: sx(eyebrowStyle$6), children: ["NCAA Championship bid \u00B7 ", bid.bidId] }), jsxRuntime.jsx("h1", { className: sx(titleStyle$h), children: bid.bidName })] }), jsxRuntime.jsx("span", { "data-test": "championship-bid-detail-status", children: jsxRuntime.jsx(StatusBadge, { status: status.status, label: status.label }) })] }), jsxRuntime.jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-details-heading", children: [jsxRuntime.jsx("h2", { id: "championship-bid-details-heading", children: "Bid details" }), jsxRuntime.jsxs("dl", { className: sx(factsStyle$4), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Aircraft" }), jsxRuntime.jsx("dd", { children: bid.aircraftName || 'Not provided' })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Seats" }), jsxRuntime.jsx("dd", { children: bid.seats === undefined ? 'Not provided' : numbers.format(bid.seats) })] }), jsxRuntime.jsxs("div", { className: sx(totalFactStyle$1), children: [jsxRuntime.jsx("dt", { children: "Total cost" }), jsxRuntime.jsx("dd", { "data-test": "championship-bid-detail-total", children: bid.totalCost === undefined ? 'Not provided' : currency.format(bid.totalCost) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Cities" }), jsxRuntime.jsx("dd", { children: bid.cities || 'Not provided' })] })] })] }), jsxRuntime.jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-notes-heading", children: [jsxRuntime.jsx("h2", { id: "championship-bid-notes-heading", children: "Carrier notes" }), jsxRuntime.jsxs("div", { className: sx(notesGridStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h3", { children: "Restrictions" }), jsxRuntime.jsx("p", { children: bid.restrictions || 'No restrictions provided.' })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h3", { children: "Comments" }), jsxRuntime.jsx("p", { children: bid.comments || 'No comments provided.' })] })] })] }), jsxRuntime.jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-contract-heading", children: [jsxRuntime.jsx("h2", { id: "championship-bid-contract-heading", children: "Contract" }), jsxRuntime.jsxs("div", { className: sx(contractStyle), "data-test": "championship-bid-detail-contract", children: [jsxRuntime.jsx(DocumentIcon, { size: 20, "aria-hidden": "true" }), jsxRuntime.jsx("span", { children: bid.contractFileName || 'No contract on file' })] })] })] })) : (jsxRuntime.jsx("div", { "data-test": "championship-bid-detail-empty", children: jsxRuntime.jsx(EmptyState$1, { title: "Championship bid detail unavailable", description: "Return to the championship queue and select an available opportunity.", icon: jsxRuntime.jsx(DocumentIcon, { size: 30 }) }) }))] }));
+    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$r), className), "data-test": "championship-bid-detail-page", children: [onBack && (jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", className: sx(breadcrumbStyle$7), leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "championship-bid-detail-back", children: backLabel })), loading ? (jsxRuntime.jsxs("div", { className: sx(loadingStyle), "data-test": "championship-bid-detail-loading", children: [jsxRuntime.jsx(Spinner, { size: "lg", label: "Loading championship bid detail" }), jsxRuntime.jsx("p", { children: "Loading championship bid detail\u2026" })] })) : bid && status ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$l), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("span", { className: sx(eyebrowStyle$6), children: ["NCAA Championship bid \u00B7 ", bid.bidId] }), jsxRuntime.jsx("h1", { className: sx(titleStyle$h), children: bid.bidName })] }), jsxRuntime.jsx("span", { "data-test": "championship-bid-detail-status", children: jsxRuntime.jsx(StatusBadge, { status: status.status, label: status.label }) })] }), jsxRuntime.jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-details-heading", children: [jsxRuntime.jsx("h2", { id: "championship-bid-details-heading", children: "Bid details" }), jsxRuntime.jsxs("dl", { className: sx(factsStyle$4), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Aircraft" }), jsxRuntime.jsx("dd", { children: bid.aircraftName || 'Not provided' })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Seats" }), jsxRuntime.jsx("dd", { children: bid.seats === undefined ? 'Not provided' : numbers.format(bid.seats) })] }), jsxRuntime.jsxs("div", { className: sx(totalFactStyle$1), children: [jsxRuntime.jsx("dt", { children: "Total cost" }), jsxRuntime.jsx("dd", { "data-test": "championship-bid-detail-total", children: bid.totalCost === undefined ? 'Not provided' : currency.format(bid.totalCost) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Cities" }), jsxRuntime.jsx("dd", { children: bid.cities || 'Not provided' })] })] })] }), jsxRuntime.jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-notes-heading", children: [jsxRuntime.jsx("h2", { id: "championship-bid-notes-heading", children: "Carrier notes" }), jsxRuntime.jsxs("div", { className: sx(notesGridStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h3", { children: "Restrictions" }), jsxRuntime.jsx("p", { children: bid.restrictions || 'No restrictions provided.' })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h3", { children: "Comments" }), jsxRuntime.jsx("p", { children: bid.comments || 'No comments provided.' })] })] })] }), jsxRuntime.jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-contract-heading", children: [jsxRuntime.jsx("h2", { id: "championship-bid-contract-heading", children: "Contract" }), jsxRuntime.jsxs("div", { className: sx(contractStyle), "data-test": "championship-bid-detail-contract", children: [jsxRuntime.jsx(DocumentIcon, { size: 20, "aria-hidden": "true" }), jsxRuntime.jsx("span", { children: bid.contractFileName || 'No contract on file' })] })] })] })) : (jsxRuntime.jsx("div", { "data-test": "championship-bid-detail-empty", children: jsxRuntime.jsx(EmptyState$1, { title: "Championship bid detail unavailable", description: "Return to the championship queue and select an available opportunity.", icon: jsxRuntime.jsx(DocumentIcon, { size: 30 }) }) }))] }));
 };
 ChampionshipBidDetailPage.displayName = 'ChampionshipBidDetailPage';
 
@@ -30492,7 +31552,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',
@@ -30521,7 +31581,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,
@@ -30691,7 +31751,7 @@ const ChampionshipBidsPage = ({ bids, bidType: controlledBidType, defaultBidType
             render: (_value, bid) => onOpenBid ? (jsxRuntime.jsx(Button, { variant: "outline", size: "sm", onClick: () => onOpenBid(bid.bidId), "data-test": "championship-rebid", children: "Bid anyway" })) : jsxRuntime.jsx("span", { className: sx(mutedStyle), children: "\u2014" }),
         });
     }
-    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$p), className), "data-test": "championship-bids-page", children: [onBack && (jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$6), leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "championship-bids-back", children: backLabel })), jsxRuntime.jsxs("header", { className: sx(headerStyle$k), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$g), children: CHAMPIONSHIP_HEADINGS[bidType] }), jsxRuntime.jsx("p", { className: sx(descriptionStyle$7), children: "NCAA championship charter opportunities released to you. Award confirmations and signed contracts live in the Awarded queue." })] }), jsxRuntime.jsx(Segment, { options: TAB_OPTIONS$1, value: bidType, onChange: selectBidType, "aria-label": "Championship bid queue", className: sx(tabsStyle$3) }), jsxRuntime.jsx(Table, { columns: columns, data: pageBids, rowKey: "bidId", loading: loading, emptyContent: jsxRuntime.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." }) }), jsxRuntime.jsx(Pagination, { page: currentPage, pageSize: pageSize, totalItems: bids.length, itemLabel: "bids", ariaLabel: "Championship bids pagination", onPageChange: setPage, onPageSizeChange: (nextSize) => {
+    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$q), className), "data-test": "championship-bids-page", children: [onBack && (jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$6), leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "championship-bids-back", children: backLabel })), jsxRuntime.jsxs("header", { className: sx(headerStyle$k), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$g), children: CHAMPIONSHIP_HEADINGS[bidType] }), jsxRuntime.jsx("p", { className: sx(descriptionStyle$8), children: "NCAA championship charter opportunities released to you. Award confirmations and signed contracts live in the Awarded queue." })] }), jsxRuntime.jsx(Segment, { options: TAB_OPTIONS$1, value: bidType, onChange: selectBidType, "aria-label": "Championship bid queue", className: sx(tabsStyle$3) }), jsxRuntime.jsx(Table, { columns: columns, data: pageBids, rowKey: "bidId", loading: loading, emptyContent: jsxRuntime.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." }) }), jsxRuntime.jsx(Pagination, { page: currentPage, pageSize: pageSize, totalItems: bids.length, itemLabel: "bids", ariaLabel: "Championship bids pagination", onPageChange: setPage, onPageSizeChange: (nextSize) => {
                     setPageSize(nextSize);
                     setPage(1);
                 } })] }));
@@ -30706,7 +31766,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',
@@ -30854,12 +31914,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 (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$o), className), "data-test": "charter-bid-response-page", children: [onBack && (jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$5), leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charter-bid-back", children: backLabel })), jsxRuntime.jsxs("header", { className: sx(headerStyle$j), children: [jsxRuntime.jsx("span", { className: sx(eyebrowStyle$5), children: "Bid response" }), jsxRuntime.jsx("h1", { className: sx(titleStyle$f), children: tripLevel ? trips[0]?.tripName : program.bidName })] }), jsxRuntime.jsxs("section", { className: sx(summaryStyle$3), "aria-label": "Team overview", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$6), children: "Team Overview" }), jsxRuntime.jsxs("dl", { className: sx(factsStyle$3), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Team" }), jsxRuntime.jsx("dd", { children: accountName })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Sport" }), jsxRuntime.jsx("dd", { children: program.sport })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Season" }), jsxRuntime.jsx("dd", { children: program.season })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Year" }), jsxRuntime.jsx("dd", { children: program.year })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Due Date" }), jsxRuntime.jsx("dd", { children: formatDate$3(program.dueDate, locale) })] })] })] }), trips.map((trip, index) => (jsxRuntime.jsxs("section", { className: sx(summaryStyle$3), "aria-label": `Trip ${index + 1}`, children: [jsxRuntime.jsxs("h2", { className: sx(sectionTitleStyle$6), children: ["Trip ", index + 1] }), jsxRuntime.jsxs("p", { className: sx(tripMetaStyle), children: [jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx("strong", { children: "Bid Type:" }), " ", trip.bidType] }), acmiCarrier && requestedCarrier && (jsxRuntime.jsxs("span", { "data-test": "charter-bid-requested-carrier", children: [jsxRuntime.jsx("strong", { children: "Requested Carrier:" }), " ", requestedCarrier] }))] }), jsxRuntime.jsxs("dl", { className: sx(factsStyle$3), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Depart Date" }), jsxRuntime.jsx("dd", { children: formatDate$3(trip.departureDate, locale) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Travel Party Size" }), jsxRuntime.jsx("dd", { children: trip.travelPartySize })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Route" }), jsxRuntime.jsx("dd", { children: trip.route })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Expires" }), jsxRuntime.jsx("dd", { children: formatDate$3(trip.expirationDate, locale) })] })] })] }, trip.tripGuid))), jsxRuntime.jsxs("section", { className: sx(calculatorStyle), "aria-label": "ACMI calculator", children: [jsxRuntime.jsxs("div", { className: sx(calculatorHeaderStyle), children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$6), children: "Price this trip" }), jsxRuntime.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 ? (jsxRuntime.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." })) : (jsxRuntime.jsx(AcmiQuoteCalculator, { defaultInputs: defaultInputs, result: acmiResult, onCalculate: handleCalculate, locale: locale }))] }), jsxRuntime.jsxs("div", { className: sx(submitBarStyle), children: [jsxRuntime.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" }), jsxRuntime.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 && (jsxRuntime.jsx("p", { className: sx(blockedReasonStyle$1), "data-test": "charter-bid-blocked-reason", children: blockedReason }))] })] }));
+    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$p), className), "data-test": "charter-bid-response-page", children: [onBack && (jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$5), leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charter-bid-back", children: backLabel })), jsxRuntime.jsxs("header", { className: sx(headerStyle$j), children: [jsxRuntime.jsx("span", { className: sx(eyebrowStyle$5), children: "Bid response" }), jsxRuntime.jsx("h1", { className: sx(titleStyle$f), children: tripLevel ? trips[0]?.tripName : program.bidName })] }), jsxRuntime.jsxs("section", { className: sx(summaryStyle$3), "aria-label": "Team overview", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$6), children: "Team Overview" }), jsxRuntime.jsxs("dl", { className: sx(factsStyle$3), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Team" }), jsxRuntime.jsx("dd", { children: accountName })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Sport" }), jsxRuntime.jsx("dd", { children: program.sport })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Season" }), jsxRuntime.jsx("dd", { children: program.season })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Year" }), jsxRuntime.jsx("dd", { children: program.year })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Due Date" }), jsxRuntime.jsx("dd", { children: formatDate$3(program.dueDate, locale) })] })] })] }), trips.map((trip, index) => (jsxRuntime.jsxs("section", { className: sx(summaryStyle$3), "aria-label": `Trip ${index + 1}`, children: [jsxRuntime.jsxs("h2", { className: sx(sectionTitleStyle$6), children: ["Trip ", index + 1] }), jsxRuntime.jsxs("p", { className: sx(tripMetaStyle), children: [jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx("strong", { children: "Bid Type:" }), " ", trip.bidType] }), acmiCarrier && requestedCarrier && (jsxRuntime.jsxs("span", { "data-test": "charter-bid-requested-carrier", children: [jsxRuntime.jsx("strong", { children: "Requested Carrier:" }), " ", requestedCarrier] }))] }), jsxRuntime.jsxs("dl", { className: sx(factsStyle$3), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Depart Date" }), jsxRuntime.jsx("dd", { children: formatDate$3(trip.departureDate, locale) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Travel Party Size" }), jsxRuntime.jsx("dd", { children: trip.travelPartySize })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Route" }), jsxRuntime.jsx("dd", { children: trip.route })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Expires" }), jsxRuntime.jsx("dd", { children: formatDate$3(trip.expirationDate, locale) })] })] })] }, trip.tripGuid))), jsxRuntime.jsxs("section", { className: sx(calculatorStyle), "aria-label": "ACMI calculator", children: [jsxRuntime.jsxs("div", { className: sx(calculatorHeaderStyle), children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$6), children: "Price this trip" }), jsxRuntime.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 ? (jsxRuntime.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." })) : (jsxRuntime.jsx(AcmiQuoteCalculator, { defaultInputs: defaultInputs, result: acmiResult, onCalculate: handleCalculate, locale: locale }))] }), jsxRuntime.jsxs("div", { className: sx(submitBarStyle), children: [jsxRuntime.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" }), jsxRuntime.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 && (jsxRuntime.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',
@@ -31043,7 +32103,7 @@ const SUBMISSION_LABELS = {
 const CharterBidViewPage = ({ program, trip, bids = [], processingSubmission, onRefresh, backLabel = 'Regular Season Bids', onBack, locale = 'en-US', className = '', }) => {
     const currency = React.useMemo(() => new Intl.NumberFormat(locale, { style: 'currency', currency: 'USD' }), [locale]);
     const numbers = React.useMemo(() => new Intl.NumberFormat(locale), [locale]);
-    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$n), className), "data-test": "charter-bid-view-page", children: [onBack && (jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$4), leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charter-bid-view-back", children: backLabel })), jsxRuntime.jsxs("header", { className: sx(headerStyle$i), children: [jsxRuntime.jsx("span", { className: sx(eyebrowStyle$4), children: "Bid response" }), jsxRuntime.jsx("h1", { className: sx(titleStyle$e), children: trip ? trip.tripName : program.bidName }), jsxRuntime.jsxs("p", { className: sx(subtitleStyle$4), children: [program.team, " \u00B7 ", program.sport, " \u00B7 ", program.season, " ", program.year] })] }), bids.length > 0 && (jsxRuntime.jsx("ol", { className: sx(bidsStyle), children: bids.map((bid, index) => (jsxRuntime.jsxs("li", { className: sx(bidStyle), "data-test": "charter-submitted-bid", children: [jsxRuntime.jsxs("div", { className: sx(bidHeaderStyle), children: [jsxRuntime.jsxs("h2", { className: sx(bidTitleStyle), children: ["Bid ", index + 1] }), jsxRuntime.jsx(StatusBadge, { status: "submitted" })] }), jsxRuntime.jsxs("dl", { className: sx(factsStyle$2), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Seats" }), jsxRuntime.jsx("dd", { children: bid.seats })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Max Payload (lbs)" }), jsxRuntime.jsx("dd", { children: numbers.format(bid.maxPayloadLbs) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Fuel Base ($)" }), jsxRuntime.jsx("dd", { children: currency.format(bid.fuelBasePrice) })] }), jsxRuntime.jsxs("div", { className: sx(totalFactStyle), children: [jsxRuntime.jsx("dt", { children: "Total Cost ($)" }), jsxRuntime.jsx("dd", { "data-test": "charter-bid-total", children: currency.format(bid.totalCost) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Catering Options" }), jsxRuntime.jsx("dd", { children: bid.cateringAvailable })] })] }), bid.notesFromOperator && bid.notesFromOperator.length > 0 && (jsxRuntime.jsxs("div", { className: sx(notesStyle), children: [jsxRuntime.jsx("h3", { className: sx(notesTitleStyle), children: "Notes from Operator" }), jsxRuntime.jsx("ul", { className: sx(notesListStyle), "data-test": "charter-bid-notes", children: bid.notesFromOperator.map((note) => (jsxRuntime.jsx("li", { children: note }, note))) })] }))] }, bid.id))) })), bids.length === 0 && processingSubmission && (jsxRuntime.jsxs("div", { className: sx(processingStyle), "data-test": "charter-bid-processing", children: [jsxRuntime.jsx(Spinner, { size: "lg", label: "Parsing your submission" }), jsxRuntime.jsx("h2", { className: sx(processingTitleStyle), children: "We are still reading your bid" }), jsxRuntime.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 && (jsxRuntime.jsx(Button, { variant: "outline", size: "sm", onClick: onRefresh, "data-test": "charter-bid-refresh", children: "Check again" }))] })), bids.length === 0 && !processingSubmission && (jsxRuntime.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 (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$o), className), "data-test": "charter-bid-view-page", children: [onBack && (jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$4), leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charter-bid-view-back", children: backLabel })), jsxRuntime.jsxs("header", { className: sx(headerStyle$i), children: [jsxRuntime.jsx("span", { className: sx(eyebrowStyle$4), children: "Bid response" }), jsxRuntime.jsx("h1", { className: sx(titleStyle$e), children: trip ? trip.tripName : program.bidName }), jsxRuntime.jsxs("p", { className: sx(subtitleStyle$4), children: [program.team, " \u00B7 ", program.sport, " \u00B7 ", program.season, " ", program.year] })] }), bids.length > 0 && (jsxRuntime.jsx("ol", { className: sx(bidsStyle), children: bids.map((bid, index) => (jsxRuntime.jsxs("li", { className: sx(bidStyle), "data-test": "charter-submitted-bid", children: [jsxRuntime.jsxs("div", { className: sx(bidHeaderStyle), children: [jsxRuntime.jsxs("h2", { className: sx(bidTitleStyle), children: ["Bid ", index + 1] }), jsxRuntime.jsx(StatusBadge, { status: "submitted" })] }), jsxRuntime.jsxs("dl", { className: sx(factsStyle$2), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Seats" }), jsxRuntime.jsx("dd", { children: bid.seats })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Max Payload (lbs)" }), jsxRuntime.jsx("dd", { children: numbers.format(bid.maxPayloadLbs) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Fuel Base ($)" }), jsxRuntime.jsx("dd", { children: currency.format(bid.fuelBasePrice) })] }), jsxRuntime.jsxs("div", { className: sx(totalFactStyle), children: [jsxRuntime.jsx("dt", { children: "Total Cost ($)" }), jsxRuntime.jsx("dd", { "data-test": "charter-bid-total", children: currency.format(bid.totalCost) })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Catering Options" }), jsxRuntime.jsx("dd", { children: bid.cateringAvailable })] })] }), bid.notesFromOperator && bid.notesFromOperator.length > 0 && (jsxRuntime.jsxs("div", { className: sx(notesStyle), children: [jsxRuntime.jsx("h3", { className: sx(notesTitleStyle), children: "Notes from Operator" }), jsxRuntime.jsx("ul", { className: sx(notesListStyle), "data-test": "charter-bid-notes", children: bid.notesFromOperator.map((note) => (jsxRuntime.jsx("li", { children: note }, note))) })] }))] }, bid.id))) })), bids.length === 0 && processingSubmission && (jsxRuntime.jsxs("div", { className: sx(processingStyle), "data-test": "charter-bid-processing", children: [jsxRuntime.jsx(Spinner, { size: "lg", label: "Parsing your submission" }), jsxRuntime.jsx("h2", { className: sx(processingTitleStyle), children: "We are still reading your bid" }), jsxRuntime.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 && (jsxRuntime.jsx(Button, { variant: "outline", size: "sm", onClick: onRefresh, "data-test": "charter-bid-refresh", children: "Check again" }))] })), bids.length === 0 && !processingSubmission && (jsxRuntime.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';
 
@@ -31056,7 +32116,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',
@@ -31476,7 +32536,7 @@ const CharterManifestPage = ({ tripName, travelStartDate, travelEndDate, seats,
         }
         return a.lastName.localeCompare(b.lastName);
     }), [passengers, sort]);
-    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$m), className), "data-screen-label": "Charter Trip Manifest", children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$h), children: [jsxRuntime.jsxs("div", { className: sx(headerRowStyle$1), children: [jsxRuntime.jsx("button", { type: "button", "aria-label": "Back", className: sx(backStyle), onClick: onBack, children: jsxRuntime.jsx(ChevronLeftIcon, { size: 28 }) }), jsxRuntime.jsxs("h1", { children: [jsxRuntime.jsx("strong", { children: "Manifest" }), jsxRuntime.jsx(ChevronRightIcon$1, { size: 24 }), jsxRuntime.jsx("span", { children: tripName })] }), jsxRuntime.jsxs("div", { className: sx(headerActionsStyle), children: [jsxRuntime.jsx(StatusPill, { sendState: sendState, locked: locked }), jsxRuntime.jsx(Button, { variant: "outline", leftIcon: jsxRuntime.jsx(DocumentIcon, { size: 16 }), disabled: carrierName === 'No carrier selected', onClick: onGenerateFile, children: "Generate File" })] })] }), (travelStartDate || travelEndDate) && (jsxRuntime.jsxs("div", { className: sx(dateRowStyle), children: [jsxRuntime.jsx("span", { children: formatDate$2(travelStartDate) }), jsxRuntime.jsx("span", { className: sx(dateLineStyle), children: "\u25B6" }), jsxRuntime.jsx("span", { children: formatDate$2(travelEndDate) })] })), jsxRuntime.jsxs("div", { className: sx(metaRowStyle), children: [jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx(PlaneIcon$3, { size: 16 }), seats, " seats"] }), jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx(CubeIcon, { size: 16 }), "Payload limit ", payloadLimit.toLocaleString(), " lb"] })] })] }), jsxRuntime.jsxs("div", { className: sx(layoutStyle), children: [jsxRuntime.jsxs("aside", { className: sx(railStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { className: sx(eyebrowStyle$3), children: "Flight Manifest" }), jsxRuntime.jsx("div", { className: sx(scopeListStyle), children: [{ id: 'all', label: 'Full Trip', detail: 'All flight segments' }, ...segments].map((item) => (jsxRuntime.jsxs("button", { type: "button", className: cx(sx(scopeStyle), scope === item.id ? sx(activeScopeStyle) : ''), onClick: () => setScope(item.id), children: [jsxRuntime.jsx("strong", { children: item.label }), jsxRuntime.jsx("span", { children: item.detail })] }, item.id))) })] }), segments.length > 0 && (jsxRuntime.jsx(Button, { variant: "outline", size: "sm", disabled: locked, onClick: onSplitSegments, children: "Split by Segment" })), jsxRuntime.jsxs("div", { className: sx(carrierCardStyle), children: [jsxRuntime.jsx("div", { className: sx(eyebrowStyle$3), children: "Carrier" }), jsxRuntime.jsx("strong", { children: carrierName }), jsxRuntime.jsx("p", { children: carrierNote }), jsxRuntime.jsx(Button, { variant: "outline", size: "sm", fullWidth: true, disabled: locked, leftIcon: jsxRuntime.jsx(SettingsIcon, { size: 15 }), onClick: onChangeCarrier, children: "Change Carrier" })] })] }), jsxRuntime.jsxs("main", { className: sx(mainStyle$2), children: [jsxRuntime.jsx("section", { className: sx(capacityCardStyle), children: jsxRuntime.jsx(ManifestCapacityStats, { paxCount: passengers.length, seats: seats, paxWeight: passengerWeight, cargoWeight: cargoWeight, payloadLimit: payloadLimit }) }), jsxRuntime.jsxs("div", { className: sx(viewRowStyle), children: [jsxRuntime.jsx(ManifestViewToggle, { view: view, onView: setView, paxCount: passengers.length, eqCount: equipment.length, locked: locked }), locked && jsxRuntime.jsx("span", { className: sx(lockedMessageStyle), children: "Locked \u2014 coordinate any changes directly with the carrier." })] }), view === 'passengers' ? (jsxRuntime.jsxs("section", { children: [!locked && (jsxRuntime.jsxs("div", { className: sx(tableActionsStyle), children: [jsxRuntime.jsxs("strong", { children: [passengers.length, " Passengers"] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("span", { children: "Order by" }), jsxRuntime.jsx("span", { className: sx(sortToggleStyle), children: ['name', 'type'].map((option) => (jsxRuntime.jsx("button", { type: "button", className: sort === option ? sx(activeSortStyle) : '', onClick: () => setSort(option), children: option }, option))) }), jsxRuntime.jsx(Button, { size: "sm", leftIcon: jsxRuntime.jsx(PlusIcon$2, { size: 15 }), onClick: onAddPassengers, children: "Add Passengers" })] })] })), jsxRuntime.jsx("div", { className: sx(tableWrapStyle$3), children: jsxRuntime.jsxs("table", { children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { children: "#" }), jsxRuntime.jsx("th", { children: "Passenger" }), jsxRuntime.jsx("th", { children: "Type" }), jsxRuntime.jsx("th", { children: "TSA Screening" }), jsxRuntime.jsx("th", { children: "Personal" }), jsxRuntime.jsx("th", { children: "Carry-On" }), jsxRuntime.jsx("th", { children: "Checked" }), jsxRuntime.jsx("th", { children: "Seat" }), jsxRuntime.jsx("th", {})] }) }), jsxRuntime.jsxs("tbody", { children: [!sortedPassengers.length && jsxRuntime.jsx("tr", { children: jsxRuntime.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) => (jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("td", { children: index + 1 }), jsxRuntime.jsxs("td", { children: [jsxRuntime.jsx("strong", { children: passenger.lastName }), jsxRuntime.jsxs("span", { children: [", ", passenger.firstName] })] }), jsxRuntime.jsx("td", { children: jsxRuntime.jsx(TypeTag, { type: passenger.travelerType }) }), jsxRuntime.jsx("td", { children: passenger.screeningType || '—' }), jsxRuntime.jsxs("td", { children: [passenger.personalWeight ?? 0, " lb"] }), jsxRuntime.jsxs("td", { children: [passenger.carryOnWeight ?? 0, " lb"] }), jsxRuntime.jsxs("td", { children: [passenger.checkedWeight ?? 0, " lb"] }), jsxRuntime.jsx("td", { children: passenger.seatAssignment || '—' }), jsxRuntime.jsx("td", { children: !locked && jsxRuntime.jsx("button", { type: "button", "aria-label": `Remove ${passenger.firstName} ${passenger.lastName}`, className: sx(removeStyle), onClick: () => onRemovePassenger?.(passenger), children: jsxRuntime.jsx(TrashIcon$2, { size: 16 }) }) })] }, passenger.id)))] })] }) })] })) : (jsxRuntime.jsxs("section", { children: [!locked && jsxRuntime.jsxs("div", { className: sx(tableActionsStyle), children: [jsxRuntime.jsxs("strong", { children: [equipment.length, " Equipment Items"] }), jsxRuntime.jsx(Button, { size: "sm", leftIcon: jsxRuntime.jsx(PlusIcon$2, { size: 15 }), onClick: onAddEquipment, children: "Add Equipment" })] }), jsxRuntime.jsx("div", { className: sx(tableWrapStyle$3), children: jsxRuntime.jsxs("table", { children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { children: "Equipment" }), jsxRuntime.jsx("th", { children: "Quantity" }), jsxRuntime.jsx("th", { children: "Weight" }), jsxRuntime.jsx("th", { children: "Total" }), jsxRuntime.jsx("th", {})] }) }), jsxRuntime.jsx("tbody", { children: equipment.map((item) => jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("td", { children: jsxRuntime.jsx("strong", { children: item.name }) }), jsxRuntime.jsx("td", { children: item.quantity }), jsxRuntime.jsxs("td", { children: [item.weight.toLocaleString(), " lb"] }), jsxRuntime.jsxs("td", { children: [(item.quantity * item.weight).toLocaleString(), " lb"] }), jsxRuntime.jsx("td", { children: !locked && jsxRuntime.jsx("button", { type: "button", "aria-label": `Remove ${item.name}`, className: sx(removeStyle), onClick: () => onRemoveEquipment?.(item), children: jsxRuntime.jsx(TrashIcon$2, { size: 16 }) }) })] }, item.id)) })] }) })] })), !locked && (jsxRuntime.jsxs("section", { className: sx(finalizeStyle), children: [jsxRuntime.jsx(StatusPill, { sendState: sendState, locked: false }), jsxRuntime.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.' }), jsxRuntime.jsxs("div", { className: sx(finalizeActionsStyle), children: [sendState === 'none' && jsxRuntime.jsx(Button, { onClick: onSendInitial, children: "Send Initial Manifest" }), sendState === 'initial-sent' && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button, { onClick: onSendFinal, children: "Send Final Manifest" }), jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", onClick: onUndoInitial, children: "Undo initial" })] })] })] }))] })] })] }));
+    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$n), className), "data-screen-label": "Charter Trip Manifest", children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$h), children: [jsxRuntime.jsxs("div", { className: sx(headerRowStyle$1), children: [jsxRuntime.jsx("button", { type: "button", "aria-label": "Back", className: sx(backStyle), onClick: onBack, children: jsxRuntime.jsx(ChevronLeftIcon, { size: 28 }) }), jsxRuntime.jsxs("h1", { children: [jsxRuntime.jsx("strong", { children: "Manifest" }), jsxRuntime.jsx(ChevronRightIcon$1, { size: 24 }), jsxRuntime.jsx("span", { children: tripName })] }), jsxRuntime.jsxs("div", { className: sx(headerActionsStyle), children: [jsxRuntime.jsx(StatusPill, { sendState: sendState, locked: locked }), jsxRuntime.jsx(Button, { variant: "outline", leftIcon: jsxRuntime.jsx(DocumentIcon, { size: 16 }), disabled: carrierName === 'No carrier selected', onClick: onGenerateFile, children: "Generate File" })] })] }), (travelStartDate || travelEndDate) && (jsxRuntime.jsxs("div", { className: sx(dateRowStyle), children: [jsxRuntime.jsx("span", { children: formatDate$2(travelStartDate) }), jsxRuntime.jsx("span", { className: sx(dateLineStyle), children: "\u25B6" }), jsxRuntime.jsx("span", { children: formatDate$2(travelEndDate) })] })), jsxRuntime.jsxs("div", { className: sx(metaRowStyle), children: [jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx(PlaneIcon$3, { size: 16 }), seats, " seats"] }), jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx(CubeIcon, { size: 16 }), "Payload limit ", payloadLimit.toLocaleString(), " lb"] })] })] }), jsxRuntime.jsxs("div", { className: sx(layoutStyle), children: [jsxRuntime.jsxs("aside", { className: sx(railStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { className: sx(eyebrowStyle$3), children: "Flight Manifest" }), jsxRuntime.jsx("div", { className: sx(scopeListStyle), children: [{ id: 'all', label: 'Full Trip', detail: 'All flight segments' }, ...segments].map((item) => (jsxRuntime.jsxs("button", { type: "button", className: cx(sx(scopeStyle), scope === item.id ? sx(activeScopeStyle) : ''), onClick: () => setScope(item.id), children: [jsxRuntime.jsx("strong", { children: item.label }), jsxRuntime.jsx("span", { children: item.detail })] }, item.id))) })] }), segments.length > 0 && (jsxRuntime.jsx(Button, { variant: "outline", size: "sm", disabled: locked, onClick: onSplitSegments, children: "Split by Segment" })), jsxRuntime.jsxs("div", { className: sx(carrierCardStyle), children: [jsxRuntime.jsx("div", { className: sx(eyebrowStyle$3), children: "Carrier" }), jsxRuntime.jsx("strong", { children: carrierName }), jsxRuntime.jsx("p", { children: carrierNote }), jsxRuntime.jsx(Button, { variant: "outline", size: "sm", fullWidth: true, disabled: locked, leftIcon: jsxRuntime.jsx(SettingsIcon, { size: 15 }), onClick: onChangeCarrier, children: "Change Carrier" })] })] }), jsxRuntime.jsxs("main", { className: sx(mainStyle$2), children: [jsxRuntime.jsx("section", { className: sx(capacityCardStyle), children: jsxRuntime.jsx(ManifestCapacityStats, { paxCount: passengers.length, seats: seats, paxWeight: passengerWeight, cargoWeight: cargoWeight, payloadLimit: payloadLimit }) }), jsxRuntime.jsxs("div", { className: sx(viewRowStyle), children: [jsxRuntime.jsx(ManifestViewToggle, { view: view, onView: setView, paxCount: passengers.length, eqCount: equipment.length, locked: locked }), locked && jsxRuntime.jsx("span", { className: sx(lockedMessageStyle), children: "Locked \u2014 coordinate any changes directly with the carrier." })] }), view === 'passengers' ? (jsxRuntime.jsxs("section", { children: [!locked && (jsxRuntime.jsxs("div", { className: sx(tableActionsStyle), children: [jsxRuntime.jsxs("strong", { children: [passengers.length, " Passengers"] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("span", { children: "Order by" }), jsxRuntime.jsx("span", { className: sx(sortToggleStyle), children: ['name', 'type'].map((option) => (jsxRuntime.jsx("button", { type: "button", className: sort === option ? sx(activeSortStyle) : '', onClick: () => setSort(option), children: option }, option))) }), jsxRuntime.jsx(Button, { size: "sm", leftIcon: jsxRuntime.jsx(PlusIcon$2, { size: 15 }), onClick: onAddPassengers, children: "Add Passengers" })] })] })), jsxRuntime.jsx("div", { className: sx(tableWrapStyle$3), children: jsxRuntime.jsxs("table", { children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { children: "#" }), jsxRuntime.jsx("th", { children: "Passenger" }), jsxRuntime.jsx("th", { children: "Type" }), jsxRuntime.jsx("th", { children: "TSA Screening" }), jsxRuntime.jsx("th", { children: "Personal" }), jsxRuntime.jsx("th", { children: "Carry-On" }), jsxRuntime.jsx("th", { children: "Checked" }), jsxRuntime.jsx("th", { children: "Seat" }), jsxRuntime.jsx("th", {})] }) }), jsxRuntime.jsxs("tbody", { children: [!sortedPassengers.length && jsxRuntime.jsx("tr", { children: jsxRuntime.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) => (jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("td", { children: index + 1 }), jsxRuntime.jsxs("td", { children: [jsxRuntime.jsx("strong", { children: passenger.lastName }), jsxRuntime.jsxs("span", { children: [", ", passenger.firstName] })] }), jsxRuntime.jsx("td", { children: jsxRuntime.jsx(TypeTag, { type: passenger.travelerType }) }), jsxRuntime.jsx("td", { children: passenger.screeningType || '—' }), jsxRuntime.jsxs("td", { children: [passenger.personalWeight ?? 0, " lb"] }), jsxRuntime.jsxs("td", { children: [passenger.carryOnWeight ?? 0, " lb"] }), jsxRuntime.jsxs("td", { children: [passenger.checkedWeight ?? 0, " lb"] }), jsxRuntime.jsx("td", { children: passenger.seatAssignment || '—' }), jsxRuntime.jsx("td", { children: !locked && jsxRuntime.jsx("button", { type: "button", "aria-label": `Remove ${passenger.firstName} ${passenger.lastName}`, className: sx(removeStyle), onClick: () => onRemovePassenger?.(passenger), children: jsxRuntime.jsx(TrashIcon$2, { size: 16 }) }) })] }, passenger.id)))] })] }) })] })) : (jsxRuntime.jsxs("section", { children: [!locked && jsxRuntime.jsxs("div", { className: sx(tableActionsStyle), children: [jsxRuntime.jsxs("strong", { children: [equipment.length, " Equipment Items"] }), jsxRuntime.jsx(Button, { size: "sm", leftIcon: jsxRuntime.jsx(PlusIcon$2, { size: 15 }), onClick: onAddEquipment, children: "Add Equipment" })] }), jsxRuntime.jsx("div", { className: sx(tableWrapStyle$3), children: jsxRuntime.jsxs("table", { children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { children: "Equipment" }), jsxRuntime.jsx("th", { children: "Quantity" }), jsxRuntime.jsx("th", { children: "Weight" }), jsxRuntime.jsx("th", { children: "Total" }), jsxRuntime.jsx("th", {})] }) }), jsxRuntime.jsx("tbody", { children: equipment.map((item) => jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("td", { children: jsxRuntime.jsx("strong", { children: item.name }) }), jsxRuntime.jsx("td", { children: item.quantity }), jsxRuntime.jsxs("td", { children: [item.weight.toLocaleString(), " lb"] }), jsxRuntime.jsxs("td", { children: [(item.quantity * item.weight).toLocaleString(), " lb"] }), jsxRuntime.jsx("td", { children: !locked && jsxRuntime.jsx("button", { type: "button", "aria-label": `Remove ${item.name}`, className: sx(removeStyle), onClick: () => onRemoveEquipment?.(item), children: jsxRuntime.jsx(TrashIcon$2, { size: 16 }) }) })] }, item.id)) })] }) })] })), !locked && (jsxRuntime.jsxs("section", { className: sx(finalizeStyle), children: [jsxRuntime.jsx(StatusPill, { sendState: sendState, locked: false }), jsxRuntime.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.' }), jsxRuntime.jsxs("div", { className: sx(finalizeActionsStyle), children: [sendState === 'none' && jsxRuntime.jsx(Button, { onClick: onSendInitial, children: "Send Initial Manifest" }), sendState === 'initial-sent' && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button, { onClick: onSendFinal, children: "Send Final Manifest" }), jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", onClick: onUndoInitial, children: "Undo initial" })] })] })] }))] })] })] }));
 };
 
 /**
@@ -31495,7 +32555,7 @@ const mutedCopy = {
     margin: 0,
     color: 'var(--color-slate)',
 };
-const pageStyle$l = {
+const pageStyle$m = {
     label: 'ChartersAccessManagementPage-pageStyle',
     maxWidth: 1180,
     margin: '0 auto',
@@ -31540,7 +32600,7 @@ const eyebrowStyle$2 = {
     letterSpacing: '.04em',
     textTransform: 'uppercase',
 };
-const descriptionStyle$6 = {
+const descriptionStyle$7 = {
     label: 'ChartersAccessManagementPage-descriptionStyle',
     ...mutedCopy,
     maxWidth: 700,
@@ -31867,7 +32927,7 @@ const ChartersAccessManagementPage = ({ accountName, memberships, availableAccou
     const addUnavailableReason = !onAddAccess
         ? 'Adding STM Charters access is not available in this view.'
         : undefined;
-    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$l), className), "data-test": "charters-access-management-page", children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$g), children: [onBack && (jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charters-access-back", children: "STM Charters" })), jsxRuntime.jsxs("div", { className: sx(headingRowStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("p", { className: sx(eyebrowStyle$2), children: ["STM Charters \u00B7 ", accountName] }), jsxRuntime.jsx("h1", { children: "Access Management" }), jsxRuntime.jsx("p", { className: sx(descriptionStyle$6), children: "Grant account users access to charter bids and choose who can manage membership." })] }), jsxRuntime.jsxs("div", { className: sx(summaryStyle$2), "aria-label": "Access summary", children: [jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx("strong", { children: memberships.length }), " members"] }), jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx("strong", { children: adminCount }), " admins"] })] })] })] }), loading && (jsxRuntime.jsxs("div", { className: sx(pageStateStyle$1), "data-test": "charters-access-loading", children: [jsxRuntime.jsx(Spinner, { size: "lg", label: "Loading STM Charters access" }), jsxRuntime.jsx("p", { children: "Loading STM Charters access\u2026" })] })), !loading && error && (jsxRuntime.jsxs("div", { className: sx(pageStateStyle$1), "data-test": "charters-access-error", children: [jsxRuntime.jsx(Alert, { variant: "error", title: "Access could not be loaded", children: error }), onRetry && (jsxRuntime.jsx(Button, { type: "button", variant: "outline", onClick: onRetry, "data-test": "charters-access-retry", children: "Try again" }))] })), !loading && !error && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [actionError && (jsxRuntime.jsx(Alert, { variant: "error", title: "Access change failed", dismissible: true, onDismiss: () => setActionError(undefined), className: sx(actionErrorStyle$1), children: jsxRuntime.jsx("span", { "data-test": "charters-access-action-error", children: actionError }) })), canManageAccess ? (jsxRuntime.jsxs("section", { className: sx(addPanelStyle), "data-test": "charters-access-add-panel", children: [jsxRuntime.jsxs("div", { className: sx(sectionHeadingStyle$1), children: [jsxRuntime.jsx("span", { className: sx(sectionIconStyle), children: jsxRuntime.jsx(UsersIcon$1, { size: 20 }) }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h2", { children: "Add account users" }), jsxRuntime.jsxs("p", { children: ["Search and select one or more existing users of ", accountName, " to grant STM Charters access."] })] })] }), jsxRuntime.jsxs("div", { className: sx(addControlsStyle), children: [jsxRuntime.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" }), jsxRuntime.jsxs("div", { className: sx(addActionsRowStyle), children: [jsxRuntime.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" }), jsxRuntime.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 (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$m), className), "data-test": "charters-access-management-page", children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$g), children: [onBack && (jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charters-access-back", children: "STM Charters" })), jsxRuntime.jsxs("div", { className: sx(headingRowStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("p", { className: sx(eyebrowStyle$2), children: ["STM Charters \u00B7 ", accountName] }), jsxRuntime.jsx("h1", { children: "Access Management" }), jsxRuntime.jsx("p", { className: sx(descriptionStyle$7), children: "Grant account users access to charter bids and choose who can manage membership." })] }), jsxRuntime.jsxs("div", { className: sx(summaryStyle$2), "aria-label": "Access summary", children: [jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx("strong", { children: memberships.length }), " members"] }), jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx("strong", { children: adminCount }), " admins"] })] })] })] }), loading && (jsxRuntime.jsxs("div", { className: sx(pageStateStyle$1), "data-test": "charters-access-loading", children: [jsxRuntime.jsx(Spinner, { size: "lg", label: "Loading STM Charters access" }), jsxRuntime.jsx("p", { children: "Loading STM Charters access\u2026" })] })), !loading && error && (jsxRuntime.jsxs("div", { className: sx(pageStateStyle$1), "data-test": "charters-access-error", children: [jsxRuntime.jsx(Alert, { variant: "error", title: "Access could not be loaded", children: error }), onRetry && (jsxRuntime.jsx(Button, { type: "button", variant: "outline", onClick: onRetry, "data-test": "charters-access-retry", children: "Try again" }))] })), !loading && !error && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [actionError && (jsxRuntime.jsx(Alert, { variant: "error", title: "Access change failed", dismissible: true, onDismiss: () => setActionError(undefined), className: sx(actionErrorStyle$1), children: jsxRuntime.jsx("span", { "data-test": "charters-access-action-error", children: actionError }) })), canManageAccess ? (jsxRuntime.jsxs("section", { className: sx(addPanelStyle), "data-test": "charters-access-add-panel", children: [jsxRuntime.jsxs("div", { className: sx(sectionHeadingStyle$1), children: [jsxRuntime.jsx("span", { className: sx(sectionIconStyle), children: jsxRuntime.jsx(UsersIcon$1, { size: 20 }) }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h2", { children: "Add account users" }), jsxRuntime.jsxs("p", { children: ["Search and select one or more existing users of ", accountName, " to grant STM Charters access."] })] })] }), jsxRuntime.jsxs("div", { className: sx(addControlsStyle), children: [jsxRuntime.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" }), jsxRuntime.jsxs("div", { className: sx(addActionsRowStyle), children: [jsxRuntime.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" }), jsxRuntime.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' })] })] })] })) : (jsxRuntime.jsx(Alert, { variant: "primary", title: "Read-only access", className: sx(readOnlyNoticeStyle$1), children: jsxRuntime.jsx("span", { "data-test": "charters-access-read-only", children: readOnlyMessage }) })), jsxRuntime.jsxs("section", { className: sx(membersPanelStyle), "aria-labelledby": "charters-access-members-heading", children: [jsxRuntime.jsxs("div", { className: sx(membersHeadingStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h2", { id: "charters-access-members-heading", children: "People with STM Charters access" }), jsxRuntime.jsx("p", { children: "Members use carrier workflows. Admins can also manage this list." })] }), jsxRuntime.jsx(LockIcon$1, { size: 20, "aria-hidden": "true" })] }), memberships.length === 0 ? (jsxRuntime.jsx("div", { "data-test": "charters-access-empty", children: jsxRuntime.jsx(EmptyState$1, { title: "No STM Charters members", description: canManageAccess
                                         ? 'Search for an existing account user above to grant the first membership.'
@@ -31895,7 +32955,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',
@@ -31920,7 +32980,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,
@@ -32163,7 +33223,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 = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$k), className), "data-test": "charters-home-page", children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$f), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$c), children: title }), description && jsxRuntime.jsx("p", { className: sx(descriptionStyle$5), children: description }), onOpenTutorial && (jsxRuntime.jsx(Button, { variant: "outline", size: "sm", className: sx(tutorialStyle), leftIcon: jsxRuntime.jsx(DocumentIcon, { size: 16 }), onClick: onOpenTutorial, "data-test": "charters-tutorial", children: tutorialLabel }))] }), jsxRuntime.jsx("ul", { className: sx(cardsStyle), children: sections.map((section) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("button", { type: "button", className: sx(cardStyle$4), onClick: () => onOpenSection?.(section.key), "data-test": `charters-section-${section.key}`, children: [jsxRuntime.jsx("span", { className: sx(cardIconStyle), "aria-hidden": "true", children: section.icon ?? SECTION_ICONS[section.key] ?? jsxRuntime.jsx(PlaneIcon$3, { size: 20 }) }), jsxRuntime.jsxs("span", { className: sx(cardBodyStyle$2), children: [jsxRuntime.jsx("span", { className: sx(cardTitleStyle$1), children: section.title }), jsxRuntime.jsx("span", { className: sx(cardDescriptionStyle), children: section.description }), section.loading ? (jsxRuntime.jsx("span", { className: sx(cardLoadingStyle), "data-test": `charters-section-${section.key}-loading`, children: jsxRuntime.jsx(Spinner, { size: "xs", label: `Loading ${section.title}` }) })) : section.count !== undefined ? (jsxRuntime.jsxs("span", { className: sx(cardCountStyle), children: [jsxRuntime.jsx("strong", { children: section.count }), " ", section.countLabel ?? 'items'] })) : null] }), jsxRuntime.jsx("span", { className: sx(cardArrowStyle), "aria-hidden": "true", children: jsxRuntime.jsx(ArrowUpRightIcon, { size: 16 }) })] }) }, section.key))) }), jsxRuntime.jsxs("section", { className: sx(contactsStyle), "aria-label": "Contact us", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$5), children: "Questions? Talk to us" }), jsxRuntime.jsx("div", { className: sx(contactGroupsStyle), children: contactGroups.map((group) => (jsxRuntime.jsxs("div", { className: sx(contactGroupStyle$1), children: [jsxRuntime.jsx("h3", { className: sx(contactGroupTitleStyle), children: group.title }), jsxRuntime.jsx("ul", { className: sx(contactListStyle), children: group.contacts.map((contact) => (jsxRuntime.jsxs("li", { className: sx(contactStyle), children: [jsxRuntime.jsx("span", { className: sx(contactNameStyle), children: contact.name }), contact.role && jsxRuntime.jsx("span", { className: sx(contactRoleStyle), children: contact.role }), jsxRuntime.jsxs("span", { className: sx(contactLinksStyle), children: [contact.email && (jsxRuntime.jsxs("a", { href: `mailto:${contact.email}`, className: sx(contactLinkStyle), children: [jsxRuntime.jsx(MailIcon, { size: 14, "aria-hidden": "true" }), contact.email] })), contact.phone && (jsxRuntime.jsxs("a", { href: `tel:${contact.phone}`, className: sx(contactLinkStyle), children: [jsxRuntime.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 = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$l), className), "data-test": "charters-home-page", children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$f), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$c), children: title }), description && jsxRuntime.jsx("p", { className: sx(descriptionStyle$6), children: description }), onOpenTutorial && (jsxRuntime.jsx(Button, { variant: "outline", size: "sm", className: sx(tutorialStyle), leftIcon: jsxRuntime.jsx(DocumentIcon, { size: 16 }), onClick: onOpenTutorial, "data-test": "charters-tutorial", children: tutorialLabel }))] }), jsxRuntime.jsx("ul", { className: sx(cardsStyle), children: sections.map((section) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("button", { type: "button", className: sx(cardStyle$4), onClick: () => onOpenSection?.(section.key), "data-test": `charters-section-${section.key}`, children: [jsxRuntime.jsx("span", { className: sx(cardIconStyle), "aria-hidden": "true", children: section.icon ?? SECTION_ICONS[section.key] ?? jsxRuntime.jsx(PlaneIcon$3, { size: 20 }) }), jsxRuntime.jsxs("span", { className: sx(cardBodyStyle$2), children: [jsxRuntime.jsx("span", { className: sx(cardTitleStyle$1), children: section.title }), jsxRuntime.jsx("span", { className: sx(cardDescriptionStyle), children: section.description }), section.loading ? (jsxRuntime.jsx("span", { className: sx(cardLoadingStyle), "data-test": `charters-section-${section.key}-loading`, children: jsxRuntime.jsx(Spinner, { size: "xs", label: `Loading ${section.title}` }) })) : section.count !== undefined ? (jsxRuntime.jsxs("span", { className: sx(cardCountStyle), children: [jsxRuntime.jsx("strong", { children: section.count }), " ", section.countLabel ?? 'items'] })) : null] }), jsxRuntime.jsx("span", { className: sx(cardArrowStyle), "aria-hidden": "true", children: jsxRuntime.jsx(ArrowUpRightIcon, { size: 16 }) })] }) }, section.key))) }), jsxRuntime.jsxs("section", { className: sx(contactsStyle), "aria-label": "Contact us", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$5), children: "Questions? Talk to us" }), jsxRuntime.jsx("div", { className: sx(contactGroupsStyle), children: contactGroups.map((group) => (jsxRuntime.jsxs("div", { className: sx(contactGroupStyle$1), children: [jsxRuntime.jsx("h3", { className: sx(contactGroupTitleStyle), children: group.title }), jsxRuntime.jsx("ul", { className: sx(contactListStyle), children: group.contacts.map((contact) => (jsxRuntime.jsxs("li", { className: sx(contactStyle), children: [jsxRuntime.jsx("span", { className: sx(contactNameStyle), children: contact.name }), contact.role && jsxRuntime.jsx("span", { className: sx(contactRoleStyle), children: contact.role }), jsxRuntime.jsxs("span", { className: sx(contactLinksStyle), children: [contact.email && (jsxRuntime.jsxs("a", { href: `mailto:${contact.email}`, className: sx(contactLinkStyle), children: [jsxRuntime.jsx(MailIcon, { size: 14, "aria-hidden": "true" }), contact.email] })), contact.phone && (jsxRuntime.jsxs("a", { href: `tel:${contact.phone}`, className: sx(contactLinkStyle), children: [jsxRuntime.jsx(PhoneIcon, { size: 14, "aria-hidden": "true" }), contact.phone] }))] })] }, contact.name))) })] }, group.title))) })] })] }));
 ChartersHomePage.displayName = 'ChartersHomePage';
 
 /**
@@ -32181,7 +33241,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': {
@@ -32498,7 +33558,7 @@ const ContactUsPage = ({ title = 'Your Team of Experts', state, errorMessage = '
     if (resolvedState === 'error' || resolvedState === 'empty') {
         return (jsxRuntime.jsx("div", { className: sx(centeredStateStyle), "data-test": "contact-us-page", children: jsxRuntime.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 (jsxRuntime.jsx("div", { className: cx(sx(pageStyle$j), className), "data-test": "contact-us-page", children: jsxRuntime.jsxs("div", { className: sx(containerStyle), children: [jsxRuntime.jsxs("div", { className: sx(headerRowStyle), children: [jsxRuntime.jsx(PageHeader, { title: title }), jsxRuntime.jsx("div", { className: sx(printRowStyle), children: jsxRuntime.jsxs("button", { type: "button", onClick: onPrint ?? (() => window.print()), children: [jsxRuntime.jsx(PrinterIcon, { size: 16 }), "Print"] }) })] }), children ?? (data ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!!(data.accountManagers?.length || data.travelAgents?.length) && (jsxRuntime.jsxs("div", { className: sx(primaryGridStyle), children: [jsxRuntime.jsx(SimpleContactCard, { title: "Account Manager", contacts: data.accountManagers }), jsxRuntime.jsx(SimpleContactCard, { title: "Travel Agent", contacts: data.travelAgents })] })), jsxRuntime.jsxs("div", { className: sx(stackStyle$1), children: [data.accountContacts ? (data.accountContacts.map((section, index) => (
+    return (jsxRuntime.jsx("div", { className: cx(sx(pageStyle$k), className), "data-test": "contact-us-page", children: jsxRuntime.jsxs("div", { className: sx(containerStyle), children: [jsxRuntime.jsxs("div", { className: sx(headerRowStyle), children: [jsxRuntime.jsx(PageHeader, { title: title }), jsxRuntime.jsx("div", { className: sx(printRowStyle), children: jsxRuntime.jsxs("button", { type: "button", onClick: onPrint ?? (() => window.print()), children: [jsxRuntime.jsx(PrinterIcon, { size: 16 }), "Print"] }) })] }), children ?? (data ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!!(data.accountManagers?.length || data.travelAgents?.length) && (jsxRuntime.jsxs("div", { className: sx(primaryGridStyle), children: [jsxRuntime.jsx(SimpleContactCard, { title: "Account Manager", contacts: data.accountManagers }), jsxRuntime.jsx(SimpleContactCard, { title: "Travel Agent", contacts: data.travelAgents })] })), jsxRuntime.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.
                                 jsxRuntime.jsx(AccountContactCard, { section: section }, `${section.title}-${index}`)))) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ContactCard, { title: "Group/Team Commercial Reservation Specialists", children: [jsxRuntime.jsx(ContactField, { label: "Business Hours:", children: jsxRuntime.jsx("span", { children: "Monday \u2013 Friday 8am-8pm ET" }) }), jsxRuntime.jsx(ContactField, { label: "Toll-Free Number:", children: jsxRuntime.jsx("span", { children: "866-902-9654" }) }), jsxRuntime.jsx(ContactField, { label: "After Hours/Emergency (24/7):", emergency: true, children: jsxRuntime.jsx("span", { className: sx(emergencyStyle), children: "866-902-9654" }) }), jsxRuntime.jsx(ContactField, { label: "Email:", children: jsxRuntime.jsx("a", { href: "mailto:teamtravel@shortstravel.com", children: "teamtravel@shortstravel.com" }) })] }), jsxRuntime.jsxs(ContactCard, { title: "Recruiting Travel Specialists", children: [jsxRuntime.jsx(ContactField, { label: "Business Hours:", children: jsxRuntime.jsx("span", { children: "Monday \u2013 Friday 8am-8pm ET" }) }), jsxRuntime.jsx(ContactField, { label: "Toll-Free Number:", children: jsxRuntime.jsx("span", { children: "866-902-9654" }) }), jsxRuntime.jsx(ContactField, { label: "After Hours/Emergency (24/7):", emergency: true, children: jsxRuntime.jsx("span", { className: sx(emergencyStyle), children: "866-902-9654" }) }), jsxRuntime.jsx(ContactField, { label: "Email:", children: jsxRuntime.jsx("a", { href: "mailto:recruiting@shortstravel.com", children: "recruiting@shortstravel.com" }) })] })] })), !!data.charterAirContacts?.length && jsxRuntime.jsx(ContactCard, { title: "Charter Air", children: jsxRuntime.jsx(PairedContacts, { contacts: data.charterAirContacts }) }), !!data.motorcoachContacts?.length && (jsxRuntime.jsxs(ContactCard, { title: "Charter Bus / Motorcoach", children: [jsxRuntime.jsx(PairedContacts, { contacts: data.motorcoachContacts }), jsxRuntime.jsx("p", { className: sx(motorcoachEmergencyStyle), children: "After Hours/Emergency (24/7): 319-423-3007" })] })), !!data.groupHotelContacts?.length && (jsxRuntime.jsx(ContactCard, { title: "Group Hotel", children: data.groupHotelContacts.map((contact, index) => (jsxRuntime.jsxs("div", { className: sx(contactPairStyle), children: [jsxRuntime.jsx(ContactColumn, { title: "Sales Contact", contact: contact }), jsxRuntime.jsx("div", { className: sx(contactColumnStyle) })] }, `${contact.email ?? contact.name}-${index}`))) }))] })] })) : jsxRuntime.jsx(GenericCards, { cards: cards })), showSupportFooter && (jsxRuntime.jsxs("footer", { className: sx(supportStyle), children: [jsxRuntime.jsx("h2", { children: "Short's Travel Website and Online Booking Tool Support" }), jsxRuntime.jsx("p", { children: "Monday \u2013 Friday 9am-9pm ET, except major holidays" }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("span", { children: "319-257-5309" }), jsxRuntime.jsx("a", { href: "mailto:onlinesupport@shortstravel.com", children: "onlinesupport@shortstravel.com" })] })] }))] }) }));
 };
@@ -32520,7 +33580,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)',
 };
@@ -33416,7 +34476,7 @@ const DashboardPage = ({ greeting = 'Good morning', firstName, accountName, widg
     const [dragFrom, setDragFrom] = React.useState(null);
     const dragGhost = React.useRef(null);
     const presentTypes = new Set(widgets.map((widget) => widget.type));
-    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$i), className), children: [welcomeHero && heroOpen && (jsxRuntime.jsxs("section", { className: sx(welcomeHeroStyle), "aria-label": "Welcome", children: [jsxRuntime.jsx("button", { type: "button", className: sx(welcomeCloseStyle), "aria-label": "Dismiss welcome", onClick: () => setHeroOpen(false), children: jsxRuntime.jsx(CloseIcon, { size: 20 }) }), welcomeHero] })), jsxRuntime.jsx("div", { className: sx(pageBannersStyle), children: jsxRuntime.jsx(PageBanners, { systemBanners: systemBanners, alertBanners: alertBanners, fullWidth: true, onDismiss: onBannerDismiss }) }), standingMessage && (jsxRuntime.jsx("section", { className: sx(standingMessageStyle), "aria-label": "Message", children: standingMessage })), jsxRuntime.jsxs("header", { className: sx(pageHeaderStyle$1), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("h1", { children: [greeting, firstName ? `, ${firstName}` : ''] }), accountName && jsxRuntime.jsxs("p", { children: ["Here's your personalized travel overview for ", accountName, "."] })] }), jsxRuntime.jsx("div", { className: sx(pageActionsStyle), children: editMode ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("button", { type: "button", className: sx(outlineButtonStyle), onClick: () => setCatalogOpen(true), children: [jsxRuntime.jsx(PlusIcon$2, { size: 20 }), "Add card"] }), jsxRuntime.jsx("button", { type: "button", className: sx(textButtonStyle$1), onClick: onReset, children: "Reset to default" }), jsxRuntime.jsxs("button", { type: "button", className: sx(primaryButtonStyle), onClick: () => { setEditMode(false); setCatalogOpen(false); }, children: [jsxRuntime.jsx(CheckIcon$1, { size: 20 }), "Done"] })] }) : jsxRuntime.jsxs("button", { type: "button", className: sx(customizeButtonStyle), onClick: () => setEditMode(true), children: [jsxRuntime.jsx(SettingsIcon, { size: 20 }), "Customize Your Home Page"] }) })] }), editMode && jsxRuntime.jsxs("div", { className: sx(editBannerStyle), children: [jsxRuntime.jsx(EditIcon$2, { size: 20 }), jsxRuntime.jsxs("span", { children: [jsxRuntime.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' && jsxRuntime.jsx("p", { className: sx(syncStatusStyle), "aria-live": "polite", children: "Saving layout\u2026" }), syncStatus === 'error' && jsxRuntime.jsx("p", { className: cx(sx(syncStatusStyle), sx(syncErrorStyle)), role: "alert", children: "Layout couldn't be saved. Changes are preserved locally." }), widgets.length ? jsxRuntime.jsx("div", { className: sx(gridStyle$2), children: widgets.map((widget, index) => jsxRuntime.jsx("div", { className: sx(sizeStyles[widget.size]), draggable: editMode, onDragStart: (event) => { if (!editMode)
+    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$j), className), children: [welcomeHero && heroOpen && (jsxRuntime.jsxs("section", { className: sx(welcomeHeroStyle), "aria-label": "Welcome", children: [jsxRuntime.jsx("button", { type: "button", className: sx(welcomeCloseStyle), "aria-label": "Dismiss welcome", onClick: () => setHeroOpen(false), children: jsxRuntime.jsx(CloseIcon, { size: 20 }) }), welcomeHero] })), jsxRuntime.jsx("div", { className: sx(pageBannersStyle), children: jsxRuntime.jsx(PageBanners, { systemBanners: systemBanners, alertBanners: alertBanners, fullWidth: true, onDismiss: onBannerDismiss }) }), standingMessage && (jsxRuntime.jsx("section", { className: sx(standingMessageStyle), "aria-label": "Message", children: standingMessage })), jsxRuntime.jsxs("header", { className: sx(pageHeaderStyle$1), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("h1", { children: [greeting, firstName ? `, ${firstName}` : ''] }), accountName && jsxRuntime.jsxs("p", { children: ["Here's your personalized travel overview for ", accountName, "."] })] }), jsxRuntime.jsx("div", { className: sx(pageActionsStyle), children: editMode ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("button", { type: "button", className: sx(outlineButtonStyle), onClick: () => setCatalogOpen(true), children: [jsxRuntime.jsx(PlusIcon$2, { size: 20 }), "Add card"] }), jsxRuntime.jsx("button", { type: "button", className: sx(textButtonStyle$1), onClick: onReset, children: "Reset to default" }), jsxRuntime.jsxs("button", { type: "button", className: sx(primaryButtonStyle), onClick: () => { setEditMode(false); setCatalogOpen(false); }, children: [jsxRuntime.jsx(CheckIcon$1, { size: 20 }), "Done"] })] }) : jsxRuntime.jsxs("button", { type: "button", className: sx(customizeButtonStyle), onClick: () => setEditMode(true), children: [jsxRuntime.jsx(SettingsIcon, { size: 20 }), "Customize Your Home Page"] }) })] }), editMode && jsxRuntime.jsxs("div", { className: sx(editBannerStyle), children: [jsxRuntime.jsx(EditIcon$2, { size: 20 }), jsxRuntime.jsxs("span", { children: [jsxRuntime.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' && jsxRuntime.jsx("p", { className: sx(syncStatusStyle), "aria-live": "polite", children: "Saving layout\u2026" }), syncStatus === 'error' && jsxRuntime.jsx("p", { className: cx(sx(syncStatusStyle), sx(syncErrorStyle)), role: "alert", children: "Layout couldn't be saved. Changes are preserved locally." }), widgets.length ? jsxRuntime.jsx("div", { className: sx(gridStyle$2), children: widgets.map((widget, index) => jsxRuntime.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: jsxRuntime.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)) }) : jsxRuntime.jsxs("div", { className: sx(emptyPageStyle), children: [jsxRuntime.jsx(PlusIcon$2, { size: 28 }), jsxRuntime.jsx("strong", { children: "Your home page is empty" }), jsxRuntime.jsx("span", { children: "Use \"Customize\" to add cards from the catalog." })] }), catalogOpen && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { type: "button", className: sx(scrimStyle), "aria-label": "Close card catalog", onClick: () => setCatalogOpen(false) }), jsxRuntime.jsxs("aside", { className: sx(catalogStyle), role: "dialog", "aria-modal": "true", "aria-label": "Add cards", children: [jsxRuntime.jsxs("header", { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h2", { children: "Add a card" }), jsxRuntime.jsx("p", { children: "Cards available to your role for this account" })] }), jsxRuntime.jsx("button", { type: "button", "aria-label": "Close card catalog", onClick: () => setCatalogOpen(false), children: jsxRuntime.jsx(CloseIcon, { size: 20 }) })] }), jsxRuntime.jsx("div", { className: sx(catalogBodyStyle), children: CATALOG.map((item) => jsxRuntime.jsxs("div", { className: sx(catalogItemStyle), children: [jsxRuntime.jsx("span", { className: sx(catalogIconStyle), children: jsxRuntime.jsx(WidgetIcon, { type: item.type }) }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("strong", { children: item.title }), jsxRuntime.jsx("span", { children: "Account" }), jsxRuntime.jsx("p", { children: item.description })] }), presentTypes.has(item.type) ? jsxRuntime.jsxs("span", { className: sx(addedStyle), children: [jsxRuntime.jsx(CheckIcon$1, { size: 16 }), "Added"] }) : jsxRuntime.jsxs("button", { type: "button", onClick: () => onAddWidget?.(item.type), children: [jsxRuntime.jsx(PlusIcon$2, { size: 16 }), "Add"] })] }, item.type)) }), jsxRuntime.jsx("footer", { children: "Each card can appear once on your home page." })] })] })] }));
 };
@@ -33429,7 +34489,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',
@@ -33464,7 +34524,7 @@ const eyebrowStyle$1 = {
     letterSpacing: '.08em',
     textTransform: 'uppercase',
 };
-const descriptionStyle$4 = {
+const descriptionStyle$5 = {
     label: 'FeatureFlagManagementPage-descriptionStyle',
     maxWidth: 720,
     margin: '10px 0 0',
@@ -34136,7 +35196,7 @@ const FeatureFlagManagementPage = ({ definitions, rules, targetOptions, loading
     const hasRuleActions = Boolean(onEditRule || onDeactivateRule);
     const currentUserSearchError = userSearchError ?? internalUserSearchError;
     const currentAudienceError = audienceError ?? internalAudienceError;
-    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$h), className), "data-test": "feature-flag-management-page", "aria-busy": busy, children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$e), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: sx(eyebrowStyle$1), children: "Administration \u00B7 System" }), jsxRuntime.jsx("h1", { children: "Feature Flags" }), jsxRuntime.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 && (jsxRuntime.jsx(Button, { type: "button", leftIcon: jsxRuntime.jsx(PlusIcon$2, { size: 16 }), onClick: openCreate, disabled: busy, "data-test": "feature-flag-create-rule", children: "Create rule" }))] }), busy && (jsxRuntime.jsxs("div", { className: sx(submittingStyle), role: "status", "data-test": "feature-flag-submitting", children: [jsxRuntime.jsx(Spinner, { size: "sm", label: "Saving feature rule" }), jsxRuntime.jsx("span", { children: "Saving feature rule\u2026" })] })), loading && (jsxRuntime.jsxs("div", { className: sx(pageStateStyle), "data-test": "feature-flag-loading", children: [jsxRuntime.jsx(Spinner, { size: "lg", label: "Loading feature flags" }), jsxRuntime.jsx("p", { children: "Loading feature flags\u2026" })] })), !loading && error && (jsxRuntime.jsxs("div", { className: sx(pageStateStyle), "data-test": "feature-flag-error", children: [jsxRuntime.jsx(Alert, { variant: "error", title: "Feature flags could not be loaded", children: error }), onRetry && (jsxRuntime.jsx(Button, { type: "button", variant: "outline", onClick: onRetry, "data-test": "feature-flag-retry", children: "Try again" }))] })), !loading && !error && definitions.length === 0 && (jsxRuntime.jsx("div", { "data-test": "feature-flag-definitions-empty", children: jsxRuntime.jsx(EmptyState$1, { title: "No feature definitions", description: "Publish immutable feature definitions before creating audience rules.", icon: jsxRuntime.jsx(SettingsIcon, { size: 30 }), size: "lg" }) })), !loading && !error && definitions.length > 0 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [actionError && (jsxRuntime.jsx(Alert, { variant: "error", title: "Feature rule change failed", dismissible: true, onDismiss: () => setActionError(undefined), className: sx(actionErrorStyle), children: jsxRuntime.jsx("span", { "data-test": "feature-flag-action-error", children: actionError }) })), jsxRuntime.jsxs("section", { className: sx(catalogPanelStyle), "aria-labelledby": "feature-catalog-heading", children: [jsxRuntime.jsxs("div", { className: sx(sectionHeadingStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h2", { id: "feature-catalog-heading", children: "Feature catalog" }), jsxRuntime.jsx("p", { children: "Definitions and hierarchy are read-only in this view." })] }), jsxRuntime.jsxs(Badge, { size: "sm", children: [definitions.length, " definitions"] })] }), jsxRuntime.jsx("div", { className: sx(definitionListStyle), "data-test": "feature-flag-definitions", children: definitionRows.map(({ definition, depth }) => (jsxRuntime.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: [jsxRuntime.jsxs("div", { className: sx(definitionCopyStyle), children: [jsxRuntime.jsxs("div", { className: sx(definitionTitleStyle), children: [jsxRuntime.jsx("strong", { children: definition.name }), jsxRuntime.jsx("code", { children: definition.featureKey })] }), jsxRuntime.jsx("p", { children: definition.description }), definition.isActive === false && (jsxRuntime.jsx("p", { className: sx(killSwitchStyle), children: "Kill switch active. Targeting rules cannot enable this feature." }))] }), jsxRuntime.jsxs("div", { className: sx(definitionBadgesStyle), children: [jsxRuntime.jsx(Badge, { variant: definition.isActive === false ? 'error' : 'success', size: "sm", children: definition.isActive === false ? 'Inactive kill switch' : 'Active definition' }), jsxRuntime.jsxs(Badge, { variant: definition.defaultEnabled ? 'success' : 'default', size: "sm", children: ["Default ", definition.defaultEnabled ? 'enabled' : 'disabled'] })] })] }, definition.featureKey))) })] }), editor && (jsxRuntime.jsxs("section", { className: sx(editorPanelStyle), "data-test": "feature-flag-rule-editor", children: [jsxRuntime.jsxs("div", { className: sx(sectionHeadingStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h2", { children: editor.mode === 'create' ? 'Create targeting rule' : 'Edit targeting rule' }), jsxRuntime.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' && (jsxRuntime.jsxs("code", { className: sx(versionStyle), children: ["Version ", editor.rule.rowVersion] }))] }), jsxRuntime.jsxs("form", { className: sx(ruleFormStyle), onSubmit: submitRule, noValidate: true, children: [jsxRuntime.jsx(Select, { label: "Feature", options: definitions.map((definition) => ({
+    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$i), className), "data-test": "feature-flag-management-page", "aria-busy": busy, children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$e), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: sx(eyebrowStyle$1), children: "Administration \u00B7 System" }), jsxRuntime.jsx("h1", { children: "Feature Flags" }), jsxRuntime.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 && (jsxRuntime.jsx(Button, { type: "button", leftIcon: jsxRuntime.jsx(PlusIcon$2, { size: 16 }), onClick: openCreate, disabled: busy, "data-test": "feature-flag-create-rule", children: "Create rule" }))] }), busy && (jsxRuntime.jsxs("div", { className: sx(submittingStyle), role: "status", "data-test": "feature-flag-submitting", children: [jsxRuntime.jsx(Spinner, { size: "sm", label: "Saving feature rule" }), jsxRuntime.jsx("span", { children: "Saving feature rule\u2026" })] })), loading && (jsxRuntime.jsxs("div", { className: sx(pageStateStyle), "data-test": "feature-flag-loading", children: [jsxRuntime.jsx(Spinner, { size: "lg", label: "Loading feature flags" }), jsxRuntime.jsx("p", { children: "Loading feature flags\u2026" })] })), !loading && error && (jsxRuntime.jsxs("div", { className: sx(pageStateStyle), "data-test": "feature-flag-error", children: [jsxRuntime.jsx(Alert, { variant: "error", title: "Feature flags could not be loaded", children: error }), onRetry && (jsxRuntime.jsx(Button, { type: "button", variant: "outline", onClick: onRetry, "data-test": "feature-flag-retry", children: "Try again" }))] })), !loading && !error && definitions.length === 0 && (jsxRuntime.jsx("div", { "data-test": "feature-flag-definitions-empty", children: jsxRuntime.jsx(EmptyState$1, { title: "No feature definitions", description: "Publish immutable feature definitions before creating audience rules.", icon: jsxRuntime.jsx(SettingsIcon, { size: 30 }), size: "lg" }) })), !loading && !error && definitions.length > 0 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [actionError && (jsxRuntime.jsx(Alert, { variant: "error", title: "Feature rule change failed", dismissible: true, onDismiss: () => setActionError(undefined), className: sx(actionErrorStyle), children: jsxRuntime.jsx("span", { "data-test": "feature-flag-action-error", children: actionError }) })), jsxRuntime.jsxs("section", { className: sx(catalogPanelStyle), "aria-labelledby": "feature-catalog-heading", children: [jsxRuntime.jsxs("div", { className: sx(sectionHeadingStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h2", { id: "feature-catalog-heading", children: "Feature catalog" }), jsxRuntime.jsx("p", { children: "Definitions and hierarchy are read-only in this view." })] }), jsxRuntime.jsxs(Badge, { size: "sm", children: [definitions.length, " definitions"] })] }), jsxRuntime.jsx("div", { className: sx(definitionListStyle), "data-test": "feature-flag-definitions", children: definitionRows.map(({ definition, depth }) => (jsxRuntime.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: [jsxRuntime.jsxs("div", { className: sx(definitionCopyStyle), children: [jsxRuntime.jsxs("div", { className: sx(definitionTitleStyle), children: [jsxRuntime.jsx("strong", { children: definition.name }), jsxRuntime.jsx("code", { children: definition.featureKey })] }), jsxRuntime.jsx("p", { children: definition.description }), definition.isActive === false && (jsxRuntime.jsx("p", { className: sx(killSwitchStyle), children: "Kill switch active. Targeting rules cannot enable this feature." }))] }), jsxRuntime.jsxs("div", { className: sx(definitionBadgesStyle), children: [jsxRuntime.jsx(Badge, { variant: definition.isActive === false ? 'error' : 'success', size: "sm", children: definition.isActive === false ? 'Inactive kill switch' : 'Active definition' }), jsxRuntime.jsxs(Badge, { variant: definition.defaultEnabled ? 'success' : 'default', size: "sm", children: ["Default ", definition.defaultEnabled ? 'enabled' : 'disabled'] })] })] }, definition.featureKey))) })] }), editor && (jsxRuntime.jsxs("section", { className: sx(editorPanelStyle), "data-test": "feature-flag-rule-editor", children: [jsxRuntime.jsxs("div", { className: sx(sectionHeadingStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h2", { children: editor.mode === 'create' ? 'Create targeting rule' : 'Edit targeting rule' }), jsxRuntime.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' && (jsxRuntime.jsxs("code", { className: sx(versionStyle), children: ["Version ", editor.rule.rowVersion] }))] }), jsxRuntime.jsxs("form", { className: sx(ruleFormStyle), onSubmit: submitRule, noValidate: true, children: [jsxRuntime.jsx(Select, { label: "Feature", options: definitions.map((definition) => ({
                                             value: definition.featureKey,
                                             label: `${definition.name} · ${definition.featureKey}`,
                                             disabled: definition.isActive === false,
@@ -34677,7 +35737,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,
@@ -35415,7 +36475,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 (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$g), className), "data-test": "individual-travel-page", "aria-busy": loading || refreshing, children: [jsxRuntime.jsxs("div", { className: sx(headerStyle$d), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$b), children: "Individual & Small Group Travel" }), onCreateRequest && (jsxRuntime.jsx(Button
+    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$h), className), "data-test": "individual-travel-page", "aria-busy": loading || refreshing, children: [jsxRuntime.jsxs("div", { className: sx(headerStyle$d), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$b), children: "Individual & Small Group Travel" }), onCreateRequest && (jsxRuntime.jsx(Button
                     // Explicit: the atom has no default, and inside a host form a
                     // bare <button> would submit it.
                     , { 
@@ -35441,7 +36501,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)',
 };
@@ -36909,9 +37969,9 @@ const IndividualTravelRequestFormPage = ({ currentTraveler, configuration, value
         }
     };
     if (loading) {
-        return (jsxRuntime.jsx(RequestFormLayout, { className: cx(sx(pageStyle$f), className), header: jsxRuntime.jsx(RequestFormHeader, { title: "Individual Travel Request" }), children: jsxRuntime.jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-form-loading", children: [jsxRuntime.jsx(Spinner, { label: "Loading travel request form" }), jsxRuntime.jsx("span", { children: "Loading request options\u2026" })] }) }));
+        return (jsxRuntime.jsx(RequestFormLayout, { className: cx(sx(pageStyle$g), className), header: jsxRuntime.jsx(RequestFormHeader, { title: "Individual Travel Request" }), children: jsxRuntime.jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-form-loading", children: [jsxRuntime.jsx(Spinner, { label: "Loading travel request form" }), jsxRuntime.jsx("span", { children: "Loading request options\u2026" })] }) }));
     }
-    return (jsxRuntime.jsx("form", { ref: formRef, className: sx(formStyle), onSubmit: (event) => void handleSubmit(event), noValidate: true, "data-test": "individual-travel-request-form", "aria-busy": busy, children: jsxRuntime.jsxs(RequestFormLayout, { className: cx(sx(pageStyle$f), className), header: jsxRuntime.jsx(RequestFormHeader, { title: "Individual Travel Request", eventName: currentTraveler.displayName }), activePane: activePane, onPaneChange: setActivePane, mobileServices: availableServices.map((service) => (jsxRuntime.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, jsxRuntime.jsx("span", { children: service.label })] }, service.key))), sidebar: (jsxRuntime.jsxs("div", { "aria-label": "Travel types", "data-test": "individual-travel-request-service-sidebar", children: [jsxRuntime.jsx(ServiceToggleList, { services: availableServices, enabledServices: selectedServices, onToggle: (service, checked) => toggleService(service, checked), onClick: navigateToService, className: sx(serviceNavigationStyle), disabled: disabled }), jsxRuntime.jsxs("div", { className: sx(travelerRailStyle), children: [jsxRuntime.jsx("h3", { children: "Travelling" }), jsxRuntime.jsxs("p", { children: [jsxRuntime.jsx(UsersIcon$1, { size: 17 }), " ", travelerRailSummary] })] })] })), summary: (jsxRuntime.jsx(RequestSummary, { sections: summarySections, values: {}, dataTest: "individual-travel-request-summary" })), footer: (onCancel || onSubmit) ? (jsxRuntime.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 && jsxRuntime.jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-form-notice", children: jsxRuntime.jsx(Alert, { variant: "warning", children: notice }) }), error && (jsxRuntime.jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-form-error", children: jsxRuntime.jsxs(Alert, { variant: "error", title: "The request form needs attention", children: [jsxRuntime.jsx("div", { children: error }), onRetry && jsxRuntime.jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onRetry, "data-test": "individual-travel-request-form-retry", children: "Try again" })] }) })), readOnly && (jsxRuntime.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) && (jsxRuntime.jsxs("div", { ref: errorSummaryRef, className: sx(errorSummaryStyle), role: "alert", tabIndex: -1, "data-test": "individual-travel-request-form-validation", children: [jsxRuntime.jsx("h2", { children: "Review the request before submitting" }), submitError && jsxRuntime.jsx("p", { "data-test": "individual-travel-request-form-submit-error", children: submitError }), Object.keys(allErrors).length > 0 && jsxRuntime.jsx("ul", { children: Object.values(allErrors).map((message, index) => jsxRuntime.jsx("li", { children: message }, `${message}-${index}`)) })] })), activeService !== 'general' && !selectedServices[activeService] && (jsxRuntime.jsxs("div", { className: sx(mobileEnableStyle), "data-test": "individual-travel-request-mobile-enable", children: [jsxRuntime.jsxs("span", { children: ["Add ", SERVICE_LABELS[activeService], " to this request"] }), jsxRuntime.jsx(Toggle, { "aria-label": `Enable ${SERVICE_LABELS[activeService]}`, checked: false, onChange: () => enableFromStrip(activeService), size: "sm" })] })), jsxRuntime.jsxs(Section, { title: "Traveler information", description: "Tell the travel team who is traveling. Required fields are marked with an asterisk.", icon: jsxRuntime.jsx(UsersIcon$1, { size: 24 }), dataTest: "individual-travel-request-section-travelers", children: [jsxRuntime.jsxs("fieldset", { className: sx(choiceGroupStyle), children: [jsxRuntime.jsx("legend", { className: sx(legendStyle), children: "Travel for" }), jsxRuntime.jsxs("label", { className: sx(choiceStyle), children: [jsxRuntime.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" }), jsxRuntime.jsxs("span", { className: sx(choiceTextStyle), children: [jsxRuntime.jsx("strong", { children: currentTraveler.displayName }), jsxRuntime.jsx("small", { children: currentTraveler.email || 'Authenticated traveler' })] })] }), configuration.allowOtherTravelers && (jsxRuntime.jsxs("label", { className: sx(choiceStyle), children: [jsxRuntime.jsx("input", { type: "radio", name: "travelerType", value: "other", checked: resolvedValues.travelerType === 'other', disabled: disabled, onChange: () => commit({
+    return (jsxRuntime.jsx("form", { ref: formRef, className: sx(formStyle), onSubmit: (event) => void handleSubmit(event), noValidate: true, "data-test": "individual-travel-request-form", "aria-busy": busy, children: jsxRuntime.jsxs(RequestFormLayout, { className: cx(sx(pageStyle$g), className), header: jsxRuntime.jsx(RequestFormHeader, { title: "Individual Travel Request", eventName: currentTraveler.displayName }), activePane: activePane, onPaneChange: setActivePane, mobileServices: availableServices.map((service) => (jsxRuntime.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, jsxRuntime.jsx("span", { children: service.label })] }, service.key))), sidebar: (jsxRuntime.jsxs("div", { "aria-label": "Travel types", "data-test": "individual-travel-request-service-sidebar", children: [jsxRuntime.jsx(ServiceToggleList, { services: availableServices, enabledServices: selectedServices, onToggle: (service, checked) => toggleService(service, checked), onClick: navigateToService, className: sx(serviceNavigationStyle), disabled: disabled }), jsxRuntime.jsxs("div", { className: sx(travelerRailStyle), children: [jsxRuntime.jsx("h3", { children: "Travelling" }), jsxRuntime.jsxs("p", { children: [jsxRuntime.jsx(UsersIcon$1, { size: 17 }), " ", travelerRailSummary] })] })] })), summary: (jsxRuntime.jsx(RequestSummary, { sections: summarySections, values: {}, dataTest: "individual-travel-request-summary" })), footer: (onCancel || onSubmit) ? (jsxRuntime.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 && jsxRuntime.jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-form-notice", children: jsxRuntime.jsx(Alert, { variant: "warning", children: notice }) }), error && (jsxRuntime.jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-form-error", children: jsxRuntime.jsxs(Alert, { variant: "error", title: "The request form needs attention", children: [jsxRuntime.jsx("div", { children: error }), onRetry && jsxRuntime.jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onRetry, "data-test": "individual-travel-request-form-retry", children: "Try again" })] }) })), readOnly && (jsxRuntime.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) && (jsxRuntime.jsxs("div", { ref: errorSummaryRef, className: sx(errorSummaryStyle), role: "alert", tabIndex: -1, "data-test": "individual-travel-request-form-validation", children: [jsxRuntime.jsx("h2", { children: "Review the request before submitting" }), submitError && jsxRuntime.jsx("p", { "data-test": "individual-travel-request-form-submit-error", children: submitError }), Object.keys(allErrors).length > 0 && jsxRuntime.jsx("ul", { children: Object.values(allErrors).map((message, index) => jsxRuntime.jsx("li", { children: message }, `${message}-${index}`)) })] })), activeService !== 'general' && !selectedServices[activeService] && (jsxRuntime.jsxs("div", { className: sx(mobileEnableStyle), "data-test": "individual-travel-request-mobile-enable", children: [jsxRuntime.jsxs("span", { children: ["Add ", SERVICE_LABELS[activeService], " to this request"] }), jsxRuntime.jsx(Toggle, { "aria-label": `Enable ${SERVICE_LABELS[activeService]}`, checked: false, onChange: () => enableFromStrip(activeService), size: "sm" })] })), jsxRuntime.jsxs(Section, { title: "Traveler information", description: "Tell the travel team who is traveling. Required fields are marked with an asterisk.", icon: jsxRuntime.jsx(UsersIcon$1, { size: 24 }), dataTest: "individual-travel-request-section-travelers", children: [jsxRuntime.jsxs("fieldset", { className: sx(choiceGroupStyle), children: [jsxRuntime.jsx("legend", { className: sx(legendStyle), children: "Travel for" }), jsxRuntime.jsxs("label", { className: sx(choiceStyle), children: [jsxRuntime.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" }), jsxRuntime.jsxs("span", { className: sx(choiceTextStyle), children: [jsxRuntime.jsx("strong", { children: currentTraveler.displayName }), jsxRuntime.jsx("small", { children: currentTraveler.email || 'Authenticated traveler' })] })] }), configuration.allowOtherTravelers && (jsxRuntime.jsxs("label", { className: sx(choiceStyle), children: [jsxRuntime.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()],
@@ -36983,7 +38043,7 @@ const IndividualTravelRequestDetailPage = ({ request, loading = false, error, no
             : request
                 ? `Travel request ${request.requestId}`
                 : 'Travel request';
-    return (jsxRuntime.jsxs("main", { className: cx(sx(pageStyle$f), className), "data-test": "individual-travel-request-detail", "aria-busy": loading, children: [jsxRuntime.jsxs("header", { className: sx(pageHeaderStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: sx(eyebrowStyle), children: "Individual travel" }), jsxRuntime.jsx("h1", { className: sx(titleStyle$a), children: title }), request && !loading && !error && (jsxRuntime.jsxs("div", { className: sx(detailMetaStyle), "data-test": "individual-travel-request-detail-meta", children: [jsxRuntime.jsxs("span", { children: ["Submitted ", jsxRuntime.jsx("time", { dateTime: request.submittedAt, children: formatDateTime$1(request.submittedAt) })] }), request.completedAt && jsxRuntime.jsxs("span", { children: ["Completed ", jsxRuntime.jsx("time", { dateTime: request.completedAt, children: formatDateTime$1(request.completedAt) })] })] }))] }), onBack && (jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "individual-travel-request-detail-back", children: backLabel }))] }), jsxRuntime.jsxs("div", { className: sx(contentStyle$3), children: [loading && (jsxRuntime.jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-loading", children: [jsxRuntime.jsx(Spinner, { label: "Loading travel request" }), jsxRuntime.jsx("span", { children: "Loading request details\u2026" })] })), !loading && error && (jsxRuntime.jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-error", children: [jsxRuntime.jsx(Alert, { variant: "error", title: "The travel request could not be loaded", children: error }), onRetry && jsxRuntime.jsx(Button, { type: "button", variant: "secondary", onClick: onRetry, "data-test": "individual-travel-request-detail-retry", children: "Try again" })] })), !loading && !error && !request && (jsxRuntime.jsx("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-empty", children: jsxRuntime.jsx("p", { children: "No travel request was supplied." }) })), !loading && !error && request && (jsxRuntime.jsxs("div", { className: sx(formStyle), children: [notice && jsxRuntime.jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-detail-notice", children: jsxRuntime.jsx(Alert, { variant: "warning", children: notice }) }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-general", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Request information" }) }), jsxRuntime.jsxs("dl", { className: sx(detailGridStyle), children: [jsxRuntime.jsx(DetailField, { label: "Request number", dataTest: "individual-travel-request-detail-request-id", children: request.requestId }), jsxRuntime.jsx(DetailField, { label: "Traveler type", children: request.travelerType === 'self' ? 'Self' : 'Other traveler' }), jsxRuntime.jsx(DetailField, { label: "Submitted by", children: request.submittedBy?.name }), jsxRuntime.jsx(DetailField, { label: "Submitter email", children: request.submittedBy?.email }), request.submittedBy?.phone && jsxRuntime.jsx(DetailField, { label: "Submitter phone", children: request.submittedBy.phone }), request.additionalEmails && jsxRuntime.jsx(DetailField, { label: "Additional email addresses", children: request.additionalEmails })] })] }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-travelers", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Travelers" }) }), jsxRuntime.jsx("div", { className: sx(detailTableWrapStyle), children: jsxRuntime.jsxs("table", { className: sx(detailTableStyle), children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { scope: "col", children: "Name" }), jsxRuntime.jsx("th", { scope: "col", children: "Date of birth" }), jsxRuntime.jsx("th", { scope: "col", children: "Gender" })] }) }), jsxRuntime.jsxs("tbody", { children: [request.travelers.map((traveler, index) => (jsxRuntime.jsxs("tr", { "data-test": `individual-travel-request-detail-traveler-${index + 1}`, children: [jsxRuntime.jsx("td", { children: travelerName(traveler) || '—' }), jsxRuntime.jsx("td", { children: formatDate(traveler.dateOfBirth) }), jsxRuntime.jsx("td", { children: traveler.gender || '—' })] }, `${travelerName(traveler)}-${index}`))), !request.travelers.length && jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: 3, className: sx(emptyValueStyle), children: "No traveler details were supplied." }) })] })] }) })] }), Boolean(request.organizationAnswers?.length) && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-organization", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Organization information" }) }), jsxRuntime.jsx(AnswerList, { answers: request.organizationAnswers, prefix: "individual-travel-request-detail-organization-answer" })] })), Boolean(request.billingAnswers?.length) && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-billing", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Billing information" }) }), jsxRuntime.jsx(AnswerList, { answers: request.billingAnswers, prefix: "individual-travel-request-detail-billing-answer" })] })), request.airRequest && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-air", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Air Request" }), jsxRuntime.jsx("p", { className: sx(sectionDescriptionStyle), children: request.airRequest.tripType.replace('-', ' ') })] }) }), jsxRuntime.jsx("div", { className: sx(detailTableWrapStyle), children: jsxRuntime.jsxs("table", { className: sx(detailTableStyle), children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { scope: "col", children: "From" }), jsxRuntime.jsx("th", { scope: "col", children: "To" }), jsxRuntime.jsx("th", { scope: "col", children: "Depart" }), request.airRequest.tripType === 'round-trip' && jsxRuntime.jsx("th", { scope: "col", children: "Return" })] }) }), jsxRuntime.jsx("tbody", { children: request.airRequest.legs.map((leg, index) => (jsxRuntime.jsxs("tr", { "data-test": `individual-travel-request-detail-air-leg-${index + 1}`, children: [jsxRuntime.jsx("td", { children: leg.departureLocation }), jsxRuntime.jsx("td", { children: leg.arrivalLocation }), jsxRuntime.jsxs("td", { children: [formatDate(leg.departureDate), " \u00B7 ", leg.departureTime] }), request.airRequest?.tripType === 'round-trip' && jsxRuntime.jsxs("td", { children: [formatDate(leg.returnDate), " \u00B7 ", leg.returnTime || '—'] })] }, index))) })] }) }), jsxRuntime.jsxs("dl", { className: sx(detailGridStyle), children: [jsxRuntime.jsx(DetailField, { label: "Fare preference", children: request.airRequest.farePreference }), jsxRuntime.jsx(DetailField, { label: "Flight preference", children: request.airRequest.flightPreference }), jsxRuntime.jsx(DetailField, { label: "Preferred airline", children: request.airRequest.preferredAirline }), jsxRuntime.jsx(DetailField, { label: "Most important factor", children: request.airRequest.priority }), request.airRequest.details && jsxRuntime.jsx(DetailField, { label: "Air details", children: request.airRequest.details })] })] })), request.hotelRequest && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-hotel", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Hotel Request" }) }), jsxRuntime.jsx("div", { className: sx(detailTableWrapStyle), children: jsxRuntime.jsxs("table", { className: sx(detailTableStyle), children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { scope: "col", children: "City" }), jsxRuntime.jsx("th", { scope: "col", children: "Check in" }), jsxRuntime.jsx("th", { scope: "col", children: "Check out" })] }) }), jsxRuntime.jsx("tbody", { children: request.hotelRequest.legs.map((leg, index) => (jsxRuntime.jsxs("tr", { "data-test": `individual-travel-request-detail-hotel-leg-${index + 1}`, children: [jsxRuntime.jsx("td", { children: leg.city }), jsxRuntime.jsx("td", { children: formatDate(leg.checkInDate) }), jsxRuntime.jsx("td", { children: formatDate(leg.checkOutDate) })] }, index))) })] }) }), jsxRuntime.jsxs("dl", { className: sx(detailGridStyle), children: [jsxRuntime.jsx(DetailField, { label: "Bed preference", children: request.hotelRequest.bedPreference }), jsxRuntime.jsx(DetailField, { label: "Smoking preference", children: request.hotelRequest.smokingPreference }), jsxRuntime.jsx(DetailField, { label: "Preferred hotel", children: request.hotelRequest.preferredHotel })] })] })), request.carRequest && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-car", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Vehicle Rental Request" }) }), jsxRuntime.jsx("div", { className: sx(detailTableWrapStyle), children: jsxRuntime.jsxs("table", { className: sx(detailTableStyle), children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { scope: "col", children: "Pickup" }), jsxRuntime.jsx("th", { scope: "col", children: "Pickup date" }), jsxRuntime.jsx("th", { scope: "col", children: "Drop-off" }), jsxRuntime.jsx("th", { scope: "col", children: "Drop-off date" })] }) }), jsxRuntime.jsx("tbody", { children: request.carRequest.legs.map((leg, index) => (jsxRuntime.jsxs("tr", { "data-test": `individual-travel-request-detail-car-leg-${index + 1}`, children: [jsxRuntime.jsxs("td", { children: [leg.pickupCity, leg.pickupLocation ? ` · ${leg.pickupLocation}` : ''] }), jsxRuntime.jsxs("td", { children: [formatDate(leg.pickupDate), " \u00B7 ", leg.pickupTime] }), jsxRuntime.jsx("td", { children: leg.dropoffLocation || leg.pickupCity }), jsxRuntime.jsxs("td", { children: [formatDate(leg.dropoffDate), " \u00B7 ", leg.dropoffTime] })] }, index))) })] }) }), jsxRuntime.jsxs("dl", { className: sx(detailGridStyle), children: [jsxRuntime.jsx(DetailField, { label: "Vehicle type", children: request.carRequest.vehicleType }), jsxRuntime.jsx(DetailField, { label: "Rental company", children: request.carRequest.rentalCompany }), jsxRuntime.jsx(DetailField, { label: "Flight number or tail number", children: request.carRequest.flightNumberOrTailNumber })] })] })), request.busRequest && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-bus", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Bus Request" }) }), jsxRuntime.jsxs("dl", { className: sx(detailGridStyle), children: [jsxRuntime.jsx(DetailField, { label: "Pickup city", children: request.busRequest.pickupCity }), jsxRuntime.jsx(DetailField, { label: "Pickup location", children: request.busRequest.pickupLocation }), jsxRuntime.jsx(DetailField, { label: "Pickup date and time", children: formatDateTime$1(request.busRequest.pickupDateTime) }), jsxRuntime.jsx(DetailField, { label: "Drop-off city", children: request.busRequest.dropoffCity }), jsxRuntime.jsx(DetailField, { label: "Drop-off location", children: request.busRequest.dropoffLocation }), jsxRuntime.jsx(DetailField, { label: "Drop-off date and time", children: formatDateTime$1(request.busRequest.dropoffDateTime) }), jsxRuntime.jsx(DetailField, { label: "Vehicle type", children: request.busRequest.vehicleType }), request.busRequest.specialRequests && jsxRuntime.jsx(DetailField, { label: "Bus requests", children: request.busRequest.specialRequests })] })] })), request.specialRequests && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-special-requests", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Additional requests" }) }), jsxRuntime.jsx("p", { children: request.specialRequests })] }))] }))] })] }));
+    return (jsxRuntime.jsxs("main", { className: cx(sx(pageStyle$g), className), "data-test": "individual-travel-request-detail", "aria-busy": loading, children: [jsxRuntime.jsxs("header", { className: sx(pageHeaderStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: sx(eyebrowStyle), children: "Individual travel" }), jsxRuntime.jsx("h1", { className: sx(titleStyle$a), children: title }), request && !loading && !error && (jsxRuntime.jsxs("div", { className: sx(detailMetaStyle), "data-test": "individual-travel-request-detail-meta", children: [jsxRuntime.jsxs("span", { children: ["Submitted ", jsxRuntime.jsx("time", { dateTime: request.submittedAt, children: formatDateTime$1(request.submittedAt) })] }), request.completedAt && jsxRuntime.jsxs("span", { children: ["Completed ", jsxRuntime.jsx("time", { dateTime: request.completedAt, children: formatDateTime$1(request.completedAt) })] })] }))] }), onBack && (jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "individual-travel-request-detail-back", children: backLabel }))] }), jsxRuntime.jsxs("div", { className: sx(contentStyle$3), children: [loading && (jsxRuntime.jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-loading", children: [jsxRuntime.jsx(Spinner, { label: "Loading travel request" }), jsxRuntime.jsx("span", { children: "Loading request details\u2026" })] })), !loading && error && (jsxRuntime.jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-error", children: [jsxRuntime.jsx(Alert, { variant: "error", title: "The travel request could not be loaded", children: error }), onRetry && jsxRuntime.jsx(Button, { type: "button", variant: "secondary", onClick: onRetry, "data-test": "individual-travel-request-detail-retry", children: "Try again" })] })), !loading && !error && !request && (jsxRuntime.jsx("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-empty", children: jsxRuntime.jsx("p", { children: "No travel request was supplied." }) })), !loading && !error && request && (jsxRuntime.jsxs("div", { className: sx(formStyle), children: [notice && jsxRuntime.jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-detail-notice", children: jsxRuntime.jsx(Alert, { variant: "warning", children: notice }) }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-general", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Request information" }) }), jsxRuntime.jsxs("dl", { className: sx(detailGridStyle), children: [jsxRuntime.jsx(DetailField, { label: "Request number", dataTest: "individual-travel-request-detail-request-id", children: request.requestId }), jsxRuntime.jsx(DetailField, { label: "Traveler type", children: request.travelerType === 'self' ? 'Self' : 'Other traveler' }), jsxRuntime.jsx(DetailField, { label: "Submitted by", children: request.submittedBy?.name }), jsxRuntime.jsx(DetailField, { label: "Submitter email", children: request.submittedBy?.email }), request.submittedBy?.phone && jsxRuntime.jsx(DetailField, { label: "Submitter phone", children: request.submittedBy.phone }), request.additionalEmails && jsxRuntime.jsx(DetailField, { label: "Additional email addresses", children: request.additionalEmails })] })] }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-travelers", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Travelers" }) }), jsxRuntime.jsx("div", { className: sx(detailTableWrapStyle), children: jsxRuntime.jsxs("table", { className: sx(detailTableStyle), children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { scope: "col", children: "Name" }), jsxRuntime.jsx("th", { scope: "col", children: "Date of birth" }), jsxRuntime.jsx("th", { scope: "col", children: "Gender" })] }) }), jsxRuntime.jsxs("tbody", { children: [request.travelers.map((traveler, index) => (jsxRuntime.jsxs("tr", { "data-test": `individual-travel-request-detail-traveler-${index + 1}`, children: [jsxRuntime.jsx("td", { children: travelerName(traveler) || '—' }), jsxRuntime.jsx("td", { children: formatDate(traveler.dateOfBirth) }), jsxRuntime.jsx("td", { children: traveler.gender || '—' })] }, `${travelerName(traveler)}-${index}`))), !request.travelers.length && jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: 3, className: sx(emptyValueStyle), children: "No traveler details were supplied." }) })] })] }) })] }), Boolean(request.organizationAnswers?.length) && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-organization", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Organization information" }) }), jsxRuntime.jsx(AnswerList, { answers: request.organizationAnswers, prefix: "individual-travel-request-detail-organization-answer" })] })), Boolean(request.billingAnswers?.length) && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-billing", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Billing information" }) }), jsxRuntime.jsx(AnswerList, { answers: request.billingAnswers, prefix: "individual-travel-request-detail-billing-answer" })] })), request.airRequest && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-air", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Air Request" }), jsxRuntime.jsx("p", { className: sx(sectionDescriptionStyle), children: request.airRequest.tripType.replace('-', ' ') })] }) }), jsxRuntime.jsx("div", { className: sx(detailTableWrapStyle), children: jsxRuntime.jsxs("table", { className: sx(detailTableStyle), children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { scope: "col", children: "From" }), jsxRuntime.jsx("th", { scope: "col", children: "To" }), jsxRuntime.jsx("th", { scope: "col", children: "Depart" }), request.airRequest.tripType === 'round-trip' && jsxRuntime.jsx("th", { scope: "col", children: "Return" })] }) }), jsxRuntime.jsx("tbody", { children: request.airRequest.legs.map((leg, index) => (jsxRuntime.jsxs("tr", { "data-test": `individual-travel-request-detail-air-leg-${index + 1}`, children: [jsxRuntime.jsx("td", { children: leg.departureLocation }), jsxRuntime.jsx("td", { children: leg.arrivalLocation }), jsxRuntime.jsxs("td", { children: [formatDate(leg.departureDate), " \u00B7 ", leg.departureTime] }), request.airRequest?.tripType === 'round-trip' && jsxRuntime.jsxs("td", { children: [formatDate(leg.returnDate), " \u00B7 ", leg.returnTime || '—'] })] }, index))) })] }) }), jsxRuntime.jsxs("dl", { className: sx(detailGridStyle), children: [jsxRuntime.jsx(DetailField, { label: "Fare preference", children: request.airRequest.farePreference }), jsxRuntime.jsx(DetailField, { label: "Flight preference", children: request.airRequest.flightPreference }), jsxRuntime.jsx(DetailField, { label: "Preferred airline", children: request.airRequest.preferredAirline }), jsxRuntime.jsx(DetailField, { label: "Most important factor", children: request.airRequest.priority }), request.airRequest.details && jsxRuntime.jsx(DetailField, { label: "Air details", children: request.airRequest.details })] })] })), request.hotelRequest && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-hotel", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Hotel Request" }) }), jsxRuntime.jsx("div", { className: sx(detailTableWrapStyle), children: jsxRuntime.jsxs("table", { className: sx(detailTableStyle), children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { scope: "col", children: "City" }), jsxRuntime.jsx("th", { scope: "col", children: "Check in" }), jsxRuntime.jsx("th", { scope: "col", children: "Check out" })] }) }), jsxRuntime.jsx("tbody", { children: request.hotelRequest.legs.map((leg, index) => (jsxRuntime.jsxs("tr", { "data-test": `individual-travel-request-detail-hotel-leg-${index + 1}`, children: [jsxRuntime.jsx("td", { children: leg.city }), jsxRuntime.jsx("td", { children: formatDate(leg.checkInDate) }), jsxRuntime.jsx("td", { children: formatDate(leg.checkOutDate) })] }, index))) })] }) }), jsxRuntime.jsxs("dl", { className: sx(detailGridStyle), children: [jsxRuntime.jsx(DetailField, { label: "Bed preference", children: request.hotelRequest.bedPreference }), jsxRuntime.jsx(DetailField, { label: "Smoking preference", children: request.hotelRequest.smokingPreference }), jsxRuntime.jsx(DetailField, { label: "Preferred hotel", children: request.hotelRequest.preferredHotel })] })] })), request.carRequest && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-car", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Vehicle Rental Request" }) }), jsxRuntime.jsx("div", { className: sx(detailTableWrapStyle), children: jsxRuntime.jsxs("table", { className: sx(detailTableStyle), children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { scope: "col", children: "Pickup" }), jsxRuntime.jsx("th", { scope: "col", children: "Pickup date" }), jsxRuntime.jsx("th", { scope: "col", children: "Drop-off" }), jsxRuntime.jsx("th", { scope: "col", children: "Drop-off date" })] }) }), jsxRuntime.jsx("tbody", { children: request.carRequest.legs.map((leg, index) => (jsxRuntime.jsxs("tr", { "data-test": `individual-travel-request-detail-car-leg-${index + 1}`, children: [jsxRuntime.jsxs("td", { children: [leg.pickupCity, leg.pickupLocation ? ` · ${leg.pickupLocation}` : ''] }), jsxRuntime.jsxs("td", { children: [formatDate(leg.pickupDate), " \u00B7 ", leg.pickupTime] }), jsxRuntime.jsx("td", { children: leg.dropoffLocation || leg.pickupCity }), jsxRuntime.jsxs("td", { children: [formatDate(leg.dropoffDate), " \u00B7 ", leg.dropoffTime] })] }, index))) })] }) }), jsxRuntime.jsxs("dl", { className: sx(detailGridStyle), children: [jsxRuntime.jsx(DetailField, { label: "Vehicle type", children: request.carRequest.vehicleType }), jsxRuntime.jsx(DetailField, { label: "Rental company", children: request.carRequest.rentalCompany }), jsxRuntime.jsx(DetailField, { label: "Flight number or tail number", children: request.carRequest.flightNumberOrTailNumber })] })] })), request.busRequest && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-bus", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Bus Request" }) }), jsxRuntime.jsxs("dl", { className: sx(detailGridStyle), children: [jsxRuntime.jsx(DetailField, { label: "Pickup city", children: request.busRequest.pickupCity }), jsxRuntime.jsx(DetailField, { label: "Pickup location", children: request.busRequest.pickupLocation }), jsxRuntime.jsx(DetailField, { label: "Pickup date and time", children: formatDateTime$1(request.busRequest.pickupDateTime) }), jsxRuntime.jsx(DetailField, { label: "Drop-off city", children: request.busRequest.dropoffCity }), jsxRuntime.jsx(DetailField, { label: "Drop-off location", children: request.busRequest.dropoffLocation }), jsxRuntime.jsx(DetailField, { label: "Drop-off date and time", children: formatDateTime$1(request.busRequest.dropoffDateTime) }), jsxRuntime.jsx(DetailField, { label: "Vehicle type", children: request.busRequest.vehicleType }), request.busRequest.specialRequests && jsxRuntime.jsx(DetailField, { label: "Bus requests", children: request.busRequest.specialRequests })] })] })), request.specialRequests && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-special-requests", children: [jsxRuntime.jsx("div", { className: sx(sectionHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$4), children: "Additional requests" }) }), jsxRuntime.jsx("p", { children: request.specialRequests })] }))] }))] })] }));
 };
 
 /**
@@ -36995,7 +38055,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',
@@ -37295,7 +38355,7 @@ const InfoCenterPage = ({ title = 'Info Center', accountName, articles = [], sta
     };
     const modalMeta = modalArticle ? metaFor(modalArticle.category) : null;
     const ModalCategoryIcon = modalMeta?.icon;
-    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$e), className), children: [showBreadcrumb && (jsxRuntime.jsxs("nav", { className: sx(breadcrumbStyle$3), "aria-label": "Breadcrumb", children: [jsxRuntime.jsxs("a", { href: homeHref, children: [jsxRuntime.jsx(HomeIcon, { size: 14 }), "Home"] }), jsxRuntime.jsx("span", { children: "/" }), jsxRuntime.jsx("span", { children: "Info Center" })] })), jsxRuntime.jsxs("div", { className: sx(headerStyle$c), children: [jsxRuntime.jsxs("div", { className: sx(headerTextStyle), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$9), children: title }), accountName && (jsxRuntime.jsxs("p", { className: sx(subtitleStyle$3), children: ["Travel resources and program information for ", accountName, "."] }))] }), isAdmin && (jsxRuntime.jsxs(Button, { variant: "primary", size: "sm", onClick: onAddArticle, children: [jsxRuntime.jsx(PlusIcon$2, { size: 15 }), "Add Article"] }))] }), pageState === 'loading' && (jsxRuntime.jsxs("div", { className: sx(stateBlockStyle), children: [jsxRuntime.jsx(Spinner, { size: "md" }), jsxRuntime.jsx("span", { children: "Loading\u2026" })] })), pageState === 'error' && (jsxRuntime.jsxs("div", { className: cx(sx(stateBlockStyle), sx(stateErrorStyle)), children: [jsxRuntime.jsx(WarningIcon$1, { size: 28 }), jsxRuntime.jsx("p", { className: sx(stateTextStyle), children: "Unable to load Info Center resources." })] })), pageState === 'empty' && (jsxRuntime.jsxs("div", { className: sx(stateBlockStyle), children: [jsxRuntime.jsx(InfoIcon$1, { size: 28 }), jsxRuntime.jsx("p", { className: sx(stateTextStyle), children: "No resources available." })] })), pageState === 'data' && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TabStrip, { className: sx(tabsStyle$1), tabs: [
+    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$f), className), children: [showBreadcrumb && (jsxRuntime.jsxs("nav", { className: sx(breadcrumbStyle$3), "aria-label": "Breadcrumb", children: [jsxRuntime.jsxs("a", { href: homeHref, children: [jsxRuntime.jsx(HomeIcon, { size: 14 }), "Home"] }), jsxRuntime.jsx("span", { children: "/" }), jsxRuntime.jsx("span", { children: "Info Center" })] })), jsxRuntime.jsxs("div", { className: sx(headerStyle$c), children: [jsxRuntime.jsxs("div", { className: sx(headerTextStyle), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$9), children: title }), accountName && (jsxRuntime.jsxs("p", { className: sx(subtitleStyle$3), children: ["Travel resources and program information for ", accountName, "."] }))] }), isAdmin && (jsxRuntime.jsxs(Button, { variant: "primary", size: "sm", onClick: onAddArticle, children: [jsxRuntime.jsx(PlusIcon$2, { size: 15 }), "Add Article"] }))] }), pageState === 'loading' && (jsxRuntime.jsxs("div", { className: sx(stateBlockStyle), children: [jsxRuntime.jsx(Spinner, { size: "md" }), jsxRuntime.jsx("span", { children: "Loading\u2026" })] })), pageState === 'error' && (jsxRuntime.jsxs("div", { className: cx(sx(stateBlockStyle), sx(stateErrorStyle)), children: [jsxRuntime.jsx(WarningIcon$1, { size: 28 }), jsxRuntime.jsx("p", { className: sx(stateTextStyle), children: "Unable to load Info Center resources." })] })), pageState === 'empty' && (jsxRuntime.jsxs("div", { className: sx(stateBlockStyle), children: [jsxRuntime.jsx(InfoIcon$1, { size: 28 }), jsxRuntime.jsx("p", { className: sx(stateTextStyle), children: "No resources available." })] })), pageState === 'data' && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TabStrip, { className: sx(tabsStyle$1), tabs: [
                             { id: 'All', label: 'All', icon: jsxRuntime.jsx(GridIcon, { size: 15 }) },
                             ...categories.map((cat) => {
                                 const m = metaFor(cat);
@@ -37319,7 +38379,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',
@@ -37769,13 +38829,13 @@ const ItineraryPage = ({ tripName, recordLocator, travelers, startDate, endDate,
     const agentCard = agent && (jsxRuntime.jsxs("section", { className: sx(agentCardStyle), "aria-label": "Your travel team", children: [jsxRuntime.jsx("div", { className: sx(agentHeaderStyle), children: jsxRuntime.jsx("h2", { className: sx(agentTitleStyle), children: "Your Travel Team" }) }), jsxRuntime.jsxs("div", { className: sx(agentRowStyle), children: [jsxRuntime.jsxs("div", { className: sx(agentInfoStyle), children: [jsxRuntime.jsx("p", { className: sx(agentNameStyle), children: agent.name }), agent.role && jsxRuntime.jsx("p", { className: sx(agentRoleStyle), children: agent.role })] }), jsxRuntime.jsxs("ul", { className: sx(agentLinksStyle), children: [agent.email && (jsxRuntime.jsx(AgentContact, { icon: jsxRuntime.jsx(MailIcon, { size: 16 }), label: "Email", children: jsxRuntime.jsx("a", { className: sx(agentLinkStyle), href: `mailto:${agent.email}`, children: agent.email }) })), agent.businessHours && (jsxRuntime.jsx(AgentContact, { icon: jsxRuntime.jsx(CalendarIcon$1, { size: 16 }), label: "Business Hours", children: agent.businessHours })), agent.tollFreeNumber && (jsxRuntime.jsx(AgentContact, { icon: jsxRuntime.jsx(PhoneIcon, { size: 16 }), label: "Toll Free Number", children: jsxRuntime.jsx("a", { className: sx(agentLinkStyle), href: telHref(agent.tollFreeNumber), children: agent.tollFreeNumber }) })), agent.afterHoursPhone && (jsxRuntime.jsxs(AgentContact, { icon: jsxRuntime.jsx(HeadsetIcon, { size: 16 }), label: "After-Hours/Emergency Service", children: [jsxRuntime.jsx("a", { className: sx(agentLinkStyle), href: telHref(agent.afterHoursPhone), children: agent.afterHoursPhone }), agent.afterHoursNote && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [" ", agent.afterHoursNote] })] }))] })] })] }));
     const titleRow = (jsxRuntime.jsxs("div", { className: sx(titleRowStyle), children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$3), children: "Air Invoice Details" }), showStatus && jsxRuntime.jsx(StatusBadge, { status: badge.variant, label: badge.label })] }));
     const actions = showActions && (jsxRuntime.jsxs("div", { className: sx(actionsStyle$1), "aria-label": "Itinerary actions", children: [onPrint && jsxRuntime.jsx(Button, { type: "button", variant: "secondary", size: "sm", leftIcon: jsxRuntime.jsx(PrinterIcon, { size: 16 }), "data-test": "itinerary-print", onClick: onPrint, children: "Print" }), onEmail && jsxRuntime.jsx(Button, { type: "button", variant: "secondary", size: "sm", leftIcon: jsxRuntime.jsx(MailIcon, { size: 16 }), "data-test": "itinerary-email", onClick: onEmail, children: "Email" }), onAddToCalendar && jsxRuntime.jsx(Button, { type: "button", variant: "secondary", size: "sm", leftIcon: jsxRuntime.jsx(CalendarIcon$1, { size: 16 }), "data-test": "itinerary-add-to-calendar", onClick: onAddToCalendar, children: "Add to calendar" }), onDownloadInvoice && jsxRuntime.jsx(Button, { type: "button", variant: "secondary", size: "sm", leftIcon: jsxRuntime.jsx(DocumentIcon, { size: 16 }), "data-test": "itinerary-download-invoice", onClick: onDownloadInvoice, children: "Invoice PDF" })] }));
-    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$d), className), "data-test": "itinerary-page", children: [jsxRuntime.jsx(PageHeaderSubsection, { sectionName: sectionName, pageName: pageName ?? (travelers.length > 0 ? `Itinerary for ${itineraryPageName(travelers)}` : 'Itinerary'), meta: startDate && endDate ? jsxRuntime.jsx(TravelDateRange, { startDate: startDate, endDate: endDate }) : undefined, onBack: onBack, backLabel: backLabel }), !showInvoice && notices, !showInvoice && agentCard, showInvoice ? (jsxRuntime.jsxs("section", { className: sx(invoiceSectionStyle), "aria-label": "Booking and invoice", children: [jsxRuntime.jsxs("div", { className: sx(invoiceActionsStyle), children: [jsxRuntime.jsx(Segment, { size: "sm", options: VIEW_OPTIONS, value: view, onChange: changeView, "aria-label": "Itinerary view" }), actions] }), !itineraryOnly && notices, !itineraryOnly && agentCard, !itineraryOnly && bookingCard, !itineraryOnly && invoice && jsxRuntime.jsx(AirInvoiceCard, { ...invoice, title: "Air Invoice Details" })] })) : (jsxRuntime.jsxs("header", { className: sx(headerStyle$b), children: [jsxRuntime.jsxs("div", { className: sx(headerMainStyle$1), children: [titleRow, jsxRuntime.jsxs("dl", { className: sx(factsStyle$1), children: [recordLocator && (jsxRuntime.jsxs("div", { className: sx(factStyle), children: [jsxRuntime.jsx("dt", { className: sx(factLabelStyle), children: "Confirmation" }), jsxRuntime.jsx("dd", { className: cx(sx(factValueStyle), sx(monoStyle$1)), children: recordLocator })] })), startDate && endDate && (jsxRuntime.jsxs("div", { className: sx(factStyle), children: [jsxRuntime.jsx("dt", { className: sx(factLabelStyle), children: "Travel dates" }), jsxRuntime.jsx("dd", { className: sx(factValueStyle), children: formatItineraryDateRange(startDate, endDate) })] })), travelers.length > 0 && (jsxRuntime.jsxs("div", { className: sx(factStyle), children: [jsxRuntime.jsx("dt", { className: sx(factLabelStyle), children: travelers.length === 1 ? 'Traveler' : 'Travelers' }), jsxRuntime.jsx("dd", { className: sx(factValueStyle), title: travelers.join(', '), children: travelerLabel })] })), sportCode && (jsxRuntime.jsxs("div", { className: sx(factStyle), children: [jsxRuntime.jsx("dt", { className: sx(factLabelStyle), children: "Program" }), jsxRuntime.jsx("dd", { className: sx(factValueStyle), children: sportCode })] }))] })] }), actions] })), !showInvoice && bookingCard, !itineraryOnly && travelers.length > 1 && (jsxRuntime.jsxs("section", { className: sx(travelersStyle), "aria-label": "Travelers on this itinerary", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$3), children: "Travelers" }), jsxRuntime.jsx("ul", { className: sx(travelerListStyle), children: travelers.map((traveler) => jsxRuntime.jsx("li", { className: sx(travelerChipStyle), children: traveler }, traveler)) })] })), !itineraryOnly && !loading && !error && notice && (jsxRuntime.jsx("div", { "data-test": "itinerary-notice", children: jsxRuntime.jsx(Alert, { variant: "warning", title: "Additional booking details", children: notice }) })), jsxRuntime.jsxs("div", { className: sx(bodyStyle$1), children: [jsxRuntime.jsx("div", { className: sx(mainStyle$1), children: jsxRuntime.jsxs("div", { "data-test": loading ? 'itinerary-loading' : error ? 'itinerary-error' : undefined, children: [jsxRuntime.jsx(ItineraryTimeline, { segments: segments, loading: loading, error: error, onCheckIn: onCheckIn, renderVendorMark: renderVendorMark, showTypeTabs: true }), error && onRetry && (jsxRuntime.jsx("div", { className: sx(retryRowStyle), children: jsxRuntime.jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onRetry, "data-test": "itinerary-retry", children: "Try again" }) }))] }) }), !loading && !error && (closingBanners.length > 0 || closingNotes) && (jsxRuntime.jsxs("div", { className: sx(noticesStyle), "data-test": "itinerary-closing", children: [closingBanners.length > 0 && jsxRuntime.jsx(PageBanners, { className: sx(bannersStyle), systemBanners: closingBanners, alertBanners: [] }), closingNotes && jsxRuntime.jsx("div", { className: sx(closingNotesStyle), children: closingNotes })] }))] })] }));
+    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$e), className), "data-test": "itinerary-page", children: [jsxRuntime.jsx(PageHeaderSubsection, { sectionName: sectionName, pageName: pageName ?? (travelers.length > 0 ? `Itinerary for ${itineraryPageName(travelers)}` : 'Itinerary'), meta: startDate && endDate ? jsxRuntime.jsx(TravelDateRange, { startDate: startDate, endDate: endDate }) : undefined, onBack: onBack, backLabel: backLabel }), !showInvoice && notices, !showInvoice && agentCard, showInvoice ? (jsxRuntime.jsxs("section", { className: sx(invoiceSectionStyle), "aria-label": "Booking and invoice", children: [jsxRuntime.jsxs("div", { className: sx(invoiceActionsStyle), children: [jsxRuntime.jsx(Segment, { size: "sm", options: VIEW_OPTIONS, value: view, onChange: changeView, "aria-label": "Itinerary view" }), actions] }), !itineraryOnly && notices, !itineraryOnly && agentCard, !itineraryOnly && bookingCard, !itineraryOnly && invoice && jsxRuntime.jsx(AirInvoiceCard, { ...invoice, title: "Air Invoice Details" })] })) : (jsxRuntime.jsxs("header", { className: sx(headerStyle$b), children: [jsxRuntime.jsxs("div", { className: sx(headerMainStyle$1), children: [titleRow, jsxRuntime.jsxs("dl", { className: sx(factsStyle$1), children: [recordLocator && (jsxRuntime.jsxs("div", { className: sx(factStyle), children: [jsxRuntime.jsx("dt", { className: sx(factLabelStyle), children: "Confirmation" }), jsxRuntime.jsx("dd", { className: cx(sx(factValueStyle), sx(monoStyle$1)), children: recordLocator })] })), startDate && endDate && (jsxRuntime.jsxs("div", { className: sx(factStyle), children: [jsxRuntime.jsx("dt", { className: sx(factLabelStyle), children: "Travel dates" }), jsxRuntime.jsx("dd", { className: sx(factValueStyle), children: formatItineraryDateRange(startDate, endDate) })] })), travelers.length > 0 && (jsxRuntime.jsxs("div", { className: sx(factStyle), children: [jsxRuntime.jsx("dt", { className: sx(factLabelStyle), children: travelers.length === 1 ? 'Traveler' : 'Travelers' }), jsxRuntime.jsx("dd", { className: sx(factValueStyle), title: travelers.join(', '), children: travelerLabel })] })), sportCode && (jsxRuntime.jsxs("div", { className: sx(factStyle), children: [jsxRuntime.jsx("dt", { className: sx(factLabelStyle), children: "Program" }), jsxRuntime.jsx("dd", { className: sx(factValueStyle), children: sportCode })] }))] })] }), actions] })), !showInvoice && bookingCard, !itineraryOnly && travelers.length > 1 && (jsxRuntime.jsxs("section", { className: sx(travelersStyle), "aria-label": "Travelers on this itinerary", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$3), children: "Travelers" }), jsxRuntime.jsx("ul", { className: sx(travelerListStyle), children: travelers.map((traveler) => jsxRuntime.jsx("li", { className: sx(travelerChipStyle), children: traveler }, traveler)) })] })), !itineraryOnly && !loading && !error && notice && (jsxRuntime.jsx("div", { "data-test": "itinerary-notice", children: jsxRuntime.jsx(Alert, { variant: "warning", title: "Additional booking details", children: notice }) })), jsxRuntime.jsxs("div", { className: sx(bodyStyle$1), children: [jsxRuntime.jsx("div", { className: sx(mainStyle$1), children: jsxRuntime.jsxs("div", { "data-test": loading ? 'itinerary-loading' : error ? 'itinerary-error' : undefined, children: [jsxRuntime.jsx(ItineraryTimeline, { segments: segments, loading: loading, error: error, onCheckIn: onCheckIn, renderVendorMark: renderVendorMark, showTypeTabs: true }), error && onRetry && (jsxRuntime.jsx("div", { className: sx(retryRowStyle), children: jsxRuntime.jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onRetry, "data-test": "itinerary-retry", children: "Try again" }) }))] }) }), !loading && !error && (closingBanners.length > 0 || closingNotes) && (jsxRuntime.jsxs("div", { className: sx(noticesStyle), "data-test": "itinerary-closing", children: [closingBanners.length > 0 && jsxRuntime.jsx(PageBanners, { className: sx(bannersStyle), systemBanners: closingBanners, alertBanners: [] }), closingNotes && jsxRuntime.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',
@@ -37842,13 +38902,13 @@ const DefaultIllustration = () => (jsxRuntime.jsxs("svg", { width: "120", height
  * - 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 (jsxRuntime.jsx("div", { className: pageClasses, children: jsxRuntime.jsxs("div", { className: sx(cardStyle), children: [jsxRuntime.jsx("div", { className: sx(illustrationStyle), children: illustration || jsxRuntime.jsx(DefaultIllustration, {}) }), jsxRuntime.jsx("h1", { className: sx(errorCodeStyle), children: errorCode }), jsxRuntime.jsx("h2", { className: sx(titleStyle$8), children: title }), jsxRuntime.jsx("p", { className: sx(messageStyle), children: message }), action && (jsxRuntime.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',
@@ -37872,7 +38932,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,
@@ -37968,7 +39028,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 = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$b), className), "data-test": "off-fleet-learned-examples-page", children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$a), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$7), children: "Learned examples" }), jsxRuntime.jsx("p", { className: sx(descriptionStyle$3), children: OFF_FLEET_LEARNED_DESCRIPTION })] }), examples.length === 0 ? (jsxRuntime.jsx(EmptyState$1, { title: "No examples yet", description: OFF_FLEET_LEARNED_EMPTY_COPY, icon: jsxRuntime.jsx(LightbulbIcon, { size: 32 }) })) : (jsxRuntime.jsx("ul", { className: sx(examplesStyle), children: examples.map((example) => (jsxRuntime.jsxs("li", { className: sx(exampleStyle), "data-test": "off-fleet-learned-example", children: [jsxRuntime.jsxs("div", { className: sx(exampleHeaderStyle), children: [jsxRuntime.jsx("span", { className: sx(operatorStyle), children: example.operator }), jsxRuntime.jsxs("span", { className: sx(metaStyle), children: [example.sourceFileName, " \u00B7 learned ", example.learnedLabel] }), onOpenExample && (jsxRuntime.jsx(Button, { variant: "outline", size: "sm", className: sx(openButtonStyle), onClick: () => onOpenExample(example.id), "data-test": "off-fleet-open-example", children: "Open" }))] }), jsxRuntime.jsxs("div", { className: sx(pairStyle), children: [jsxRuntime.jsxs("div", { className: sx(pairSideStyle), children: [jsxRuntime.jsx("h2", { className: sx(pairTitleStyle), children: "Raw text" }), jsxRuntime.jsx("pre", { className: sx(codeStyle), "data-test": "off-fleet-example-raw", children: example.rawText })] }), jsxRuntime.jsxs("div", { className: sx(pairSideStyle), children: [jsxRuntime.jsx("h2", { className: sx(pairTitleStyle), children: "Corrected JSON" }), jsxRuntime.jsx("pre", { className: sx(codeStyle), "data-test": "off-fleet-example-json", children: example.correctedJson })] })] })] }, example.id))) }))] }));
+const OffFleetLearnedExamplesPage = ({ examples = [], onOpenExample, className = '', }) => (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$c), className), "data-test": "off-fleet-learned-examples-page", children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$a), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$7), children: "Learned examples" }), jsxRuntime.jsx("p", { className: sx(descriptionStyle$4), children: OFF_FLEET_LEARNED_DESCRIPTION })] }), examples.length === 0 ? (jsxRuntime.jsx(EmptyState$1, { title: "No examples yet", description: OFF_FLEET_LEARNED_EMPTY_COPY, icon: jsxRuntime.jsx(LightbulbIcon, { size: 32 }) })) : (jsxRuntime.jsx("ul", { className: sx(examplesStyle), children: examples.map((example) => (jsxRuntime.jsxs("li", { className: sx(exampleStyle), "data-test": "off-fleet-learned-example", children: [jsxRuntime.jsxs("div", { className: sx(exampleHeaderStyle), children: [jsxRuntime.jsx("span", { className: sx(operatorStyle), children: example.operator }), jsxRuntime.jsxs("span", { className: sx(metaStyle), children: [example.sourceFileName, " \u00B7 learned ", example.learnedLabel] }), onOpenExample && (jsxRuntime.jsx(Button, { variant: "outline", size: "sm", className: sx(openButtonStyle), onClick: () => onOpenExample(example.id), "data-test": "off-fleet-open-example", children: "Open" }))] }), jsxRuntime.jsxs("div", { className: sx(pairStyle), children: [jsxRuntime.jsxs("div", { className: sx(pairSideStyle), children: [jsxRuntime.jsx("h2", { className: sx(pairTitleStyle), children: "Raw text" }), jsxRuntime.jsx("pre", { className: sx(codeStyle), "data-test": "off-fleet-example-raw", children: example.rawText })] }), jsxRuntime.jsxs("div", { className: sx(pairSideStyle), children: [jsxRuntime.jsx("h2", { className: sx(pairTitleStyle), children: "Corrected JSON" }), jsxRuntime.jsx("pre", { className: sx(codeStyle), "data-test": "off-fleet-example-json", children: example.correctedJson })] })] })] }, example.id))) }))] }));
 OffFleetLearnedExamplesPage.displayName = 'OffFleetLearnedExamplesPage';
 
 /**
@@ -37977,7 +39037,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',
@@ -38001,7 +39061,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,
@@ -38140,7 +39200,7 @@ const OffFleetReviewQueuePage = ({ submissions, counts, onReview, onOpenRawText,
             render: (_value, submission) => (jsxRuntime.jsx(Button, { size: "sm", onClick: () => onReview?.(submission.id), "data-test": "off-fleet-review", children: "Review" })),
         },
     ];
-    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$a), className), "data-test": "off-fleet-review-queue-page", children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$9), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$6), children: "Review queue" }), jsxRuntime.jsx("p", { className: sx(descriptionStyle$2), children: OFF_FLEET_QUEUE_DESCRIPTION })] }), jsxRuntime.jsxs("div", { className: sx(statsStyle), "data-test": "off-fleet-stats", children: [jsxRuntime.jsx(Metric, { label: "Needs review", value: tally['needs-review'] }), jsxRuntime.jsx(Metric, { label: "Received", value: tally.received }), jsxRuntime.jsx(Metric, { label: "Processing", value: tally.processing }), jsxRuntime.jsx(Metric, { label: "Parsed", value: tally.parsed }), jsxRuntime.jsx(Metric, { label: "All submissions", value: tally.all })] }), jsxRuntime.jsx(Table, { columns: columns, data: submissions, rowKey: "id", loading: loading, emptyContent: jsxRuntime.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 (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$b), className), "data-test": "off-fleet-review-queue-page", children: [jsxRuntime.jsxs("header", { className: sx(headerStyle$9), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$6), children: "Review queue" }), jsxRuntime.jsx("p", { className: sx(descriptionStyle$3), children: OFF_FLEET_QUEUE_DESCRIPTION })] }), jsxRuntime.jsxs("div", { className: sx(statsStyle), "data-test": "off-fleet-stats", children: [jsxRuntime.jsx(Metric, { label: "Needs review", value: tally['needs-review'] }), jsxRuntime.jsx(Metric, { label: "Received", value: tally.received }), jsxRuntime.jsx(Metric, { label: "Processing", value: tally.processing }), jsxRuntime.jsx(Metric, { label: "Parsed", value: tally.parsed }), jsxRuntime.jsx(Metric, { label: "All submissions", value: tally.all })] }), jsxRuntime.jsx(Table, { columns: columns, data: submissions, rowKey: "id", loading: loading, emptyContent: jsxRuntime.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';
 
@@ -38153,7 +39213,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',
@@ -38508,12 +39568,155 @@ const OffFleetSubmissionDetailPage = ({ submissionId, fileName, statusLabel = 'N
         target?.querySelector('input')?.focus();
     };
     const blocked = Boolean(blockedReason);
-    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$9), className), "data-test": "off-fleet-submission-detail-page", children: [jsxRuntime.jsxs("div", { className: sx(topRowStyle), children: [onBack && (jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$2), leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "off-fleet-detail-back", children: backLabel })), jsxRuntime.jsx(StatusBadge, { status: "in-review", label: statusLabel })] }), jsxRuntime.jsxs("header", { className: sx(headerStyle$8), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$5), children: fileName }), jsxRuntime.jsx("p", { className: sx(subtitleStyle$2), children: submissionId })] }), jsxRuntime.jsx(Alert, { variant: "warning", title: "Why this needs review", children: jsxRuntime.jsx("span", { className: sx(reasonStyle), "data-test": "off-fleet-detail-reason", children: failureReason }) }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Source document", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$2), children: "Source document" }), jsxRuntime.jsx("p", { className: sx(sectionHelpStyle$1), children: "Text the parser actually read \u2014 OCR damage included." }), jsxRuntime.jsx("pre", { className: sx(rawTextStyle), "data-test": "off-fleet-raw-text", children: rawText })] }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Submission", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$2), children: "Submission" }), jsxRuntime.jsxs("dl", { className: sx(factsStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "File name" }), jsxRuntime.jsx("dd", { children: fileName })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Carrier" }), jsxRuntime.jsx("dd", { children: carrier })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Carrier Union" }), jsxRuntime.jsx("dd", { className: sx(monoStyle), children: carrierUnion })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Flight Program" }), jsxRuntime.jsx("dd", { className: sx(monoStyle), children: flightProgram })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Received" }), jsxRuntime.jsx("dd", { children: receivedAt })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Updated" }), jsxRuntime.jsx("dd", { children: updatedAt })] })] })] }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Segments", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$2), children: "Segments" }), jsxRuntime.jsxs("p", { className: sx(sectionHelpStyle$1), children: [charterSegmentCount, " charter segment(s) on this Flight Program"] }), jsxRuntime.jsx(Accordion, { defaultOpen: false, header: jsxRuntime.jsxs("span", { className: sx(accordionHeaderStyle), children: ["Trip segments available for matching (", charterSegmentCount, ")"] }), children: jsxRuntime.jsx("div", { className: sx(tableScrollStyle), children: jsxRuntime.jsxs("table", { className: sx(segmentTableStyle), "data-test": "off-fleet-segments", children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { scope: "col", children: "Departs" }), jsxRuntime.jsx("th", { scope: "col", children: "Route" }), jsxRuntime.jsx("th", { scope: "col", children: "Trip" })] }) }), jsxRuntime.jsx("tbody", { children: tripSegments.map((segment) => (jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("td", { children: segment.departs }), jsxRuntime.jsxs("td", { children: [segment.origin, " \u2192 ", segment.destination] }), jsxRuntime.jsx("td", { className: sx(monoStyle), children: segment.tripGuid })] }, segment.id))) })] }) }) })] }), extractionJson && (jsxRuntime.jsx("section", { className: sx(sectionStyle$2), "aria-label": "Extraction JSON", children: jsxRuntime.jsx(Accordion, { defaultOpen: false, header: jsxRuntime.jsx("span", { className: sx(accordionHeaderStyle), children: "Extraction JSON as stored" }), children: jsxRuntime.jsx("pre", { className: sx(rawTextStyle), "data-test": "off-fleet-extraction-json", children: extractionJson }) }) })), jsxRuntime.jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Quote header", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$2), children: "Quote header" }), jsxRuntime.jsx("p", { className: sx(sectionHelpStyle$1), children: "Fields the parser maps onto the Salesforce Flight Quote. Blank means null." }), jsxRuntime.jsxs("div", { className: sx(headerGridStyle), children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] })] }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Flight legs", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$2), children: "Flight legs" }), jsxRuntime.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." }), jsxRuntime.jsx("ol", { className: sx(legsStyle$1), children: legs.map((leg, index) => (jsxRuntime.jsxs("li", { className: sx(legStyle$1), ref: (node) => {
+    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$a), className), "data-test": "off-fleet-submission-detail-page", children: [jsxRuntime.jsxs("div", { className: sx(topRowStyle), children: [onBack && (jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$2), leftIcon: jsxRuntime.jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "off-fleet-detail-back", children: backLabel })), jsxRuntime.jsx(StatusBadge, { status: "in-review", label: statusLabel })] }), jsxRuntime.jsxs("header", { className: sx(headerStyle$8), children: [jsxRuntime.jsx("h1", { className: sx(titleStyle$5), children: fileName }), jsxRuntime.jsx("p", { className: sx(subtitleStyle$2), children: submissionId })] }), jsxRuntime.jsx(Alert, { variant: "warning", title: "Why this needs review", children: jsxRuntime.jsx("span", { className: sx(reasonStyle), "data-test": "off-fleet-detail-reason", children: failureReason }) }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Source document", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$2), children: "Source document" }), jsxRuntime.jsx("p", { className: sx(sectionHelpStyle$1), children: "Text the parser actually read \u2014 OCR damage included." }), jsxRuntime.jsx("pre", { className: sx(rawTextStyle), "data-test": "off-fleet-raw-text", children: rawText })] }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Submission", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$2), children: "Submission" }), jsxRuntime.jsxs("dl", { className: sx(factsStyle), children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "File name" }), jsxRuntime.jsx("dd", { children: fileName })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Carrier" }), jsxRuntime.jsx("dd", { children: carrier })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Carrier Union" }), jsxRuntime.jsx("dd", { className: sx(monoStyle), children: carrierUnion })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Flight Program" }), jsxRuntime.jsx("dd", { className: sx(monoStyle), children: flightProgram })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Received" }), jsxRuntime.jsx("dd", { children: receivedAt })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("dt", { children: "Updated" }), jsxRuntime.jsx("dd", { children: updatedAt })] })] })] }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Segments", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$2), children: "Segments" }), jsxRuntime.jsxs("p", { className: sx(sectionHelpStyle$1), children: [charterSegmentCount, " charter segment(s) on this Flight Program"] }), jsxRuntime.jsx(Accordion, { defaultOpen: false, header: jsxRuntime.jsxs("span", { className: sx(accordionHeaderStyle), children: ["Trip segments available for matching (", charterSegmentCount, ")"] }), children: jsxRuntime.jsx("div", { className: sx(tableScrollStyle), children: jsxRuntime.jsxs("table", { className: sx(segmentTableStyle), "data-test": "off-fleet-segments", children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { scope: "col", children: "Departs" }), jsxRuntime.jsx("th", { scope: "col", children: "Route" }), jsxRuntime.jsx("th", { scope: "col", children: "Trip" })] }) }), jsxRuntime.jsx("tbody", { children: tripSegments.map((segment) => (jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("td", { children: segment.departs }), jsxRuntime.jsxs("td", { children: [segment.origin, " \u2192 ", segment.destination] }), jsxRuntime.jsx("td", { className: sx(monoStyle), children: segment.tripGuid })] }, segment.id))) })] }) }) })] }), extractionJson && (jsxRuntime.jsx("section", { className: sx(sectionStyle$2), "aria-label": "Extraction JSON", children: jsxRuntime.jsx(Accordion, { defaultOpen: false, header: jsxRuntime.jsx("span", { className: sx(accordionHeaderStyle), children: "Extraction JSON as stored" }), children: jsxRuntime.jsx("pre", { className: sx(rawTextStyle), "data-test": "off-fleet-extraction-json", children: extractionJson }) }) })), jsxRuntime.jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Quote header", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$2), children: "Quote header" }), jsxRuntime.jsx("p", { className: sx(sectionHelpStyle$1), children: "Fields the parser maps onto the Salesforce Flight Quote. Blank means null." }), jsxRuntime.jsxs("div", { className: sx(headerGridStyle), children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] })] }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Flight legs", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$2), children: "Flight legs" }), jsxRuntime.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." }), jsxRuntime.jsx("ol", { className: sx(legsStyle$1), children: legs.map((leg, index) => (jsxRuntime.jsxs("li", { className: sx(legStyle$1), ref: (node) => {
                                 legRefs.current[leg.id] = node;
                             }, "data-test": "off-fleet-leg", children: [jsxRuntime.jsxs("div", { className: sx(legHeaderStyle), children: [jsxRuntime.jsxs("span", { className: sx(legIndexStyle), children: ["Leg ", index + 1] }), jsxRuntime.jsx(StatusBadge, { status: MATCH_BADGES[leg.match].status, label: MATCH_BADGES[leg.match].label }), jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: sx(removeLegStyle), onClick: () => removeLeg(leg.id), "data-test": "off-fleet-remove-leg", children: "Remove leg" })] }), jsxRuntime.jsxs("div", { className: sx(legGridStyle), children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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))) }), jsxRuntime.jsx(Button, { variant: "outline", size: "sm", onClick: addLeg, "data-test": "off-fleet-add-leg", children: "Add leg" })] }), jsxRuntime.jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Ambiguity flag", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$2), children: "Ambiguity flag" }), jsxRuntime.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 && (jsxRuntime.jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Pre-flight check", children: [jsxRuntime.jsx("h2", { className: sx(sectionTitleStyle$2), children: "Pre-flight check" }), jsxRuntime.jsx("div", { className: sx(tableScrollStyle), children: jsxRuntime.jsxs("table", { className: sx(preflightTableStyle), "data-test": "off-fleet-preflight", children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { scope: "col", children: "Leg" }), jsxRuntime.jsx("th", { scope: "col", children: "As stated" }), jsxRuntime.jsx("th", { scope: "col", children: "Per leg after normalization" })] }) }), jsxRuntime.jsx("tbody", { children: preflight.rows.map((row) => (jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { scope: "row", children: row.leg }), jsxRuntime.jsx("td", { children: row.asStated }), jsxRuntime.jsx("td", { children: row.perLegAfterNormalization })] }, row.leg))) }), jsxRuntime.jsx("tfoot", { children: jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("th", { scope: "row", children: "Total" }), jsxRuntime.jsx("td", {}), jsxRuntime.jsx("td", { "data-test": "off-fleet-preflight-total", children: preflight.total })] }) })] }) }), jsxRuntime.jsxs("p", { className: sx(unmatchedStyle), "data-test": "off-fleet-unmatched-count", children: [preflight.unmatchedCount, " of ", preflight.legCount, " leg(s) unmatched"] }), jsxRuntime.jsx("ul", { className: sx(groupingsStyle), "data-test": "off-fleet-trip-groupings", children: preflight.tripGroupings.map((grouping) => (jsxRuntime.jsxs("li", { className: sx(groupingStyle), children: [jsxRuntime.jsx("span", { className: sx(monoStyle), children: grouping.tripGuid }), jsxRuntime.jsxs("span", { children: [grouping.legCount, " leg(s) \u00B7 ", grouping.total] })] }, grouping.tripGuid))) }), jsxRuntime.jsx("p", { className: sx(consequenceStyle), children: "Each total becomes one QuoteLineItem against a new Flight Quote for that Trip." }), preflight.diagnostics?.map((diagnostic) => (jsxRuntime.jsxs("div", { className: sx(diagnosticStyle), children: [jsxRuntime.jsx("p", { className: sx(diagnosticMessageStyle), "data-test": "off-fleet-diagnostic", children: diagnostic.message }), jsxRuntime.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) => (jsxRuntime.jsx(Alert, { variant: "warning", children: jsxRuntime.jsx("span", { className: sx(reasonStyle), "data-test": "off-fleet-warning", children: warning }) }, warning)))] })), jsxRuntime.jsxs("div", { className: sx(actionsStyle), children: [jsxRuntime.jsx(Button, { disabled: blocked, onClick: () => onCheckCorrection?.({ quoteHeader, legs, ambiguityReason }), "data-test": "off-fleet-check-correction", children: "Check correction" }), jsxRuntime.jsx(Button, { variant: "secondary", disabled: blocked, onClick: onReprocess, "data-test": "off-fleet-reprocess", children: "Reprocess submission" }), blockedReason && (jsxRuntime.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 = React.useId();
+    const [intakeOpen, setIntakeOpen] = React.useState(false);
+    const [resolvingId, setResolvingId] = React.useState(null);
+    const [needsAckOnly, setNeedsAckOnly] = React.useState(defaultNeedsAcknowledgementOnly);
+    const ordered = React.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 (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$9), className), "data-test": "operations-response-center-page", "data-view": "archive", children: [jsxRuntime.jsx(PageHeaderSubsection, { sectionName: PAGE_TITLE, pageName: "Archive", meta: jsxRuntime.jsx("p", { className: sx(descriptionStyle$2), children: "Resolved incidents, newest first. Read-only." }), onBack: onBack, backLabel: "Back to Alert Log" }), jsxRuntime.jsx(Card, { padding: "md", className: sx(archiveSurfaceStyle), children: jsxRuntime.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) => (jsxRuntime.jsx(IncidentIntakeForm, { accounts: accounts, defaultLoggingDivision: defaultLoggingDivision, onLoggingDivisionChange: onLoggingDivisionChange, onCancel: inDrawer ? () => setIntakeOpen(false) : undefined, onSubmit: (draft) => {
+            onCreateIncident?.(draft);
+            if (inDrawer)
+                setIntakeOpen(false);
+        } }));
+    return (jsxRuntime.jsxs("div", { className: cx(sx(pageStyle$9), className), "data-test": "operations-response-center-page", "data-view": "log", children: [jsxRuntime.jsx(PageHeader, { title: PAGE_TITLE, after: jsxRuntime.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." }) }), jsxRuntime.jsx("div", { className: sx(mobileOnlyStyle), children: jsxRuntime.jsx(Button, { size: "lg", fullWidth: true, leftIcon: jsxRuntime.jsx(PlusIcon$2, { size: 20 }), onClick: () => setIntakeOpen(true), "data-test": "operations-response-center-new-incident", children: "New incident" }) }), jsxRuntime.jsxs("div", { className: sx(panelsStyle), children: [jsxRuntime.jsx("section", { className: sx(intakePanelStyle), "aria-label": "New incident panel", children: jsxRuntime.jsx(Module, { title: jsxRuntime.jsx("h2", { className: sx(panelTitleStyle), children: "New incident" }), useToggle: false, children: intakeForm(false) }) }), jsxRuntime.jsx("section", { className: sx(logPanelStyle), "aria-label": "Alert Log panel", children: jsxRuntime.jsxs(Module, { title: jsxRuntime.jsx("h2", { className: sx(panelTitleStyle), children: "Alert Log" }), badge: ordered.length || undefined, useToggle: false, footer: jsxRuntime.jsx(Button, { variant: "secondary", fullWidth: true, onClick: onSeeAll, "data-test": "operations-response-center-see-all", children: "See All" }), children: [(overdueCount > 0 || needsAckOnly) && (jsxRuntime.jsx("div", { className: sx(feedToolbarStyle), children: jsxRuntime.jsxs("button", { type: "button", className: sx(filterChipStyle), "aria-pressed": needsAckOnly, onClick: () => setNeedsAckOnly((on) => !on), "data-test": "operations-response-center-needs-ack-filter", children: [jsxRuntime.jsx(WarningIcon$1, { size: 14, "aria-hidden": "true" }), "Needs acknowledgement (", overdueCount, ")"] }) })), shown.length === 0 ? (needsAckOnly ? (jsxRuntime.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." })) : (jsxRuntime.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." }))) : (jsxRuntime.jsx("ul", { className: sx(feedStyle), "aria-label": "Open incidents", "data-test": "operations-response-center-feed", children: shown.map((incident) => (jsxRuntime.jsx("li", { children: jsxRuntime.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))) }))] }) })] }), jsxRuntime.jsxs(Drawer, { isOpen: intakeOpen, onClose: () => setIntakeOpen(false), position: "right", size: "full", "aria-labelledby": drawerTitleId, children: [jsxRuntime.jsx(Drawer.Header, { children: jsxRuntime.jsx("h2", { id: drawerTitleId, className: sx(panelTitleStyle), children: "New incident" }) }), jsxRuntime.jsx(Drawer.Body, { children: intakeForm(true) })] }), jsxRuntime.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',
@@ -39779,6 +40982,7 @@ TripDetailPage.displayName = 'TripDetailPage';
 exports.ACMI_AIRCRAFT_OPTIONS = ACMI_AIRCRAFT_OPTIONS;
 exports.ACMI_CARRIER_OPTIONS = ACMI_CARRIER_OPTIONS;
 exports.ACMI_INSURANCE_FLAT = ACMI_INSURANCE_FLAT;
+exports.ARCHIVE_PAGE_SIZE = ARCHIVE_PAGE_SIZE;
 exports.AccentCard = AccentCard;
 exports.Accordion = Accordion;
 exports.AcmiQuoteCalculator = AcmiQuoteCalculator;
@@ -39837,6 +41041,10 @@ exports.ContactCard = ContactCard$1;
 exports.ContactList = ContactList;
 exports.ContactUsPage = ContactUsPage;
 exports.CubeIcon = CubeIcon;
+exports.DEFAULT_INCIDENT_TIME_ZONE = DEFAULT_INCIDENT_TIME_ZONE;
+exports.DEFAULT_STALE_AFTER_MINUTES = DEFAULT_STALE_AFTER_MINUTES;
+exports.DIVISIONS = DIVISIONS;
+exports.DIVISION_LABELS = DIVISION_LABELS;
 exports.DOCUMENT_FILE_EXTENSIONS = DOCUMENT_FILE_EXTENSIONS;
 exports.DashboardIcon = DashboardIcon;
 exports.DashboardPage = DashboardPage;
@@ -39884,6 +41092,10 @@ exports.HubAppShell = HubAppShell;
 exports.Icon = Icon;
 exports.IconRevealLink = IconRevealLink;
 exports.Icons = Icons;
+exports.IncidentArchiveTable = IncidentArchiveTable;
+exports.IncidentCard = IncidentCard;
+exports.IncidentIntakeForm = IncidentIntakeForm;
+exports.IncidentNotes = IncidentNotes;
 exports.IndividualTravelPage = IndividualTravelPage;
 exports.IndividualTravelRequestDetailPage = IndividualTravelRequestDetailPage;
 exports.IndividualTravelRequestFormPage = IndividualTravelRequestFormPage;
@@ -39924,6 +41136,8 @@ exports.OFF_FLEET_QUEUE_DESCRIPTION = OFF_FLEET_QUEUE_DESCRIPTION;
 exports.OffFleetLearnedExamplesPage = OffFleetLearnedExamplesPage;
 exports.OffFleetReviewQueuePage = OffFleetReviewQueuePage;
 exports.OffFleetSubmissionDetailPage = OffFleetSubmissionDetailPage;
+exports.OperationsResponseCenterPage = OperationsResponseCenterPage;
+exports.PRIORITY_LABELS = PRIORITY_LABELS;
 exports.PageBanners = PageBanners;
 exports.PageHeader = PageHeader;
 exports.PageHeaderSubsection = PageHeaderSubsection;
@@ -39941,6 +41155,8 @@ exports.ProgressCircle = ProgressCircle;
 exports.QuoteCostBreakdown = QuoteCostBreakdown;
 exports.QuoteReviewActions = QuoteReviewActions;
 exports.REGULAR_SEASON_BID_TYPES = REGULAR_SEASON_BID_TYPES;
+exports.RESOLUTION_LABELS = RESOLUTION_LABELS;
+exports.ROUTE_STATUS_LABELS = ROUTE_STATUS_LABELS;
 exports.RailIcon = RailIcon;
 exports.RefreshIcon = RefreshIcon;
 exports.RegularSeasonBidsPage = RegularSeasonBidsPage;
@@ -39951,6 +41167,7 @@ exports.RequestFormHeader = RequestFormHeader;
 exports.RequestFormLayout = RequestFormLayout;
 exports.RequestServiceLink = RequestServiceLink;
 exports.RequestSummary = RequestSummary;
+exports.ResolveIncidentDialog = ResolveIncidentDialog;
 exports.ResultCount = ResultCount;
 exports.RosterProgramNumbersPage = RosterProgramNumbersPage;
 exports.RosterReportsPage = RosterReportsPage;
@@ -39979,6 +41196,8 @@ exports.StatusBadge = StatusBadge;
 exports.SummarySection = SummarySection;
 exports.SupplierTypeToggle = SupplierTypeToggle;
 exports.TRIP_MONTH_OPTIONS = TRIP_MONTH_OPTIONS;
+exports.TRIP_TYPES = TRIP_TYPES;
+exports.TRIP_TYPE_LABELS = TRIP_TYPE_LABELS;
 exports.TabPanelStack = TabPanelStack;
 exports.TabStrip = TabStrip;
 exports.Table = Table;
@@ -40032,6 +41251,9 @@ exports.WarningIcon = WarningIcon$1;
 exports.XIcon = XIcon;
 exports.absoluteFill = absoluteFill;
 exports.accentColors = accentColors;
+exports.addNoteToIncident = addNoteToIncident;
+exports.addTripTypeToIncident = addTripTypeToIncident;
+exports.addableTripTypes = addableTripTypes;
 exports.alertBandTokens = alertBandTokens;
 exports.alertTokens = alertTokens;
 exports.boxShadow = boxShadow;
@@ -40039,6 +41261,8 @@ exports.brandColors = brandColors;
 exports.breakpoints = breakpoints;
 exports.buildPaginationItems = buildPaginationItems;
 exports.buttonReset = buttonReset;
+exports.canRemoveTripType = canRemoveTripType;
+exports.completeRoute = completeRoute;
 exports.computeLineItemTotal = computeLineItemTotal;
 exports.computeQuoteTotals = computeQuoteTotals;
 exports.computeTravelTypeCodes = computeTravelTypeCodes;
@@ -40047,6 +41271,7 @@ exports.cx = cx;
 exports.darkTheme = darkTheme;
 exports.defaultTheme = lightTheme;
 exports.deriveProgramBidStatus = deriveProgramBidStatus;
+exports.divisionsForTripTypes = divisionsForTripTypes;
 exports.flexCenter = flexCenter;
 exports.flexCol = flexCol;
 exports.flexRow = flexRow;
@@ -40054,7 +41279,10 @@ exports.font = font;
 exports.fontFamily = fontFamily;
 exports.fontSize = fontSize;
 exports.fontWeight = fontWeight;
+exports.formatClockTime = formatClockTime;
 exports.formatCompactTripCost = formatCompactTripCost;
+exports.formatElapsed = formatElapsed;
+exports.formatIncidentDate = formatIncidentDate;
 exports.formatItineraryDate = formatItineraryDate;
 exports.formatItineraryDateRange = formatItineraryDateRange;
 exports.formatItineraryMoney = formatItineraryMoney;
@@ -40072,8 +41300,11 @@ exports.iconNames = iconNames;
 exports.iconRegistry = iconRegistry;
 exports.injectGlobal = injectGlobal;
 exports.isExpiringSoon = isExpiringSoon;
+exports.isIncidentOverdue = isIncidentOverdue;
 exports.isProgramBiddable = isProgramBiddable;
 exports.isQuoteActionable = isQuoteActionable;
+exports.isReadyToResolve = isReadyToResolve;
+exports.isRouteOverdue = isRouteOverdue;
 exports.isSportCodeGroup = isSportCodeGroup;
 exports.isTravelDueDateCompleted = isTravelDueDateCompleted;
 exports.isTravelDueDateOverdue = isTravelDueDateOverdue;
@@ -40082,21 +41313,29 @@ exports.leading = leading;
 exports.lightTheme = lightTheme;
 exports.lineClamp = lineClamp;
 exports.lineHeight = lineHeight;
+exports.markRouteReceived = markRouteReceived;
 exports.matchesQuoteSearch = matchesQuoteSearch;
 exports.merge = merge;
 exports.moveTeamTravelCalendarPeriod = moveTeamTravelCalendarPeriod;
 exports.navyColors = navyColors;
 exports.neutralColors = neutralColors;
+exports.orderAlertLog = orderAlertLog;
 exports.ordinalDay = ordinalDay;
+exports.overdueRoutes = overdueRoutes;
 exports.parseClockTime = parseClockTime;
 exports.parseItineraryDate = parseItineraryDate;
 exports.primaryColors = primaryColors;
 exports.radius = radius;
+exports.removeTripTypeFromIncident = removeTripTypeFromIncident;
+exports.renotifyRoute = renotifyRoute;
 exports.rounded = rounded;
+exports.routeProgress = routeProgress;
+exports.routeStatus = routeStatus;
 exports.semanticColors = semanticColors;
 exports.shadow = shadow;
 exports.sharedColumnWidth = sharedColumnWidth;
 exports.size = size;
+exports.sortTripTypes = sortTripTypes;
 exports.space = space;
 exports.spacing = spacing;
 exports.sportCodeVariant = sportCodeVariant;
@@ -40108,11 +41347,15 @@ exports.tabStripTabId = tabStripTabId;
 exports.teamColors = teamColors;
 exports.textColors = textColors;
 exports.tintColors = tintColors;
+exports.toIncidentDateKey = toIncidentDateKey;
 exports.toInlineStyle = toInlineStyle;
+exports.toTelHref = toTelHref;
 exports.trans = trans;
 exports.transition = transition;
+exports.tripTypeDivision = tripTypeDivision;
 exports.truncate = truncate$1;
 exports.useSharedColumnWidth = useSharedColumnWidth;
 exports.useTheme = useTheme;
+exports.validateIncidentIntake = validateIncidentIntake;
 exports.weight = weight;
 //# sourceMappingURL=index.js.map