@shortstravelmgmt/component-lib 0.3.0 → 0.3.1-canary.76.g68c014d

package/dist/index.esm.js

@@ -1078,7 +1078,7 @@ const iconStyle$h = {
 const bodyStyle$d = {
     label: 'Alert-bodyStyle', flex: 1, minWidth: 0
 };
-const titleStyle$H = {
+const titleStyle$I = {
     label: 'Alert-titleStyle',
     color: 'var(--alert-ink)',
     fontWeight: 'var(--font-weight-semibold)',
@@ -1147,7 +1147,7 @@ const variantIcons = {
  */
 const Alert = ({ variant = 'primary', title, children, dismissible = false, onDismiss, className = '', }) => {
     const IconComponent = variantIcons[variant];
-    return (jsx("div", { className: cx(sx(alertStyle$5), sx(variantStyles$8[variant]), className), role: "alert", children: jsxs("div", { className: sx(contentStyle$e), children: [jsx(IconComponent, { className: sx(iconStyle$h), size: 20 }), jsxs("div", { className: sx(bodyStyle$d), children: [title && jsx("h4", { className: sx(titleStyle$H), children: title }), jsx("div", { className: sx(messageStyle$3), children: children })] }), dismissible && onDismiss && (jsx("button", { type: "button", onClick: onDismiss, className: sx(dismissButtonStyle), "aria-label": "Dismiss alert", children: jsx(CloseIcon, { size: 16 }) }))] }) }));
+    return (jsx("div", { className: cx(sx(alertStyle$5), sx(variantStyles$8[variant]), className), role: "alert", children: jsxs("div", { className: sx(contentStyle$e), children: [jsx(IconComponent, { className: sx(iconStyle$h), size: 20 }), jsxs("div", { className: sx(bodyStyle$d), children: [title && jsx("h4", { className: sx(titleStyle$I), children: title }), jsx("div", { className: sx(messageStyle$3), children: children })] }), dismissible && onDismiss && (jsx("button", { type: "button", onClick: onDismiss, className: sx(dismissButtonStyle), "aria-label": "Dismiss alert", children: jsx(CloseIcon, { size: 16 }) }))] }) }));
 };
 
 const avatarSizeStyles = {
@@ -2840,7 +2840,7 @@ const textareaSizeStyles = {
  * The focus rules below restate the ring the base focus rules already set —
  * they did in the sheet too, and they are carried across unchanged.
  */
-const errorStyle$4 = {
+const errorStyle$5 = {
     label: 'Input-errorStyle',
     '&&&': {
         borderColor: 'var(--color-danger-accent)',
@@ -2982,7 +2982,7 @@ const Input = forwardRef(({ size = 'md', sizing = 'fixed', label, helperText, er
     const inputWrapperClasses = cx(sx(inputWrapperStyle$3), 
     // 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$7));
+    sx(sizeStyles$8[size]), paddedClasses(sizing, size), error && sx(errorStyle$5), disabled && sx(disabledStyle$7));
     return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: inputId, className: sx(labelStyle$g), children: label })), jsxs("div", { className: inputWrapperClasses, children: [leftIcon && jsx("span", { className: sx(iconStyle$d), children: leftIcon }), jsx("input", { ref: ref, id: inputId, className: sx(inputStyle$5), disabled: disabled, "aria-invalid": !!error, "aria-describedby": error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined, ...props }), rightIcon && jsx("span", { className: sx(iconStyle$d), children: rightIcon })] }), error && (jsx("span", { id: `${inputId}-error`, className: sx(errorTextStyle$4), children: error })), helperText && !error && (jsx("span", { id: `${inputId}-helper`, className: sx(helperTextStyle$4), children: helperText }))] }));
 });
 Input.displayName = 'Input';
@@ -2998,7 +2998,7 @@ const Textarea = forwardRef(({ size = 'md', sizing = 'fixed', label, helperText,
     sx(textareaSizeStyles[size]), paddedClasses(sizing, size), 
     // `.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$7));
+    sizing === 'padded' && sx(textareaPaddedSizeStyles[size]), error && sx(errorStyle$5), disabled && sx(disabledStyle$7));
     return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: textareaId, className: sx(labelStyle$g), children: label })), jsx("textarea", { ref: ref, id: textareaId, className: textareaClasses, disabled: disabled, rows: rows, "aria-invalid": !!error, "aria-describedby": error ? `${textareaId}-error` : helperText ? `${textareaId}-helper` : undefined, ...props }), error && (jsx("span", { id: `${textareaId}-error`, className: sx(errorTextStyle$4), children: error })), helperText && !error && (jsx("span", { id: `${textareaId}-helper`, className: sx(helperTextStyle$4), children: helperText }))] }));
 });
 Textarea.displayName = 'Textarea';
@@ -3246,7 +3246,7 @@ const chevron$1 = `.${sx(chevronStyle$6)}`;
  * `.selectWrapper:focus-within`, which is rewritten below as `&&:focus-within`
  * (0,3,0) so it still clears the plain `&&` error border.
  */
-const errorStyle$3 = {
+const errorStyle$4 = {
     label: 'Select-errorStyle',
     '&&': { borderColor: 'var(--color-red-500)' },
     '&&&:focus-within': {
@@ -3254,7 +3254,7 @@ const errorStyle$3 = {
         boxShadow: '0 0 0 2px var(--color-accent-ink), 0 0 0 5px var(--color-accent-glow)',
     },
 };
-const error = `.${sx(errorStyle$3)}`;
+const error = `.${sx(errorStyle$4)}`;
 /**
  * `&&` for the wrapper's own background/cursor, which beat `.selectWrapper` on
  * source order; `&& .select` (0,3,0) for the inner colour, which had to clear
@@ -3418,7 +3418,7 @@ const Select = forwardRef(({ options, optionGroups, size = 'md', label, placehol
      * their padded sizes separately, so Input's objects are not this
      * component's. The prop is the shared contract; the rules are local.
      */
-    const selectWrapperClasses = cx(sx(selectWrapperStyle), sx(sizeStyles$7[size]), sizing === 'padded' && cx(sx(paddedStyle), sx(paddedSizeStyles[size])), error && sx(errorStyle$3), disabled && sx(disabledStyle$6), Boolean(leftIcon) && sx(hasLeftIconStyle));
+    const selectWrapperClasses = cx(sx(selectWrapperStyle), sx(sizeStyles$7[size]), sizing === 'padded' && cx(sx(paddedStyle), sx(paddedSizeStyles[size])), error && sx(errorStyle$4), disabled && sx(disabledStyle$6), Boolean(leftIcon) && sx(hasLeftIconStyle));
     const renderOptions = () => {
         // Render grouped options
         if (optionGroups && optionGroups.length > 0) {
@@ -3731,7 +3731,7 @@ const inputStyle$4 = {
  * `.inputWrapper:focus-within` on specificity and won on source order — here it
  * has to out-rank that rule's own `&&&:focus-within` (0,4,0) outright.
  */
-const errorStyle$2 = {
+const errorStyle$3 = {
     label: 'Timepicker-errorStyle',
     '&&': {
         borderColor: 'var(--color-red-500)',
@@ -3781,7 +3781,7 @@ const inputWrapperStyle$2 = {
         borderColor: 'var(--color-primary-500)',
         boxShadow: '0 0 0 2px var(--color-accent-ink), 0 0 0 5px var(--color-accent-glow)',
     },
-    [`&&&&:hover:not(.${sx(disabledStyle$5)}):not(.${sx(errorStyle$2)})`]: {
+    [`&&&&:hover:not(.${sx(disabledStyle$5)}):not(.${sx(errorStyle$3)})`]: {
         borderColor: 'var(--color-gray-400)',
     },
 };
@@ -3826,7 +3826,7 @@ const Timepicker = forwardRef(({ size = 'md', label, helperText, error, fullWidt
     const helperId = `${inputId}-helper`;
     const errorId = `${inputId}-error`;
     const wrapperClasses = cx(sx(wrapperStyle$6), fullWidth ? sx(fullWidthStyle$1) : '', className);
-    const inputWrapperClasses = cx(sx(inputWrapperStyle$2), sx(sizeStyles$5[size]), error ? sx(errorStyle$2) : '', disabled ? sx(disabledStyle$5) : '');
+    const inputWrapperClasses = cx(sx(inputWrapperStyle$2), sx(sizeStyles$5[size]), error ? sx(errorStyle$3) : '', disabled ? sx(disabledStyle$5) : '');
     return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: inputId, className: sx(labelStyle$d), children: label })), jsxs("div", { className: inputWrapperClasses, children: [jsx("span", { className: sx(iconStyle$c), children: jsx(ClockIcon$1, {}) }), jsx("input", { ref: ref, type: "time", id: inputId, className: sx(inputStyle$4), disabled: disabled, "aria-invalid": !!error, "aria-describedby": [error ? errorId : null, helperText ? helperId : null]
                             .filter(Boolean)
                             .join(' ') || undefined, ...props })] }), error && (jsx("span", { id: errorId, className: sx(errorTextStyle$2), children: error })), helperText && !error && (jsx("span", { id: helperId, className: sx(helperTextStyle$2), children: helperText }))] }));
@@ -3834,7 +3834,7 @@ const Timepicker = forwardRef(({ size = 'md', label, helperText, error, fullWidt
 Timepicker.displayName = 'Timepicker';
 
 /** The page heading: display face, tightened tracking, and no default margin. */
-const titleStyle$G = {
+const titleStyle$H = {
     label: 'Title-titleStyle',
     fontFamily: 'var(--font-family-display)',
     fontSize: 36,
@@ -3861,7 +3861,7 @@ const weightStyles = {
  * Large, prominent text for page titles.
  */
 const Title = ({ children, weight = 'light', className = '', }) => {
-    return (jsx("h1", { className: cx(sx(titleStyle$G), sx(weightStyles[weight]), className), children: children }));
+    return (jsx("h1", { className: cx(sx(titleStyle$H), sx(weightStyles[weight]), className), children: children }));
 };
 Title.displayName = 'Title';
 
@@ -4718,11 +4718,11 @@ const identityStyle$2 = {
     display: 'flex',
     flexDirection: 'column',
 };
-const nameStyle$6 = {
+const nameStyle$7 = {
     label: 'ContactCard-nameStyle',
     fontWeight: 600,
 };
-const titleStyle$F = {
+const titleStyle$G = {
     label: 'ContactCard-titleStyle',
     fontSize: 12,
     color: 'var(--color-slate, #5c5c5c)',
@@ -4752,7 +4752,7 @@ const linkTextStyle = {
 const ContactCard$1 = ({ name, title, phone, email, action, showAvatar = true, className = '', }) => {
     if (!action && !name)
         return null;
-    return (jsxs("div", { className: cx(sx(contactStyle$1), className), children: [name && showAvatar && jsx(Avatar, { name: name, size: 36 }), jsxs("div", { className: sx(bodyStyle$b), children: [jsxs("div", { className: sx(identityStyle$2), children: [action || jsx("span", { className: sx(nameStyle$6), children: name }), title && jsx("span", { className: sx(titleStyle$F), children: title })] }), phone && (jsxs("a", { href: `tel:${phone}`, className: sx(linkStyle$1), children: [jsx(PhoneIcon, { size: 16, "aria-hidden": "true" }), jsx("span", { className: sx(linkTextStyle), children: phone })] })), email && (jsxs("a", { href: `mailto:${email}`, className: sx(linkStyle$1), children: [jsx(MailIcon, { size: 16, "aria-hidden": "true" }), jsx("span", { className: sx(linkTextStyle), children: email })] }))] })] }));
+    return (jsxs("div", { className: cx(sx(contactStyle$1), className), children: [name && showAvatar && jsx(Avatar, { name: name, size: 36 }), jsxs("div", { className: sx(bodyStyle$b), children: [jsxs("div", { className: sx(identityStyle$2), children: [action || jsx("span", { className: sx(nameStyle$7), children: name }), title && jsx("span", { className: sx(titleStyle$G), children: title })] }), phone && (jsxs("a", { href: `tel:${phone}`, className: sx(linkStyle$1), children: [jsx(PhoneIcon, { size: 16, "aria-hidden": "true" }), jsx("span", { className: sx(linkTextStyle), children: phone })] })), email && (jsxs("a", { href: `mailto:${email}`, className: sx(linkStyle$1), children: [jsx(MailIcon, { size: 16, "aria-hidden": "true" }), jsx("span", { className: sx(linkTextStyle), children: email })] }))] })] }));
 };
 ContactCard$1.displayName = 'ContactCard';
 
@@ -5072,7 +5072,7 @@ const iconStyle$a = {
     backgroundColor: 'var(--bg-subtle)',
     color: 'var(--fg-4)',
 };
-const titleStyle$E = {
+const titleStyle$F = {
     label: 'EmptyState-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -5088,7 +5088,7 @@ const descriptionStyle$a = {
     fontSize: 'var(--fs-sm)',
     lineHeight: 'var(--lh-sm)',
 };
-const actionsStyle$d = {
+const actionsStyle$e = {
     label: 'EmptyState-actionsStyle',
     display: 'flex',
     flexWrap: 'wrap',
@@ -5098,7 +5098,7 @@ const actionsStyle$d = {
 };
 
 /** Placeholder shown when a list, table, or panel has nothing to display. */
-const EmptyState$1 = ({ title, description, icon, actionLabel, onAction, secondaryActionLabel, onSecondaryAction, size = 'md', children, className = '', }) => (jsxs("div", { className: cx(sx(emptyStateStyle$1), sx(sizeStyles$4[size]), className), "data-test": "empty-state", children: [icon && jsx("div", { className: sx(iconStyle$a), "aria-hidden": "true", children: icon }), jsx("p", { className: sx(titleStyle$E), children: title }), description && jsx("p", { className: sx(descriptionStyle$a), children: description }), (actionLabel || secondaryActionLabel) && (jsxs("div", { className: sx(actionsStyle$d), children: [actionLabel && (jsx(Button, { size: "sm", onClick: onAction, "data-test": "empty-state-action", children: actionLabel })), secondaryActionLabel && (jsx(Button, { size: "sm", variant: "secondary", onClick: onSecondaryAction, "data-test": "empty-state-secondary-action", children: secondaryActionLabel }))] })), children] }));
+const EmptyState$1 = ({ title, description, icon, actionLabel, onAction, secondaryActionLabel, onSecondaryAction, size = 'md', children, className = '', }) => (jsxs("div", { className: cx(sx(emptyStateStyle$1), sx(sizeStyles$4[size]), className), "data-test": "empty-state", children: [icon && jsx("div", { className: sx(iconStyle$a), "aria-hidden": "true", children: icon }), jsx("p", { className: sx(titleStyle$F), children: title }), description && jsx("p", { className: sx(descriptionStyle$a), children: description }), (actionLabel || secondaryActionLabel) && (jsxs("div", { className: sx(actionsStyle$e), children: [actionLabel && (jsx(Button, { size: "sm", onClick: onAction, "data-test": "empty-state-action", children: actionLabel })), secondaryActionLabel && (jsx(Button, { size: "sm", variant: "secondary", onClick: onSecondaryAction, "data-test": "empty-state-secondary-action", children: secondaryActionLabel }))] })), children] }));
 
 /** FieldLayout's compiled rules. */
 const fieldStyle$4 = {
@@ -5178,11 +5178,11 @@ const messageStyle$2 = {
     label: 'FieldLayout-messageStyle', fontSize: 12
 };
 /** Paired with `messageStyle`, which sets no colour — no ranking to preserve. */
-const errorStyle$1 = {
+const errorStyle$2 = {
     label: 'FieldLayout-errorStyle',
     color: 'var(--color-error, #940000)',
 };
-const noteStyle$2 = {
+const noteStyle$3 = {
     label: 'FieldLayout-noteStyle',
     color: 'var(--color-stone, #787878)',
 };
@@ -5200,7 +5200,7 @@ const FieldLayout = ({ children, label, labelPosition = 'top', showLabel = true,
     const id = useId();
     const errorId = `${id}-error`;
     const hasError = Boolean(error);
-    return (jsxs("div", { className: cx(sx(fieldStyle$4), sx(labelPositionStyles[labelPosition]), className), children: [label && showLabel && (jsxs("label", { htmlFor: id, className: cx(sx(labelStyle$b), hasError ? sx(labelErrorStyle) : ''), children: [label, required && !disabled && (jsx("span", { className: sx(requiredStyle$2), "aria-hidden": "true", children: "*" })), tooltip && (jsx(Tooltip, { className: sx(tooltipStyle$1), content: tooltip, children: jsx(InfoIcon$1, { size: 16 }) }))] })), jsxs("div", { className: sx(controlStyle$2), children: [leftIcon && !disabled && (jsx("span", { className: cx(sx(iconStyle$9), sx(iconLeftStyle)), "aria-hidden": "true", children: leftIcon })), children({ id, describedBy: hasError ? errorId : undefined, hasError }), rightIcon && !disabled && (jsx("span", { className: cx(sx(iconStyle$9), sx(iconRightStyle)), "aria-hidden": "true", children: rightIcon }))] }), hasError && (jsx("p", { id: errorId, className: cx(sx(messageStyle$2), sx(errorStyle$1)), children: error })), note && jsx("p", { className: cx(sx(messageStyle$2), sx(noteStyle$2)), children: note })] }));
+    return (jsxs("div", { className: cx(sx(fieldStyle$4), sx(labelPositionStyles[labelPosition]), className), children: [label && showLabel && (jsxs("label", { htmlFor: id, className: cx(sx(labelStyle$b), hasError ? sx(labelErrorStyle) : ''), children: [label, required && !disabled && (jsx("span", { className: sx(requiredStyle$2), "aria-hidden": "true", children: "*" })), tooltip && (jsx(Tooltip, { className: sx(tooltipStyle$1), content: tooltip, children: jsx(InfoIcon$1, { size: 16 }) }))] })), jsxs("div", { className: sx(controlStyle$2), children: [leftIcon && !disabled && (jsx("span", { className: cx(sx(iconStyle$9), sx(iconLeftStyle)), "aria-hidden": "true", children: leftIcon })), children({ id, describedBy: hasError ? errorId : undefined, hasError }), rightIcon && !disabled && (jsx("span", { className: cx(sx(iconStyle$9), sx(iconRightStyle)), "aria-hidden": "true", children: rightIcon }))] }), hasError && (jsx("p", { id: errorId, className: cx(sx(messageStyle$2), sx(errorStyle$2)), children: error })), note && jsx("p", { className: cx(sx(messageStyle$2), sx(noteStyle$3)), children: note })] }));
 };
 FieldLayout.displayName = 'FieldLayout';
 
@@ -5731,7 +5731,7 @@ const iconStyle$8 = {
         display: 'flex',
     },
 };
-const titleStyle$D = {
+const titleStyle$E = {
     label: 'FormSection-titleStyle',
     margin: 0,
     fontSize: 16,
@@ -5798,7 +5798,7 @@ const statusStyles = {
 const FormSection = ({ title, icon, description, action, status, disabled = false, children, className, id, dataTest, }) => {
     const isSubmitted = status === 'submitted';
     const isDisabled = disabled || isSubmitted;
-    return (jsxs("div", { className: cx(sx(sectionStyle$a), className), id: id, "data-test": dataTest, children: [jsxs("div", { className: sx(headerStyle$J), children: [icon && jsx("span", { className: sx(iconStyle$8), children: icon }), jsxs("div", { className: sx(headingStyle$5), children: [jsx("h2", { className: sx(titleStyle$D), children: title }), description && jsx("p", { className: sx(descriptionStyle$9), children: description })] }), action && jsx("div", { className: sx(actionStyle$1), children: action })] }), jsxs("fieldset", { disabled: isDisabled, className: cx(sx(fieldsetStyle), isDisabled && sx(disabledStyle$4)), children: [status && (jsxs("div", { className: sx(statusStyle$6), children: [jsx("span", { className: sx(statusLabelStyle), children: "Status:" }), jsx("span", { className: cx(sx(statusValueStyle), sx(statusStyles[status])), children: status === 'submitted' ? 'Submitted' : status === 'draft' ? 'Draft' : 'Not Submitted' })] })), children] })] }));
+    return (jsxs("div", { className: cx(sx(sectionStyle$a), className), id: id, "data-test": dataTest, children: [jsxs("div", { className: sx(headerStyle$J), children: [icon && jsx("span", { className: sx(iconStyle$8), children: icon }), jsxs("div", { className: sx(headingStyle$5), children: [jsx("h2", { className: sx(titleStyle$E), children: title }), description && jsx("p", { className: sx(descriptionStyle$9), children: description })] }), action && jsx("div", { className: sx(actionStyle$1), children: action })] }), jsxs("fieldset", { disabled: isDisabled, className: cx(sx(fieldsetStyle), isDisabled && sx(disabledStyle$4)), children: [status && (jsxs("div", { className: sx(statusStyle$6), children: [jsx("span", { className: sx(statusLabelStyle), children: "Status:" }), jsx("span", { className: cx(sx(statusValueStyle), sx(statusStyles[status])), children: status === 'submitted' ? 'Submitted' : status === 'draft' ? 'Draft' : 'Not Submitted' })] })), children] })] }));
 };
 FormSection.displayName = 'FormSection';
 
@@ -5946,7 +5946,7 @@ const lockedActiveStyle = {
  * and the tab picks one, which is exactly what the cascade resolved to and
  * needs no ordering between the rules to hold.
  */
-const countStyle = {
+const countStyle$1 = {
     label: 'ManifestViewToggle-countStyle',
     fontSize: 11,
     fontWeight: 'var(--fw-bold)',
@@ -5973,7 +5973,7 @@ const ManifestViewToggle = ({ view, onView, paxCount, eqCount, locked, className
             // Locked reads before active, matching the descendant rules the
             // stylesheet ordered the same way.
             const countState = locked ? 'locked' : active ? 'active' : 'default';
-            return (jsxs("button", { type: "button", role: "tab", "aria-selected": active, onClick: () => onView(tab.key), className: cx(sx(tabStyle$3), active && sx(activeStyle), locked && sx(lockedStyle$1), locked && active && sx(lockedActiveStyle)), children: [jsx(Icon, { size: 16 }), tab.label, jsx("span", { className: cx(sx(countStyle), sx(countColorStyles[countState])), children: tab.count })] }, tab.key));
+            return (jsxs("button", { type: "button", role: "tab", "aria-selected": active, onClick: () => onView(tab.key), className: cx(sx(tabStyle$3), active && sx(activeStyle), locked && sx(lockedStyle$1), locked && active && sx(lockedActiveStyle)), children: [jsx(Icon, { size: 16 }), tab.label, jsx("span", { className: cx(sx(countStyle$1), sx(countColorStyles[countState])), children: tab.count })] }, tab.key));
         }) }));
 };
 
@@ -6906,7 +6906,7 @@ const pretitleStyle$1 = {
     color: 'var(--color-slate, #5c5c5c)',
     margin: 0,
 };
-const titleStyle$C = {
+const titleStyle$D = {
     label: 'PageHeader-titleStyle',
     fontSize: 36,
     lineHeight: '48px',
@@ -6926,7 +6926,7 @@ const titleStyle$C = {
  * The header keeps its height while `title` is empty and fades in once one
  * arrives, so pages do not jump as their data loads.
  */
-const PageHeader = ({ title, pretitle, after, back, className = '', }) => (jsxs("div", { className: cx(sx(headerStyle$I), !title && sx(emptyStyle$m), className), children: [back, jsx("div", { className: sx(bodyStyle$a), children: jsxs("div", { className: sx(textStyle), children: [pretitle && jsx("h2", { className: sx(pretitleStyle$1), children: pretitle }), jsxs("h1", { className: sx(titleStyle$C), children: [title, "\u00A0"] }), after] }) })] }));
+const PageHeader = ({ title, pretitle, after, back, className = '', }) => (jsxs("div", { className: cx(sx(headerStyle$I), !title && sx(emptyStyle$m), className), children: [back, jsx("div", { className: sx(bodyStyle$a), children: jsxs("div", { className: sx(textStyle), children: [pretitle && jsx("h2", { className: sx(pretitleStyle$1), children: pretitle }), jsxs("h1", { className: sx(titleStyle$D), children: [title, "\u00A0"] }), after] }) })] }));
 PageHeader.displayName = 'PageHeader';
 
 /**
@@ -6982,7 +6982,7 @@ const sectionStyle$9 = {
     fontWeight: 400,
     lineHeight: '28px',
 };
-const titleStyle$B = {
+const titleStyle$C = {
     label: 'PageHeaderSubsection-titleStyle',
     gridArea: 'title',
     margin: 0,
@@ -6999,7 +6999,7 @@ const metaStyle$1 = {
     minWidth: 0,
     marginTop: 4,
 };
-const actionsStyle$c = {
+const actionsStyle$d = {
     label: 'PageHeaderSubsection-actionsStyle',
     gridArea: 'actions',
     display: 'flex',
@@ -7019,7 +7019,7 @@ const PageHeaderSubsection = ({ sectionName, pageName, meta, onBack, backLabel =
         else
             window.history.back();
     };
-    return (jsxs("div", { className: cx(sx(headerStyle$H), className), "data-test": "page-header-subsection", children: [jsxs("div", { className: sx(sectionRowStyle), children: [!hideBack && (jsx("button", { type: "button", className: sx(backButtonStyle$1), onClick: handleBack, "aria-label": backLabel, "data-test": "page-header-subsection-back", children: jsx(BackIcon$1, {}) })), jsx("p", { className: sx(sectionStyle$9), children: sectionName })] }), jsx("h1", { className: sx(titleStyle$B), children: pageName }), meta && jsx("div", { className: sx(metaStyle$1), children: meta }), actions && jsx("div", { className: sx(actionsStyle$c), children: actions })] }));
+    return (jsxs("div", { className: cx(sx(headerStyle$H), className), "data-test": "page-header-subsection", children: [jsxs("div", { className: sx(sectionRowStyle), children: [!hideBack && (jsx("button", { type: "button", className: sx(backButtonStyle$1), onClick: handleBack, "aria-label": backLabel, "data-test": "page-header-subsection-back", children: jsx(BackIcon$1, {}) })), jsx("p", { className: sx(sectionStyle$9), children: sectionName })] }), jsx("h1", { className: sx(titleStyle$C), children: pageName }), meta && jsx("div", { className: sx(metaStyle$1), children: meta }), actions && jsx("div", { className: sx(actionsStyle$d), children: actions })] }));
 };
 PageHeaderSubsection.displayName = 'PageHeaderSubsection';
 
@@ -7117,7 +7117,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"])': {
@@ -7200,7 +7200,7 @@ const Pagination = ({ page, pageSize, totalItems, siblingCount = 1, pageSizeOpti
             return;
         onPageChange?.(next);
     };
-    return (jsxs("nav", { className: cx(sx(paginationStyle$3), className), "aria-label": ariaLabel, "data-test": "pagination", children: [!hideSummary && (jsxs("p", { className: sx(summaryStyle$6), "data-test": "pagination-summary", children: ["Showing ", firstItem, "\u2013", lastItem, " of ", totalItems, " ", itemLabel] })), jsxs("div", { className: sx(controlsStyle), children: [showSizeSelector && (jsxs("label", { className: sx(pageSizeStyle), children: [jsx("span", { children: "Rows per page" }), jsx("select", { value: pageSize, onChange: (event) => onPageSizeChange?.(Number(event.target.value)), "data-test": "pagination-page-size", children: pageSizeOptions.map((option) => (jsx("option", { value: option, children: option }, option))) })] })), jsxs("ul", { className: sx(pagesStyle), children: [jsx("li", { children: jsx("button", { type: "button", className: sx(stepStyle), onClick: () => goTo(currentPage - 1), disabled: currentPage <= 1, "aria-label": "Previous page", "data-test": "pagination-previous", children: jsx(ChevronLeftIcon, { size: 16 }) }) }), items.map((item, index) => item === 'ellipsis' ? (jsx("li", { className: sx(ellipsisStyle), "aria-hidden": "true", children: "\u2026" }, `ellipsis-${index}`)) : (jsx("li", { children: jsx("button", { type: "button", className: cx(sx(pageStyle$u), item === currentPage && sx(currentStyle)), onClick: () => goTo(item), "aria-label": `Page ${item}`, "aria-current": item === currentPage ? 'page' : undefined, "data-test": `pagination-page-${item}`, children: item }) }, item))), jsx("li", { children: jsx("button", { type: "button", className: sx(stepStyle), onClick: () => goTo(currentPage + 1), disabled: currentPage >= pageCount, "aria-label": "Next page", "data-test": "pagination-next", children: jsx(ChevronRightIcon$1, { size: 16 }) }) })] })] })] }));
+    return (jsxs("nav", { className: cx(sx(paginationStyle$3), className), "aria-label": ariaLabel, "data-test": "pagination", children: [!hideSummary && (jsxs("p", { className: sx(summaryStyle$6), "data-test": "pagination-summary", children: ["Showing ", firstItem, "\u2013", lastItem, " of ", totalItems, " ", itemLabel] })), jsxs("div", { className: sx(controlsStyle), children: [showSizeSelector && (jsxs("label", { className: sx(pageSizeStyle), children: [jsx("span", { children: "Rows per page" }), jsx("select", { value: pageSize, onChange: (event) => onPageSizeChange?.(Number(event.target.value)), "data-test": "pagination-page-size", children: pageSizeOptions.map((option) => (jsx("option", { value: option, children: option }, option))) })] })), jsxs("ul", { className: sx(pagesStyle), children: [jsx("li", { children: jsx("button", { type: "button", className: sx(stepStyle), onClick: () => goTo(currentPage - 1), disabled: currentPage <= 1, "aria-label": "Previous page", "data-test": "pagination-previous", children: jsx(ChevronLeftIcon, { size: 16 }) }) }), items.map((item, index) => item === 'ellipsis' ? (jsx("li", { className: sx(ellipsisStyle), "aria-hidden": "true", children: "\u2026" }, `ellipsis-${index}`)) : (jsx("li", { children: jsx("button", { type: "button", className: cx(sx(pageStyle$v), item === currentPage && sx(currentStyle)), onClick: () => goTo(item), "aria-label": `Page ${item}`, "aria-current": item === currentPage ? 'page' : undefined, "data-test": `pagination-page-${item}`, children: item }) }, item))), jsx("li", { children: jsx("button", { type: "button", className: sx(stepStyle), onClick: () => goTo(currentPage + 1), disabled: currentPage >= pageCount, "aria-label": "Next page", "data-test": "pagination-next", children: jsx(ChevronRightIcon$1, { size: 16 }) }) })] })] })] }));
 };
 
 /* Progress Bar */
@@ -7371,7 +7371,7 @@ ResultCount.displayName = 'ResultCount';
  * - `@keyframes spin` was scoped by the module; injected at runtime it is
  *   global, so it is namespaced `stm-spin` and the `animation` value follows.
  */
-const toolbarStyle$4 = {
+const toolbarStyle$5 = {
     label: 'RosterToolbar-toolbarStyle',
     display: 'flex',
     alignItems: 'center',
@@ -7550,7 +7550,7 @@ const DropdownButton = ({ label, icon, options, }) => {
  * RosterToolbar - Toolbar for roster management with import/export/save actions
  */
 const RosterToolbar = ({ importOptions, exportOptions, lockToggle, saveButton, additionalActions, searchField, className = '', }) => {
-    const toolbarClasses = cx(sx(toolbarStyle$4), className);
+    const toolbarClasses = cx(sx(toolbarStyle$5), className);
     return (jsxs("div", { className: toolbarClasses, children: [jsxs("div", { className: sx(leftSectionStyle), children: [searchField, additionalActions] }), jsxs("div", { className: sx(rightSectionStyle), children: [importOptions && importOptions.length > 0 && (jsx(DropdownButton, { label: "Import", icon: jsx(ImportIcon, {}), options: importOptions })), exportOptions && exportOptions.length > 0 && (jsx(DropdownButton, { label: "Export", icon: jsx(ExportIcon$1, {}), options: exportOptions })), lockToggle && (jsxs("button", { type: "button", className: cx(sx(lockButtonStyle), lockToggle.isLocked && sx(lockedStyle)), onClick: () => lockToggle.onToggle(!lockToggle.isLocked), disabled: lockToggle.disabled, "aria-label": lockToggle.isLocked ? 'Unlock roster' : 'Lock roster', children: [lockToggle.isLocked ? jsx(LockIcon, {}) : jsx(UnlockIcon, {}), jsx("span", { children: lockToggle.isLocked ? 'Locked' : 'Unlocked' })] })), saveButton && (jsxs("button", { type: "button", className: sx(saveButtonStyle), onClick: saveButton.onClick, disabled: saveButton.disabled || saveButton.loading, children: [saveButton.loading ? jsx(SpinnerIcon, {}) : jsx(SaveIcon, {}), jsx("span", { children: saveButton.label || 'Save' })] }))] })] }));
 };
 RosterToolbar.displayName = 'RosterToolbar';
@@ -7667,7 +7667,7 @@ const SearchField = forwardRef(({ placeholder = 'Search...', value, defaultValue
 SearchField.displayName = 'SearchField';
 
 /** The form's own vertical rhythm. */
-const formStyle$5 = {
+const formStyle$6 = {
     label: 'SchoolContactForm-formStyle',
     display: 'grid',
     gap: 16,
@@ -7726,7 +7726,7 @@ const phoneFieldsStyle = {
  * Layout for Hub's school-contact editor. Field controls stay injectable so
  * consuming applications retain their form state, validation, and masking.
  */
-const SchoolContactForm = ({ mode, createFromPortalUser, firstNameField, middleInitialField, lastNameField, businessPhoneField, cellPhoneField, emailField, className = '', }) => (jsxs("div", { className: cx(sx(formStyle$5), className), children: [mode === 'Add' && (jsxs(Fragment, { children: [jsxs("div", { children: [jsx("label", { className: sx(portalLabelStyle), children: "Create From Portal User" }), createFromPortalUser] }), jsx("div", { className: sx(dividerStyle$2), children: jsx("strong", { children: "OR" }) }), jsx("p", { className: sx(newContactLabelStyle), children: "Create New Contact Without Portal Access" })] })), jsxs("div", { className: sx(nameFieldsStyle), children: [firstNameField, middleInitialField, lastNameField] }), jsxs("div", { className: sx(phoneFieldsStyle), children: [businessPhoneField, cellPhoneField] }), jsx("div", { children: emailField })] }));
+const SchoolContactForm = ({ mode, createFromPortalUser, firstNameField, middleInitialField, lastNameField, businessPhoneField, cellPhoneField, emailField, className = '', }) => (jsxs("div", { className: cx(sx(formStyle$6), className), children: [mode === 'Add' && (jsxs(Fragment, { children: [jsxs("div", { children: [jsx("label", { className: sx(portalLabelStyle), children: "Create From Portal User" }), createFromPortalUser] }), jsx("div", { className: sx(dividerStyle$2), children: jsx("strong", { children: "OR" }) }), jsx("p", { className: sx(newContactLabelStyle), children: "Create New Contact Without Portal Access" })] })), jsxs("div", { className: sx(nameFieldsStyle), children: [firstNameField, middleInitialField, lastNameField] }), jsxs("div", { className: sx(phoneFieldsStyle), children: [businessPhoneField, cellPhoneField] }), jsx("div", { children: emailField })] }));
 
 const segmentStyle$2 = {
     label: 'Segment-segmentStyle',
@@ -7955,7 +7955,7 @@ const activeTabStyle$1 = {
     },
 };
 /* Actions */
-const actionsStyle$b = {
+const actionsStyle$c = {
     label: 'SelectFilter-actionsStyle',
     display: 'flex',
     gap: 8,
@@ -8119,7 +8119,7 @@ const SelectFilter = ({ label, options = [], groupedOptions = {}, value = [], on
         }
         return `${selected.length} selected`;
     };
-    return (jsxs("div", { ref: dropdownRef, className: cx(sx(containerStyle$4), className), children: [jsxs("button", { type: "button", className: cx(sx(triggerStyle$1), disabled ? sx(disabledStyle) : '', isOpen ? sx(openStyle$2) : ''), onClick: () => !disabled && setIsOpen(!isOpen), children: [jsx("span", { className: cx(sx(triggerTextStyle), selectedValues.length === 0 ? sx(placeholderStyle) : ''), children: getDisplayText() }), jsx("span", { className: sx(chevronStyle$3), children: jsx(ChevronIcon$1, {}) })] }), isOpen && (jsxs("div", { className: sx(dropdownStyle$1), style: { width }, children: [grouped && tabs.length > 0 && (jsx("div", { className: sx(tabsStyle$8), children: tabs.map(tab => (jsx("button", { type: "button", className: cx(sx(tabStyle$2), activeTab === tab ? sx(activeTabStyle$1) : ''), onClick: () => setActiveTab(tab), children: tab.charAt(0).toUpperCase() + tab.slice(1) }, tab))) })), multiselect && (jsxs("div", { className: sx(actionsStyle$b), children: [jsx("button", { type: "button", className: sx(actionBtnStyle), onClick: handleSelectAll, children: "Select All" }), jsx("button", { type: "button", className: sx(actionBtnStyle), onClick: handleClear, children: "Clear" })] })), jsx("div", { className: sx(optionsStyle), children: currentOptions.map(option => (jsxs("div", { className: cx(sx(optionStyle), selectedValues.includes(option.value) ? sx(selectedStyle$3) : ''), onClick: () => handleSelect(option.value), children: [multiselect && (jsx("span", { className: sx(checkboxStyle$1), children: selectedValues.includes(option.value) && jsx(CheckIcon, {}) })), jsx("span", { className: sx(optionLabelStyle), children: option.label })] }, option.value))) }), multiselect && (jsx("div", { className: sx(footerStyle$d), children: jsx("button", { type: "button", className: sx(applyBtnStyle), onClick: () => setIsOpen(false), children: "Apply" }) }))] }))] }));
+    return (jsxs("div", { ref: dropdownRef, className: cx(sx(containerStyle$4), className), children: [jsxs("button", { type: "button", className: cx(sx(triggerStyle$1), disabled ? sx(disabledStyle) : '', isOpen ? sx(openStyle$2) : ''), onClick: () => !disabled && setIsOpen(!isOpen), children: [jsx("span", { className: cx(sx(triggerTextStyle), selectedValues.length === 0 ? sx(placeholderStyle) : ''), children: getDisplayText() }), jsx("span", { className: sx(chevronStyle$3), children: jsx(ChevronIcon$1, {}) })] }), isOpen && (jsxs("div", { className: sx(dropdownStyle$1), style: { width }, children: [grouped && tabs.length > 0 && (jsx("div", { className: sx(tabsStyle$8), children: tabs.map(tab => (jsx("button", { type: "button", className: cx(sx(tabStyle$2), activeTab === tab ? sx(activeTabStyle$1) : ''), onClick: () => setActiveTab(tab), children: tab.charAt(0).toUpperCase() + tab.slice(1) }, tab))) })), multiselect && (jsxs("div", { className: sx(actionsStyle$c), children: [jsx("button", { type: "button", className: sx(actionBtnStyle), onClick: handleSelectAll, children: "Select All" }), jsx("button", { type: "button", className: sx(actionBtnStyle), onClick: handleClear, children: "Clear" })] })), jsx("div", { className: sx(optionsStyle), children: currentOptions.map(option => (jsxs("div", { className: cx(sx(optionStyle), selectedValues.includes(option.value) ? sx(selectedStyle$3) : ''), onClick: () => handleSelect(option.value), children: [multiselect && (jsx("span", { className: sx(checkboxStyle$1), children: selectedValues.includes(option.value) && jsx(CheckIcon, {}) })), jsx("span", { className: sx(optionLabelStyle), children: option.label })] }, option.value))) }), multiselect && (jsx("div", { className: sx(footerStyle$d), children: jsx("button", { type: "button", className: sx(applyBtnStyle), onClick: () => setIsOpen(false), children: "Apply" }) }))] }))] }));
 };
 SelectFilter.displayName = 'SelectFilter';
 
@@ -8621,7 +8621,7 @@ const toggleRowStyle = {
     '& [data-team-picker-only]': { opacity: 0 },
     '&:hover [data-team-picker-only], &:focus-within [data-team-picker-only]': { opacity: 1 },
 };
-const nameStyle$5 = {
+const nameStyle$6 = {
     label: 'TeamPicker-nameStyle',
     flex: 1,
     // `&&`: see rootStyle — the name is a span, which host heading rules target.
@@ -8662,7 +8662,7 @@ const TeamPicker = ({ groups, groupOrder, activeGroup, onGroupChange, mode = 'si
     const row = (team) => {
         const chosen = selected.includes(team.code);
         if (!multiple) {
-            return (jsxs("button", { type: "button", className: [sx(pickRowStyle), chosen && sx(pickedStyle)].filter(Boolean).join(' '), "aria-label": `${team.name} (${team.code})`, "aria-pressed": chosen || undefined, onClick: () => onSelect?.(team.code), "data-testid": "team-picker-option", children: [jsx(SportCodeBadge, { code: team.code }), jsx("span", { className: sx(nameStyle$5), children: team.name })] }, team.code));
+            return (jsxs("button", { type: "button", className: [sx(pickRowStyle), chosen && sx(pickedStyle)].filter(Boolean).join(' '), "aria-label": `${team.name} (${team.code})`, "aria-pressed": chosen || undefined, onClick: () => onSelect?.(team.code), "data-testid": "team-picker-option", children: [jsx(SportCodeBadge, { code: team.code }), jsx("span", { className: sx(nameStyle$6), children: team.name })] }, team.code));
         }
         return (jsxs("div", { className: sx(toggleRowStyle), 
             // A click anywhere on the row toggles the team, except on the checkbox
@@ -8672,7 +8672,7 @@ const TeamPicker = ({ groups, groupOrder, activeGroup, onGroupChange, mode = 'si
                 if (event.target.closest('input, label'))
                     return;
                 onToggle?.(team.code);
-            }, "data-testid": "team-picker-option", children: [jsx(Checkbox, { size: "sm", checked: chosen, onChange: () => onToggle?.(team.code), "aria-label": `${team.name} (${team.code})` }), jsx(SportCodeBadge, { code: team.code }), " ", jsx("span", { className: sx(nameStyle$5), children: team.name }), onOnly && (jsx(Button, { type: "button", variant: "secondary", size: "sm", "data-team-picker-only": "", onClick: (event) => {
+            }, "data-testid": "team-picker-option", children: [jsx(Checkbox, { size: "sm", checked: chosen, onChange: () => onToggle?.(team.code), "aria-label": `${team.name} (${team.code})` }), jsx(SportCodeBadge, { code: team.code }), " ", jsx("span", { className: sx(nameStyle$6), children: team.name }), onOnly && (jsx(Button, { type: "button", variant: "secondary", size: "sm", "data-team-picker-only": "", onClick: (event) => {
                         event.stopPropagation();
                         onOnly(team.code);
                     }, children: "Only" }))] }, team.code));
@@ -8728,7 +8728,7 @@ const identityStyle$1 = {
         gap: 12,
     },
 };
-const codeStyle$3 = {
+const codeStyle$4 = {
     label: 'TeamCalendarHeader-codeStyle',
     background: '#fff',
     borderRadius: 12,
@@ -8739,7 +8739,7 @@ const codeStyle$3 = {
         fontWeight: 400,
     },
 };
-const nameStyle$4 = {
+const nameStyle$5 = {
     label: 'TeamCalendarHeader-nameStyle',
     color: 'var(--color-slate, #5c5c5c)',
     fontSize: 20,
@@ -8765,7 +8765,7 @@ const contentStyle$8 = {
  * It sticks to the top of its column so the team stays identifiable while the
  * schedule scrolls.
  */
-const TeamCalendarHeader = ({ teamCode, teamFullName, children, className = '', }) => (jsxs("div", { className: cx(sx(headerStyle$G), className), children: [jsx("div", { className: sx(rowStyle$7), children: jsxs("div", { className: sx(identityStyle$1), children: [jsx("div", { className: sx(codeStyle$3), children: teamCode }), teamFullName && jsx("span", { className: sx(nameStyle$4), children: teamFullName })] }) }), jsx("div", { className: sx(contentStyle$8), children: children })] }));
+const TeamCalendarHeader = ({ teamCode, teamFullName, children, className = '', }) => (jsxs("div", { className: cx(sx(headerStyle$G), className), children: [jsx("div", { className: sx(rowStyle$7), children: jsxs("div", { className: sx(identityStyle$1), children: [jsx("div", { className: sx(codeStyle$4), children: teamCode }), teamFullName && jsx("span", { className: sx(nameStyle$5), children: teamFullName })] }) }), jsx("div", { className: sx(contentStyle$8), children: children })] }));
 TeamCalendarHeader.displayName = 'TeamCalendarHeader';
 
 /**
@@ -8835,7 +8835,7 @@ const pretitleStyle = {
     fontSize: 20,
     lineHeight: '32px',
 };
-const titleStyle$A = {
+const titleStyle$B = {
     label: 'TeamHeader-titleStyle',
     margin: 0,
     overflowWrap: 'anywhere',
@@ -8848,7 +8848,7 @@ const titleStyle$A = {
         lineHeight: '52px',
     },
 };
-const actionsStyle$a = {
+const actionsStyle$b = {
     label: 'TeamHeader-actionsStyle',
     display: 'flex',
     alignItems: 'center',
@@ -8873,7 +8873,7 @@ const TeamHeader = ({ title: suppliedTitle, teamCode, teamName, pretitle = 'Team
             window.location.href = backHref;
         }
     };
-    return (jsxs("div", { className: headerClasses, "data-test": "team-header", children: [jsxs("div", { className: sx(leftStyle$1), children: [(backHref || onBack) && (jsx("button", { type: "button", className: sx(backButtonStyle), onClick: handleBack, "aria-label": "Go back", "data-test": "team-header-back", children: jsx(BackIcon, {}) })), jsxs("div", { className: sx(titlesStyle), children: [pretitle && jsx("span", { className: sx(pretitleStyle), children: pretitle }), jsxs("h1", { className: sx(titleStyle$A), children: [title, "\u00A0"] })] })] }), actions && (jsx("div", { className: sx(actionsStyle$a), children: actions }))] }));
+    return (jsxs("div", { className: headerClasses, "data-test": "team-header", children: [jsxs("div", { className: sx(leftStyle$1), children: [(backHref || onBack) && (jsx("button", { type: "button", className: sx(backButtonStyle), onClick: handleBack, "aria-label": "Go back", "data-test": "team-header-back", children: jsx(BackIcon, {}) })), jsxs("div", { className: sx(titlesStyle), children: [pretitle && jsx("span", { className: sx(pretitleStyle), children: pretitle }), jsxs("h1", { className: sx(titleStyle$B), children: [title, "\u00A0"] })] })] }), actions && (jsx("div", { className: sx(actionsStyle$b), children: actions }))] }));
 };
 const DEFAULT_TABS$1 = [
     { id: 'profile', label: 'Profile' },
@@ -9226,7 +9226,7 @@ const legErrorStyle = {
     color: 'var(--color-error)',
     fontSize: 'var(--fs-sm)',
 };
-const actionsStyle$9 = {
+const actionsStyle$a = {
     label: 'AcmiQuoteCalculator-actionsStyle',
     display: 'flex',
     flexWrap: 'wrap',
@@ -9467,7 +9467,7 @@ const AcmiQuoteCalculator = ({ carrierOptions = ACMI_CARRIER_OPTIONS, aircraftOp
     return (jsxs("div", { className: cx(sx(calculatorStyle$1), className), "data-test": "acmi-quote-calculator", children: [showErrors && errorList.length > 0 && (jsx(Alert, { variant: "error", title: "Fix these before calculating", children: jsx("ul", { className: sx(errorSummaryStyle$1), "data-test": "acmi-error-summary", children: errorList.map(([field, message]) => (jsx("li", { children: message }, field))) }) })), calculationError && (jsx(Alert, { variant: "error", title: "Quote could not be calculated", children: jsx("p", { className: sx(alertMessageStyle), "data-test": "acmi-calculation-error", children: calculationError }) })), jsxs("div", { className: sx(columnsStyle), children: [jsxs("section", { className: sx(panelStyle$6), "aria-label": "Quote configuration", children: [jsx("h3", { className: sx(panelTitleStyle), children: "Quote Configuration" }), jsx(Select, { id: "acmi-carrier", label: "Carrier", placeholder: "Select Carrier\u2026", options: carrierOptions, value: inputs.carrier, error: showErrors ? errors.carrier : undefined, onChange: (event) => updateCarrier(event.target.value), "data-test": "acmi-carrier" }), jsx(Select, { id: "acmi-aircraft", label: "Aircraft Type", placeholder: "Select Aircraft\u2026", options: availableAircraftOptions, value: inputs.aircraft, disabled: !inputs.carrier, error: showErrors ? errors.aircraft : undefined, onChange: (event) => update('aircraft', event.target.value), "data-test": "acmi-aircraft" }), jsx(Input, { id: "acmi-passengers", type: "number", label: "Number of Passengers", placeholder: "Enter passenger count", helperText: seatHint, value: inputs.passengers, error: showErrors ? errors.passengers : undefined, onChange: (event) => update('passengers', event.target.value), "data-test": "acmi-passengers" }), jsx(Input, { id: "acmi-fuel-price", type: "number", step: "0.01", label: "Fuel Price ($/gallon)", placeholder: "e.g. 5.50", value: inputs.fuelPrice, error: showErrors ? errors.fuelPrice : undefined, onChange: (event) => update('fuelPrice', event.target.value), "data-test": "acmi-fuel-price" }), jsx(Input, { id: "acmi-markup", type: "number", step: "0.1", label: "Markup %", helperText: "Standard is 7% \u2014 adjustable as needed", value: inputs.markupPercent, onChange: (event) => update('markupPercent', event.target.value), "data-test": "acmi-markup" }), jsx(Input, { id: "acmi-insurance", label: "Insurance (Flat Fee)", helperText: `${currency.format(insuranceFlat)} per trip (locked)`, value: currency.format(insuranceFlat), readOnly: true, disabled: true, "data-test": "acmi-insurance" }), jsx(Input, { id: "acmi-crew-nights", type: "number", label: "Crew Nights (RON)", helperText: "Number of nights crew stays away from base", value: inputs.crewNights, onChange: (event) => update('crewNights', event.target.value), "data-test": "acmi-crew-nights" }), showTripMonth && (jsx(Select, { id: "acmi-trip-month", label: "Trip Month (for Historic Winds)", options: TRIP_MONTH_OPTIONS, helperText: "Use this only when the configured pricing service applies a historic winds profile.", value: inputs.tripMonth, onChange: (event) => update('tripMonth', event.target.value), "data-test": "acmi-trip-month" }))] }), jsxs("section", { className: sx(panelStyle$6), "aria-label": "Flight itinerary", children: [jsx("h3", { className: sx(panelTitleStyle), children: "Flight Itinerary" }), jsx(Alert, { variant: "primary", children: positioningMode === 'automatic' ? (jsxs(Fragment, { children: ["Enter ", jsx("strong", { children: "live legs only" }), ", in trip order. The host pricing engine adds positioning ferry legs automatically. Leave flight time blank to use its route estimate; an entered time is treated as an explicit contractual input."] })) : (jsxs(Fragment, { children: ["Enter ", jsx("strong", { children: "every flown leg in order" }), ", including positioning. Mark each leg as live or ferry. Leave flight time blank to use the pricing engine\u2019s route estimate; an entered time is treated as an explicit contractual input."] })) }), showErrors && errors.legs && (jsx("p", { className: sx(legErrorStyle), role: "alert", "data-test": "acmi-legs-error", children: errors.legs })), jsx("ol", { className: sx(legsStyle$3), children: inputs.legs.map((leg, index) => (jsxs("li", { className: cx(sx(legStyle$2), positioningMode === 'automatic' && sx(automaticLegStyle)), "data-test": "acmi-leg", children: [jsxs("span", { className: sx(legIndexStyle$1), children: ["Leg ", index + 1] }), positioningMode === 'explicit' && (jsx(Select, { id: `${leg.id}-type`, size: "sm", label: "Leg type", options: [
                                                 { value: 'live', label: 'Live' },
                                                 { value: 'ferry', label: 'Ferry' },
-                                            ], value: leg.type ?? 'live', onChange: (event) => updateLeg(leg.id, { type: event.target.value }), "data-test": "acmi-leg-type" })), jsx(Input, { id: `${leg.id}-origin`, size: "sm", label: "From", maxLength: 4, value: leg.origin, onChange: (event) => updateLeg(leg.id, { origin: event.target.value.toUpperCase() }), "data-test": "acmi-leg-origin" }), jsx(Input, { id: `${leg.id}-destination`, size: "sm", label: "To", maxLength: 4, value: leg.destination, onChange: (event) => updateLeg(leg.id, { destination: event.target.value.toUpperCase() }), "data-test": "acmi-leg-destination" }), jsx(Input, { id: `${leg.id}-flight-time`, size: "sm", type: "number", step: "0.1", label: "Flight time (h, optional)", value: leg.flightTime, onChange: (event) => updateLeg(leg.id, { flightTime: event.target.value }), "data-test": "acmi-leg-flight-time" }), jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Remove leg ${index + 1}`, disabled: inputs.legs.length === 1, onClick: () => removeLeg(leg.id), "data-test": "acmi-remove-leg", children: jsx(TrashIcon$2, { size: 16 }) })] }, leg.id))) }), jsxs("div", { className: sx(actionsStyle$9), children: [jsx(Button, { variant: "outline", size: "sm", leftIcon: jsx(PlusIcon$2, { size: 16 }), onClick: addLeg, "data-test": "acmi-add-leg", children: "Add Flight Leg" }), jsx(Button, { size: "sm", loading: calculating, onClick: calculate, "data-test": "acmi-calculate", children: calculating ? 'Calculating' : 'Calculate Quote' }), result && onSubmitForApproval && (jsx(Button, { variant: "secondary", size: "sm", onClick: () => onSubmitForApproval(inputs), "data-test": "acmi-submit-approval", children: "Use This Total" }))] })] })] }), result && (jsxs("section", { className: sx(resultsStyle), "aria-label": "Quote summary", "data-test": "acmi-results", children: [jsx("h3", { className: sx(panelTitleStyle), children: "Quote Summary" }), jsxs("dl", { className: sx(resultGridStyle), children: [jsxs("div", { children: [jsx("dt", { children: "Operating Subtotal" }), jsx("dd", { children: currency.format(result.operatingSubtotal) })] }), jsxs("div", { children: [jsx("dt", { children: "Markup Applied" }), jsx("dd", { children: currency.format(result.markupAmount) })] }), jsxs("div", { children: [jsx("dt", { children: "Insurance (Flat Fee)" }), jsx("dd", { children: currency.format(result.insuranceAmount) })] }), jsxs("div", { children: [jsx("dt", { children: "Pre-Tax Total" }), jsx("dd", { children: currency.format(result.preTaxTotal) })] }), jsxs("div", { children: [jsx("dt", { children: "Federal Excise Tax" }), jsx("dd", { children: currency.format(result.fet) })] }), jsxs("div", { children: [jsx("dt", { children: "Segment Fees" }), jsx("dd", { children: currency.format(result.segmentFees) })] })] }), jsxs("p", { className: sx(finalPriceStyle), "data-test": "acmi-final-price", children: [jsx("span", { children: "Total Quoted Price" }), jsx("strong", { children: currency.format(result.finalPrice) })] }), result.pricingDetails && (jsxs("dl", { className: sx(contractFactsStyle), "data-test": "acmi-pricing-details", children: [jsxs("div", { "data-test": "acmi-ferry-floor", children: [jsx("dt", { children: "Ferry block time" }), jsxs("dd", { children: [result.pricingDetails.ferryBlockHours.toFixed(2), " h", result.pricingDetails.ferryMinimumHours
+                                            ], value: leg.type ?? 'live', onChange: (event) => updateLeg(leg.id, { type: event.target.value }), "data-test": "acmi-leg-type" })), jsx(Input, { id: `${leg.id}-origin`, size: "sm", label: "From", maxLength: 4, value: leg.origin, onChange: (event) => updateLeg(leg.id, { origin: event.target.value.toUpperCase() }), "data-test": "acmi-leg-origin" }), jsx(Input, { id: `${leg.id}-destination`, size: "sm", label: "To", maxLength: 4, value: leg.destination, onChange: (event) => updateLeg(leg.id, { destination: event.target.value.toUpperCase() }), "data-test": "acmi-leg-destination" }), jsx(Input, { id: `${leg.id}-flight-time`, size: "sm", type: "number", step: "0.1", label: "Flight time (h, optional)", value: leg.flightTime, onChange: (event) => updateLeg(leg.id, { flightTime: event.target.value }), "data-test": "acmi-leg-flight-time" }), jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Remove leg ${index + 1}`, disabled: inputs.legs.length === 1, onClick: () => removeLeg(leg.id), "data-test": "acmi-remove-leg", children: jsx(TrashIcon$2, { size: 16 }) })] }, leg.id))) }), jsxs("div", { className: sx(actionsStyle$a), children: [jsx(Button, { variant: "outline", size: "sm", leftIcon: jsx(PlusIcon$2, { size: 16 }), onClick: addLeg, "data-test": "acmi-add-leg", children: "Add Flight Leg" }), jsx(Button, { size: "sm", loading: calculating, onClick: calculate, "data-test": "acmi-calculate", children: calculating ? 'Calculating' : 'Calculate Quote' }), result && onSubmitForApproval && (jsx(Button, { variant: "secondary", size: "sm", onClick: () => onSubmitForApproval(inputs), "data-test": "acmi-submit-approval", children: "Use This Total" }))] })] })] }), result && (jsxs("section", { className: sx(resultsStyle), "aria-label": "Quote summary", "data-test": "acmi-results", children: [jsx("h3", { className: sx(panelTitleStyle), children: "Quote Summary" }), jsxs("dl", { className: sx(resultGridStyle), children: [jsxs("div", { children: [jsx("dt", { children: "Operating Subtotal" }), jsx("dd", { children: currency.format(result.operatingSubtotal) })] }), jsxs("div", { children: [jsx("dt", { children: "Markup Applied" }), jsx("dd", { children: currency.format(result.markupAmount) })] }), jsxs("div", { children: [jsx("dt", { children: "Insurance (Flat Fee)" }), jsx("dd", { children: currency.format(result.insuranceAmount) })] }), jsxs("div", { children: [jsx("dt", { children: "Pre-Tax Total" }), jsx("dd", { children: currency.format(result.preTaxTotal) })] }), jsxs("div", { children: [jsx("dt", { children: "Federal Excise Tax" }), jsx("dd", { children: currency.format(result.fet) })] }), jsxs("div", { children: [jsx("dt", { children: "Segment Fees" }), jsx("dd", { children: currency.format(result.segmentFees) })] })] }), jsxs("p", { className: sx(finalPriceStyle), "data-test": "acmi-final-price", children: [jsx("span", { children: "Total Quoted Price" }), jsx("strong", { children: currency.format(result.finalPrice) })] }), result.pricingDetails && (jsxs("dl", { className: sx(contractFactsStyle), "data-test": "acmi-pricing-details", children: [jsxs("div", { "data-test": "acmi-ferry-floor", children: [jsx("dt", { children: "Ferry block time" }), jsxs("dd", { children: [result.pricingDetails.ferryBlockHours.toFixed(2), " h", result.pricingDetails.ferryMinimumHours
                                                 ? ` · ${result.pricingDetails.ferryMinimumHours.toFixed(2)} h minimum per estimated SkyWest ferry leg`
                                                 : ''] })] }), jsxs("div", { "data-test": "acmi-fuel-buffer", children: [jsx("dt", { children: "Fuel buffer" }), jsxs("dd", { children: [(result.pricingDetails.fuelBufferPercent * 100).toFixed(0), "% \u00B7 ", currency.format(result.pricingDetails.fuelBufferAmount)] })] }), jsxs("div", { "data-test": "acmi-screening", children: [jsx("dt", { children: "Security screening" }), jsx("dd", { children: currency.format(result.pricingDetails.screeningAmount) })] })] })), result.legs && result.legs.length > 0 && (jsxs("div", { className: sx(pricedLegsStyle), "data-test": "acmi-priced-legs", children: [jsx("h4", { children: "Backend-priced itinerary" }), jsxs("div", { className: sx(pricedLegHeaderStyle), "aria-hidden": "true", children: [jsx("span", { children: "Leg" }), jsx("span", { children: "Type" }), jsx("span", { children: "Block" }), jsx("span", { children: "Total" })] }), result.legs.map((leg) => (jsxs("div", { className: sx(pricedLegStyle), "data-test": "acmi-priced-leg", children: [jsxs("span", { children: [leg.origin, " \u2192 ", leg.destination] }), jsx("span", { "data-test": "acmi-priced-leg-type", children: leg.type === 'ferry' ? 'Ferry' : 'Live' }), jsxs("span", { "data-test": "acmi-priced-leg-block", children: [leg.blockHours.toFixed(2), " h"] }), jsx("span", { children: currency.format(leg.total) })] }, leg.id)))] }))] }))] }));
 };
@@ -9480,7 +9480,7 @@ const wrapperStyle$2 = {
     gap: 'var(--space-3)',
     fontFamily: 'var(--font-family-base)',
 };
-const toolbarStyle$3 = {
+const toolbarStyle$4 = {
     label: 'AgentGroupTravelRequestsTable-toolbarStyle',
     display: 'flex',
     flexWrap: 'wrap',
@@ -9869,7 +9869,7 @@ const AgentGroupTravelRequestsTable = ({ requests, sports = [], views = [], toda
         setDateEdits((current) => ({ ...current, [id]: { ...current[id], submittedDate: value } }));
         onSubmittedDateChange?.(id, value);
     };
-    return (jsxs("div", { className: cx(sx(wrapperStyle$2), className), "data-test": "agent-gtr-table", children: [jsxs("div", { className: sx(toolbarStyle$3), children: [jsxs("button", { type: "button", className: sx(showHideAllStyle), title: "Show/Hide all PNRs", onClick: toggleExpandAll, disabled: multiPnrIds.length === 0, "data-test": "agent-gtr-toggle-all", children: [allExpanded ? jsx(ChevronUpIcon, { size: 16 }) : jsx(ChevronDownIcon$1, { size: 16 }), jsx("span", { children: allExpanded ? 'Collapse all PNRs' : 'Expand all PNRs' })] }), jsxs("div", { className: sx(filtersStyle$5), children: [jsxs("label", { className: sx(filterFieldStyle$1), children: [jsx("span", { children: "Filter by sport" }), jsxs("select", { value: sportFilter, onChange: (event) => setSportFilter(event.target.value), "data-test": "agent-gtr-sport-filter", children: [jsx("option", { value: "", children: "All Sports" }), sports.map((sport) => (jsx("option", { value: sport.code, children: sport.label }, sport.code)))] })] }), views.length > 0 && (jsxs("label", { className: sx(filterFieldStyle$1), children: [jsx("span", { children: "Filter by view" }), jsxs("select", { value: viewFilter, onChange: (event) => setViewFilter(event.target.value), "data-test": "agent-gtr-view-filter", children: [jsx("option", { value: "", children: "All Accounts" }), views.map((view) => (jsx("option", { value: view.id, children: view.label }, view.id)))] })] }))] })] }), jsx("div", { className: sx(tableScrollStyle$2), children: jsxs("table", { className: sx(tableStyle$b), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { className: sx(colExpandStyle), children: jsx("span", { className: "sr-only", children: "Expand" }) }), jsx("th", { children: "Source" }), jsx("th", { children: "Master Trip" }), jsx("th", { children: "ID" }), jsx("th", { children: "Start Date" }), jsx("th", { children: "Name" }), jsx("th", { children: "Sport" }), jsxs("th", { children: [jsx(PlaneIcon$3, { size: 16 }), jsx("span", { className: "sr-only", children: "Carrier" })] }), jsx("th", { children: "Routing" }), jsx("th", { children: "Submitted" }), jsx("th", { children: "Type" }), jsx("th", { children: "Quote Sent" }), jsx("th", { children: "Confirmation" }), jsx("th", { children: "Deposit" }), jsx("th", { children: "Utilization" }), jsx("th", { children: "Names" }), jsx("th", { children: "Ticketing" }), jsx("th", { children: "PNR" }), jsx("th", { className: sx(colDeleteStyle), children: jsx("span", { className: "sr-only", children: "Delete" }) })] }) }), jsxs("tbody", { children: [!groups.length && (jsx("tr", { children: jsx("td", { colSpan: COLUMN_COUNT, className: sx(emptyStyle$i), "data-test": "agent-gtr-empty", children: "No open group travel requests match these filters." }) })), groups.map((group) => (jsxs(Fragment$1, { children: [jsx("tr", { className: sx(accountRowStyle), children: jsx("td", { colSpan: COLUMN_COUNT, children: group.accountName }) }), group.items.map((request) => {
+    return (jsxs("div", { className: cx(sx(wrapperStyle$2), className), "data-test": "agent-gtr-table", children: [jsxs("div", { className: sx(toolbarStyle$4), children: [jsxs("button", { type: "button", className: sx(showHideAllStyle), title: "Show/Hide all PNRs", onClick: toggleExpandAll, disabled: multiPnrIds.length === 0, "data-test": "agent-gtr-toggle-all", children: [allExpanded ? jsx(ChevronUpIcon, { size: 16 }) : jsx(ChevronDownIcon$1, { size: 16 }), jsx("span", { children: allExpanded ? 'Collapse all PNRs' : 'Expand all PNRs' })] }), jsxs("div", { className: sx(filtersStyle$5), children: [jsxs("label", { className: sx(filterFieldStyle$1), children: [jsx("span", { children: "Filter by sport" }), jsxs("select", { value: sportFilter, onChange: (event) => setSportFilter(event.target.value), "data-test": "agent-gtr-sport-filter", children: [jsx("option", { value: "", children: "All Sports" }), sports.map((sport) => (jsx("option", { value: sport.code, children: sport.label }, sport.code)))] })] }), views.length > 0 && (jsxs("label", { className: sx(filterFieldStyle$1), children: [jsx("span", { children: "Filter by view" }), jsxs("select", { value: viewFilter, onChange: (event) => setViewFilter(event.target.value), "data-test": "agent-gtr-view-filter", children: [jsx("option", { value: "", children: "All Accounts" }), views.map((view) => (jsx("option", { value: view.id, children: view.label }, view.id)))] })] }))] })] }), jsx("div", { className: sx(tableScrollStyle$2), children: jsxs("table", { className: sx(tableStyle$b), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { className: sx(colExpandStyle), children: jsx("span", { className: "sr-only", children: "Expand" }) }), jsx("th", { children: "Source" }), jsx("th", { children: "Master Trip" }), jsx("th", { children: "ID" }), jsx("th", { children: "Start Date" }), jsx("th", { children: "Name" }), jsx("th", { children: "Sport" }), jsxs("th", { children: [jsx(PlaneIcon$3, { size: 16 }), jsx("span", { className: "sr-only", children: "Carrier" })] }), jsx("th", { children: "Routing" }), jsx("th", { children: "Submitted" }), jsx("th", { children: "Type" }), jsx("th", { children: "Quote Sent" }), jsx("th", { children: "Confirmation" }), jsx("th", { children: "Deposit" }), jsx("th", { children: "Utilization" }), jsx("th", { children: "Names" }), jsx("th", { children: "Ticketing" }), jsx("th", { children: "PNR" }), jsx("th", { className: sx(colDeleteStyle), children: jsx("span", { className: "sr-only", children: "Delete" }) })] }) }), jsxs("tbody", { children: [!groups.length && (jsx("tr", { children: jsx("td", { colSpan: COLUMN_COUNT, className: sx(emptyStyle$i), "data-test": "agent-gtr-empty", children: "No open group travel requests match these filters." }) })), groups.map((group) => (jsxs(Fragment$1, { children: [jsx("tr", { className: sx(accountRowStyle), children: jsx("td", { colSpan: COLUMN_COUNT, children: group.accountName }) }), group.items.map((request) => {
                                             const isMulti = request.pnrs.length > 1;
                                             const isExpanded = expandedIds.has(request.id);
                                             const startSoon = daysUntil(request.startDate, today) < 8;
@@ -10165,7 +10165,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)',
@@ -10191,7 +10191,7 @@ const headerStyle$D = {
     padding: '12px 24px',
     borderBottom: '1px solid var(--border-color-dark, #d5d5d5)',
 };
-const titleStyle$z = {
+const titleStyle$A = {
     label: 'AirInvoiceCard-titleStyle',
     margin: 0,
     color: 'var(--fg-3, #6b7785)',
@@ -10348,7 +10348,7 @@ const AirInvoiceCard = ({ title, lines, paymentStatus, total, versions = [], sel
     const legend = (jsxs("span", { className: sx(legendStyle$1), "data-test": "air-invoice-legend", children: [jsx("span", { className: sx(knownTravelerStyle), children: jsx(CheckIcon$2, { size: 16 }) }), "= Known Traveler Number Loaded"] }));
     const hasHeader = Boolean(title || versionControlShown(versions));
     const versionControl = versionControlShown(versions) && (jsx(Dropdown, { label: "Version", alignment: "right", trigger: ({ isOpen, toggle }) => (jsxs("button", { type: "button", className: sx(versionButtonStyle), onClick: toggle, "aria-expanded": isOpen, "aria-haspopup": "menu", "data-test": "air-invoice-version", children: [jsx(LayersIcon, {}), "Version", jsx("span", { className: sx(versionCountStyle), children: versions.length }), jsx(ChevronDownIcon$1, { size: 16 })] })), children: versions.map((version) => (jsx(Dropdown.Item, { icon: version.id === selectedVersionId ? jsx(CheckIcon$2, { size: 14 }) : undefined, onClick: () => onVersionChange?.(version.id), children: version.label }, version.id))) }));
-    return (jsxs("section", { className: cx(sx(cardStyle$f), className), "aria-label": "Air invoice", "data-test": "air-invoice-card", children: [hasHeader && (jsxs("div", { className: sx(headerStyle$D), children: [title && jsx("h2", { className: sx(titleStyle$z), children: title }), jsx("div", { className: sx(headerEndStyle), children: versionControl })] })), jsx(Table, { className: sx(tableStyle$9), columns: columns, data: lines, hoverable: false, rowClassName: (line) => cx(line.isVoid && sx(voidRowStyle), line.struckThrough && sx(struckRowStyle)) || undefined, footer: total && (jsxs("tr", { children: [jsx("td", { colSpan: 6, children: jsxs("span", { className: sx(totalCellStyle$1), children: ["Total", showLegend && legend] }) }), jsx("td", { className: sx(upperStyle), children: paymentStatus }), jsx("td", { "data-test": "air-invoice-total", children: total })] })) }), showLegend && !total && (jsx("p", { className: sx(legendBlockStyle), children: legend }))] }));
+    return (jsxs("section", { className: cx(sx(cardStyle$g), className), "aria-label": "Air invoice", "data-test": "air-invoice-card", children: [hasHeader && (jsxs("div", { className: sx(headerStyle$D), children: [title && jsx("h2", { className: sx(titleStyle$A), children: title }), jsx("div", { className: sx(headerEndStyle), children: versionControl })] })), jsx(Table, { className: sx(tableStyle$9), columns: columns, data: lines, hoverable: false, rowClassName: (line) => cx(line.isVoid && sx(voidRowStyle), line.struckThrough && sx(struckRowStyle)) || undefined, footer: total && (jsxs("tr", { children: [jsx("td", { colSpan: 6, children: jsxs("span", { className: sx(totalCellStyle$1), children: ["Total", showLegend && legend] }) }), jsx("td", { className: sx(upperStyle), children: paymentStatus }), jsx("td", { "data-test": "air-invoice-total", children: total })] })) }), showLegend && !total && (jsx("p", { className: sx(legendBlockStyle), children: legend }))] }));
 };
 AirInvoiceCard.displayName = 'AirInvoiceCard';
 
@@ -10801,7 +10801,7 @@ const noResultsStyle = {
     fontSize: 14,
 };
 /* Actions */
-const actionsStyle$8 = {
+const actionsStyle$9 = {
     label: 'Topbar-actionsStyle',
     display: 'flex',
     gap: 'var(--space-2, 8px)',
@@ -10866,7 +10866,7 @@ const Topbar = ({ account, accounts, onAccountSelect, onAccountClick, actions, l
     const filteredAccounts = accounts?.filter(acc => acc.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
         acc.code.toLowerCase().includes(searchQuery.toLowerCase())) || [];
     const hasDropdown = accounts && accounts.length > 0;
-    return (jsxs("header", { className: classNames, ...props, children: [jsxs("div", { className: sx(leftStyle), children: [leftContent, account && (jsxs("div", { className: sx(accountWrapperStyle), ref: dropdownRef, children: [jsxs("button", { className: cx(sx(accountSelectorStyle), isOpen && sx(openStyle$1)), onClick: handleToggle, "aria-expanded": isOpen, "aria-haspopup": hasDropdown ? 'listbox' : undefined, children: [jsx("span", { className: sx(accountCodeStyle), children: account.code }), jsx("span", { className: sx(accountNameStyle), children: account.name }), hasDropdown && (jsx(ChevronDownIcon$1, { size: 16, className: cx(sx(chevronStyle$2), isOpen && sx(chevronOpenStyle)) }))] }), isOpen && hasDropdown && (jsxs("div", { className: sx(dropdownStyle), role: "listbox", children: [jsxs("div", { className: sx(dropdownSearchStyle), children: [jsxs("svg", { className: sx(searchIconStyle$1), width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("circle", { cx: "11", cy: "11", r: "8" }), jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }), jsx("input", { ref: searchInputRef, type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search accounts...", className: sx(searchInputStyle$1) })] }), jsx("div", { className: sx(dropdownListStyle), children: filteredAccounts.length > 0 ? (filteredAccounts.map((acc) => (jsxs("button", { className: cx(sx(dropdownItemStyle), acc.code === account.code && sx(selectedStyle$2)), onClick: () => handleSelectAccount(acc), role: "option", "aria-selected": acc.code === account.code, children: [jsx("span", { className: sx(dropdownItemCodeStyle), children: acc.code }), jsx("span", { className: sx(dropdownItemNameStyle), children: acc.name })] }, acc.code)))) : (jsx("div", { className: sx(noResultsStyle), children: "No accounts found" })) })] }))] }))] }), actions && jsx("div", { className: sx(actionsStyle$8), children: actions })] }));
+    return (jsxs("header", { className: classNames, ...props, children: [jsxs("div", { className: sx(leftStyle), children: [leftContent, account && (jsxs("div", { className: sx(accountWrapperStyle), ref: dropdownRef, children: [jsxs("button", { className: cx(sx(accountSelectorStyle), isOpen && sx(openStyle$1)), onClick: handleToggle, "aria-expanded": isOpen, "aria-haspopup": hasDropdown ? 'listbox' : undefined, children: [jsx("span", { className: sx(accountCodeStyle), children: account.code }), jsx("span", { className: sx(accountNameStyle), children: account.name }), hasDropdown && (jsx(ChevronDownIcon$1, { size: 16, className: cx(sx(chevronStyle$2), isOpen && sx(chevronOpenStyle)) }))] }), isOpen && hasDropdown && (jsxs("div", { className: sx(dropdownStyle), role: "listbox", children: [jsxs("div", { className: sx(dropdownSearchStyle), children: [jsxs("svg", { className: sx(searchIconStyle$1), width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("circle", { cx: "11", cy: "11", r: "8" }), jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }), jsx("input", { ref: searchInputRef, type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search accounts...", className: sx(searchInputStyle$1) })] }), jsx("div", { className: sx(dropdownListStyle), children: filteredAccounts.length > 0 ? (filteredAccounts.map((acc) => (jsxs("button", { className: cx(sx(dropdownItemStyle), acc.code === account.code && sx(selectedStyle$2)), onClick: () => handleSelectAccount(acc), role: "option", "aria-selected": acc.code === account.code, children: [jsx("span", { className: sx(dropdownItemCodeStyle), children: acc.code }), jsx("span", { className: sx(dropdownItemNameStyle), children: acc.name })] }, acc.code)))) : (jsx("div", { className: sx(noResultsStyle), children: "No accounts found" })) })] }))] }))] }), actions && jsx("div", { className: sx(actionsStyle$9), children: actions })] }));
 };
 Topbar.displayName = 'Topbar';
 
@@ -10919,7 +10919,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)',
@@ -10944,7 +10944,7 @@ const headerStyle$C = {
     padding: '12px 24px',
     borderBottom: '1px solid var(--border-color-dark, #d5d5d5)',
 };
-const titleStyle$y = {
+const titleStyle$z = {
     label: 'BookingDetailsCard-titleStyle',
     margin: 0,
     color: 'var(--fg-3, #6b7785)',
@@ -11020,12 +11020,12 @@ const BookingDetailsCard = ({ details, title = 'Booking Details', refId, childre
     if (details.length === 0 && !children)
         return null;
     const rows = Math.ceil(details.length / 2);
-    return (jsxs("section", { className: cx(sx(cardStyle$e), className), "aria-label": "Booking details", "data-test": "booking-details-card", children: [jsxs("div", { className: sx(headerStyle$C), children: [jsx("h2", { className: sx(titleStyle$y), children: title }), refId && (jsxs("p", { className: sx(refStyle), "data-test": "booking-details-ref", children: ["Short\u2019s ID: ", jsx("span", { className: sx(refValueStyle), children: refId })] }))] }), details.length > 0 && (jsx("dl", { className: sx(detailsStyle$2), style: { gridTemplateRows: `repeat(${rows}, auto)` }, children: details.map((detail) => (jsxs("div", { className: sx(detailStyle$2), children: [jsx("dt", { className: sx(detailLabelStyle$1), children: detail.label }), jsx("dd", { className: sx(detailValueStyle$1), children: detail.value })] }, detail.label))) })), children && jsx("div", { className: cx(sx(sectionStyle$8), details.length > 0 && sx(sectionRuleStyle)), "data-test": "booking-details-section", children: children })] }));
+    return (jsxs("section", { className: cx(sx(cardStyle$f), className), "aria-label": "Booking details", "data-test": "booking-details-card", children: [jsxs("div", { className: sx(headerStyle$C), children: [jsx("h2", { className: sx(titleStyle$z), children: title }), refId && (jsxs("p", { className: sx(refStyle), "data-test": "booking-details-ref", children: ["Short\u2019s ID: ", jsx("span", { className: sx(refValueStyle), children: refId })] }))] }), details.length > 0 && (jsx("dl", { className: sx(detailsStyle$2), style: { gridTemplateRows: `repeat(${rows}, auto)` }, children: details.map((detail) => (jsxs("div", { className: sx(detailStyle$2), children: [jsx("dt", { className: sx(detailLabelStyle$1), children: detail.label }), jsx("dd", { className: sx(detailValueStyle$1), children: detail.value })] }, detail.label))) })), children && jsx("div", { className: cx(sx(sectionStyle$8), details.length > 0 && sx(sectionRuleStyle)), "data-test": "booking-details-section", children: children })] }));
 };
 BookingDetailsCard.displayName = 'BookingDetailsCard';
 
 /* Card Component Styles */
-const cardStyle$d = {
+const cardStyle$e = {
     label: 'Card-cardStyle',
     background: 'var(--bg-surface)',
     borderRadius: 'var(--radius-2xl)',
@@ -11087,7 +11087,7 @@ const headerContentStyle$1 = {
     flex: 1,
     minWidth: 0,
 };
-const titleStyle$x = {
+const titleStyle$y = {
     label: 'Card-titleStyle',
     margin: 0,
     fontSize: 'var(--fs-lg)',
@@ -11101,7 +11101,7 @@ 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)',
@@ -11136,7 +11136,7 @@ const footerStyle$b = {
  * Card component for grouping related content.
  */
 const Card = forwardRef(({ variant = 'default', padding = 'md', interactive = false, className = '', children, ...props }, ref) => {
-    const classNames = cx(sx(cardStyle$d), sx(variantStyles[variant]), sx(paddingStyles[padding]), interactive && sx(interactiveStyle), className);
+    const classNames = cx(sx(cardStyle$e), sx(variantStyles[variant]), sx(paddingStyles[padding]), interactive && sx(interactiveStyle), className);
     return (jsx("div", { ref: ref, className: classNames, ...props, children: children }));
 });
 Card.displayName = 'Card';
@@ -11145,7 +11145,7 @@ Card.displayName = 'Card';
  */
 const CardHeader = ({ title, subtitle, actions, className = '', children, ...props }) => {
     const classNames = cx(sx(headerStyle$B), className);
-    return (jsxs("div", { className: classNames, ...props, children: [jsxs("div", { className: sx(headerContentStyle$1), children: [title && jsx("h3", { className: sx(titleStyle$x), children: title }), subtitle && jsx("p", { className: sx(subtitleStyle$7), children: subtitle }), children] }), actions && jsx("div", { className: sx(actionsStyle$7), children: actions })] }));
+    return (jsxs("div", { className: classNames, ...props, children: [jsxs("div", { className: sx(headerContentStyle$1), children: [title && jsx("h3", { className: sx(titleStyle$y), children: title }), subtitle && jsx("p", { className: sx(subtitleStyle$7), children: subtitle }), children] }), actions && jsx("div", { className: sx(actionsStyle$8), children: actions })] }));
 };
 CardHeader.displayName = 'CardHeader';
 /**
@@ -11848,7 +11848,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)',
@@ -11867,7 +11867,7 @@ const titleRowStyle$3 = {
     alignItems: 'center',
     gap: 'var(--space-2)',
 };
-const titleStyle$w = {
+const titleStyle$x = {
     label: 'ContactList-titleStyle',
     fontSize: 'var(--text-base)',
     fontWeight: 'var(--font-semibold)',
@@ -12053,7 +12053,7 @@ const PlusIcon$1 = () => (jsxs("svg", { width: "16", height: "16", viewBox: "0 0
  */
 const ContactList = ({ title = 'Contacts', tooltip, contacts, onEdit, onRemove, onAdd, showAdd = true, addLabel = 'Add Contact', alert, className = '', }) => {
     const listClasses = cx(sx(containerStyle$3), className);
-    return (jsxs("div", { className: listClasses, children: [alert && (jsx("div", { className: sx(alertStyle$4), children: alert })), jsxs("div", { className: sx(cardStyle$c), children: [jsx("div", { className: sx(headerStyle$A), children: jsxs("div", { className: sx(titleRowStyle$3), children: [jsx("h3", { className: sx(titleStyle$w), children: title }), tooltip && (jsx("span", { className: sx(tooltipStyle), children: jsx(InfoIcon, {}) }))] }) }), jsxs("div", { className: sx(listStyle$4), children: [contacts.map((contact) => (jsxs("div", { className: sx(contactItemStyle), children: [jsxs("div", { className: sx(contactInfoStyle), children: [jsxs("div", { className: sx(contactNameStyle$1), children: [contact.name, contact.isPrimary && (jsx("span", { className: sx(badgeStyle$2), children: "Primary" })), contact.isSecondary && (jsx("span", { className: cx(sx(badgeStyle$2), sx(badgeSecondaryStyle)), children: "Secondary" }))] }), contact.role && (jsx("div", { className: sx(contactRoleStyle$1), children: contact.role })), jsxs("div", { className: sx(contactDetailsStyle$1), children: [contact.email && (jsx("a", { href: `mailto:${contact.email}`, className: sx(contactLinkStyle$2), children: contact.email })), contact.phone && (jsx("span", { className: sx(contactPhoneStyle), children: contact.phone }))] })] }), jsxs("div", { className: sx(contactActionsStyle), children: [onEdit && (jsx("button", { type: "button", className: sx(actionButtonStyle$1), onClick: () => onEdit(contact), "aria-label": "Edit contact", children: jsx(EditIcon$1, {}) })), onRemove && (jsx("button", { type: "button", className: cx(sx(actionButtonStyle$1), sx(actionButtonDangerStyle)), onClick: () => onRemove(contact), "aria-label": "Remove contact", children: jsx(TrashIcon$1, {}) }))] })] }, contact.id))), contacts.length === 0 && (jsx("div", { className: sx(emptyStyle$f), children: "No contacts added" }))] }), showAdd && onAdd && (jsx("div", { className: sx(footerStyle$a), children: jsxs("button", { type: "button", className: sx(addButtonStyle$1), onClick: onAdd, children: [jsx(PlusIcon$1, {}), addLabel] }) }))] })] }));
+    return (jsxs("div", { className: listClasses, children: [alert && (jsx("div", { className: sx(alertStyle$4), children: alert })), jsxs("div", { className: sx(cardStyle$d), children: [jsx("div", { className: sx(headerStyle$A), children: jsxs("div", { className: sx(titleRowStyle$3), children: [jsx("h3", { className: sx(titleStyle$x), children: title }), tooltip && (jsx("span", { className: sx(tooltipStyle), children: jsx(InfoIcon, {}) }))] }) }), jsxs("div", { className: sx(listStyle$4), children: [contacts.map((contact) => (jsxs("div", { className: sx(contactItemStyle), children: [jsxs("div", { className: sx(contactInfoStyle), children: [jsxs("div", { className: sx(contactNameStyle$1), children: [contact.name, contact.isPrimary && (jsx("span", { className: sx(badgeStyle$2), children: "Primary" })), contact.isSecondary && (jsx("span", { className: cx(sx(badgeStyle$2), sx(badgeSecondaryStyle)), children: "Secondary" }))] }), contact.role && (jsx("div", { className: sx(contactRoleStyle$1), children: contact.role })), jsxs("div", { className: sx(contactDetailsStyle$1), children: [contact.email && (jsx("a", { href: `mailto:${contact.email}`, className: sx(contactLinkStyle$2), children: contact.email })), contact.phone && (jsx("span", { className: sx(contactPhoneStyle), children: contact.phone }))] })] }), jsxs("div", { className: sx(contactActionsStyle), children: [onEdit && (jsx("button", { type: "button", className: sx(actionButtonStyle$1), onClick: () => onEdit(contact), "aria-label": "Edit contact", children: jsx(EditIcon$1, {}) })), onRemove && (jsx("button", { type: "button", className: cx(sx(actionButtonStyle$1), sx(actionButtonDangerStyle)), onClick: () => onRemove(contact), "aria-label": "Remove contact", children: jsx(TrashIcon$1, {}) }))] })] }, contact.id))), contacts.length === 0 && (jsx("div", { className: sx(emptyStyle$f), children: "No contacts added" }))] }), showAdd && onAdd && (jsx("div", { className: sx(footerStyle$a), children: jsxs("button", { type: "button", className: sx(addButtonStyle$1), onClick: onAdd, children: [jsx(PlusIcon$1, {}), addLabel] }) }))] })] }));
 };
 ContactList.displayName = 'ContactList';
 
@@ -12189,7 +12189,7 @@ const headerContentStyle = {
     label: 'Drawer-headerContentStyle',
     flex: 1,
 };
-const titleStyle$v = {
+const titleStyle$w = {
     label: 'Drawer-titleStyle',
     margin: 0,
     fontSize: 18,
@@ -12235,7 +12235,7 @@ const footerStyle$9 = {
 /**
  * Top of a Drawer: title and the close affordance.
  */
-const DrawerHeader = ({ title, children, showClose = true, onClose, className = '', }) => (jsxs("div", { className: cx(sx(headerStyle$z), className), children: [jsxs("div", { className: sx(headerContentStyle), children: [title && jsx("h2", { className: sx(titleStyle$v), children: title }), children] }), showClose && (jsx("button", { type: "button", className: sx(closeButtonStyle$2), onClick: onClose, "aria-label": "Close drawer", children: jsx("svg", { width: "20", height: "20", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }));
+const DrawerHeader = ({ title, children, showClose = true, onClose, className = '', }) => (jsxs("div", { className: cx(sx(headerStyle$z), className), children: [jsxs("div", { className: sx(headerContentStyle), children: [title && jsx("h2", { className: sx(titleStyle$w), children: title }), children] }), showClose && (jsx("button", { type: "button", className: sx(closeButtonStyle$2), onClick: onClose, "aria-label": "Close drawer", children: jsx("svg", { width: "20", height: "20", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }));
 /**
  * Scrollable content region of a Drawer.
  */
@@ -12370,7 +12370,7 @@ const bodyStyle$6 = {
         fontWeight: 500,
     },
 };
-const searchStyle$1 = {
+const searchStyle$2 = {
     label: 'DueDatesDrawer-searchStyle',
     display: 'flex',
     width: '100%',
@@ -12405,7 +12405,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',
@@ -12529,7 +12529,7 @@ const DueDateCard$1 = ({ item, onToggle, onTaskClick }) => {
     const completed = isTravelDueDateCompleted(item);
     const dueDate = parseLocalDate$1(item.duedate);
     const pastDue = !!dueDate && dueDate < new Date() && !completed;
-    return (jsxs("article", { className: sx(cardStyle$b), children: [jsxs("div", { className: sx(cardTitleStyle$3), children: [onToggle ? (jsx("button", { type: "button", "aria-label": `${completed ? 'Reopen' : 'Complete'} ${item.tasktitle}`, className: cx(sx(statusStyle$5), completed ? sx(completedStyle) : pastDue ? sx(pastDueStyle) : ''), onClick: () => onToggle(item), "data-test": `due-date-toggle-${item.taskid}`, children: completed ? jsx(CheckIcon$2, { size: 12 }) : null })) : (jsx("span", { "aria-label": `${completed ? 'Completed' : pastDue ? 'Past due' : 'Incomplete'}: ${item.tasktitle}`, className: cx(sx(statusStyle$5), sx(readOnlyStatusStyle), completed ? sx(completedStyle) : pastDue ? sx(pastDueStyle) : ''), "data-test": `due-date-status-${item.taskid}`, children: completed ? jsx(CheckIcon$2, { size: 12 }) : null })), jsx("h5", { children: item.tasktitle })] }), item.description && jsx("p", { children: item.description }), jsxs("div", { className: sx(tagsStyle), children: [jsx("span", { style: { backgroundColor: sportColor$1(item.sportCode) }, children: item.sportCode }), jsx("button", { type: "button", disabled: !item.masterTripGUID || !onTaskClick, onClick: () => item.masterTripGUID && onTaskClick?.(item.masterTripGUID), children: item.tripName })] }), completed && item.completeddatetime && jsxs("div", { className: sx(completionStyle), children: [jsx(CheckIcon$2, { size: 14 }), jsxs("span", { children: [jsx("em", { children: "on" }), " ", formatDate$8(item.completeddatetime, { month: 'numeric', day: 'numeric', year: '2-digit' }), " ", jsx("em", { children: "by" }), " ", item.completedby] })] })] }));
+    return (jsxs("article", { className: sx(cardStyle$c), children: [jsxs("div", { className: sx(cardTitleStyle$3), children: [onToggle ? (jsx("button", { type: "button", "aria-label": `${completed ? 'Reopen' : 'Complete'} ${item.tasktitle}`, className: cx(sx(statusStyle$5), completed ? sx(completedStyle) : pastDue ? sx(pastDueStyle) : ''), onClick: () => onToggle(item), "data-test": `due-date-toggle-${item.taskid}`, children: completed ? jsx(CheckIcon$2, { size: 12 }) : null })) : (jsx("span", { "aria-label": `${completed ? 'Completed' : pastDue ? 'Past due' : 'Incomplete'}: ${item.tasktitle}`, className: cx(sx(statusStyle$5), sx(readOnlyStatusStyle), completed ? sx(completedStyle) : pastDue ? sx(pastDueStyle) : ''), "data-test": `due-date-status-${item.taskid}`, children: completed ? jsx(CheckIcon$2, { size: 12 }) : null })), jsx("h5", { children: item.tasktitle })] }), item.description && jsx("p", { children: item.description }), jsxs("div", { className: sx(tagsStyle), children: [jsx("span", { style: { backgroundColor: sportColor$1(item.sportCode) }, children: item.sportCode }), jsx("button", { type: "button", disabled: !item.masterTripGUID || !onTaskClick, onClick: () => item.masterTripGUID && onTaskClick?.(item.masterTripGUID), children: item.tripName })] }), completed && item.completeddatetime && jsxs("div", { className: sx(completionStyle), children: [jsx(CheckIcon$2, { size: 14 }), jsxs("span", { children: [jsx("em", { children: "on" }), " ", formatDate$8(item.completeddatetime, { month: 'numeric', day: 'numeric', year: '2-digit' }), " ", jsx("em", { children: "by" }), " ", item.completedby] })] })] }));
 };
 /** Hub's searchable, status-aware due-dates drawer. */
 const DueDatesDrawer = ({ isOpen, dueDates, selectedDate, selectedTrip, overdueOnly, onClose, onToggle, onTaskClick, className = '' }) => {
@@ -12541,7 +12541,7 @@ const DueDatesDrawer = ({ isOpen, dueDates, selectedDate, selectedTrip, overdueO
         const matches = items.filter((item) => (!selectedTrip || item.masterTripGUID === String(selectedTrip)) && (!overdueOnly || isTravelDueDateOverdue(item)) && (!normalized || item.tasktitle.toLowerCase().includes(normalized) || item.sportCode.toLowerCase().includes(normalized) || item.description.toLowerCase().includes(normalized)));
         return matches.length ? [[date, matches]] : [];
     })), [dueDates, search, selectedDate, selectedTrip, overdueOnly]);
-    return (jsxs("aside", { className: cx(sx(drawerStyle), isOpen && sx(openStyle), className), "aria-hidden": !isOpen, "aria-label": "Due Dates", children: [jsxs("header", { children: [jsx("h3", { children: "Due Dates" }), jsx("button", { type: "button", "aria-label": "Close due dates", onClick: onClose, children: jsx(CloseIcon, { size: 24 }) })] }), jsxs("div", { className: sx(bodyStyle$6), children: [jsxs("label", { className: sx(searchStyle$1), children: [jsx(SearchIcon$1, { size: 16 }), jsx("input", { type: "search", placeholder: "Search", value: search, onChange: (event) => setSearch(event.target.value) })] }), !Object.keys(filtered).length ? jsx("div", { className: sx(emptyStyle$e), children: "No due dates found." }) : Object.entries(filtered).map(([date, items]) => (jsxs("section", { children: [jsx("h4", { children: formatDate$8(date, { month: 'long', day: 'numeric', year: 'numeric' }) }), jsx("div", { className: sx(cardsStyle$2), children: items.map((item) => jsx(DueDateCard$1, { item: item, onToggle: onToggle, onTaskClick: onTaskClick }, `${date}-${item.taskid}`)) })] }, date)))] })] }));
+    return (jsxs("aside", { className: cx(sx(drawerStyle), isOpen && sx(openStyle), className), "aria-hidden": !isOpen, "aria-label": "Due Dates", children: [jsxs("header", { children: [jsx("h3", { children: "Due Dates" }), jsx("button", { type: "button", "aria-label": "Close due dates", onClick: onClose, children: jsx(CloseIcon, { size: 24 }) })] }), jsxs("div", { className: sx(bodyStyle$6), children: [jsxs("label", { className: sx(searchStyle$2), children: [jsx(SearchIcon$1, { size: 16 }), jsx("input", { type: "search", placeholder: "Search", value: search, onChange: (event) => setSearch(event.target.value) })] }), !Object.keys(filtered).length ? jsx("div", { className: sx(emptyStyle$e), children: "No due dates found." }) : Object.entries(filtered).map(([date, items]) => (jsxs("section", { children: [jsx("h4", { children: formatDate$8(date, { month: 'long', day: 'numeric', year: 'numeric' }) }), jsx("div", { className: sx(cardsStyle$2), children: items.map((item) => jsx(DueDateCard$1, { item: item, onToggle: onToggle, onTaskClick: onTaskClick }, `${date}-${item.taskid}`)) })] }, date)))] })] }));
 };
 
 /**
@@ -13829,7 +13829,7 @@ const HubAppShell = ({ children, navItems, individualTravelItem, agentsItem, sou
  * Explicit specificity keeps service and cancellation border colors stable
  * regardless of style injection order: base < type (`&&`) < cancelled (`&&&`).
  */
-const cardStyle$a = {
+const cardStyle$b = {
     label: 'ItinerarySegmentCard-cardStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -13907,7 +13907,7 @@ const confirmationHeaderStyle = {
         },
     },
 };
-const eyebrowStyle$8 = {
+const eyebrowStyle$9 = {
     label: 'ItinerarySegmentCard-eyebrowStyle',
     fontSize: 'var(--fs-xs)',
     lineHeight: 'var(--lh-xs)',
@@ -13917,7 +13917,7 @@ const eyebrowStyle$8 = {
     letterSpacing: '0.06em',
 };
 /** Declared before `isCancelledStyle`, which reaches it as a descendant. */
-const titleStyle$u = {
+const titleStyle$v = {
     label: 'ItinerarySegmentCard-titleStyle',
     margin: 0,
     fontSize: 'var(--fs-lg)',
@@ -13951,7 +13951,7 @@ const isCancelledStyle = {
         backgroundColor: 'var(--bg-subtle)',
     },
     /* `.isCancelled .title` */
-    [`&&& .${sx(titleStyle$u)}`]: {
+    [`&&& .${sx(titleStyle$v)}`]: {
         textDecoration: 'line-through',
     },
 };
@@ -14143,7 +14143,7 @@ const flightStatusStyle = {
     lineHeight: 'var(--lh-sm)',
     fontWeight: 'var(--fw-medium)',
 };
-const actionsStyle$6 = {
+const actionsStyle$7 = {
     label: 'ItinerarySegmentCard-actionsStyle',
     display: 'flex',
     flexWrap: 'wrap',
@@ -14449,7 +14449,7 @@ const ItinerarySegmentCard = ({ segment, headingLevel = 3, onCheckIn, showCheckI
         ...(segment.type === 'limo' ? [{ label: 'Cancellation policy', lines: segment.cancellationPolicies }] : []),
         { label: 'Segment Notes', lines: segment.type === 'limo' ? [...(segment.comments ?? []), ...(segment.notes ?? [])] : segment.notes },
     ];
-    return (jsxs("article", { className: cx(sx(cardStyle$a), sx(typeStyles$1[segment.type]), segment.status === 'cancelled' && sx(isCancelledStyle), variant === 'section' && sx(sectionVariantStyle), className), "data-test": `itinerary-segment-${segment.id}`, "aria-label": `${meta.label} — ${getSegmentTitle(segment)}`, children: [jsxs("div", { className: cx(sx(headerStyle$w), pillConfirmation && sx(confirmationHeaderStyle)), children: [jsx("span", { className: sx(iconStyle$2), "aria-hidden": "true", children: jsx(TravelServiceIcon, { type: meta.code, vendor: vendorCode, size: 48 }) }), jsxs("span", { className: sx(headingsStyle), children: [jsx("span", { className: sx(eyebrowStyle$8), children: meta.label }), jsx("span", { className: sx(titleRowStyle$2), children: jsx(Heading, { className: sx(titleStyle$u), children: getSegmentTitle(segment) }) }), segment.type === 'air' && segment.operatedBy?.trim() && jsxs("span", { className: sx(operatedByStyle), children: ["Operated by ", segment.operatedBy] }), (segment.type === 'car' || segment.type === 'hotel') && segment.reservationName?.trim() && (jsxs("span", { className: sx(operatedByStyle), "data-test": `itinerary-reserved-for-${segment.id}`, children: ["Reserved for ", segment.reservationName] }))] }), headerCheckIn && (jsx(Button, { size: "sm", variant: "primary", "aria-label": checkInLabel, "data-test": `itinerary-check-in-${segment.id}`, onClick: () => onCheckIn?.(segment), children: "Check In" })), jsx(StatusBadge, { status: badge.variant, label: pillConfirmation ? `${badge.label}: ${pillConfirmation}` : badge.label, className: sx(statusStyle$4), style: pillConfirmation ? { maxWidth: '100%', whiteSpace: 'normal', overflowWrap: 'anywhere', lineHeight: 'var(--lh-sm)' } : undefined })] }), (hasStart || hasEnd) && jsxs("div", { className: sx(routeStyle$2), children: [hasStart && jsxs("div", { className: sx(endpointStyle), children: [jsx("span", { className: sx(endpointLabelStyle), children: endpoints.startLabel }), segment.type === 'car' && jsx("span", { className: sx(endpointTimeStyle), children: endpoints.startCode }), endpoints.startTime && jsx("span", { className: sx(segment.type === 'car' ? endpointCodeStyle : endpointTimeStyle), children: endpoints.startTime }), segment.type !== 'car' && endpoints.startCode && jsx("span", { className: sx(endpointCodeStyle), children: endpoints.startCode }), endpoints.startPlace && jsx("span", { className: sx(endpointPlaceStyle), children: endpoints.startPlace })] }), hasStart && hasEnd && jsxs("div", { className: sx(connectorStyle), children: [duration && jsx("span", { className: sx(connectorLabelStyle), children: duration }), jsx("span", { className: sx(connectorArrowStyle), "aria-hidden": "true", children: jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }), jsx("polyline", { points: "12 5 19 12 12 19" })] }) }), (segment.type === 'air' || segment.type === 'rail') && !!segment.miles && jsxs("span", { className: sx(connectorLabelStyle), children: [segment.miles.toLocaleString('en-US'), " miles"] }), segment.type === 'car' && !!segment.carCount && jsxs("span", { className: sx(connectorLabelStyle), children: [segment.carCount, " ", segment.carCount === 1 ? 'Vehicle' : 'Vehicles'] }), segment.type === 'hotel' && !!segment.rooms && jsxs("span", { className: sx(connectorLabelStyle), children: [segment.rooms, " ", segment.rooms === 1 ? 'Room' : 'Rooms'] })] }), hasEnd && jsxs("div", { className: sx(endpointStyle), children: [jsx("span", { className: sx(endpointLabelStyle), children: endpoints.endLabel }), segment.type === 'car' && jsx("span", { className: sx(endpointTimeStyle), children: endpoints.endCode }), endpoints.endTime && (jsxs("span", { className: sx(segment.type === 'car' ? endpointCodeStyle : endpointTimeStyle), children: [endpoints.endTime, dayOffset > 0 && jsxs("span", { className: sx(nextDayStyle), children: ["+", dayOffset, " day", dayOffset === 1 ? '' : 's'] })] })), segment.type !== 'car' && endpoints.endCode && jsx("span", { className: sx(endpointCodeStyle), children: endpoints.endCode }), endpoints.endPlace && jsx("span", { className: sx(endpointPlaceStyle), children: endpoints.endPlace })] })] }), details.length > 0 && (jsx("dl", { className: sx(detailsStyle$1), children: details.map((detail) => (jsxs("div", { className: cx(sx(detailStyle$1), detail.fullRow && sx(detailFullRowStyle)), children: [jsx("dt", { className: sx(detailLabelStyle), children: detail.label }), jsx("dd", { className: cx(sx(detailValueStyle), detail.mono && sx(monoStyle$2)), children: detail.value }), detail.below && jsxs(Fragment, { children: [jsx("dt", { className: cx(sx(detailLabelStyle), sx(detailBelowLabelStyle)), children: detail.below.label }), jsx("dd", { className: sx(detailValueStyle), children: detail.below.value })] })] }, detail.label))) })), segment.type === 'air' && segment.flightStatus && (jsx("p", { className: sx(flightStatusStyle), "data-test": `itinerary-flight-status-${segment.id}`, children: segment.flightStatus })), segment.type === 'air' && segment.checkInAvailable && onCheckIn && !headerCheckIn && (jsx("div", { className: sx(actionsStyle$6), children: jsxs(Button, { size: "sm", variant: "secondary", "data-test": `itinerary-check-in-${segment.id}`, onClick: () => onCheckIn?.(segment), children: ["Check in for ", segment.carrierCode ?? segment.carrier, " ", segment.flightNumber] }) })), noteSections.map(({ label, lines }) => {
+    return (jsxs("article", { className: cx(sx(cardStyle$b), sx(typeStyles$1[segment.type]), segment.status === 'cancelled' && sx(isCancelledStyle), variant === 'section' && sx(sectionVariantStyle), className), "data-test": `itinerary-segment-${segment.id}`, "aria-label": `${meta.label} — ${getSegmentTitle(segment)}`, children: [jsxs("div", { className: cx(sx(headerStyle$w), pillConfirmation && sx(confirmationHeaderStyle)), children: [jsx("span", { className: sx(iconStyle$2), "aria-hidden": "true", children: jsx(TravelServiceIcon, { type: meta.code, vendor: vendorCode, size: 48 }) }), jsxs("span", { className: sx(headingsStyle), children: [jsx("span", { className: sx(eyebrowStyle$9), children: meta.label }), jsx("span", { className: sx(titleRowStyle$2), children: jsx(Heading, { className: sx(titleStyle$v), children: getSegmentTitle(segment) }) }), segment.type === 'air' && segment.operatedBy?.trim() && jsxs("span", { className: sx(operatedByStyle), children: ["Operated by ", segment.operatedBy] }), (segment.type === 'car' || segment.type === 'hotel') && segment.reservationName?.trim() && (jsxs("span", { className: sx(operatedByStyle), "data-test": `itinerary-reserved-for-${segment.id}`, children: ["Reserved for ", segment.reservationName] }))] }), headerCheckIn && (jsx(Button, { size: "sm", variant: "primary", "aria-label": checkInLabel, "data-test": `itinerary-check-in-${segment.id}`, onClick: () => onCheckIn?.(segment), children: "Check In" })), jsx(StatusBadge, { status: badge.variant, label: pillConfirmation ? `${badge.label}: ${pillConfirmation}` : badge.label, className: sx(statusStyle$4), style: pillConfirmation ? { maxWidth: '100%', whiteSpace: 'normal', overflowWrap: 'anywhere', lineHeight: 'var(--lh-sm)' } : undefined })] }), (hasStart || hasEnd) && jsxs("div", { className: sx(routeStyle$2), children: [hasStart && jsxs("div", { className: sx(endpointStyle), children: [jsx("span", { className: sx(endpointLabelStyle), children: endpoints.startLabel }), segment.type === 'car' && jsx("span", { className: sx(endpointTimeStyle), children: endpoints.startCode }), endpoints.startTime && jsx("span", { className: sx(segment.type === 'car' ? endpointCodeStyle : endpointTimeStyle), children: endpoints.startTime }), segment.type !== 'car' && endpoints.startCode && jsx("span", { className: sx(endpointCodeStyle), children: endpoints.startCode }), endpoints.startPlace && jsx("span", { className: sx(endpointPlaceStyle), children: endpoints.startPlace })] }), hasStart && hasEnd && jsxs("div", { className: sx(connectorStyle), children: [duration && jsx("span", { className: sx(connectorLabelStyle), children: duration }), jsx("span", { className: sx(connectorArrowStyle), "aria-hidden": "true", children: jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }), jsx("polyline", { points: "12 5 19 12 12 19" })] }) }), (segment.type === 'air' || segment.type === 'rail') && !!segment.miles && jsxs("span", { className: sx(connectorLabelStyle), children: [segment.miles.toLocaleString('en-US'), " miles"] }), segment.type === 'car' && !!segment.carCount && jsxs("span", { className: sx(connectorLabelStyle), children: [segment.carCount, " ", segment.carCount === 1 ? 'Vehicle' : 'Vehicles'] }), segment.type === 'hotel' && !!segment.rooms && jsxs("span", { className: sx(connectorLabelStyle), children: [segment.rooms, " ", segment.rooms === 1 ? 'Room' : 'Rooms'] })] }), hasEnd && jsxs("div", { className: sx(endpointStyle), children: [jsx("span", { className: sx(endpointLabelStyle), children: endpoints.endLabel }), segment.type === 'car' && jsx("span", { className: sx(endpointTimeStyle), children: endpoints.endCode }), endpoints.endTime && (jsxs("span", { className: sx(segment.type === 'car' ? endpointCodeStyle : endpointTimeStyle), children: [endpoints.endTime, dayOffset > 0 && jsxs("span", { className: sx(nextDayStyle), children: ["+", dayOffset, " day", dayOffset === 1 ? '' : 's'] })] })), segment.type !== 'car' && endpoints.endCode && jsx("span", { className: sx(endpointCodeStyle), children: endpoints.endCode }), endpoints.endPlace && jsx("span", { className: sx(endpointPlaceStyle), children: endpoints.endPlace })] })] }), details.length > 0 && (jsx("dl", { className: sx(detailsStyle$1), children: details.map((detail) => (jsxs("div", { className: cx(sx(detailStyle$1), detail.fullRow && sx(detailFullRowStyle)), children: [jsx("dt", { className: sx(detailLabelStyle), children: detail.label }), jsx("dd", { className: cx(sx(detailValueStyle), detail.mono && sx(monoStyle$2)), children: detail.value }), detail.below && jsxs(Fragment, { children: [jsx("dt", { className: cx(sx(detailLabelStyle), sx(detailBelowLabelStyle)), children: detail.below.label }), jsx("dd", { className: sx(detailValueStyle), children: detail.below.value })] })] }, detail.label))) })), segment.type === 'air' && segment.flightStatus && (jsx("p", { className: sx(flightStatusStyle), "data-test": `itinerary-flight-status-${segment.id}`, children: segment.flightStatus })), segment.type === 'air' && segment.checkInAvailable && onCheckIn && !headerCheckIn && (jsx("div", { className: sx(actionsStyle$7), children: jsxs(Button, { size: "sm", variant: "secondary", "data-test": `itinerary-check-in-${segment.id}`, onClick: () => onCheckIn?.(segment), children: ["Check in for ", segment.carrierCode ?? segment.carrier, " ", segment.flightNumber] }) })), noteSections.map(({ label, lines }) => {
                 const content = lines?.filter((line) => line.trim());
                 return content?.length ? (jsxs("section", { "aria-label": label, className: sx(footerStyle$7), children: [jsx("div", { className: sx(noteLabelStyle), children: label }), content.map((line, index) => jsx("p", { className: sx(noteLineStyle), children: line }, index))] }, label)) : null;
             }), footer && jsx("div", { className: sx(footerStyle$7), children: footer })] }));
@@ -14756,7 +14756,7 @@ const headerStyle$v = {
     justifyContent: 'space-between',
     gap: 'var(--space-4)',
 };
-const titleStyle$t = {
+const titleStyle$u = {
     label: 'MembershipPrograms-titleStyle',
     fontSize: 'var(--text-lg)',
     fontWeight: 'var(--font-semibold)',
@@ -14952,7 +14952,7 @@ const MembershipPrograms = ({ title = 'Membership Programs', programs, onEdit, o
         return acc;
     }, {});
     const typeOrder = ['airline', 'hotel', 'car', 'other'];
-    return (jsxs("div", { className: containerClasses, children: [alert && jsx("div", { className: sx(alertStyle$3), children: alert }), jsxs("div", { className: sx(headerStyle$v), children: [jsx("h2", { className: sx(titleStyle$t), children: title }), onAdd && (jsxs("button", { type: "button", className: sx(addButtonStyle), onClick: onAdd, "aria-label": "Add membership program", children: [jsx(PlusIcon, {}), jsx("span", { children: "Add Program" })] }))] }), programs.length === 0 ? (jsx("div", { className: sx(emptyStyle$c), children: jsx("p", { children: emptyMessage }) })) : (jsx("div", { className: sx(listStyle$3), children: typeOrder.map((type) => {
+    return (jsxs("div", { className: containerClasses, children: [alert && jsx("div", { className: sx(alertStyle$3), children: alert }), jsxs("div", { className: sx(headerStyle$v), children: [jsx("h2", { className: sx(titleStyle$u), children: title }), onAdd && (jsxs("button", { type: "button", className: sx(addButtonStyle), onClick: onAdd, "aria-label": "Add membership program", children: [jsx(PlusIcon, {}), jsx("span", { children: "Add Program" })] }))] }), programs.length === 0 ? (jsx("div", { className: sx(emptyStyle$c), children: jsx("p", { children: emptyMessage }) })) : (jsx("div", { className: sx(listStyle$3), children: typeOrder.map((type) => {
                     const typePrograms = groupedPrograms[type];
                     if (!typePrograms || typePrograms.length === 0)
                         return null;
@@ -15121,7 +15121,7 @@ const dialogStyle = {
     },
 };
 /** The Module card inside it: fills the box and lets its body scroll. */
-const cardStyle$9 = {
+const cardStyle$a = {
     label: 'Modal-cardStyle',
     flex: 1,
     minHeight: 0,
@@ -15140,7 +15140,7 @@ const sizeStyles$1 = {
     },
 };
 /** The title inherits the Module header's type (16px semibold, ink). */
-const titleStyle$s = {
+const titleStyle$t = {
     label: 'Modal-titleStyle',
     margin: 0,
     font: 'inherit',
@@ -15245,7 +15245,7 @@ const iconStyle$1 = {
 const iconSpacedStyle = {
     label: 'Module-iconSpacedStyle', margin: 4
 };
-const titleStyle$r = {
+const titleStyle$s = {
     label: 'Module-titleStyle', color: 'var(--fg-1, #282828)'
 };
 const badgeStyle$1 = {
@@ -15363,7 +15363,7 @@ const Module = ({ title, icon, iconClassName = '', badge, before, children, afte
             setOpen(!open);
         }
     };
-    return (jsxs("div", { className: cx(sx(moduleStyle), className), children: [title && (jsx("div", { className: cx(sx(headerStyle$u), sx(headerSizeStyles[size]), !open && sx(closedStyle), headerClassName), children: jsxs("div", { className: cx(sx(titleRowStyle$1), sx(titleRowSizeStyles[size]), titleClassName), children: [icon && (jsx("span", { className: cx(sx(iconStyle$1), size !== 'sm' && sx(iconSpacedStyle), iconClassName), children: icon })), jsx("div", { className: sx(titleStyle$r), children: title }), badge && jsx("span", { className: sx(badgeStyle$1), children: badge }), jsxs("div", { className: sx(toolsStyle), children: [tools, useToggle && (jsx("button", { type: "button", className: sx(toggleBtnStyle), onClick: handleToggle, "aria-expanded": open, children: jsx(ChevronIcon, { direction: open ? 'up' : 'down' }) }))] })] }) })), jsxs("div", { className: cx(sx(bodyWrapperStyle), scrollBody && sx(scrollBodyStyle)), children: [before, jsx("div", { className: cx(sx(bodyStyle$4), sx(bodySizeStyles[size]), !open && sx(hiddenStyle), bodyClassName), children: children }), after] }), footer && (jsx("div", { className: cx(sx(footerStyle$6), !open && sx(hiddenStyle)), children: footer }))] }));
+    return (jsxs("div", { className: cx(sx(moduleStyle), className), children: [title && (jsx("div", { className: cx(sx(headerStyle$u), sx(headerSizeStyles[size]), !open && sx(closedStyle), headerClassName), children: jsxs("div", { className: cx(sx(titleRowStyle$1), sx(titleRowSizeStyles[size]), titleClassName), children: [icon && (jsx("span", { className: cx(sx(iconStyle$1), size !== 'sm' && sx(iconSpacedStyle), iconClassName), children: icon })), jsx("div", { className: sx(titleStyle$s), children: title }), badge && jsx("span", { className: sx(badgeStyle$1), children: badge }), jsxs("div", { className: sx(toolsStyle), children: [tools, useToggle && (jsx("button", { type: "button", className: sx(toggleBtnStyle), onClick: handleToggle, "aria-expanded": open, children: jsx(ChevronIcon, { direction: open ? 'up' : 'down' }) }))] })] }) })), jsxs("div", { className: cx(sx(bodyWrapperStyle), scrollBody && sx(scrollBodyStyle)), children: [before, jsx("div", { className: cx(sx(bodyStyle$4), sx(bodySizeStyles[size]), !open && sx(hiddenStyle), bodyClassName), children: children }), after] }), footer && (jsx("div", { className: cx(sx(footerStyle$6), !open && sx(hiddenStyle)), children: footer }))] }));
 };
 /**
  * Horizontal divider for Module content
@@ -15415,8 +15415,8 @@ const Modal = ({ isOpen, onClose, title, subtitle, icon, children, size = 'md',
     const close = showCloseButton ? (jsx(Button, { type: "button", variant: "secondary", size: "sm", square: true, className: sx(closeButtonStyle$1), onClick: onClose, "aria-label": "Close modal", children: jsx(CloseIcon, { size: 16 }) })) : undefined;
     // Module draws its header only when it has a title; a close button alone
     // still needs one, so it gets an empty title slot.
-    const heading = title || subtitle ? (jsxs("div", { children: [title && (jsx("h2", { id: titleId, className: sx(titleStyle$s), children: title })), subtitle && jsx("p", { className: sx(subtitleStyle$6), children: subtitle })] })) : close ? (jsx("span", {})) : undefined;
-    return (jsx("div", { className: [sx(overlayStyle), overlayClassName].filter(Boolean).join(' '), onClick: handleBackdropClick, children: jsx("div", { className: cx(sx(dialogStyle), sx(sizeStyles$1[size]), className), style: width ? { maxWidth: width } : undefined, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? titleId : undefined, children: jsx(Module, { className: sx(cardStyle$9), title: heading, icon: icon, tools: close, footer: footer, useToggle: false, scrollBody: true, bodyClassName: bodyClassName, children: children }) }) }));
+    const heading = title || subtitle ? (jsxs("div", { children: [title && (jsx("h2", { id: titleId, className: sx(titleStyle$t), children: title })), subtitle && jsx("p", { className: sx(subtitleStyle$6), children: subtitle })] })) : close ? (jsx("span", {})) : undefined;
+    return (jsx("div", { className: [sx(overlayStyle), overlayClassName].filter(Boolean).join(' '), onClick: handleBackdropClick, children: jsx("div", { className: cx(sx(dialogStyle), sx(sizeStyles$1[size]), className), style: width ? { maxWidth: width } : undefined, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? titleId : undefined, children: jsx(Module, { className: sx(cardStyle$a), title: heading, icon: icon, tools: close, footer: footer, useToggle: false, scrollBody: true, bodyClassName: bodyClassName, children: children }) }) }));
 };
 /**
  * Action row for the bottom of a Modal, keeping button order consistent across dialogs.
@@ -15436,7 +15436,7 @@ const ConfirmModal = ({ message, confirmText = 'Confirm', cancelText = 'Cancel',
 
    The three `--nt-*` custom properties are declared on the card and inherited
    by everything below it, so their names are carried across verbatim. */
-const cardStyle$8 = {
+const cardStyle$9 = {
     label: 'NextTripCard-cardStyle',
     '--nt-sky': '#5bade6',
     '--nt-muted': 'rgb(255 255 255 / 55%)',
@@ -15460,7 +15460,7 @@ const topStyle = {
     justifyContent: 'space-between',
     gap: 12,
 };
-const eyebrowStyle$7 = {
+const eyebrowStyle$8 = {
     label: 'NextTripCard-eyebrowStyle',
     color: 'var(--color-accent, #00bcd0)',
     fontFamily: 'var(--font-family-label)',
@@ -15554,7 +15554,7 @@ const travelerStyle$1 = {
     gap: 10,
     marginBottom: 8,
 };
-const nameStyle$3 = {
+const nameStyle$4 = {
     label: 'NextTripCard-nameStyle',
     fontSize: 17,
     fontWeight: 700,
@@ -15723,7 +15723,7 @@ const btnStyle = {
     fontWeight: 700,
     cursor: 'pointer',
 };
-const actionsStyle$5 = {
+const actionsStyle$6 = {
     label: 'NextTripCard-actionsStyle',
     display: 'flex',
     flexWrap: 'wrap',
@@ -15787,7 +15787,7 @@ const NextTripCard = ({ eyebrow = 'Your Next Trip', countdownLabel, date, origin
     const expanded = expandedProp ?? autoExpanded;
     const hasDetail = expanded && (details.length > 0 || !!checkIn || !!onAddToCalendar);
     const viewItineraryButton = (jsxs("button", { type: "button", className: cx(sx(btnStyle), sx(btnPrimaryStyle)), onClick: onViewItinerary, children: [viewItineraryLabel, " \u2192"] }));
-    return (jsxs("div", { ref: ref, className: cx(sx(cardStyle$8), className), ...props, children: [jsxs("div", { className: sx(topStyle), children: [jsx("span", { className: sx(eyebrowStyle$7), children: eyebrow }), countdownLabel != null && (jsxs("span", { className: sx(countdownStyle), children: [jsx(ClockGlyph, {}), countdownLabel] }))] }), jsxs("div", { className: sx(headStyle), children: [jsx("span", { className: sx(dateStyle), children: date }), jsxs("div", { className: sx(routeStyle$1), children: [jsxs("div", { style: { textAlign: 'right' }, children: [jsx("div", { className: sx(aptCodeStyle), children: origin.code }), jsx("div", { className: sx(aptCityStyle), children: origin.city.toUpperCase() })] }), jsxs("div", { className: sx(pathStyle), children: [jsxs("svg", { width: "92", height: "34", viewBox: "0 0 92 34", fill: "none", "aria-hidden": "true", children: [jsx("circle", { cx: "5", cy: "27", r: "3.5", stroke: "var(--color-accent, #00bcd0)", strokeWidth: "2" }), jsx("circle", { cx: "87", cy: "27", r: "3.5", stroke: "var(--color-accent, #00bcd0)", strokeWidth: "2" }), jsx("path", { d: "M8 26 C 30 3, 62 3, 84 26", stroke: "var(--color-accent, #00bcd0)", strokeWidth: "1.5", strokeDasharray: "3 4", fill: "none" })] }), jsx("span", { className: sx(planeStyle), children: jsx(PlaneIcon$3, { size: 16 }) })] }), jsxs("div", { children: [jsx("div", { className: sx(aptCodeStyle), children: destination.code }), jsx("div", { className: sx(aptCityStyle), children: destination.city.toUpperCase() })] })] })] }), jsx("div", { className: sx(dividerStyle) }), jsxs("div", { className: sx(summaryStyle$5), children: [jsxs("div", { children: [jsxs("div", { className: sx(travelerStyle$1), children: [jsx("span", { className: sx(nameStyle$3), children: traveler }), status && (jsxs("span", { className: cx(sx(statusStyle$3), sx(toneStyles$1[status.tone ?? 'ontime'])), children: [jsx("span", { className: sx(statusDotStyle$1) }), status.label] }))] }), jsxs("div", { className: sx(timesStyle), children: [jsx("span", { className: sx(timeStyle), children: departTime }), jsx("span", { className: sx(arrowStyle), children: "\u2192" }), jsx("span", { className: sx(timeStyle), children: arriveTime })] }), jsxs("div", { className: sx(legsStyle$2), children: [jsxs("span", { children: ["Depart \u00B7 ", origin.code] }), jsxs("span", { children: ["Arrive \u00B7 ", destination.code] })] })] }), !hasDetail && viewItineraryButton] }), hasDetail && (jsxs("div", { className: sx(moreStyle), children: [details.length > 0 && (jsxs(Fragment, { children: [jsxs("div", { className: sx(moreLabelStyle), children: [jsx("span", { children: "Flight details" }), jsx("span", { className: sx(ruleStyle) })] }), jsx("div", { className: sx(gridStyle$6), children: details.map((f) => (jsxs("div", { children: [jsx("div", { className: sx(fieldKStyle), children: f.label }), jsxs("div", { className: sx(fieldVStyle), children: [f.value, f.note && jsxs("span", { className: sx(fieldNoteStyle), children: [" ", f.note] })] })] }, f.label))) })] })), checkIn && (jsxs("div", { className: sx(checkinStyle), children: [jsx("span", { className: sx(checkinIconStyle), children: jsx(CalendarGlyph$1, {}) }), jsxs("span", { className: sx(checkinTextStyle), children: [jsx("strong", { children: checkIn.title }), checkIn.note && jsxs(Fragment, { children: [" ", jsx("span", { children: checkIn.note })] })] })] })), jsxs("div", { className: sx(actionsStyle$5), children: [viewItineraryButton, onAddToCalendar && (jsx("button", { type: "button", className: cx(sx(btnStyle), sx(btnGhostStyle)), onClick: onAddToCalendar, children: addToCalendarLabel }))] })] }))] }));
+    return (jsxs("div", { ref: ref, className: cx(sx(cardStyle$9), className), ...props, children: [jsxs("div", { className: sx(topStyle), children: [jsx("span", { className: sx(eyebrowStyle$8), children: eyebrow }), countdownLabel != null && (jsxs("span", { className: sx(countdownStyle), children: [jsx(ClockGlyph, {}), countdownLabel] }))] }), jsxs("div", { className: sx(headStyle), children: [jsx("span", { className: sx(dateStyle), children: date }), jsxs("div", { className: sx(routeStyle$1), children: [jsxs("div", { style: { textAlign: 'right' }, children: [jsx("div", { className: sx(aptCodeStyle), children: origin.code }), jsx("div", { className: sx(aptCityStyle), children: origin.city.toUpperCase() })] }), jsxs("div", { className: sx(pathStyle), children: [jsxs("svg", { width: "92", height: "34", viewBox: "0 0 92 34", fill: "none", "aria-hidden": "true", children: [jsx("circle", { cx: "5", cy: "27", r: "3.5", stroke: "var(--color-accent, #00bcd0)", strokeWidth: "2" }), jsx("circle", { cx: "87", cy: "27", r: "3.5", stroke: "var(--color-accent, #00bcd0)", strokeWidth: "2" }), jsx("path", { d: "M8 26 C 30 3, 62 3, 84 26", stroke: "var(--color-accent, #00bcd0)", strokeWidth: "1.5", strokeDasharray: "3 4", fill: "none" })] }), jsx("span", { className: sx(planeStyle), children: jsx(PlaneIcon$3, { size: 16 }) })] }), jsxs("div", { children: [jsx("div", { className: sx(aptCodeStyle), children: destination.code }), jsx("div", { className: sx(aptCityStyle), children: destination.city.toUpperCase() })] })] })] }), jsx("div", { className: sx(dividerStyle) }), jsxs("div", { className: sx(summaryStyle$5), children: [jsxs("div", { children: [jsxs("div", { className: sx(travelerStyle$1), children: [jsx("span", { className: sx(nameStyle$4), children: traveler }), status && (jsxs("span", { className: cx(sx(statusStyle$3), sx(toneStyles$1[status.tone ?? 'ontime'])), children: [jsx("span", { className: sx(statusDotStyle$1) }), status.label] }))] }), jsxs("div", { className: sx(timesStyle), children: [jsx("span", { className: sx(timeStyle), children: departTime }), jsx("span", { className: sx(arrowStyle), children: "\u2192" }), jsx("span", { className: sx(timeStyle), children: arriveTime })] }), jsxs("div", { className: sx(legsStyle$2), children: [jsxs("span", { children: ["Depart \u00B7 ", origin.code] }), jsxs("span", { children: ["Arrive \u00B7 ", destination.code] })] })] }), !hasDetail && viewItineraryButton] }), hasDetail && (jsxs("div", { className: sx(moreStyle), children: [details.length > 0 && (jsxs(Fragment, { children: [jsxs("div", { className: sx(moreLabelStyle), children: [jsx("span", { children: "Flight details" }), jsx("span", { className: sx(ruleStyle) })] }), jsx("div", { className: sx(gridStyle$6), children: details.map((f) => (jsxs("div", { children: [jsx("div", { className: sx(fieldKStyle), children: f.label }), jsxs("div", { className: sx(fieldVStyle), children: [f.value, f.note && jsxs("span", { className: sx(fieldNoteStyle), children: [" ", f.note] })] })] }, f.label))) })] })), checkIn && (jsxs("div", { className: sx(checkinStyle), children: [jsx("span", { className: sx(checkinIconStyle), children: jsx(CalendarGlyph$1, {}) }), jsxs("span", { className: sx(checkinTextStyle), children: [jsx("strong", { children: checkIn.title }), checkIn.note && jsxs(Fragment, { children: [" ", jsx("span", { children: checkIn.note })] })] })] })), jsxs("div", { className: sx(actionsStyle$6), children: [viewItineraryButton, onAddToCalendar && (jsx("button", { type: "button", className: cx(sx(btnStyle), sx(btnGhostStyle)), onClick: onAddToCalendar, children: addToCalendarLabel }))] })] }))] }));
 };
 
 /* "Your travel board": a full-width (L-only) home widget showing the week's
@@ -15795,7 +15795,7 @@ const NextTripCard = ({ eyebrow = 'Your Next Trip', countdownLabel, date, origin
    Individual view is flight-centric (route + time + traveller). Team view, drawn
    from the Team Travel Calendar, de-emphasises flights and shows each team trip
    as a bar spanning its travel dates. Selecting an item fills the footer. */
-const cardStyle$7 = {
+const cardStyle$8 = {
     label: 'TravelBoard-cardStyle',
     display: 'flex',
     width: '100%',
@@ -15818,7 +15818,7 @@ const headerStyle$t = {
     gap: '14px 20px',
     padding: '18px 22px',
 };
-const titleStyle$q = {
+const titleStyle$r = {
     label: 'TravelBoard-titleStyle',
     margin: 0,
     flex: '0 0 auto',
@@ -16222,7 +16222,7 @@ const footerEyebrowStyle = {
  * `footerTitleStyle`, which resolves this class name to build that descendant
  * selector.
  */
-const codeStyle$2 = {
+const codeStyle$3 = {
     label: 'TravelBoard-codeStyle',
 };
 const footerTitleStyle = {
@@ -16235,7 +16235,7 @@ const footerTitleStyle = {
     whiteSpace: 'nowrap',
     /* `.footerTitle .code` — the child's class is content-hashed, so it is
        resolved here rather than written out. */
-    [`& .${sx(codeStyle$2)}`]: {
+    [`& .${sx(codeStyle$3)}`]: {
         color: 'var(--color-accent-strong, #0097a8)',
     },
 };
@@ -16371,14 +16371,14 @@ const TravelBoard = ({ title = "This Week's Travel", weekDays, periodLabel, trip
             if (!selectedTrip)
                 return jsx("span", { className: sx(footerEmptyStyle), children: "Select a trip to see its details." });
             const t = selectedTrip;
-            return (jsxs(Fragment, { children: [jsx("span", { className: sx(footerAvatarStyle), "aria-hidden": true, children: t.travelerInitials ?? initialsOf(t.travelerFull ?? t.traveler) }), jsxs("span", { className: sx(footerMetaStyle), children: [jsxs("span", { className: sx(footerEyebrowStyle), children: [t.travelerFull ?? t.traveler, t.sportCode ? ` - ${t.sportCode}` : ''] }), jsxs("span", { className: sx(footerTitleStyle), children: [t.originCity ?? t.origin, " ", jsx("span", { className: sx(codeStyle$2), children: t.origin }), " \u2192 ", t.destinationCity ?? t.destination, " ", jsx("span", { className: sx(codeStyle$2), children: t.destination })] }), jsxs("span", { className: sx(footerSubStyle), children: [t.time, t.arriveTime ? ` – ${t.arriveTime}` : '', t.airline ? jsxs(Fragment, { children: [" \u00B7 ", t.airline] }) : null, t.confirmation ? jsxs(Fragment, { children: [" \u00B7 Confirmation: ", jsx("b", { children: t.confirmation })] }) : null] })] }), jsxs("button", { type: "button", className: sx(footerBtnStyle), onClick: () => onViewItinerary?.(t), children: ["View itinerary ", chevron] })] }));
+            return (jsxs(Fragment, { children: [jsx("span", { className: sx(footerAvatarStyle), "aria-hidden": true, children: t.travelerInitials ?? initialsOf(t.travelerFull ?? t.traveler) }), jsxs("span", { className: sx(footerMetaStyle), children: [jsxs("span", { className: sx(footerEyebrowStyle), children: [t.travelerFull ?? t.traveler, t.sportCode ? ` - ${t.sportCode}` : ''] }), jsxs("span", { className: sx(footerTitleStyle), children: [t.originCity ?? t.origin, " ", jsx("span", { className: sx(codeStyle$3), children: t.origin }), " \u2192 ", t.destinationCity ?? t.destination, " ", jsx("span", { className: sx(codeStyle$3), children: t.destination })] }), jsxs("span", { className: sx(footerSubStyle), children: [t.time, t.arriveTime ? ` – ${t.arriveTime}` : '', t.airline ? jsxs(Fragment, { children: [" \u00B7 ", t.airline] }) : null, t.confirmation ? jsxs(Fragment, { children: [" \u00B7 Confirmation: ", jsx("b", { children: t.confirmation })] }) : null] })] }), jsxs("button", { type: "button", className: sx(footerBtnStyle), onClick: () => onViewItinerary?.(t), children: ["View itinerary ", chevron] })] }));
         }
         if (!selectedTeamTrip)
             return jsx("span", { className: sx(footerEmptyStyle), children: "Select a team trip to see its details." });
         const t = selectedTeamTrip;
         return (jsxs(Fragment, { children: [jsx("span", { className: sx(footerAvatarStyle), "aria-hidden": true, style: t.accent ? { color: t.accent } : undefined, children: t.teamInitials ?? initialsOf(t.team) }), jsxs("span", { className: sx(footerMetaStyle), children: [jsx("span", { className: sx(footerEyebrowStyle), children: "Team Travel" }), jsxs("span", { className: sx(footerTitleStyle), children: [t.team, t.destination ? jsxs(Fragment, { children: [" \u00B7 ", t.destination] }) : null] }), jsxs("span", { className: sx(footerSubStyle), children: [periodLabelForTeam(t), t.travelerCount != null ? jsxs(Fragment, { children: [" \u00B7 ", jsx("b", { children: t.travelerCount }), " travelers"] }) : null] })] }), jsxs("button", { type: "button", className: sx(footerBtnStyle), onClick: () => onViewTeamTrip?.(t), children: ["View trip ", chevron] })] }));
     };
-    return (jsxs("div", { className: cx(sx(cardStyle$7), className), "data-test": "travel-board", ...props, children: [jsxs("div", { className: sx(headerStyle$t), children: [jsx("h3", { className: sx(titleStyle$q), children: title }), jsx("div", { className: sx(togglesStyle), children: jsx(SegmentedSelector, { ariaLabel: "Traveller scope", dataTest: "travel-board-mode", value: mode, onChange: (v) => changeMode(v), activeItemClassName: sx(modeActiveStyle), options: [{ id: 'individual', label: 'Individual' }, { id: 'team', label: 'Team' }] }) }), jsxs("div", { className: sx(periodStyle), children: [jsx("span", { className: sx(periodLabelStyle), children: periodLabel }), jsx("button", { type: "button", className: sx(navBtnStyle), "aria-label": "Previous week", onClick: onPrev, children: jsx(ChevronLeftIcon, { size: 18 }) }), jsx("button", { type: "button", className: sx(navBtnStyle), "aria-label": "Next week", onClick: onNext, children: jsx(ChevronRightIcon$1, { size: 18 }) })] })] }), mode === 'individual' ? renderIndividualBoard() : renderTeamBoard(), jsx("div", { className: sx(footerStyle$5), children: renderFooter() })] }));
+    return (jsxs("div", { className: cx(sx(cardStyle$8), className), "data-test": "travel-board", ...props, children: [jsxs("div", { className: sx(headerStyle$t), children: [jsx("h3", { className: sx(titleStyle$r), children: title }), jsx("div", { className: sx(togglesStyle), children: jsx(SegmentedSelector, { ariaLabel: "Traveller scope", dataTest: "travel-board-mode", value: mode, onChange: (v) => changeMode(v), activeItemClassName: sx(modeActiveStyle), options: [{ id: 'individual', label: 'Individual' }, { id: 'team', label: 'Team' }] }) }), jsxs("div", { className: sx(periodStyle), children: [jsx("span", { className: sx(periodLabelStyle), children: periodLabel }), jsx("button", { type: "button", className: sx(navBtnStyle), "aria-label": "Previous week", onClick: onPrev, children: jsx(ChevronLeftIcon, { size: 18 }) }), jsx("button", { type: "button", className: sx(navBtnStyle), "aria-label": "Next week", onClick: onNext, children: jsx(ChevronRightIcon$1, { size: 18 }) })] })] }), mode === 'individual' ? renderIndividualBoard() : renderTeamBoard(), jsx("div", { className: sx(footerStyle$5), children: renderFooter() })] }));
 };
 /** Formats a team trip's travel span for the footer, collapsing the repeated month. */
 const periodLabelForTeam = (t) => {
@@ -16476,7 +16476,7 @@ const contentStyle$5 = {
     flex: 1,
     minWidth: 0,
 };
-const titleStyle$p = {
+const titleStyle$q = {
     label: 'PageBanners-titleStyle',
     '&&': {
         margin: 0,
@@ -16590,8 +16590,8 @@ const PageBanners = ({ systemBanners, alertBanners, fullWidth = false, className
     const visibleAlerts = alertBanners.filter((banner) => !dismissed.has(banner.id));
     if (!visibleSystem.length && !visibleAlerts.length)
         return null;
-    return (jsxs("div", { className: classes(sx(stackStyle$3), fullWidth && sx(flushStyle), className), role: "region", "aria-label": "Page notices", children: [visibleSystem.map((banner) => (jsxs("div", { className: classes(sx(bannerStyle$1), sx(systemStyle)), role: "status", children: [jsx(InfoIcon$1, { className: sx(systemIconStyle), size: 20, "aria-hidden": "true" }), jsxs("div", { className: sx(contentStyle$5), children: [jsx("p", { className: sx(titleStyle$p), children: decodeEntities(banner.html) }), banner.detailHtml && jsx("p", { className: sx(detailStyle), children: decodeEntities(banner.detailHtml) })] }), jsx("button", { type: "button", className: sx(dismissStyle), "aria-label": "Dismiss notice", onClick: () => dismiss(banner.id), children: jsx(CloseIcon, { size: 16 }) })] }, banner.id))), visibleAlerts.map((banner) => {
-                const content = (jsxs("div", { className: sx(contentStyle$5), children: [jsx("p", { className: classes(sx(titleStyle$p), sx(alertTitleStyle)), children: decodeEntities(banner.title) }), banner.body && jsx("p", { className: classes(sx(detailStyle), sx(clampStyle)), children: decodeEntities(banner.body) })] }));
+    return (jsxs("div", { className: classes(sx(stackStyle$3), fullWidth && sx(flushStyle), className), role: "region", "aria-label": "Page notices", children: [visibleSystem.map((banner) => (jsxs("div", { className: classes(sx(bannerStyle$1), sx(systemStyle)), role: "status", children: [jsx(InfoIcon$1, { className: sx(systemIconStyle), size: 20, "aria-hidden": "true" }), jsxs("div", { className: sx(contentStyle$5), children: [jsx("p", { className: sx(titleStyle$q), children: decodeEntities(banner.html) }), banner.detailHtml && jsx("p", { className: sx(detailStyle), children: decodeEntities(banner.detailHtml) })] }), jsx("button", { type: "button", className: sx(dismissStyle), "aria-label": "Dismiss notice", onClick: () => dismiss(banner.id), children: jsx(CloseIcon, { size: 16 }) })] }, banner.id))), visibleAlerts.map((banner) => {
+                const content = (jsxs("div", { className: sx(contentStyle$5), children: [jsx("p", { className: classes(sx(titleStyle$q), sx(alertTitleStyle)), children: decodeEntities(banner.title) }), banner.body && jsx("p", { className: classes(sx(detailStyle), sx(clampStyle)), children: decodeEntities(banner.body) })] }));
                 return (jsxs("div", { className: classes(sx(bannerStyle$1), sx(alertStyle$1)), role: "alert", children: [jsx(WarningIcon$1, { className: sx(alertIconStyle), size: 20, "aria-hidden": "true" }), banner.href ? (jsx("a", { href: banner.href, className: sx(alertLinkStyle), children: content })) : (content), jsx("button", { type: "button", className: classes(sx(dismissStyle), sx(alertDismissStyle)), "aria-label": "Dismiss alert", onClick: () => dismiss(banner.id), children: jsx(CloseIcon, { size: 16 }) })] }, banner.id));
             })] }));
 };
@@ -16623,7 +16623,7 @@ const alertStyle = {
     label: 'PreferencesPanel-alertStyle',
     width: '100%',
 };
-const titleStyle$o = {
+const titleStyle$p = {
     label: 'PreferencesPanel-titleStyle',
     fontSize: 'var(--text-lg)',
     fontWeight: 'var(--font-semibold)',
@@ -16732,7 +16732,7 @@ const DEFAULT_ICONS = {
  */
 const PreferencesPanel = ({ title, sections, alert, footer, isLoading = false, className = '', }) => {
     const panelClasses = cx(sx(panelStyle$4), isLoading && sx(loadingStyle$2), className);
-    return (jsxs("div", { className: panelClasses, children: [alert && (jsx("div", { className: sx(alertStyle), children: alert })), title && jsx("h2", { className: sx(titleStyle$o), children: title }), jsx("div", { className: sx(gridStyle$5), children: sections.map((section, i) => (jsxs("div", { className: sx(sectionStyle$7), children: [jsxs("div", { className: sx(sectionHeaderStyle$2), children: [(section.icon || DEFAULT_ICONS[section.title.toLowerCase()]) && (jsx("span", { className: sx(sectionIconStyle$2), children: section.icon || DEFAULT_ICONS[section.title.toLowerCase()] })), jsx("h3", { className: sx(sectionTitleStyle$a), children: section.title })] }), jsx("div", { className: sx(fieldsStyle$1), children: section.fields.map((field, j) => (jsxs("div", { className: sx(fieldStyle$3), children: [jsx("label", { className: sx(fieldLabelStyle$1), children: field.label }), field.input ? (jsx("div", { className: sx(fieldInputStyle), children: field.input })) : (jsx("div", { className: sx(fieldValueStyle$1), children: field.value || '—' }))] }, j))) })] }, i))) }), footer && (jsx("div", { className: sx(footerStyle$4), children: footer }))] }));
+    return (jsxs("div", { className: panelClasses, children: [alert && (jsx("div", { className: sx(alertStyle), children: alert })), title && jsx("h2", { className: sx(titleStyle$p), children: title }), jsx("div", { className: sx(gridStyle$5), children: sections.map((section, i) => (jsxs("div", { className: sx(sectionStyle$7), children: [jsxs("div", { className: sx(sectionHeaderStyle$2), children: [(section.icon || DEFAULT_ICONS[section.title.toLowerCase()]) && (jsx("span", { className: sx(sectionIconStyle$2), children: section.icon || DEFAULT_ICONS[section.title.toLowerCase()] })), jsx("h3", { className: sx(sectionTitleStyle$a), children: section.title })] }), jsx("div", { className: sx(fieldsStyle$1), children: section.fields.map((field, j) => (jsxs("div", { className: sx(fieldStyle$3), children: [jsx("label", { className: sx(fieldLabelStyle$1), children: field.label }), field.input ? (jsx("div", { className: sx(fieldInputStyle), children: field.input })) : (jsx("div", { className: sx(fieldValueStyle$1), children: field.value || '—' }))] }, j))) })] }, i))) }), footer && (jsx("div", { className: sx(footerStyle$4), children: footer }))] }));
 };
 PreferencesPanel.displayName = 'PreferencesPanel';
 
@@ -16784,7 +16784,7 @@ const identityTextStyle = {
     flexDirection: 'column',
     gap: 2,
 };
-const nameStyle$2 = {
+const nameStyle$3 = {
     label: 'ProfileMenu-nameStyle',
     overflow: 'hidden',
     fontSize: 18,
@@ -16858,7 +16858,7 @@ const dangerStyle$1 = {
  * user, the rows, and their handlers, and positions the menu (e.g. as the
  * `profileMenu` popover of HubAppShell).
  */
-const ProfileMenu = ({ name, email, initials, avatarSrc, profileLabel = 'Profile', accountLabel = 'Account', items, className = '', ...props }) => (jsxs("div", { className: cx(sx(menuStyle), className), role: "menu", "aria-label": profileLabel, "data-test": "profile-menu", ...props, children: [jsxs("div", { className: sx(identityBlockStyle), children: [jsx("p", { className: sx(sectionLabelStyle), children: profileLabel }), jsxs("div", { className: sx(identityStyle), children: [jsx(Avatar, { name: name, initials: initials, src: avatarSrc, size: "lg" }), jsxs("div", { className: sx(identityTextStyle), children: [jsx("span", { className: sx(nameStyle$2), children: name }), jsx("span", { className: sx(emailStyle), children: email })] })] })] }), jsxs("div", { className: sx(sectionStyle$6), children: [jsx("p", { className: sx(sectionLabelStyle), children: accountLabel }), items.map((item) => (jsxs("button", { type: "button", role: "menuitem", className: cx(sx(itemStyle$1), item.variant === 'danger' && sx(dangerStyle$1)), onClick: item.onClick, "data-test": `profile-menu-${item.key}`, children: [item.icon && jsx("span", { className: sx(itemIconStyle), children: item.icon }), jsx("span", { children: item.label })] }, item.key)))] })] }));
+const ProfileMenu = ({ name, email, initials, avatarSrc, profileLabel = 'Profile', accountLabel = 'Account', items, className = '', ...props }) => (jsxs("div", { className: cx(sx(menuStyle), className), role: "menu", "aria-label": profileLabel, "data-test": "profile-menu", ...props, children: [jsxs("div", { className: sx(identityBlockStyle), children: [jsx("p", { className: sx(sectionLabelStyle), children: profileLabel }), jsxs("div", { className: sx(identityStyle), children: [jsx(Avatar, { name: name, initials: initials, src: avatarSrc, size: "lg" }), jsxs("div", { className: sx(identityTextStyle), children: [jsx("span", { className: sx(nameStyle$3), children: name }), jsx("span", { className: sx(emailStyle), children: email })] })] })] }), jsxs("div", { className: sx(sectionStyle$6), children: [jsx("p", { className: sx(sectionLabelStyle), children: accountLabel }), items.map((item) => (jsxs("button", { type: "button", role: "menuitem", className: cx(sx(itemStyle$1), item.variant === 'danger' && sx(dangerStyle$1)), onClick: item.onClick, "data-test": `profile-menu-${item.key}`, children: [item.icon && jsx("span", { className: sx(itemIconStyle), children: item.icon }), jsx("span", { children: item.label })] }, item.key)))] })] }));
 
 /**
  * QuoteCostBreakdown's compiled rules.
@@ -16882,7 +16882,7 @@ const breakdownStyle = {
     flexDirection: 'column',
     gap: 'var(--space-3)',
 };
-const titleStyle$n = {
+const titleStyle$o = {
     label: 'QuoteCostBreakdown-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -17028,11 +17028,11 @@ const QuoteCostBreakdown = ({ lineItems, adjustments = [], currency = 'USD', loc
     const quantityFormatter = useMemo(() => new Intl.NumberFormat(locale), [locale]);
     const totals = useMemo(() => computeQuoteTotals(lineItems, adjustments), [lineItems, adjustments]);
     const perPassenger = passengerCount && passengerCount > 0 ? totals.total / passengerCount : undefined;
-    return (jsxs("section", { className: cx(sx(breakdownStyle), className), "aria-label": title || 'Cost breakdown', "data-test": "quote-cost-breakdown", children: [title && jsx("h3", { className: sx(titleStyle$n), children: title }), jsx("div", { className: sx(tableScrollStyle$1), children: jsxs("table", { className: sx(tableStyle$7), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Item" }), jsx("th", { scope: "col", className: sx(numericStyle), children: "Qty" }), jsx("th", { scope: "col", className: sx(numericStyle), children: "Unit price" }), jsx("th", { scope: "col", className: sx(numericStyle), children: "Amount" })] }) }), jsxs("tbody", { children: [lineItems.length === 0 && (jsx("tr", { children: jsx("td", { colSpan: 4, className: sx(emptyStyle$a), "data-test": "quote-cost-empty", children: "This quote has no cost line items yet." }) })), lineItems.map((lineItem) => (jsxs("tr", { "data-test": "quote-cost-line-item", children: [jsxs("th", { scope: "row", className: sx(itemCellStyle), children: [jsx("span", { className: sx(itemLabelStyle), children: lineItem.label }), jsxs("span", { className: sx(itemMetaStyle), children: [CATEGORY_LABELS[lineItem.category ?? 'other'], lineItem.description ? ` · ${lineItem.description}` : ''] })] }), jsxs("td", { className: sx(numericStyle), children: [quantityFormatter.format(lineItem.quantity), " ", lineItem.unit] }), jsx("td", { className: sx(numericStyle), children: currencyFormatter.format(lineItem.unitPrice) }), jsx("td", { className: cx(sx(numericStyle), sx(amountStyle)), children: currencyFormatter.format(computeLineItemTotal(lineItem)) })] }, lineItem.id)))] }), jsxs("tfoot", { children: [jsxs("tr", { className: sx(subtotalRowStyle), children: [jsx("th", { scope: "row", colSpan: 3, children: "Subtotal" }), jsx("td", { className: cx(sx(numericStyle), sx(amountStyle)), "data-test": "quote-cost-subtotal", children: currencyFormatter.format(totals.subtotal) })] }), adjustments.map((adjustment) => (jsxs("tr", { "data-test": "quote-cost-adjustment", children: [jsxs("th", { scope: "row", colSpan: 3, className: sx(itemCellStyle), children: [jsx("span", { className: sx(itemLabelStyle), children: adjustment.label }), adjustment.note && jsx("span", { className: sx(itemMetaStyle), children: adjustment.note })] }), jsx("td", { className: cx(sx(numericStyle), sx(amountStyle), adjustment.amount < 0 && sx(creditStyle)), children: currencyFormatter.format(adjustment.amount) })] }, adjustment.id))), jsxs("tr", { className: sx(totalRowStyle), children: [jsx("th", { scope: "row", colSpan: 3, children: "Quoted total" }), jsx("td", { className: cx(sx(numericStyle), sx(amountStyle)), "data-test": "quote-cost-total", children: currencyFormatter.format(totals.total) })] }), perPassenger !== undefined && (jsxs("tr", { className: sx(perPassengerRowStyle), children: [jsxs("th", { scope: "row", colSpan: 3, children: ["Per passenger (", quantityFormatter.format(passengerCount), " pax)"] }), jsx("td", { className: sx(numericStyle), "data-test": "quote-cost-per-passenger", children: currencyFormatter.format(perPassenger) })] }))] })] }) })] }));
+    return (jsxs("section", { className: cx(sx(breakdownStyle), className), "aria-label": title || 'Cost breakdown', "data-test": "quote-cost-breakdown", children: [title && jsx("h3", { className: sx(titleStyle$o), children: title }), jsx("div", { className: sx(tableScrollStyle$1), children: jsxs("table", { className: sx(tableStyle$7), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Item" }), jsx("th", { scope: "col", className: sx(numericStyle), children: "Qty" }), jsx("th", { scope: "col", className: sx(numericStyle), children: "Unit price" }), jsx("th", { scope: "col", className: sx(numericStyle), children: "Amount" })] }) }), jsxs("tbody", { children: [lineItems.length === 0 && (jsx("tr", { children: jsx("td", { colSpan: 4, className: sx(emptyStyle$a), "data-test": "quote-cost-empty", children: "This quote has no cost line items yet." }) })), lineItems.map((lineItem) => (jsxs("tr", { "data-test": "quote-cost-line-item", children: [jsxs("th", { scope: "row", className: sx(itemCellStyle), children: [jsx("span", { className: sx(itemLabelStyle), children: lineItem.label }), jsxs("span", { className: sx(itemMetaStyle), children: [CATEGORY_LABELS[lineItem.category ?? 'other'], lineItem.description ? ` · ${lineItem.description}` : ''] })] }), jsxs("td", { className: sx(numericStyle), children: [quantityFormatter.format(lineItem.quantity), " ", lineItem.unit] }), jsx("td", { className: sx(numericStyle), children: currencyFormatter.format(lineItem.unitPrice) }), jsx("td", { className: cx(sx(numericStyle), sx(amountStyle)), children: currencyFormatter.format(computeLineItemTotal(lineItem)) })] }, lineItem.id)))] }), jsxs("tfoot", { children: [jsxs("tr", { className: sx(subtotalRowStyle), children: [jsx("th", { scope: "row", colSpan: 3, children: "Subtotal" }), jsx("td", { className: cx(sx(numericStyle), sx(amountStyle)), "data-test": "quote-cost-subtotal", children: currencyFormatter.format(totals.subtotal) })] }), adjustments.map((adjustment) => (jsxs("tr", { "data-test": "quote-cost-adjustment", children: [jsxs("th", { scope: "row", colSpan: 3, className: sx(itemCellStyle), children: [jsx("span", { className: sx(itemLabelStyle), children: adjustment.label }), adjustment.note && jsx("span", { className: sx(itemMetaStyle), children: adjustment.note })] }), jsx("td", { className: cx(sx(numericStyle), sx(amountStyle), adjustment.amount < 0 && sx(creditStyle)), children: currencyFormatter.format(adjustment.amount) })] }, adjustment.id))), jsxs("tr", { className: sx(totalRowStyle), children: [jsx("th", { scope: "row", colSpan: 3, children: "Quoted total" }), jsx("td", { className: cx(sx(numericStyle), sx(amountStyle)), "data-test": "quote-cost-total", children: currencyFormatter.format(totals.total) })] }), perPassenger !== undefined && (jsxs("tr", { className: sx(perPassengerRowStyle), children: [jsxs("th", { scope: "row", colSpan: 3, children: ["Per passenger (", quantityFormatter.format(passengerCount), " pax)"] }), jsx("td", { className: sx(numericStyle), "data-test": "quote-cost-per-passenger", children: currencyFormatter.format(perPassenger) })] }))] })] }) })] }));
 };
 
 /** The button row itself; it wraps so the disabled reason can take a line of its own. */
-const actionsStyle$4 = {
+const actionsStyle$5 = {
     label: 'QuoteReviewActions-actionsStyle',
     display: 'flex',
     flexWrap: 'wrap',
@@ -17191,7 +17191,7 @@ const QuoteReviewActions = ({ quoteId, carrier, formattedTotal, changes = [], di
     const appendReason = (reason) => {
         setNote((current) => (current.trim() ? `${current.trim()}\n${reason}` : reason));
     };
-    return (jsxs("div", { className: cx(sx(actionsStyle$4), className), "data-test": "quote-review-actions", children: [jsx(Button, { disabled: disabled, onClick: () => setIsApproveOpen(true), "data-test": "quote-review-approve", children: approveLabel }), jsx(Button, { variant: "secondary", disabled: disabled, onClick: () => setIsRejectOpen(true), "data-test": "quote-review-reject", children: rejectLabel }), changes.length > 0 && (jsxs("span", { className: sx(changeCountStyle), "data-test": "quote-review-change-count", children: [changes.length, " field", changes.length === 1 ? '' : 's', " edited"] })), disabled && disabledReason && (jsx("p", { className: sx(disabledReasonStyle), "data-test": "quote-review-disabled-reason", children: disabledReason })), jsx(ConfirmModal, { isOpen: isApproveOpen, onClose: () => setIsApproveOpen(false), title: "Approve this quote?", confirmText: approveLabel, cancelText: "Cancel", loading: loading, onConfirm: confirmApprove, message: jsxs("span", { "data-test": "quote-review-approve-message", children: [jsxs("span", { className: sx(approveIntroStyle), children: ["Approving ", quoteId, " records ", carrier, formattedTotal ? `'s ${formattedTotal} quote` : "'s quote", " as approved. This cannot be undone from Hub."] }), changes.length > 0 ? (jsxs(Fragment, { children: [jsxs("span", { className: sx(changeIntroStyle), "data-test": "quote-review-change-intro", children: ["You changed ", changes.length, " field", changes.length === 1 ? '' : 's', " \u2014 the submitter is notified when these edits are stored."] }), jsx("span", { className: sx(changeListStyle), "data-test": "quote-review-change-list", children: changes.map((change) => (jsxs("span", { className: sx(changeStyle), "data-test": "quote-review-change", children: [jsx("span", { className: sx(changeLabelStyle), children: change.label }), jsxs("span", { className: sx(changeValuesStyle), children: [jsx("s", { className: sx(changeFromStyle), children: change.from }), jsx("span", { "aria-hidden": "true", children: "\u2192" }), jsx("strong", { className: sx(changeToStyle), children: change.to })] })] }, change.field))) })] })) : (jsx("span", { className: sx(changeIntroStyle), "data-test": "quote-review-no-changes", children: "You have not changed anything \u2014 the quote is approved exactly as the carrier submitted it." }))] }) }), jsxs(Drawer, { isOpen: isRejectOpen, onClose: closeReject, position: "right", size: "md", children: [jsx(Drawer.Header, { title: `Reject ${quoteId}` }), jsx(Drawer.Body, { children: jsxs("div", { className: sx(changesBodyStyle), children: [jsx("p", { className: sx(changesIntroStyle), children: "Rejecting closes the quote outright. The note is stored with the decision for the Charter Sourcing team; the current workflow does not send a rejection email." }), rejectReasons.length > 0 && (jsx("div", { className: sx(reasonsStyle), role: "group", "aria-label": "Common reasons", children: rejectReasons.map((reason) => (jsx("button", { type: "button", className: sx(reasonStyle$2), onClick: () => appendReason(reason), "data-test": "quote-review-reason", children: reason }, reason))) })), jsx(Textarea, { id: "quote-review-reject-note", label: "Why is this being rejected?", helperText: "Stored with the rejection for the Charter Sourcing team.", rows: 6, fullWidth: true, value: note, onChange: (event) => setNote(event.target.value), placeholder: "Explain why this quote cannot be approved\u2026", "data-test": "quote-review-message" })] }) }), jsx(Drawer.Footer, { children: jsxs("div", { className: sx(drawerFooterStyle), children: [jsx(Button, { variant: "secondary", onClick: closeReject, "data-test": "quote-review-cancel-reject", children: "Cancel" }), jsx(Button, { variant: "danger", disabled: !note.trim(), onClick: submitReject, "data-test": "quote-review-send-reject", children: "Confirm rejection" })] }) })] })] }));
+    return (jsxs("div", { className: cx(sx(actionsStyle$5), className), "data-test": "quote-review-actions", children: [jsx(Button, { disabled: disabled, onClick: () => setIsApproveOpen(true), "data-test": "quote-review-approve", children: approveLabel }), jsx(Button, { variant: "secondary", disabled: disabled, onClick: () => setIsRejectOpen(true), "data-test": "quote-review-reject", children: rejectLabel }), changes.length > 0 && (jsxs("span", { className: sx(changeCountStyle), "data-test": "quote-review-change-count", children: [changes.length, " field", changes.length === 1 ? '' : 's', " edited"] })), disabled && disabledReason && (jsx("p", { className: sx(disabledReasonStyle), "data-test": "quote-review-disabled-reason", children: disabledReason })), jsx(ConfirmModal, { isOpen: isApproveOpen, onClose: () => setIsApproveOpen(false), title: "Approve this quote?", confirmText: approveLabel, cancelText: "Cancel", loading: loading, onConfirm: confirmApprove, message: jsxs("span", { "data-test": "quote-review-approve-message", children: [jsxs("span", { className: sx(approveIntroStyle), children: ["Approving ", quoteId, " records ", carrier, formattedTotal ? `'s ${formattedTotal} quote` : "'s quote", " as approved. This cannot be undone from Hub."] }), changes.length > 0 ? (jsxs(Fragment, { children: [jsxs("span", { className: sx(changeIntroStyle), "data-test": "quote-review-change-intro", children: ["You changed ", changes.length, " field", changes.length === 1 ? '' : 's', " \u2014 the submitter is notified when these edits are stored."] }), jsx("span", { className: sx(changeListStyle), "data-test": "quote-review-change-list", children: changes.map((change) => (jsxs("span", { className: sx(changeStyle), "data-test": "quote-review-change", children: [jsx("span", { className: sx(changeLabelStyle), children: change.label }), jsxs("span", { className: sx(changeValuesStyle), children: [jsx("s", { className: sx(changeFromStyle), children: change.from }), jsx("span", { "aria-hidden": "true", children: "\u2192" }), jsx("strong", { className: sx(changeToStyle), children: change.to })] })] }, change.field))) })] })) : (jsx("span", { className: sx(changeIntroStyle), "data-test": "quote-review-no-changes", children: "You have not changed anything \u2014 the quote is approved exactly as the carrier submitted it." }))] }) }), jsxs(Drawer, { isOpen: isRejectOpen, onClose: closeReject, position: "right", size: "md", children: [jsx(Drawer.Header, { title: `Reject ${quoteId}` }), jsx(Drawer.Body, { children: jsxs("div", { className: sx(changesBodyStyle), children: [jsx("p", { className: sx(changesIntroStyle), children: "Rejecting closes the quote outright. The note is stored with the decision for the Charter Sourcing team; the current workflow does not send a rejection email." }), rejectReasons.length > 0 && (jsx("div", { className: sx(reasonsStyle), role: "group", "aria-label": "Common reasons", children: rejectReasons.map((reason) => (jsx("button", { type: "button", className: sx(reasonStyle$2), onClick: () => appendReason(reason), "data-test": "quote-review-reason", children: reason }, reason))) })), jsx(Textarea, { id: "quote-review-reject-note", label: "Why is this being rejected?", helperText: "Stored with the rejection for the Charter Sourcing team.", rows: 6, fullWidth: true, value: note, onChange: (event) => setNote(event.target.value), placeholder: "Explain why this quote cannot be approved\u2026", "data-test": "quote-review-message" })] }) }), jsx(Drawer.Footer, { children: jsxs("div", { className: sx(drawerFooterStyle), children: [jsx(Button, { variant: "secondary", onClick: closeReject, "data-test": "quote-review-cancel-reject", children: "Cancel" }), jsx(Button, { variant: "danger", disabled: !note.trim(), onClick: submitReject, "data-test": "quote-review-send-reject", children: "Confirm rejection" })] }) })] })] }));
 };
 QuoteReviewActions.displayName = 'QuoteReviewActions';
 
@@ -17212,7 +17212,7 @@ const summaryStyle$4 = {
     background: 'var(--color-white, #fff)',
     boxShadow: '0 1px 3px rgb(0 0 0 / 5%)',
 };
-const titleStyle$m = {
+const titleStyle$n = {
     label: 'RequestSummary-titleStyle',
     fontSize: 18,
     fontWeight: 600,
@@ -17330,7 +17330,7 @@ const RequestSummary = ({ sections, values, enabledSections = {}, submissionInfo
     const visibleSections = sections.filter(section => enabledSections[section.key] !== false);
     const populatedSections = visibleSections.filter((section) => (section.items?.some((item) => hasDisplayValue(resolveItemValue(item, values, `${section.key}_${item.label}`)))
         || section.segments?.some((segment) => segment.items.some((item) => (hasDisplayValue(resolveItemValue(item, values, `${section.key}_${segment.label}_${item.label}`)))))));
-    return (jsxs("div", { className: cx(sx(summaryStyle$4), className), "data-test": dataTest, children: [jsx("h2", { className: sx(titleStyle$m), children: title }), submissionInfo && (jsxs("div", { className: sx(submissionInfoStyle), children: [jsx("span", { className: sx(labelStyle$3), children: "Submitted by" }), jsx("span", { className: sx(valueStyle), children: submissionInfo.submittedBy }), jsx("span", { className: sx(labelStyle$3), children: "on" }), jsx("span", { className: sx(valueStyle), children: submissionInfo.submittedOn })] })), jsx("div", { className: sx(sectionsStyle$1), children: populatedSections.map((section) => (jsx(SummarySection, { section: section, values: values }, section.key))) }), populatedSections.length === 0 && (jsx("p", { className: sx(emptyStyle$9), children: "No services selected" }))] }));
+    return (jsxs("div", { className: cx(sx(summaryStyle$4), className), "data-test": dataTest, children: [jsx("h2", { className: sx(titleStyle$n), children: title }), submissionInfo && (jsxs("div", { className: sx(submissionInfoStyle), children: [jsx("span", { className: sx(labelStyle$3), children: "Submitted by" }), jsx("span", { className: sx(valueStyle), children: submissionInfo.submittedBy }), jsx("span", { className: sx(labelStyle$3), children: "on" }), jsx("span", { className: sx(valueStyle), children: submissionInfo.submittedOn })] })), jsx("div", { className: sx(sectionsStyle$1), children: populatedSections.map((section) => (jsx(SummarySection, { section: section, values: values }, section.key))) }), populatedSections.length === 0 && (jsx("p", { className: sx(emptyStyle$9), children: "No services selected" }))] }));
 };
 RequestSummary.displayName = 'RequestSummary';
 
@@ -18248,14 +18248,14 @@ const selectedStyle = {
         fontWeight: 500,
     },
 };
-const nameStyle$1 = {
+const nameStyle$2 = {
     label: 'SingleTeamPanelSelector-nameStyle',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
     whiteSpace: 'nowrap',
 };
 /* The sport code, held a step back from the name. */
-const codeStyle$1 = {
+const codeStyle$2 = {
     label: 'SingleTeamPanelSelector-codeStyle',
     flex: '0 0 auto',
     color: 'var(--color-slate, #5c5c5c)',
@@ -18287,7 +18287,7 @@ const SingleTeamPanelSelector = ({ categories, activeCategoryKey, defaultCategor
             setInternalKey(key);
         onCategoryChange?.(key);
     };
-    return (jsxs("div", { className: cx(sx(panelStyle$3), className), role: "dialog", "aria-label": "Book team travel", "data-test": "single-team-panel-selector", ...props, children: [jsx("div", { className: sx(tabsStyle$7), children: jsx(Segment, { options: options, value: activeCategory?.key ?? '', onChange: changeCategory, fullWidth: true, "aria-label": tabsLabel }) }), jsx("div", { className: sx(listStyle$2), role: "listbox", "aria-label": activeCategory ? `${activeCategory.label} teams` : 'Teams', children: activeCategory && activeCategory.teams.length > 0 ? (activeCategory.teams.map((team) => (jsxs("button", { type: "button", role: "option", "aria-selected": team.id === selectedTeamId, className: cx(sx(itemStyle), team.id === selectedTeamId && sx(selectedStyle)), onClick: () => onSelectTeam?.(team, activeCategory), "data-test": `single-team-panel-selector-option-${team.id}`, children: [jsx("span", { className: sx(nameStyle$1), children: team.name }), jsxs("span", { className: sx(codeStyle$1), children: ["(", team.code, ")"] })] }, team.id)))) : (jsx("p", { className: sx(emptyStyle$8), role: "status", children: emptyMessage })) })] }));
+    return (jsxs("div", { className: cx(sx(panelStyle$3), className), role: "dialog", "aria-label": "Book team travel", "data-test": "single-team-panel-selector", ...props, children: [jsx("div", { className: sx(tabsStyle$7), children: jsx(Segment, { options: options, value: activeCategory?.key ?? '', onChange: changeCategory, fullWidth: true, "aria-label": tabsLabel }) }), jsx("div", { className: sx(listStyle$2), role: "listbox", "aria-label": activeCategory ? `${activeCategory.label} teams` : 'Teams', children: activeCategory && activeCategory.teams.length > 0 ? (activeCategory.teams.map((team) => (jsxs("button", { type: "button", role: "option", "aria-selected": team.id === selectedTeamId, className: cx(sx(itemStyle), team.id === selectedTeamId && sx(selectedStyle)), onClick: () => onSelectTeam?.(team, activeCategory), "data-test": `single-team-panel-selector-option-${team.id}`, children: [jsx("span", { className: sx(nameStyle$2), children: team.name }), jsxs("span", { className: sx(codeStyle$2), children: ["(", team.code, ")"] })] }, team.id)))) : (jsx("p", { className: sx(emptyStyle$8), role: "status", children: emptyMessage })) })] }));
 };
 
 /**
@@ -18304,7 +18304,7 @@ const queueStyle = {
     flexDirection: 'column',
     gap: 'var(--space-3)',
 };
-const toolbarStyle$2 = {
+const toolbarStyle$3 = {
     label: 'SourcingReviewQueueTable-toolbarStyle',
     display: 'flex',
     flexWrap: 'wrap',
@@ -18520,7 +18520,7 @@ const SourcingReviewQueueTable = ({ quotes, selectedQuoteIds, onSelectionChange,
             render: (_value, quote) => jsx(StatusBadge, { status: quote.status }),
         },
     ];
-    return (jsxs("div", { className: cx(sx(queueStyle), className), "data-test": "sourcing-review-queue", children: [jsxs("div", { className: sx(toolbarStyle$2), children: [!hideFilters && (jsxs("div", { className: sx(filtersStyle$3), children: [jsx(Input, { size: "sm", type: "search", "aria-label": "Search quotes", placeholder: "Search carrier, trip, or school", leftIcon: jsx(SearchIcon$1, { size: 16 }), value: searchTerm, onChange: (event) => {
+    return (jsxs("div", { className: cx(sx(queueStyle), className), "data-test": "sourcing-review-queue", children: [jsxs("div", { className: sx(toolbarStyle$3), children: [!hideFilters && (jsxs("div", { className: sx(filtersStyle$3), children: [jsx(Input, { size: "sm", type: "search", "aria-label": "Search quotes", placeholder: "Search carrier, trip, or school", leftIcon: jsx(SearchIcon$1, { size: 16 }), value: searchTerm, onChange: (event) => {
                                     setSearchTerm(event.target.value);
                                     setPage(1);
                                 }, "data-test": "sourcing-queue-search" }), jsxs("label", { className: sx(statusFilterStyle), children: [jsx("span", { className: sx(statusFilterLabelStyle), children: "Status" }), jsx("select", { value: statusFilter, onChange: (event) => {
@@ -18548,7 +18548,7 @@ const SourcingReviewQueueTable = ({ quotes, selectedQuoteIds, onSelectionChange,
  * - `.teamItem:hover .chevron` names two generated classes, so the chevron's
  *   name is resolved here and used as a computed key.
  */
-const cardStyle$6 = {
+const cardStyle$7 = {
     label: 'TeamCard-cardStyle',
     overflow: 'hidden',
     border: '1px solid var(--border-color-dark, #ababab)',
@@ -18569,7 +18569,7 @@ const iconStyle = {
     display: 'flex',
     color: 'var(--color-primary, #005eb8)',
 };
-const titleStyle$l = {
+const titleStyle$m = {
     label: 'TeamCard-titleStyle',
     margin: 0,
     color: 'var(--color-slate, #5c5c5c)',
@@ -18719,8 +18719,8 @@ const TeamCard = ({ title = 'Administer Teams', icon, teams, onTeamSelect, class
             return teams;
         return teams.filter(team => team.category === activeTab);
     }, [teams, activeTab]);
-    const cardClasses = cx(sx(cardStyle$6), className);
-    return (jsxs("div", { className: cardClasses, "data-test": "team-card", children: [jsxs("div", { className: sx(headerStyle$r), children: [jsx("span", { className: sx(iconStyle), children: icon || jsx(UsersIcon, {}) }), jsx("h3", { className: sx(titleStyle$l), children: title })] }), jsxs("div", { className: sx(bodyStyle$3), children: [jsx("div", { className: sx(tabsStyle$6), children: TEAM_GROUPS.map(({ label, key }) => (jsx("button", { type: "button", onClick: () => setActiveTab(key), className: cx(sx(tabStyle), activeTab === key && sx(tabActiveStyle)), "data-test": `team-card-filter-${key ?? 'all'}`, children: label }, label))) }), jsxs("div", { className: sx(listStyle$1), children: [filteredTeams.map((team) => (jsxs("button", { type: "button", className: sx(teamItemStyle), "data-test": `team-card-team-${team.id}`, onClick: () => onTeamSelect?.(team), children: [jsx("span", { className: sx(teamCodeStyle$1), style: { backgroundColor: getTeamColor(team.code) }, children: team.code }), jsx("span", { className: sx(teamNameStyle), children: team.description }), jsx("span", { className: sx(chevronStyle$1), children: jsx(ChevronRightIcon, {}) })] }, team.id))), filteredTeams.length === 0 && (jsx("div", { className: sx(emptyStyle$7), children: "No teams found" }))] })] })] }));
+    const cardClasses = cx(sx(cardStyle$7), className);
+    return (jsxs("div", { className: cardClasses, "data-test": "team-card", children: [jsxs("div", { className: sx(headerStyle$r), children: [jsx("span", { className: sx(iconStyle), children: icon || jsx(UsersIcon, {}) }), jsx("h3", { className: sx(titleStyle$m), children: title })] }), jsxs("div", { className: sx(bodyStyle$3), children: [jsx("div", { className: sx(tabsStyle$6), children: TEAM_GROUPS.map(({ label, key }) => (jsx("button", { type: "button", onClick: () => setActiveTab(key), className: cx(sx(tabStyle), activeTab === key && sx(tabActiveStyle)), "data-test": `team-card-filter-${key ?? 'all'}`, children: label }, label))) }), jsxs("div", { className: sx(listStyle$1), children: [filteredTeams.map((team) => (jsxs("button", { type: "button", className: sx(teamItemStyle), "data-test": `team-card-team-${team.id}`, onClick: () => onTeamSelect?.(team), children: [jsx("span", { className: sx(teamCodeStyle$1), style: { backgroundColor: getTeamColor(team.code) }, children: team.code }), jsx("span", { className: sx(teamNameStyle), children: team.description }), jsx("span", { className: sx(chevronStyle$1), children: jsx(ChevronRightIcon, {}) })] }, team.id))), filteredTeams.length === 0 && (jsx("div", { className: sx(emptyStyle$7), children: "No teams found" }))] })] })] }));
 };
 TeamCard.displayName = 'TeamCard';
 
@@ -19120,7 +19120,7 @@ const TeamContactsPanel = ({ contacts, value, onChange, disabled = false, loadin
 };
 TeamContactsPanel.displayName = 'TeamContactsPanel';
 
-const actionsStyle$3 = {
+const actionsStyle$4 = {
     label: 'TeamScheduleActions-actionsStyle', margin: '16px 0'
 };
 const primaryRowStyle = {
@@ -19209,7 +19209,7 @@ const secondaryRowStyle = {
 };
 
 /** Exact presentational counterpart of Hub's Team Schedule action controls. */
-const TeamScheduleActions = ({ isCompactView, tripCount, seasonLabel, seasonValue, seasonOptions = [], previousSeasonDisabled = false, exportDisabled = false, exporting = false, groupTravelDisabled = false, mergeDisabled = false, unmergeDisabled = false, merging = false, unmerging = false, onViewSchedule, onBack, onPreviousSeason, onNextSeason, onSeasonChange, onExport, onGroupTravelRequest, onMergeEvents, onUnmergeEvents, className = '', }) => (jsxs("div", { className: cx(sx(actionsStyle$3), className), "data-test": "team-schedule-actions", children: [jsxs("div", { className: sx(primaryRowStyle), children: [!isCompactView ? (onViewSchedule && jsx(Button, { "data-test": "team-schedule-view-edit", size: "sm", onClick: onViewSchedule, children: "View/Edit Schedule" })) : (onBack && jsx(Button, { "data-test": "team-schedule-back", size: "sm", onClick: onBack, leftIcon: jsx(ChevronLeftIcon, { size: 14 }), children: "Back" })), jsxs("div", { className: sx(seasonNavigatorStyle), children: [onPreviousSeason && jsx(Button, { "data-test": "team-schedule-previous-season", variant: "secondary", size: "sm", square: true, "aria-label": "Previous Season", disabled: previousSeasonDisabled, onClick: onPreviousSeason, children: jsx(ChevronLeftIcon, { size: 18 }) }), jsxs("div", { className: sx(seasonLabelStyle), children: [jsx("span", { className: sx(seasonValueStyle), children: seasonLabel }), !!seasonOptions.length && onSeasonChange && (jsx("select", { "data-test": "team-schedule-season", "aria-label": "Season", value: seasonValue, onChange: (event) => onSeasonChange(event.target.value), children: seasonOptions.map((option) => jsx("option", { value: option.value, children: option.label }, option.value)) }))] }), onNextSeason && jsx(Button, { "data-test": "team-schedule-next-season", variant: "secondary", size: "sm", square: true, "aria-label": "Next Season", onClick: onNextSeason, children: jsx(ChevronRightIcon$1, { size: 18 }) })] }), onExport && jsx(Button, { "data-test": "team-schedule-export", variant: "outline", size: "sm", loading: exporting, disabled: exportDisabled, rightIcon: jsx(ArrowUpRightIcon, { size: 14 }), onClick: onExport, children: "Export XLS" }), jsxs("span", { className: sx(tripCountStyle), "data-test": "team-schedule-trip-count", children: [tripCount, " trips displayed"] })] }), isCompactView && (onGroupTravelRequest || onMergeEvents || onUnmergeEvents) && (jsxs("div", { className: sx(secondaryRowStyle), children: [onGroupTravelRequest && jsx(Button, { "data-test": "team-schedule-group-travel-request", variant: "outline", size: "sm", disabled: groupTravelDisabled, onClick: onGroupTravelRequest, children: "Group Travel Request" }), onMergeEvents && jsx(Button, { "data-test": "team-schedule-merge-events", variant: "outline", size: "sm", disabled: mergeDisabled, loading: merging, onClick: onMergeEvents, children: "Merge Events" }), onUnmergeEvents && jsx(Button, { "data-test": "team-schedule-unmerge-events", variant: "outline", size: "sm", disabled: unmergeDisabled, loading: unmerging, onClick: onUnmergeEvents, children: "Unmerge Events" })] }))] }));
+const TeamScheduleActions = ({ isCompactView, tripCount, seasonLabel, seasonValue, seasonOptions = [], previousSeasonDisabled = false, exportDisabled = false, exporting = false, groupTravelDisabled = false, mergeDisabled = false, unmergeDisabled = false, merging = false, unmerging = false, onViewSchedule, onBack, onPreviousSeason, onNextSeason, onSeasonChange, onExport, onGroupTravelRequest, onMergeEvents, onUnmergeEvents, className = '', }) => (jsxs("div", { className: cx(sx(actionsStyle$4), className), "data-test": "team-schedule-actions", children: [jsxs("div", { className: sx(primaryRowStyle), children: [!isCompactView ? (onViewSchedule && jsx(Button, { "data-test": "team-schedule-view-edit", size: "sm", onClick: onViewSchedule, children: "View/Edit Schedule" })) : (onBack && jsx(Button, { "data-test": "team-schedule-back", size: "sm", onClick: onBack, leftIcon: jsx(ChevronLeftIcon, { size: 14 }), children: "Back" })), jsxs("div", { className: sx(seasonNavigatorStyle), children: [onPreviousSeason && jsx(Button, { "data-test": "team-schedule-previous-season", variant: "secondary", size: "sm", square: true, "aria-label": "Previous Season", disabled: previousSeasonDisabled, onClick: onPreviousSeason, children: jsx(ChevronLeftIcon, { size: 18 }) }), jsxs("div", { className: sx(seasonLabelStyle), children: [jsx("span", { className: sx(seasonValueStyle), children: seasonLabel }), !!seasonOptions.length && onSeasonChange && (jsx("select", { "data-test": "team-schedule-season", "aria-label": "Season", value: seasonValue, onChange: (event) => onSeasonChange(event.target.value), children: seasonOptions.map((option) => jsx("option", { value: option.value, children: option.label }, option.value)) }))] }), onNextSeason && jsx(Button, { "data-test": "team-schedule-next-season", variant: "secondary", size: "sm", square: true, "aria-label": "Next Season", onClick: onNextSeason, children: jsx(ChevronRightIcon$1, { size: 18 }) })] }), onExport && jsx(Button, { "data-test": "team-schedule-export", variant: "outline", size: "sm", loading: exporting, disabled: exportDisabled, rightIcon: jsx(ArrowUpRightIcon, { size: 14 }), onClick: onExport, children: "Export XLS" }), jsxs("span", { className: sx(tripCountStyle), "data-test": "team-schedule-trip-count", children: [tripCount, " trips displayed"] })] }), isCompactView && (onGroupTravelRequest || onMergeEvents || onUnmergeEvents) && (jsxs("div", { className: sx(secondaryRowStyle), children: [onGroupTravelRequest && jsx(Button, { "data-test": "team-schedule-group-travel-request", variant: "outline", size: "sm", disabled: groupTravelDisabled, onClick: onGroupTravelRequest, children: "Group Travel Request" }), onMergeEvents && jsx(Button, { "data-test": "team-schedule-merge-events", variant: "outline", size: "sm", disabled: mergeDisabled, loading: merging, onClick: onMergeEvents, children: "Merge Events" }), onUnmergeEvents && jsx(Button, { "data-test": "team-schedule-unmerge-events", variant: "outline", size: "sm", disabled: unmergeDisabled, loading: unmerging, onClick: onUnmergeEvents, children: "Unmerge Events" })] }))] }));
 
 //#region src/FlexRender.tsx
 function isReactComponent(component) {
@@ -26000,7 +26000,7 @@ const addRowStyle = {
         paddingLeft: 0,
     },
 };
-const toolbarStyle$1 = {
+const toolbarStyle$2 = {
     label: 'TeamScheduleCompactTable-toolbarStyle',
     display: 'flex',
     alignItems: 'center',
@@ -26011,7 +26011,7 @@ const toolbarStyle$1 = {
         flexWrap: 'wrap',
     },
 };
-const searchStyle = {
+const searchStyle$1 = {
     label: 'TeamScheduleCompactTable-searchStyle',
     display: 'inline-flex',
     alignItems: 'center',
@@ -26430,7 +26430,7 @@ const TeamScheduleCompactTable = ({ data, rows, tripHeaders = DEFAULT_TRIP_HEADE
     return (jsxs("div", { 
         // The stylesheet never carried a `.schedule` rule, so this wrapper only
         // ever wore the caller's class.
-        className: className, "data-test": "team-schedule-editor", children: [(enableGlobalFilter || enableColumnVisibility) && (jsxs("div", { className: sx(toolbarStyle$1), children: [enableGlobalFilter ? (jsxs("label", { className: sx(searchStyle), children: [jsx(SearchIcon$1, { size: 16 }), jsx("input", { type: "search", value: globalFilter, onChange: (event) => table.setGlobalFilter(event.target.value), placeholder: globalFilterPlaceholder, "aria-label": "Search trips and events", "data-test": "team-schedule-search" })] })) : (jsx("span", {})), enableColumnVisibility && (jsxs("details", { className: sx(columnMenuStyle), "data-test": "team-schedule-column-menu", children: [jsxs("summary", { children: ["Columns ", jsx(ChevronDownIcon$1, { size: 14 })] }), jsx("div", { className: sx(columnMenuListStyle), children: table
+        className: className, "data-test": "team-schedule-editor", children: [(enableGlobalFilter || enableColumnVisibility) && (jsxs("div", { className: sx(toolbarStyle$2), children: [enableGlobalFilter ? (jsxs("label", { className: sx(searchStyle$1), children: [jsx(SearchIcon$1, { size: 16 }), jsx("input", { type: "search", value: globalFilter, onChange: (event) => table.setGlobalFilter(event.target.value), placeholder: globalFilterPlaceholder, "aria-label": "Search trips and events", "data-test": "team-schedule-search" })] })) : (jsx("span", {})), enableColumnVisibility && (jsxs("details", { className: sx(columnMenuStyle), "data-test": "team-schedule-column-menu", children: [jsxs("summary", { children: ["Columns ", jsx(ChevronDownIcon$1, { size: 14 })] }), jsx("div", { className: sx(columnMenuListStyle), children: table
                                     .getAllLeafColumns()
                                     .filter((column) => column.getCanHide())
                                     .map((column) => (jsxs("label", { children: [jsx("input", { type: "checkbox", className: sx(checkboxStyle), checked: column.getIsVisible(), onChange: column.getToggleVisibilityHandler() }), typeof column.columnDef.header === "string" &&
@@ -27016,7 +27016,7 @@ const TeamScheduleEditor = ({ rows, initialRows = [], opponentOptions = [], onCh
 /** The two responsive breakpoints, spelled exactly as the stylesheet had them. */
 const COMPACT = '@media (max-width: 900px)';
 const NARROW = '@media (max-width: 640px)';
-const toolbarStyle = {
+const toolbarStyle$1 = {
     label: 'TeamTravelCalendarViews-toolbarStyle',
     display: 'flex',
     minWidth: 0,
@@ -27895,7 +27895,7 @@ const sportColor = (sportCode) => {
  * Period controls shared by the calendar views: previous, next, today, and month/week.
  * Stateless -- the host owns the active date and passes the label back in.
  */
-const TeamTravelCalendarToolbar = ({ duration, label = '', navigation, onDurationChange, onToday, onPrevious, onNext, className = '', }) => (jsxs("div", { className: cx(sx(toolbarStyle), className), "data-test": "calendar-toolbar", children: [jsx("button", { type: "button", className: sx(todayButtonStyle), onClick: onToday, "data-test": "calendar-today", children: "Today" }), jsx(SegmentedSelector, { value: duration, size: "sm", ariaLabel: "Calendar duration", onChange: (value) => onDurationChange?.(value), options: [{ id: 'month', label: 'Month' }, { id: 'week', label: 'Week' }] }), navigation ?? (jsxs("div", { className: sx(periodNavigationStyle), children: [jsx("button", { type: "button", className: sx(navigationButtonStyle), "aria-label": `Previous ${duration}`, onClick: onPrevious, children: jsx(ChevronLeft$1, {}) }), jsx("button", { type: "button", className: sx(periodButtonStyle), children: label }), jsx("button", { type: "button", className: sx(navigationButtonStyle), "aria-label": `Next ${duration}`, onClick: onNext, children: jsx(ChevronRight$2, {}) })] }))] }));
+const TeamTravelCalendarToolbar = ({ duration, label = '', navigation, onDurationChange, onToday, onPrevious, onNext, className = '', }) => (jsxs("div", { className: cx(sx(toolbarStyle$1), className), "data-test": "calendar-toolbar", children: [jsx("button", { type: "button", className: sx(todayButtonStyle), onClick: onToday, "data-test": "calendar-today", children: "Today" }), jsx(SegmentedSelector, { value: duration, size: "sm", ariaLabel: "Calendar duration", onChange: (value) => onDurationChange?.(value), options: [{ id: 'month', label: 'Month' }, { id: 'week', label: 'Week' }] }), navigation ?? (jsxs("div", { className: sx(periodNavigationStyle), children: [jsx("button", { type: "button", className: sx(navigationButtonStyle), "aria-label": `Previous ${duration}`, onClick: onPrevious, children: jsx(ChevronLeft$1, {}) }), jsx("button", { type: "button", className: sx(periodButtonStyle), children: label }), jsx("button", { type: "button", className: sx(navigationButtonStyle), "aria-label": `Next ${duration}`, onClick: onNext, children: jsx(ChevronRight$2, {}) })] }))] }));
 const getVisibleDates = (activeDate, duration) => {
     const active = parseDate(activeDate);
     if (duration === 'week') {
@@ -28040,7 +28040,7 @@ const moveTeamTravelCalendarPeriod = (activeDate, duration, amount) => {
  * later. Injected classes tie there, so the winner would be whichever object was
  * injected first. Doubling the selector on the override restores the ranking.
  */
-const formStyle$4 = {
+const formStyle$5 = {
     label: 'TeamManagementForms-formStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -28072,7 +28072,7 @@ const threeColumnGridStyle = {
         gridTemplateColumns: 'repeat(3, minmax(0, 1fr))',
     },
 };
-const actionsStyle$2 = {
+const actionsStyle$3 = {
     label: 'TeamManagementForms-actionsStyle',
     display: 'flex',
     justifyContent: 'flex-end',
@@ -28243,10 +28243,10 @@ const useManagedValues = (controlledValues, initialValues, onChange) => {
 };
 const numericValue$1 = (value) => value === '' ? '' : Number(value);
 const FormShell = ({ ariaLabel, children, className = '', disabled = false, onCancel, onSubmit, showActions = true, values, }) => {
-    const content = (jsxs(Fragment, { children: [children, showActions && (jsxs("div", { className: sx(actionsStyle$2), children: [jsx(Button, { type: "button", variant: "secondary", onClick: onCancel, disabled: disabled, children: "Cancel" }), jsx(Button, { type: "submit", disabled: disabled, children: "Save" })] }))] }));
+    const content = (jsxs(Fragment, { children: [children, showActions && (jsxs("div", { className: sx(actionsStyle$3), children: [jsx(Button, { type: "button", variant: "secondary", onClick: onCancel, disabled: disabled, children: "Cancel" }), jsx(Button, { type: "submit", disabled: disabled, children: "Save" })] }))] }));
     if (!showActions)
-        return jsx("div", { className: cx(sx(formStyle$4), className), children: content });
-    return (jsx("form", { "aria-label": ariaLabel, className: cx(sx(formStyle$4), className), onSubmit: (event) => {
+        return jsx("div", { className: cx(sx(formStyle$5), className), children: content });
+    return (jsx("form", { "aria-label": ariaLabel, className: cx(sx(formStyle$5), className), onSubmit: (event) => {
             event.preventDefault();
             onSubmit?.(values);
         }, children: content }));
@@ -28400,11 +28400,11 @@ const IMPORT_COPY = {
 const TeamImportForm = ({ kind, onSubmit, onCancel, disabled = false, className = '' }) => {
     const [file, setFile] = useState(null);
     const copy = IMPORT_COPY[kind];
-    return (jsxs("form", { "aria-label": `Import ${kind}`, className: cx(sx(formStyle$4), className), onSubmit: (event) => {
+    return (jsxs("form", { "aria-label": `Import ${kind}`, className: cx(sx(formStyle$5), className), onSubmit: (event) => {
             event.preventDefault();
             if (file)
                 onSubmit?.(file);
-        }, children: [jsx("ol", { className: sx(instructionsStyle), children: copy.instructions.map((instruction, index) => jsxs("li", { children: [index + 1, ". ", instruction] }, instruction)) }), jsx("a", { className: sx(sampleLinkStyle), href: `/${copy.sample}`, download: true, children: copy.sample }), jsxs("label", { className: sx(fileFieldStyle), children: [jsx(UploadIcon, { size: 24 }), jsx("span", { children: file?.name ?? 'Choose an Excel spreadsheet' }), jsx("input", { "aria-label": "Spreadsheet file", type: "file", accept: ".xlsx,.xls", onChange: (event) => setFile(event.target.files?.[0] ?? null), required: true, disabled: disabled })] }), jsxs("div", { className: sx(actionsStyle$2), children: [jsx(Button, { type: "button", variant: "secondary", onClick: onCancel, disabled: disabled, children: "Cancel" }), jsx(Button, { type: "submit", disabled: disabled || !file, children: "Import" })] })] }));
+        }, children: [jsx("ol", { className: sx(instructionsStyle), children: copy.instructions.map((instruction, index) => jsxs("li", { children: [index + 1, ". ", instruction] }, instruction)) }), jsx("a", { className: sx(sampleLinkStyle), href: `/${copy.sample}`, download: true, children: copy.sample }), jsxs("label", { className: sx(fileFieldStyle), children: [jsx(UploadIcon, { size: 24 }), jsx("span", { children: file?.name ?? 'Choose an Excel spreadsheet' }), jsx("input", { "aria-label": "Spreadsheet file", type: "file", accept: ".xlsx,.xls", onChange: (event) => setFile(event.target.files?.[0] ?? null), required: true, disabled: disabled })] }), jsxs("div", { className: sx(actionsStyle$3), children: [jsx(Button, { type: "button", variant: "secondary", onClick: onCancel, disabled: disabled, children: "Cancel" }), jsx(Button, { type: "submit", disabled: disabled || !file, children: "Import" })] })] }));
 };
 
 /**
@@ -28458,7 +28458,7 @@ const TravelSummaryMetrics = ({ tripsTraveled, remainingTrips, seasonTripCosts,
 };
 
 /** The form column: header, content/sections and footer stacked with one gap. */
-const formStyle$3 = {
+const formStyle$4 = {
     label: 'TravelerForm-formStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -28486,7 +28486,7 @@ const headerStyle$p = {
     flexDirection: 'column',
     gap: 'var(--space-1)',
 };
-const titleStyle$k = {
+const titleStyle$l = {
     label: 'TravelerForm-titleStyle',
     fontSize: 'var(--text-lg)',
     fontWeight: 'var(--font-semibold)',
@@ -28549,11 +28549,84 @@ const footerStyle$2 = {
  * TravelerForm - Form layout for editing traveler/roster member details
  */
 const TravelerForm = ({ values = {}, title, subtitle, children, renderNameSection, renderDetailsSection, renderPreferencesSection, footer, isLoading = false, className = '', }) => {
-    const formClasses = cx(sx(formStyle$3), isLoading && sx(loadingStyle$1), className);
-    return (jsxs("div", { className: formClasses, children: [(title || subtitle) && (jsxs("div", { className: sx(headerStyle$p), children: [title && jsx("h2", { className: sx(titleStyle$k), children: title }), subtitle && jsx("p", { className: sx(subtitleStyle$5), children: subtitle })] })), children ? (jsx("div", { className: sx(contentStyle$4), children: children })) : (jsxs("div", { className: sx(sectionsStyle), children: [renderNameSection && (jsxs("div", { className: sx(sectionStyle$4), children: [jsx("h3", { className: sx(sectionTitleStyle$8), children: "Name" }), jsx("div", { className: sx(sectionContentStyle), children: renderNameSection(values) })] })), renderDetailsSection && (jsxs("div", { className: sx(sectionStyle$4), children: [jsx("h3", { className: sx(sectionTitleStyle$8), children: "Details" }), jsx("div", { className: sx(sectionContentStyle), children: renderDetailsSection(values) })] })), renderPreferencesSection && (jsxs("div", { className: sx(sectionStyle$4), children: [jsx("h3", { className: sx(sectionTitleStyle$8), children: "Travel Preferences" }), jsx("div", { className: sx(sectionContentStyle), children: renderPreferencesSection(values) })] }))] })), footer && (jsx("div", { className: sx(footerStyle$2), children: footer }))] }));
+    const formClasses = cx(sx(formStyle$4), isLoading && sx(loadingStyle$1), className);
+    return (jsxs("div", { className: formClasses, children: [(title || subtitle) && (jsxs("div", { className: sx(headerStyle$p), children: [title && jsx("h2", { className: sx(titleStyle$l), children: title }), subtitle && jsx("p", { className: sx(subtitleStyle$5), children: subtitle })] })), children ? (jsx("div", { className: sx(contentStyle$4), children: children })) : (jsxs("div", { className: sx(sectionsStyle), children: [renderNameSection && (jsxs("div", { className: sx(sectionStyle$4), children: [jsx("h3", { className: sx(sectionTitleStyle$8), children: "Name" }), jsx("div", { className: sx(sectionContentStyle), children: renderNameSection(values) })] })), renderDetailsSection && (jsxs("div", { className: sx(sectionStyle$4), children: [jsx("h3", { className: sx(sectionTitleStyle$8), children: "Details" }), jsx("div", { className: sx(sectionContentStyle), children: renderDetailsSection(values) })] })), renderPreferencesSection && (jsxs("div", { className: sx(sectionStyle$4), children: [jsx("h3", { className: sx(sectionTitleStyle$8), children: "Travel Preferences" }), jsx("div", { className: sx(sectionContentStyle), children: renderPreferencesSection(values) })] }))] })), footer && (jsx("div", { className: sx(footerStyle$2), children: footer }))] }));
 };
 TravelerForm.displayName = 'TravelerForm';
 
+const formStyle$3 = {
+    label: 'ViHeaderForm-formStyle',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-6)',
+    fontFamily: 'var(--font-family-base)',
+    color: 'var(--fg-1)',
+};
+const noteStyle$2 = {
+    label: 'ViHeaderForm-noteStyle',
+    margin: 0,
+    fontSize: 'var(--fs-sm)',
+    color: 'var(--fg-3)',
+    lineHeight: 1.5,
+};
+const eyebrowNoteStyle = {
+    label: 'ViHeaderForm-eyebrowNoteStyle',
+    margin: 0,
+    padding: 'var(--space-2) var(--space-3)',
+    borderLeft: '3px solid var(--color-accent-ink)',
+    background: 'var(--bg-subtle)',
+    borderRadius: 'var(--radius-md)',
+    fontSize: 'var(--fs-sm)',
+    color: 'var(--fg-2)',
+};
+const errorStyle$1 = {
+    label: 'ViHeaderForm-errorStyle',
+    margin: 0,
+    fontSize: 'var(--fs-sm)',
+    fontWeight: 'var(--fw-medium)',
+    color: 'var(--color-error)',
+};
+const actionsStyle$2 = {
+    label: 'ViHeaderForm-actionsStyle',
+    display: 'flex',
+    justifyContent: 'flex-end',
+    gap: 'var(--space-3)',
+    paddingTop: 'var(--space-4)',
+    borderTop: '1px solid var(--border-color)',
+};
+
+/**
+ * Editor for a virtual-invoice header: who the invoice comes from, how to reach
+ * them, and the survey and message that go with it. An account or a branch is
+ * required, and a branch header wins over its account's.
+ */
+const ViHeaderForm = ({ value, onSave, onCancel, saveLabel = 'Save header', className = '', }) => {
+    const [draft, setDraft] = useState(value);
+    const [error, setError] = useState('');
+    const field = (key, label, extra = {}) => (jsx(FormField, { label: label, inputProps: {
+            value: draft[key],
+            onChange: (e) => setDraft({ ...draft, [key]: e.target.value }),
+            'data-test': `vi-header-${String(key).replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`)}`,
+            ...extra,
+        } }));
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (!draft.accountId.trim() && !draft.branch.trim()) {
+            setError('Enter an Account ID or a Branch.');
+            return;
+        }
+        setError('');
+        onSave?.(draft);
+    };
+    return (jsxs("form", { className: cx(sx(formStyle$3), className), onSubmit: handleSubmit, noValidate: true, children: [jsx("p", { className: sx(eyebrowNoteStyle), children: "Enter an Account OR a Branch. The header configured for a branch takes precedence." }), jsxs(FormSection, { title: "Applies to", children: [jsxs(FormRow, { columns: 2, stackOnMobile: false, children: [field('accountId', 'Account ID'), field('branch', 'Branch')] }), error && (jsx("p", { className: sx(errorStyle$1), role: "alert", children: error }))] }), jsxs(FormSection, { title: "Company & contact", children: [field('companyName', 'Company name'), field('address', 'Address'), jsxs(FormRow, { columns: 3, stackOnMobile: false, children: [field('city', 'City'), field('state', 'State'), field('zipCode', 'Zip code')] }), jsxs(FormRow, { columns: 2, stackOnMobile: false, children: [field('phone', 'Phone number'), field('tollFree', 'Toll-free number'), field('afterHoursPhone', 'After-hours phone'), field('fax', 'Fax number')] })] }), jsxs(FormSection, { title: "Web & hours", children: [field('defaultWebsite', 'Default website'), jsx("p", { className: sx(noteStyle$2), children: "For headers configured by branch, the client\u2019s Portal Redirector is used instead." }), field('email', 'Email address'), field('hoursOfOperation', 'Hours of operation')] }), jsxs(FormSection, { title: "Survey Sparrow", children: [field('agentSurveyEndpoint', 'Agent survey API endpoint'), field('onlineSurveyEndpoint', 'Online survey API endpoint'), jsx(FormRow, { columns: 3, stackOnMobile: false, children: field('surveyDelayDays', 'Survey delay (days)', { type: 'number', min: 0 }) })] }), jsx(FormSection, { title: "Invoice message", children: jsx(FormField, { label: "Description", helperText: "Printed on the invoice. Paste one line at a time.", as: "textarea", textareaProps: {
+                        value: draft.description,
+                        rows: 5,
+                        onChange: (e) => setDraft({ ...draft, description: e.target.value }),
+                        'data-test': 'vi-header-description',
+                    } }) }), jsxs("div", { className: sx(actionsStyle$2), children: [jsx(Button, { type: "button", variant: "outline", onClick: onCancel, "data-test": "vi-header-cancel", children: "Cancel" }), jsx(Button, { type: "submit", variant: "primary", "data-test": "vi-header-save", children: saveLabel })] })] }));
+};
+ViHeaderForm.displayName = 'ViHeaderForm';
+
 /**
  * TripTable's compiled rules.
  *
@@ -28888,7 +28961,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)',
 };
@@ -28943,7 +29016,7 @@ const chevronStyle = {
     flex: '0 0 auto',
     color: 'var(--border-color-dark)',
 };
-const cardStyle$5 = {
+const cardStyle$6 = {
     label: 'AdministrationPage-cardStyle',
     display: 'flex',
     alignItems: 'center',
@@ -29025,10 +29098,10 @@ const AdministrationPage = ({ activeTab = 'system', enabledTabs = ADMINISTRATION
     const resolvedActiveTab = visibleTabs.some((tab) => tab.key === activeTab)
         ? activeTab
         : visibleTabs[0]?.key;
-    return jsxs("div", { className: cx(sx(pageStyle$t), className), children: [jsx("header", { className: sx(headerStyle$n), children: jsx("h1", { children: "Administration\u00A0" }) }), visibleTabs.length > 0 && (jsx(TabStrip, { className: sx(tabsStyle$5), tabs: visibleTabs.map((tab) => ({ id: tab.key, label: tab.label })), activeTab: resolvedActiveTab, onTabChange: (id) => onTabChange?.(id), "aria-label": "Administration sections" })), children ?? (resolvedActiveTab === 'system' ? (jsx("div", { className: sx(cardsStyle$1), children: resolvedCards.map((card) => (jsxs("button", { type: "button", className: sx(cardStyle$5), onClick: () => onCardClick?.(card), children: [jsx("span", { className: sx(cardIconStyle$1), children: card.icon }), jsxs("span", { className: sx(cardCopyStyle), children: [jsx("span", { className: sx(cardTitleStyle$2), children: card.title }), jsx("span", { className: sx(cardDescriptionStyle$1), children: card.description })] }), jsx(ChevronRightIcon$1, { className: sx(chevronStyle), size: 14 })] }, card.key))) })) : resolvedActiveTab === 'client' ? (jsx("p", { className: sx(comingSoonStyle), children: "Client administration settings coming soon." })) : (jsx("p", { className: sx(comingSoonStyle), "data-test": "administration-empty-tabs", children: "No administration sections are available." })))] });
+    return jsxs("div", { className: cx(sx(pageStyle$u), className), children: [jsx("header", { className: sx(headerStyle$n), children: jsx("h1", { children: "Administration\u00A0" }) }), visibleTabs.length > 0 && (jsx(TabStrip, { className: sx(tabsStyle$5), tabs: visibleTabs.map((tab) => ({ id: tab.key, label: tab.label })), activeTab: resolvedActiveTab, onTabChange: (id) => onTabChange?.(id), "aria-label": "Administration sections" })), children ?? (resolvedActiveTab === 'system' ? (jsx("div", { className: sx(cardsStyle$1), children: resolvedCards.map((card) => (jsxs("button", { type: "button", className: sx(cardStyle$6), onClick: () => onCardClick?.(card), children: [jsx("span", { className: sx(cardIconStyle$1), children: card.icon }), jsxs("span", { className: sx(cardCopyStyle), children: [jsx("span", { className: sx(cardTitleStyle$2), children: card.title }), jsx("span", { className: sx(cardDescriptionStyle$1), children: card.description })] }), jsx(ChevronRightIcon$1, { className: sx(chevronStyle), size: 14 })] }, card.key))) })) : resolvedActiveTab === 'client' ? (jsx("p", { className: sx(comingSoonStyle), children: "Client administration settings coming soon." })) : (jsx("p", { className: sx(comingSoonStyle), "data-test": "administration-empty-tabs", children: "No administration sections are available." })))] });
 };
 
-const pageStyle$s = {
+const pageStyle$t = {
     label: 'AgentGroupTravelRequestsPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -29044,7 +29117,7 @@ const breadcrumbStyle$9 = {
     alignSelf: 'flex-start',
     paddingLeft: '0 !important',
 };
-const titleStyle$j = {
+const titleStyle$k = {
     label: 'AgentGroupTravelRequestsPage-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -29065,12 +29138,12 @@ const quickLinksStyle = {
 };
 
 /** Hub's agent-facing Group Travel Request screen — the "Book a Trip" quick links plus the open-requests list. */
-const AgentGroupTravelRequestsPage = ({ title = 'Group Travel Request', requests, sports, views, today, isStmEmployee = true, onBackToBookATrip, onSubmitNewRequest, onSubmitAgentRequest, onSearchPastRequests, onShowCdsRequests, onShowActionableItems, onAdministerViews, onOpenRequest, onViewMasterTrip, onDeleteRequest, onCopyPnr, onToggleDueStatus, onSubmittedDateChange, onQuoteSentDateChange, className = '', }) => (jsxs("div", { className: cx(sx(pageStyle$s), className), "data-test": "agent-gtr-page", children: [jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$9), onClick: onBackToBookATrip, children: "Book a Trip" }), jsx("h1", { className: sx(titleStyle$j), children: title }), jsxs("ul", { className: sx(quickLinksStyle), children: [jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onSubmitNewRequest, children: "Submit a new group travel request" }) }), isStmEmployee && (jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onSubmitAgentRequest, children: "Submit a new group travel request (agent use only)" }) })), jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onSearchPastRequests, children: "Search past travel requests/Non-agent-only requests" }) }), isStmEmployee && (jsxs(Fragment, { children: [jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onShowCdsRequests, children: "Show all open CDS group travel requests" }) }), jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onShowActionableItems, children: "Show this week's actionable items" }) }), jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onAdministerViews, children: "Administer your views" }) })] }))] }), jsx(AgentGroupTravelRequestsTable, { requests: requests, sports: sports, views: views, today: today, onOpenRequest: onOpenRequest, onViewMasterTrip: onViewMasterTrip, onDeleteRequest: onDeleteRequest, onCopyPnr: onCopyPnr, onToggleDueStatus: onToggleDueStatus, onSubmittedDateChange: onSubmittedDateChange, onQuoteSentDateChange: onQuoteSentDateChange })] }));
+const AgentGroupTravelRequestsPage = ({ title = 'Group Travel Request', requests, sports, views, today, isStmEmployee = true, onBackToBookATrip, onSubmitNewRequest, onSubmitAgentRequest, onSearchPastRequests, onShowCdsRequests, onShowActionableItems, onAdministerViews, onOpenRequest, onViewMasterTrip, onDeleteRequest, onCopyPnr, onToggleDueStatus, onSubmittedDateChange, onQuoteSentDateChange, className = '', }) => (jsxs("div", { className: cx(sx(pageStyle$t), className), "data-test": "agent-gtr-page", children: [jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$9), onClick: onBackToBookATrip, children: "Book a Trip" }), jsx("h1", { className: sx(titleStyle$k), children: title }), jsxs("ul", { className: sx(quickLinksStyle), children: [jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onSubmitNewRequest, children: "Submit a new group travel request" }) }), isStmEmployee && (jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onSubmitAgentRequest, children: "Submit a new group travel request (agent use only)" }) })), jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onSearchPastRequests, children: "Search past travel requests/Non-agent-only requests" }) }), isStmEmployee && (jsxs(Fragment, { children: [jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onShowCdsRequests, children: "Show all open CDS group travel requests" }) }), jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onShowActionableItems, children: "Show this week's actionable items" }) }), jsx("li", { children: jsx(Button, { variant: "ghost", onClick: onAdministerViews, children: "Administer your views" }) })] }))] }), jsx(AgentGroupTravelRequestsTable, { requests: requests, sports: sports, views: views, today: today, onOpenRequest: onOpenRequest, onViewMasterTrip: onViewMasterTrip, onDeleteRequest: onDeleteRequest, onCopyPnr: onCopyPnr, onToggleDueStatus: onToggleDueStatus, onSubmittedDateChange: onSubmittedDateChange, onQuoteSentDateChange: onQuoteSentDateChange })] }));
 
 /** CarrierProfilePage's compiled rules. A straight translation: the only
  *  overrides are the mobile media query, which is nested into the two styles
  *  it repadded, and an at-rule always outranks the declaration beside it. */
-const pageStyle$r = {
+const pageStyle$s = {
     label: 'CarrierProfilePage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -29091,7 +29164,7 @@ const headerStyle$m = {
     flexDirection: 'column',
     gap: 'var(--space-1)',
 };
-const titleStyle$i = {
+const titleStyle$j = {
     label: 'CarrierProfilePage-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -29157,7 +29230,7 @@ const formStyle$2 = {
 const saveStyle = {
     label: 'CarrierProfilePage-saveStyle', alignSelf: 'flex-start'
 };
-const rowActionsStyle = {
+const rowActionsStyle$1 = {
     label: 'CarrierProfilePage-rowActionsStyle',
     display: 'inline-flex',
     gap: 'var(--space-1)',
@@ -29289,7 +29362,7 @@ const CarrierProfilePage = ({ carrierName, preferences: initialPreferences, cate
                 key: 'contactId',
                 label: 'Actions',
                 align: 'right',
-                render: (_value, contact) => (jsxs("span", { className: sx(rowActionsStyle), children: [canEditContacts && (jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Edit ${contact.name}`, onClick: () => onEditContact?.(contact.contactId), "data-test": "carrier-contact-edit", children: jsx(EditIcon$2, { size: 16 }) })), canDeleteContacts && (jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Delete ${contact.name}`, onClick: () => onDeleteContact?.(contact.contactId), "data-test": "carrier-contact-delete", children: jsx(TrashIcon$2, { size: 16 }) }))] })),
+                render: (_value, contact) => (jsxs("span", { className: sx(rowActionsStyle$1), children: [canEditContacts && (jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Edit ${contact.name}`, onClick: () => onEditContact?.(contact.contactId), "data-test": "carrier-contact-edit", children: jsx(EditIcon$2, { size: 16 }) })), canDeleteContacts && (jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Delete ${contact.name}`, onClick: () => onDeleteContact?.(contact.contactId), "data-test": "carrier-contact-delete", children: jsx(TrashIcon$2, { size: 16 }) }))] })),
             }] : []),
     ];
     const aircraftColumns = [
@@ -29318,15 +29391,15 @@ const CarrierProfilePage = ({ carrierName, preferences: initialPreferences, cate
                 key: 'aircraftId',
                 label: 'Actions',
                 align: 'right',
-                render: (_value, item) => (jsxs("span", { className: sx(rowActionsStyle), children: [canEditAircraft && (jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Edit ${item.name}`, onClick: () => onEditAircraft?.(item.aircraftId), "data-test": "carrier-aircraft-edit", children: jsx(EditIcon$2, { size: 16 }) })), canDeleteAircraft && (jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Delete ${item.name}`, onClick: () => onDeleteAircraft?.(item.aircraftId), "data-test": "carrier-aircraft-delete", children: jsx(TrashIcon$2, { size: 16 }) }))] })),
+                render: (_value, item) => (jsxs("span", { className: sx(rowActionsStyle$1), children: [canEditAircraft && (jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Edit ${item.name}`, onClick: () => onEditAircraft?.(item.aircraftId), "data-test": "carrier-aircraft-edit", children: jsx(EditIcon$2, { size: 16 }) })), canDeleteAircraft && (jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Delete ${item.name}`, onClick: () => onDeleteAircraft?.(item.aircraftId), "data-test": "carrier-aircraft-delete", children: jsx(TrashIcon$2, { size: 16 }) }))] })),
             }] : []),
     ];
-    return (jsxs("div", { className: cx(sx(pageStyle$r), className), "data-test": "carrier-profile-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$8), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "carrier-profile-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$m), children: [jsx("h1", { className: sx(titleStyle$i), children: "My Profile" }), jsx("p", { className: sx(descriptionStyle$8), children: "Keep your default bid values, bid contacts, and aircraft up to date \u2014 STM quotes you from exactly what is here." })] }), jsx(Segment, { options: TAB_OPTIONS$2, value: tab, onChange: selectTab, "aria-label": "Profile section", className: sx(tabsStyle$4) }), tab === 'profile' && (jsxs("section", { className: sx(panelStyle$1), "aria-label": "Preferences", children: [jsx("h2", { className: sx(sectionTitleStyle$7), children: "Preferences" }), jsx("p", { className: sx(sectionCopyStyle$1), children: "These values pre-fill every bid response form, so you only change them when a bid differs from your norm." }), jsxs("div", { className: sx(formStyle$2), children: [jsx(Input, { id: "carrier-available-seats", type: "number", label: "# of Available Seats", value: preferences.availableSeats, disabled: !canSavePreferences, onChange: (event) => updatePreference('availableSeats', event.target.value), "data-test": "carrier-available-seats" }), jsx(Input, { id: "carrier-max-payload", type: "number", label: "Max Payload (lbs)", value: preferences.maxPayload, disabled: !canSavePreferences, onChange: (event) => updatePreference('maxPayload', event.target.value), "data-test": "carrier-max-payload" }), jsx(Input, { id: "carrier-fuel-base", label: "Fuel Base ($)", inputMode: "decimal", value: preferences.fuelBase, disabled: !canSavePreferences, onChange: (event) => updatePreference('fuelBase', event.target.value), "data-test": "carrier-fuel-base" }), jsx(Select, { id: "carrier-catering", label: "Catering Options Included", placeholder: "Select a catering option", options: cateringOptions.map((option) => ({ value: option, label: option })), value: preferences.cateringOptions, disabled: !canSavePreferences, onChange: (event) => updatePreference('cateringOptions', event.target.value), "data-test": "carrier-catering" })] }), canSavePreferences && (jsx(Button, { className: sx(saveStyle), onClick: () => onSavePreferences?.(preferences), "data-test": "carrier-save-preferences", children: "Save" }))] })), tab === 'contacts' && (jsxs("section", { className: sx(panelStyle$1), "aria-label": "Contacts", children: [jsxs("h2", { className: sx(sectionTitleStyle$7), children: [carrierName, " contacts"] }), jsx(Table, { columns: contactColumns, data: contacts, rowKey: "contactId", emptyContent: jsx(EmptyState$1, { size: "sm", title: "No contacts currently exist.", description: "Add at least one bid contact so STM knows who to email about new opportunities." }) }), canAddContact && (jsxs(Fragment, { children: [jsx("h3", { className: sx(subTitleStyle), children: "Add a contact" }), jsxs("div", { className: sx(formStyle$2), children: [jsx(Input, { id: "carrier-contact-name", label: "Name", maxLength: 50, required: true, value: newContact.name, error: contactErrors.name, onChange: (event) => setNewContact({ ...newContact, name: event.target.value }), "data-test": "carrier-contact-name" }), jsx(Select, { id: "carrier-contact-type", label: "Contact type", options: contactTypes.map((type) => ({ value: type, label: type })), value: newContact.contactType, onChange: (event) => setNewContact({ ...newContact, contactType: event.target.value }), "data-test": "carrier-contact-type" }), jsx(Input, { id: "carrier-contact-phone", label: "Work phone", maxLength: 20, required: true, value: newContact.workPhone, error: contactErrors.workPhone, onChange: (event) => setNewContact({ ...newContact, workPhone: event.target.value }), "data-test": "carrier-contact-phone" }), jsx(Input, { id: "carrier-contact-email", type: "email", label: "Email address", maxLength: 255, required: true, value: newContact.email, error: contactErrors.email, onChange: (event) => setNewContact({ ...newContact, email: event.target.value }), "data-test": "carrier-contact-email" })] }), jsx(Checkbox, { label: "Contact for new bids", helperText: "New bid opportunities are emailed to every contact with this checked.", checked: newContact.bidContact, onChange: (event) => setNewContact({ ...newContact, bidContact: event.target.checked }), "data-test": "carrier-contact-bid-contact" }), jsx(Button, { className: sx(saveStyle), onClick: submitContact, "data-test": "carrier-contact-submit", children: "Add contact" })] }))] })), tab === 'aircraft' && (jsxs("section", { className: sx(panelStyle$1), "aria-label": "Aircraft", children: [jsx("h2", { className: sx(sectionTitleStyle$7), children: "Aircraft and seat maps" }), jsx("p", { className: sx(sectionCopyStyle$1), children: "Only aircraft listed here can be offered on a bid, and their seat counts and payloads pre-fill the bid response form." }), jsx(Table, { columns: aircraftColumns, data: aircraft, rowKey: "aircraftId", emptyContent: jsx(EmptyState$1, { size: "sm", title: "No aircraft on file", description: "Add the airframes you operate so they appear in the Aircraft Type picker when you bid." }) })] }))] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$s), className), "data-test": "carrier-profile-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$8), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "carrier-profile-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$m), children: [jsx("h1", { className: sx(titleStyle$j), children: "My Profile" }), jsx("p", { className: sx(descriptionStyle$8), children: "Keep your default bid values, bid contacts, and aircraft up to date \u2014 STM quotes you from exactly what is here." })] }), jsx(Segment, { options: TAB_OPTIONS$2, value: tab, onChange: selectTab, "aria-label": "Profile section", className: sx(tabsStyle$4) }), tab === 'profile' && (jsxs("section", { className: sx(panelStyle$1), "aria-label": "Preferences", children: [jsx("h2", { className: sx(sectionTitleStyle$7), children: "Preferences" }), jsx("p", { className: sx(sectionCopyStyle$1), children: "These values pre-fill every bid response form, so you only change them when a bid differs from your norm." }), jsxs("div", { className: sx(formStyle$2), children: [jsx(Input, { id: "carrier-available-seats", type: "number", label: "# of Available Seats", value: preferences.availableSeats, disabled: !canSavePreferences, onChange: (event) => updatePreference('availableSeats', event.target.value), "data-test": "carrier-available-seats" }), jsx(Input, { id: "carrier-max-payload", type: "number", label: "Max Payload (lbs)", value: preferences.maxPayload, disabled: !canSavePreferences, onChange: (event) => updatePreference('maxPayload', event.target.value), "data-test": "carrier-max-payload" }), jsx(Input, { id: "carrier-fuel-base", label: "Fuel Base ($)", inputMode: "decimal", value: preferences.fuelBase, disabled: !canSavePreferences, onChange: (event) => updatePreference('fuelBase', event.target.value), "data-test": "carrier-fuel-base" }), jsx(Select, { id: "carrier-catering", label: "Catering Options Included", placeholder: "Select a catering option", options: cateringOptions.map((option) => ({ value: option, label: option })), value: preferences.cateringOptions, disabled: !canSavePreferences, onChange: (event) => updatePreference('cateringOptions', event.target.value), "data-test": "carrier-catering" })] }), canSavePreferences && (jsx(Button, { className: sx(saveStyle), onClick: () => onSavePreferences?.(preferences), "data-test": "carrier-save-preferences", children: "Save" }))] })), tab === 'contacts' && (jsxs("section", { className: sx(panelStyle$1), "aria-label": "Contacts", children: [jsxs("h2", { className: sx(sectionTitleStyle$7), children: [carrierName, " contacts"] }), jsx(Table, { columns: contactColumns, data: contacts, rowKey: "contactId", emptyContent: jsx(EmptyState$1, { size: "sm", title: "No contacts currently exist.", description: "Add at least one bid contact so STM knows who to email about new opportunities." }) }), canAddContact && (jsxs(Fragment, { children: [jsx("h3", { className: sx(subTitleStyle), children: "Add a contact" }), jsxs("div", { className: sx(formStyle$2), children: [jsx(Input, { id: "carrier-contact-name", label: "Name", maxLength: 50, required: true, value: newContact.name, error: contactErrors.name, onChange: (event) => setNewContact({ ...newContact, name: event.target.value }), "data-test": "carrier-contact-name" }), jsx(Select, { id: "carrier-contact-type", label: "Contact type", options: contactTypes.map((type) => ({ value: type, label: type })), value: newContact.contactType, onChange: (event) => setNewContact({ ...newContact, contactType: event.target.value }), "data-test": "carrier-contact-type" }), jsx(Input, { id: "carrier-contact-phone", label: "Work phone", maxLength: 20, required: true, value: newContact.workPhone, error: contactErrors.workPhone, onChange: (event) => setNewContact({ ...newContact, workPhone: event.target.value }), "data-test": "carrier-contact-phone" }), jsx(Input, { id: "carrier-contact-email", type: "email", label: "Email address", maxLength: 255, required: true, value: newContact.email, error: contactErrors.email, onChange: (event) => setNewContact({ ...newContact, email: event.target.value }), "data-test": "carrier-contact-email" })] }), jsx(Checkbox, { label: "Contact for new bids", helperText: "New bid opportunities are emailed to every contact with this checked.", checked: newContact.bidContact, onChange: (event) => setNewContact({ ...newContact, bidContact: event.target.checked }), "data-test": "carrier-contact-bid-contact" }), jsx(Button, { className: sx(saveStyle), onClick: submitContact, "data-test": "carrier-contact-submit", children: "Add contact" })] }))] })), tab === 'aircraft' && (jsxs("section", { className: sx(panelStyle$1), "aria-label": "Aircraft", children: [jsx("h2", { className: sx(sectionTitleStyle$7), children: "Aircraft and seat maps" }), jsx("p", { className: sx(sectionCopyStyle$1), children: "Only aircraft listed here can be offered on a bid, and their seat counts and payloads pre-fill the bid response form." }), jsx(Table, { columns: aircraftColumns, data: aircraft, rowKey: "aircraftId", emptyContent: jsx(EmptyState$1, { size: "sm", title: "No aircraft on file", description: "Add the airframes you operate so they appear in the Aircraft Type picker when you bid." }) })] }))] }));
 };
 CarrierProfilePage.displayName = 'CarrierProfilePage';
 
 /** ChampionshipBidDetailPage's compiled rules. */
-const pageStyle$q = {
+const pageStyle$r = {
     label: 'ChampionshipBidDetailPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -29352,7 +29425,7 @@ const headerStyle$l = {
         flexDirection: 'column',
     },
 };
-const eyebrowStyle$6 = {
+const eyebrowStyle$7 = {
     label: 'ChampionshipBidDetailPage-eyebrowStyle',
     color: 'var(--fg-4)',
     fontSize: 'var(--fs-xs)',
@@ -29360,7 +29433,7 @@ const eyebrowStyle$6 = {
     letterSpacing: '.06em',
     textTransform: 'uppercase',
 };
-const titleStyle$h = {
+const titleStyle$i = {
     label: 'ChampionshipBidDetailPage-titleStyle',
     margin: 'var(--space-1) 0 0',
     color: 'var(--fg-1)',
@@ -29481,7 +29554,7 @@ const ChampionshipBidDetailPage = ({ bid, loading = false, backLabel = 'NCAA Cha
     const currency = useMemo(() => new Intl.NumberFormat(locale, { style: 'currency', currency: 'USD' }), [locale]);
     const numbers = useMemo(() => new Intl.NumberFormat(locale), [locale]);
     const status = bid ? detailStatus(bid) : undefined;
-    return (jsxs("div", { className: cx(sx(pageStyle$q), className), "data-test": "championship-bid-detail-page", children: [onBack && (jsx(Button, { type: "button", variant: "ghost", size: "sm", className: sx(breadcrumbStyle$7), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "championship-bid-detail-back", children: backLabel })), loading ? (jsxs("div", { className: sx(loadingStyle), "data-test": "championship-bid-detail-loading", children: [jsx(Spinner, { size: "lg", label: "Loading championship bid detail" }), jsx("p", { children: "Loading championship bid detail\u2026" })] })) : bid && status ? (jsxs(Fragment, { children: [jsxs("header", { className: sx(headerStyle$l), children: [jsxs("div", { children: [jsxs("span", { className: sx(eyebrowStyle$6), children: ["NCAA Championship bid \u00B7 ", bid.bidId] }), jsx("h1", { className: sx(titleStyle$h), children: bid.bidName })] }), jsx("span", { "data-test": "championship-bid-detail-status", children: jsx(StatusBadge, { status: status.status, label: status.label }) })] }), jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-details-heading", children: [jsx("h2", { id: "championship-bid-details-heading", children: "Bid details" }), jsxs("dl", { className: sx(factsStyle$4), children: [jsxs("div", { children: [jsx("dt", { children: "Aircraft" }), jsx("dd", { children: bid.aircraftName || 'Not provided' })] }), jsxs("div", { children: [jsx("dt", { children: "Seats" }), jsx("dd", { children: bid.seats === undefined ? 'Not provided' : numbers.format(bid.seats) })] }), jsxs("div", { className: sx(totalFactStyle$1), children: [jsx("dt", { children: "Total cost" }), jsx("dd", { "data-test": "championship-bid-detail-total", children: bid.totalCost === undefined ? 'Not provided' : currency.format(bid.totalCost) })] }), jsxs("div", { children: [jsx("dt", { children: "Cities" }), jsx("dd", { children: bid.cities || 'Not provided' })] })] })] }), jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-notes-heading", children: [jsx("h2", { id: "championship-bid-notes-heading", children: "Carrier notes" }), jsxs("div", { className: sx(notesGridStyle), children: [jsxs("div", { children: [jsx("h3", { children: "Restrictions" }), jsx("p", { children: bid.restrictions || 'No restrictions provided.' })] }), jsxs("div", { children: [jsx("h3", { children: "Comments" }), jsx("p", { children: bid.comments || 'No comments provided.' })] })] })] }), jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-contract-heading", children: [jsx("h2", { id: "championship-bid-contract-heading", children: "Contract" }), jsxs("div", { className: sx(contractStyle), "data-test": "championship-bid-detail-contract", children: [jsx(DocumentIcon, { size: 20, "aria-hidden": "true" }), jsx("span", { children: bid.contractFileName || 'No contract on file' })] })] })] })) : (jsx("div", { "data-test": "championship-bid-detail-empty", children: jsx(EmptyState$1, { title: "Championship bid detail unavailable", description: "Return to the championship queue and select an available opportunity.", icon: jsx(DocumentIcon, { size: 30 }) }) }))] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$r), className), "data-test": "championship-bid-detail-page", children: [onBack && (jsx(Button, { type: "button", variant: "ghost", size: "sm", className: sx(breadcrumbStyle$7), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "championship-bid-detail-back", children: backLabel })), loading ? (jsxs("div", { className: sx(loadingStyle), "data-test": "championship-bid-detail-loading", children: [jsx(Spinner, { size: "lg", label: "Loading championship bid detail" }), jsx("p", { children: "Loading championship bid detail\u2026" })] })) : bid && status ? (jsxs(Fragment, { children: [jsxs("header", { className: sx(headerStyle$l), children: [jsxs("div", { children: [jsxs("span", { className: sx(eyebrowStyle$7), children: ["NCAA Championship bid \u00B7 ", bid.bidId] }), jsx("h1", { className: sx(titleStyle$i), children: bid.bidName })] }), jsx("span", { "data-test": "championship-bid-detail-status", children: jsx(StatusBadge, { status: status.status, label: status.label }) })] }), jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-details-heading", children: [jsx("h2", { id: "championship-bid-details-heading", children: "Bid details" }), jsxs("dl", { className: sx(factsStyle$4), children: [jsxs("div", { children: [jsx("dt", { children: "Aircraft" }), jsx("dd", { children: bid.aircraftName || 'Not provided' })] }), jsxs("div", { children: [jsx("dt", { children: "Seats" }), jsx("dd", { children: bid.seats === undefined ? 'Not provided' : numbers.format(bid.seats) })] }), jsxs("div", { className: sx(totalFactStyle$1), children: [jsx("dt", { children: "Total cost" }), jsx("dd", { "data-test": "championship-bid-detail-total", children: bid.totalCost === undefined ? 'Not provided' : currency.format(bid.totalCost) })] }), jsxs("div", { children: [jsx("dt", { children: "Cities" }), jsx("dd", { children: bid.cities || 'Not provided' })] })] })] }), jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-notes-heading", children: [jsx("h2", { id: "championship-bid-notes-heading", children: "Carrier notes" }), jsxs("div", { className: sx(notesGridStyle), children: [jsxs("div", { children: [jsx("h3", { children: "Restrictions" }), jsx("p", { children: bid.restrictions || 'No restrictions provided.' })] }), jsxs("div", { children: [jsx("h3", { children: "Comments" }), jsx("p", { children: bid.comments || 'No comments provided.' })] })] })] }), jsxs("section", { className: sx(panelStyle), "aria-labelledby": "championship-bid-contract-heading", children: [jsx("h2", { id: "championship-bid-contract-heading", children: "Contract" }), jsxs("div", { className: sx(contractStyle), "data-test": "championship-bid-detail-contract", children: [jsx(DocumentIcon, { size: 20, "aria-hidden": "true" }), jsx("span", { children: bid.contractFileName || 'No contract on file' })] })] })] })) : (jsx("div", { "data-test": "championship-bid-detail-empty", children: jsx(EmptyState$1, { title: "Championship bid detail unavailable", description: "Return to the championship queue and select an available opportunity.", icon: jsx(DocumentIcon, { size: 30 }) }) }))] }));
 };
 ChampionshipBidDetailPage.displayName = 'ChampionshipBidDetailPage';
 
@@ -29493,7 +29566,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',
@@ -29514,7 +29587,7 @@ const headerStyle$k = {
     flexDirection: 'column',
     gap: 'var(--space-1)',
 };
-const titleStyle$g = {
+const titleStyle$h = {
     label: 'ChampionshipBidsPage-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -29692,7 +29765,7 @@ const ChampionshipBidsPage = ({ bids, bidType: controlledBidType, defaultBidType
             render: (_value, bid) => onOpenBid ? (jsx(Button, { variant: "outline", size: "sm", onClick: () => onOpenBid(bid.bidId), "data-test": "championship-rebid", children: "Bid anyway" })) : jsx("span", { className: sx(mutedStyle), children: "\u2014" }),
         });
     }
-    return (jsxs("div", { className: cx(sx(pageStyle$p), className), "data-test": "championship-bids-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$6), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "championship-bids-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$k), children: [jsx("h1", { className: sx(titleStyle$g), children: CHAMPIONSHIP_HEADINGS[bidType] }), jsx("p", { className: sx(descriptionStyle$7), children: "NCAA championship charter opportunities released to you. Award confirmations and signed contracts live in the Awarded queue." })] }), jsx(Segment, { options: TAB_OPTIONS$1, value: bidType, onChange: selectBidType, "aria-label": "Championship bid queue", className: sx(tabsStyle$3) }), jsx(Table, { columns: columns, data: pageBids, rowKey: "bidId", loading: loading, emptyContent: jsx(EmptyState$1, { size: "sm", title: "No such bids currently exist.", description: "Championship opportunities appear here as soon as the NCAA releases them to your carrier." }) }), jsx(Pagination, { page: currentPage, pageSize: pageSize, totalItems: bids.length, itemLabel: "bids", ariaLabel: "Championship bids pagination", onPageChange: setPage, onPageSizeChange: (nextSize) => {
+    return (jsxs("div", { className: cx(sx(pageStyle$q), className), "data-test": "championship-bids-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$6), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "championship-bids-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$k), children: [jsx("h1", { className: sx(titleStyle$h), children: CHAMPIONSHIP_HEADINGS[bidType] }), jsx("p", { className: sx(descriptionStyle$7), children: "NCAA championship charter opportunities released to you. Award confirmations and signed contracts live in the Awarded queue." })] }), jsx(Segment, { options: TAB_OPTIONS$1, value: bidType, onChange: selectBidType, "aria-label": "Championship bid queue", className: sx(tabsStyle$3) }), jsx(Table, { columns: columns, data: pageBids, rowKey: "bidId", loading: loading, emptyContent: jsx(EmptyState$1, { size: "sm", title: "No such bids currently exist.", description: "Championship opportunities appear here as soon as the NCAA releases them to your carrier." }) }), jsx(Pagination, { page: currentPage, pageSize: pageSize, totalItems: bids.length, itemLabel: "bids", ariaLabel: "Championship bids pagination", onPageChange: setPage, onPageSizeChange: (nextSize) => {
                     setPageSize(nextSize);
                     setPage(1);
                 } })] }));
@@ -29707,7 +29780,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',
@@ -29728,7 +29801,7 @@ const headerStyle$j = {
     flexDirection: 'column',
     gap: 'var(--space-1)',
 };
-const eyebrowStyle$5 = {
+const eyebrowStyle$6 = {
     label: 'CharterBidResponsePage-eyebrowStyle',
     color: 'var(--fg-4)',
     fontSize: 'var(--fs-xs)',
@@ -29736,7 +29809,7 @@ const eyebrowStyle$5 = {
     letterSpacing: '0.06em',
     textTransform: 'uppercase',
 };
-const titleStyle$f = {
+const titleStyle$g = {
     label: 'CharterBidResponsePage-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -29855,12 +29928,12 @@ const CharterBidResponsePage = ({ program, trips, accountName, tripLevel = true,
     const blockedReason = noBid || pricedInputs
         ? undefined
         : 'Price the trip with the calculator before submitting, or tick “No Bid” to decline.';
-    return (jsxs("div", { className: cx(sx(pageStyle$o), className), "data-test": "charter-bid-response-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$5), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charter-bid-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$j), children: [jsx("span", { className: sx(eyebrowStyle$5), children: "Bid response" }), jsx("h1", { className: sx(titleStyle$f), children: tripLevel ? trips[0]?.tripName : program.bidName })] }), jsxs("section", { className: sx(summaryStyle$3), "aria-label": "Team overview", children: [jsx("h2", { className: sx(sectionTitleStyle$6), children: "Team Overview" }), jsxs("dl", { className: sx(factsStyle$3), children: [jsxs("div", { children: [jsx("dt", { children: "Team" }), jsx("dd", { children: accountName })] }), jsxs("div", { children: [jsx("dt", { children: "Sport" }), jsx("dd", { children: program.sport })] }), jsxs("div", { children: [jsx("dt", { children: "Season" }), jsx("dd", { children: program.season })] }), jsxs("div", { children: [jsx("dt", { children: "Year" }), jsx("dd", { children: program.year })] }), jsxs("div", { children: [jsx("dt", { children: "Due Date" }), jsx("dd", { children: formatDate$3(program.dueDate, locale) })] })] })] }), trips.map((trip, index) => (jsxs("section", { className: sx(summaryStyle$3), "aria-label": `Trip ${index + 1}`, children: [jsxs("h2", { className: sx(sectionTitleStyle$6), children: ["Trip ", index + 1] }), jsxs("p", { className: sx(tripMetaStyle), children: [jsxs("span", { children: [jsx("strong", { children: "Bid Type:" }), " ", trip.bidType] }), acmiCarrier && requestedCarrier && (jsxs("span", { "data-test": "charter-bid-requested-carrier", children: [jsx("strong", { children: "Requested Carrier:" }), " ", requestedCarrier] }))] }), jsxs("dl", { className: sx(factsStyle$3), children: [jsxs("div", { children: [jsx("dt", { children: "Depart Date" }), jsx("dd", { children: formatDate$3(trip.departureDate, locale) })] }), jsxs("div", { children: [jsx("dt", { children: "Travel Party Size" }), jsx("dd", { children: trip.travelPartySize })] }), jsxs("div", { children: [jsx("dt", { children: "Route" }), jsx("dd", { children: trip.route })] }), jsxs("div", { children: [jsx("dt", { children: "Expires" }), jsx("dd", { children: formatDate$3(trip.expirationDate, locale) })] })] })] }, trip.tripGuid))), jsxs("section", { className: sx(calculatorStyle), "aria-label": "ACMI calculator", children: [jsxs("div", { className: sx(calculatorHeaderStyle), children: [jsx("h2", { className: sx(sectionTitleStyle$6), children: "Price this trip" }), jsx("p", { className: sx(sectionCopyStyle), children: "Every bid is priced here, so the total you submit is always built from the same carrier, aircraft, fuel, and leg inputs." })] }), noBid ? (jsx(Alert, { variant: "warning", title: "You are declining this opportunity", children: "Pricing is switched off while \u201CNo Bid\u201D is ticked. Untick it to build a quote instead." })) : (jsx(AcmiQuoteCalculator, { defaultInputs: defaultInputs, result: acmiResult, onCalculate: handleCalculate, locale: locale }))] }), jsxs("div", { className: sx(submitBarStyle), children: [jsx(Checkbox, { label: "No Bid Submitted for this Request", helperText: "Declines the opportunity. Pricing is switched off and nothing is quoted.", checked: noBid, onChange: (event) => setNoBid(event.target.checked), "data-test": "charter-bid-no-bid" }), jsx(Button, { fullWidth: true, loading: submitting, disabled: Boolean(blockedReason), onClick: () => onSubmitBid?.({ inputs: noBid ? null : pricedInputs, noBid }), "data-test": "charter-bid-submit", children: noBid ? 'Submit No Bid' : 'Submit Bid' }), blockedReason && (jsx("p", { className: sx(blockedReasonStyle$1), "data-test": "charter-bid-blocked-reason", children: blockedReason }))] })] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$p), className), "data-test": "charter-bid-response-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$5), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charter-bid-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$j), children: [jsx("span", { className: sx(eyebrowStyle$6), children: "Bid response" }), jsx("h1", { className: sx(titleStyle$g), children: tripLevel ? trips[0]?.tripName : program.bidName })] }), jsxs("section", { className: sx(summaryStyle$3), "aria-label": "Team overview", children: [jsx("h2", { className: sx(sectionTitleStyle$6), children: "Team Overview" }), jsxs("dl", { className: sx(factsStyle$3), children: [jsxs("div", { children: [jsx("dt", { children: "Team" }), jsx("dd", { children: accountName })] }), jsxs("div", { children: [jsx("dt", { children: "Sport" }), jsx("dd", { children: program.sport })] }), jsxs("div", { children: [jsx("dt", { children: "Season" }), jsx("dd", { children: program.season })] }), jsxs("div", { children: [jsx("dt", { children: "Year" }), jsx("dd", { children: program.year })] }), jsxs("div", { children: [jsx("dt", { children: "Due Date" }), jsx("dd", { children: formatDate$3(program.dueDate, locale) })] })] })] }), trips.map((trip, index) => (jsxs("section", { className: sx(summaryStyle$3), "aria-label": `Trip ${index + 1}`, children: [jsxs("h2", { className: sx(sectionTitleStyle$6), children: ["Trip ", index + 1] }), jsxs("p", { className: sx(tripMetaStyle), children: [jsxs("span", { children: [jsx("strong", { children: "Bid Type:" }), " ", trip.bidType] }), acmiCarrier && requestedCarrier && (jsxs("span", { "data-test": "charter-bid-requested-carrier", children: [jsx("strong", { children: "Requested Carrier:" }), " ", requestedCarrier] }))] }), jsxs("dl", { className: sx(factsStyle$3), children: [jsxs("div", { children: [jsx("dt", { children: "Depart Date" }), jsx("dd", { children: formatDate$3(trip.departureDate, locale) })] }), jsxs("div", { children: [jsx("dt", { children: "Travel Party Size" }), jsx("dd", { children: trip.travelPartySize })] }), jsxs("div", { children: [jsx("dt", { children: "Route" }), jsx("dd", { children: trip.route })] }), jsxs("div", { children: [jsx("dt", { children: "Expires" }), jsx("dd", { children: formatDate$3(trip.expirationDate, locale) })] })] })] }, trip.tripGuid))), jsxs("section", { className: sx(calculatorStyle), "aria-label": "ACMI calculator", children: [jsxs("div", { className: sx(calculatorHeaderStyle), children: [jsx("h2", { className: sx(sectionTitleStyle$6), children: "Price this trip" }), jsx("p", { className: sx(sectionCopyStyle), children: "Every bid is priced here, so the total you submit is always built from the same carrier, aircraft, fuel, and leg inputs." })] }), noBid ? (jsx(Alert, { variant: "warning", title: "You are declining this opportunity", children: "Pricing is switched off while \u201CNo Bid\u201D is ticked. Untick it to build a quote instead." })) : (jsx(AcmiQuoteCalculator, { defaultInputs: defaultInputs, result: acmiResult, onCalculate: handleCalculate, locale: locale }))] }), jsxs("div", { className: sx(submitBarStyle), children: [jsx(Checkbox, { label: "No Bid Submitted for this Request", helperText: "Declines the opportunity. Pricing is switched off and nothing is quoted.", checked: noBid, onChange: (event) => setNoBid(event.target.checked), "data-test": "charter-bid-no-bid" }), jsx(Button, { fullWidth: true, loading: submitting, disabled: Boolean(blockedReason), onClick: () => onSubmitBid?.({ inputs: noBid ? null : pricedInputs, noBid }), "data-test": "charter-bid-submit", children: noBid ? 'Submit No Bid' : 'Submit Bid' }), blockedReason && (jsx("p", { className: sx(blockedReasonStyle$1), "data-test": "charter-bid-blocked-reason", children: blockedReason }))] })] }));
 };
 CharterBidResponsePage.displayName = 'CharterBidResponsePage';
 
 /** CharterBidViewPage's compiled rules. */
-const pageStyle$n = {
+const pageStyle$o = {
     label: 'CharterBidViewPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -29881,7 +29954,7 @@ const headerStyle$i = {
     flexDirection: 'column',
     gap: 'var(--space-1)',
 };
-const eyebrowStyle$4 = {
+const eyebrowStyle$5 = {
     label: 'CharterBidViewPage-eyebrowStyle',
     color: 'var(--fg-4)',
     fontSize: 'var(--fs-xs)',
@@ -29889,7 +29962,7 @@ const eyebrowStyle$4 = {
     letterSpacing: '0.06em',
     textTransform: 'uppercase',
 };
-const titleStyle$e = {
+const titleStyle$f = {
     label: 'CharterBidViewPage-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -30044,7 +30117,7 @@ const SUBMISSION_LABELS = {
 const CharterBidViewPage = ({ program, trip, bids = [], processingSubmission, onRefresh, backLabel = 'Regular Season Bids', onBack, locale = 'en-US', className = '', }) => {
     const currency = useMemo(() => new Intl.NumberFormat(locale, { style: 'currency', currency: 'USD' }), [locale]);
     const numbers = useMemo(() => new Intl.NumberFormat(locale), [locale]);
-    return (jsxs("div", { className: cx(sx(pageStyle$n), className), "data-test": "charter-bid-view-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$4), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charter-bid-view-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$i), children: [jsx("span", { className: sx(eyebrowStyle$4), children: "Bid response" }), jsx("h1", { className: sx(titleStyle$e), children: trip ? trip.tripName : program.bidName }), jsxs("p", { className: sx(subtitleStyle$4), children: [program.team, " \u00B7 ", program.sport, " \u00B7 ", program.season, " ", program.year] })] }), bids.length > 0 && (jsx("ol", { className: sx(bidsStyle), children: bids.map((bid, index) => (jsxs("li", { className: sx(bidStyle), "data-test": "charter-submitted-bid", children: [jsxs("div", { className: sx(bidHeaderStyle), children: [jsxs("h2", { className: sx(bidTitleStyle), children: ["Bid ", index + 1] }), jsx(StatusBadge, { status: "submitted" })] }), jsxs("dl", { className: sx(factsStyle$2), children: [jsxs("div", { children: [jsx("dt", { children: "Seats" }), jsx("dd", { children: bid.seats })] }), jsxs("div", { children: [jsx("dt", { children: "Max Payload (lbs)" }), jsx("dd", { children: numbers.format(bid.maxPayloadLbs) })] }), jsxs("div", { children: [jsx("dt", { children: "Fuel Base ($)" }), jsx("dd", { children: currency.format(bid.fuelBasePrice) })] }), jsxs("div", { className: sx(totalFactStyle), children: [jsx("dt", { children: "Total Cost ($)" }), jsx("dd", { "data-test": "charter-bid-total", children: currency.format(bid.totalCost) })] }), jsxs("div", { children: [jsx("dt", { children: "Catering Options" }), jsx("dd", { children: bid.cateringAvailable })] })] }), bid.notesFromOperator && bid.notesFromOperator.length > 0 && (jsxs("div", { className: sx(notesStyle), children: [jsx("h3", { className: sx(notesTitleStyle), children: "Notes from Operator" }), jsx("ul", { className: sx(notesListStyle), "data-test": "charter-bid-notes", children: bid.notesFromOperator.map((note) => (jsx("li", { children: note }, note))) })] }))] }, bid.id))) })), bids.length === 0 && processingSubmission && (jsxs("div", { className: sx(processingStyle), "data-test": "charter-bid-processing", children: [jsx(Spinner, { size: "lg", label: "Parsing your submission" }), jsx("h2", { className: sx(processingTitleStyle), children: "We are still reading your bid" }), jsxs("p", { className: sx(processingCopyStyle), children: ["Your ", SUBMISSION_LABELS[processingSubmission], " arrived and is being parsed into a quote. This normally takes a couple of minutes \u2014 nothing is lost while it runs, and you do not need to submit it again."] }), onRefresh && (jsx(Button, { variant: "outline", size: "sm", onClick: onRefresh, "data-test": "charter-bid-refresh", children: "Check again" }))] })), bids.length === 0 && !processingSubmission && (jsx(EmptyState$1, { title: "No bid submitted for this opportunity.", description: "Nothing has been received against this trip yet. Submit a bid from the Open queue while it is still live." }))] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$o), className), "data-test": "charter-bid-view-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$4), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charter-bid-view-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$i), children: [jsx("span", { className: sx(eyebrowStyle$5), children: "Bid response" }), jsx("h1", { className: sx(titleStyle$f), children: trip ? trip.tripName : program.bidName }), jsxs("p", { className: sx(subtitleStyle$4), children: [program.team, " \u00B7 ", program.sport, " \u00B7 ", program.season, " ", program.year] })] }), bids.length > 0 && (jsx("ol", { className: sx(bidsStyle), children: bids.map((bid, index) => (jsxs("li", { className: sx(bidStyle), "data-test": "charter-submitted-bid", children: [jsxs("div", { className: sx(bidHeaderStyle), children: [jsxs("h2", { className: sx(bidTitleStyle), children: ["Bid ", index + 1] }), jsx(StatusBadge, { status: "submitted" })] }), jsxs("dl", { className: sx(factsStyle$2), children: [jsxs("div", { children: [jsx("dt", { children: "Seats" }), jsx("dd", { children: bid.seats })] }), jsxs("div", { children: [jsx("dt", { children: "Max Payload (lbs)" }), jsx("dd", { children: numbers.format(bid.maxPayloadLbs) })] }), jsxs("div", { children: [jsx("dt", { children: "Fuel Base ($)" }), jsx("dd", { children: currency.format(bid.fuelBasePrice) })] }), jsxs("div", { className: sx(totalFactStyle), children: [jsx("dt", { children: "Total Cost ($)" }), jsx("dd", { "data-test": "charter-bid-total", children: currency.format(bid.totalCost) })] }), jsxs("div", { children: [jsx("dt", { children: "Catering Options" }), jsx("dd", { children: bid.cateringAvailable })] })] }), bid.notesFromOperator && bid.notesFromOperator.length > 0 && (jsxs("div", { className: sx(notesStyle), children: [jsx("h3", { className: sx(notesTitleStyle), children: "Notes from Operator" }), jsx("ul", { className: sx(notesListStyle), "data-test": "charter-bid-notes", children: bid.notesFromOperator.map((note) => (jsx("li", { children: note }, note))) })] }))] }, bid.id))) })), bids.length === 0 && processingSubmission && (jsxs("div", { className: sx(processingStyle), "data-test": "charter-bid-processing", children: [jsx(Spinner, { size: "lg", label: "Parsing your submission" }), jsx("h2", { className: sx(processingTitleStyle), children: "We are still reading your bid" }), jsxs("p", { className: sx(processingCopyStyle), children: ["Your ", SUBMISSION_LABELS[processingSubmission], " arrived and is being parsed into a quote. This normally takes a couple of minutes \u2014 nothing is lost while it runs, and you do not need to submit it again."] }), onRefresh && (jsx(Button, { variant: "outline", size: "sm", onClick: onRefresh, "data-test": "charter-bid-refresh", children: "Check again" }))] })), bids.length === 0 && !processingSubmission && (jsx(EmptyState$1, { title: "No bid submitted for this opportunity.", description: "Nothing has been received against this trip yet. Submit a bid from the Open queue while it is still live." }))] }));
 };
 CharterBidViewPage.displayName = 'CharterBidViewPage';
 
@@ -30057,7 +30130,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',
@@ -30192,7 +30265,7 @@ const railStyle = {
         width: '100%',
     },
 };
-const eyebrowStyle$3 = {
+const eyebrowStyle$4 = {
     label: 'CharterManifestPage-eyebrowStyle',
     marginBottom: 8,
     color: 'var(--color-slate)',
@@ -30477,7 +30550,7 @@ const CharterManifestPage = ({ tripName, travelStartDate, travelEndDate, seats,
         }
         return a.lastName.localeCompare(b.lastName);
     }), [passengers, sort]);
-    return (jsxs("div", { className: cx(sx(pageStyle$m), className), "data-screen-label": "Charter Trip Manifest", children: [jsxs("header", { className: sx(headerStyle$h), children: [jsxs("div", { className: sx(headerRowStyle$1), children: [jsx("button", { type: "button", "aria-label": "Back", className: sx(backStyle), onClick: onBack, children: jsx(ChevronLeftIcon, { size: 28 }) }), jsxs("h1", { children: [jsx("strong", { children: "Manifest" }), jsx(ChevronRightIcon$1, { size: 24 }), jsx("span", { children: tripName })] }), jsxs("div", { className: sx(headerActionsStyle), children: [jsx(StatusPill, { sendState: sendState, locked: locked }), jsx(Button, { variant: "outline", leftIcon: jsx(DocumentIcon, { size: 16 }), disabled: carrierName === 'No carrier selected', onClick: onGenerateFile, children: "Generate File" })] })] }), (travelStartDate || travelEndDate) && (jsxs("div", { className: sx(dateRowStyle), children: [jsx("span", { children: formatDate$2(travelStartDate) }), jsx("span", { className: sx(dateLineStyle), children: "\u25B6" }), jsx("span", { children: formatDate$2(travelEndDate) })] })), jsxs("div", { className: sx(metaRowStyle), children: [jsxs("span", { children: [jsx(PlaneIcon$3, { size: 16 }), seats, " seats"] }), jsxs("span", { children: [jsx(CubeIcon, { size: 16 }), "Payload limit ", payloadLimit.toLocaleString(), " lb"] })] })] }), jsxs("div", { className: sx(layoutStyle), children: [jsxs("aside", { className: sx(railStyle), children: [jsxs("div", { children: [jsx("div", { className: sx(eyebrowStyle$3), children: "Flight Manifest" }), jsx("div", { className: sx(scopeListStyle), children: [{ id: 'all', label: 'Full Trip', detail: 'All flight segments' }, ...segments].map((item) => (jsxs("button", { type: "button", className: cx(sx(scopeStyle), scope === item.id ? sx(activeScopeStyle) : ''), onClick: () => setScope(item.id), children: [jsx("strong", { children: item.label }), jsx("span", { children: item.detail })] }, item.id))) })] }), segments.length > 0 && (jsx(Button, { variant: "outline", size: "sm", disabled: locked, onClick: onSplitSegments, children: "Split by Segment" })), jsxs("div", { className: sx(carrierCardStyle), children: [jsx("div", { className: sx(eyebrowStyle$3), children: "Carrier" }), jsx("strong", { children: carrierName }), jsx("p", { children: carrierNote }), jsx(Button, { variant: "outline", size: "sm", fullWidth: true, disabled: locked, leftIcon: jsx(SettingsIcon, { size: 15 }), onClick: onChangeCarrier, children: "Change Carrier" })] })] }), jsxs("main", { className: sx(mainStyle$2), children: [jsx("section", { className: sx(capacityCardStyle), children: jsx(ManifestCapacityStats, { paxCount: passengers.length, seats: seats, paxWeight: passengerWeight, cargoWeight: cargoWeight, payloadLimit: payloadLimit }) }), jsxs("div", { className: sx(viewRowStyle), children: [jsx(ManifestViewToggle, { view: view, onView: setView, paxCount: passengers.length, eqCount: equipment.length, locked: locked }), locked && jsx("span", { className: sx(lockedMessageStyle), children: "Locked \u2014 coordinate any changes directly with the carrier." })] }), view === 'passengers' ? (jsxs("section", { children: [!locked && (jsxs("div", { className: sx(tableActionsStyle), children: [jsxs("strong", { children: [passengers.length, " Passengers"] }), jsxs("div", { children: [jsx("span", { children: "Order by" }), jsx("span", { className: sx(sortToggleStyle), children: ['name', 'type'].map((option) => (jsx("button", { type: "button", className: sort === option ? sx(activeSortStyle) : '', onClick: () => setSort(option), children: option }, option))) }), jsx(Button, { size: "sm", leftIcon: jsx(PlusIcon$2, { size: 15 }), onClick: onAddPassengers, children: "Add Passengers" })] })] })), jsx("div", { className: sx(tableWrapStyle$3), children: jsxs("table", { children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "#" }), jsx("th", { children: "Passenger" }), jsx("th", { children: "Type" }), jsx("th", { children: "TSA Screening" }), jsx("th", { children: "Personal" }), jsx("th", { children: "Carry-On" }), jsx("th", { children: "Checked" }), jsx("th", { children: "Seat" }), jsx("th", {})] }) }), jsxs("tbody", { children: [!sortedPassengers.length && jsx("tr", { children: jsx("td", { colSpan: 9, className: sx(emptyStyle$3), children: "No passengers on this manifest yet. Add passengers from the master list." }) }), sortedPassengers.map((passenger, index) => (jsxs("tr", { children: [jsx("td", { children: index + 1 }), jsxs("td", { children: [jsx("strong", { children: passenger.lastName }), jsxs("span", { children: [", ", passenger.firstName] })] }), jsx("td", { children: jsx(TypeTag, { type: passenger.travelerType }) }), jsx("td", { children: passenger.screeningType || '—' }), jsxs("td", { children: [passenger.personalWeight ?? 0, " lb"] }), jsxs("td", { children: [passenger.carryOnWeight ?? 0, " lb"] }), jsxs("td", { children: [passenger.checkedWeight ?? 0, " lb"] }), jsx("td", { children: passenger.seatAssignment || '—' }), jsx("td", { children: !locked && jsx("button", { type: "button", "aria-label": `Remove ${passenger.firstName} ${passenger.lastName}`, className: sx(removeStyle), onClick: () => onRemovePassenger?.(passenger), children: jsx(TrashIcon$2, { size: 16 }) }) })] }, passenger.id)))] })] }) })] })) : (jsxs("section", { children: [!locked && jsxs("div", { className: sx(tableActionsStyle), children: [jsxs("strong", { children: [equipment.length, " Equipment Items"] }), jsx(Button, { size: "sm", leftIcon: jsx(PlusIcon$2, { size: 15 }), onClick: onAddEquipment, children: "Add Equipment" })] }), jsx("div", { className: sx(tableWrapStyle$3), children: jsxs("table", { children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "Equipment" }), jsx("th", { children: "Quantity" }), jsx("th", { children: "Weight" }), jsx("th", { children: "Total" }), jsx("th", {})] }) }), jsx("tbody", { children: equipment.map((item) => jsxs("tr", { children: [jsx("td", { children: jsx("strong", { children: item.name }) }), jsx("td", { children: item.quantity }), jsxs("td", { children: [item.weight.toLocaleString(), " lb"] }), jsxs("td", { children: [(item.quantity * item.weight).toLocaleString(), " lb"] }), jsx("td", { children: !locked && jsx("button", { type: "button", "aria-label": `Remove ${item.name}`, className: sx(removeStyle), onClick: () => onRemoveEquipment?.(item), children: jsx(TrashIcon$2, { size: 16 }) }) })] }, item.id)) })] }) })] })), !locked && (jsxs("section", { className: sx(finalizeStyle), children: [jsx(StatusPill, { sendState: sendState, locked: false }), jsx("p", { children: sendState === 'initial-sent' ? 'Initial manifest sent. The final manifest may be sent within 3 days of departure.' : 'No manifest has been transmitted to the carrier yet.' }), jsxs("div", { className: sx(finalizeActionsStyle), children: [sendState === 'none' && jsx(Button, { onClick: onSendInitial, children: "Send Initial Manifest" }), sendState === 'initial-sent' && jsxs(Fragment, { children: [jsx(Button, { onClick: onSendFinal, children: "Send Final Manifest" }), jsx(Button, { variant: "ghost", size: "sm", onClick: onUndoInitial, children: "Undo initial" })] })] })] }))] })] })] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$n), className), "data-screen-label": "Charter Trip Manifest", children: [jsxs("header", { className: sx(headerStyle$h), children: [jsxs("div", { className: sx(headerRowStyle$1), children: [jsx("button", { type: "button", "aria-label": "Back", className: sx(backStyle), onClick: onBack, children: jsx(ChevronLeftIcon, { size: 28 }) }), jsxs("h1", { children: [jsx("strong", { children: "Manifest" }), jsx(ChevronRightIcon$1, { size: 24 }), jsx("span", { children: tripName })] }), jsxs("div", { className: sx(headerActionsStyle), children: [jsx(StatusPill, { sendState: sendState, locked: locked }), jsx(Button, { variant: "outline", leftIcon: jsx(DocumentIcon, { size: 16 }), disabled: carrierName === 'No carrier selected', onClick: onGenerateFile, children: "Generate File" })] })] }), (travelStartDate || travelEndDate) && (jsxs("div", { className: sx(dateRowStyle), children: [jsx("span", { children: formatDate$2(travelStartDate) }), jsx("span", { className: sx(dateLineStyle), children: "\u25B6" }), jsx("span", { children: formatDate$2(travelEndDate) })] })), jsxs("div", { className: sx(metaRowStyle), children: [jsxs("span", { children: [jsx(PlaneIcon$3, { size: 16 }), seats, " seats"] }), jsxs("span", { children: [jsx(CubeIcon, { size: 16 }), "Payload limit ", payloadLimit.toLocaleString(), " lb"] })] })] }), jsxs("div", { className: sx(layoutStyle), children: [jsxs("aside", { className: sx(railStyle), children: [jsxs("div", { children: [jsx("div", { className: sx(eyebrowStyle$4), children: "Flight Manifest" }), jsx("div", { className: sx(scopeListStyle), children: [{ id: 'all', label: 'Full Trip', detail: 'All flight segments' }, ...segments].map((item) => (jsxs("button", { type: "button", className: cx(sx(scopeStyle), scope === item.id ? sx(activeScopeStyle) : ''), onClick: () => setScope(item.id), children: [jsx("strong", { children: item.label }), jsx("span", { children: item.detail })] }, item.id))) })] }), segments.length > 0 && (jsx(Button, { variant: "outline", size: "sm", disabled: locked, onClick: onSplitSegments, children: "Split by Segment" })), jsxs("div", { className: sx(carrierCardStyle), children: [jsx("div", { className: sx(eyebrowStyle$4), children: "Carrier" }), jsx("strong", { children: carrierName }), jsx("p", { children: carrierNote }), jsx(Button, { variant: "outline", size: "sm", fullWidth: true, disabled: locked, leftIcon: jsx(SettingsIcon, { size: 15 }), onClick: onChangeCarrier, children: "Change Carrier" })] })] }), jsxs("main", { className: sx(mainStyle$2), children: [jsx("section", { className: sx(capacityCardStyle), children: jsx(ManifestCapacityStats, { paxCount: passengers.length, seats: seats, paxWeight: passengerWeight, cargoWeight: cargoWeight, payloadLimit: payloadLimit }) }), jsxs("div", { className: sx(viewRowStyle), children: [jsx(ManifestViewToggle, { view: view, onView: setView, paxCount: passengers.length, eqCount: equipment.length, locked: locked }), locked && jsx("span", { className: sx(lockedMessageStyle), children: "Locked \u2014 coordinate any changes directly with the carrier." })] }), view === 'passengers' ? (jsxs("section", { children: [!locked && (jsxs("div", { className: sx(tableActionsStyle), children: [jsxs("strong", { children: [passengers.length, " Passengers"] }), jsxs("div", { children: [jsx("span", { children: "Order by" }), jsx("span", { className: sx(sortToggleStyle), children: ['name', 'type'].map((option) => (jsx("button", { type: "button", className: sort === option ? sx(activeSortStyle) : '', onClick: () => setSort(option), children: option }, option))) }), jsx(Button, { size: "sm", leftIcon: jsx(PlusIcon$2, { size: 15 }), onClick: onAddPassengers, children: "Add Passengers" })] })] })), jsx("div", { className: sx(tableWrapStyle$3), children: jsxs("table", { children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "#" }), jsx("th", { children: "Passenger" }), jsx("th", { children: "Type" }), jsx("th", { children: "TSA Screening" }), jsx("th", { children: "Personal" }), jsx("th", { children: "Carry-On" }), jsx("th", { children: "Checked" }), jsx("th", { children: "Seat" }), jsx("th", {})] }) }), jsxs("tbody", { children: [!sortedPassengers.length && jsx("tr", { children: jsx("td", { colSpan: 9, className: sx(emptyStyle$3), children: "No passengers on this manifest yet. Add passengers from the master list." }) }), sortedPassengers.map((passenger, index) => (jsxs("tr", { children: [jsx("td", { children: index + 1 }), jsxs("td", { children: [jsx("strong", { children: passenger.lastName }), jsxs("span", { children: [", ", passenger.firstName] })] }), jsx("td", { children: jsx(TypeTag, { type: passenger.travelerType }) }), jsx("td", { children: passenger.screeningType || '—' }), jsxs("td", { children: [passenger.personalWeight ?? 0, " lb"] }), jsxs("td", { children: [passenger.carryOnWeight ?? 0, " lb"] }), jsxs("td", { children: [passenger.checkedWeight ?? 0, " lb"] }), jsx("td", { children: passenger.seatAssignment || '—' }), jsx("td", { children: !locked && jsx("button", { type: "button", "aria-label": `Remove ${passenger.firstName} ${passenger.lastName}`, className: sx(removeStyle), onClick: () => onRemovePassenger?.(passenger), children: jsx(TrashIcon$2, { size: 16 }) }) })] }, passenger.id)))] })] }) })] })) : (jsxs("section", { children: [!locked && jsxs("div", { className: sx(tableActionsStyle), children: [jsxs("strong", { children: [equipment.length, " Equipment Items"] }), jsx(Button, { size: "sm", leftIcon: jsx(PlusIcon$2, { size: 15 }), onClick: onAddEquipment, children: "Add Equipment" })] }), jsx("div", { className: sx(tableWrapStyle$3), children: jsxs("table", { children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "Equipment" }), jsx("th", { children: "Quantity" }), jsx("th", { children: "Weight" }), jsx("th", { children: "Total" }), jsx("th", {})] }) }), jsx("tbody", { children: equipment.map((item) => jsxs("tr", { children: [jsx("td", { children: jsx("strong", { children: item.name }) }), jsx("td", { children: item.quantity }), jsxs("td", { children: [item.weight.toLocaleString(), " lb"] }), jsxs("td", { children: [(item.quantity * item.weight).toLocaleString(), " lb"] }), jsx("td", { children: !locked && jsx("button", { type: "button", "aria-label": `Remove ${item.name}`, className: sx(removeStyle), onClick: () => onRemoveEquipment?.(item), children: jsx(TrashIcon$2, { size: 16 }) }) })] }, item.id)) })] }) })] })), !locked && (jsxs("section", { className: sx(finalizeStyle), children: [jsx(StatusPill, { sendState: sendState, locked: false }), jsx("p", { children: sendState === 'initial-sent' ? 'Initial manifest sent. The final manifest may be sent within 3 days of departure.' : 'No manifest has been transmitted to the carrier yet.' }), jsxs("div", { className: sx(finalizeActionsStyle), children: [sendState === 'none' && jsx(Button, { onClick: onSendInitial, children: "Send Initial Manifest" }), sendState === 'initial-sent' && jsxs(Fragment, { children: [jsx(Button, { onClick: onSendFinal, children: "Send Final Manifest" }), jsx(Button, { variant: "ghost", size: "sm", onClick: onUndoInitial, children: "Undo initial" })] })] })] }))] })] })] }));
 };
 
 /**
@@ -30496,7 +30569,7 @@ const mutedCopy = {
     margin: 0,
     color: 'var(--color-slate)',
 };
-const pageStyle$l = {
+const pageStyle$m = {
     label: 'ChartersAccessManagementPage-pageStyle',
     maxWidth: 1180,
     margin: '0 auto',
@@ -30531,7 +30604,7 @@ const headingRowStyle = {
         flexDirection: 'column',
     },
 };
-const eyebrowStyle$2 = {
+const eyebrowStyle$3 = {
     label: 'ChartersAccessManagementPage-eyebrowStyle',
     ...mutedCopy,
     marginBottom: 8,
@@ -30714,14 +30787,14 @@ const avatarStyle = {
     fontSize: 12,
     fontWeight: 'var(--fw-semibold)',
 };
-const nameStyle = {
+const nameStyle$1 = {
     label: 'ChartersAccessManagementPage-nameStyle',
     display: 'flex',
     alignItems: 'center',
     gap: 7,
     fontWeight: 'var(--fw-semibold)',
 };
-const titleStyle$d = {
+const titleStyle$e = {
     label: 'ChartersAccessManagementPage-titleStyle',
     display: 'block',
     marginTop: 2,
@@ -30868,7 +30941,7 @@ const ChartersAccessManagementPage = ({ accountName, memberships, availableAccou
     const addUnavailableReason = !onAddAccess
         ? 'Adding STM Charters access is not available in this view.'
         : undefined;
-    return (jsxs("div", { className: cx(sx(pageStyle$l), className), "data-test": "charters-access-management-page", children: [jsxs("header", { className: sx(headerStyle$g), children: [onBack && (jsx(Button, { type: "button", variant: "ghost", size: "sm", leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charters-access-back", children: "STM Charters" })), jsxs("div", { className: sx(headingRowStyle), children: [jsxs("div", { children: [jsxs("p", { className: sx(eyebrowStyle$2), children: ["STM Charters \u00B7 ", accountName] }), jsx("h1", { children: "Access Management" }), jsx("p", { className: sx(descriptionStyle$6), children: "Grant account users access to charter bids and choose who can manage membership." })] }), jsxs("div", { className: sx(summaryStyle$2), "aria-label": "Access summary", children: [jsxs("span", { children: [jsx("strong", { children: memberships.length }), " members"] }), jsxs("span", { children: [jsx("strong", { children: adminCount }), " admins"] })] })] })] }), loading && (jsxs("div", { className: sx(pageStateStyle$1), "data-test": "charters-access-loading", children: [jsx(Spinner, { size: "lg", label: "Loading STM Charters access" }), jsx("p", { children: "Loading STM Charters access\u2026" })] })), !loading && error && (jsxs("div", { className: sx(pageStateStyle$1), "data-test": "charters-access-error", children: [jsx(Alert, { variant: "error", title: "Access could not be loaded", children: error }), onRetry && (jsx(Button, { type: "button", variant: "outline", onClick: onRetry, "data-test": "charters-access-retry", children: "Try again" }))] })), !loading && !error && (jsxs(Fragment, { children: [actionError && (jsx(Alert, { variant: "error", title: "Access change failed", dismissible: true, onDismiss: () => setActionError(undefined), className: sx(actionErrorStyle$1), children: jsx("span", { "data-test": "charters-access-action-error", children: actionError }) })), canManageAccess ? (jsxs("section", { className: sx(addPanelStyle), "data-test": "charters-access-add-panel", children: [jsxs("div", { className: sx(sectionHeadingStyle$1), children: [jsx("span", { className: sx(sectionIconStyle), children: jsx(UsersIcon$1, { size: 20 }) }), jsxs("div", { children: [jsx("h2", { children: "Add account users" }), jsxs("p", { children: ["Search and select one or more existing users of ", accountName, " to grant STM Charters access."] })] })] }), jsxs("div", { className: sx(addControlsStyle), children: [jsx(MultiUserSearch, { label: "Search account users", placeholder: "Type to search by name or email", options: userSearchOptions, selectedIds: selectedUserIds, onSearch: handleUserSearch, onSelectionChange: setSelectedUserIds, loading: accountUserSearchLoading, disabled: Boolean(pendingAction), error: accountUserSearchError, helperText: "Select one or more users, then choose their role below.", "data-test": "charters-access-user-search" }), jsxs("div", { className: sx(addActionsRowStyle), children: [jsx(Select, { label: "STM Charters role", options: ROLE_OPTIONS, value: newRole, onChange: (event) => setNewRole(event.target.value), disabled: Boolean(pendingAction), "data-test": "charters-access-new-role" }), jsx(Button, { type: "button", onClick: addSelectedUsers, disabled: !hasSelectedUsers || Boolean(addUnavailableReason), loading: pendingAction === 'add', title: addUnavailableReason, "data-test": "charters-access-add", children: selectedUsers.length > 1
+    return (jsxs("div", { className: cx(sx(pageStyle$m), className), "data-test": "charters-access-management-page", children: [jsxs("header", { className: sx(headerStyle$g), children: [onBack && (jsx(Button, { type: "button", variant: "ghost", size: "sm", leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "charters-access-back", children: "STM Charters" })), jsxs("div", { className: sx(headingRowStyle), children: [jsxs("div", { children: [jsxs("p", { className: sx(eyebrowStyle$3), children: ["STM Charters \u00B7 ", accountName] }), jsx("h1", { children: "Access Management" }), jsx("p", { className: sx(descriptionStyle$6), children: "Grant account users access to charter bids and choose who can manage membership." })] }), jsxs("div", { className: sx(summaryStyle$2), "aria-label": "Access summary", children: [jsxs("span", { children: [jsx("strong", { children: memberships.length }), " members"] }), jsxs("span", { children: [jsx("strong", { children: adminCount }), " admins"] })] })] })] }), loading && (jsxs("div", { className: sx(pageStateStyle$1), "data-test": "charters-access-loading", children: [jsx(Spinner, { size: "lg", label: "Loading STM Charters access" }), jsx("p", { children: "Loading STM Charters access\u2026" })] })), !loading && error && (jsxs("div", { className: sx(pageStateStyle$1), "data-test": "charters-access-error", children: [jsx(Alert, { variant: "error", title: "Access could not be loaded", children: error }), onRetry && (jsx(Button, { type: "button", variant: "outline", onClick: onRetry, "data-test": "charters-access-retry", children: "Try again" }))] })), !loading && !error && (jsxs(Fragment, { children: [actionError && (jsx(Alert, { variant: "error", title: "Access change failed", dismissible: true, onDismiss: () => setActionError(undefined), className: sx(actionErrorStyle$1), children: jsx("span", { "data-test": "charters-access-action-error", children: actionError }) })), canManageAccess ? (jsxs("section", { className: sx(addPanelStyle), "data-test": "charters-access-add-panel", children: [jsxs("div", { className: sx(sectionHeadingStyle$1), children: [jsx("span", { className: sx(sectionIconStyle), children: jsx(UsersIcon$1, { size: 20 }) }), jsxs("div", { children: [jsx("h2", { children: "Add account users" }), jsxs("p", { children: ["Search and select one or more existing users of ", accountName, " to grant STM Charters access."] })] })] }), jsxs("div", { className: sx(addControlsStyle), children: [jsx(MultiUserSearch, { label: "Search account users", placeholder: "Type to search by name or email", options: userSearchOptions, selectedIds: selectedUserIds, onSearch: handleUserSearch, onSelectionChange: setSelectedUserIds, loading: accountUserSearchLoading, disabled: Boolean(pendingAction), error: accountUserSearchError, helperText: "Select one or more users, then choose their role below.", "data-test": "charters-access-user-search" }), jsxs("div", { className: sx(addActionsRowStyle), children: [jsx(Select, { label: "STM Charters role", options: ROLE_OPTIONS, value: newRole, onChange: (event) => setNewRole(event.target.value), disabled: Boolean(pendingAction), "data-test": "charters-access-new-role" }), jsx(Button, { type: "button", onClick: addSelectedUsers, disabled: !hasSelectedUsers || Boolean(addUnavailableReason), loading: pendingAction === 'add', title: addUnavailableReason, "data-test": "charters-access-add", children: selectedUsers.length > 1
                                                     ? `Add ${selectedUsers.length} users`
                                                     : 'Add access' })] })] })] })) : (jsx(Alert, { variant: "primary", title: "Read-only access", className: sx(readOnlyNoticeStyle$1), children: jsx("span", { "data-test": "charters-access-read-only", children: readOnlyMessage }) })), jsxs("section", { className: sx(membersPanelStyle), "aria-labelledby": "charters-access-members-heading", children: [jsxs("div", { className: sx(membersHeadingStyle), children: [jsxs("div", { children: [jsx("h2", { id: "charters-access-members-heading", children: "People with STM Charters access" }), jsx("p", { children: "Members use carrier workflows. Admins can also manage this list." })] }), jsx(LockIcon$1, { size: 20, "aria-hidden": "true" })] }), memberships.length === 0 ? (jsx("div", { "data-test": "charters-access-empty", children: jsx(EmptyState$1, { title: "No STM Charters members", description: canManageAccess
                                         ? 'Search for an existing account user above to grant the first membership.'
@@ -30882,7 +30955,7 @@ const ChartersAccessManagementPage = ({ accountName, memberships, availableAccou
                                                     ?? (!onChangeRole ? 'Changing roles is not available in this view.' : undefined);
                                                 const removeDisabledReason = membership.removeDisabledReason
                                                     ?? (!onRemoveAccess ? 'Removing access is not available in this view.' : undefined);
-                                                return (jsxs("tr", { "data-test": `charters-access-row-${membershipKey}`, children: [jsx("td", { children: jsxs("div", { className: sx(personStyle$1), children: [jsx("span", { className: sx(avatarStyle), "aria-hidden": "true", children: membership.name.split(/\s+/).map((part) => part[0]).join('').slice(0, 2) }), jsxs("span", { children: [jsxs("span", { className: sx(nameStyle), children: [membership.name, isCurrentUser && jsx(Badge, { variant: "info", size: "sm", children: "You" })] }), membership.title && jsx("span", { className: sx(titleStyle$d), children: membership.title })] })] }) }), jsx("td", { children: jsx("a", { href: `mailto:${membership.email}`, children: membership.email }) }), jsx("td", { children: canManageAccess ? (jsxs("div", { className: sx(roleControlStyle), children: [jsx(Select, { "aria-label": `Role for ${membership.name}`, options: ROLE_OPTIONS, value: membership.role, onChange: (event) => changeRole(membership, event.target.value), disabled: Boolean(roleDisabledReason) || Boolean(pendingAction), "data-test": `charters-access-role-${membershipKey}` }), rolePending && jsx(Spinner, { size: "xs", label: `Saving ${membership.name}'s role` }), roleDisabledReason && jsx("span", { className: sx(guardStyle), children: roleDisabledReason })] })) : (jsx(Badge, { variant: membership.role === 'admin' ? 'info' : 'default', children: membership.role === 'admin' ? 'Admin' : 'Member' })) }), canManageAccess && (jsxs("td", { className: sx(actionCellStyle$1), children: [jsx(Button, { type: "button", variant: "ghost", size: "sm", square: true, "aria-label": `Remove ${membership.name} from STM Charters`, title: removeDisabledReason, leftIcon: jsx(TrashIcon$2, { size: 16 }), disabled: Boolean(removeDisabledReason) || Boolean(pendingAction), loading: removePending, onClick: () => setRemoveTarget(membership), "data-test": `charters-access-remove-${membershipKey}` }), removeDisabledReason && (jsx("span", { className: cx(sx(guardStyle), sx(guardInActionCellStyle)), children: removeDisabledReason }))] }))] }, membership.membershipId));
+                                                return (jsxs("tr", { "data-test": `charters-access-row-${membershipKey}`, children: [jsx("td", { children: jsxs("div", { className: sx(personStyle$1), children: [jsx("span", { className: sx(avatarStyle), "aria-hidden": "true", children: membership.name.split(/\s+/).map((part) => part[0]).join('').slice(0, 2) }), jsxs("span", { children: [jsxs("span", { className: sx(nameStyle$1), children: [membership.name, isCurrentUser && jsx(Badge, { variant: "info", size: "sm", children: "You" })] }), membership.title && jsx("span", { className: sx(titleStyle$e), children: membership.title })] })] }) }), jsx("td", { children: jsx("a", { href: `mailto:${membership.email}`, children: membership.email }) }), jsx("td", { children: canManageAccess ? (jsxs("div", { className: sx(roleControlStyle), children: [jsx(Select, { "aria-label": `Role for ${membership.name}`, options: ROLE_OPTIONS, value: membership.role, onChange: (event) => changeRole(membership, event.target.value), disabled: Boolean(roleDisabledReason) || Boolean(pendingAction), "data-test": `charters-access-role-${membershipKey}` }), rolePending && jsx(Spinner, { size: "xs", label: `Saving ${membership.name}'s role` }), roleDisabledReason && jsx("span", { className: sx(guardStyle), children: roleDisabledReason })] })) : (jsx(Badge, { variant: membership.role === 'admin' ? 'info' : 'default', children: membership.role === 'admin' ? 'Admin' : 'Member' })) }), canManageAccess && (jsxs("td", { className: sx(actionCellStyle$1), children: [jsx(Button, { type: "button", variant: "ghost", size: "sm", square: true, "aria-label": `Remove ${membership.name} from STM Charters`, title: removeDisabledReason, leftIcon: jsx(TrashIcon$2, { size: 16 }), disabled: Boolean(removeDisabledReason) || Boolean(pendingAction), loading: removePending, onClick: () => setRemoveTarget(membership), "data-test": `charters-access-remove-${membershipKey}` }), removeDisabledReason && (jsx("span", { className: cx(sx(guardStyle), sx(guardInActionCellStyle)), children: removeDisabledReason }))] }))] }, membership.membershipId));
                                             }) })] }) }))] })] })), jsx(Modal, { isOpen: Boolean(removeTarget), onClose: () => {
                     if (!pendingAction)
                         setRemoveTarget(undefined);
@@ -30896,7 +30969,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',
@@ -30913,7 +30986,7 @@ const headerStyle$f = {
     alignItems: 'flex-start',
     gap: 'var(--space-2)',
 };
-const titleStyle$c = {
+const titleStyle$d = {
     label: 'ChartersHomePage-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -30942,7 +31015,7 @@ const cardsStyle = {
     padding: 0,
     listStyle: 'none',
 };
-const cardStyle$4 = {
+const cardStyle$5 = {
     label: 'ChartersHomePage-cardStyle',
     display: 'flex',
     alignItems: 'flex-start',
@@ -31164,7 +31237,7 @@ const CHARTER_CONTACT_GROUPS = [
  * welcome paragraph and a PDF link; this keeps the same information architecture but
  * puts a real card into each section with the queue count already visible.
  */
-const ChartersHomePage = ({ title = 'STM Charters', description = 'Bid on flight opportunities for regular season and NCAA championship travel.', sections = CHARTER_SECTIONS, contactGroups = CHARTER_CONTACT_GROUPS, tutorialLabel = 'Portal overview (PDF)', onOpenTutorial, onOpenSection, className = '', }) => (jsxs("div", { className: cx(sx(pageStyle$k), className), "data-test": "charters-home-page", children: [jsxs("header", { className: sx(headerStyle$f), children: [jsx("h1", { className: sx(titleStyle$c), children: title }), description && jsx("p", { className: sx(descriptionStyle$5), children: description }), onOpenTutorial && (jsx(Button, { variant: "outline", size: "sm", className: sx(tutorialStyle), leftIcon: jsx(DocumentIcon, { size: 16 }), onClick: onOpenTutorial, "data-test": "charters-tutorial", children: tutorialLabel }))] }), jsx("ul", { className: sx(cardsStyle), children: sections.map((section) => (jsx("li", { children: jsxs("button", { type: "button", className: sx(cardStyle$4), onClick: () => onOpenSection?.(section.key), "data-test": `charters-section-${section.key}`, children: [jsx("span", { className: sx(cardIconStyle), "aria-hidden": "true", children: section.icon ?? SECTION_ICONS[section.key] ?? jsx(PlaneIcon$3, { size: 20 }) }), jsxs("span", { className: sx(cardBodyStyle$2), children: [jsx("span", { className: sx(cardTitleStyle$1), children: section.title }), jsx("span", { className: sx(cardDescriptionStyle), children: section.description }), section.loading ? (jsx("span", { className: sx(cardLoadingStyle), "data-test": `charters-section-${section.key}-loading`, children: jsx(Spinner, { size: "xs", label: `Loading ${section.title}` }) })) : section.count !== undefined ? (jsxs("span", { className: sx(cardCountStyle), children: [jsx("strong", { children: section.count }), " ", section.countLabel ?? 'items'] })) : null] }), jsx("span", { className: sx(cardArrowStyle), "aria-hidden": "true", children: jsx(ArrowUpRightIcon, { size: 16 }) })] }) }, section.key))) }), jsxs("section", { className: sx(contactsStyle), "aria-label": "Contact us", children: [jsx("h2", { className: sx(sectionTitleStyle$5), children: "Questions? Talk to us" }), jsx("div", { className: sx(contactGroupsStyle), children: contactGroups.map((group) => (jsxs("div", { className: sx(contactGroupStyle$1), children: [jsx("h3", { className: sx(contactGroupTitleStyle), children: group.title }), jsx("ul", { className: sx(contactListStyle), children: group.contacts.map((contact) => (jsxs("li", { className: sx(contactStyle), children: [jsx("span", { className: sx(contactNameStyle), children: contact.name }), contact.role && jsx("span", { className: sx(contactRoleStyle), children: contact.role }), jsxs("span", { className: sx(contactLinksStyle), children: [contact.email && (jsxs("a", { href: `mailto:${contact.email}`, className: sx(contactLinkStyle), children: [jsx(MailIcon, { size: 14, "aria-hidden": "true" }), contact.email] })), contact.phone && (jsxs("a", { href: `tel:${contact.phone}`, className: sx(contactLinkStyle), children: [jsx(PhoneIcon, { size: 14, "aria-hidden": "true" }), contact.phone] }))] })] }, contact.name))) })] }, group.title))) })] })] }));
+const ChartersHomePage = ({ title = 'STM Charters', description = 'Bid on flight opportunities for regular season and NCAA championship travel.', sections = CHARTER_SECTIONS, contactGroups = CHARTER_CONTACT_GROUPS, tutorialLabel = 'Portal overview (PDF)', onOpenTutorial, onOpenSection, className = '', }) => (jsxs("div", { className: cx(sx(pageStyle$l), className), "data-test": "charters-home-page", children: [jsxs("header", { className: sx(headerStyle$f), children: [jsx("h1", { className: sx(titleStyle$d), children: title }), description && jsx("p", { className: sx(descriptionStyle$5), children: description }), onOpenTutorial && (jsx(Button, { variant: "outline", size: "sm", className: sx(tutorialStyle), leftIcon: jsx(DocumentIcon, { size: 16 }), onClick: onOpenTutorial, "data-test": "charters-tutorial", children: tutorialLabel }))] }), jsx("ul", { className: sx(cardsStyle), children: sections.map((section) => (jsx("li", { children: jsxs("button", { type: "button", className: sx(cardStyle$5), onClick: () => onOpenSection?.(section.key), "data-test": `charters-section-${section.key}`, children: [jsx("span", { className: sx(cardIconStyle), "aria-hidden": "true", children: section.icon ?? SECTION_ICONS[section.key] ?? jsx(PlaneIcon$3, { size: 20 }) }), jsxs("span", { className: sx(cardBodyStyle$2), children: [jsx("span", { className: sx(cardTitleStyle$1), children: section.title }), jsx("span", { className: sx(cardDescriptionStyle), children: section.description }), section.loading ? (jsx("span", { className: sx(cardLoadingStyle), "data-test": `charters-section-${section.key}-loading`, children: jsx(Spinner, { size: "xs", label: `Loading ${section.title}` }) })) : section.count !== undefined ? (jsxs("span", { className: sx(cardCountStyle), children: [jsx("strong", { children: section.count }), " ", section.countLabel ?? 'items'] })) : null] }), jsx("span", { className: sx(cardArrowStyle), "aria-hidden": "true", children: jsx(ArrowUpRightIcon, { size: 16 }) })] }) }, section.key))) }), jsxs("section", { className: sx(contactsStyle), "aria-label": "Contact us", children: [jsx("h2", { className: sx(sectionTitleStyle$5), children: "Questions? Talk to us" }), jsx("div", { className: sx(contactGroupsStyle), children: contactGroups.map((group) => (jsxs("div", { className: sx(contactGroupStyle$1), children: [jsx("h3", { className: sx(contactGroupTitleStyle), children: group.title }), jsx("ul", { className: sx(contactListStyle), children: group.contacts.map((contact) => (jsxs("li", { className: sx(contactStyle), children: [jsx("span", { className: sx(contactNameStyle), children: contact.name }), contact.role && jsx("span", { className: sx(contactRoleStyle), children: contact.role }), jsxs("span", { className: sx(contactLinksStyle), children: [contact.email && (jsxs("a", { href: `mailto:${contact.email}`, className: sx(contactLinkStyle), children: [jsx(MailIcon, { size: 14, "aria-hidden": "true" }), contact.email] })), contact.phone && (jsxs("a", { href: `tel:${contact.phone}`, className: sx(contactLinkStyle), children: [jsx(PhoneIcon, { size: 14, "aria-hidden": "true" }), contact.phone] }))] })] }, contact.name))) })] }, group.title))) })] })] }));
 ChartersHomePage.displayName = 'ChartersHomePage';
 
 /**
@@ -31182,7 +31255,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': {
@@ -31243,7 +31316,7 @@ const stackStyle$1 = {
 };
 /* Outline card: a hairline border on white with a navy accent down the left
    edge, and the section name as a small uppercase eyebrow over the content. */
-const cardStyle$3 = {
+const cardStyle$4 = {
     label: 'ContactUsPage-cardStyle',
     border: '1px solid var(--color-line, #dce5ef)',
     borderLeft: '6px solid var(--color-primary, #19345f)',
@@ -31473,7 +31546,7 @@ const warningStyle = {
 
 const cleanEmail = (email) => email?.replace('.invalid', '');
 const ContactField = ({ label, children, emergency = false }) => (jsxs("div", { className: sx(fieldStyle$2), children: [jsxs("span", { className: emergency ? sx(emergencyLabelStyle) : sx(labelStyle$2), children: [label, emergency && jsx("span", { className: sx(emergencyDotStyle) })] }), jsx("div", { className: sx(fieldValueStyle), children: children })] }));
-const ContactCard = ({ title, children }) => (jsxs("section", { className: sx(cardStyle$3), children: [title && jsx("h2", { children: title }), jsx("div", { className: sx(cardBodyStyle$1), children: children })] }));
+const ContactCard = ({ title, children }) => (jsxs("section", { className: sx(cardStyle$4), children: [title && jsx("h2", { children: title }), jsx("div", { className: sx(cardBodyStyle$1), children: children })] }));
 /**
  * One account contact card: the row's own labels and values, in the order the
  * caller put them in. Blank values are the caller's to drop — an empty line
@@ -31499,7 +31572,7 @@ const ContactUsPage = ({ title = 'Your Team of Experts', state, errorMessage = '
     if (resolvedState === 'error' || resolvedState === 'empty') {
         return (jsx("div", { className: sx(centeredStateStyle), "data-test": "contact-us-page", children: jsx("div", { "data-test": `contact-us-${resolvedState}`, role: resolvedState === 'error' ? 'alert' : 'status', className: resolvedState === 'error' ? sx(errorStyle) : sx(warningStyle), children: resolvedState === 'error' ? errorMessage : 'No contact information available.' }) }));
     }
-    return (jsx("div", { className: cx(sx(pageStyle$j), className), "data-test": "contact-us-page", children: jsxs("div", { className: sx(containerStyle), children: [jsxs("div", { className: sx(headerRowStyle), children: [jsx(PageHeader, { title: title }), jsx("div", { className: sx(printRowStyle), children: jsxs("button", { type: "button", onClick: onPrint ?? (() => window.print()), children: [jsx(PrinterIcon, { size: 16 }), "Print"] }) })] }), children ?? (data ? (jsxs(Fragment, { children: [!!(data.accountManagers?.length || data.travelAgents?.length) && (jsxs("div", { className: sx(primaryGridStyle), children: [jsx(SimpleContactCard, { title: "Account Manager", contacts: data.accountManagers }), jsx(SimpleContactCard, { title: "Travel Agent", contacts: data.travelAgents })] })), jsxs("div", { className: sx(stackStyle$1), children: [data.accountContacts ? (data.accountContacts.map((section, index) => (
+    return (jsx("div", { className: cx(sx(pageStyle$k), className), "data-test": "contact-us-page", children: jsxs("div", { className: sx(containerStyle), children: [jsxs("div", { className: sx(headerRowStyle), children: [jsx(PageHeader, { title: title }), jsx("div", { className: sx(printRowStyle), children: jsxs("button", { type: "button", onClick: onPrint ?? (() => window.print()), children: [jsx(PrinterIcon, { size: 16 }), "Print"] }) })] }), children ?? (data ? (jsxs(Fragment, { children: [!!(data.accountManagers?.length || data.travelAgents?.length) && (jsxs("div", { className: sx(primaryGridStyle), children: [jsx(SimpleContactCard, { title: "Account Manager", contacts: data.accountManagers }), jsx(SimpleContactCard, { title: "Travel Agent", contacts: data.travelAgents })] })), jsxs("div", { className: sx(stackStyle$1), children: [data.accountContacts ? (data.accountContacts.map((section, index) => (
                                 // Two rows can share a description, so position is the stable key.
                                 jsx(AccountContactCard, { section: section }, `${section.title}-${index}`)))) : (jsxs(Fragment, { children: [jsxs(ContactCard, { title: "Group/Team Commercial Reservation Specialists", children: [jsx(ContactField, { label: "Business Hours:", children: jsx("span", { children: "Monday \u2013 Friday 8am-8pm ET" }) }), jsx(ContactField, { label: "Toll-Free Number:", children: jsx("span", { children: "866-902-9654" }) }), jsx(ContactField, { label: "After Hours/Emergency (24/7):", emergency: true, children: jsx("span", { className: sx(emergencyStyle), children: "866-902-9654" }) }), jsx(ContactField, { label: "Email:", children: jsx("a", { href: "mailto:teamtravel@shortstravel.com", children: "teamtravel@shortstravel.com" }) })] }), jsxs(ContactCard, { title: "Recruiting Travel Specialists", children: [jsx(ContactField, { label: "Business Hours:", children: jsx("span", { children: "Monday \u2013 Friday 8am-8pm ET" }) }), jsx(ContactField, { label: "Toll-Free Number:", children: jsx("span", { children: "866-902-9654" }) }), jsx(ContactField, { label: "After Hours/Emergency (24/7):", emergency: true, children: jsx("span", { className: sx(emergencyStyle), children: "866-902-9654" }) }), jsx(ContactField, { label: "Email:", children: jsx("a", { href: "mailto:recruiting@shortstravel.com", children: "recruiting@shortstravel.com" }) })] })] })), !!data.charterAirContacts?.length && jsx(ContactCard, { title: "Charter Air", children: jsx(PairedContacts, { contacts: data.charterAirContacts }) }), !!data.motorcoachContacts?.length && (jsxs(ContactCard, { title: "Charter Bus / Motorcoach", children: [jsx(PairedContacts, { contacts: data.motorcoachContacts }), jsx("p", { className: sx(motorcoachEmergencyStyle), children: "After Hours/Emergency (24/7): 319-423-3007" })] })), !!data.groupHotelContacts?.length && (jsx(ContactCard, { title: "Group Hotel", children: data.groupHotelContacts.map((contact, index) => (jsxs("div", { className: sx(contactPairStyle), children: [jsx(ContactColumn, { title: "Sales Contact", contact: contact }), jsx("div", { className: sx(contactColumnStyle) })] }, `${contact.email ?? contact.name}-${index}`))) }))] })] })) : jsx(GenericCards, { cards: cards })), showSupportFooter && (jsxs("footer", { className: sx(supportStyle), children: [jsx("h2", { children: "Short's Travel Website and Online Booking Tool Support" }), jsx("p", { children: "Monday \u2013 Friday 9am-9pm ET, except major holidays" }), jsxs("div", { children: [jsx("span", { children: "319-257-5309" }), jsx("a", { href: "mailto:onlinesupport@shortstravel.com", children: "onlinesupport@shortstravel.com" })] })] }))] }) }));
 };
@@ -31521,7 +31594,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)',
 };
@@ -32414,7 +32487,7 @@ const DashboardPage = ({ greeting = 'Good morning', firstName, accountName, widg
     const [dragFrom, setDragFrom] = useState(null);
     const dragGhost = useRef(null);
     const presentTypes = new Set(widgets.map((widget) => widget.type));
-    return (jsxs("div", { className: cx(sx(pageStyle$i), className), children: [welcomeHero && heroOpen && (jsxs("section", { className: sx(welcomeHeroStyle), "aria-label": "Welcome", children: [jsx("button", { type: "button", className: sx(welcomeCloseStyle), "aria-label": "Dismiss welcome", onClick: () => setHeroOpen(false), children: jsx(CloseIcon, { size: 20 }) }), welcomeHero] })), jsx("div", { className: sx(pageBannersStyle), children: jsx(PageBanners, { systemBanners: systemBanners, alertBanners: alertBanners, fullWidth: true, onDismiss: onBannerDismiss }) }), standingMessage && (jsx("section", { className: sx(standingMessageStyle), "aria-label": "Message", children: standingMessage })), jsxs("header", { className: sx(pageHeaderStyle$1), children: [jsxs("div", { children: [jsxs("h1", { children: [greeting, firstName ? `, ${firstName}` : ''] }), accountName && jsxs("p", { children: ["Here's your personalized travel overview for ", accountName, "."] })] }), jsx("div", { className: sx(pageActionsStyle), children: editMode ? jsxs(Fragment, { children: [jsxs("button", { type: "button", className: sx(outlineButtonStyle), onClick: () => setCatalogOpen(true), children: [jsx(PlusIcon$2, { size: 20 }), "Add card"] }), jsx("button", { type: "button", className: sx(textButtonStyle$1), onClick: onReset, children: "Reset to default" }), jsxs("button", { type: "button", className: sx(primaryButtonStyle), onClick: () => { setEditMode(false); setCatalogOpen(false); }, children: [jsx(CheckIcon$2, { size: 20 }), "Done"] })] }) : jsxs("button", { type: "button", className: sx(customizeButtonStyle), onClick: () => setEditMode(true), children: [jsx(SettingsIcon, { size: 20 }), "Customize Your Home Page"] }) })] }), editMode && jsxs("div", { className: sx(editBannerStyle), children: [jsx(EditIcon$2, { size: 20 }), jsxs("span", { children: [jsx("strong", { children: "Customizing your home page." }), " Drag cards to reorder, resize with S / M / L, or remove cards. Your layout saves automatically."] })] }), syncStatus === 'saving' && jsx("p", { className: sx(syncStatusStyle), "aria-live": "polite", children: "Saving layout\u2026" }), syncStatus === 'error' && jsx("p", { className: cx(sx(syncStatusStyle), sx(syncErrorStyle)), role: "alert", children: "Layout couldn't be saved. Changes are preserved locally." }), widgets.length ? jsx("div", { className: sx(gridStyle$2), children: widgets.map((widget, index) => jsx("div", { className: sx(sizeStyles[widget.size]), draggable: editMode, onDragStart: (event) => { if (!editMode)
+    return (jsxs("div", { className: cx(sx(pageStyle$j), className), children: [welcomeHero && heroOpen && (jsxs("section", { className: sx(welcomeHeroStyle), "aria-label": "Welcome", children: [jsx("button", { type: "button", className: sx(welcomeCloseStyle), "aria-label": "Dismiss welcome", onClick: () => setHeroOpen(false), children: jsx(CloseIcon, { size: 20 }) }), welcomeHero] })), jsx("div", { className: sx(pageBannersStyle), children: jsx(PageBanners, { systemBanners: systemBanners, alertBanners: alertBanners, fullWidth: true, onDismiss: onBannerDismiss }) }), standingMessage && (jsx("section", { className: sx(standingMessageStyle), "aria-label": "Message", children: standingMessage })), jsxs("header", { className: sx(pageHeaderStyle$1), children: [jsxs("div", { children: [jsxs("h1", { children: [greeting, firstName ? `, ${firstName}` : ''] }), accountName && jsxs("p", { children: ["Here's your personalized travel overview for ", accountName, "."] })] }), jsx("div", { className: sx(pageActionsStyle), children: editMode ? jsxs(Fragment, { children: [jsxs("button", { type: "button", className: sx(outlineButtonStyle), onClick: () => setCatalogOpen(true), children: [jsx(PlusIcon$2, { size: 20 }), "Add card"] }), jsx("button", { type: "button", className: sx(textButtonStyle$1), onClick: onReset, children: "Reset to default" }), jsxs("button", { type: "button", className: sx(primaryButtonStyle), onClick: () => { setEditMode(false); setCatalogOpen(false); }, children: [jsx(CheckIcon$2, { size: 20 }), "Done"] })] }) : jsxs("button", { type: "button", className: sx(customizeButtonStyle), onClick: () => setEditMode(true), children: [jsx(SettingsIcon, { size: 20 }), "Customize Your Home Page"] }) })] }), editMode && jsxs("div", { className: sx(editBannerStyle), children: [jsx(EditIcon$2, { size: 20 }), jsxs("span", { children: [jsx("strong", { children: "Customizing your home page." }), " Drag cards to reorder, resize with S / M / L, or remove cards. Your layout saves automatically."] })] }), syncStatus === 'saving' && jsx("p", { className: sx(syncStatusStyle), "aria-live": "polite", children: "Saving layout\u2026" }), syncStatus === 'error' && jsx("p", { className: cx(sx(syncStatusStyle), sx(syncErrorStyle)), role: "alert", children: "Layout couldn't be saved. Changes are preserved locally." }), widgets.length ? jsx("div", { className: sx(gridStyle$2), children: widgets.map((widget, index) => jsx("div", { className: sx(sizeStyles[widget.size]), draggable: editMode, onDragStart: (event) => { if (!editMode)
                         return; setDragFrom(index); const ghost = document.createElement('div'); ghost.className = sx(dragGhostStyle); document.body.appendChild(ghost); dragGhost.current = ghost; event.dataTransfer.setDragImage(ghost, 0, 0); }, onDragOver: (event) => event.preventDefault(), onDrop: () => { if (dragFrom !== null && dragFrom !== index)
                         onReorder?.(dragFrom, index); setDragFrom(null); }, onDragEnd: () => { setDragFrom(null); dragGhost.current?.remove(); dragGhost.current = null; }, children: jsx(WidgetCard, { widget: widget, editMode: editMode, index: index, count: widgets.length, onRefresh: onRefresh, onRemove: onRemove, onResize: onResize, onReorder: onReorder, onTravelerRangeChange: onTravelerRangeChange, onNavigate: onNavigate }) }, widget.id)) }) : jsxs("div", { className: sx(emptyPageStyle), children: [jsx(PlusIcon$2, { size: 28 }), jsx("strong", { children: "Your home page is empty" }), jsx("span", { children: "Use \"Customize\" to add cards from the catalog." })] }), catalogOpen && jsxs(Fragment, { children: [jsx("button", { type: "button", className: sx(scrimStyle), "aria-label": "Close card catalog", onClick: () => setCatalogOpen(false) }), jsxs("aside", { className: sx(catalogStyle), role: "dialog", "aria-modal": "true", "aria-label": "Add cards", children: [jsxs("header", { children: [jsxs("div", { children: [jsx("h2", { children: "Add a card" }), jsx("p", { children: "Cards available to your role for this account" })] }), jsx("button", { type: "button", "aria-label": "Close card catalog", onClick: () => setCatalogOpen(false), children: jsx(CloseIcon, { size: 20 }) })] }), jsx("div", { className: sx(catalogBodyStyle), children: CATALOG.map((item) => jsxs("div", { className: sx(catalogItemStyle), children: [jsx("span", { className: sx(catalogIconStyle), children: jsx(WidgetIcon, { type: item.type }) }), jsxs("div", { children: [jsx("strong", { children: item.title }), jsx("span", { children: "Account" }), jsx("p", { children: item.description })] }), presentTypes.has(item.type) ? jsxs("span", { className: sx(addedStyle), children: [jsx(CheckIcon$2, { size: 16 }), "Added"] }) : jsxs("button", { type: "button", onClick: () => onAddWidget?.(item.type), children: [jsx(PlusIcon$2, { size: 16 }), "Add"] })] }, item.type)) }), jsx("footer", { children: "Each card can appear once on your home page." })] })] })] }));
 };
@@ -32427,7 +32500,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',
@@ -32453,7 +32526,7 @@ const headerStyle$e = {
         '& h1': { fontSize: 36 },
     },
 };
-const eyebrowStyle$1 = {
+const eyebrowStyle$2 = {
     label: 'FeatureFlagManagementPage-eyebrowStyle',
     margin: '0 0 8px',
     color: 'var(--color-primary, #0a53ef)',
@@ -33134,7 +33207,7 @@ const FeatureFlagManagementPage = ({ definitions, rules, targetOptions, loading
     const hasRuleActions = Boolean(onEditRule || onDeactivateRule);
     const currentUserSearchError = userSearchError ?? internalUserSearchError;
     const currentAudienceError = audienceError ?? internalAudienceError;
-    return (jsxs("div", { className: cx(sx(pageStyle$h), className), "data-test": "feature-flag-management-page", "aria-busy": busy, children: [jsxs("header", { className: sx(headerStyle$e), children: [jsxs("div", { children: [jsx("p", { className: sx(eyebrowStyle$1), children: "Administration \u00B7 System" }), jsx("h1", { children: "Feature Flags" }), jsx("p", { className: sx(descriptionStyle$4), children: "Review the immutable feature catalog and manage prioritized audience rules." })] }), onCreateRule && !editor && !loading && !error && hasActiveDefinitions && rules.length > 0 && (jsx(Button, { type: "button", leftIcon: jsx(PlusIcon$2, { size: 16 }), onClick: openCreate, disabled: busy, "data-test": "feature-flag-create-rule", children: "Create rule" }))] }), busy && (jsxs("div", { className: sx(submittingStyle), role: "status", "data-test": "feature-flag-submitting", children: [jsx(Spinner, { size: "sm", label: "Saving feature rule" }), jsx("span", { children: "Saving feature rule\u2026" })] })), loading && (jsxs("div", { className: sx(pageStateStyle), "data-test": "feature-flag-loading", children: [jsx(Spinner, { size: "lg", label: "Loading feature flags" }), jsx("p", { children: "Loading feature flags\u2026" })] })), !loading && error && (jsxs("div", { className: sx(pageStateStyle), "data-test": "feature-flag-error", children: [jsx(Alert, { variant: "error", title: "Feature flags could not be loaded", children: error }), onRetry && (jsx(Button, { type: "button", variant: "outline", onClick: onRetry, "data-test": "feature-flag-retry", children: "Try again" }))] })), !loading && !error && definitions.length === 0 && (jsx("div", { "data-test": "feature-flag-definitions-empty", children: jsx(EmptyState$1, { title: "No feature definitions", description: "Publish immutable feature definitions before creating audience rules.", icon: jsx(SettingsIcon, { size: 30 }), size: "lg" }) })), !loading && !error && definitions.length > 0 && (jsxs(Fragment, { children: [actionError && (jsx(Alert, { variant: "error", title: "Feature rule change failed", dismissible: true, onDismiss: () => setActionError(undefined), className: sx(actionErrorStyle), children: jsx("span", { "data-test": "feature-flag-action-error", children: actionError }) })), jsxs("section", { className: sx(catalogPanelStyle), "aria-labelledby": "feature-catalog-heading", children: [jsxs("div", { className: sx(sectionHeadingStyle), children: [jsxs("div", { children: [jsx("h2", { id: "feature-catalog-heading", children: "Feature catalog" }), jsx("p", { children: "Definitions and hierarchy are read-only in this view." })] }), jsxs(Badge, { size: "sm", children: [definitions.length, " definitions"] })] }), jsx("div", { className: sx(definitionListStyle), "data-test": "feature-flag-definitions", children: definitionRows.map(({ definition, depth }) => (jsxs("article", { className: cx(sx(definitionStyle), definition.isActive === false && sx(inactiveDefinitionStyle)), style: { marginInlineStart: `${depth * 24}px` }, "data-test": `feature-flag-definition-${definition.featureKey}`, "data-depth": depth, children: [jsxs("div", { className: sx(definitionCopyStyle), children: [jsxs("div", { className: sx(definitionTitleStyle), children: [jsx("strong", { children: definition.name }), jsx("code", { children: definition.featureKey })] }), jsx("p", { children: definition.description }), definition.isActive === false && (jsx("p", { className: sx(killSwitchStyle), children: "Kill switch active. Targeting rules cannot enable this feature." }))] }), jsxs("div", { className: sx(definitionBadgesStyle), children: [jsx(Badge, { variant: definition.isActive === false ? 'error' : 'success', size: "sm", children: definition.isActive === false ? 'Inactive kill switch' : 'Active definition' }), jsxs(Badge, { variant: definition.defaultEnabled ? 'success' : 'default', size: "sm", children: ["Default ", definition.defaultEnabled ? 'enabled' : 'disabled'] })] })] }, definition.featureKey))) })] }), editor && (jsxs("section", { className: sx(editorPanelStyle), "data-test": "feature-flag-rule-editor", children: [jsxs("div", { className: sx(sectionHeadingStyle), children: [jsxs("div", { children: [jsx("h2", { children: editor.mode === 'create' ? 'Create targeting rule' : 'Edit targeting rule' }), jsx("p", { children: "The most specific target wins, then account scope, then priority; deny wins an exact tie. Changes require an audit reason." })] }), editor.mode === 'edit' && (jsxs("code", { className: sx(versionStyle), children: ["Version ", editor.rule.rowVersion] }))] }), jsxs("form", { className: sx(ruleFormStyle), onSubmit: submitRule, noValidate: true, children: [jsx(Select, { label: "Feature", options: definitions.map((definition) => ({
+    return (jsxs("div", { className: cx(sx(pageStyle$i), className), "data-test": "feature-flag-management-page", "aria-busy": busy, children: [jsxs("header", { className: sx(headerStyle$e), children: [jsxs("div", { children: [jsx("p", { className: sx(eyebrowStyle$2), children: "Administration \u00B7 System" }), jsx("h1", { children: "Feature Flags" }), jsx("p", { className: sx(descriptionStyle$4), children: "Review the immutable feature catalog and manage prioritized audience rules." })] }), onCreateRule && !editor && !loading && !error && hasActiveDefinitions && rules.length > 0 && (jsx(Button, { type: "button", leftIcon: jsx(PlusIcon$2, { size: 16 }), onClick: openCreate, disabled: busy, "data-test": "feature-flag-create-rule", children: "Create rule" }))] }), busy && (jsxs("div", { className: sx(submittingStyle), role: "status", "data-test": "feature-flag-submitting", children: [jsx(Spinner, { size: "sm", label: "Saving feature rule" }), jsx("span", { children: "Saving feature rule\u2026" })] })), loading && (jsxs("div", { className: sx(pageStateStyle), "data-test": "feature-flag-loading", children: [jsx(Spinner, { size: "lg", label: "Loading feature flags" }), jsx("p", { children: "Loading feature flags\u2026" })] })), !loading && error && (jsxs("div", { className: sx(pageStateStyle), "data-test": "feature-flag-error", children: [jsx(Alert, { variant: "error", title: "Feature flags could not be loaded", children: error }), onRetry && (jsx(Button, { type: "button", variant: "outline", onClick: onRetry, "data-test": "feature-flag-retry", children: "Try again" }))] })), !loading && !error && definitions.length === 0 && (jsx("div", { "data-test": "feature-flag-definitions-empty", children: jsx(EmptyState$1, { title: "No feature definitions", description: "Publish immutable feature definitions before creating audience rules.", icon: jsx(SettingsIcon, { size: 30 }), size: "lg" }) })), !loading && !error && definitions.length > 0 && (jsxs(Fragment, { children: [actionError && (jsx(Alert, { variant: "error", title: "Feature rule change failed", dismissible: true, onDismiss: () => setActionError(undefined), className: sx(actionErrorStyle), children: jsx("span", { "data-test": "feature-flag-action-error", children: actionError }) })), jsxs("section", { className: sx(catalogPanelStyle), "aria-labelledby": "feature-catalog-heading", children: [jsxs("div", { className: sx(sectionHeadingStyle), children: [jsxs("div", { children: [jsx("h2", { id: "feature-catalog-heading", children: "Feature catalog" }), jsx("p", { children: "Definitions and hierarchy are read-only in this view." })] }), jsxs(Badge, { size: "sm", children: [definitions.length, " definitions"] })] }), jsx("div", { className: sx(definitionListStyle), "data-test": "feature-flag-definitions", children: definitionRows.map(({ definition, depth }) => (jsxs("article", { className: cx(sx(definitionStyle), definition.isActive === false && sx(inactiveDefinitionStyle)), style: { marginInlineStart: `${depth * 24}px` }, "data-test": `feature-flag-definition-${definition.featureKey}`, "data-depth": depth, children: [jsxs("div", { className: sx(definitionCopyStyle), children: [jsxs("div", { className: sx(definitionTitleStyle), children: [jsx("strong", { children: definition.name }), jsx("code", { children: definition.featureKey })] }), jsx("p", { children: definition.description }), definition.isActive === false && (jsx("p", { className: sx(killSwitchStyle), children: "Kill switch active. Targeting rules cannot enable this feature." }))] }), jsxs("div", { className: sx(definitionBadgesStyle), children: [jsx(Badge, { variant: definition.isActive === false ? 'error' : 'success', size: "sm", children: definition.isActive === false ? 'Inactive kill switch' : 'Active definition' }), jsxs(Badge, { variant: definition.defaultEnabled ? 'success' : 'default', size: "sm", children: ["Default ", definition.defaultEnabled ? 'enabled' : 'disabled'] })] })] }, definition.featureKey))) })] }), editor && (jsxs("section", { className: sx(editorPanelStyle), "data-test": "feature-flag-rule-editor", children: [jsxs("div", { className: sx(sectionHeadingStyle), children: [jsxs("div", { children: [jsx("h2", { children: editor.mode === 'create' ? 'Create targeting rule' : 'Edit targeting rule' }), jsx("p", { children: "The most specific target wins, then account scope, then priority; deny wins an exact tie. Changes require an audit reason." })] }), editor.mode === 'edit' && (jsxs("code", { className: sx(versionStyle), children: ["Version ", editor.rule.rowVersion] }))] }), jsxs("form", { className: sx(ruleFormStyle), onSubmit: submitRule, noValidate: true, children: [jsx(Select, { label: "Feature", options: definitions.map((definition) => ({
                                             value: definition.featureKey,
                                             label: `${definition.name} · ${definition.featureKey}`,
                                             disabled: definition.isActive === false,
@@ -33675,7 +33748,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,
@@ -33699,7 +33772,7 @@ const headerStyle$d = {
         flexDirection: 'column',
     },
 };
-const titleStyle$b = {
+const titleStyle$c = {
     label: 'IndividualTravelPage-titleStyle',
     margin: 0,
     color: 'var(--fg-1, #282828)',
@@ -34413,7 +34486,7 @@ const IndividualTravelPage = ({ trips, tabCounts, enabledTabs = ['current', 'pas
         : activeFilters
             ? 'No trips match the selected filters. Clear a filter or widen the date range.'
             : emptyMessage;
-    return (jsxs("div", { className: cx(sx(pageStyle$g), className), "data-test": "individual-travel-page", "aria-busy": loading || refreshing, children: [jsxs("div", { className: sx(headerStyle$d), children: [jsx("h1", { className: sx(titleStyle$b), children: "Individual & Small Group Travel" }), onCreateRequest && (jsx(Button
+    return (jsxs("div", { className: cx(sx(pageStyle$h), className), "data-test": "individual-travel-page", "aria-busy": loading || refreshing, children: [jsxs("div", { className: sx(headerStyle$d), children: [jsx("h1", { className: sx(titleStyle$c), children: "Individual & Small Group Travel" }), onCreateRequest && (jsx(Button
                     // Explicit: the atom has no default, and inside a host form a
                     // bare <button> would submit it.
                     , { 
@@ -34439,7 +34512,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)',
 };
@@ -34533,14 +34606,14 @@ const pageHeaderStyle = {
         flexDirection: 'column',
     },
 };
-const eyebrowStyle = {
+const eyebrowStyle$1 = {
     label: 'IndividualTravelRequestPage-eyebrowStyle',
     margin: '0 0 4px',
     color: 'var(--color-slate, #5c5c5c)',
     fontSize: 13,
     fontWeight: 600,
 };
-const titleStyle$a = {
+const titleStyle$b = {
     label: 'IndividualTravelRequestPage-titleStyle',
     margin: 0,
     color: 'var(--color-ink, #282828)',
@@ -34879,17 +34952,17 @@ const choiceTextStyle = {
     },
 };
 /** `.travelerCard, .segmentCard` — one selector list, two homes. */
-const cardStyle$2 = {
+const cardStyle$3 = {
     padding: 18,
     border: '1px solid var(--border-color, #ededed)',
     borderRadius: 9,
     background: 'var(--color-basecolor, #fafafa)',
 };
 const travelerCardStyle = {
-    label: 'IndividualTravelRequestPage-travelerCardStyle', ...cardStyle$2
+    label: 'IndividualTravelRequestPage-travelerCardStyle', ...cardStyle$3
 };
 const segmentCardStyle$1 = {
-    label: 'IndividualTravelRequestPage-segmentCardStyle', ...cardStyle$2
+    label: 'IndividualTravelRequestPage-segmentCardStyle', ...cardStyle$3
 };
 const cardHeaderStyle = {
     label: 'IndividualTravelRequestPage-cardHeaderStyle',
@@ -35907,9 +35980,9 @@ const IndividualTravelRequestFormPage = ({ currentTraveler, configuration, value
         }
     };
     if (loading) {
-        return (jsx(RequestFormLayout, { className: cx(sx(pageStyle$f), className), header: jsx(RequestFormHeader, { title: "Individual Travel Request" }), children: jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-form-loading", children: [jsx(Spinner, { label: "Loading travel request form" }), jsx("span", { children: "Loading request options\u2026" })] }) }));
+        return (jsx(RequestFormLayout, { className: cx(sx(pageStyle$g), className), header: jsx(RequestFormHeader, { title: "Individual Travel Request" }), children: jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-form-loading", children: [jsx(Spinner, { label: "Loading travel request form" }), jsx("span", { children: "Loading request options\u2026" })] }) }));
     }
-    return (jsx("form", { ref: formRef, className: sx(formStyle), onSubmit: (event) => void handleSubmit(event), noValidate: true, "data-test": "individual-travel-request-form", "aria-busy": busy, children: jsxs(RequestFormLayout, { className: cx(sx(pageStyle$f), className), header: jsx(RequestFormHeader, { title: "Individual Travel Request", eventName: currentTraveler.displayName }), activePane: activePane, onPaneChange: setActivePane, mobileServices: availableServices.map((service) => (jsxs("button", { type: "button", "aria-pressed": activeService === service.key, onClick: () => navigateToService(service.key), "data-test": `individual-travel-request-mobile-service-${service.key}`, children: [service.icon, jsx("span", { children: service.label })] }, service.key))), sidebar: (jsxs("div", { "aria-label": "Travel types", "data-test": "individual-travel-request-service-sidebar", children: [jsx(ServiceToggleList, { services: availableServices, enabledServices: selectedServices, onToggle: (service, checked) => toggleService(service, checked), onClick: navigateToService, className: sx(serviceNavigationStyle), disabled: disabled }), jsxs("div", { className: sx(travelerRailStyle), children: [jsx("h3", { children: "Travelling" }), jsxs("p", { children: [jsx(UsersIcon$1, { size: 17 }), " ", travelerRailSummary] })] })] })), summary: (jsx(RequestSummary, { sections: summarySections, values: {}, dataTest: "individual-travel-request-summary" })), footer: (onCancel || onSubmit) ? (jsx(RequestFormFooter, { onPrevious: onCancel, submitsForm: Boolean(onSubmit), isFirstPage: true, isLastPage: true, isSubmitting: busy, previousText: "Cancel", nextText: submitLabel, previousButtonDataTest: "individual-travel-request-cancel", nextButtonDataTest: "individual-travel-request-submit" })) : undefined, children: [notice && jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-form-notice", children: jsx(Alert, { variant: "warning", children: notice }) }), error && (jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-form-error", children: jsxs(Alert, { variant: "error", title: "The request form needs attention", children: [jsx("div", { children: error }), onRetry && jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onRetry, "data-test": "individual-travel-request-form-retry", children: "Try again" })] }) })), readOnly && (jsx("p", { className: sx(readOnlyNoticeStyle), "data-test": "individual-travel-request-form-read-only", children: "Request submission is unavailable. Form fields are shown for reference only." })), (Object.keys(allErrors).length > 0 || submitError) && (jsxs("div", { ref: errorSummaryRef, className: sx(errorSummaryStyle), role: "alert", tabIndex: -1, "data-test": "individual-travel-request-form-validation", children: [jsx("h2", { children: "Review the request before submitting" }), submitError && jsx("p", { "data-test": "individual-travel-request-form-submit-error", children: submitError }), Object.keys(allErrors).length > 0 && jsx("ul", { children: Object.values(allErrors).map((message, index) => jsx("li", { children: message }, `${message}-${index}`)) })] })), activeService !== 'general' && !selectedServices[activeService] && (jsxs("div", { className: sx(mobileEnableStyle), "data-test": "individual-travel-request-mobile-enable", children: [jsxs("span", { children: ["Add ", SERVICE_LABELS[activeService], " to this request"] }), jsx(Toggle, { "aria-label": `Enable ${SERVICE_LABELS[activeService]}`, checked: false, onChange: () => enableFromStrip(activeService), size: "sm" })] })), jsxs(Section, { title: "Traveler information", description: "Tell the travel team who is traveling. Required fields are marked with an asterisk.", icon: jsx(UsersIcon$1, { size: 24 }), dataTest: "individual-travel-request-section-travelers", children: [jsxs("fieldset", { className: sx(choiceGroupStyle), children: [jsx("legend", { className: sx(legendStyle), children: "Travel for" }), jsxs("label", { className: sx(choiceStyle), children: [jsx("input", { type: "radio", name: "travelerType", value: "self", checked: resolvedValues.travelerType === 'self' || !configuration.allowOtherTravelers, disabled: disabled, onChange: () => commit({ ...resolvedValues, travelerType: 'self', travelers: [] }), "data-test": "individual-travel-request-traveler-self" }), jsxs("span", { className: sx(choiceTextStyle), children: [jsx("strong", { children: currentTraveler.displayName }), jsx("small", { children: currentTraveler.email || 'Authenticated traveler' })] })] }), configuration.allowOtherTravelers && (jsxs("label", { className: sx(choiceStyle), children: [jsx("input", { type: "radio", name: "travelerType", value: "other", checked: resolvedValues.travelerType === 'other', disabled: disabled, onChange: () => commit({
+    return (jsx("form", { ref: formRef, className: sx(formStyle), onSubmit: (event) => void handleSubmit(event), noValidate: true, "data-test": "individual-travel-request-form", "aria-busy": busy, children: jsxs(RequestFormLayout, { className: cx(sx(pageStyle$g), className), header: jsx(RequestFormHeader, { title: "Individual Travel Request", eventName: currentTraveler.displayName }), activePane: activePane, onPaneChange: setActivePane, mobileServices: availableServices.map((service) => (jsxs("button", { type: "button", "aria-pressed": activeService === service.key, onClick: () => navigateToService(service.key), "data-test": `individual-travel-request-mobile-service-${service.key}`, children: [service.icon, jsx("span", { children: service.label })] }, service.key))), sidebar: (jsxs("div", { "aria-label": "Travel types", "data-test": "individual-travel-request-service-sidebar", children: [jsx(ServiceToggleList, { services: availableServices, enabledServices: selectedServices, onToggle: (service, checked) => toggleService(service, checked), onClick: navigateToService, className: sx(serviceNavigationStyle), disabled: disabled }), jsxs("div", { className: sx(travelerRailStyle), children: [jsx("h3", { children: "Travelling" }), jsxs("p", { children: [jsx(UsersIcon$1, { size: 17 }), " ", travelerRailSummary] })] })] })), summary: (jsx(RequestSummary, { sections: summarySections, values: {}, dataTest: "individual-travel-request-summary" })), footer: (onCancel || onSubmit) ? (jsx(RequestFormFooter, { onPrevious: onCancel, submitsForm: Boolean(onSubmit), isFirstPage: true, isLastPage: true, isSubmitting: busy, previousText: "Cancel", nextText: submitLabel, previousButtonDataTest: "individual-travel-request-cancel", nextButtonDataTest: "individual-travel-request-submit" })) : undefined, children: [notice && jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-form-notice", children: jsx(Alert, { variant: "warning", children: notice }) }), error && (jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-form-error", children: jsxs(Alert, { variant: "error", title: "The request form needs attention", children: [jsx("div", { children: error }), onRetry && jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onRetry, "data-test": "individual-travel-request-form-retry", children: "Try again" })] }) })), readOnly && (jsx("p", { className: sx(readOnlyNoticeStyle), "data-test": "individual-travel-request-form-read-only", children: "Request submission is unavailable. Form fields are shown for reference only." })), (Object.keys(allErrors).length > 0 || submitError) && (jsxs("div", { ref: errorSummaryRef, className: sx(errorSummaryStyle), role: "alert", tabIndex: -1, "data-test": "individual-travel-request-form-validation", children: [jsx("h2", { children: "Review the request before submitting" }), submitError && jsx("p", { "data-test": "individual-travel-request-form-submit-error", children: submitError }), Object.keys(allErrors).length > 0 && jsx("ul", { children: Object.values(allErrors).map((message, index) => jsx("li", { children: message }, `${message}-${index}`)) })] })), activeService !== 'general' && !selectedServices[activeService] && (jsxs("div", { className: sx(mobileEnableStyle), "data-test": "individual-travel-request-mobile-enable", children: [jsxs("span", { children: ["Add ", SERVICE_LABELS[activeService], " to this request"] }), jsx(Toggle, { "aria-label": `Enable ${SERVICE_LABELS[activeService]}`, checked: false, onChange: () => enableFromStrip(activeService), size: "sm" })] })), jsxs(Section, { title: "Traveler information", description: "Tell the travel team who is traveling. Required fields are marked with an asterisk.", icon: jsx(UsersIcon$1, { size: 24 }), dataTest: "individual-travel-request-section-travelers", children: [jsxs("fieldset", { className: sx(choiceGroupStyle), children: [jsx("legend", { className: sx(legendStyle), children: "Travel for" }), jsxs("label", { className: sx(choiceStyle), children: [jsx("input", { type: "radio", name: "travelerType", value: "self", checked: resolvedValues.travelerType === 'self' || !configuration.allowOtherTravelers, disabled: disabled, onChange: () => commit({ ...resolvedValues, travelerType: 'self', travelers: [] }), "data-test": "individual-travel-request-traveler-self" }), jsxs("span", { className: sx(choiceTextStyle), children: [jsx("strong", { children: currentTraveler.displayName }), jsx("small", { children: currentTraveler.email || 'Authenticated traveler' })] })] }), configuration.allowOtherTravelers && (jsxs("label", { className: sx(choiceStyle), children: [jsx("input", { type: "radio", name: "travelerType", value: "other", checked: resolvedValues.travelerType === 'other', disabled: disabled, onChange: () => commit({
                                                 ...resolvedValues,
                                                 travelerType: 'other',
                                                 travelers: resolvedValues.travelers.length ? resolvedValues.travelers : [emptyTraveler()],
@@ -35981,7 +36054,7 @@ const IndividualTravelRequestDetailPage = ({ request, loading = false, error, no
             : request
                 ? `Travel request ${request.requestId}`
                 : 'Travel request';
-    return (jsxs("main", { className: cx(sx(pageStyle$f), className), "data-test": "individual-travel-request-detail", "aria-busy": loading, children: [jsxs("header", { className: sx(pageHeaderStyle), children: [jsxs("div", { children: [jsx("p", { className: sx(eyebrowStyle), children: "Individual travel" }), jsx("h1", { className: sx(titleStyle$a), children: title }), request && !loading && !error && (jsxs("div", { className: sx(detailMetaStyle), "data-test": "individual-travel-request-detail-meta", children: [jsxs("span", { children: ["Submitted ", jsx("time", { dateTime: request.submittedAt, children: formatDateTime$1(request.submittedAt) })] }), request.completedAt && jsxs("span", { children: ["Completed ", jsx("time", { dateTime: request.completedAt, children: formatDateTime$1(request.completedAt) })] })] }))] }), onBack && (jsx(Button, { type: "button", variant: "ghost", size: "sm", leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "individual-travel-request-detail-back", children: backLabel }))] }), jsxs("div", { className: sx(contentStyle$3), children: [loading && (jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-loading", children: [jsx(Spinner, { label: "Loading travel request" }), jsx("span", { children: "Loading request details\u2026" })] })), !loading && error && (jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-error", children: [jsx(Alert, { variant: "error", title: "The travel request could not be loaded", children: error }), onRetry && jsx(Button, { type: "button", variant: "secondary", onClick: onRetry, "data-test": "individual-travel-request-detail-retry", children: "Try again" })] })), !loading && !error && !request && (jsx("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-empty", children: jsx("p", { children: "No travel request was supplied." }) })), !loading && !error && request && (jsxs("div", { className: sx(formStyle), children: [notice && jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-detail-notice", children: jsx(Alert, { variant: "warning", children: notice }) }), jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-general", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Request information" }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Request number", dataTest: "individual-travel-request-detail-request-id", children: request.requestId }), jsx(DetailField, { label: "Traveler type", children: request.travelerType === 'self' ? 'Self' : 'Other traveler' }), jsx(DetailField, { label: "Submitted by", children: request.submittedBy?.name }), jsx(DetailField, { label: "Submitter email", children: request.submittedBy?.email }), request.submittedBy?.phone && jsx(DetailField, { label: "Submitter phone", children: request.submittedBy.phone }), request.additionalEmails && jsx(DetailField, { label: "Additional email addresses", children: request.additionalEmails })] })] }), jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-travelers", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Travelers" }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Name" }), jsx("th", { scope: "col", children: "Date of birth" }), jsx("th", { scope: "col", children: "Gender" })] }) }), jsxs("tbody", { children: [request.travelers.map((traveler, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-traveler-${index + 1}`, children: [jsx("td", { children: travelerName(traveler) || '—' }), jsx("td", { children: formatDate(traveler.dateOfBirth) }), jsx("td", { children: traveler.gender || '—' })] }, `${travelerName(traveler)}-${index}`))), !request.travelers.length && jsx("tr", { children: jsx("td", { colSpan: 3, className: sx(emptyValueStyle), children: "No traveler details were supplied." }) })] })] }) })] }), Boolean(request.organizationAnswers?.length) && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-organization", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Organization information" }) }), jsx(AnswerList, { answers: request.organizationAnswers, prefix: "individual-travel-request-detail-organization-answer" })] })), Boolean(request.billingAnswers?.length) && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-billing", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Billing information" }) }), jsx(AnswerList, { answers: request.billingAnswers, prefix: "individual-travel-request-detail-billing-answer" })] })), request.airRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-air", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsxs("div", { children: [jsx("h2", { className: sx(sectionTitleStyle$4), children: "Air Request" }), jsx("p", { className: sx(sectionDescriptionStyle), children: request.airRequest.tripType.replace('-', ' ') })] }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "From" }), jsx("th", { scope: "col", children: "To" }), jsx("th", { scope: "col", children: "Depart" }), request.airRequest.tripType === 'round-trip' && jsx("th", { scope: "col", children: "Return" })] }) }), jsx("tbody", { children: request.airRequest.legs.map((leg, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-air-leg-${index + 1}`, children: [jsx("td", { children: leg.departureLocation }), jsx("td", { children: leg.arrivalLocation }), jsxs("td", { children: [formatDate(leg.departureDate), " \u00B7 ", leg.departureTime] }), request.airRequest?.tripType === 'round-trip' && jsxs("td", { children: [formatDate(leg.returnDate), " \u00B7 ", leg.returnTime || '—'] })] }, index))) })] }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Fare preference", children: request.airRequest.farePreference }), jsx(DetailField, { label: "Flight preference", children: request.airRequest.flightPreference }), jsx(DetailField, { label: "Preferred airline", children: request.airRequest.preferredAirline }), jsx(DetailField, { label: "Most important factor", children: request.airRequest.priority }), request.airRequest.details && jsx(DetailField, { label: "Air details", children: request.airRequest.details })] })] })), request.hotelRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-hotel", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Hotel Request" }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "City" }), jsx("th", { scope: "col", children: "Check in" }), jsx("th", { scope: "col", children: "Check out" })] }) }), jsx("tbody", { children: request.hotelRequest.legs.map((leg, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-hotel-leg-${index + 1}`, children: [jsx("td", { children: leg.city }), jsx("td", { children: formatDate(leg.checkInDate) }), jsx("td", { children: formatDate(leg.checkOutDate) })] }, index))) })] }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Bed preference", children: request.hotelRequest.bedPreference }), jsx(DetailField, { label: "Smoking preference", children: request.hotelRequest.smokingPreference }), jsx(DetailField, { label: "Preferred hotel", children: request.hotelRequest.preferredHotel })] })] })), request.carRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-car", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Vehicle Rental Request" }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Pickup" }), jsx("th", { scope: "col", children: "Pickup date" }), jsx("th", { scope: "col", children: "Drop-off" }), jsx("th", { scope: "col", children: "Drop-off date" })] }) }), jsx("tbody", { children: request.carRequest.legs.map((leg, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-car-leg-${index + 1}`, children: [jsxs("td", { children: [leg.pickupCity, leg.pickupLocation ? ` · ${leg.pickupLocation}` : ''] }), jsxs("td", { children: [formatDate(leg.pickupDate), " \u00B7 ", leg.pickupTime] }), jsx("td", { children: leg.dropoffLocation || leg.pickupCity }), jsxs("td", { children: [formatDate(leg.dropoffDate), " \u00B7 ", leg.dropoffTime] })] }, index))) })] }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Vehicle type", children: request.carRequest.vehicleType }), jsx(DetailField, { label: "Rental company", children: request.carRequest.rentalCompany }), jsx(DetailField, { label: "Flight number or tail number", children: request.carRequest.flightNumberOrTailNumber })] })] })), request.busRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-bus", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Bus Request" }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Pickup city", children: request.busRequest.pickupCity }), jsx(DetailField, { label: "Pickup location", children: request.busRequest.pickupLocation }), jsx(DetailField, { label: "Pickup date and time", children: formatDateTime$1(request.busRequest.pickupDateTime) }), jsx(DetailField, { label: "Drop-off city", children: request.busRequest.dropoffCity }), jsx(DetailField, { label: "Drop-off location", children: request.busRequest.dropoffLocation }), jsx(DetailField, { label: "Drop-off date and time", children: formatDateTime$1(request.busRequest.dropoffDateTime) }), jsx(DetailField, { label: "Vehicle type", children: request.busRequest.vehicleType }), request.busRequest.specialRequests && jsx(DetailField, { label: "Bus requests", children: request.busRequest.specialRequests })] })] })), request.specialRequests && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-special-requests", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Additional requests" }) }), jsx("p", { children: request.specialRequests })] }))] }))] })] }));
+    return (jsxs("main", { className: cx(sx(pageStyle$g), className), "data-test": "individual-travel-request-detail", "aria-busy": loading, children: [jsxs("header", { className: sx(pageHeaderStyle), children: [jsxs("div", { children: [jsx("p", { className: sx(eyebrowStyle$1), children: "Individual travel" }), jsx("h1", { className: sx(titleStyle$b), children: title }), request && !loading && !error && (jsxs("div", { className: sx(detailMetaStyle), "data-test": "individual-travel-request-detail-meta", children: [jsxs("span", { children: ["Submitted ", jsx("time", { dateTime: request.submittedAt, children: formatDateTime$1(request.submittedAt) })] }), request.completedAt && jsxs("span", { children: ["Completed ", jsx("time", { dateTime: request.completedAt, children: formatDateTime$1(request.completedAt) })] })] }))] }), onBack && (jsx(Button, { type: "button", variant: "ghost", size: "sm", leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "individual-travel-request-detail-back", children: backLabel }))] }), jsxs("div", { className: sx(contentStyle$3), children: [loading && (jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-loading", children: [jsx(Spinner, { label: "Loading travel request" }), jsx("span", { children: "Loading request details\u2026" })] })), !loading && error && (jsxs("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-error", children: [jsx(Alert, { variant: "error", title: "The travel request could not be loaded", children: error }), onRetry && jsx(Button, { type: "button", variant: "secondary", onClick: onRetry, "data-test": "individual-travel-request-detail-retry", children: "Try again" })] })), !loading && !error && !request && (jsx("div", { className: sx(stateStyle), "data-test": "individual-travel-request-detail-empty", children: jsx("p", { children: "No travel request was supplied." }) })), !loading && !error && request && (jsxs("div", { className: sx(formStyle), children: [notice && jsx("div", { className: sx(bannerStyle), "data-test": "individual-travel-request-detail-notice", children: jsx(Alert, { variant: "warning", children: notice }) }), jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-general", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Request information" }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Request number", dataTest: "individual-travel-request-detail-request-id", children: request.requestId }), jsx(DetailField, { label: "Traveler type", children: request.travelerType === 'self' ? 'Self' : 'Other traveler' }), jsx(DetailField, { label: "Submitted by", children: request.submittedBy?.name }), jsx(DetailField, { label: "Submitter email", children: request.submittedBy?.email }), request.submittedBy?.phone && jsx(DetailField, { label: "Submitter phone", children: request.submittedBy.phone }), request.additionalEmails && jsx(DetailField, { label: "Additional email addresses", children: request.additionalEmails })] })] }), jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-travelers", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Travelers" }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Name" }), jsx("th", { scope: "col", children: "Date of birth" }), jsx("th", { scope: "col", children: "Gender" })] }) }), jsxs("tbody", { children: [request.travelers.map((traveler, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-traveler-${index + 1}`, children: [jsx("td", { children: travelerName(traveler) || '—' }), jsx("td", { children: formatDate(traveler.dateOfBirth) }), jsx("td", { children: traveler.gender || '—' })] }, `${travelerName(traveler)}-${index}`))), !request.travelers.length && jsx("tr", { children: jsx("td", { colSpan: 3, className: sx(emptyValueStyle), children: "No traveler details were supplied." }) })] })] }) })] }), Boolean(request.organizationAnswers?.length) && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-organization", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Organization information" }) }), jsx(AnswerList, { answers: request.organizationAnswers, prefix: "individual-travel-request-detail-organization-answer" })] })), Boolean(request.billingAnswers?.length) && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-billing", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Billing information" }) }), jsx(AnswerList, { answers: request.billingAnswers, prefix: "individual-travel-request-detail-billing-answer" })] })), request.airRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-air", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsxs("div", { children: [jsx("h2", { className: sx(sectionTitleStyle$4), children: "Air Request" }), jsx("p", { className: sx(sectionDescriptionStyle), children: request.airRequest.tripType.replace('-', ' ') })] }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "From" }), jsx("th", { scope: "col", children: "To" }), jsx("th", { scope: "col", children: "Depart" }), request.airRequest.tripType === 'round-trip' && jsx("th", { scope: "col", children: "Return" })] }) }), jsx("tbody", { children: request.airRequest.legs.map((leg, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-air-leg-${index + 1}`, children: [jsx("td", { children: leg.departureLocation }), jsx("td", { children: leg.arrivalLocation }), jsxs("td", { children: [formatDate(leg.departureDate), " \u00B7 ", leg.departureTime] }), request.airRequest?.tripType === 'round-trip' && jsxs("td", { children: [formatDate(leg.returnDate), " \u00B7 ", leg.returnTime || '—'] })] }, index))) })] }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Fare preference", children: request.airRequest.farePreference }), jsx(DetailField, { label: "Flight preference", children: request.airRequest.flightPreference }), jsx(DetailField, { label: "Preferred airline", children: request.airRequest.preferredAirline }), jsx(DetailField, { label: "Most important factor", children: request.airRequest.priority }), request.airRequest.details && jsx(DetailField, { label: "Air details", children: request.airRequest.details })] })] })), request.hotelRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-hotel", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Hotel Request" }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "City" }), jsx("th", { scope: "col", children: "Check in" }), jsx("th", { scope: "col", children: "Check out" })] }) }), jsx("tbody", { children: request.hotelRequest.legs.map((leg, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-hotel-leg-${index + 1}`, children: [jsx("td", { children: leg.city }), jsx("td", { children: formatDate(leg.checkInDate) }), jsx("td", { children: formatDate(leg.checkOutDate) })] }, index))) })] }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Bed preference", children: request.hotelRequest.bedPreference }), jsx(DetailField, { label: "Smoking preference", children: request.hotelRequest.smokingPreference }), jsx(DetailField, { label: "Preferred hotel", children: request.hotelRequest.preferredHotel })] })] })), request.carRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-car", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Vehicle Rental Request" }) }), jsx("div", { className: sx(detailTableWrapStyle), children: jsxs("table", { className: sx(detailTableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Pickup" }), jsx("th", { scope: "col", children: "Pickup date" }), jsx("th", { scope: "col", children: "Drop-off" }), jsx("th", { scope: "col", children: "Drop-off date" })] }) }), jsx("tbody", { children: request.carRequest.legs.map((leg, index) => (jsxs("tr", { "data-test": `individual-travel-request-detail-car-leg-${index + 1}`, children: [jsxs("td", { children: [leg.pickupCity, leg.pickupLocation ? ` · ${leg.pickupLocation}` : ''] }), jsxs("td", { children: [formatDate(leg.pickupDate), " \u00B7 ", leg.pickupTime] }), jsx("td", { children: leg.dropoffLocation || leg.pickupCity }), jsxs("td", { children: [formatDate(leg.dropoffDate), " \u00B7 ", leg.dropoffTime] })] }, index))) })] }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Vehicle type", children: request.carRequest.vehicleType }), jsx(DetailField, { label: "Rental company", children: request.carRequest.rentalCompany }), jsx(DetailField, { label: "Flight number or tail number", children: request.carRequest.flightNumberOrTailNumber })] })] })), request.busRequest && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-bus", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Bus Request" }) }), jsxs("dl", { className: sx(detailGridStyle), children: [jsx(DetailField, { label: "Pickup city", children: request.busRequest.pickupCity }), jsx(DetailField, { label: "Pickup location", children: request.busRequest.pickupLocation }), jsx(DetailField, { label: "Pickup date and time", children: formatDateTime$1(request.busRequest.pickupDateTime) }), jsx(DetailField, { label: "Drop-off city", children: request.busRequest.dropoffCity }), jsx(DetailField, { label: "Drop-off location", children: request.busRequest.dropoffLocation }), jsx(DetailField, { label: "Drop-off date and time", children: formatDateTime$1(request.busRequest.dropoffDateTime) }), jsx(DetailField, { label: "Vehicle type", children: request.busRequest.vehicleType }), request.busRequest.specialRequests && jsx(DetailField, { label: "Bus requests", children: request.busRequest.specialRequests })] })] })), request.specialRequests && (jsxs("section", { className: sx(sectionStyle$3), "data-test": "individual-travel-request-detail-special-requests", children: [jsx("div", { className: sx(sectionHeaderStyle), children: jsx("h2", { className: sx(sectionTitleStyle$4), children: "Additional requests" }) }), jsx("p", { children: request.specialRequests })] }))] }))] })] }));
 };
 
 /**
@@ -35993,7 +36066,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',
@@ -36038,7 +36111,7 @@ const headerTextStyle = {
     label: 'InfoCenterPage-headerTextStyle',
     flex: 1,
 };
-const titleStyle$9 = {
+const titleStyle$a = {
     label: 'InfoCenterPage-titleStyle',
     fontSize: 'var(--fs-2xl)',
     lineHeight: 'var(--lh-2xl)',
@@ -36090,7 +36163,7 @@ const gridStyle = {
     gap: 'var(--space-4)',
 };
 /* Article card */
-const cardStyle$1 = {
+const cardStyle$2 = {
     label: 'InfoCenterPage-cardStyle',
     position: 'relative',
     display: 'flex',
@@ -36240,7 +36313,7 @@ const CATEGORY_ORDER = ['Alert', 'General', 'Air', 'Car', 'Hotel', 'Policy', 'ST
 const ArticleCard = ({ article, isAdmin, onOpen, onEdit }) => {
     const meta = metaFor(article.category);
     const CategoryIcon = meta.icon;
-    return (jsxs("div", { className: cx(sx(cardStyle$1), meta.alert && sx(cardAlertStyle)), children: [jsxs("span", { className: cx(sx(categoryBadgeStyle), meta.alert && sx(categoryAlertStyle)), children: [jsx(CategoryIcon, { size: 13 }), meta.label] }), jsx("h3", { className: sx(cardTitleStyle), children: article.title }), article.body && jsx("p", { className: sx(cardBodyStyle), children: article.body }), jsxs("button", { type: "button", className: sx(readMoreStyle), onClick: () => onOpen(article), children: ["Read more", jsx(ChevronRightIcon$1, { size: 14 })] }), isAdmin && (jsx("button", { type: "button", className: sx(editButtonStyle), onClick: () => onEdit?.(article), title: "Edit article", "aria-label": "Edit article", children: jsx(EditIcon$2, { size: 14 }) }))] }));
+    return (jsxs("div", { className: cx(sx(cardStyle$2), meta.alert && sx(cardAlertStyle)), children: [jsxs("span", { className: cx(sx(categoryBadgeStyle), meta.alert && sx(categoryAlertStyle)), children: [jsx(CategoryIcon, { size: 13 }), meta.label] }), jsx("h3", { className: sx(cardTitleStyle), children: article.title }), article.body && jsx("p", { className: sx(cardBodyStyle), children: article.body }), jsxs("button", { type: "button", className: sx(readMoreStyle), onClick: () => onOpen(article), children: ["Read more", jsx(ChevronRightIcon$1, { size: 14 })] }), isAdmin && (jsx("button", { type: "button", className: sx(editButtonStyle), onClick: () => onEdit?.(article), title: "Edit article", "aria-label": "Edit article", children: jsx(EditIcon$2, { size: 14 }) }))] }));
 };
 /**
  * InfoCenterPage - Info Center article browser
@@ -36293,7 +36366,7 @@ const InfoCenterPage = ({ title = 'Info Center', accountName, articles = [], sta
     };
     const modalMeta = modalArticle ? metaFor(modalArticle.category) : null;
     const ModalCategoryIcon = modalMeta?.icon;
-    return (jsxs("div", { className: cx(sx(pageStyle$e), className), children: [showBreadcrumb && (jsxs("nav", { className: sx(breadcrumbStyle$3), "aria-label": "Breadcrumb", children: [jsxs("a", { href: homeHref, children: [jsx(HomeIcon, { size: 14 }), "Home"] }), jsx("span", { children: "/" }), jsx("span", { children: "Info Center" })] })), jsxs("div", { className: sx(headerStyle$c), children: [jsxs("div", { className: sx(headerTextStyle), children: [jsx("h1", { className: sx(titleStyle$9), children: title }), accountName && (jsxs("p", { className: sx(subtitleStyle$3), children: ["Travel resources and program information for ", accountName, "."] }))] }), isAdmin && (jsxs(Button, { variant: "primary", size: "sm", onClick: onAddArticle, children: [jsx(PlusIcon$2, { size: 15 }), "Add Article"] }))] }), pageState === 'loading' && (jsxs("div", { className: sx(stateBlockStyle), children: [jsx(Spinner, { size: "md" }), jsx("span", { children: "Loading\u2026" })] })), pageState === 'error' && (jsxs("div", { className: cx(sx(stateBlockStyle), sx(stateErrorStyle)), children: [jsx(WarningIcon$1, { size: 28 }), jsx("p", { className: sx(stateTextStyle), children: "Unable to load Info Center resources." })] })), pageState === 'empty' && (jsxs("div", { className: sx(stateBlockStyle), children: [jsx(InfoIcon$1, { size: 28 }), jsx("p", { className: sx(stateTextStyle), children: "No resources available." })] })), pageState === 'data' && (jsxs(Fragment, { children: [jsx(TabStrip, { className: sx(tabsStyle$1), tabs: [
+    return (jsxs("div", { className: cx(sx(pageStyle$f), className), children: [showBreadcrumb && (jsxs("nav", { className: sx(breadcrumbStyle$3), "aria-label": "Breadcrumb", children: [jsxs("a", { href: homeHref, children: [jsx(HomeIcon, { size: 14 }), "Home"] }), jsx("span", { children: "/" }), jsx("span", { children: "Info Center" })] })), jsxs("div", { className: sx(headerStyle$c), children: [jsxs("div", { className: sx(headerTextStyle), children: [jsx("h1", { className: sx(titleStyle$a), children: title }), accountName && (jsxs("p", { className: sx(subtitleStyle$3), children: ["Travel resources and program information for ", accountName, "."] }))] }), isAdmin && (jsxs(Button, { variant: "primary", size: "sm", onClick: onAddArticle, children: [jsx(PlusIcon$2, { size: 15 }), "Add Article"] }))] }), pageState === 'loading' && (jsxs("div", { className: sx(stateBlockStyle), children: [jsx(Spinner, { size: "md" }), jsx("span", { children: "Loading\u2026" })] })), pageState === 'error' && (jsxs("div", { className: cx(sx(stateBlockStyle), sx(stateErrorStyle)), children: [jsx(WarningIcon$1, { size: 28 }), jsx("p", { className: sx(stateTextStyle), children: "Unable to load Info Center resources." })] })), pageState === 'empty' && (jsxs("div", { className: sx(stateBlockStyle), children: [jsx(InfoIcon$1, { size: 28 }), jsx("p", { className: sx(stateTextStyle), children: "No resources available." })] })), pageState === 'data' && (jsxs(Fragment, { children: [jsx(TabStrip, { className: sx(tabsStyle$1), tabs: [
                             { id: 'All', label: 'All', icon: jsx(GridIcon, { size: 15 }) },
                             ...categories.map((cat) => {
                                 const m = metaFor(cat);
@@ -36317,7 +36390,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',
@@ -36767,13 +36840,13 @@ const ItineraryPage = ({ tripName, recordLocator, travelers, startDate, endDate,
     const agentCard = agent && (jsxs("section", { className: sx(agentCardStyle), "aria-label": "Your travel team", children: [jsx("div", { className: sx(agentHeaderStyle), children: jsx("h2", { className: sx(agentTitleStyle), children: "Your Travel Team" }) }), jsxs("div", { className: sx(agentRowStyle), children: [jsxs("div", { className: sx(agentInfoStyle), children: [jsx("p", { className: sx(agentNameStyle), children: agent.name }), agent.role && jsx("p", { className: sx(agentRoleStyle), children: agent.role })] }), jsxs("ul", { className: sx(agentLinksStyle), children: [agent.email && (jsx(AgentContact, { icon: jsx(MailIcon, { size: 16 }), label: "Email", children: jsx("a", { className: sx(agentLinkStyle), href: `mailto:${agent.email}`, children: agent.email }) })), agent.businessHours && (jsx(AgentContact, { icon: jsx(CalendarIcon$1, { size: 16 }), label: "Business Hours", children: agent.businessHours })), agent.tollFreeNumber && (jsx(AgentContact, { icon: jsx(PhoneIcon, { size: 16 }), label: "Toll Free Number", children: jsx("a", { className: sx(agentLinkStyle), href: telHref(agent.tollFreeNumber), children: agent.tollFreeNumber }) })), agent.afterHoursPhone && (jsxs(AgentContact, { icon: jsx(HeadsetIcon, { size: 16 }), label: "After-Hours/Emergency Service", children: [jsx("a", { className: sx(agentLinkStyle), href: telHref(agent.afterHoursPhone), children: agent.afterHoursPhone }), agent.afterHoursNote && jsxs(Fragment, { children: [" ", agent.afterHoursNote] })] }))] })] })] }));
     const titleRow = (jsxs("div", { className: sx(titleRowStyle), children: [jsx("h2", { className: sx(sectionTitleStyle$3), children: "Air Invoice Details" }), showStatus && jsx(StatusBadge, { status: badge.variant, label: badge.label })] }));
     const actions = showActions && (jsxs("div", { className: sx(actionsStyle$1), "aria-label": "Itinerary actions", children: [onPrint && jsx(Button, { type: "button", variant: "secondary", size: "sm", leftIcon: jsx(PrinterIcon, { size: 16 }), "data-test": "itinerary-print", onClick: onPrint, children: "Print" }), onEmail && jsx(Button, { type: "button", variant: "secondary", size: "sm", leftIcon: jsx(MailIcon, { size: 16 }), "data-test": "itinerary-email", onClick: onEmail, children: "Email" }), onAddToCalendar && jsx(Button, { type: "button", variant: "secondary", size: "sm", leftIcon: jsx(CalendarIcon$1, { size: 16 }), "data-test": "itinerary-add-to-calendar", onClick: onAddToCalendar, children: "Add to calendar" }), onDownloadInvoice && jsx(Button, { type: "button", variant: "secondary", size: "sm", leftIcon: jsx(DocumentIcon, { size: 16 }), "data-test": "itinerary-download-invoice", onClick: onDownloadInvoice, children: "Invoice PDF" })] }));
-    return (jsxs("div", { className: cx(sx(pageStyle$d), className), "data-test": "itinerary-page", children: [jsx(PageHeaderSubsection, { sectionName: sectionName, pageName: pageName ?? (travelers.length > 0 ? `Itinerary for ${itineraryPageName(travelers)}` : 'Itinerary'), meta: startDate && endDate ? jsx(TravelDateRange, { startDate: startDate, endDate: endDate }) : undefined, onBack: onBack, backLabel: backLabel }), !showInvoice && notices, !showInvoice && agentCard, showInvoice ? (jsxs("section", { className: sx(invoiceSectionStyle), "aria-label": "Booking and invoice", children: [jsxs("div", { className: sx(invoiceActionsStyle), children: [jsx(Segment, { size: "sm", options: VIEW_OPTIONS, value: view, onChange: changeView, "aria-label": "Itinerary view" }), actions] }), !itineraryOnly && notices, !itineraryOnly && agentCard, !itineraryOnly && bookingCard, !itineraryOnly && invoice && jsx(AirInvoiceCard, { ...invoice, title: "Air Invoice Details" })] })) : (jsxs("header", { className: sx(headerStyle$b), children: [jsxs("div", { className: sx(headerMainStyle$1), children: [titleRow, jsxs("dl", { className: sx(factsStyle$1), children: [recordLocator && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: "Confirmation" }), jsx("dd", { className: cx(sx(factValueStyle), sx(monoStyle$1)), children: recordLocator })] })), startDate && endDate && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: "Travel dates" }), jsx("dd", { className: sx(factValueStyle), children: formatItineraryDateRange(startDate, endDate) })] })), travelers.length > 0 && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: travelers.length === 1 ? 'Traveler' : 'Travelers' }), jsx("dd", { className: sx(factValueStyle), title: travelers.join(', '), children: travelerLabel })] })), sportCode && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: "Program" }), jsx("dd", { className: sx(factValueStyle), children: sportCode })] }))] })] }), actions] })), !showInvoice && bookingCard, !itineraryOnly && travelers.length > 1 && (jsxs("section", { className: sx(travelersStyle), "aria-label": "Travelers on this itinerary", children: [jsx("h2", { className: sx(sectionTitleStyle$3), children: "Travelers" }), jsx("ul", { className: sx(travelerListStyle), children: travelers.map((traveler) => jsx("li", { className: sx(travelerChipStyle), children: traveler }, traveler)) })] })), !itineraryOnly && !loading && !error && notice && (jsx("div", { "data-test": "itinerary-notice", children: jsx(Alert, { variant: "warning", title: "Additional booking details", children: notice }) })), jsxs("div", { className: sx(bodyStyle$1), children: [jsx("div", { className: sx(mainStyle$1), children: jsxs("div", { "data-test": loading ? 'itinerary-loading' : error ? 'itinerary-error' : undefined, children: [jsx(ItineraryTimeline, { segments: segments, loading: loading, error: error, onCheckIn: onCheckIn, showTypeTabs: true }), error && onRetry && (jsx("div", { className: sx(retryRowStyle), children: jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onRetry, "data-test": "itinerary-retry", children: "Try again" }) }))] }) }), !loading && !error && (closingBanners.length > 0 || closingNotes) && (jsxs("div", { className: sx(noticesStyle), "data-test": "itinerary-closing", children: [closingBanners.length > 0 && jsx(PageBanners, { className: sx(bannersStyle), systemBanners: closingBanners, alertBanners: [] }), closingNotes && jsx("div", { className: sx(closingNotesStyle), children: closingNotes })] }))] })] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$e), className), "data-test": "itinerary-page", children: [jsx(PageHeaderSubsection, { sectionName: sectionName, pageName: pageName ?? (travelers.length > 0 ? `Itinerary for ${itineraryPageName(travelers)}` : 'Itinerary'), meta: startDate && endDate ? jsx(TravelDateRange, { startDate: startDate, endDate: endDate }) : undefined, onBack: onBack, backLabel: backLabel }), !showInvoice && notices, !showInvoice && agentCard, showInvoice ? (jsxs("section", { className: sx(invoiceSectionStyle), "aria-label": "Booking and invoice", children: [jsxs("div", { className: sx(invoiceActionsStyle), children: [jsx(Segment, { size: "sm", options: VIEW_OPTIONS, value: view, onChange: changeView, "aria-label": "Itinerary view" }), actions] }), !itineraryOnly && notices, !itineraryOnly && agentCard, !itineraryOnly && bookingCard, !itineraryOnly && invoice && jsx(AirInvoiceCard, { ...invoice, title: "Air Invoice Details" })] })) : (jsxs("header", { className: sx(headerStyle$b), children: [jsxs("div", { className: sx(headerMainStyle$1), children: [titleRow, jsxs("dl", { className: sx(factsStyle$1), children: [recordLocator && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: "Confirmation" }), jsx("dd", { className: cx(sx(factValueStyle), sx(monoStyle$1)), children: recordLocator })] })), startDate && endDate && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: "Travel dates" }), jsx("dd", { className: sx(factValueStyle), children: formatItineraryDateRange(startDate, endDate) })] })), travelers.length > 0 && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: travelers.length === 1 ? 'Traveler' : 'Travelers' }), jsx("dd", { className: sx(factValueStyle), title: travelers.join(', '), children: travelerLabel })] })), sportCode && (jsxs("div", { className: sx(factStyle), children: [jsx("dt", { className: sx(factLabelStyle), children: "Program" }), jsx("dd", { className: sx(factValueStyle), children: sportCode })] }))] })] }), actions] })), !showInvoice && bookingCard, !itineraryOnly && travelers.length > 1 && (jsxs("section", { className: sx(travelersStyle), "aria-label": "Travelers on this itinerary", children: [jsx("h2", { className: sx(sectionTitleStyle$3), children: "Travelers" }), jsx("ul", { className: sx(travelerListStyle), children: travelers.map((traveler) => jsx("li", { className: sx(travelerChipStyle), children: traveler }, traveler)) })] })), !itineraryOnly && !loading && !error && notice && (jsx("div", { "data-test": "itinerary-notice", children: jsx(Alert, { variant: "warning", title: "Additional booking details", children: notice }) })), jsxs("div", { className: sx(bodyStyle$1), children: [jsx("div", { className: sx(mainStyle$1), children: jsxs("div", { "data-test": loading ? 'itinerary-loading' : error ? 'itinerary-error' : undefined, children: [jsx(ItineraryTimeline, { segments: segments, loading: loading, error: error, onCheckIn: onCheckIn, showTypeTabs: true }), error && onRetry && (jsx("div", { className: sx(retryRowStyle), children: jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onRetry, "data-test": "itinerary-retry", children: "Try again" }) }))] }) }), !loading && !error && (closingBanners.length > 0 || closingNotes) && (jsxs("div", { className: sx(noticesStyle), "data-test": "itinerary-closing", children: [closingBanners.length > 0 && jsx(PageBanners, { className: sx(bannersStyle), systemBanners: closingBanners, alertBanners: [] }), closingNotes && jsx("div", { className: sx(closingNotesStyle), children: closingNotes })] }))] })] }));
 };
 ItineraryPage.displayName = 'ItineraryPage';
 
 /** NotFoundPage's compiled rules. A straight translation — nothing in the
  *  stylesheet overlapped, so no specificity work was needed. */
-const pageStyle$c = {
+const pageStyle$d = {
     label: 'NotFoundPage-pageStyle',
     display: 'flex',
     alignItems: 'center',
@@ -36782,7 +36855,7 @@ const pageStyle$c = {
     padding: 'var(--space-4)',
     backgroundColor: 'var(--color-gray-100)',
 };
-const cardStyle = {
+const cardStyle$1 = {
     label: 'NotFoundPage-cardStyle',
     width: '100%',
     maxWidth: 400,
@@ -36811,7 +36884,7 @@ const errorCodeStyle = {
     color: 'var(--color-gray-800)',
     margin: '0 0 var(--space-4) 0',
 };
-const titleStyle$8 = {
+const titleStyle$9 = {
     label: 'NotFoundPage-titleStyle',
     fontSize: 'var(--text-xl)',
     fontWeight: 'var(--font-medium)',
@@ -36840,13 +36913,13 @@ const DefaultIllustration = () => (jsxs("svg", { width: "120", height: "120", vi
  * - Optional illustration
  */
 const NotFoundPage = ({ errorCode = '404', title = 'Page Not Found', message = 'The page you are looking for does not exist or you do not have permission to access it.', action, illustration, className = '', }) => {
-    const pageClasses = cx(sx(pageStyle$c), className);
-    return (jsx("div", { className: pageClasses, children: jsxs("div", { className: sx(cardStyle), children: [jsx("div", { className: sx(illustrationStyle), children: illustration || jsx(DefaultIllustration, {}) }), jsx("h1", { className: sx(errorCodeStyle), children: errorCode }), jsx("h2", { className: sx(titleStyle$8), children: title }), jsx("p", { className: sx(messageStyle), children: message }), action && (jsx("div", { className: sx(actionStyle), children: action }))] }) }));
+    const pageClasses = cx(sx(pageStyle$d), className);
+    return (jsx("div", { className: pageClasses, children: jsxs("div", { className: sx(cardStyle$1), children: [jsx("div", { className: sx(illustrationStyle), children: illustration || jsx(DefaultIllustration, {}) }), jsx("h1", { className: sx(errorCodeStyle), children: errorCode }), jsx("h2", { className: sx(titleStyle$9), children: title }), jsx("p", { className: sx(messageStyle), children: message }), action && (jsx("div", { className: sx(actionStyle), children: action }))] }) }));
 };
 NotFoundPage.displayName = 'NotFoundPage';
 
 /** OffFleetLearnedExamplesPage's compiled rules — flat, no specificity ladder. */
-const pageStyle$b = {
+const pageStyle$c = {
     label: 'OffFleetLearnedExamplesPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -36862,7 +36935,7 @@ const headerStyle$a = {
     flexDirection: 'column',
     gap: 'var(--space-2)',
 };
-const titleStyle$7 = {
+const titleStyle$8 = {
     label: 'OffFleetLearnedExamplesPage-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -36941,7 +37014,7 @@ const pairTitleStyle = {
     letterSpacing: '0.06em',
     textTransform: 'uppercase',
 };
-const codeStyle = {
+const codeStyle$1 = {
     label: 'OffFleetLearnedExamplesPage-codeStyle',
     maxHeight: 260,
     margin: 0,
@@ -36966,7 +37039,7 @@ const OFF_FLEET_LEARNED_EMPTY_COPY = 'The corpus starts empty and only /api/Repr
  * Learned examples — the corrections corpus. The empty state explains the mechanism
  * rather than apologising, because an empty corpus is the correct starting state.
  */
-const OffFleetLearnedExamplesPage = ({ examples = [], onOpenExample, className = '', }) => (jsxs("div", { className: cx(sx(pageStyle$b), className), "data-test": "off-fleet-learned-examples-page", children: [jsxs("header", { className: sx(headerStyle$a), children: [jsx("h1", { className: sx(titleStyle$7), children: "Learned examples" }), jsx("p", { className: sx(descriptionStyle$3), children: OFF_FLEET_LEARNED_DESCRIPTION })] }), examples.length === 0 ? (jsx(EmptyState$1, { title: "No examples yet", description: OFF_FLEET_LEARNED_EMPTY_COPY, icon: jsx(LightbulbIcon, { size: 32 }) })) : (jsx("ul", { className: sx(examplesStyle), children: examples.map((example) => (jsxs("li", { className: sx(exampleStyle), "data-test": "off-fleet-learned-example", children: [jsxs("div", { className: sx(exampleHeaderStyle), children: [jsx("span", { className: sx(operatorStyle), children: example.operator }), jsxs("span", { className: sx(metaStyle), children: [example.sourceFileName, " \u00B7 learned ", example.learnedLabel] }), onOpenExample && (jsx(Button, { variant: "outline", size: "sm", className: sx(openButtonStyle), onClick: () => onOpenExample(example.id), "data-test": "off-fleet-open-example", children: "Open" }))] }), jsxs("div", { className: sx(pairStyle), children: [jsxs("div", { className: sx(pairSideStyle), children: [jsx("h2", { className: sx(pairTitleStyle), children: "Raw text" }), jsx("pre", { className: sx(codeStyle), "data-test": "off-fleet-example-raw", children: example.rawText })] }), jsxs("div", { className: sx(pairSideStyle), children: [jsx("h2", { className: sx(pairTitleStyle), children: "Corrected JSON" }), jsx("pre", { className: sx(codeStyle), "data-test": "off-fleet-example-json", children: example.correctedJson })] })] })] }, example.id))) }))] }));
+const OffFleetLearnedExamplesPage = ({ examples = [], onOpenExample, className = '', }) => (jsxs("div", { className: cx(sx(pageStyle$c), className), "data-test": "off-fleet-learned-examples-page", children: [jsxs("header", { className: sx(headerStyle$a), children: [jsx("h1", { className: sx(titleStyle$8), children: "Learned examples" }), jsx("p", { className: sx(descriptionStyle$3), children: OFF_FLEET_LEARNED_DESCRIPTION })] }), examples.length === 0 ? (jsx(EmptyState$1, { title: "No examples yet", description: OFF_FLEET_LEARNED_EMPTY_COPY, icon: jsx(LightbulbIcon, { size: 32 }) })) : (jsx("ul", { className: sx(examplesStyle), children: examples.map((example) => (jsxs("li", { className: sx(exampleStyle), "data-test": "off-fleet-learned-example", children: [jsxs("div", { className: sx(exampleHeaderStyle), children: [jsx("span", { className: sx(operatorStyle), children: example.operator }), jsxs("span", { className: sx(metaStyle), children: [example.sourceFileName, " \u00B7 learned ", example.learnedLabel] }), onOpenExample && (jsx(Button, { variant: "outline", size: "sm", className: sx(openButtonStyle), onClick: () => onOpenExample(example.id), "data-test": "off-fleet-open-example", children: "Open" }))] }), jsxs("div", { className: sx(pairStyle), children: [jsxs("div", { className: sx(pairSideStyle), children: [jsx("h2", { className: sx(pairTitleStyle), children: "Raw text" }), jsx("pre", { className: sx(codeStyle$1), "data-test": "off-fleet-example-raw", children: example.rawText })] }), jsxs("div", { className: sx(pairSideStyle), children: [jsx("h2", { className: sx(pairTitleStyle), children: "Corrected JSON" }), jsx("pre", { className: sx(codeStyle$1), "data-test": "off-fleet-example-json", children: example.correctedJson })] })] })] }, example.id))) }))] }));
 OffFleetLearnedExamplesPage.displayName = 'OffFleetLearnedExamplesPage';
 
 /**
@@ -36975,7 +37048,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',
@@ -36991,7 +37064,7 @@ const headerStyle$9 = {
     flexDirection: 'column',
     gap: 'var(--space-2)',
 };
-const titleStyle$6 = {
+const titleStyle$7 = {
     label: 'OffFleetReviewQueuePage-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -37138,7 +37211,7 @@ const OffFleetReviewQueuePage = ({ submissions, counts, onReview, onOpenRawText,
             render: (_value, submission) => (jsx(Button, { size: "sm", onClick: () => onReview?.(submission.id), "data-test": "off-fleet-review", children: "Review" })),
         },
     ];
-    return (jsxs("div", { className: cx(sx(pageStyle$a), className), "data-test": "off-fleet-review-queue-page", children: [jsxs("header", { className: sx(headerStyle$9), children: [jsx("h1", { className: sx(titleStyle$6), children: "Review queue" }), jsx("p", { className: sx(descriptionStyle$2), children: OFF_FLEET_QUEUE_DESCRIPTION })] }), jsxs("div", { className: sx(statsStyle), "data-test": "off-fleet-stats", children: [jsx(Metric, { label: "Needs review", value: tally['needs-review'] }), jsx(Metric, { label: "Received", value: tally.received }), jsx(Metric, { label: "Processing", value: tally.processing }), jsx(Metric, { label: "Parsed", value: tally.parsed }), jsx(Metric, { label: "All submissions", value: tally.all })] }), jsx(Table, { columns: columns, data: submissions, rowKey: "id", loading: loading, emptyContent: jsx(EmptyState$1, { size: "sm", title: "Nothing waiting on review", description: "Submissions land here only when the parser cannot reconcile a quote against a Trip segment. An empty queue means every off-fleet quote matched." }) })] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$b), className), "data-test": "off-fleet-review-queue-page", children: [jsxs("header", { className: sx(headerStyle$9), children: [jsx("h1", { className: sx(titleStyle$7), children: "Review queue" }), jsx("p", { className: sx(descriptionStyle$2), children: OFF_FLEET_QUEUE_DESCRIPTION })] }), jsxs("div", { className: sx(statsStyle), "data-test": "off-fleet-stats", children: [jsx(Metric, { label: "Needs review", value: tally['needs-review'] }), jsx(Metric, { label: "Received", value: tally.received }), jsx(Metric, { label: "Processing", value: tally.processing }), jsx(Metric, { label: "Parsed", value: tally.parsed }), jsx(Metric, { label: "All submissions", value: tally.all })] }), jsx(Table, { columns: columns, data: submissions, rowKey: "id", loading: loading, emptyContent: jsx(EmptyState$1, { size: "sm", title: "Nothing waiting on review", description: "Submissions land here only when the parser cannot reconcile a quote against a Trip segment. An empty queue means every off-fleet quote matched." }) })] }));
 };
 OffFleetReviewQueuePage.displayName = 'OffFleetReviewQueuePage';
 
@@ -37151,7 +37224,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',
@@ -37184,7 +37257,7 @@ const headerStyle$8 = {
     flexDirection: 'column',
     gap: 'var(--space-1)',
 };
-const titleStyle$5 = {
+const titleStyle$6 = {
     label: 'OffFleetSubmissionDetailPage-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -37506,13 +37579,13 @@ const OffFleetSubmissionDetailPage = ({ submissionId, fileName, statusLabel = 'N
         target?.querySelector('input')?.focus();
     };
     const blocked = Boolean(blockedReason);
-    return (jsxs("div", { className: cx(sx(pageStyle$9), className), "data-test": "off-fleet-submission-detail-page", children: [jsxs("div", { className: sx(topRowStyle), children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$2), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "off-fleet-detail-back", children: backLabel })), jsx(StatusBadge, { status: "in-review", label: statusLabel })] }), jsxs("header", { className: sx(headerStyle$8), children: [jsx("h1", { className: sx(titleStyle$5), children: fileName }), jsx("p", { className: sx(subtitleStyle$2), children: submissionId })] }), jsx(Alert, { variant: "warning", title: "Why this needs review", children: jsx("span", { className: sx(reasonStyle), "data-test": "off-fleet-detail-reason", children: failureReason }) }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Source document", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Source document" }), jsx("p", { className: sx(sectionHelpStyle$1), children: "Text the parser actually read \u2014 OCR damage included." }), jsx("pre", { className: sx(rawTextStyle), "data-test": "off-fleet-raw-text", children: rawText })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Submission", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Submission" }), jsxs("dl", { className: sx(factsStyle), children: [jsxs("div", { children: [jsx("dt", { children: "File name" }), jsx("dd", { children: fileName })] }), jsxs("div", { children: [jsx("dt", { children: "Carrier" }), jsx("dd", { children: carrier })] }), jsxs("div", { children: [jsx("dt", { children: "Carrier Union" }), jsx("dd", { className: sx(monoStyle), children: carrierUnion })] }), jsxs("div", { children: [jsx("dt", { children: "Flight Program" }), jsx("dd", { className: sx(monoStyle), children: flightProgram })] }), jsxs("div", { children: [jsx("dt", { children: "Received" }), jsx("dd", { children: receivedAt })] }), jsxs("div", { children: [jsx("dt", { children: "Updated" }), jsx("dd", { children: updatedAt })] })] })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Segments", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Segments" }), jsxs("p", { className: sx(sectionHelpStyle$1), children: [charterSegmentCount, " charter segment(s) on this Flight Program"] }), jsx(Accordion, { defaultOpen: false, header: jsxs("span", { className: sx(accordionHeaderStyle), children: ["Trip segments available for matching (", charterSegmentCount, ")"] }), children: jsx("div", { className: sx(tableScrollStyle), children: jsxs("table", { className: sx(segmentTableStyle), "data-test": "off-fleet-segments", children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Departs" }), jsx("th", { scope: "col", children: "Route" }), jsx("th", { scope: "col", children: "Trip" })] }) }), jsx("tbody", { children: tripSegments.map((segment) => (jsxs("tr", { children: [jsx("td", { children: segment.departs }), jsxs("td", { children: [segment.origin, " \u2192 ", segment.destination] }), jsx("td", { className: sx(monoStyle), children: segment.tripGuid })] }, segment.id))) })] }) }) })] }), extractionJson && (jsx("section", { className: sx(sectionStyle$2), "aria-label": "Extraction JSON", children: jsx(Accordion, { defaultOpen: false, header: jsx("span", { className: sx(accordionHeaderStyle), children: "Extraction JSON as stored" }), children: jsx("pre", { className: sx(rawTextStyle), "data-test": "off-fleet-extraction-json", children: extractionJson }) }) })), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Quote header", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Quote header" }), jsx("p", { className: sx(sectionHelpStyle$1), children: "Fields the parser maps onto the Salesforce Flight Quote. Blank means null." }), jsxs("div", { className: sx(headerGridStyle), children: [jsx(Input, { id: "off-fleet-operator", label: "Operator", helperText: "As stated in the document", value: quoteHeader.operator, onChange: (event) => updateHeader('operator', event.target.value), "data-test": "off-fleet-operator" }), jsx(Input, { id: "off-fleet-charterer", label: "Charterer", helperText: "School or organisation, only if explicit", value: quoteHeader.charterer, onChange: (event) => updateHeader('charterer', event.target.value), "data-test": "off-fleet-charterer" }), jsx(Input, { id: "off-fleet-quote-date", type: "date", label: "Quote date", helperText: "Date of the quote, not of a flight", value: quoteHeader.quoteDate, onChange: (event) => updateHeader('quoteDate', event.target.value), "data-test": "off-fleet-quote-date" }), jsx(Input, { id: "off-fleet-currency", label: "Currency", helperText: "ISO code the document prices in", value: quoteHeader.currency, onChange: (event) => updateHeader('currency', event.target.value), "data-test": "off-fleet-currency" }), jsx(Input, { id: "off-fleet-fuel-base", label: "Fuel base price", helperText: "Numeric, no currency symbol", value: quoteHeader.fuelBasePrice, onChange: (event) => updateHeader('fuelBasePrice', event.target.value), "data-test": "off-fleet-fuel-base" }), jsx(Input, { id: "off-fleet-unit-price", label: "Unit price", helperText: "Only if distinct from the leg table", value: quoteHeader.unitPrice, onChange: (event) => updateHeader('unitPrice', event.target.value), "data-test": "off-fleet-unit-price" }), jsx(Select, { id: "off-fleet-price-basis", label: "Price basis", helperText: "How the stated prices group onto legs. Changing this changes every per-leg price.", options: PRICE_BASIS_OPTIONS, value: quoteHeader.priceBasis, onChange: (event) => updateHeader('priceBasis', event.target.value), className: sx(wideFieldStyle), "data-test": "off-fleet-price-basis" }), jsx(Input, { id: "off-fleet-stated-total", label: "Stated total", helperText: "Only if the document states one. Checked to \u00B1$1 after normalization.", value: quoteHeader.statedTotal, onChange: (event) => updateHeader('statedTotal', event.target.value), "data-test": "off-fleet-stated-total" })] })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Flight legs", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Flight legs" }), jsx("p", { className: sx(sectionHelpStyle$1), children: "One row per leg \u2014 one takeoff, one landing. Order matters for per round trip: legs are paired top-down." }), jsx("ol", { className: sx(legsStyle$1), children: legs.map((leg, index) => (jsxs("li", { className: sx(legStyle$1), ref: (node) => {
+    return (jsxs("div", { className: cx(sx(pageStyle$a), className), "data-test": "off-fleet-submission-detail-page", children: [jsxs("div", { className: sx(topRowStyle), children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$2), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "off-fleet-detail-back", children: backLabel })), jsx(StatusBadge, { status: "in-review", label: statusLabel })] }), jsxs("header", { className: sx(headerStyle$8), children: [jsx("h1", { className: sx(titleStyle$6), children: fileName }), jsx("p", { className: sx(subtitleStyle$2), children: submissionId })] }), jsx(Alert, { variant: "warning", title: "Why this needs review", children: jsx("span", { className: sx(reasonStyle), "data-test": "off-fleet-detail-reason", children: failureReason }) }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Source document", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Source document" }), jsx("p", { className: sx(sectionHelpStyle$1), children: "Text the parser actually read \u2014 OCR damage included." }), jsx("pre", { className: sx(rawTextStyle), "data-test": "off-fleet-raw-text", children: rawText })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Submission", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Submission" }), jsxs("dl", { className: sx(factsStyle), children: [jsxs("div", { children: [jsx("dt", { children: "File name" }), jsx("dd", { children: fileName })] }), jsxs("div", { children: [jsx("dt", { children: "Carrier" }), jsx("dd", { children: carrier })] }), jsxs("div", { children: [jsx("dt", { children: "Carrier Union" }), jsx("dd", { className: sx(monoStyle), children: carrierUnion })] }), jsxs("div", { children: [jsx("dt", { children: "Flight Program" }), jsx("dd", { className: sx(monoStyle), children: flightProgram })] }), jsxs("div", { children: [jsx("dt", { children: "Received" }), jsx("dd", { children: receivedAt })] }), jsxs("div", { children: [jsx("dt", { children: "Updated" }), jsx("dd", { children: updatedAt })] })] })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Segments", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Segments" }), jsxs("p", { className: sx(sectionHelpStyle$1), children: [charterSegmentCount, " charter segment(s) on this Flight Program"] }), jsx(Accordion, { defaultOpen: false, header: jsxs("span", { className: sx(accordionHeaderStyle), children: ["Trip segments available for matching (", charterSegmentCount, ")"] }), children: jsx("div", { className: sx(tableScrollStyle), children: jsxs("table", { className: sx(segmentTableStyle), "data-test": "off-fleet-segments", children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Departs" }), jsx("th", { scope: "col", children: "Route" }), jsx("th", { scope: "col", children: "Trip" })] }) }), jsx("tbody", { children: tripSegments.map((segment) => (jsxs("tr", { children: [jsx("td", { children: segment.departs }), jsxs("td", { children: [segment.origin, " \u2192 ", segment.destination] }), jsx("td", { className: sx(monoStyle), children: segment.tripGuid })] }, segment.id))) })] }) }) })] }), extractionJson && (jsx("section", { className: sx(sectionStyle$2), "aria-label": "Extraction JSON", children: jsx(Accordion, { defaultOpen: false, header: jsx("span", { className: sx(accordionHeaderStyle), children: "Extraction JSON as stored" }), children: jsx("pre", { className: sx(rawTextStyle), "data-test": "off-fleet-extraction-json", children: extractionJson }) }) })), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Quote header", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Quote header" }), jsx("p", { className: sx(sectionHelpStyle$1), children: "Fields the parser maps onto the Salesforce Flight Quote. Blank means null." }), jsxs("div", { className: sx(headerGridStyle), children: [jsx(Input, { id: "off-fleet-operator", label: "Operator", helperText: "As stated in the document", value: quoteHeader.operator, onChange: (event) => updateHeader('operator', event.target.value), "data-test": "off-fleet-operator" }), jsx(Input, { id: "off-fleet-charterer", label: "Charterer", helperText: "School or organisation, only if explicit", value: quoteHeader.charterer, onChange: (event) => updateHeader('charterer', event.target.value), "data-test": "off-fleet-charterer" }), jsx(Input, { id: "off-fleet-quote-date", type: "date", label: "Quote date", helperText: "Date of the quote, not of a flight", value: quoteHeader.quoteDate, onChange: (event) => updateHeader('quoteDate', event.target.value), "data-test": "off-fleet-quote-date" }), jsx(Input, { id: "off-fleet-currency", label: "Currency", helperText: "ISO code the document prices in", value: quoteHeader.currency, onChange: (event) => updateHeader('currency', event.target.value), "data-test": "off-fleet-currency" }), jsx(Input, { id: "off-fleet-fuel-base", label: "Fuel base price", helperText: "Numeric, no currency symbol", value: quoteHeader.fuelBasePrice, onChange: (event) => updateHeader('fuelBasePrice', event.target.value), "data-test": "off-fleet-fuel-base" }), jsx(Input, { id: "off-fleet-unit-price", label: "Unit price", helperText: "Only if distinct from the leg table", value: quoteHeader.unitPrice, onChange: (event) => updateHeader('unitPrice', event.target.value), "data-test": "off-fleet-unit-price" }), jsx(Select, { id: "off-fleet-price-basis", label: "Price basis", helperText: "How the stated prices group onto legs. Changing this changes every per-leg price.", options: PRICE_BASIS_OPTIONS, value: quoteHeader.priceBasis, onChange: (event) => updateHeader('priceBasis', event.target.value), className: sx(wideFieldStyle), "data-test": "off-fleet-price-basis" }), jsx(Input, { id: "off-fleet-stated-total", label: "Stated total", helperText: "Only if the document states one. Checked to \u00B1$1 after normalization.", value: quoteHeader.statedTotal, onChange: (event) => updateHeader('statedTotal', event.target.value), "data-test": "off-fleet-stated-total" })] })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Flight legs", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Flight legs" }), jsx("p", { className: sx(sectionHelpStyle$1), children: "One row per leg \u2014 one takeoff, one landing. Order matters for per round trip: legs are paired top-down." }), jsx("ol", { className: sx(legsStyle$1), children: legs.map((leg, index) => (jsxs("li", { className: sx(legStyle$1), ref: (node) => {
                                 legRefs.current[leg.id] = node;
                             }, "data-test": "off-fleet-leg", children: [jsxs("div", { className: sx(legHeaderStyle), children: [jsxs("span", { className: sx(legIndexStyle), children: ["Leg ", index + 1] }), jsx(StatusBadge, { status: MATCH_BADGES[leg.match].status, label: MATCH_BADGES[leg.match].label }), jsx(Button, { variant: "ghost", size: "sm", className: sx(removeLegStyle), onClick: () => removeLeg(leg.id), "data-test": "off-fleet-remove-leg", children: "Remove leg" })] }), jsxs("div", { className: sx(legGridStyle), children: [jsx(Input, { id: `${leg.id}-date`, size: "sm", type: "date", label: "Date", value: leg.date, onChange: (event) => updateLeg(leg.id, { date: event.target.value }), "data-test": "off-fleet-leg-date" }), jsx(Input, { id: `${leg.id}-from`, size: "sm", label: "From", value: leg.from, onChange: (event) => updateLeg(leg.id, { from: event.target.value.toUpperCase() }), "data-test": "off-fleet-leg-from" }), jsx(Input, { id: `${leg.id}-to`, size: "sm", label: "To", value: leg.to, onChange: (event) => updateLeg(leg.id, { to: event.target.value.toUpperCase() }), "data-test": "off-fleet-leg-to" }), jsx(Input, { id: `${leg.id}-etd`, size: "sm", label: "ETD", value: leg.etd, onChange: (event) => updateLeg(leg.id, { etd: event.target.value }), "data-test": "off-fleet-leg-etd" }), jsx(Input, { id: `${leg.id}-eta`, size: "sm", label: "ETA", value: leg.eta, onChange: (event) => updateLeg(leg.id, { eta: event.target.value }), "data-test": "off-fleet-leg-eta" }), jsx(Input, { id: `${leg.id}-aircraft`, size: "sm", label: "Aircraft", value: leg.aircraft, onChange: (event) => updateLeg(leg.id, { aircraft: event.target.value }), "data-test": "off-fleet-leg-aircraft" }), jsx(Input, { id: `${leg.id}-seats`, size: "sm", label: "Seats", value: leg.seats, onChange: (event) => updateLeg(leg.id, { seats: event.target.value }), "data-test": "off-fleet-leg-seats" }), jsx(Input, { id: `${leg.id}-price`, size: "sm", label: "Price", value: leg.price, onChange: (event) => updateLeg(leg.id, { price: event.target.value }), "data-test": "off-fleet-leg-price" })] })] }, leg.id))) }), jsx(Button, { variant: "outline", size: "sm", onClick: addLeg, "data-test": "off-fleet-add-leg", children: "Add leg" })] }), jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Ambiguity flag", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Ambiguity flag" }), jsx(Textarea, { id: "off-fleet-ambiguity", label: "Ambiguity reason", helperText: "What a human still cannot tell from the document. Left blank, the extraction is treated as unambiguous.", rows: 3, value: ambiguityReason, onChange: (event) => setAmbiguityReason(event.target.value), "data-test": "off-fleet-ambiguity" })] }), preflight && (jsxs("section", { className: sx(sectionStyle$2), "aria-label": "Pre-flight check", children: [jsx("h2", { className: sx(sectionTitleStyle$2), children: "Pre-flight check" }), jsx("div", { className: sx(tableScrollStyle), children: jsxs("table", { className: sx(preflightTableStyle), "data-test": "off-fleet-preflight", children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { scope: "col", children: "Leg" }), jsx("th", { scope: "col", children: "As stated" }), jsx("th", { scope: "col", children: "Per leg after normalization" })] }) }), jsx("tbody", { children: preflight.rows.map((row) => (jsxs("tr", { children: [jsx("th", { scope: "row", children: row.leg }), jsx("td", { children: row.asStated }), jsx("td", { children: row.perLegAfterNormalization })] }, row.leg))) }), jsx("tfoot", { children: jsxs("tr", { children: [jsx("th", { scope: "row", children: "Total" }), jsx("td", {}), jsx("td", { "data-test": "off-fleet-preflight-total", children: preflight.total })] }) })] }) }), jsxs("p", { className: sx(unmatchedStyle), "data-test": "off-fleet-unmatched-count", children: [preflight.unmatchedCount, " of ", preflight.legCount, " leg(s) unmatched"] }), jsx("ul", { className: sx(groupingsStyle), "data-test": "off-fleet-trip-groupings", children: preflight.tripGroupings.map((grouping) => (jsxs("li", { className: sx(groupingStyle), children: [jsx("span", { className: sx(monoStyle), children: grouping.tripGuid }), jsxs("span", { children: [grouping.legCount, " leg(s) \u00B7 ", grouping.total] })] }, grouping.tripGuid))) }), jsx("p", { className: sx(consequenceStyle), children: "Each total becomes one QuoteLineItem against a new Flight Quote for that Trip." }), preflight.diagnostics?.map((diagnostic) => (jsxs("div", { className: sx(diagnosticStyle), children: [jsx("p", { className: sx(diagnosticMessageStyle), "data-test": "off-fleet-diagnostic", children: diagnostic.message }), jsx(Button, { variant: "outline", size: "sm", onClick: () => jumpToLeg(diagnostic.legId), "data-test": "off-fleet-jump-to-leg", children: "Jump to leg" })] }, diagnostic.legId))), preflight.warnings?.map((warning) => (jsx(Alert, { variant: "warning", children: jsx("span", { className: sx(reasonStyle), "data-test": "off-fleet-warning", children: warning }) }, warning)))] })), jsxs("div", { className: sx(actionsStyle), children: [jsx(Button, { disabled: blocked, onClick: () => onCheckCorrection?.({ quoteHeader, legs, ambiguityReason }), "data-test": "off-fleet-check-correction", children: "Check correction" }), jsx(Button, { variant: "secondary", disabled: blocked, onClick: onReprocess, "data-test": "off-fleet-reprocess", children: "Reprocess submission" }), blockedReason && (jsx("p", { className: sx(blockedReasonStyle), "data-test": "off-fleet-blocked-reason", children: blockedReason }))] })] }));
 };
 OffFleetSubmissionDetailPage.displayName = 'OffFleetSubmissionDetailPage';
 
-const pageStyle$8 = {
+const pageStyle$9 = {
     label: 'RosterProgramNumbersPage-pageStyle',
     display: 'flex',
     minWidth: 0,
@@ -37688,11 +37761,11 @@ const RosterProgramNumbersPage = ({ programs, loading = false, saving = false, o
             accountNumber: values[String(program.id)] ?? '',
         })));
     };
-    return (jsxs("section", { className: sx(pageStyle$8), "data-test": "roster-program-numbers-page", children: [jsxs("header", { className: sx(headerStyle$7), children: [jsxs("div", { className: sx(headingStyle$1), children: [jsx("h1", { children: "Edit Program Numbers" }), jsx("p", { children: "Update existing traveler loyalty-program numbers without changing the rest of the roster." })] }), jsx(Button, { type: "button", variant: "outline", size: "sm", "data-test": "program-numbers-back", onClick: onBack, children: "Back to Roster" })] }), jsx(Module, { title: "Roster Program Numbers", useToggle: false, children: jsxs("form", { onSubmit: submit, "data-test": "program-numbers-form", children: [loading ? (jsx("div", { className: sx(emptyStyle$2), role: "status", children: "Loading roster program numbers..." })) : programs.length ? (jsx("div", { className: sx(tableWrapStyle), children: jsxs("table", { className: sx(tableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "Traveler" }), jsx("th", { children: "Program" }), jsx("th", { children: "Program Number" })] }) }), jsx("tbody", { children: programs.map((program) => (jsxs("tr", { "data-test": `program-number-row-${program.id}`, children: [jsx("td", { children: jsxs("div", { className: sx(travelerStyle), children: [jsx("strong", { children: program.travelerName }), program.travelerType && jsx("span", { children: program.travelerType })] }) }), jsx("td", { children: jsx("span", { className: sx(supplierStyle), children: program.supplierName }) }), jsx("td", { className: sx(inputCellStyle), children: jsx(Input, { id: `program-number-${program.id}`, "aria-label": `Program number for ${program.travelerName} — ${program.supplierName}`, "data-test": `program-number-input-${program.id}`, value: values[String(program.id)] ?? '', required: true, fullWidth: true, size: "sm", disabled: saving, onChange: (event) => setValues((current) => ({ ...current, [String(program.id)]: event.target.value })) }) })] }, program.id))) })] }) })) : (jsx("div", { className: sx(emptyStyle$2), children: "No existing membership programs are available to edit." })), !!programs.length && (jsxs("div", { className: sx(footerStyle$1), children: [jsx(Button, { type: "button", variant: "outline", disabled: saving, onClick: onBack, children: "Cancel" }), jsx(Button, { type: "submit", loading: saving, "data-test": "program-numbers-submit", children: "Submit" })] }))] }) })] }));
+    return (jsxs("section", { className: sx(pageStyle$9), "data-test": "roster-program-numbers-page", children: [jsxs("header", { className: sx(headerStyle$7), children: [jsxs("div", { className: sx(headingStyle$1), children: [jsx("h1", { children: "Edit Program Numbers" }), jsx("p", { children: "Update existing traveler loyalty-program numbers without changing the rest of the roster." })] }), jsx(Button, { type: "button", variant: "outline", size: "sm", "data-test": "program-numbers-back", onClick: onBack, children: "Back to Roster" })] }), jsx(Module, { title: "Roster Program Numbers", useToggle: false, children: jsxs("form", { onSubmit: submit, "data-test": "program-numbers-form", children: [loading ? (jsx("div", { className: sx(emptyStyle$2), role: "status", children: "Loading roster program numbers..." })) : programs.length ? (jsx("div", { className: sx(tableWrapStyle), children: jsxs("table", { className: sx(tableStyle), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "Traveler" }), jsx("th", { children: "Program" }), jsx("th", { children: "Program Number" })] }) }), jsx("tbody", { children: programs.map((program) => (jsxs("tr", { "data-test": `program-number-row-${program.id}`, children: [jsx("td", { children: jsxs("div", { className: sx(travelerStyle), children: [jsx("strong", { children: program.travelerName }), program.travelerType && jsx("span", { children: program.travelerType })] }) }), jsx("td", { children: jsx("span", { className: sx(supplierStyle), children: program.supplierName }) }), jsx("td", { className: sx(inputCellStyle), children: jsx(Input, { id: `program-number-${program.id}`, "aria-label": `Program number for ${program.travelerName} — ${program.supplierName}`, "data-test": `program-number-input-${program.id}`, value: values[String(program.id)] ?? '', required: true, fullWidth: true, size: "sm", disabled: saving, onChange: (event) => setValues((current) => ({ ...current, [String(program.id)]: event.target.value })) }) })] }, program.id))) })] }) })) : (jsx("div", { className: sx(emptyStyle$2), children: "No existing membership programs are available to edit." })), !!programs.length && (jsxs("div", { className: sx(footerStyle$1), children: [jsx(Button, { type: "button", variant: "outline", disabled: saving, onClick: onBack, children: "Cancel" }), jsx(Button, { type: "submit", loading: saving, "data-test": "program-numbers-submit", children: "Submit" })] }))] }) })] }));
 };
 RosterProgramNumbersPage.displayName = 'RosterProgramNumbersPage';
 
-const pageStyle$7 = {
+const pageStyle$8 = {
     label: 'RegularSeasonBidsPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -37714,7 +37787,7 @@ const headerStyle$6 = {
     flexDirection: 'column',
     gap: 'var(--space-1)',
 };
-const titleStyle$4 = {
+const titleStyle$5 = {
     label: 'RegularSeasonBidsPage-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -37755,11 +37828,11 @@ const RegularSeasonBidsPage = ({ bids, bidType: controlledBidType, defaultBidTyp
             setInternalBidType(next);
         onBidTypeChange?.(next);
     };
-    return (jsxs("div", { className: cx(sx(pageStyle$7), className), "data-test": "regular-season-bids-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$1), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "regular-season-bids-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$6), children: [jsx("h1", { className: sx(titleStyle$4), children: headingFor(bidType) }), jsx("p", { className: sx(descriptionStyle$1), children: "Regular season flight programs released to you. Expand a program to bid trip by trip, or bid on the whole program at once." })] }), jsx(Segment, { options: TAB_OPTIONS, value: bidType, onChange: selectBidType, "aria-label": "Bid queue", className: sx(tabsStyle) }), bidType === 'Awarded' && (jsx(Alert, { variant: "success", title: "Congratulations", children: "For awarded bids, an Account Executive from STM Charters will reach out with next steps via email." })), jsx(RegularSeasonBidsTable, { bids: bids, bidType: bidType, acmiCarrier: acmiCarrier, today: today, loading: loading, locale: locale, onSubmitBid: onSubmitBid, onViewBid: onViewBid, onNoBid: onNoBid, onBulkNoBid: onBulkNoBid })] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$8), className), "data-test": "regular-season-bids-page", children: [onBack && (jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle$1), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "regular-season-bids-back", children: backLabel })), jsxs("header", { className: sx(headerStyle$6), children: [jsx("h1", { className: sx(titleStyle$5), children: headingFor(bidType) }), jsx("p", { className: sx(descriptionStyle$1), children: "Regular season flight programs released to you. Expand a program to bid trip by trip, or bid on the whole program at once." })] }), jsx(Segment, { options: TAB_OPTIONS, value: bidType, onChange: selectBidType, "aria-label": "Bid queue", className: sx(tabsStyle) }), bidType === 'Awarded' && (jsx(Alert, { variant: "success", title: "Congratulations", children: "For awarded bids, an Account Executive from STM Charters will reach out with next steps via email." })), jsx(RegularSeasonBidsTable, { bids: bids, bidType: bidType, acmiCarrier: acmiCarrier, today: today, loading: loading, locale: locale, onSubmitBid: onSubmitBid, onViewBid: onViewBid, onNoBid: onNoBid, onBulkNoBid: onBulkNoBid })] }));
 };
 RegularSeasonBidsPage.displayName = 'RegularSeasonBidsPage';
 
-const pageStyle$6 = {
+const pageStyle$7 = {
     label: 'RosterReportsPage-pageStyle',
     display: 'flex',
     minWidth: 0,
@@ -37845,7 +37918,7 @@ const emptyStyle$1 = {
 /**
  * Lists the roster reports a user can run, and reports progress while one runs.
  */
-const RosterReportsPage = ({ reports, runningReportId, onBack, onRun }) => (jsxs("section", { className: sx(pageStyle$6), "data-test": "roster-reports-page", children: [jsxs("header", { className: sx(headerStyle$5), children: [jsxs("div", { className: sx(headingStyle), children: [jsx("h1", { children: "Roster Reports" }), jsx("p", { children: "Run the available reports for the selected team roster." })] }), jsx(Button, { type: "button", variant: "outline", size: "sm", "data-test": "roster-reports-back", onClick: onBack, children: "Back to Roster" })] }), jsx(Module, { title: "Team Reports", useToggle: false, children: reports.length ? (jsx("div", { className: sx(listStyle), "data-test": "roster-report-list", children: reports.map((report) => (jsxs("article", { className: sx(reportStyle), "data-test": `roster-report-${report.id}`, children: [jsxs("div", { className: sx(detailsStyle), children: [jsx("h2", { children: report.title }), report.description && jsx("p", { children: report.description })] }), jsx(Button, { type: "button", variant: "outline", size: "sm", loading: runningReportId === report.id, disabled: Boolean(runningReportId) && runningReportId !== report.id, "data-test": `run-roster-report-${report.id}`, onClick: () => void onRun?.(report), children: "Run Report" })] }, report.id))) })) : (jsx("div", { className: sx(emptyStyle$1), children: "No roster reports are currently available." })) })] }));
+const RosterReportsPage = ({ reports, runningReportId, onBack, onRun }) => (jsxs("section", { className: sx(pageStyle$7), "data-test": "roster-reports-page", children: [jsxs("header", { className: sx(headerStyle$5), children: [jsxs("div", { className: sx(headingStyle), children: [jsx("h1", { children: "Roster Reports" }), jsx("p", { children: "Run the available reports for the selected team roster." })] }), jsx(Button, { type: "button", variant: "outline", size: "sm", "data-test": "roster-reports-back", onClick: onBack, children: "Back to Roster" })] }), jsx(Module, { title: "Team Reports", useToggle: false, children: reports.length ? (jsx("div", { className: sx(listStyle), "data-test": "roster-report-list", children: reports.map((report) => (jsxs("article", { className: sx(reportStyle), "data-test": `roster-report-${report.id}`, children: [jsxs("div", { className: sx(detailsStyle), children: [jsx("h2", { children: report.title }), report.description && jsx("p", { children: report.description })] }), jsx(Button, { type: "button", variant: "outline", size: "sm", loading: runningReportId === report.id, disabled: Boolean(runningReportId) && runningReportId !== report.id, "data-test": `run-roster-report-${report.id}`, onClick: () => void onRun?.(report), children: "Run Report" })] }, report.id))) })) : (jsx("div", { className: sx(emptyStyle$1), children: "No roster reports are currently available." })) })] }));
 RosterReportsPage.displayName = 'RosterReportsPage';
 
 /**
@@ -37853,7 +37926,7 @@ RosterReportsPage.displayName = 'RosterReportsPage';
  * stylesheet it replaces. The one `@media (max-width: 767px)` block styled two
  * classes, so it is split between `pageStyle` and `headerMainStyle`.
  */
-const pageStyle$5 = {
+const pageStyle$6 = {
     label: 'SourcingQuoteDetailPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -37904,7 +37977,7 @@ const quoteIdStyle = {
     letterSpacing: '0.06em',
     textTransform: 'uppercase',
 };
-const titleStyle$3 = {
+const titleStyle$4 = {
     label: 'SourcingQuoteDetailPage-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -38248,11 +38321,11 @@ const SourcingQuoteDetailPage = ({ quote, backLabel = 'Sourcing Review Queue', o
         return reasons;
     }, [decided, quote.status, draft.lineItems, liveLegs, passengerCount]);
     const blocked = blockingReasons.length > 0;
-    return (jsxs("div", { className: cx(sx(pageStyle$5), className), "data-test": "sourcing-quote-detail-page", children: [jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "sourcing-quote-back", children: backLabel }), jsxs("header", { className: sx(headerStyle$4), children: [jsxs("div", { className: sx(headerMainStyle), children: [jsxs("div", { className: sx(headerTitlesStyle), children: [jsx("span", { className: sx(quoteIdStyle), children: quote.id }), jsx("h1", { className: sx(titleStyle$3), children: draft.carrier }), jsxs("p", { className: sx(subtitleStyle$1), children: [quote.tripName, " \u00B7 ", quote.accountName, " \u00B7 ", quote.sport] })] }), jsx(StatusBadge, { status: quote.status, className: sx(statusStyle) })] }), jsxs("div", { className: sx(editGridStyle), children: [jsx(Input, { id: "sourcing-quote-carrier", label: "Carrier", helperText: "Operator as it should read on the Flight Quote, not the broker.", value: draft.carrier, disabled: decided || !editable, onChange: (event) => setDraft({ ...draft, carrier: event.target.value }), "data-test": "sourcing-quote-carrier-input" }), jsx(Input, { id: "sourcing-quote-passengers", type: "number", label: "Passengers", helperText: "Travel party the school asked to move, not the aircraft\u2019s seat count.", value: draft.passengers, disabled: decided || !editable, onChange: (event) => setDraft({ ...draft, passengers: event.target.value }), "data-test": "sourcing-quote-passengers-input" }), jsx(Input, { id: "sourcing-quote-departure", type: "date", label: "First departure", helperText: "First revenue departure. Positioning legs may run earlier.", value: draft.departureDate, disabled: decided || !editable, onChange: (event) => setDraft({ ...draft, departureDate: event.target.value }), "data-test": "sourcing-quote-departure-input" }), jsxs("div", { className: sx(totalFieldStyle), children: [jsx("span", { className: sx(totalLabelStyle), children: "Quoted total" }), jsx("span", { className: sx(factTotalStyle), "data-test": "sourcing-quote-total", children: formattedTotal }), jsx("span", { className: sx(factHelpStyle), children: "Derived from the line items below \u2014 never entered by hand." })] })] }), hasReviewActions && (jsx(QuoteReviewActions, { quoteId: quote.id, carrier: draft.carrier, formattedTotal: formattedTotal, changes: changes, disabled: blocked, disabledReason: blockingReasons[0], loading: actionsLoading, onApprove: (quoteId, approvedChanges) => onApprove?.(quoteId, approvedChanges, draft), onReject: onReject })), blocked && (jsx(Alert, { variant: "warning", title: decided ? 'Quote already decided' : 'Why this cannot be approved yet', children: jsx("ul", { className: sx(blockingListStyle), "data-test": "sourcing-quote-blocking-reasons", children: blockingReasons.map((reason) => (jsx("li", { children: reason }, reason))) }) }))] }), quote.carrierNote && (jsxs("section", { className: sx(sectionStyle$1), "aria-label": "Carrier note", children: [jsx("h2", { className: sx(sectionTitleStyle$1), children: "Carrier note" }), jsx("p", { className: sx(sectionHelpStyle), children: "The carrier\u2019s own words, shown in full \u2014 anything they flagged here is the reason to read the breakdown twice." }), jsx("p", { className: sx(carrierNoteStyle), "data-test": "sourcing-quote-carrier-note", children: quote.carrierNote })] })), jsxs("section", { className: sx(sectionStyle$1), "aria-label": "Leg breakdown", children: [jsx("h2", { className: sx(sectionTitleStyle$1), children: "Leg breakdown" }), jsx("p", { className: sx(sectionHelpStyle), children: "One row per leg. Live legs carry the travel party; ferry legs reposition the aircraft and carry nobody, but their block hours are still billed." }), legs.length > 0 ? (jsx("ul", { className: sx(legsStyle), children: legs.map((leg) => (jsx(LegRow, { leg: leg, locale: locale }, leg.id))) })) : (jsx("p", { className: sx(emptyLegsStyle), "data-test": "sourcing-quote-no-legs", children: "The carrier has not attached any legs to this quote." }))] }), jsxs("section", { className: sx(sectionStyle$1), "aria-label": "Cost line items", children: [jsx("h2", { className: sx(sectionTitleStyle$1), children: "Cost line items" }), jsx("p", { className: sx(sectionHelpStyle), children: "Each row becomes one QuoteLineItem on the Salesforce Flight Quote. Correct a quantity or a unit price here and the quoted total follows \u2014 it is never typed in directly." }), jsx("ul", { className: sx(lineItemsStyle), children: draft.lineItems.map((lineItem) => (jsxs("li", { className: sx(lineItemStyle), "data-test": "sourcing-quote-line-item", children: [jsxs("div", { className: sx(lineItemHeadStyle), children: [jsx("span", { className: sx(lineItemLabelStyle), children: lineItem.label }), jsx("span", { className: sx(lineItemCategoryStyle), children: SOURCING_COST_CATEGORY_LABELS[lineItem.category ?? 'other'] })] }), jsxs("div", { className: sx(lineItemFieldsStyle), children: [jsx(Input, { id: `${lineItem.id}-quantity`, size: "sm", type: "number", label: `Quantity (${lineItem.unit})`, value: String(lineItem.quantity), disabled: decided || !editable, onChange: (event) => updateLineItem(lineItem.id, { quantity: Number(event.target.value) }), "data-test": "sourcing-quote-line-quantity" }), jsx(Input, { id: `${lineItem.id}-unit-price`, size: "sm", type: "number", label: "Unit price", value: String(lineItem.unitPrice), disabled: decided || !editable, onChange: (event) => updateLineItem(lineItem.id, { unitPrice: Number(event.target.value) }), "data-test": "sourcing-quote-line-unit-price" })] })] }, lineItem.id))) }), jsx(QuoteCostBreakdown, { lineItems: draft.lineItems, currency: quote.currency ?? 'USD', locale: locale, title: "", passengerCount: Number.isFinite(passengerCount) ? passengerCount : undefined })] })] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$6), className), "data-test": "sourcing-quote-detail-page", children: [jsx(Button, { variant: "ghost", size: "sm", className: sx(breadcrumbStyle), leftIcon: jsx(ChevronLeftIcon, { size: 16 }), onClick: onBack, "data-test": "sourcing-quote-back", children: backLabel }), jsxs("header", { className: sx(headerStyle$4), children: [jsxs("div", { className: sx(headerMainStyle), children: [jsxs("div", { className: sx(headerTitlesStyle), children: [jsx("span", { className: sx(quoteIdStyle), children: quote.id }), jsx("h1", { className: sx(titleStyle$4), children: draft.carrier }), jsxs("p", { className: sx(subtitleStyle$1), children: [quote.tripName, " \u00B7 ", quote.accountName, " \u00B7 ", quote.sport] })] }), jsx(StatusBadge, { status: quote.status, className: sx(statusStyle) })] }), jsxs("div", { className: sx(editGridStyle), children: [jsx(Input, { id: "sourcing-quote-carrier", label: "Carrier", helperText: "Operator as it should read on the Flight Quote, not the broker.", value: draft.carrier, disabled: decided || !editable, onChange: (event) => setDraft({ ...draft, carrier: event.target.value }), "data-test": "sourcing-quote-carrier-input" }), jsx(Input, { id: "sourcing-quote-passengers", type: "number", label: "Passengers", helperText: "Travel party the school asked to move, not the aircraft\u2019s seat count.", value: draft.passengers, disabled: decided || !editable, onChange: (event) => setDraft({ ...draft, passengers: event.target.value }), "data-test": "sourcing-quote-passengers-input" }), jsx(Input, { id: "sourcing-quote-departure", type: "date", label: "First departure", helperText: "First revenue departure. Positioning legs may run earlier.", value: draft.departureDate, disabled: decided || !editable, onChange: (event) => setDraft({ ...draft, departureDate: event.target.value }), "data-test": "sourcing-quote-departure-input" }), jsxs("div", { className: sx(totalFieldStyle), children: [jsx("span", { className: sx(totalLabelStyle), children: "Quoted total" }), jsx("span", { className: sx(factTotalStyle), "data-test": "sourcing-quote-total", children: formattedTotal }), jsx("span", { className: sx(factHelpStyle), children: "Derived from the line items below \u2014 never entered by hand." })] })] }), hasReviewActions && (jsx(QuoteReviewActions, { quoteId: quote.id, carrier: draft.carrier, formattedTotal: formattedTotal, changes: changes, disabled: blocked, disabledReason: blockingReasons[0], loading: actionsLoading, onApprove: (quoteId, approvedChanges) => onApprove?.(quoteId, approvedChanges, draft), onReject: onReject })), blocked && (jsx(Alert, { variant: "warning", title: decided ? 'Quote already decided' : 'Why this cannot be approved yet', children: jsx("ul", { className: sx(blockingListStyle), "data-test": "sourcing-quote-blocking-reasons", children: blockingReasons.map((reason) => (jsx("li", { children: reason }, reason))) }) }))] }), quote.carrierNote && (jsxs("section", { className: sx(sectionStyle$1), "aria-label": "Carrier note", children: [jsx("h2", { className: sx(sectionTitleStyle$1), children: "Carrier note" }), jsx("p", { className: sx(sectionHelpStyle), children: "The carrier\u2019s own words, shown in full \u2014 anything they flagged here is the reason to read the breakdown twice." }), jsx("p", { className: sx(carrierNoteStyle), "data-test": "sourcing-quote-carrier-note", children: quote.carrierNote })] })), jsxs("section", { className: sx(sectionStyle$1), "aria-label": "Leg breakdown", children: [jsx("h2", { className: sx(sectionTitleStyle$1), children: "Leg breakdown" }), jsx("p", { className: sx(sectionHelpStyle), children: "One row per leg. Live legs carry the travel party; ferry legs reposition the aircraft and carry nobody, but their block hours are still billed." }), legs.length > 0 ? (jsx("ul", { className: sx(legsStyle), children: legs.map((leg) => (jsx(LegRow, { leg: leg, locale: locale }, leg.id))) })) : (jsx("p", { className: sx(emptyLegsStyle), "data-test": "sourcing-quote-no-legs", children: "The carrier has not attached any legs to this quote." }))] }), jsxs("section", { className: sx(sectionStyle$1), "aria-label": "Cost line items", children: [jsx("h2", { className: sx(sectionTitleStyle$1), children: "Cost line items" }), jsx("p", { className: sx(sectionHelpStyle), children: "Each row becomes one QuoteLineItem on the Salesforce Flight Quote. Correct a quantity or a unit price here and the quoted total follows \u2014 it is never typed in directly." }), jsx("ul", { className: sx(lineItemsStyle), children: draft.lineItems.map((lineItem) => (jsxs("li", { className: sx(lineItemStyle), "data-test": "sourcing-quote-line-item", children: [jsxs("div", { className: sx(lineItemHeadStyle), children: [jsx("span", { className: sx(lineItemLabelStyle), children: lineItem.label }), jsx("span", { className: sx(lineItemCategoryStyle), children: SOURCING_COST_CATEGORY_LABELS[lineItem.category ?? 'other'] })] }), jsxs("div", { className: sx(lineItemFieldsStyle), children: [jsx(Input, { id: `${lineItem.id}-quantity`, size: "sm", type: "number", label: `Quantity (${lineItem.unit})`, value: String(lineItem.quantity), disabled: decided || !editable, onChange: (event) => updateLineItem(lineItem.id, { quantity: Number(event.target.value) }), "data-test": "sourcing-quote-line-quantity" }), jsx(Input, { id: `${lineItem.id}-unit-price`, size: "sm", type: "number", label: "Unit price", value: String(lineItem.unitPrice), disabled: decided || !editable, onChange: (event) => updateLineItem(lineItem.id, { unitPrice: Number(event.target.value) }), "data-test": "sourcing-quote-line-unit-price" })] })] }, lineItem.id))) }), jsx(QuoteCostBreakdown, { lineItems: draft.lineItems, currency: quote.currency ?? 'USD', locale: locale, title: "", passengerCount: Number.isFinite(passengerCount) ? passengerCount : undefined })] })] }));
 };
 SourcingQuoteDetailPage.displayName = 'SourcingQuoteDetailPage';
 
-const pageStyle$4 = {
+const pageStyle$5 = {
     label: 'SourcingReviewQueuePage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -38268,7 +38341,7 @@ const headerStyle$3 = {
     flexDirection: 'column',
     gap: 'var(--space-1)',
 };
-const titleStyle$2 = {
+const titleStyle$3 = {
     label: 'SourcingReviewQueuePage-titleStyle',
     margin: 0,
     color: 'var(--fg-1)',
@@ -38301,7 +38374,7 @@ const SourcingReviewQueuePage = ({ title = 'Sourcing Review Queue', description
     }, [quotes]);
     // Metric coerces non-numeric values to 0, so the currency symbol goes through `prefix`.
     const compactAmount = useMemo(() => new Intl.NumberFormat(locale, { notation: 'compact', maximumFractionDigits: 1 }), [locale]);
-    return (jsxs("div", { className: cx(sx(pageStyle$4), className), "data-test": "sourcing-review-queue-page", children: [jsxs("header", { className: sx(headerStyle$3), children: [jsx("h1", { className: sx(titleStyle$2), children: title }), description && jsx("p", { className: sx(descriptionStyle), children: description })] }), !hideSummary && (jsxs("div", { className: sx(summaryStyle), "data-test": "sourcing-review-queue-summary", children: [jsx(Metric, { label: "Awaiting review", value: summary.awaiting }), jsx(Metric, { label: "Approved this cycle", value: summary.approved }), jsx(Metric, { label: "Value awaiting review", prefix: "$", value: compactAmount.format(summary.awaitingValue) })] })), jsx(SourcingReviewQueueTable, { quotes: quotes, selectedQuoteIds: selectedQuoteIds, onSelectionChange: onSelectionChange, onOpenQuote: onOpenQuote, onBulkApprove: onBulkApprove, pageSize: pageSize, loading: loading, locale: locale })] }));
+    return (jsxs("div", { className: cx(sx(pageStyle$5), className), "data-test": "sourcing-review-queue-page", children: [jsxs("header", { className: sx(headerStyle$3), children: [jsx("h1", { className: sx(titleStyle$3), children: title }), description && jsx("p", { className: sx(descriptionStyle), children: description })] }), !hideSummary && (jsxs("div", { className: sx(summaryStyle), "data-test": "sourcing-review-queue-summary", children: [jsx(Metric, { label: "Awaiting review", value: summary.awaiting }), jsx(Metric, { label: "Approved this cycle", value: summary.approved }), jsx(Metric, { label: "Value awaiting review", prefix: "$", value: compactAmount.format(summary.awaitingValue) })] })), jsx(SourcingReviewQueueTable, { quotes: quotes, selectedQuoteIds: selectedQuoteIds, onSelectionChange: onSelectionChange, onOpenQuote: onOpenQuote, onBulkApprove: onBulkApprove, pageSize: pageSize, loading: loading, locale: locale })] }));
 };
 
 /**
@@ -38315,7 +38388,7 @@ const SourcingReviewQueuePage = ({ title = 'Sourcing Review Queue', description
  * No `&&` was needed: every class lands on its own element, so nothing here
  * ever depended on source order.
  */
-const pageStyle$3 = {
+const pageStyle$4 = {
     label: 'TeamManagementPage-pageStyle',
     minWidth: 0,
     color: 'var(--color-ink, #282828)',
@@ -38410,7 +38483,7 @@ const DEFAULT_TABS = [
  * TeamManagementPage - Layout for team management with tabbed navigation
  */
 const TeamManagementPage = ({ variant = 'team', title = 'Team Management', teamPanel, contactsTitle = 'School Contacts', contactAlert, contacts, header, tabs = DEFAULT_TABS, activeTab = 'profile', onTabChange, children, sidebar, footer, className = '', }) => {
-    const pageClasses = cx(sx(pageStyle$3), className);
+    const pageClasses = cx(sx(pageStyle$4), className);
     if (variant === 'overview') {
         return (jsxs("div", { className: cx(sx(overviewStyle), className), children: [jsx("header", { className: sx(overviewHeaderStyle), children: jsx("h1", { children: title }) }), jsxs("div", { className: sx(overviewGridStyle), children: [jsx("aside", { children: teamPanel }), jsxs("section", { className: sx(contactsColumnStyle), children: [jsx("h2", { children: contactsTitle }), contactAlert, contacts] })] })] }));
     }
@@ -38418,7 +38491,7 @@ const TeamManagementPage = ({ variant = 'team', title = 'Team Management', teamP
 };
 TeamManagementPage.displayName = 'TeamManagementPage';
 
-const pageStyle$2 = {
+const pageStyle$3 = {
     label: 'TeamSchedulePage-pageStyle',
     display: 'flex',
     minWidth: 0,
@@ -38445,7 +38518,7 @@ const titleSectionStyle$1 = {
     flexDirection: 'column',
     gap: 12,
 };
-const titleStyle$1 = {
+const titleStyle$2 = {
     label: 'TeamSchedulePage-titleStyle',
     margin: 0,
     color: 'var(--color-ink, #282828)',
@@ -38537,16 +38610,16 @@ const contentStyle$2 = {
  * - Schedule table (compact or normal view)
  */
 const TeamSchedulePage = ({ title = 'Season Schedule', mobileTitle = 'Season Schedule', subtitle, metrics = [], summary, teamFilter, serviceFilter, actions, compactView, normalView, expandedView, viewMode = 'compact', isMobile = false, className = '', }) => {
-    const pageClasses = cx(sx(pageStyle$2), className);
+    const pageClasses = cx(sx(pageStyle$3), className);
     // Back-compat: `expandedView`/`'expanded'` were renamed to `normalView`/`'normal'`.
     const resolvedNormalView = normalView ?? expandedView;
     const resolvedViewMode = viewMode === 'expanded' ? 'normal' : viewMode;
     const headerClasses = cx(sx(headerStyle$2), isMobile && sx(headerMobileStyle$1));
-    return (jsxs("div", { className: pageClasses, "data-test": "team-schedule-page", children: [jsxs("div", { className: headerClasses, children: [jsxs("div", { className: sx(titleSectionStyle$1), children: [jsx("h1", { className: sx(titleStyle$1), children: isMobile ? mobileTitle : title }), subtitle && jsx("div", { className: sx(subtitleStyle), children: subtitle }), (teamFilter || serviceFilter) && (jsxs("div", { className: sx(filtersStyle$1), children: [teamFilter, serviceFilter] }))] }), (summary || metrics.length > 0) && (jsx("div", { className: cx(sx(metricsStyle$1), isMobile && sx(metricsMobileStyle$1)), children: summary ?? metrics.map((metric, i) => (jsxs("div", { className: sx(metricStyle$1), children: [jsxs("span", { className: sx(metricValueStyle$1), children: [metric.prefix, metric.value, metric.suffix] }), jsx("span", { className: sx(metricLabelStyle$1), children: metric.label })] }, i))) }))] }), actions, jsx("div", { className: sx(contentStyle$2), children: resolvedViewMode === 'compact' ? compactView : resolvedNormalView })] }));
+    return (jsxs("div", { className: pageClasses, "data-test": "team-schedule-page", children: [jsxs("div", { className: headerClasses, children: [jsxs("div", { className: sx(titleSectionStyle$1), children: [jsx("h1", { className: sx(titleStyle$2), children: isMobile ? mobileTitle : title }), subtitle && jsx("div", { className: sx(subtitleStyle), children: subtitle }), (teamFilter || serviceFilter) && (jsxs("div", { className: sx(filtersStyle$1), children: [teamFilter, serviceFilter] }))] }), (summary || metrics.length > 0) && (jsx("div", { className: cx(sx(metricsStyle$1), isMobile && sx(metricsMobileStyle$1)), children: summary ?? metrics.map((metric, i) => (jsxs("div", { className: sx(metricStyle$1), children: [jsxs("span", { className: sx(metricValueStyle$1), children: [metric.prefix, metric.value, metric.suffix] }), jsx("span", { className: sx(metricLabelStyle$1), children: metric.label })] }, i))) }))] }), actions, jsx("div", { className: sx(contentStyle$2), children: resolvedViewMode === 'compact' ? compactView : resolvedNormalView })] }));
 };
 TeamSchedulePage.displayName = 'TeamSchedulePage';
 
-const pageStyle$1 = {
+const pageStyle$2 = {
     label: 'TeamTravelCalendarPage-pageStyle',
     display: 'flex',
     minWidth: 0,
@@ -38573,7 +38646,7 @@ const titleSectionStyle = {
     flexDirection: 'column',
     gap: 12,
 };
-const titleStyle = {
+const titleStyle$1 = {
     label: 'TeamTravelCalendarPage-titleStyle',
     margin: 0,
     color: 'var(--color-ink, #282828)',
@@ -38649,7 +38722,7 @@ const contentStyle$1 = {
  * - Sidebar for due dates
  */
 const TeamTravelCalendarPage = ({ title = 'Team Travel Calendar', mobileTitle = 'Travel Calendar', metrics = [], summary, teamFilter, serviceFilter, viewSelector, typeSelector, calendarView, cardView, listView, sidebar, view = 'calendar', sidebarOpen: _sidebarOpen = false, isMobile = false, className = '', }) => {
-    const pageClasses = cx(sx(pageStyle$1), className);
+    const pageClasses = cx(sx(pageStyle$2), className);
     const headerClasses = cx(sx(headerStyle$1), isMobile && sx(headerMobileStyle));
     const renderView = () => {
         switch (view) {
@@ -38663,14 +38736,14 @@ const TeamTravelCalendarPage = ({ title = 'Team Travel Calendar', mobileTitle =
                 return null;
         }
     };
-    return (jsxs("div", { className: pageClasses, "data-test": "team-travel-calendar-page", children: [jsxs("div", { className: headerClasses, children: [jsxs("div", { className: sx(titleSectionStyle), children: [jsx("h1", { className: sx(titleStyle), children: isMobile ? mobileTitle : title }), jsxs("div", { className: sx(filtersStyle), children: [teamFilter, serviceFilter, viewSelector, typeSelector] })] }), (summary || metrics.length > 0) && (jsx("div", { className: cx(sx(metricsStyle), isMobile && sx(metricsMobileStyle)), children: summary ?? metrics.map((metric, i) => (jsxs("button", { className: sx(metricStyle), onClick: metric.onClick, type: "button", disabled: !metric.onClick, children: [jsx("span", { className: sx(metricValueStyle), children: metric.value }), jsx("span", { className: sx(metricLabelStyle), children: metric.label })] }, i))) }))] }), jsx("div", { className: sx(contentStyle$1), children: renderView() }), sidebar] }));
+    return (jsxs("div", { className: pageClasses, "data-test": "team-travel-calendar-page", children: [jsxs("div", { className: headerClasses, children: [jsxs("div", { className: sx(titleSectionStyle), children: [jsx("h1", { className: sx(titleStyle$1), children: isMobile ? mobileTitle : title }), jsxs("div", { className: sx(filtersStyle), children: [teamFilter, serviceFilter, viewSelector, typeSelector] })] }), (summary || metrics.length > 0) && (jsx("div", { className: cx(sx(metricsStyle), isMobile && sx(metricsMobileStyle)), children: summary ?? metrics.map((metric, i) => (jsxs("button", { className: sx(metricStyle), onClick: metric.onClick, type: "button", disabled: !metric.onClick, children: [jsx("span", { className: sx(metricValueStyle), children: metric.value }), jsx("span", { className: sx(metricLabelStyle), children: metric.label })] }, i))) }))] }), jsx("div", { className: sx(contentStyle$1), children: renderView() }), sidebar] }));
 };
 TeamTravelCalendarPage.displayName = 'TeamTravelCalendarPage';
 
 /** TripDetailPage's compiled rules. The two media queries move inside the
  *  styles they widen; nothing else in the stylesheet overlapped, so no
  *  specificity work was needed. */
-const pageStyle = {
+const pageStyle$1 = {
     label: 'TripDetailPage-pageStyle',
     display: 'flex',
     flexDirection: 'column',
@@ -38769,10 +38842,183 @@ const sidebarSectionStyle = {
  *   - Right (3 cols): Events, Due Dates
  */
 const TripDetailPage = ({ header, airSegment, groundSegment, hotelSegment, filesSection, teamSection, eventsSection, dueDatesSection, className = '', }) => {
-    const pageClasses = cx(sx(pageStyle), className);
+    const pageClasses = cx(sx(pageStyle$1), className);
     return (jsxs("div", { className: pageClasses, children: [header && (jsx("div", { className: sx(headerStyle), children: header })), jsxs("div", { className: sx(contentStyle), children: [jsxs("div", { className: sx(mainColumnStyle), children: [jsxs("div", { className: sx(segmentsGridStyle), children: [jsxs("div", { className: sx(segmentCardStyle), children: [jsx("h3", { className: sx(segmentTitleStyle), children: "Air" }), airSegment || jsx("div", { className: sx(emptyStyle), children: "No flights" })] }), jsxs("div", { className: sx(segmentCardStyle), children: [jsx("h3", { className: sx(segmentTitleStyle), children: "Ground" }), groundSegment || jsx("div", { className: sx(emptyStyle), children: "No ground transportation" })] }), jsxs("div", { className: sx(segmentCardStyle), children: [jsx("h3", { className: sx(segmentTitleStyle), children: "Hotel" }), hotelSegment || jsx("div", { className: sx(emptyStyle), children: "No hotels" })] })] }), filesSection && (jsxs("div", { className: sx(sectionStyle), children: [jsx("h3", { className: sx(sectionTitleStyle), children: "Files" }), filesSection] })), teamSection && (jsxs("div", { className: sx(sectionStyle), children: [jsx("h3", { className: sx(sectionTitleStyle), children: "Team Roster" }), teamSection] }))] }), jsxs("div", { className: sx(sidebarStyle), children: [eventsSection && (jsxs("div", { className: sx(sidebarSectionStyle), children: [jsx("h3", { className: sx(sectionTitleStyle), children: "Events" }), eventsSection] })), dueDatesSection && (jsxs("div", { className: sx(sidebarSectionStyle), children: [jsx("h3", { className: sx(sectionTitleStyle), children: "Due Dates" }), dueDatesSection] }))] })] })] }));
 };
 TripDetailPage.displayName = 'TripDetailPage';
 
-export { ACMI_AIRCRAFT_OPTIONS, ACMI_CARRIER_OPTIONS, ACMI_INSURANCE_FLAT, Accordion, AcmiQuoteCalculator, AdministrationPage, AgentGroupTravelRequestsPage, AgentGroupTravelRequestsTable, AirInvoiceCard, AirSegment, Alert, AppLayout, ArrowDownLeftIcon, ArrowUpRightIcon, Avatar, AvatarGroup, BID_TYPE_HEADINGS, BackLink, Badge, BookingDetailsCard, BuildingIcon, BusIcon$2 as BusIcon, Button, ButtonStyled, CARRIER_CATERING_OPTIONS, CARRIER_CONTACT_TYPES, CHAMPIONSHIP_BID_TYPES, CHAMPIONSHIP_HEADINGS, CHARTER_CONTACT_GROUPS, CHARTER_SECTIONS, CalendarIcon$1 as CalendarIcon, CalendarTypeSelector, CalendarViewSelector, CarIcon$1 as CarIcon, Card, CardBody, CardFooter, CardHeader, CarrierProfilePage, ChampionshipBidDetailPage, ChampionshipBidsPage, CharterBidResponsePage, CharterBidViewPage, CharterManifestPage, CharterSourcingEmailPreview, ChartersAccessManagementPage, ChartersHomePage, CheckIcon$2 as CheckIcon, Checkbox, ChevronDownIcon$1 as ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon$1 as ChevronRightIcon, ChevronUpIcon, ClientSelector, CloseIcon, ConfirmModal, ContactCard$1 as ContactCard, ContactList, ContactUsPage, CubeIcon, DOCUMENT_FILE_EXTENSIONS, DashboardIcon, DashboardPage, Datepicker, DetailList, DocumentIcon, DownloadIcon, Drawer, DrawerBody, DrawerFooter, DrawerHeader, Dropdown, DueDatesDrawer, EditIcon$2 as EditIcon, EmptyState$1 as EmptyState, EyeIcon, FeatureFlagManagementPage, FieldLayout, FileUploadButton, FilterChip, FilterIcon$1 as FilterIcon, FormField, FormRow, FormSection, FormStack, GridHeaderRow, GridIcon, GridTable, GroundSegment, GroupTravelRequestPage, HUB_ADMIN_ITEM, HUB_AGENTS_ITEM, HUB_INDIVIDUAL_TRAVEL_ITEM, HUB_NAV_ITEMS, HUB_OFF_FLEET_ITEM, HUB_SOURCING_ITEM, HUB_STM_CHARTERS_ITEM, HandIcon, HeadsetIcon, HomeIcon, HotelIcon$3 as HotelIcon, HotelSegment, HubAppShell, Icon, Icons, IndividualTravelPage, IndividualTravelRequestDetailPage, IndividualTravelRequestFormPage, InfoCenterPage, InfoIcon$1 as InfoIcon, InfoTile, Input, ItineraryPage, ItinerarySegmentCard, ItineraryTimeline, LightbulbIcon, LimoIcon, ListboxSelect, LockIcon$1 as LockIcon, LogoIcon, LogoutIcon, MailIcon, ManifestCapacityStats, ManifestViewToggle, MegaphoneIcon, MembershipPrograms, MenuIcon, Metric, MinusIcon, Modal, ModalFooter, Module, ModuleDivider, ModuleVerticalDivider, MultiUserSearch, NavCard, NavItem, NextTripCard, NotFoundPage, OFF_FLEET_LEARNED_DESCRIPTION, OFF_FLEET_LEARNED_EMPTY_COPY, OFF_FLEET_QUEUE_DESCRIPTION, OffFleetLearnedExamplesPage, OffFleetReviewQueuePage, OffFleetSubmissionDetailPage, PageBanners, PageHeader, PageHeaderSubsection, Pagination, PhoneIcon, PlaneIcon$3 as PlaneIcon, PlusIcon$2 as PlusIcon, PreferencesPanel, PrinterIcon, ProfileMenu, Progress, ProgressBar, ProgressCircle, QuoteCostBreakdown, QuoteReviewActions, REGULAR_SEASON_BID_TYPES, RailIcon, RefreshIcon, RegularSeasonBidsPage, RegularSeasonBidsTable, ReportIcon, RequestFormFooter, RequestFormHeader, RequestFormLayout, RequestSummary, ResultCount, RosterProgramNumbersPage, RosterReportsPage, RosterToolbar, SOURCING_COST_CATEGORIES, SOURCING_COST_CATEGORY_LABELS, SUPPLIER_TYPE_OPTIONS, SchoolContactForm, SearchField, SearchIcon$1 as SearchIcon, Segment, SegmentedSelector, Select, SelectFilter, ServiceToggle, ServiceToggleList, SettingsIcon, Sidenav, SingleTeamPanelSelector, SourcingQuoteDetailPage, SourcingReviewQueuePage, SourcingReviewQueueTable, Spinner, SportCodeBadge, StatusBadge, SummarySection, SupplierTypeToggle, TRIP_MONTH_OPTIONS, TabPanelStack, TabStrip, Table, TableCell, Tag, TeamCalendarHeader, TeamCard, TeamContactsPanel, TeamEquipmentForm, TeamHeader, TeamImportForm, TeamManagementPage, TeamPicker, TeamProgramForm, TeamRosterMemberForm, TeamScheduleActions, TeamScheduleCompactTable, TeamScheduleEditor, TeamScheduleExpandedTable, TeamSchedulePage, TeamSubMenu, TeamTravelCalendarCardView, TeamTravelCalendarListView, TeamTravelCalendarPage, TeamTravelCalendarToolbar, TeamTravelCalendarView, TeamUserAccessForm, Textarea, ThemeProvider, Timepicker, Title, Toggle, Tooltip, Topbar, TrashIcon$2 as TrashIcon, TravelBoard, TravelDateRange, TravelServiceIcon, TravelSummaryMetrics, TravelerForm, TrendDownIcon, TrendUpIcon, TripDetailPage, TripSegment, TripTable, TypeIcon, UploadIcon, UserIcon, UsersIcon$1 as UsersIcon, WarningIcon$1 as WarningIcon, XIcon, absoluteFill, accentColors, alertBandTokens, alertTokens, boxShadow, brandColors, breakpoints, buildPaginationItems, buttonReset, computeLineItemTotal, computeQuoteTotals, computeTravelTypeCodes, css, cx, darkTheme, lightTheme as defaultTheme, deriveProgramBidStatus, flexCenter, flexCol, flexRow, font, fontFamily, fontSize, fontWeight, formatCompactTripCost, formatItineraryDate, formatItineraryDateRange, formatItineraryMoney, formatTeamScheduleDueDate, formatTeamScheduleTravelDates, getCharterSourcingEmailRoute, getCharterSourcingEmailSubject, getPageCount, getSegmentDate, getSegmentStartMinutes, getSegmentTitle, getTeamTravelCalendarPeriodLabel, groupSegmentsByDay, iconNames, iconRegistry, injectGlobal, isExpiringSoon, isProgramBiddable, isQuoteActionable, isTravelDueDateCompleted, isTravelDueDateOverdue, itineraryPageName, leading, lightTheme, lineClamp, lineHeight, matchesQuoteSearch, merge, moveTeamTravelCalendarPeriod, navyColors, neutralColors, ordinalDay, parseClockTime, parseItineraryDate, primaryColors, radius, rounded, semanticColors, shadow, size, space, spacing, sportCodeVariant, srOnly, statusColors, styled, sx, tabStripTabId, teamColors, textColors, tintColors, toInlineStyle, trans, transition, truncate$1 as truncate, useTheme, weight };
+const pageStyle = {
+    label: 'VirtualInvoicingPage-pageStyle',
+    color: 'var(--fg-1)',
+    fontFamily: 'var(--font-family-base)',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--space-6)',
+};
+const titleStyle = {
+    label: 'VirtualInvoicingPage-titleStyle',
+    margin: 0,
+    fontFamily: 'var(--font-family-display)',
+    fontWeight: 'var(--fw-semibold)',
+    fontSize: 'var(--fs-4xl)',
+    letterSpacing: '-0.02em',
+    color: 'var(--color-primary)',
+};
+const eyebrowStyle = {
+    label: 'VirtualInvoicingPage-eyebrowStyle',
+    fontFamily: 'var(--font-family-label)',
+    fontWeight: 'var(--fw-bold)',
+    fontSize: 'var(--fs-xs)',
+    letterSpacing: '0.18em',
+    textTransform: 'uppercase',
+    color: 'var(--color-accent-ink)',
+};
+const toolbarStyle = {
+    label: 'VirtualInvoicingPage-toolbarStyle',
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 'var(--space-3)',
+};
+const searchStyle = {
+    label: 'VirtualInvoicingPage-searchStyle',
+    flex: '1 1 280px',
+    maxWidth: 420,
+};
+const toolbarActionsStyle = {
+    label: 'VirtualInvoicingPage-toolbarActionsStyle',
+    display: 'flex',
+    gap: 'var(--space-2)',
+};
+const cardStyle = {
+    label: 'VirtualInvoicingPage-cardStyle',
+    background: 'var(--bg-surface)',
+    border: '1px solid var(--border-color)',
+    borderRadius: 'var(--radius-xl)',
+    overflow: 'hidden',
+};
+const codeStyle = {
+    label: 'VirtualInvoicingPage-codeStyle',
+    fontWeight: 'var(--fw-semibold)',
+    color: 'var(--fg-1)',
+};
+const nameStyle = {
+    label: 'VirtualInvoicingPage-nameStyle',
+    marginLeft: 'var(--space-2)',
+    color: 'var(--fg-2)',
+};
+const noNameStyle = {
+    label: 'VirtualInvoicingPage-noNameStyle',
+    marginLeft: 'var(--space-2)',
+    color: 'var(--fg-3)',
+    fontStyle: 'italic',
+};
+const typeStyle = {
+    label: 'VirtualInvoicingPage-typeStyle',
+    fontFamily: 'var(--font-family-label)',
+    fontWeight: 'var(--fw-semibold)',
+    fontSize: 'var(--fs-xs)',
+    letterSpacing: '0.08em',
+    textTransform: 'uppercase',
+    color: 'var(--fg-2)',
+};
+const rowActionsStyle = {
+    label: 'VirtualInvoicingPage-rowActionsStyle',
+    display: 'flex',
+    justifyContent: 'flex-end',
+    gap: 'var(--space-1)',
+};
+const countStyle = {
+    label: 'VirtualInvoicingPage-countStyle',
+    margin: 0,
+    fontSize: 'var(--fs-sm)',
+    color: 'var(--fg-3)',
+};
+const statusCellStyle = {
+    label: 'VirtualInvoicingPage-statusCellStyle',
+    display: 'flex',
+    alignItems: 'center',
+    gap: 'var(--space-2)',
+};
+
+const blankHeader = (patch = {}) => ({
+    accountId: '',
+    branch: '',
+    companyName: '',
+    address: '',
+    city: '',
+    state: '',
+    zipCode: '',
+    phone: '',
+    tollFree: '',
+    afterHoursPhone: '',
+    fax: '',
+    defaultWebsite: '',
+    email: '',
+    hoursOfOperation: '',
+    agentSurveyEndpoint: '',
+    onlineSurveyEndpoint: '',
+    surveyDelayDays: '0',
+    description: '',
+    ...patch,
+});
+/**
+ * Virtual Invoicing administration: every account and branch with its status
+ * and VI header in one place. Edit opens the header form beside the list, so
+ * nothing is a separate page to hunt for.
+ */
+const VirtualInvoicingPage = ({ entries, loading = false, supportEmail = 'productionsupport@shortstravel.com', onSaveHeader, onStatusChange, onDeleteEntry, onAddEntry, className = '', }) => {
+    const [query, setQuery] = useState('');
+    const [editing, setEditing] = useState(null);
+    const [deleting, setDeleting] = useState(null);
+    const visible = useMemo(() => {
+        const q = query.trim().toLowerCase();
+        if (!q)
+            return entries;
+        return entries.filter((e) => `${e.code} ${e.name ?? ''} ${e.type}`.toLowerCase().includes(q));
+    }, [entries, query]);
+    const columns = [
+        {
+            key: 'code',
+            label: 'Branch/Account',
+            render: (_, e) => (jsxs(Fragment, { children: [jsx("span", { className: sx(codeStyle), children: e.code }), e.name ? jsx("span", { className: sx(nameStyle), children: e.name }) : jsx("span", { className: sx(noNameStyle), children: "No name" })] })),
+        },
+        { key: 'type', label: 'Type', render: (_, e) => jsx("span", { className: sx(typeStyle), children: e.type }) },
+        {
+            key: 'status',
+            label: 'Status',
+            render: (_, e) => (jsxs("div", { className: sx(statusCellStyle), children: [jsx(Toggle, { size: "sm", checked: e.status === 'LIVE', "aria-label": `Live: ${e.code}`, onChange: (live) => onStatusChange?.(e, live ? 'LIVE' : 'NOT_LIVE') }), e.status === 'LIVE' ? (jsx(StatusBadge, { status: "approved", label: "Live" })) : (jsx(StatusBadge, { status: "cancelled", label: "Not live" }))] })),
+        },
+        {
+            key: 'header',
+            label: 'VI header',
+            render: (_, e) => e.header ? (jsx(StatusBadge, { status: "approved", label: "Configured" })) : (jsx(StatusBadge, { status: "not-ticketed", label: "Not configured" })),
+        },
+        {
+            key: 'actions',
+            label: 'Actions',
+            align: 'right',
+            render: (_, e) => (jsxs("div", { className: sx(rowActionsStyle), children: [jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Edit ${e.code}`, "data-test": `vi-edit-${e.code}`, onClick: () => setEditing({ entry: e }), children: jsx(EditIcon$2, { size: 16 }) }), jsx(Button, { variant: "ghost", size: "sm", square: true, "aria-label": `Delete ${e.code}`, "data-test": `vi-delete-${e.code}`, onClick: () => setDeleting(e), children: jsx(TrashIcon$2, { size: 16 }) })] })),
+        },
+    ];
+    const editingEntry = editing?.entry;
+    const formValue = editingEntry?.header ??
+        blankHeader(editingEntry
+            ? editingEntry.type === 'ACCOUNT'
+                ? { accountId: editingEntry.code, companyName: editingEntry.name ?? '' }
+                : { branch: editingEntry.code, companyName: editingEntry.name ?? '' }
+            : {});
+    return (jsxs("div", { className: cx(sx(pageStyle), className), children: [jsxs("header", { children: [jsx("span", { className: sx(eyebrowStyle), children: "Administration" }), jsx("h1", { className: sx(titleStyle), children: "Virtual Invoicing" })] }), jsxs(Alert, { variant: "primary", children: ["Please notify ", jsx("a", { href: `mailto:${supportEmail}`, children: supportEmail }), " after making any additions or changes to the Account/Branch status."] }), jsxs("div", { className: sx(toolbarStyle), children: [jsx(SearchField, { className: sx(searchStyle), placeholder: "Search by code, name or type", value: query, onChange: setQuery, onClear: () => setQuery(''), showClear: true }), jsxs("div", { className: sx(toolbarActionsStyle), children: [jsx(Button, { variant: "outline", leftIcon: jsx(PlusIcon$2, { size: 16 }), onClick: onAddEntry, "data-test": "vi-add-entry", children: "Add account/branch" }), jsx(Button, { variant: "primary", leftIcon: jsx(PlusIcon$2, { size: 16 }), onClick: () => setEditing({}), "data-test": "vi-add-header", children: "Add VI header" })] })] }), jsx("div", { className: sx(cardStyle), children: jsx(Table, { columns: columns, data: visible, rowKey: "id", loading: loading, emptyContent: jsx(EmptyState$1, { title: query ? 'No matching accounts or branches' : 'No accounts or branches yet', description: query ? 'Try a different code or name.' : 'Add an account or branch to get started.' }) }) }), !loading && (jsxs("p", { className: sx(countStyle), children: ["Showing ", visible.length, " of ", entries.length] })), jsxs(Drawer, { isOpen: !!editing, onClose: () => setEditing(null), size: "lg", children: [jsx(Drawer.Header, { title: editingEntry ? `VI header · ${editingEntry.code}` : 'New VI header', onClose: () => setEditing(null) }), jsx(Drawer.Body, { children: jsx(ViHeaderForm, { value: formValue, onCancel: () => setEditing(null), onSave: (header) => {
+                                onSaveHeader?.(header, editingEntry);
+                                setEditing(null);
+                            } }, editingEntry?.id ?? 'new') })] }), jsx(Modal, { isOpen: !!deleting, onClose: () => setDeleting(null), title: "Delete account/branch?", size: "sm", footer: jsxs(Fragment, { children: [jsx(Button, { variant: "outline", onClick: () => setDeleting(null), children: "Cancel" }), jsx(Button, { variant: "danger", "data-test": "vi-confirm-delete", onClick: () => {
+                                if (deleting)
+                                    onDeleteEntry?.(deleting);
+                                setDeleting(null);
+                            }, children: "Delete" })] }), children: deleting && (jsxs("p", { children: [deleting.code, deleting.name ? ` – ${deleting.name}` : '', " will be removed from virtual invoicing. Remember to notify production support."] })) })] }));
+};
+VirtualInvoicingPage.displayName = 'VirtualInvoicingPage';
+
+export { ACMI_AIRCRAFT_OPTIONS, ACMI_CARRIER_OPTIONS, ACMI_INSURANCE_FLAT, Accordion, AcmiQuoteCalculator, AdministrationPage, AgentGroupTravelRequestsPage, AgentGroupTravelRequestsTable, AirInvoiceCard, AirSegment, Alert, AppLayout, ArrowDownLeftIcon, ArrowUpRightIcon, Avatar, AvatarGroup, BID_TYPE_HEADINGS, BackLink, Badge, BookingDetailsCard, BuildingIcon, BusIcon$2 as BusIcon, Button, ButtonStyled, CARRIER_CATERING_OPTIONS, CARRIER_CONTACT_TYPES, CHAMPIONSHIP_BID_TYPES, CHAMPIONSHIP_HEADINGS, CHARTER_CONTACT_GROUPS, CHARTER_SECTIONS, CalendarIcon$1 as CalendarIcon, CalendarTypeSelector, CalendarViewSelector, CarIcon$1 as CarIcon, Card, CardBody, CardFooter, CardHeader, CarrierProfilePage, ChampionshipBidDetailPage, ChampionshipBidsPage, CharterBidResponsePage, CharterBidViewPage, CharterManifestPage, CharterSourcingEmailPreview, ChartersAccessManagementPage, ChartersHomePage, CheckIcon$2 as CheckIcon, Checkbox, ChevronDownIcon$1 as ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon$1 as ChevronRightIcon, ChevronUpIcon, ClientSelector, CloseIcon, ConfirmModal, ContactCard$1 as ContactCard, ContactList, ContactUsPage, CubeIcon, DOCUMENT_FILE_EXTENSIONS, DashboardIcon, DashboardPage, Datepicker, DetailList, DocumentIcon, DownloadIcon, Drawer, DrawerBody, DrawerFooter, DrawerHeader, Dropdown, DueDatesDrawer, EditIcon$2 as EditIcon, EmptyState$1 as EmptyState, EyeIcon, FeatureFlagManagementPage, FieldLayout, FileUploadButton, FilterChip, FilterIcon$1 as FilterIcon, FormField, FormRow, FormSection, FormStack, GridHeaderRow, GridIcon, GridTable, GroundSegment, GroupTravelRequestPage, HUB_ADMIN_ITEM, HUB_AGENTS_ITEM, HUB_INDIVIDUAL_TRAVEL_ITEM, HUB_NAV_ITEMS, HUB_OFF_FLEET_ITEM, HUB_SOURCING_ITEM, HUB_STM_CHARTERS_ITEM, HandIcon, HeadsetIcon, HomeIcon, HotelIcon$3 as HotelIcon, HotelSegment, HubAppShell, Icon, Icons, IndividualTravelPage, IndividualTravelRequestDetailPage, IndividualTravelRequestFormPage, InfoCenterPage, InfoIcon$1 as InfoIcon, InfoTile, Input, ItineraryPage, ItinerarySegmentCard, ItineraryTimeline, LightbulbIcon, LimoIcon, ListboxSelect, LockIcon$1 as LockIcon, LogoIcon, LogoutIcon, MailIcon, ManifestCapacityStats, ManifestViewToggle, MegaphoneIcon, MembershipPrograms, MenuIcon, Metric, MinusIcon, Modal, ModalFooter, Module, ModuleDivider, ModuleVerticalDivider, MultiUserSearch, NavCard, NavItem, NextTripCard, NotFoundPage, OFF_FLEET_LEARNED_DESCRIPTION, OFF_FLEET_LEARNED_EMPTY_COPY, OFF_FLEET_QUEUE_DESCRIPTION, OffFleetLearnedExamplesPage, OffFleetReviewQueuePage, OffFleetSubmissionDetailPage, PageBanners, PageHeader, PageHeaderSubsection, Pagination, PhoneIcon, PlaneIcon$3 as PlaneIcon, PlusIcon$2 as PlusIcon, PreferencesPanel, PrinterIcon, ProfileMenu, Progress, ProgressBar, ProgressCircle, QuoteCostBreakdown, QuoteReviewActions, REGULAR_SEASON_BID_TYPES, RailIcon, RefreshIcon, RegularSeasonBidsPage, RegularSeasonBidsTable, ReportIcon, RequestFormFooter, RequestFormHeader, RequestFormLayout, RequestSummary, ResultCount, RosterProgramNumbersPage, RosterReportsPage, RosterToolbar, SOURCING_COST_CATEGORIES, SOURCING_COST_CATEGORY_LABELS, SUPPLIER_TYPE_OPTIONS, SchoolContactForm, SearchField, SearchIcon$1 as SearchIcon, Segment, SegmentedSelector, Select, SelectFilter, ServiceToggle, ServiceToggleList, SettingsIcon, Sidenav, SingleTeamPanelSelector, SourcingQuoteDetailPage, SourcingReviewQueuePage, SourcingReviewQueueTable, Spinner, SportCodeBadge, StatusBadge, SummarySection, SupplierTypeToggle, TRIP_MONTH_OPTIONS, TabPanelStack, TabStrip, Table, TableCell, Tag, TeamCalendarHeader, TeamCard, TeamContactsPanel, TeamEquipmentForm, TeamHeader, TeamImportForm, TeamManagementPage, TeamPicker, TeamProgramForm, TeamRosterMemberForm, TeamScheduleActions, TeamScheduleCompactTable, TeamScheduleEditor, TeamScheduleExpandedTable, TeamSchedulePage, TeamSubMenu, TeamTravelCalendarCardView, TeamTravelCalendarListView, TeamTravelCalendarPage, TeamTravelCalendarToolbar, TeamTravelCalendarView, TeamUserAccessForm, Textarea, ThemeProvider, Timepicker, Title, Toggle, Tooltip, Topbar, TrashIcon$2 as TrashIcon, TravelBoard, TravelDateRange, TravelServiceIcon, TravelSummaryMetrics, TravelerForm, TrendDownIcon, TrendUpIcon, TripDetailPage, TripSegment, TripTable, TypeIcon, UploadIcon, UserIcon, UsersIcon$1 as UsersIcon, ViHeaderForm, VirtualInvoicingPage, WarningIcon$1 as WarningIcon, XIcon, absoluteFill, accentColors, alertBandTokens, alertTokens, boxShadow, brandColors, breakpoints, buildPaginationItems, buttonReset, computeLineItemTotal, computeQuoteTotals, computeTravelTypeCodes, css, cx, darkTheme, lightTheme as defaultTheme, deriveProgramBidStatus, flexCenter, flexCol, flexRow, font, fontFamily, fontSize, fontWeight, formatCompactTripCost, formatItineraryDate, formatItineraryDateRange, formatItineraryMoney, formatTeamScheduleDueDate, formatTeamScheduleTravelDates, getCharterSourcingEmailRoute, getCharterSourcingEmailSubject, getPageCount, getSegmentDate, getSegmentStartMinutes, getSegmentTitle, getTeamTravelCalendarPeriodLabel, groupSegmentsByDay, iconNames, iconRegistry, injectGlobal, isExpiringSoon, isProgramBiddable, isQuoteActionable, isTravelDueDateCompleted, isTravelDueDateOverdue, itineraryPageName, leading, lightTheme, lineClamp, lineHeight, matchesQuoteSearch, merge, moveTeamTravelCalendarPeriod, navyColors, neutralColors, ordinalDay, parseClockTime, parseItineraryDate, primaryColors, radius, rounded, semanticColors, shadow, size, space, spacing, sportCodeVariant, srOnly, statusColors, styled, sx, tabStripTabId, teamColors, textColors, tintColors, toInlineStyle, trans, transition, truncate$1 as truncate, useTheme, weight };
 //# sourceMappingURL=index.esm.js.map