@homebound/beam 4.51.0 → 4.53.0

package/dist/index.js

@@ -16724,7 +16724,8 @@ function ButtonGroup(props) {
   const {
     buttons,
     disabled = false,
-    size = "sm"
+    size = "sm",
+    fullWidth = false
   } = props;
   const tid = useTestIds(props, "buttonGroup");
   return (
@@ -16732,7 +16733,10 @@ function ButtonGroup(props) {
     /* @__PURE__ */ jsx86("div", { ...tid, ...trussProps56({
       ...{
         display: "df",
-        lineHeight: "lh_0"
+        lineHeight: "lh_0",
+        ...fullWidth ? {
+          width: "w100"
+        } : {}
       },
       ...sizeStyles2[size]
     }), children: buttons.map(({
@@ -16740,7 +16744,7 @@ function ButtonGroup(props) {
       ...buttonProps
     }, i) => (
       // Disable the button if the ButtonGroup is disabled or if the current button is disabled.
-      /* @__PURE__ */ jsx86(GroupButton, { ...buttonProps, disabled: disabled || buttonDisabled, size, isFirst: i === 0, isLast: i === buttons.length - 1, ...tid }, i)
+      /* @__PURE__ */ jsx86(GroupButton, { ...buttonProps, disabled: disabled || buttonDisabled, size, isFirst: i === 0, isLast: i === buttons.length - 1, fullWidth, ...tid }, i)
     )) })
   );
 }
@@ -16757,6 +16761,7 @@ function GroupButton(props) {
     tooltip,
     isFirst,
     isLast,
+    fullWidth,
     ...otherProps
   } = props;
   const ariaProps = {
@@ -16778,7 +16783,15 @@ function GroupButton(props) {
     isHovered
   } = useHover9(ariaProps);
   const tid = useTestIds(props);
-  return /* @__PURE__ */ jsx86("span", { ...trussProps56(getButtonStyles2(isFirst, isLast)), children: maybeTooltip({
+  return /* @__PURE__ */ jsx86("span", { ...trussProps56({
+    ...getButtonStyles2(isFirst, isLast),
+    ...{
+      ...fullWidth ? {
+        flexGrow: "fg1",
+        flexBasis: "fb0"
+      } : {}
+    }
+  }), children: maybeTooltip({
     title: resolveTooltip(disabled, tooltip),
     placement: "top",
     children: /* @__PURE__ */ jsxs54("button", { ref, ...buttonProps, ...focusProps, ...hoverProps, ...trussProps56({
@@ -16795,6 +16808,10 @@ function GroupButton(props) {
         paddingLeft: "pl2",
         paddingRight: "pr2",
         height: "h100",
+        ...fullWidth ? {
+          width: "w100",
+          justifyContent: "jcc"
+        } : {},
         color: ["d_color_var", {
           "--d_color": "var(--b-text-disabled)"
         }],
@@ -27145,10 +27162,10 @@ function invertSpacing(value) {
 }
 
 // src/components/Layout/GridTableLayout/GridTableLayout.tsx
-import React17, { useCallback as useCallback36, useEffect as useEffect29, useMemo as useMemo50, useRef as useRef65, useState as useState54 } from "react";
+import React17, { useCallback as useCallback37, useEffect as useEffect29, useMemo as useMemo50, useRef as useRef66, useState as useState55 } from "react";
 
 // src/components/Layout/GridTableLayout/GridTableLayoutActions.tsx
-import { memo as memo2, useMemo as useMemo46, useState as useState47 } from "react";
+import { memo as memo2, useMemo as useMemo46, useState as useState48 } from "react";
 
 // src/components/Pills/SelectionSummaryPill/SelectionSummaryPill.tsx
 import { useHover as useHover21 } from "react-aria";
@@ -27232,7 +27249,14 @@ function EditColumnsButton(props) {
     disabled,
     columns,
     api,
-    shareColumnVisibility = false
+    shareColumnVisibility = false,
+    viewToggle
+  } = props;
+  const {
+    sm
+  } = useBreakpoint();
+  const {
+    compact = sm
   } = props;
   const state = useMenuTriggerState4({
     defaultOpen
@@ -27244,9 +27268,6 @@ function EditColumnsButton(props) {
     isDisabled: !!disabled
   }, state, buttonRef);
   const tid = useTestIds(props, "columns");
-  const {
-    sm
-  } = useBreakpoint();
   const options = useMemo45(() => buildColumnOptions(columns, shareColumnVisibility), [columns, shareColumnVisibility]);
   const selectedValues = useComputed(() => api.getVisibleColumnIds(), [api]);
   const setSelectedValues = useCallback28((ids) => {
@@ -27254,7 +27275,7 @@ function EditColumnsButton(props) {
     api.setVisibleColumns(columns.filter((column2) => column2.canHide ? ids.includes(column2.id) : true).map((c) => c.id));
   }, [columns, api]);
   const hasHiddenColumn = useMemo45(() => options.some((option) => option.ids.some((id) => !selectedValues.includes(id))), [options, selectedValues]);
-  return /* @__PURE__ */ jsx196(OverlayTrigger, { ...props, trigger: sm ? {
+  return /* @__PURE__ */ jsx196(OverlayTrigger, { ...props, trigger: compact ? {
     icon: hasHiddenColumn ? "columnsBadged" : "columns",
     variant: "outline"
   } : {
@@ -27276,6 +27297,7 @@ function EditColumnsButton(props) {
     maxHeight: "maxh_512px",
     boxShadow: "bshBasic h_bshHover"
   }), children: [
+    viewToggle && /* @__PURE__ */ jsx196("div", { className: "pt2 pb0 pr2 pl2", children: /* @__PURE__ */ jsx196(ButtonGroup, { ...viewToggle, size: "md", fullWidth: true, ...tid.header }) }),
     /* @__PURE__ */ jsx196("div", { className: "dg gtc_1fr_auto g_2 pt2 pb2 pr2 pl2 fg1 mh0 oya", children: options.map((option) => /* @__PURE__ */ jsxs103(Fragment41, { children: [
       /* @__PURE__ */ jsxs103("div", { className: "df aic g_4px mw0 pr1", children: [
         /* @__PURE__ */ jsx196("span", { className: "fw4 fz_14px lh_20px mw0", children: option.label }),
@@ -27356,8 +27378,9 @@ function closeMenuOnClickTooltip(tooltip, closeMenu) {
 
 // src/components/Table/components/ViewToggleButton.tsx
 import { jsx as jsx197 } from "react/jsx-runtime";
-function ViewToggleButton({ view, onChange, defaultOpen }) {
+function ViewToggleButton({ view, onChange, defaultOpen, ...props }) {
   const { sm } = useBreakpoint();
+  const { compact = sm } = props;
   const tid = useTestIds({}, "viewToggleButton");
   const menuItems = [
     { label: "List", icon: "projects", onClick: () => onChange("list") },
@@ -27367,7 +27390,7 @@ function ViewToggleButton({ view, onChange, defaultOpen }) {
   return /* @__PURE__ */ jsx197(
     ButtonMenu,
     {
-      trigger: sm ? { icon, variant: "outline" } : { icon, label: "", size: "md", variant: "secondaryBlack" },
+      trigger: compact ? { icon, variant: "outline" } : { icon, label: "", size: "md", variant: "secondaryBlack" },
       items: menuItems,
       defaultOpen,
       ...tid
@@ -27502,6 +27525,37 @@ function filterPillsForKey(key, f, filter) {
   }];
 }
 
+// src/components/Layout/GridTableLayout/useToolbarCompact.ts
+import { useResizeObserver as useResizeObserver9 } from "@react-aria/utils";
+import { useCallback as useCallback29, useLayoutEffect as useLayoutEffect10, useRef as useRef59, useState as useState47 } from "react";
+function useToolbarCompact(enabled) {
+  const rowRef = useRef59(null);
+  const leftRef = useRef59(null);
+  const rightRef = useRef59(null);
+  const [compact, setCompact] = useState47(false);
+  const fullSlotsWidth = useRef59(0);
+  const measure = useCallback29(() => {
+    const row = rowRef.current;
+    const left = leftRef.current;
+    const right = rightRef.current;
+    if (!enabled || !row || !left || !right || row.clientWidth === 0) {
+      setCompact(false);
+      return;
+    }
+    if (!compact) {
+      const gap = right.getBoundingClientRect().left - left.getBoundingClientRect().right;
+      fullSlotsWidth.current = row.clientWidth - gap;
+    }
+    setCompact(row.clientWidth - fullSlotsWidth.current < toolbarMinSlotGapPx);
+  }, [enabled, compact]);
+  useLayoutEffect10(measure, [measure]);
+  useResizeObserver9({ ref: rowRef, onResize: measure });
+  useResizeObserver9({ ref: leftRef, onResize: measure });
+  useResizeObserver9({ ref: rightRef, onResize: measure });
+  return { rowRef, leftRef, rightRef, compact };
+}
+var toolbarMinSlotGapPx = 40;
+
 // src/components/Layout/GridTableLayout/GridTableLayoutActions.tsx
 import { trussProps as trussProps116 } from "@homebound/truss/runtime";
 import { jsx as jsx200, jsxs as jsxs105 } from "react/jsx-runtime";
@@ -27522,27 +27576,37 @@ function GridTableLayoutActionsComponent(props) {
     clearFilters,
     searchApi,
     actions,
+    viewModeToggle,
     selectionSummary = false
   } = props;
   const testId = useTestIds(props, "gridTableLayoutActions");
   const filterTid = useTestIds({}, filterTestIdPrefix);
+  const showEditColumns = !!(hasHideableColumns && view === "list" && columns && api);
+  const hasRightItems = selectionSummary && !!api || !!viewModeToggle?.length || showEditColumns || !!withCardView && view !== void 0 && !!setView || !!actions?.length;
   const {
-    sm
+    sm: smBreakpoint
   } = useBreakpoint();
+  const {
+    rowRef,
+    leftRef,
+    rightRef,
+    compact
+  } = useToolbarCompact(!smBreakpoint && hasRightItems);
+  const sm = smBreakpoint || compact;
   const {
     inModal
   } = useModalContext();
   const inDocumentScrollLayout = useDocumentScrollLayout();
   const insetHandled = useContentInsetHandled();
   const withPagePadding = inDocumentScrollLayout && !insetHandled;
-  const [showSearch, setShowSearch] = useState47(false);
-  const [showFilters, setShowFilters] = useState47(false);
+  const [showSearch, setShowSearch] = useState48(false);
+  const [showFilters, setShowFilters] = useState48(false);
   const [{
     search: initialValue
   }, setQueryParams] = useQueryParams({
     search: StringParam
   });
-  const [searchValue, setSearchValue] = useState47(inModal ? "" : initialValue || "");
+  const [searchValue, setSearchValue] = useState48(inModal ? "" : initialValue || "");
   const handleSearchDebounced = useDebouncedCallback6((value) => {
     if (searchProps) {
       searchProps.onSearch(value);
@@ -27556,9 +27620,13 @@ function GridTableLayoutActionsComponent(props) {
   const hasGroupBy = !!groupBy;
   const controlCount = filterCount + (hasGroupBy ? 1 : 0);
   const hasFilterControls = controlCount > 0;
-  const showInlineControl = !inModal && !sm && controlCount === 1 && (hasGroupBy || !!(filter && setFilter));
+  const canInline = !inModal && !sm;
+  const groupByInline = canInline && hasGroupBy;
+  const filtersInline = canInline && filterCount > 0 && controlCount <= 2 && !!(filter && setFilter);
+  const showFilterPanel = filterCount > 0 && !filtersInline || hasGroupBy && !groupByInline;
   const filterImpls = useMemo46(() => filterDefs ? buildFilterImpls(filterDefs) : {}, [filterDefs]);
   const activeFilterCount = useMemo46(() => filter ? getFilterPills(filterImpls, filter).length : 0, [filter, filterImpls]);
+  const viewModeToggleInColumnsMenu = !!viewModeToggle?.length && sm && showEditColumns;
   const searchTextField = /* @__PURE__ */ jsx200(TextField, { label: "Search", labelStyle: "hidden", value: searchValue, onChange: (v) => {
     setSearchValue(v ?? "");
     handleSearchDebounced(v ?? "");
@@ -27584,7 +27652,7 @@ function GridTableLayoutActionsComponent(props) {
       paddingBottom: "pb3"
     } : {}
   }), children: [
-    /* @__PURE__ */ jsxs105("div", { ...trussProps116({
+    /* @__PURE__ */ jsxs105("div", { ref: rowRef, ...trussProps116({
       // Holds the row at the 40px button height, so a pill alone in it doesn't shift the table when it appears
       ...{
         display: "df",
@@ -27596,25 +27664,30 @@ function GridTableLayoutActionsComponent(props) {
       },
       ...withPagePadding ? pageContentPaddingX : void 0
     }), ...testId.toolbar, children: [
-      /* @__PURE__ */ jsxs105("div", { className: "df g_12px aic", children: [
+      /* @__PURE__ */ jsxs105("div", { ref: leftRef, className: "df fs0 g_12px aic", children: [
         !sm && hasSearch && /* @__PURE__ */ jsx200("div", { className: "w_244px", children: searchTextField }),
         sm && hasSearch && /* @__PURE__ */ jsx200(IconButton, { variant: "outline", icon: searchValue ? "searchBadged" : "search", label: "Search", onClick: () => setShowSearch(!showSearch), active: showSearch, ...testId.searchButton }),
         sm && hasFilterControls && /* @__PURE__ */ jsx200(IconButton, { variant: "outline", icon: activeFilterCount > 0 ? "filterBadged" : "filter", label: "Filter", onClick: () => setShowFilters(!showFilters), active: showFilters, ...testId.filterSmallButton }),
-        showInlineControl && (groupBy ? /* @__PURE__ */ jsx200(GroupByField, { ...groupBy }) : filter && setFilter && buildFilterControls(filterImpls, filter, setFilter, filterTid)),
-        !sm && hasFilterControls && !showInlineControl && /* @__PURE__ */ jsx200(Button, { label: "Filter", icon: "filter", size: "md", endAdornment: /* @__PURE__ */ jsxs105("div", { className: "df aic g_1", children: [
+        filtersInline && filter && setFilter && buildFilterControls(filterImpls, filter, setFilter, filterTid),
+        !sm && showFilterPanel && /* @__PURE__ */ jsx200(Button, { label: "Filter", icon: "filter", size: "md", endAdornment: /* @__PURE__ */ jsxs105("div", { className: "df aic g_1", children: [
           activeFilterCount > 0 && /* @__PURE__ */ jsx200(CountBadge, { count: activeFilterCount }),
           /* @__PURE__ */ jsx200(Icon, { icon: showFilters ? "chevronUp" : "chevronDown" })
-        ] }), variant: "secondaryBlack", onClick: () => setShowFilters(!showFilters), active: showFilters, ...testId.filterButton })
+        ] }), variant: "secondaryBlack", onClick: () => setShowFilters(!showFilters), active: showFilters, ...testId.filterButton }),
+        groupByInline && groupBy && /* @__PURE__ */ jsx200(GroupByField, { ...groupBy }),
+        filtersInline && activeFilterCount > 0 && /* @__PURE__ */ jsx200(Button, { label: "Clear", variant: "tertiary", onClick: () => maybeCall(clearFilters), ...filterTid.clearBtn })
       ] }),
-      (hasHideableColumns || withCardView || !!actions?.length || selectionSummary) && /* @__PURE__ */ jsxs105("div", { className: "df aic g_12px", children: [
+      hasRightItems && /* @__PURE__ */ jsxs105("div", { ref: rightRef, className: "df fs0 aic g_12px", children: [
         selectionSummary && api && /* @__PURE__ */ jsx200(SelectionSummaryAction, { api, numberOnly: sm }),
-        hasHideableColumns && view === "list" && columns && api && /* @__PURE__ */ jsx200(EditColumnsButton, { columns, api, shareColumnVisibility, tooltip: "Display columns" }),
-        withCardView && view !== void 0 && setView && /* @__PURE__ */ jsx200(ViewToggleButton, { view, onChange: setView }),
+        !!viewModeToggle?.length && !viewModeToggleInColumnsMenu && /* @__PURE__ */ jsx200(ButtonGroup, { size: "md", buttons: viewModeToggle, ...testId.viewModeToggle }),
+        showEditColumns && columns && api && /* @__PURE__ */ jsx200(EditColumnsButton, { columns, api, shareColumnVisibility, tooltip: "Display columns", compact: sm, viewToggle: viewModeToggleInColumnsMenu ? {
+          buttons: viewModeToggle
+        } : void 0 }),
+        withCardView && view !== void 0 && setView && /* @__PURE__ */ jsx200(ViewToggleButton, { view, onChange: setView, compact: sm }),
         !!actions?.length && /* @__PURE__ */ jsx200(HeaderActions, { actions, ...testId.actions })
       ] })
     ] }),
     sm && showSearch && /* @__PURE__ */ jsx200("div", { ...trussProps116(withPagePadding ? pageContentPaddingX : void 0), children: searchTextField }),
-    hasFilterControls && !showInlineControl && /* @__PURE__ */ jsx200(FilterPanel, { isOpen: showFilters, groupBy, filterImpls, filter, setFilter, onClear: clearFilters })
+    showFilterPanel && /* @__PURE__ */ jsx200(FilterPanel, { isOpen: showFilters, groupBy: groupByInline ? void 0 : groupBy, filterImpls, filter, setFilter, onClear: clearFilters })
   ] });
 }
 var _GridTableLayoutActions = memo2(GridTableLayoutActionsComponent);
@@ -27629,16 +27702,16 @@ function SelectionSummaryAction(props) {
 }
 
 // src/components/Layout/GridTableLayout/GridTableLayoutHost.tsx
-import { useResizeObserver as useResizeObserver9 } from "@react-aria/utils";
-import { useCallback as useCallback32, useLayoutEffect as useLayoutEffect13, useRef as useRef63 } from "react";
+import { useResizeObserver as useResizeObserver10 } from "@react-aria/utils";
+import { useCallback as useCallback33, useLayoutEffect as useLayoutEffect14, useRef as useRef64 } from "react";
 
 // src/components/Layout/RightPaneLayout/DocumentScrollOverlayRightPaneLayout.tsx
-import { useContext as useContext23, useEffect as useEffect27, useLayoutEffect as useLayoutEffect12, useRef as useRef62, useState as useState50 } from "react";
+import { useContext as useContext23, useEffect as useEffect27, useLayoutEffect as useLayoutEffect13, useRef as useRef63, useState as useState51 } from "react";
 import { mergeProps as mergeProps33 } from "@homebound/truss/runtime";
 
 // src/components/Layout/RightPaneLayout/DocumentScrollRightPane.tsx
 import { AnimatePresence as AnimatePresence3, motion as motion3 } from "framer-motion";
-import { useCallback as useCallback30, useLayoutEffect as useLayoutEffect11, useRef as useRef60, useState as useState49 } from "react";
+import { useCallback as useCallback31, useLayoutEffect as useLayoutEffect12, useRef as useRef61, useState as useState50 } from "react";
 import { usePreventScroll as usePreventScroll3 } from "react-aria";
 import { createPortal as createPortal7 } from "react-dom";
 
@@ -27654,11 +27727,11 @@ function useEnvironmentBannerLayoutHeight() {
 }
 
 // src/layouts/useScrollPinnedViewportBounds.ts
-import { useCallback as useCallback29, useLayoutEffect as useLayoutEffect10, useRef as useRef59, useState as useState48 } from "react";
+import { useCallback as useCallback30, useLayoutEffect as useLayoutEffect11, useRef as useRef60, useState as useState49 } from "react";
 function useScrollPinnedViewportBounds(anchorRef, enabled, getPinTopPx) {
-  const [bounds, setBounds] = useState48();
-  const getPinTopPxRef = useRef59(getPinTopPx);
-  const syncBounds = useCallback29(() => {
+  const [bounds, setBounds] = useState49();
+  const getPinTopPxRef = useRef60(getPinTopPx);
+  const syncBounds = useCallback30(() => {
     const el = anchorRef.current;
     if (!el) return;
     const rect = el.getBoundingClientRect();
@@ -27667,10 +27740,10 @@ function useScrollPinnedViewportBounds(anchorRef, enabled, getPinTopPx) {
     const topPx = isPinned ? pinTopPx : Math.round(rect.top);
     setBounds((prev) => prev?.topPx === topPx && prev?.isPinned === isPinned ? prev : { topPx, isPinned });
   }, [anchorRef]);
-  useLayoutEffect10(() => {
+  useLayoutEffect11(() => {
     getPinTopPxRef.current = getPinTopPx;
   }, [getPinTopPx]);
-  useLayoutEffect10(() => {
+  useLayoutEffect11(() => {
     if (!enabled) {
       setBounds(void 0);
       return;
@@ -27851,25 +27924,25 @@ function DocumentScrollRightPane({
   } = useRightPaneOpenState();
   const rightPaneContent = useRightPaneContent();
   const tid = useTestIds({}, "rightPaneContent");
-  const paneRef = useRef60(null);
-  const [keepPaneLayout, setKeepPaneLayout] = useState49(false);
-  const exitReleasedRef = useRef60(false);
+  const paneRef = useRef61(null);
+  const [keepPaneLayout, setKeepPaneLayout] = useState50(false);
+  const exitReleasedRef = useRef61(false);
   const bannerHeightPx = useEnvironmentBannerLayoutHeight();
   const isFixedOverlay = !mobile;
-  useLayoutEffect11(() => {
+  useLayoutEffect12(() => {
     if (isRightPaneOpen) {
       setKeepPaneLayout(true);
       exitReleasedRef.current = false;
     }
   }, [isRightPaneOpen]);
   const paneLayoutActive = isRightPaneOpen || keepPaneLayout;
-  const releaseAfterExit = useCallback30(() => {
+  const releaseAfterExit = useCallback31(() => {
     if (exitReleasedRef.current) return;
     exitReleasedRef.current = true;
     clearPane2();
     setKeepPaneLayout(false);
   }, [clearPane2]);
-  useLayoutEffect11(() => {
+  useLayoutEffect12(() => {
     if (isRightPaneOpen || !keepPaneLayout) return;
     return waitForRightPaneExit(releaseAfterExit);
   }, [isRightPaneOpen, keepPaneLayout, releaseAfterExit]);
@@ -27987,10 +28060,10 @@ function DocumentScrollRightPaneLayoutRoot(props) {
 }
 
 // src/components/Layout/RightPaneLayout/useDocumentScrollRightPaneAnchorRef.ts
-import { useCallback as useCallback31, useRef as useRef61 } from "react";
+import { useCallback as useCallback32, useRef as useRef62 } from "react";
 function useDocumentScrollRightPaneAnchorRef() {
-  const ref = useRef61(null);
-  const setRef = useCallback31((node) => {
+  const ref = useRef62(null);
+  const setRef = useCallback32((node) => {
     if (!node && ref.current) {
       hideRightPane();
     }
@@ -28025,7 +28098,7 @@ function DocumentScrollOverlayRightPaneLayout({
   } = useBreakpoint();
   const tid = useTestIds({}, "documentScrollRightPaneLayout");
   const anchorRef = useDocumentScrollRightPaneAnchorRef();
-  const spacerRef = useRef62(null);
+  const spacerRef = useRef63(null);
   useEffect27(() => {
     if (nestedInLayout && process.env.NODE_ENV !== "production") {
       console.warn("DocumentScrollOverlayRightPaneLayout is nested inside another document-scroll right-pane layout. Use a single layout (compose at the body; do not set withRightPane on both a parent and a nested layout).");
@@ -28060,20 +28133,20 @@ function DocumentScrollOverlayRightPaneHost(props) {
     isRightPaneOpen
   } = useRightPaneOpenState();
   const paneWidthCss = documentScrollRightPaneWidthCss(paneWidth);
-  const [keepOverlayChrome, setKeepOverlayChrome] = useState50(isRightPaneOpen);
-  useLayoutEffect12(() => {
+  const [keepOverlayChrome, setKeepOverlayChrome] = useState51(isRightPaneOpen);
+  useLayoutEffect13(() => {
     if (isRightPaneOpen) {
       setKeepOverlayChrome(true);
       return;
     }
     return waitForRightPaneExit(() => setKeepOverlayChrome(false));
   }, [isRightPaneOpen]);
-  useLayoutEffect12(() => {
+  useLayoutEffect13(() => {
     const spacer = spacerRef.current;
     if (!spacer) return;
     spacer.style.width = isRightPaneOpen ? paneWidthCss : "0px";
   }, [isRightPaneOpen, paneWidthCss, spacerRef]);
-  useLayoutEffect12(() => {
+  useLayoutEffect13(() => {
     const layoutRoot = anchorRef.current;
     if (!layoutRoot) return;
     const openPaneWidth = keepOverlayChrome ? paneWidthCss : "0px";
@@ -28129,8 +28202,8 @@ function GridTableLayoutHost(props) {
     testIds,
     children
   } = props;
-  const tableWrapperRef = useRef63(null);
-  const tableActionsRef = useRef63(null);
+  const tableWrapperRef = useRef64(null);
+  const tableActionsRef = useRef64(null);
   const hasActions = actions !== void 0;
   useSetTableActionsHeight(tableWrapperRef, tableActionsRef, host.kind !== "scrollable-parent" && hasActions);
   const shared = {
@@ -28233,7 +28306,7 @@ function ActionsBar({
   return /* @__PURE__ */ jsx205("div", { ref: actionsRef, ...trussProps117(xss), ...testIds.stickyContent, children });
 }
 function useSetTableActionsHeight(tableWrapperRef, tableActionsRef, enabled) {
-  const syncHeightVar = useCallback32(() => {
+  const syncHeightVar = useCallback33(() => {
     const tableWrapper = tableWrapperRef.current;
     if (!tableWrapper) return;
     if (!enabled) {
@@ -28247,11 +28320,11 @@ function useSetTableActionsHeight(tableWrapperRef, tableActionsRef, enabled) {
       tableWrapper.style.removeProperty(beamTableActionsHeightVar);
     }
   }, [enabled, tableActionsRef, tableWrapperRef]);
-  useResizeObserver9({
+  useResizeObserver10({
     ref: tableActionsRef,
     onResize: enabled ? syncHeightVar : noop
   });
-  useLayoutEffect13(() => {
+  useLayoutEffect14(() => {
     syncHeightVar();
     const tableWrapper = tableWrapperRef.current;
     return () => {
@@ -28297,10 +28370,10 @@ function useGridTableLayoutHost() {
 }
 
 // src/components/Layout/GridTableLayout/usePersistedTableView.ts
-import { useCallback as useCallback33, useState as useState51 } from "react";
+import { useCallback as useCallback34, useState as useState52 } from "react";
 function usePersistedTableView(defaultView, persist) {
   const storageKey = persist ? getGridTableViewStorageKey(window.location.pathname) : void 0;
-  const [view, setView] = useState51(() => {
+  const [view, setView] = useState52(() => {
     if (!storageKey) return defaultView;
     try {
       return parseStoredTableView(localStorage.getItem(storageKey)) ?? defaultView;
@@ -28308,7 +28381,7 @@ function usePersistedTableView(defaultView, persist) {
       return defaultView;
     }
   });
-  const setViewAndPersist = useCallback33(
+  const setViewAndPersist = useCallback34(
     (next) => {
       setView(next);
       if (storageKey) {
@@ -28335,15 +28408,15 @@ function isGridTableProps(props) {
 }
 
 // src/hooks/useGroupBy.ts
-import { useMemo as useMemo48, useState as useState52 } from "react";
+import { useMemo as useMemo48, useState as useState53 } from "react";
 
 // src/hooks/useQueryState.ts
-import { useCallback as useCallback34 } from "react";
+import { useCallback as useCallback35 } from "react";
 import { StringParam as StringParam2, useQueryParams as useQueryParams2 } from "use-query-params";
 function useQueryState(name, initialValue) {
   const [params, setParams] = useQueryParams2({ [name]: StringParam2 });
   const value = params[name] || initialValue;
-  const setValue = useCallback34((value2) => setParams({ [name]: value2 }, "pushIn"), [name, setParams]);
+  const setValue = useCallback35((value2) => setParams({ [name]: value2 }, "pushIn"), [name, setParams]);
   return [value, setValue];
 }
 
@@ -28356,7 +28429,7 @@ function useGroupBy(opts) {
     []
   );
   const [queryValue, setQueryValue] = useQueryState("groupBy", options[0].id);
-  const [localValue, setLocalValue] = useState52(options[0].id);
+  const [localValue, setLocalValue] = useState53(options[0].id);
   return {
     value: inModal ? localValue : queryValue,
     setValue: inModal ? setLocalValue : setQueryValue,
@@ -28365,17 +28438,17 @@ function useGroupBy(opts) {
 }
 
 // src/hooks/usePersistedFilter.ts
-import { useEffect as useEffect28, useMemo as useMemo49, useRef as useRef64 } from "react";
+import { useEffect as useEffect28, useMemo as useMemo49, useRef as useRef65 } from "react";
 
 // src/hooks/useSessionStorage.ts
-import { useCallback as useCallback35, useState as useState53 } from "react";
+import { useCallback as useCallback36, useState as useState54 } from "react";
 function useSessionStorage(key, defaultValue) {
   let hasSessionStorage = false;
   try {
     hasSessionStorage = !!window.sessionStorage;
   } catch (e) {
   }
-  const [state, setState] = useState53(() => {
+  const [state, setState] = useState54(() => {
     if (!hasSessionStorage) {
       return defaultValue;
     }
@@ -28386,7 +28459,7 @@ function useSessionStorage(key, defaultValue) {
     sessionStorage.setItem(key, JSON.stringify(defaultValue));
     return defaultValue;
   });
-  const setAndSave = useCallback35(
+  const setAndSave = useCallback36(
     (value) => {
       if (hasSessionStorage && value) {
         sessionStorage.setItem(key, JSON.stringify(value));
@@ -28502,8 +28575,8 @@ function parseSerializedValue(value) {
   return value === void 0 ? void 0 : JSON.parse(value);
 }
 function useStableValue(value) {
-  const stableValue = useRef64(value);
-  const stableKey = useRef64(JSON.stringify(value));
+  const stableValue = useRef65(value);
+  const stableKey = useRef65(JSON.stringify(value));
   const nextKey = JSON.stringify(value);
   if (stableKey.current !== nextKey) {
     stableValue.current = value;
@@ -28519,6 +28592,7 @@ function GridTableLayoutComponent(props) {
     tableProps,
     layoutState,
     actions,
+    viewModeToggle,
     selectionSummary = false,
     hideEditColumns = false,
     shareColumnVisibility = false,
@@ -28544,7 +28618,7 @@ function GridTableLayoutComponent(props) {
   );
   const [view, setView] = usePersistedTableView(defaultView, !!withCardView);
   const clientSearch = layoutState?.search === "client" ? layoutState.searchString : void 0;
-  const showTableActions = !!(layoutState?.filterDefs || layoutState?.search || hasHideableColumns || withCardView || actions?.length || // Rendered before anything's selected, so the pill doesn't shift the table
+  const showTableActions = !!(layoutState?.filterDefs || layoutState?.search || hasHideableColumns || withCardView || actions?.length || viewModeToggle?.length || // Rendered before anything's selected, so the pill doesn't shift the table
   selectionSummary);
   const isVirtualized = tableProps.as === "virtual" || view === "card";
   const visibleColumnIds = useComputed(() => api.getVisibleColumnIds(), [api]);
@@ -28558,8 +28632,8 @@ function GridTableLayoutComponent(props) {
     () => layoutState?.search ? { onSearch: layoutState.setSearchString } : void 0,
     [layoutState?.search, layoutState?.setSearchString]
   );
-  const searchApiRef = useRef65(void 0);
-  const clearFilters = useCallback36(() => {
+  const searchApiRef = useRef66(void 0);
+  const clearFilters = useCallback37(() => {
     layoutState?.clearFilters();
     searchApiRef.current?.clear();
   }, [layoutState]);
@@ -28585,6 +28659,7 @@ function GridTableLayoutComponent(props) {
       clearFilters,
       searchApi: searchApiRef,
       actions,
+      viewModeToggle,
       selectionSummary
     }
   );
@@ -28652,14 +28727,14 @@ function useGridTableLayoutState({
   const filterFallback = { filterDefs: {}, storageKey: "unset-filter" };
   const { filter, setFilter } = usePersistedFilter(persistedFilter ?? filterFallback);
   const groupBy = useGroupBy(maybeGroupBy ?? { none: "none" });
-  const [searchString, setSearchString] = useState54("");
+  const [searchString, setSearchString] = useState55("");
   const columnsFallback = "unset-columns";
   const [visibleColumnIds, setVisibleColumnIds] = useSessionStorage(
     persistedColumns?.storageKey ?? columnsFallback,
     void 0
   );
   const filteringActive = getActiveFilterCount(filter) > 0 || !!searchString;
-  const clearFilters = useCallback36(() => {
+  const clearFilters = useCallback37(() => {
     setFilter({});
     setSearchString("");
   }, [setFilter]);
@@ -28814,12 +28889,12 @@ function RightPaneLayout(props) {
 }
 
 // src/components/Layout/RightPaneLayout/RightPanePanel.tsx
-import { createContext as createContext14, useContext as useContext24, useEffect as useEffect31, useState as useState56 } from "react";
+import { createContext as createContext14, useContext as useContext24, useEffect as useEffect31, useState as useState57 } from "react";
 import { createPortal as createPortal8 } from "react-dom";
 
 // src/components/Layout/RightPaneLayout/internal/DeleteAction.tsx
-import { useResizeObserver as useResizeObserver10 } from "@react-aria/utils";
-import { useRef as useRef66, useState as useState55 } from "react";
+import { useResizeObserver as useResizeObserver11 } from "@react-aria/utils";
+import { useRef as useRef67, useState as useState56 } from "react";
 import { trussProps as trussProps119 } from "@homebound/truss/runtime";
 import { jsx as jsx210, jsxs as jsxs110 } from "react/jsx-runtime";
 function MaybeDeleteAction(props) {
@@ -28836,18 +28911,18 @@ function BulkDeleteAction(props) {
     count,
     ...buttonProps
   } = props;
-  const containerRef = useRef66(null);
-  const contentRef = useRef66(null);
-  const [overflows, setOverflows] = useState55(false);
+  const containerRef = useRef67(null);
+  const contentRef = useRef67(null);
+  const [overflows, setOverflows] = useState56(false);
   const onResize = () => {
     if (!containerRef.current || !contentRef.current) return;
     setOverflows(contentRef.current.offsetWidth > containerRef.current.clientWidth);
   };
-  useResizeObserver10({
+  useResizeObserver11({
     ref: containerRef,
     onResize
   });
-  useResizeObserver10({
+  useResizeObserver11({
     ref: contentRef,
     onResize
   });
@@ -28905,7 +28980,7 @@ function RightPanePanel(props) {
   const {
     closeRightPane
   } = useRightPaneActions();
-  const [bannerSlot, setBannerSlot] = useState56(null);
+  const [bannerSlot, setBannerSlot] = useState57(null);
   const {
     openModal
   } = useModal();
@@ -28992,7 +29067,7 @@ function ScrollableFooter(props) {
 
 // src/components/Layout/TableReviewLayout/TableReviewLayout.tsx
 import { AnimatePresence as AnimatePresence5, motion as motion5 } from "framer-motion";
-import { useEffect as useEffect32, useState as useState57 } from "react";
+import { useEffect as useEffect32, useState as useState58 } from "react";
 
 // src/components/Layout/TableReviewLayout/SidePanel.tsx
 import { jsx as jsx213, jsxs as jsxs112 } from "react/jsx-runtime";
@@ -29032,7 +29107,7 @@ function TableReviewLayout(props) {
     rightPaneWidth = defaultRightPaneWidth
   } = props;
   const tid = useTestIds(props, "tableReviewLayout");
-  const [isPanelVisible, setIsPanelVisible] = useState57(!!panelContent);
+  const [isPanelVisible, setIsPanelVisible] = useState58(!!panelContent);
   useEffect32(() => {
     setIsPanelVisible(!!panelContent);
   }, [panelContent]);
@@ -29192,29 +29267,29 @@ function HomeboundLogo(props) {
 }
 
 // src/components/MaxLines.tsx
-import { useLayoutEffect as useLayoutEffect14, useResizeObserver as useResizeObserver11 } from "@react-aria/utils";
-import { useCallback as useCallback37, useEffect as useEffect33, useRef as useRef67, useState as useState58 } from "react";
+import { useLayoutEffect as useLayoutEffect15, useResizeObserver as useResizeObserver12 } from "@react-aria/utils";
+import { useCallback as useCallback38, useEffect as useEffect33, useRef as useRef68, useState as useState59 } from "react";
 import { trussProps as trussProps124, maybeCssVar as maybeCssVar59 } from "@homebound/truss/runtime";
 import { jsx as jsx217, jsxs as jsxs115 } from "react/jsx-runtime";
 function MaxLines({
   maxLines,
   children
 }) {
-  const elRef = useRef67(null);
-  const [hasMore, setHasMore] = useState58(false);
-  const [expanded, setExpanded] = useState58(false);
-  useLayoutEffect14(() => {
+  const elRef = useRef68(null);
+  const [hasMore, setHasMore] = useState59(false);
+  const [expanded, setExpanded] = useState59(false);
+  useLayoutEffect15(() => {
     if (!elRef.current) return;
     setHasMore(elRef.current.scrollHeight > elRef.current.clientHeight);
   }, []);
   useEffect33(() => {
     setExpanded(false);
   }, [children]);
-  const onResize = useCallback37(() => {
+  const onResize = useCallback38(() => {
     if (!elRef.current) return;
     !expanded && setHasMore(elRef.current.scrollHeight > elRef.current.clientHeight);
   }, [expanded]);
-  useResizeObserver11({
+  useResizeObserver12({
     ref: elRef,
     onResize
   });
@@ -29324,8 +29399,8 @@ function toPageNumberSize(page) {
 }
 
 // src/components/ScrollShadows.tsx
-import { useResizeObserver as useResizeObserver12 } from "@react-aria/utils";
-import { useCallback as useCallback38, useMemo as useMemo51, useRef as useRef68, useState as useState59 } from "react";
+import { useResizeObserver as useResizeObserver13 } from "@react-aria/utils";
+import { useCallback as useCallback39, useMemo as useMemo51, useRef as useRef69, useState as useState60 } from "react";
 import { trussProps as trussProps126, maybeCssVar as maybeCssVar60 } from "@homebound/truss/runtime";
 import { jsx as jsx219, jsxs as jsxs117 } from "react/jsx-runtime";
 function ScrollShadows(props) {
@@ -29343,9 +29418,9 @@ function ScrollShadows(props) {
   if (!bgColor.includes("rgba")) {
     throw new Error("ScrollShadows: bgColor prop must be in the format 'rgba(255, 255, 255, 1)'");
   }
-  const [showStartShadow, setShowStartShadow] = useState59(false);
-  const [showEndShadow, setShowEndShadow] = useState59(false);
-  const scrollRef = useRef68(null);
+  const [showStartShadow, setShowStartShadow] = useState60(false);
+  const [showEndShadow, setShowEndShadow] = useState60(false);
+  const scrollRef = useRef69(null);
   const [startShadowStyles, endShadowStyles] = useMemo51(() => {
     const transparentBgColor = bgColor.replace(/,1\)$/, ",0)");
     const commonStyles = {
@@ -29397,7 +29472,7 @@ function ScrollShadows(props) {
       }
     }];
   }, [horizontal, bgColor]);
-  const updateScrollProps = useCallback38((el) => {
+  const updateScrollProps = useCallback39((el) => {
     const {
       scrollTop,
       scrollHeight,
@@ -29412,8 +29487,8 @@ function ScrollShadows(props) {
     setShowStartShadow(start > 0);
     setShowEndShadow(start + boxSize < end);
   }, [horizontal]);
-  const onResize = useCallback38(() => scrollRef.current && updateScrollProps(scrollRef.current), [updateScrollProps]);
-  useResizeObserver12({
+  const onResize = useCallback39(() => scrollRef.current && updateScrollProps(scrollRef.current), [updateScrollProps]);
+  useResizeObserver13({
     ref: scrollRef,
     onResize
   });
@@ -29464,12 +29539,12 @@ function ScrollShadows(props) {
 import { camelCase as camelCase7 } from "change-case";
 
 // src/components/AppNav/AppNavGroup.tsx
-import { useResizeObserver as useResizeObserver13 } from "@react-aria/utils";
+import { useResizeObserver as useResizeObserver14 } from "@react-aria/utils";
 import { camelCase as camelCase6, kebabCase } from "change-case";
-import { useCallback as useCallback40, useEffect as useEffect34, useMemo as useMemo53, useState as useState61 } from "react";
+import { useCallback as useCallback41, useEffect as useEffect34, useMemo as useMemo53, useState as useState62 } from "react";
 
 // src/components/AppNav/AppNavGroupTrigger.tsx
-import { useMemo as useMemo52, useRef as useRef69 } from "react";
+import { useMemo as useMemo52, useRef as useRef70 } from "react";
 import { mergeProps as mergeProps35, useButton as useButton11, useFocusRing as useFocusRing17, useHover as useHover22 } from "react-aria";
 import { trussProps as trussProps127, mergeProps as mergeProps_15 } from "@homebound/truss/runtime";
 import { jsx as jsx220, jsxs as jsxs118 } from "react/jsx-runtime";
@@ -29482,7 +29557,7 @@ function AppNavGroupTrigger(props) {
     active = false
   } = props;
   const tid = useTestIds(props, "trigger");
-  const ref = useRef69(null);
+  const ref = useRef70(null);
   const {
     buttonProps,
     isPressed
@@ -29641,7 +29716,7 @@ function entryHasIcons(item) {
 }
 
 // src/components/AppNav/useAppNavGroupExpanded.ts
-import { useCallback as useCallback39, useState as useState60 } from "react";
+import { useCallback as useCallback40, useState as useState61 } from "react";
 var APP_NAV_EXPANDED_LINK_GROUPS_STORAGE_KEY = "beam.appNav.expandedLinkGroups";
 function loadStored() {
   try {
@@ -29660,13 +29735,13 @@ function persistLabel(label, expanded) {
 }
 function useAppNavGroupExpanded(linkGroup) {
   const { label } = linkGroup;
-  const [userExpanded, setUserExpanded] = useState60(() => {
+  const [userExpanded, setUserExpanded] = useState61(() => {
     const stored = loadStored();
     return label in stored ? stored[label] : null;
   });
   const hasActiveLink = appNavLinkGroupLinks(linkGroup).some((l) => l.active);
   const expanded = userExpanded !== null ? userExpanded : hasActiveLink ? true : linkGroup.defaultExpanded ?? false;
-  const onToggle = useCallback39(() => {
+  const onToggle = useCallback40(() => {
     const next = !expanded;
     setUserExpanded(next);
     persistLabel(label, next);
@@ -29701,20 +29776,20 @@ function AppNavGroupDisclosure(props) {
   } = useAppNavGroupExpanded(linkGroup);
   const tid = useTestIds(props, "linkGroup");
   const navGroupId = `nav-group-${kebabCase(linkGroup.label)}`;
-  const [contentEl, setContentEl] = useState61(null);
+  const [contentEl, setContentEl] = useState62(null);
   const contentRef = useMemo53(() => ({
     current: contentEl
   }), [contentEl]);
-  const [contentHeight, setContentHeight] = useState61(expanded ? "auto" : "0");
+  const [contentHeight, setContentHeight] = useState62(expanded ? "auto" : "0");
   useEffect34(() => {
     setContentHeight(expanded && contentEl ? `${contentEl.scrollHeight}px` : "0");
   }, [expanded, contentEl]);
-  const onResize = useCallback40(() => {
+  const onResize = useCallback41(() => {
     if (contentEl && expanded) {
       setContentHeight(`${contentEl.scrollHeight}px`);
     }
   }, [expanded, contentEl]);
-  useResizeObserver13({
+  useResizeObserver14({
     ref: contentRef,
     onResize
   });
@@ -29857,12 +29932,12 @@ function AppNavItems(props) {
 // src/layouts/SideNavLayout/SideNavLayoutContext.tsx
 import {
   createContext as createContext15,
-  useCallback as useCallback41,
+  useCallback as useCallback42,
   useContext as useContext25,
   useEffect as useEffect35,
   useMemo as useMemo54,
-  useRef as useRef70,
-  useState as useState62
+  useRef as useRef71,
+  useState as useState63
 } from "react";
 import { jsx as jsx225 } from "react/jsx-runtime";
 var SIDE_NAV_LAYOUT_STATE_STORAGE_KEY = "beam.sideNavLayout.navState";
@@ -29888,18 +29963,18 @@ function resolveInitialNavState(defaultNavState) {
 }
 var SideNavLayoutContext = createContext15(void 0);
 function SideNavLayoutProvider(props) {
-  const [navState, setNavStateInternal] = useState62(
+  const [navState, setNavStateInternal] = useState63(
     () => resolveInitialNavState(props.defaultNavState)
   );
   const bp = useBreakpoint();
-  const prevMdAndUp = useRef70(bp.mdAndUp);
+  const prevMdAndUp = useRef71(bp.mdAndUp);
   useEffect35(() => {
     if (prevMdAndUp.current && !bp.mdAndUp) {
       setNavStateInternal((prev) => prev === "expanded" ? "collapse" : prev);
     }
     prevMdAndUp.current = bp.mdAndUp;
   }, [bp.mdAndUp]);
-  const setNavState = useCallback41((value2) => {
+  const setNavState = useCallback42((value2) => {
     setNavStateInternal((prev) => {
       const next = typeof value2 === "function" ? value2(prev) : value2;
       if (next === "expanded" || next === "collapse") {
@@ -29980,7 +30055,7 @@ function SideNav(props) {
 }
 
 // src/components/Stepper.tsx
-import { useRef as useRef71 } from "react";
+import { useRef as useRef72 } from "react";
 import { useButton as useButton12, useFocusRing as useFocusRing18, useHover as useHover23 } from "react-aria";
 import { trussProps as trussProps131, maybeCssVar as maybeCssVar62 } from "@homebound/truss/runtime";
 import { jsx as jsx227, jsxs as jsxs122 } from "react/jsx-runtime";
@@ -30062,7 +30137,7 @@ function StepButton(props) {
     onPress: onClick,
     isDisabled: disabled
   };
-  const ref = useRef71(null);
+  const ref = useRef72(null);
   const {
     buttonProps,
     isPressed
@@ -30172,7 +30247,7 @@ function StepIcon({
 }
 
 // src/components/StepperTabs/StepperTab.tsx
-import { useRef as useRef72 } from "react";
+import { useRef as useRef73 } from "react";
 import { mergeProps as mergeProps36, useButton as useButton13, useFocusRing as useFocusRing19, useHover as useHover24, VisuallyHidden as VisuallyHidden10 } from "react-aria";
 import { trussProps as trussProps132 } from "@homebound/truss/runtime";
 import { Fragment as Fragment49, jsx as jsx228, jsxs as jsxs123 } from "react/jsx-runtime";
@@ -30191,7 +30266,7 @@ function StepperTab(props) {
     onPress: () => onClick(value),
     isDisabled: disabled || collapsed
   };
-  const ref = useRef72(null);
+  const ref = useRef73(null);
   const {
     buttonProps
   } = useButton13(ariaProps, ref);
@@ -30592,7 +30667,7 @@ function segmentWidth(count, total) {
 }
 
 // src/components/TableSummary/TableSummary.tsx
-import { useRef as useRef73 } from "react";
+import { useRef as useRef74 } from "react";
 import { mergeProps as mergeProps38, useButton as useButton14, useFocusRing as useFocusRing20, useHover as useHover25 } from "react-aria";
 import { trussProps as trussProps137, maybeCssVar as maybeCssVar64 } from "@homebound/truss/runtime";
 import { jsx as jsx234, jsxs as jsxs128 } from "react/jsx-runtime";
@@ -30652,7 +30727,7 @@ function MetricButton(props) {
     metric,
     divider
   } = props;
-  const ref = useRef73(null);
+  const ref = useRef74(null);
   const {
     buttonProps
   } = useButton14({
@@ -30729,7 +30804,7 @@ function MetricButton(props) {
 
 // src/components/DnDGrid/DnDGrid.tsx
 import equal2 from "fast-deep-equal";
-import { useCallback as useCallback42, useEffect as useEffect36, useRef as useRef74 } from "react";
+import { useCallback as useCallback43, useEffect as useEffect36, useRef as useRef75 } from "react";
 
 // src/utils/inlineStyles.ts
 function isInlineStyleValue(value) {
@@ -30779,13 +30854,13 @@ function DnDGrid(props) {
     activeItemStyles,
     lockAxis
   } = props;
-  const gridEl = useRef74(null);
-  const dragEl = useRef74(void 0);
-  const cloneEl = useRef74(void 0);
-  const initialOrder = useRef74(void 0);
-  const styleSnapshot = useRef74(void 0);
-  const reorderViaKeyboard = useRef74(false);
-  const transformFrom = useRef74({
+  const gridEl = useRef75(null);
+  const dragEl = useRef75(void 0);
+  const cloneEl = useRef75(void 0);
+  const initialOrder = useRef75(void 0);
+  const styleSnapshot = useRef75(void 0);
+  const reorderViaKeyboard = useRef75(false);
+  const transformFrom = useRef75({
     x: 0,
     y: 0
   });
@@ -30793,20 +30868,20 @@ function DnDGrid(props) {
   const activeStyles3 = activeItemStyles ?? {
     boxShadow: "bshModal"
   };
-  const getGridItems = useCallback42(() => {
+  const getGridItems = useCallback43(() => {
     return gridEl.current ? Array.from(gridEl.current.querySelectorAll(`[${gridItemIdKey}]`)) : [];
   }, []);
-  const getGridItemIdOrder = useCallback42(() => {
+  const getGridItemIdOrder = useCallback43(() => {
     return getGridItems().map((child) => child.getAttribute(gridItemIdKey)).filter(isDefined);
   }, [getGridItems]);
-  const initReorder = useCallback42(() => {
+  const initReorder = useCallback43(() => {
     if (gridEl.current && dragEl.current) {
       initialOrder.current = getGridItemIdOrder();
       styleSnapshot.current = snapshotElementStyle(dragEl.current);
       applyActiveStyles(dragEl.current, activeStyles3);
     }
   }, [getGridItemIdOrder, activeStyles3]);
-  const commitReorder = useCallback42(() => {
+  const commitReorder = useCallback43(() => {
     if (gridEl.current && dragEl.current) {
       const currentOrder = getGridItemIdOrder();
       if (!equal2(currentOrder, initialOrder.current)) onReorder(currentOrder);
@@ -30816,7 +30891,7 @@ function DnDGrid(props) {
       initialOrder.current = currentOrder;
     }
   }, [onReorder, getGridItemIdOrder]);
-  const cancelReorder = useCallback42(() => {
+  const cancelReorder = useCallback43(() => {
     if (gridEl.current && dragEl.current && initialOrder.current) {
       const currentOrder = getGridItemIdOrder();
       if (!equal2(currentOrder, initialOrder.current)) {
@@ -30838,7 +30913,7 @@ function DnDGrid(props) {
       reorderViaKeyboard.current = false;
     }
   }, [getGridItemIdOrder, getGridItems]);
-  const onMove = useCallback42((e) => {
+  const onMove = useCallback43((e) => {
     if (!reorderViaKeyboard.current && dragEl.current && cloneEl.current && gridEl.current) {
       const clientX = "clientX" in e ? e.clientX : e.touches[0].clientX;
       const clientY = "clientY" in e ? e.clientY : e.touches[0].clientY;
@@ -30861,7 +30936,7 @@ function DnDGrid(props) {
       }
     }
   }, [lockAxis]);
-  const onDragEnd = useCallback42((e) => {
+  const onDragEnd = useCallback43((e) => {
     if (!reorderViaKeyboard.current && dragEl.current && cloneEl.current && gridEl.current) {
       e.preventDefault();
       cloneEl.current.replaceWith(dragEl.current);
@@ -30872,7 +30947,7 @@ function DnDGrid(props) {
       removePointerDragListeners(onMove, onDragEnd);
     }
   }, [commitReorder, onMove]);
-  const onDragStart = useCallback42((e) => {
+  const onDragStart = useCallback43((e) => {
     if (!reorderViaKeyboard.current && dragEl.current && gridEl.current) {
       const rect = dragEl.current.getBoundingClientRect();
       const clientX = "clientX" in e ? e.clientX : e.touches[0].clientX;
@@ -30903,7 +30978,7 @@ function DnDGrid(props) {
   useEffect36(() => {
     return () => removePointerDragListeners(onMove, onDragEnd);
   }, [onMove, onDragEnd]);
-  const onDragHandleKeyDown = useCallback42((e) => {
+  const onDragHandleKeyDown = useCallback43((e) => {
     const moveHandle = e.target;
     if (dragEl.current instanceof HTMLElement && moveHandle instanceof HTMLElement && gridEl.current) {
       const isSpaceKey = e.key === " ";
@@ -31805,17 +31880,17 @@ function OpenModal(props) {
 
 // src/components/Navbar/NavbarMobileMenu.tsx
 import { AnimatePresence as AnimatePresence6, motion as motion7 } from "framer-motion";
-import { useEffect as useEffect39, useState as useState64 } from "react";
+import { useEffect as useEffect39, useState as useState65 } from "react";
 import { FocusScope as FocusScope7, usePreventScroll as usePreventScroll4 } from "react-aria";
 import { createPortal as createPortal11 } from "react-dom";
 import { useLocation } from "react-router-dom";
 
 // src/layouts/NavbarLayout/MobileSubNavContext.tsx
-import { createContext as createContext18, useContext as useContext29, useLayoutEffect as useLayoutEffect15, useMemo as useMemo60, useState as useState63 } from "react";
+import { createContext as createContext18, useContext as useContext29, useLayoutEffect as useLayoutEffect16, useMemo as useMemo60, useState as useState64 } from "react";
 import { jsx as jsx250 } from "react/jsx-runtime";
 var MobileSubNavContext = createContext18(void 0);
 function MobileSubNavProvider(props) {
-  const [mobileSubNav, setMobileSubNav] = useState63(null);
+  const [mobileSubNav, setMobileSubNav] = useState64(null);
   const value = useMemo60(() => ({ mobileSubNav, setMobileSubNav }), [mobileSubNav]);
   return /* @__PURE__ */ jsx250(MobileSubNavContext.Provider, { value, children: props.children });
 }
@@ -31827,11 +31902,11 @@ function useRegisterMobileSubNav(content2) {
   const setMobileSubNav = ctx?.setMobileSubNav;
   const enabled = !useBreakpoint().mdAndUp;
   const { top, items, footer } = content2;
-  useLayoutEffect15(() => {
+  useLayoutEffect16(() => {
     if (!setMobileSubNav || !enabled) return;
     setMobileSubNav({ top, items, footer });
   }, [setMobileSubNav, enabled, top, items, footer]);
-  useLayoutEffect15(() => {
+  useLayoutEffect16(() => {
     if (!setMobileSubNav || !enabled) return;
     return () => setMobileSubNav(null);
   }, [setMobileSubNav, enabled]);
@@ -31846,8 +31921,8 @@ function NavbarMobileMenu(props) {
     items
   } = props;
   const tid = useTestIds(props, "navbar");
-  const [isOpen2, setIsOpen] = useState64(false);
-  const [level, setLevel] = useState64("sub");
+  const [isOpen2, setIsOpen] = useState65(false);
+  const [level, setLevel] = useState65("sub");
   const {
     pathname,
     search
@@ -32006,12 +32081,12 @@ function NavbarMobileDrawer({
 }
 
 // src/hooks/useContentOverflow.ts
-import { useCallback as useCallback43, useLayoutEffect as useLayoutEffect16, useRef as useRef75, useState as useState65 } from "react";
+import { useCallback as useCallback44, useLayoutEffect as useLayoutEffect17, useRef as useRef76, useState as useState66 } from "react";
 function useContentOverflow(enabled = true) {
-  const containerRef = useRef75(null);
-  const contentRef = useRef75(null);
-  const [overflows, setOverflows] = useState65(false);
-  const checkContentOverflow = useCallback43(() => {
+  const containerRef = useRef76(null);
+  const contentRef = useRef76(null);
+  const [overflows, setOverflows] = useState66(false);
+  const checkContentOverflow = useCallback44(() => {
     const container = containerRef.current;
     const content2 = contentRef.current;
     if (!enabled || !container || !content2) {
@@ -32020,7 +32095,7 @@ function useContentOverflow(enabled = true) {
     }
     setOverflows(content2.offsetWidth > container.clientWidth);
   }, [enabled]);
-  useLayoutEffect16(() => {
+  useLayoutEffect17(() => {
     checkContentOverflow();
     window.addEventListener("resize", checkContentOverflow);
     return () => window.removeEventListener("resize", checkContentOverflow);
@@ -32107,10 +32182,10 @@ function NavbarUserMenu({
 }
 
 // src/components/Snackbar/useSnackbar.tsx
-import { useCallback as useCallback44, useEffect as useEffect40 } from "react";
+import { useCallback as useCallback45, useEffect as useEffect40 } from "react";
 function useSnackbar() {
   const { setNotices, setOffset } = useSnackbarContext();
-  const onClose = useCallback44(
+  const onClose = useCallback45(
     (noticeId) => {
       setNotices((prev) => {
         let returnValue = prev;
@@ -32127,7 +32202,7 @@ function useSnackbar() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const triggerNotice = useCallback44(
+  const triggerNotice = useCallback45(
     (props) => {
       const noticeId = props.id ?? `beamSnackbar:${snackbarId++}`;
       let maybeTimeout;
@@ -32156,7 +32231,7 @@ function useSnackbar() {
     },
     [onClose, setNotices]
   );
-  const closeNotice = useCallback44((id) => onClose(id), [onClose]);
+  const closeNotice = useCallback45((id) => onClose(id), [onClose]);
   const useSnackbarOffset = ({ bottom }) => useEffect40(() => {
     setOffset({ bottom });
     return () => setOffset({});
@@ -32206,7 +32281,7 @@ function simpleDataRows(data = []) {
 
 // src/components/Tabs.tsx
 import { camelCase as camelCase8 } from "change-case";
-import { useEffect as useEffect41, useMemo as useMemo61, useRef as useRef76, useState as useState66 } from "react";
+import { useEffect as useEffect41, useMemo as useMemo61, useRef as useRef77, useState as useState67 } from "react";
 import { mergeProps as mergeProps42, useFocusRing as useFocusRing22, useHover as useHover27 } from "react-aria";
 import { matchPath } from "react-router";
 import { Link as Link7, useLocation as useLocation2 } from "react-router-dom";
@@ -32286,8 +32361,8 @@ function Tabs(props) {
     focusProps
   } = useFocusRing22();
   const tid = useTestIds(others, "tabs");
-  const [active, setActive] = useState66(selected);
-  const ref = useRef76(null);
+  const [active, setActive] = useState67(selected);
+  const ref = useRef77(null);
   useEffect41(() => setActive(selected), [selected]);
   function onKeyUp(e) {
     if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
@@ -32523,51 +32598,79 @@ function hideTabs(props) {
 }
 
 // src/components/Toast/useToast.tsx
-import { useCallback as useCallback45 } from "react";
+import { useCallback as useCallback46 } from "react";
 function useToast() {
   const { setNotice, clear } = useToastContext();
-  const showToast = useCallback45((props) => setNotice(props), [setNotice]);
+  const showToast = useCallback46((props) => setNotice(props), [setNotice]);
   return { showToast, clear };
 }
 
-// src/illustrations/DocumentUploadIllustration.tsx
+// src/illustrations/AiTableIllustration.tsx
 import { trussProps as trussProps145 } from "@homebound/truss/runtime";
 import { jsx as jsx254, jsxs as jsxs136 } from "react/jsx-runtime";
+function AiTableIllustration(props) {
+  const {
+    width: width2 = 349
+  } = props;
+  return /* @__PURE__ */ jsxs136("svg", { viewBox: "0 0 349 197", xmlns: "http://www.w3.org/2000/svg", fill: "none", "aria-hidden": true, role: "presentation", ...trussProps145({
+    width: ["w_var", {
+      "--width": `${width2}px`
+    }],
+    maxWidth: "maxw100",
+    height: "ha"
+  }), children: [
+    /* @__PURE__ */ jsx254("rect", { x: "136.78", y: "22.45", width: "128.37", height: "126.07", rx: "7.38", stroke: "#C1B2F9", strokeWidth: "2.54", strokeLinecap: "round", strokeDasharray: "3.8 7.72", strokeDashoffset: "3.8" }),
+    /* @__PURE__ */ jsx254("rect", { x: "96.22", y: "41.46", width: "144.5", height: "129.41", rx: "7.95", fill: "white" }),
+    /* @__PURE__ */ jsx254("path", { d: "M96.22 64.17V49.42A7.95 7.95 0 0 1 104.17 41.46H232.77A7.95 7.95 0 0 1 240.72 49.42V64.17Z", fill: "#E2DFF5" }),
+    /* @__PURE__ */ jsx254("circle", { cx: "115.97", cy: "78.34", r: "4.91", fill: "#B6B2E1" }),
+    /* @__PURE__ */ jsx254("circle", { cx: "115.97", cy: "104.77", r: "4.91", fill: "#B6B2E1" }),
+    /* @__PURE__ */ jsx254("circle", { cx: "115.97", cy: "131.19", r: "4.91", fill: "#B6B2E1" }),
+    /* @__PURE__ */ jsx254("path", { d: "M96.22 64.17H240.72M135.63 64.17V170.87M195.78 41.46V170.87M96.22 91.48H240.72M96.22 117.87H240.72M96.22 144.37H240.72", stroke: "#7A7FA8", strokeWidth: "2.54" }),
+    /* @__PURE__ */ jsx254("rect", { x: "96.22", y: "41.46", width: "144.5", height: "129.41", rx: "7.95", stroke: "#7A7FA8", strokeWidth: "2.54" }),
+    /* @__PURE__ */ jsx254("path", { d: "M66.17 20.23L68.14 11.26A1.4 1.4 0 0 1 70.87 11.26L72.85 20.23L81.32 22.16A1.41 1.41 0 0 1 81.32 24.91L72.85 26.84L70.87 35.81A1.4 1.4 0 0 1 68.14 35.81L66.17 26.84L57.69 24.91A1.41 1.41 0 0 1 57.69 22.16Z", fill: "#9357FD" }),
+    /* @__PURE__ */ jsx254("path", { d: "M70.85 70.65L72.08 65.07A0.86 0.86 0 0 1 73.76 65.07L74.99 70.65L80.19 71.84A0.87 0.87 0 0 1 80.19 73.54L74.99 74.74L73.76 80.31A0.86 0.86 0 0 1 72.08 80.31L70.85 74.74L65.64 73.54A0.87 0.87 0 0 1 65.64 71.84Z", fill: "#A475FD" }),
+    /* @__PURE__ */ jsx254("path", { d: "M287.22 122.98L288.89 115.34A1.16 1.16 0 0 1 291.15 115.34L292.82 122.98L299.71 124.58A1.18 1.18 0 0 1 299.71 126.87L292.82 128.47L291.15 136.1A1.16 1.16 0 0 1 288.89 136.1L287.22 128.47L280.33 126.87A1.18 1.18 0 0 1 280.33 124.58Z", fill: "#955BFD" })
+  ] });
+}
+
+// src/illustrations/DocumentUploadIllustration.tsx
+import { trussProps as trussProps146 } from "@homebound/truss/runtime";
+import { jsx as jsx255, jsxs as jsxs137 } from "react/jsx-runtime";
 function DocumentUploadIllustration(props) {
   const {
     width: width2 = 338
   } = props;
-  return /* @__PURE__ */ jsxs136("svg", { viewBox: "0 0 338.25 270.6", xmlns: "http://www.w3.org/2000/svg", fill: "none", "aria-hidden": true, role: "presentation", ...trussProps145({
+  return /* @__PURE__ */ jsxs137("svg", { viewBox: "0 0 338.25 270.6", xmlns: "http://www.w3.org/2000/svg", fill: "none", "aria-hidden": true, role: "presentation", ...trussProps146({
     width: ["w_var", {
       "--width": `${width2}px`
     }],
     maxWidth: "maxw100",
     height: "ha"
   }), children: [
-    /* @__PURE__ */ jsx254("path", { d: "M256.146 107.294C256.146 107.294 267.377 64.7481 227.738 51.0067C188.1 37.2653 159.572 58.7309 145.026 75.3184C129.963 92.4952 127.849 132.662 96.9308 140.326C66.0126 147.989 59.4329 170.861 62.313 186.571C65.2199 202.426 72.3548 210.618 107.501 210.618H231.174C231.174 210.618 270.548 216.961 278.476 197.406C286.404 177.85 276.362 168.337 259.978 154.596C243.594 140.854 243.594 131.077 249.143 122.356C254.693 113.636 256.146 107.294 256.146 107.294Z", fill: "#F1F4F9" }),
-    /* @__PURE__ */ jsx254("path", { d: "M198.269 73.0502H132.422C125.722 73.0502 120.291 80.558 120.291 89.8194V194.831C120.291 204.092 125.722 211.6 132.422 211.6H211.249C217.949 211.6 223.38 204.092 223.38 194.831V100.978L198.269 73.0502Z", fill: "white" }),
-    /* @__PURE__ */ jsx254("path", { d: "M201.273 78.2404C200.767 78.2404 200.262 78.0337 199.897 77.6275L197.444 74.8999H193.776C192.754 74.8999 191.926 74.0718 191.926 73.0501C191.926 72.0284 192.754 71.2003 193.776 71.2003H198.268C198.793 71.2003 199.293 71.4232 199.644 71.8132L202.648 75.1537C203.331 75.9135 203.269 77.083 202.509 77.7661C202.156 78.0839 201.714 78.2404 201.273 78.2404Z", fill: "#798295" }),
-    /* @__PURE__ */ jsx254("path", { d: "M211.249 213.45H211.111C210.09 213.45 209.261 212.622 209.261 211.6C209.261 210.578 210.09 209.75 211.111 209.75H211.249C214.146 209.75 216.274 208.026 217.55 206.579C218.225 205.813 219.394 205.739 220.161 206.415C220.927 207.091 221.001 208.26 220.325 209.026C217.809 211.879 214.586 213.45 211.249 213.45ZM203.446 213.45H194.459C193.437 213.45 192.609 212.622 192.609 211.6C192.609 210.578 193.437 209.75 194.459 209.75H203.446C204.467 209.75 205.296 210.578 205.296 211.6C205.296 212.622 204.467 213.45 203.446 213.45ZM186.793 213.45H177.806C176.784 213.45 175.956 212.622 175.956 211.6C175.956 210.578 176.784 209.75 177.806 209.75H186.793C187.815 209.75 188.643 210.578 188.643 211.6C188.643 212.622 187.815 213.45 186.793 213.45ZM170.14 213.45H161.153C160.131 213.45 159.303 212.622 159.303 211.6C159.303 210.578 160.131 209.75 161.153 209.75H170.14C171.162 209.75 171.99 210.578 171.99 211.6C171.99 212.622 171.162 213.45 170.14 213.45ZM153.488 213.45H144.5C143.479 213.45 142.651 212.622 142.651 211.6C142.651 210.578 143.479 209.75 144.5 209.75H153.488C154.509 209.75 155.337 210.578 155.337 211.6C155.337 212.622 154.509 213.45 153.488 213.45ZM136.835 213.45H132.422C130.603 213.45 128.835 212.997 127.167 212.104C126.267 211.621 125.928 210.5 126.41 209.599C126.893 208.699 128.014 208.359 128.914 208.842C130.039 209.445 131.219 209.75 132.422 209.75H136.835C137.857 209.75 138.685 210.578 138.685 211.6C138.685 212.622 137.857 213.45 136.835 213.45ZM122.794 206.881C122.144 206.881 121.513 206.538 121.175 205.929C119.662 203.203 118.738 199.971 118.502 196.584C118.431 195.565 119.2 194.681 120.219 194.61C121.236 194.544 122.122 195.308 122.193 196.328C122.391 199.178 123.158 201.877 124.41 204.133C124.905 205.027 124.583 206.153 123.69 206.648C123.406 206.806 123.098 206.881 122.794 206.881ZM222.508 202.938C222.337 202.938 222.163 202.914 221.99 202.864C221.009 202.578 220.445 201.552 220.731 200.571C221.261 198.75 221.53 196.819 221.53 194.831V192.183C221.53 191.161 222.358 190.333 223.38 190.333C224.402 190.333 225.23 191.161 225.23 192.183V194.831C225.229 197.169 224.911 199.448 224.283 201.605C224.048 202.413 223.309 202.938 222.508 202.938ZM120.291 190.641C119.27 190.641 118.441 189.813 118.441 188.792V179.804C118.441 178.783 119.27 177.955 120.291 177.955C121.313 177.955 122.141 178.783 122.141 179.804V188.792C122.141 189.813 121.313 190.641 120.291 190.641ZM223.38 186.367C222.358 186.367 221.53 185.539 221.53 184.517V175.53C221.53 174.508 222.358 173.68 223.38 173.68C224.402 173.68 225.23 174.508 225.23 175.53V184.517C225.23 185.539 224.402 186.367 223.38 186.367ZM120.291 173.989C119.27 173.989 118.441 173.161 118.441 172.139V163.152C118.441 162.13 119.27 161.302 120.291 161.302C121.313 161.302 122.141 162.13 122.141 163.152V172.139C122.141 173.161 121.313 173.989 120.291 173.989ZM223.38 169.714C222.358 169.714 221.53 168.886 221.53 167.864V158.877C221.53 157.855 222.358 157.027 223.38 157.027C224.402 157.027 225.23 157.855 225.23 158.877V167.864C225.23 168.886 224.402 169.714 223.38 169.714ZM120.291 157.336C119.27 157.336 118.441 156.508 118.441 155.486V146.499C118.441 145.477 119.27 144.649 120.291 144.649C121.313 144.649 122.141 145.477 122.141 146.499V155.486C122.141 156.508 121.313 157.336 120.291 157.336ZM223.38 153.061C222.358 153.061 221.53 152.233 221.53 151.211V142.224C221.53 141.203 222.358 140.375 223.38 140.375C224.402 140.375 225.23 141.203 225.23 142.224V151.211C225.23 152.233 224.402 153.061 223.38 153.061ZM120.291 140.683C119.27 140.683 118.441 139.855 118.441 138.833V129.846C118.441 128.825 119.27 127.997 120.291 127.997C121.313 127.997 122.141 128.825 122.141 129.846V138.833C122.141 139.855 121.313 140.683 120.291 140.683ZM223.38 136.409C222.358 136.409 221.53 135.581 221.53 134.559V125.572C221.53 124.55 222.358 123.722 223.38 123.722C224.402 123.722 225.23 124.55 225.23 125.572V134.559C225.23 135.581 224.402 136.409 223.38 136.409ZM120.291 124.031C119.27 124.031 118.441 123.202 118.441 122.181V113.194C118.441 112.172 119.27 111.344 120.291 111.344C121.313 111.344 122.141 112.172 122.141 113.194V122.181C122.141 123.202 121.313 124.031 120.291 124.031ZM223.38 119.756C222.358 119.756 221.53 118.928 221.53 117.906V108.919C221.53 107.897 222.358 107.069 223.38 107.069C224.402 107.069 225.23 107.897 225.23 108.919V117.906C225.23 118.928 224.402 119.756 223.38 119.756ZM120.291 107.378C119.27 107.378 118.441 106.55 118.441 105.528V96.5409C118.441 95.5193 119.27 94.6911 120.291 94.6911C121.313 94.6911 122.141 95.5193 122.141 96.5409V105.528C122.141 106.55 121.313 107.378 120.291 107.378ZM223.38 103.103C222.537 103.103 221.825 102.539 221.603 101.768L216.18 95.7367C215.497 94.9771 215.559 93.8075 216.318 93.1244C217.078 92.4415 218.248 92.5033 218.931 93.2631L224.755 99.7411C225.061 100.081 225.23 100.521 225.23 100.978V101.253C225.23 102.275 224.402 103.103 223.38 103.103ZM120.312 90.7253C120.287 90.7253 120.262 90.7248 120.236 90.7239C119.215 90.683 118.421 89.8222 118.462 88.8015C118.597 85.4287 119.413 82.1733 120.823 79.3874C121.284 78.4757 122.396 78.1104 123.308 78.5715C124.22 79.0327 124.585 80.1455 124.124 81.0571C122.952 83.3736 122.273 86.1027 122.159 88.9496C122.119 89.9452 121.299 90.7253 120.312 90.7253ZM212.43 90.6496C211.924 90.6496 211.42 90.4429 211.054 90.0366L205.045 83.3536C204.362 82.594 204.425 81.4244 205.184 80.7413C205.944 80.0585 207.113 80.12 207.796 80.88L213.805 87.563C214.489 88.3226 214.426 89.4923 213.667 90.1753C213.313 90.4931 212.871 90.6496 212.43 90.6496ZM127.452 76.3686C126.834 76.3686 126.23 76.0589 125.88 75.4953C125.34 74.6277 125.606 73.487 126.474 72.9477C128.338 71.7883 130.34 71.2004 132.422 71.2004H136.152C137.174 71.2004 138.002 72.0286 138.002 73.0502C138.002 74.0719 137.174 74.9 136.152 74.9H132.422C131.041 74.9 129.697 75.3002 128.427 76.0893C128.123 76.2784 127.786 76.3686 127.452 76.3686ZM186.111 74.9H177.123C176.102 74.9 175.274 74.0719 175.274 73.0502C175.274 72.0286 176.102 71.2004 177.123 71.2004H186.111C187.132 71.2004 187.96 72.0286 187.96 73.0502C187.96 74.0719 187.132 74.9 186.111 74.9ZM169.458 74.9H160.471C159.449 74.9 158.621 74.0719 158.621 73.0502C158.621 72.0286 159.449 71.2004 160.471 71.2004H169.458C170.48 71.2004 171.308 72.0286 171.308 73.0502C171.308 74.0719 170.48 74.9 169.458 74.9ZM152.805 74.9H143.818C142.796 74.9 141.968 74.0719 141.968 73.0502C141.968 72.0286 142.796 71.2004 143.818 71.2004H152.805C153.827 71.2004 154.655 72.0286 154.655 73.0502C154.655 74.0719 153.827 74.9 152.805 74.9Z", fill: "#798295" }),
-    /* @__PURE__ */ jsx254("path", { d: "M192.785 83.3351V99.2582C192.785 102.885 195.726 105.826 199.353 105.826H215.482", fill: "white" }),
-    /* @__PURE__ */ jsx254("path", { d: "M215.39 107.676H206.406C205.384 107.676 204.556 106.848 204.556 105.826C204.556 104.804 205.384 103.976 206.406 103.976H215.39C216.412 103.976 217.24 104.804 217.24 105.826C217.24 106.848 216.412 107.676 215.39 107.676ZM198.745 107.648C198.689 107.648 198.632 107.645 198.574 107.64C194.611 107.275 191.419 104.139 190.986 100.183C190.874 99.1675 191.608 98.2541 192.623 98.1428C193.636 98.0331 194.552 98.7646 194.663 99.7801C194.906 101.996 196.693 103.752 198.913 103.956C199.93 104.049 200.679 104.95 200.585 105.967C200.497 106.927 199.691 107.648 198.745 107.648ZM192.785 94.1696C191.764 94.1696 190.936 93.3415 190.936 92.3198V83.335C190.936 82.3134 191.764 81.4852 192.785 81.4852C193.807 81.4852 194.635 82.3134 194.635 83.335V92.3198C194.635 93.3415 193.807 94.1696 192.785 94.1696Z", fill: "#798295" }),
-    /* @__PURE__ */ jsx254("path", { d: "M189.911 178.207H154.776C153.609 178.207 152.662 177.261 152.662 176.093C152.662 174.926 153.609 173.979 154.776 173.979H189.911C191.078 173.979 192.025 174.926 192.025 176.093C192.025 177.261 191.078 178.207 189.911 178.207Z", fill: "#798295" }),
-    /* @__PURE__ */ jsx254("path", { d: "M171.711 166.32C170.544 166.32 169.597 165.373 169.597 164.206V124.131C169.597 122.963 170.544 122.017 171.711 122.017C172.878 122.017 173.825 122.963 173.825 124.131V164.206C173.825 165.373 172.878 166.32 171.711 166.32Z", fill: "#798295" }),
-    /* @__PURE__ */ jsx254("path", { d: "M191.126 144.439C190.608 144.439 190.089 144.25 189.681 143.868L171.72 127.037L154 143.858C153.154 144.662 151.815 144.628 151.012 143.781C150.208 142.934 150.243 141.596 151.089 140.792L170.256 122.597C171.068 121.827 172.34 121.823 173.157 122.588L192.572 140.783C193.424 141.581 193.467 142.919 192.669 143.771C192.253 144.215 191.69 144.439 191.126 144.439Z", fill: "#798295" }),
-    /* @__PURE__ */ jsx254("path", { d: "M264.954 212.204H230.865C229.989 212.204 229.279 211.494 229.279 210.618C229.279 209.743 229.989 209.033 230.865 209.033H264.954C265.83 209.033 266.54 209.743 266.54 210.618C266.54 211.494 265.83 212.204 264.954 212.204Z", fill: "#798295" }),
-    /* @__PURE__ */ jsx254("path", { d: "M112.806 212.204H80.0384C79.1628 212.204 78.4529 211.494 78.4529 210.618C78.4529 209.743 79.1628 209.033 80.0384 209.033H112.806C113.682 209.033 114.392 209.743 114.392 210.618C114.392 211.494 113.682 212.204 112.806 212.204Z", fill: "#798295" })
+    /* @__PURE__ */ jsx255("path", { d: "M256.146 107.294C256.146 107.294 267.377 64.7481 227.738 51.0067C188.1 37.2653 159.572 58.7309 145.026 75.3184C129.963 92.4952 127.849 132.662 96.9308 140.326C66.0126 147.989 59.4329 170.861 62.313 186.571C65.2199 202.426 72.3548 210.618 107.501 210.618H231.174C231.174 210.618 270.548 216.961 278.476 197.406C286.404 177.85 276.362 168.337 259.978 154.596C243.594 140.854 243.594 131.077 249.143 122.356C254.693 113.636 256.146 107.294 256.146 107.294Z", fill: "#F1F4F9" }),
+    /* @__PURE__ */ jsx255("path", { d: "M198.269 73.0502H132.422C125.722 73.0502 120.291 80.558 120.291 89.8194V194.831C120.291 204.092 125.722 211.6 132.422 211.6H211.249C217.949 211.6 223.38 204.092 223.38 194.831V100.978L198.269 73.0502Z", fill: "white" }),
+    /* @__PURE__ */ jsx255("path", { d: "M201.273 78.2404C200.767 78.2404 200.262 78.0337 199.897 77.6275L197.444 74.8999H193.776C192.754 74.8999 191.926 74.0718 191.926 73.0501C191.926 72.0284 192.754 71.2003 193.776 71.2003H198.268C198.793 71.2003 199.293 71.4232 199.644 71.8132L202.648 75.1537C203.331 75.9135 203.269 77.083 202.509 77.7661C202.156 78.0839 201.714 78.2404 201.273 78.2404Z", fill: "#798295" }),
+    /* @__PURE__ */ jsx255("path", { d: "M211.249 213.45H211.111C210.09 213.45 209.261 212.622 209.261 211.6C209.261 210.578 210.09 209.75 211.111 209.75H211.249C214.146 209.75 216.274 208.026 217.55 206.579C218.225 205.813 219.394 205.739 220.161 206.415C220.927 207.091 221.001 208.26 220.325 209.026C217.809 211.879 214.586 213.45 211.249 213.45ZM203.446 213.45H194.459C193.437 213.45 192.609 212.622 192.609 211.6C192.609 210.578 193.437 209.75 194.459 209.75H203.446C204.467 209.75 205.296 210.578 205.296 211.6C205.296 212.622 204.467 213.45 203.446 213.45ZM186.793 213.45H177.806C176.784 213.45 175.956 212.622 175.956 211.6C175.956 210.578 176.784 209.75 177.806 209.75H186.793C187.815 209.75 188.643 210.578 188.643 211.6C188.643 212.622 187.815 213.45 186.793 213.45ZM170.14 213.45H161.153C160.131 213.45 159.303 212.622 159.303 211.6C159.303 210.578 160.131 209.75 161.153 209.75H170.14C171.162 209.75 171.99 210.578 171.99 211.6C171.99 212.622 171.162 213.45 170.14 213.45ZM153.488 213.45H144.5C143.479 213.45 142.651 212.622 142.651 211.6C142.651 210.578 143.479 209.75 144.5 209.75H153.488C154.509 209.75 155.337 210.578 155.337 211.6C155.337 212.622 154.509 213.45 153.488 213.45ZM136.835 213.45H132.422C130.603 213.45 128.835 212.997 127.167 212.104C126.267 211.621 125.928 210.5 126.41 209.599C126.893 208.699 128.014 208.359 128.914 208.842C130.039 209.445 131.219 209.75 132.422 209.75H136.835C137.857 209.75 138.685 210.578 138.685 211.6C138.685 212.622 137.857 213.45 136.835 213.45ZM122.794 206.881C122.144 206.881 121.513 206.538 121.175 205.929C119.662 203.203 118.738 199.971 118.502 196.584C118.431 195.565 119.2 194.681 120.219 194.61C121.236 194.544 122.122 195.308 122.193 196.328C122.391 199.178 123.158 201.877 124.41 204.133C124.905 205.027 124.583 206.153 123.69 206.648C123.406 206.806 123.098 206.881 122.794 206.881ZM222.508 202.938C222.337 202.938 222.163 202.914 221.99 202.864C221.009 202.578 220.445 201.552 220.731 200.571C221.261 198.75 221.53 196.819 221.53 194.831V192.183C221.53 191.161 222.358 190.333 223.38 190.333C224.402 190.333 225.23 191.161 225.23 192.183V194.831C225.229 197.169 224.911 199.448 224.283 201.605C224.048 202.413 223.309 202.938 222.508 202.938ZM120.291 190.641C119.27 190.641 118.441 189.813 118.441 188.792V179.804C118.441 178.783 119.27 177.955 120.291 177.955C121.313 177.955 122.141 178.783 122.141 179.804V188.792C122.141 189.813 121.313 190.641 120.291 190.641ZM223.38 186.367C222.358 186.367 221.53 185.539 221.53 184.517V175.53C221.53 174.508 222.358 173.68 223.38 173.68C224.402 173.68 225.23 174.508 225.23 175.53V184.517C225.23 185.539 224.402 186.367 223.38 186.367ZM120.291 173.989C119.27 173.989 118.441 173.161 118.441 172.139V163.152C118.441 162.13 119.27 161.302 120.291 161.302C121.313 161.302 122.141 162.13 122.141 163.152V172.139C122.141 173.161 121.313 173.989 120.291 173.989ZM223.38 169.714C222.358 169.714 221.53 168.886 221.53 167.864V158.877C221.53 157.855 222.358 157.027 223.38 157.027C224.402 157.027 225.23 157.855 225.23 158.877V167.864C225.23 168.886 224.402 169.714 223.38 169.714ZM120.291 157.336C119.27 157.336 118.441 156.508 118.441 155.486V146.499C118.441 145.477 119.27 144.649 120.291 144.649C121.313 144.649 122.141 145.477 122.141 146.499V155.486C122.141 156.508 121.313 157.336 120.291 157.336ZM223.38 153.061C222.358 153.061 221.53 152.233 221.53 151.211V142.224C221.53 141.203 222.358 140.375 223.38 140.375C224.402 140.375 225.23 141.203 225.23 142.224V151.211C225.23 152.233 224.402 153.061 223.38 153.061ZM120.291 140.683C119.27 140.683 118.441 139.855 118.441 138.833V129.846C118.441 128.825 119.27 127.997 120.291 127.997C121.313 127.997 122.141 128.825 122.141 129.846V138.833C122.141 139.855 121.313 140.683 120.291 140.683ZM223.38 136.409C222.358 136.409 221.53 135.581 221.53 134.559V125.572C221.53 124.55 222.358 123.722 223.38 123.722C224.402 123.722 225.23 124.55 225.23 125.572V134.559C225.23 135.581 224.402 136.409 223.38 136.409ZM120.291 124.031C119.27 124.031 118.441 123.202 118.441 122.181V113.194C118.441 112.172 119.27 111.344 120.291 111.344C121.313 111.344 122.141 112.172 122.141 113.194V122.181C122.141 123.202 121.313 124.031 120.291 124.031ZM223.38 119.756C222.358 119.756 221.53 118.928 221.53 117.906V108.919C221.53 107.897 222.358 107.069 223.38 107.069C224.402 107.069 225.23 107.897 225.23 108.919V117.906C225.23 118.928 224.402 119.756 223.38 119.756ZM120.291 107.378C119.27 107.378 118.441 106.55 118.441 105.528V96.5409C118.441 95.5193 119.27 94.6911 120.291 94.6911C121.313 94.6911 122.141 95.5193 122.141 96.5409V105.528C122.141 106.55 121.313 107.378 120.291 107.378ZM223.38 103.103C222.537 103.103 221.825 102.539 221.603 101.768L216.18 95.7367C215.497 94.9771 215.559 93.8075 216.318 93.1244C217.078 92.4415 218.248 92.5033 218.931 93.2631L224.755 99.7411C225.061 100.081 225.23 100.521 225.23 100.978V101.253C225.23 102.275 224.402 103.103 223.38 103.103ZM120.312 90.7253C120.287 90.7253 120.262 90.7248 120.236 90.7239C119.215 90.683 118.421 89.8222 118.462 88.8015C118.597 85.4287 119.413 82.1733 120.823 79.3874C121.284 78.4757 122.396 78.1104 123.308 78.5715C124.22 79.0327 124.585 80.1455 124.124 81.0571C122.952 83.3736 122.273 86.1027 122.159 88.9496C122.119 89.9452 121.299 90.7253 120.312 90.7253ZM212.43 90.6496C211.924 90.6496 211.42 90.4429 211.054 90.0366L205.045 83.3536C204.362 82.594 204.425 81.4244 205.184 80.7413C205.944 80.0585 207.113 80.12 207.796 80.88L213.805 87.563C214.489 88.3226 214.426 89.4923 213.667 90.1753C213.313 90.4931 212.871 90.6496 212.43 90.6496ZM127.452 76.3686C126.834 76.3686 126.23 76.0589 125.88 75.4953C125.34 74.6277 125.606 73.487 126.474 72.9477C128.338 71.7883 130.34 71.2004 132.422 71.2004H136.152C137.174 71.2004 138.002 72.0286 138.002 73.0502C138.002 74.0719 137.174 74.9 136.152 74.9H132.422C131.041 74.9 129.697 75.3002 128.427 76.0893C128.123 76.2784 127.786 76.3686 127.452 76.3686ZM186.111 74.9H177.123C176.102 74.9 175.274 74.0719 175.274 73.0502C175.274 72.0286 176.102 71.2004 177.123 71.2004H186.111C187.132 71.2004 187.96 72.0286 187.96 73.0502C187.96 74.0719 187.132 74.9 186.111 74.9ZM169.458 74.9H160.471C159.449 74.9 158.621 74.0719 158.621 73.0502C158.621 72.0286 159.449 71.2004 160.471 71.2004H169.458C170.48 71.2004 171.308 72.0286 171.308 73.0502C171.308 74.0719 170.48 74.9 169.458 74.9ZM152.805 74.9H143.818C142.796 74.9 141.968 74.0719 141.968 73.0502C141.968 72.0286 142.796 71.2004 143.818 71.2004H152.805C153.827 71.2004 154.655 72.0286 154.655 73.0502C154.655 74.0719 153.827 74.9 152.805 74.9Z", fill: "#798295" }),
+    /* @__PURE__ */ jsx255("path", { d: "M192.785 83.3351V99.2582C192.785 102.885 195.726 105.826 199.353 105.826H215.482", fill: "white" }),
+    /* @__PURE__ */ jsx255("path", { d: "M215.39 107.676H206.406C205.384 107.676 204.556 106.848 204.556 105.826C204.556 104.804 205.384 103.976 206.406 103.976H215.39C216.412 103.976 217.24 104.804 217.24 105.826C217.24 106.848 216.412 107.676 215.39 107.676ZM198.745 107.648C198.689 107.648 198.632 107.645 198.574 107.64C194.611 107.275 191.419 104.139 190.986 100.183C190.874 99.1675 191.608 98.2541 192.623 98.1428C193.636 98.0331 194.552 98.7646 194.663 99.7801C194.906 101.996 196.693 103.752 198.913 103.956C199.93 104.049 200.679 104.95 200.585 105.967C200.497 106.927 199.691 107.648 198.745 107.648ZM192.785 94.1696C191.764 94.1696 190.936 93.3415 190.936 92.3198V83.335C190.936 82.3134 191.764 81.4852 192.785 81.4852C193.807 81.4852 194.635 82.3134 194.635 83.335V92.3198C194.635 93.3415 193.807 94.1696 192.785 94.1696Z", fill: "#798295" }),
+    /* @__PURE__ */ jsx255("path", { d: "M189.911 178.207H154.776C153.609 178.207 152.662 177.261 152.662 176.093C152.662 174.926 153.609 173.979 154.776 173.979H189.911C191.078 173.979 192.025 174.926 192.025 176.093C192.025 177.261 191.078 178.207 189.911 178.207Z", fill: "#798295" }),
+    /* @__PURE__ */ jsx255("path", { d: "M171.711 166.32C170.544 166.32 169.597 165.373 169.597 164.206V124.131C169.597 122.963 170.544 122.017 171.711 122.017C172.878 122.017 173.825 122.963 173.825 124.131V164.206C173.825 165.373 172.878 166.32 171.711 166.32Z", fill: "#798295" }),
+    /* @__PURE__ */ jsx255("path", { d: "M191.126 144.439C190.608 144.439 190.089 144.25 189.681 143.868L171.72 127.037L154 143.858C153.154 144.662 151.815 144.628 151.012 143.781C150.208 142.934 150.243 141.596 151.089 140.792L170.256 122.597C171.068 121.827 172.34 121.823 173.157 122.588L192.572 140.783C193.424 141.581 193.467 142.919 192.669 143.771C192.253 144.215 191.69 144.439 191.126 144.439Z", fill: "#798295" }),
+    /* @__PURE__ */ jsx255("path", { d: "M264.954 212.204H230.865C229.989 212.204 229.279 211.494 229.279 210.618C229.279 209.743 229.989 209.033 230.865 209.033H264.954C265.83 209.033 266.54 209.743 266.54 210.618C266.54 211.494 265.83 212.204 264.954 212.204Z", fill: "#798295" }),
+    /* @__PURE__ */ jsx255("path", { d: "M112.806 212.204H80.0384C79.1628 212.204 78.4529 211.494 78.4529 210.618C78.4529 209.743 79.1628 209.033 80.0384 209.033H112.806C113.682 209.033 114.392 209.743 114.392 210.618C114.392 211.494 113.682 212.204 112.806 212.204Z", fill: "#798295" })
   ] });
 }
 
 // src/layouts/SideNavLayout/SideNavLayout.tsx
-import { trussProps as trussProps146, mergeProps as mergeProps43, maybeCssVar as maybeCssVar68 } from "@homebound/truss/runtime";
-import { jsx as jsx255, jsxs as jsxs137 } from "react/jsx-runtime";
+import { trussProps as trussProps147, mergeProps as mergeProps43, maybeCssVar as maybeCssVar68 } from "@homebound/truss/runtime";
+import { jsx as jsx256, jsxs as jsxs138 } from "react/jsx-runtime";
 var __maybeInc29 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function SideNavLayout(props) {
   const hasProvider = useHasSideNavLayoutProvider();
-  if (hasProvider) return /* @__PURE__ */ jsx255(SideNavLayoutContent, { ...props });
-  return /* @__PURE__ */ jsx255(SideNavLayoutProvider, { children: /* @__PURE__ */ jsx255(SideNavLayoutContent, { ...props }) });
+  if (hasProvider) return /* @__PURE__ */ jsx256(SideNavLayoutContent, { ...props });
+  return /* @__PURE__ */ jsx256(SideNavLayoutProvider, { children: /* @__PURE__ */ jsx256(SideNavLayoutContent, { ...props }) });
 }
 function SideNavLayoutContent(props) {
   const {
@@ -32590,7 +32693,7 @@ function SideNavLayoutContent(props) {
   const railOffsetPx = !showRail ? 0 : !bp.mdAndUp || collapsed ? railCollapsedWidthPx : railWidthPx;
   const navTop = belowNavbarOffset();
   const railViewportHeight = `calc(var(${beamLayoutViewportHeightVar}, 100vh) - var(${beamEnvironmentBannerLayoutHeightVar}, 0px) - var(${beamNavbarLayoutHeightVar}, 0px))`;
-  const rail = showRail && /* @__PURE__ */ jsxs137("div", { ...trussProps146({
+  const rail = showRail && /* @__PURE__ */ jsxs138("div", { ...trussProps147({
     ...{
       display: "df",
       flexDirection: "fdc",
@@ -32647,18 +32750,18 @@ function SideNavLayoutContent(props) {
       }
     }
   }), ...tid.sideNav, children: [
-    showCollapseToggle && /* @__PURE__ */ jsx255("div", { className: "absolute r_2 top2 z2", children: /* @__PURE__ */ jsx255(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
-    /* @__PURE__ */ jsx255("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ jsx255(SideNav, { ...sideNav }) })
+    showCollapseToggle && /* @__PURE__ */ jsx256("div", { className: "absolute r_2 top2 z2", children: /* @__PURE__ */ jsx256(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
+    /* @__PURE__ */ jsx256("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ jsx256(SideNav, { ...sideNav }) })
   ] });
-  return /* @__PURE__ */ jsx255(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs137("div", { ...mergeProps43(void 0, {
+  return /* @__PURE__ */ jsx256(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs138("div", { ...mergeProps43(void 0, {
     [beamSideNavLayoutWidthVar]: `${railOffsetPx}px`
   }, {
     display: "df",
     flexDirection: "fdr",
     width: "w100"
   }), ...tid, children: [
-    contrastRail ? /* @__PURE__ */ jsx255(ContrastScope, { children: rail }) : rail,
-    /* @__PURE__ */ jsx255("div", { ...trussProps146({
+    contrastRail ? /* @__PURE__ */ jsx256(ContrastScope, { children: rail }) : rail,
+    /* @__PURE__ */ jsx256("div", { ...trussProps147({
       display: "df",
       flexDirection: "fdc",
       flexGrow: "fg1",
@@ -32675,7 +32778,7 @@ function SideNavLayoutContent(props) {
 
 // src/layouts/CenteredLayout/CenteredLayout.tsx
 import { mergeProps as mergeProps44 } from "@homebound/truss/runtime";
-import { jsx as jsx256 } from "react/jsx-runtime";
+import { jsx as jsx257 } from "react/jsx-runtime";
 function CenteredLayout(props) {
   const {
     size,
@@ -32687,7 +32790,7 @@ function CenteredLayout(props) {
     mdAndUp
   } = useBreakpoint();
   const rightPane = resolveWithRightPaneOptions(withRightPane);
-  const shell = /* @__PURE__ */ jsx256(ContentInsetProvider, { children: /* @__PURE__ */ jsx256("div", { ...mergeProps44(void 0, {
+  const shell = /* @__PURE__ */ jsx257(ContentInsetProvider, { children: /* @__PURE__ */ jsx257("div", { ...mergeProps44(void 0, {
     // layoutContainer descendants (e.g. ContentHeader) read this to inset sticky horizontal chrome within the shell padding.
     [beamLayoutContentPaddingXVar]: mdAndUp ? pageContentPaddingXValue : smPageContentPaddingXValue,
     // Floor while an ancestor overlay pane is open (`0px` when closed). `md+` only — phones must not get a dummy scrollbar.
@@ -32706,7 +32809,7 @@ function CenteredLayout(props) {
     ...pageContentPaddingX
   }), ...tid, children }) });
   if (!rightPane) return shell;
-  return /* @__PURE__ */ jsx256(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: shell });
+  return /* @__PURE__ */ jsx257(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: shell });
 }
 var centeredContentMaxPx = {
   sm: 720,
@@ -32719,8 +32822,8 @@ var centeredShellMaxPx = {
 };
 
 // src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
-import { trussProps as trussProps147, mergeProps as mergeProps45, maybeCssVar as maybeCssVar69 } from "@homebound/truss/runtime";
-import { jsx as jsx257, jsxs as jsxs138 } from "react/jsx-runtime";
+import { trussProps as trussProps148, mergeProps as mergeProps45, maybeCssVar as maybeCssVar69 } from "@homebound/truss/runtime";
+import { jsx as jsx258, jsxs as jsxs139 } from "react/jsx-runtime";
 var __maybeInc30 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -32736,18 +32839,18 @@ function EnvironmentBannerLayout(props) {
     [beamEnvironmentBannerLayoutHeightVar]: `${bannerHeightPx}px`
   };
   const innerWidth = `var(${beamLayoutViewportWidthVar}, 100vw)`;
-  return /* @__PURE__ */ jsx257(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx257(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ jsxs138("div", { ...mergeProps45(void 0, style, {
+  return /* @__PURE__ */ jsx258(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx258(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ jsxs139("div", { ...mergeProps45(void 0, style, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    showBanner && environmentBanner && /* @__PURE__ */ jsx257("div", { ...mergeProps45(void 0, {
+    showBanner && environmentBanner && /* @__PURE__ */ jsx258("div", { ...mergeProps45(void 0, {
       height: environmentBannerSizePx
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ jsx257("div", { ...trussProps147({
+    }), children: /* @__PURE__ */ jsx258("div", { ...trussProps148({
       position: "fixed",
       top: "top0",
       left: "l_0",
@@ -32757,24 +32860,24 @@ function EnvironmentBannerLayout(props) {
       width: ["w_var", {
         "--width": maybeCssVar69(__maybeInc30(innerWidth))
       }]
-    }), ...tid.bannerSticky, children: /* @__PURE__ */ jsx257(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
+    }), ...tid.bannerSticky, children: /* @__PURE__ */ jsx258(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
     children
   ] }) }) });
 }
 
 // src/layouts/FormSectionLayout/FormSectionLayout.tsx
-import { trussProps as trussProps151, maybeCssVar as maybeCssVar72 } from "@homebound/truss/runtime";
+import { trussProps as trussProps152, maybeCssVar as maybeCssVar72 } from "@homebound/truss/runtime";
 
 // src/forms/FormSection/FormSection.tsx
 import { useCheckboxGroup as useCheckboxGroup4, useRadioGroup as useRadioGroup3 } from "react-aria";
 import { useCheckboxGroupState as useCheckboxGroupState4, useRadioGroupState as useRadioGroupState3 } from "react-stately";
-import { trussProps as trussProps149, maybeCssVar as maybeCssVar70 } from "@homebound/truss/runtime";
+import { trussProps as trussProps150, maybeCssVar as maybeCssVar70 } from "@homebound/truss/runtime";
 
 // src/forms/FormSection/FormSectionChild.tsx
-import { useRef as useRef77 } from "react";
+import { useRef as useRef78 } from "react";
 import { mergeProps as mergeProps46, useCheckboxGroupItem as useCheckboxGroupItem4, useFocusRing as useFocusRing23, useRadio as useRadio3, VisuallyHidden as VisuallyHidden11 } from "react-aria";
-import { trussProps as trussProps148 } from "@homebound/truss/runtime";
-import { Fragment as Fragment56, jsx as jsx258, jsxs as jsxs139 } from "react/jsx-runtime";
+import { trussProps as trussProps149 } from "@homebound/truss/runtime";
+import { Fragment as Fragment56, jsx as jsx259, jsxs as jsxs140 } from "react/jsx-runtime";
 function FormSectionChild(props) {
   const {
     title,
@@ -32788,7 +32891,7 @@ function FormSectionChild(props) {
     group
   } = props;
   const tid = useTestIds(props, "formSectionChild");
-  const itemRef = useRef77(null);
+  const itemRef = useRef78(null);
   const isDraggable = !!orderField;
   const {
     dragItemProps,
@@ -32797,11 +32900,11 @@ function FormSectionChild(props) {
     id: props.id ?? title,
     itemRef
   });
-  const control = group?.mode === "single" ? /* @__PURE__ */ jsx258(FormSectionChildRadio, { state: group.state, value, label: title, ...tid.radio }) : group?.mode === "multiple" ? /* @__PURE__ */ jsx258(FormSectionChildCheckbox, { state: group.state, value, label: title, ...tid.checkbox }) : selection ? /* @__PURE__ */ jsx258(BoundCheckboxField, { field: selection.field, label: title, checkboxOnly: true, ...tid.checkbox }) : void 0;
-  return /* @__PURE__ */ jsxs139("div", { ...isDraggable ? {
+  const control = group?.mode === "single" ? /* @__PURE__ */ jsx259(FormSectionChildRadio, { state: group.state, value, label: title, ...tid.radio }) : group?.mode === "multiple" ? /* @__PURE__ */ jsx259(FormSectionChildCheckbox, { state: group.state, value, label: title, ...tid.checkbox }) : selection ? /* @__PURE__ */ jsx259(BoundCheckboxField, { field: selection.field, label: title, checkboxOnly: true, ...tid.checkbox }) : void 0;
+  return /* @__PURE__ */ jsxs140("div", { ...isDraggable ? {
     ...dragItemProps,
     ref: itemRef
-  } : {}, ...trussProps148({
+  } : {}, ...trussProps149({
     display: "df",
     flexDirection: "fdc",
     gap: "g_2",
@@ -32817,8 +32920,8 @@ function FormSectionChild(props) {
     borderStyle: "lot_bsn",
     borderWidth: "lot_bw_0"
   }), ...tid, children: [
-    /* @__PURE__ */ jsx258(ContentHeader, { ...tid.header, title, description, actions, level: 4, rightSlotLead: tag && /* @__PURE__ */ jsx258(Tag, { ...tag, ...tid.tag }), startAdornment: isDraggable || control ? /* @__PURE__ */ jsxs139(Fragment56, { children: [
-      isDraggable && /* @__PURE__ */ jsx258(DnDGridItemHandle, { dragHandleProps, icon: "drag", compact: true }),
+    /* @__PURE__ */ jsx259(ContentHeader, { ...tid.header, title, description, actions, level: 4, rightSlotLead: tag && /* @__PURE__ */ jsx259(Tag, { ...tag, ...tid.tag }), startAdornment: isDraggable || control ? /* @__PURE__ */ jsxs140(Fragment56, { children: [
+      isDraggable && /* @__PURE__ */ jsx259(DnDGridItemHandle, { dragHandleProps, icon: "drag", compact: true }),
       control
     ] }) : void 0 }),
     fields
@@ -32830,7 +32933,7 @@ function FormSectionChildRadio(props) {
     value,
     label
   } = props;
-  const ref = useRef77(null);
+  const ref = useRef78(null);
   const {
     inputProps,
     isDisabled,
@@ -32844,7 +32947,7 @@ function FormSectionChildRadio(props) {
     isFocusVisible
   } = useFocusRing23();
   const tid = useTestIds(props);
-  return /* @__PURE__ */ jsx258(StyledRadio, { isDisabled, isSelected, isFocusVisible, inputProps: {
+  return /* @__PURE__ */ jsx259(StyledRadio, { isDisabled, isSelected, isFocusVisible, inputProps: {
     ...mergeProps46(inputProps, focusProps),
     ref,
     ...tid
@@ -32856,7 +32959,7 @@ function FormSectionChildCheckbox(props) {
     value,
     label
   } = props;
-  const ref = useRef77(null);
+  const ref = useRef78(null);
   const {
     inputProps,
     isDisabled,
@@ -32872,21 +32975,21 @@ function FormSectionChildCheckbox(props) {
   const tid = useTestIds(props);
   return (
     // `StyledCheckbox` is just the visual box, so the label makes clicking it toggle the hidden input
-    /* @__PURE__ */ jsxs139("label", { ...trussProps148({
+    /* @__PURE__ */ jsxs140("label", { ...trussProps149({
       display: "df",
       cursor: "cur_pointer",
       ...isDisabled ? {
         cursor: "cur_not_allowed"
       } : {}
     }), children: [
-      /* @__PURE__ */ jsx258(VisuallyHidden11, { children: /* @__PURE__ */ jsx258("input", { ref, ...mergeProps46(inputProps, focusProps), ...tid }) }),
-      /* @__PURE__ */ jsx258(StyledCheckbox, { isDisabled, isSelected, isFocusVisible })
+      /* @__PURE__ */ jsx259(VisuallyHidden11, { children: /* @__PURE__ */ jsx259("input", { ref, ...mergeProps46(inputProps, focusProps), ...tid }) }),
+      /* @__PURE__ */ jsx259(StyledCheckbox, { isDisabled, isSelected, isFocusVisible })
     ] })
   );
 }
 
 // src/forms/FormSection/FormSection.tsx
-import { jsx as jsx259, jsxs as jsxs140 } from "react/jsx-runtime";
+import { jsx as jsx260, jsxs as jsxs141 } from "react/jsx-runtime";
 function FormSection(props) {
   const {
     title,
@@ -32897,7 +33000,7 @@ function FormSection(props) {
     selection
   } = props;
   const tid = useTestIds(props, "formSection");
-  return /* @__PURE__ */ jsxs140("div", { id: defaultTestId(title), ...trussProps149({
+  return /* @__PURE__ */ jsxs141("div", { id: defaultTestId(title), ...trussProps150({
     display: "df",
     flexDirection: "fdc",
     gap: "g_2",
@@ -32905,9 +33008,9 @@ function FormSection(props) {
       "--scrollMarginTop": maybeCssVar70(stickyNavAndHeaderOffset())
     }]
   }), ...tid.section, children: [
-    /* @__PURE__ */ jsx259(ContentHeader, { ...tid, title, description, actions, level: 3 }),
+    /* @__PURE__ */ jsx260(ContentHeader, { ...tid, title, description, actions, level: 3 }),
     fields,
-    childSections && (selection?.mode === "single" ? /* @__PURE__ */ jsx259(FormSectionRadioGroup, { field: selection.field, label: title, childSections, ...tid }) : selection?.mode === "multiple" ? /* @__PURE__ */ jsx259(FormSectionCheckboxGroup, { field: selection.field, label: title, childSections, ...tid }) : /* @__PURE__ */ jsx259(ChildSectionList, { childSections, ...tid.childSection }))
+    childSections && (selection?.mode === "single" ? /* @__PURE__ */ jsx260(FormSectionRadioGroup, { field: selection.field, label: title, childSections, ...tid }) : selection?.mode === "multiple" ? /* @__PURE__ */ jsx260(FormSectionCheckboxGroup, { field: selection.field, label: title, childSections, ...tid }) : /* @__PURE__ */ jsx260(ChildSectionList, { childSections, ...tid.childSection }))
   ] });
 }
 function FormSectionRadioGroup(props) {
@@ -32940,7 +33043,7 @@ function FormSectionRadioGroup(props) {
     onFocus: () => field.focus(),
     onBlur: () => field.blur()
   }, state);
-  return /* @__PURE__ */ jsx259("div", { ...radioGroupProps, ...tid.childGroup, children: /* @__PURE__ */ jsx259(ChildSectionList, { childSections, group: {
+  return /* @__PURE__ */ jsx260("div", { ...radioGroupProps, ...tid.childGroup, children: /* @__PURE__ */ jsx260(ChildSectionList, { childSections, group: {
     mode: "single",
     state
   }, ...tid.childSection }) });
@@ -32975,7 +33078,7 @@ function FormSectionCheckboxGroup(props) {
     onFocus: () => field.focus(),
     onBlur: () => field.blur()
   }, state);
-  return /* @__PURE__ */ jsx259("div", { ...groupProps, ...tid.childGroup, children: /* @__PURE__ */ jsx259(ChildSectionList, { childSections, group: {
+  return /* @__PURE__ */ jsx260("div", { ...groupProps, ...tid.childGroup, children: /* @__PURE__ */ jsx260(ChildSectionList, { childSections, group: {
     mode: "multiple",
     state
   }, ...tid.childSection }) });
@@ -32986,7 +33089,7 @@ function ChildSectionList(props) {
     group,
     ...tid
   } = props;
-  return isReorderable(childSections) ? /* @__PURE__ */ jsx259(DraggableChildren, { childSections, group, ...tid }) : /* @__PURE__ */ jsx259("div", { className: "df fdc g_3", children: childSections.map((child) => /* @__PURE__ */ jsx259(FormSectionChild, { ...child, group, ...tid }, child.id ?? child.title)) });
+  return isReorderable(childSections) ? /* @__PURE__ */ jsx260(DraggableChildren, { childSections, group, ...tid }) : /* @__PURE__ */ jsx260("div", { className: "df fdc g_3", children: childSections.map((child) => /* @__PURE__ */ jsx260(FormSectionChild, { ...child, group, ...tid }, child.id ?? child.title)) });
 }
 function isReorderable(childSections) {
   return childSections.length > 0 && childSections.every((c) => !!c.orderField);
@@ -33009,18 +33112,18 @@ function DraggableChildren(props) {
       }
     });
   };
-  return /* @__PURE__ */ jsx259(DnDGrid, { onReorder: handleReorder, lockAxis: "y", gridStyles: {
+  return /* @__PURE__ */ jsx260(DnDGrid, { onReorder: handleReorder, lockAxis: "y", gridStyles: {
     gridTemplateColumns: "gtc_minmax_0_1fr",
     gap: "g_3"
-  }, children: sorted.map((child) => /* @__PURE__ */ jsx259(FormSectionChild, { ...child, group, ...tid }, child.id)) });
+  }, children: sorted.map((child) => /* @__PURE__ */ jsx260(FormSectionChild, { ...child, group, ...tid }, child.id)) });
 }
 function sortByOrderField(childSections) {
   return [...childSections].sort((a, b) => (a.orderField.value ?? 0) - (b.orderField.value ?? 0));
 }
 
 // src/layouts/FormSectionLayout/JumpLinksRail.tsx
-import { trussProps as trussProps150, maybeCssVar as maybeCssVar71 } from "@homebound/truss/runtime";
-import { jsx as jsx260 } from "react/jsx-runtime";
+import { trussProps as trussProps151, maybeCssVar as maybeCssVar71 } from "@homebound/truss/runtime";
+import { jsx as jsx261 } from "react/jsx-runtime";
 var __maybeInc31 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -33030,7 +33133,7 @@ function JumpLinksRail(props) {
     activeId
   } = props;
   const tid = useTestIds(props, "jumpLinks");
-  return /* @__PURE__ */ jsx260("nav", { ...trussProps150({
+  return /* @__PURE__ */ jsx261("nav", { ...trussProps151({
     display: "df",
     flexDirection: "fdc",
     flexShrink: "fs0",
@@ -33042,19 +33145,19 @@ function JumpLinksRail(props) {
     top: ["top_var", {
       "--top": maybeCssVar71(__maybeInc31(stickyNavAndHeaderOffset()))
     }]
-  }), ...tid, children: links.map((link) => /* @__PURE__ */ jsx260(JumpLink, { label: link.label, href: `#${link.id}`, active: link.id === activeId, ...tid.link }, link.id)) });
+  }), ...tid, children: links.map((link) => /* @__PURE__ */ jsx261(JumpLink, { label: link.label, href: `#${link.id}`, active: link.id === activeId, ...tid.link }, link.id)) });
 }
 var jumpLinksRailWidthPx = 192;
 var railAndShellPx = centeredShellMaxPx.sm + jumpLinksRailWidthPx;
 var jumpLinksRailReservation = `clamp(0px, 100% - ${railAndShellPx}px, ${jumpLinksRailWidthPx}px)`;
 
 // src/layouts/FormSectionLayout/useActiveJumpLink.ts
-import { useLayoutEffect as useLayoutEffect17, useState as useState67 } from "react";
+import { useLayoutEffect as useLayoutEffect18, useState as useState68 } from "react";
 var activationLeadPx = 120;
 function useActiveJumpLink(sectionIds) {
   const idsKey = sectionIds.join("\0");
-  const [activeId, setActiveId] = useState67(sectionIds[0]);
-  useLayoutEffect17(() => {
+  const [activeId, setActiveId] = useState68(sectionIds[0]);
+  useLayoutEffect18(() => {
     const ids = idsKey.length === 0 ? [] : idsKey.split("\0");
     if (ids.length === 0) return;
     const update = () => {
@@ -33078,7 +33181,7 @@ function useActiveJumpLink(sectionIds) {
 }
 
 // src/layouts/FormSectionLayout/FormSectionLayout.tsx
-import { jsx as jsx261, jsxs as jsxs141 } from "react/jsx-runtime";
+import { jsx as jsx262, jsxs as jsxs142 } from "react/jsx-runtime";
 var __maybeInc32 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -33115,7 +33218,7 @@ function FormSectionLayout(props) {
   }] : [], ...sectionLinks];
   const showRail = withJumpLinks && jumpLinks.length >= 2 && !isMobile;
   const activeId = useActiveJumpLink(showRail ? jumpLinks.map((link) => link.id) : []);
-  const content2 = /* @__PURE__ */ jsxs141("div", { ...trussProps151({
+  const content2 = /* @__PURE__ */ jsxs142("div", { ...trussProps152({
     display: "df",
     flexDirection: "fdc",
     gap: "g_8",
@@ -33126,7 +33229,7 @@ function FormSectionLayout(props) {
       paddingLeft: "pl3"
     } : {}
   }), children: [
-    /* @__PURE__ */ jsxs141("div", { id: titleAnchor ? formSectionLayoutTitleId : void 0, ...trussProps151({
+    /* @__PURE__ */ jsxs142("div", { id: titleAnchor ? formSectionLayoutTitleId : void 0, ...trussProps152({
       display: "df",
       flexDirection: "fdc",
       gap: "g_3",
@@ -33136,27 +33239,27 @@ function FormSectionLayout(props) {
         }]
       } : {}
     }), children: [
-      /* @__PURE__ */ jsx261(ContentHeader, { ...tid, title, description, actions, withAutoSave, level: 2, aiMode }),
+      /* @__PURE__ */ jsx262(ContentHeader, { ...tid, title, description, actions, withAutoSave, level: 2, aiMode }),
       initialFields
     ] }),
-    sections && /* @__PURE__ */ jsx261("div", { className: "df fdc g_8", children: sections.map((section, i) => /* @__PURE__ */ jsx261(FormSection, { ...section }, defaultTestId(section.title) || i)) })
+    sections && /* @__PURE__ */ jsx262("div", { className: "df fdc g_8", children: sections.map((section, i) => /* @__PURE__ */ jsx262(FormSection, { ...section }, defaultTestId(section.title) || i)) })
   ] });
-  const form = /* @__PURE__ */ jsx261(CenteredLayout, { size: "sm", children: aiMode ? /* @__PURE__ */ jsx261(AiCard, { size: "lg", ...tid, children: content2 }) : content2 });
-  const body = showRail ? /* @__PURE__ */ jsxs141("div", { className: "df w100 mb4", children: [
-    /* @__PURE__ */ jsx261(JumpLinksRail, { links: jumpLinks, activeId, ...tid.jumpLinks }),
-    /* @__PURE__ */ jsx261("div", { ...trussProps151({
+  const form = /* @__PURE__ */ jsx262(CenteredLayout, { size: "sm", children: aiMode ? /* @__PURE__ */ jsx262(AiCard, { size: "lg", ...tid, children: content2 }) : content2 });
+  const body = showRail ? /* @__PURE__ */ jsxs142("div", { className: "df w100 mb4", children: [
+    /* @__PURE__ */ jsx262(JumpLinksRail, { links: jumpLinks, activeId, ...tid.jumpLinks }),
+    /* @__PURE__ */ jsx262("div", { ...trussProps152({
       flexGrow: "fg1",
       marginRight: ["mr_var", {
         "--marginRight": maybeCssVar72(__maybeInc32(jumpLinksRailReservation))
       }]
     }), ...tid.column, children: form })
-  ] }) : /* @__PURE__ */ jsx261("div", { className: "mb4", children: form });
+  ] }) : /* @__PURE__ */ jsx262("div", { className: "mb4", children: form });
   if (!rightPane) return body;
-  return /* @__PURE__ */ jsx261(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: body });
+  return /* @__PURE__ */ jsx262(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: body });
 }
 
 // src/layouts/PageBanner/usePageBanner.tsx
-import { useEffect as useEffect42, useId as useId5, useLayoutEffect as useLayoutEffect18 } from "react";
+import { useEffect as useEffect42, useId as useId5, useLayoutEffect as useLayoutEffect19 } from "react";
 
 // src/layouts/PageBanner/pageBannerStore.ts
 var current;
@@ -33194,7 +33297,7 @@ function clearPageBanner(id) {
 // src/layouts/PageBanner/usePageBanner.tsx
 function usePageBanner(banner) {
   const id = useId5();
-  useLayoutEffect18(() => {
+  useLayoutEffect19(() => {
     if (!banner) return;
     setPageBanner(id, banner);
     return () => clearPageBanner(id);
@@ -33210,11 +33313,11 @@ function PageBanner(props) {
 }
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
-import { useMemo as useMemo62, useRef as useRef79 } from "react";
+import { useMemo as useMemo62, useRef as useRef80 } from "react";
 import { mergeProps as mergeProps47, maybeCssVar as maybeCssVar73 } from "@homebound/truss/runtime";
 
 // src/layouts/useAutoHideOnScroll.ts
-import { useLayoutEffect as useLayoutEffect19, useRef as useRef78, useState as useState68 } from "react";
+import { useLayoutEffect as useLayoutEffect20, useRef as useRef79, useState as useState69 } from "react";
 var THRESHOLD = 80;
 function getInitialAutoHideState() {
   if (typeof window === "undefined" || window.scrollY <= 0) {
@@ -33224,13 +33327,13 @@ function getInitialAutoHideState() {
 }
 function useAutoHideOnScroll(spacerRef, enabled, getTopOffset) {
   const initial = getInitialAutoHideState();
-  const [state, setState] = useState68(initial);
-  const stateRef = useRef78(initial);
-  const getTopOffsetRef = useRef78(getTopOffset);
+  const [state, setState] = useState69(initial);
+  const stateRef = useRef79(initial);
+  const getTopOffsetRef = useRef79(getTopOffset);
   getTopOffsetRef.current = getTopOffset;
-  const lastScrollY = useRef78(Number.POSITIVE_INFINITY);
-  const lastScrollHeight = useRef78(0);
-  useLayoutEffect19(() => {
+  const lastScrollY = useRef79(Number.POSITIVE_INFINITY);
+  const lastScrollHeight = useRef79(0);
+  useLayoutEffect20(() => {
     if (!enabled) {
       stateRef.current = "resting";
       lastScrollY.current = Number.POSITIVE_INFINITY;
@@ -33295,26 +33398,26 @@ function useAutoHideOnScroll(spacerRef, enabled, getTopOffset) {
 }
 
 // src/layouts/useMeasuredHeight.ts
-import { useResizeObserver as useResizeObserver14 } from "@react-aria/utils";
-import { useCallback as useCallback46, useLayoutEffect as useLayoutEffect20, useState as useState69 } from "react";
+import { useResizeObserver as useResizeObserver15 } from "@react-aria/utils";
+import { useCallback as useCallback47, useLayoutEffect as useLayoutEffect21, useState as useState70 } from "react";
 function useMeasuredHeight(ref, enabled) {
-  const [height, setHeight] = useState69(0);
-  const syncElementHeight = useCallback46(() => {
+  const [height, setHeight] = useState70(0);
+  const syncElementHeight = useCallback47(() => {
     const el = ref.current;
     const next = el ? Math.round(el.getBoundingClientRect().height) : 0;
     setHeight((prev) => prev === next ? prev : next);
   }, [ref]);
-  useResizeObserver14({ ref, onResize: syncElementHeight });
-  useLayoutEffect20(() => {
+  useResizeObserver15({ ref, onResize: syncElementHeight });
+  useLayoutEffect21(() => {
     syncElementHeight();
   }, [enabled, syncElementHeight]);
   return height;
 }
 
 // src/layouts/useTransitionAfterPaint.ts
-import { useLayoutEffect as useLayoutEffect21 } from "react";
+import { useLayoutEffect as useLayoutEffect22 } from "react";
 function useTransitionAfterPaint(ref, transition) {
-  useLayoutEffect21(() => {
+  useLayoutEffect22(() => {
     const el = ref.current;
     if (!el) return;
     const id = requestAnimationFrame(() => {
@@ -33326,17 +33429,17 @@ function useTransitionAfterPaint(ref, transition) {
 
 // src/layouts/NavbarLayout/NavbarLayoutHeightContext.tsx
 import { createContext as createContext19, useContext as useContext30 } from "react";
-import { jsx as jsx262 } from "react/jsx-runtime";
+import { jsx as jsx263 } from "react/jsx-runtime";
 var NavbarLayoutHeightContext = createContext19(0);
 function NavbarLayoutHeightProvider({ value, children }) {
-  return /* @__PURE__ */ jsx262(NavbarLayoutHeightContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx263(NavbarLayoutHeightContext.Provider, { value, children });
 }
 function useNavbarLayoutHeight() {
   return useContext30(NavbarLayoutHeightContext);
 }
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
-import { jsx as jsx263, jsxs as jsxs142 } from "react/jsx-runtime";
+import { jsx as jsx264, jsxs as jsxs143 } from "react/jsx-runtime";
 var __maybeInc33 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -33346,8 +33449,8 @@ function NavbarLayout(props) {
     children
   } = props;
   const tid = useTestIds(props, "navbarLayout");
-  const navMetricsRef = useRef79(null);
-  const spacerRef = useRef79(null);
+  const navMetricsRef = useRef80(null);
+  const spacerRef = useRef80(null);
   const navHeight = useMeasuredHeight(navMetricsRef, true);
   const {
     state: autoHideState
@@ -33373,32 +33476,32 @@ function NavbarLayout(props) {
   const innerStyle = {
     top: autoHideState === "hidden" ? `calc(${bannerTop} - ${navHeight}px)` : bannerTop
   };
-  const navbarEl = useMemo62(() => /* @__PURE__ */ jsx263(Navbar, { ...navbar }), [navbar]);
-  return /* @__PURE__ */ jsx263(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx263(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ jsx263(MobileSubNavProvider, { children: /* @__PURE__ */ jsxs142("div", { ...mergeProps47(void 0, cssVars, {
+  const navbarEl = useMemo62(() => /* @__PURE__ */ jsx264(Navbar, { ...navbar }), [navbar]);
+  return /* @__PURE__ */ jsx264(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx264(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ jsx264(MobileSubNavProvider, { children: /* @__PURE__ */ jsxs143("div", { ...mergeProps47(void 0, cssVars, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    /* @__PURE__ */ jsx263("div", { ref: spacerRef, ...mergeProps47(void 0, {
+    /* @__PURE__ */ jsx264("div", { ref: spacerRef, ...mergeProps47(void 0, {
       height: navHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ jsx263("div", { ref: navMetricsRef, ...mergeProps47(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
-    /* @__PURE__ */ jsx263("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
+    }), children: /* @__PURE__ */ jsx264("div", { ref: navMetricsRef, ...mergeProps47(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
+    /* @__PURE__ */ jsx264("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
   ] }) }) }) });
 }
 
 // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
-import { useCallback as useCallback48, useMemo as useMemo63, useRef as useRef81 } from "react";
+import { useCallback as useCallback49, useMemo as useMemo63, useRef as useRef82 } from "react";
 
 // src/hooks/useDocumentTitle.tsx
-import { useLayoutEffect as useLayoutEffect22 } from "react";
+import { useLayoutEffect as useLayoutEffect23 } from "react";
 function useDocumentTitle(...titleSegments) {
   const config = useDocumentTitleConfig();
   const pageTitle = joinDocumentTitleSegments(...titleSegments);
-  useLayoutEffect22(() => {
+  useLayoutEffect23(() => {
     if (!config || !pageTitle || typeof document === "undefined") {
       return;
     }
@@ -33410,8 +33513,8 @@ function useDocumentTitle(...titleSegments) {
 }
 
 // src/components/Headers/BaseHeader.tsx
-import { trussProps as trussProps152 } from "@homebound/truss/runtime";
-import { jsx as jsx264, jsxs as jsxs143 } from "react/jsx-runtime";
+import { trussProps as trussProps153 } from "@homebound/truss/runtime";
+import { jsx as jsx265, jsxs as jsxs144 } from "react/jsx-runtime";
 function BaseHeader(props) {
   const {
     title,
@@ -33423,7 +33526,7 @@ function BaseHeader(props) {
   } = props;
   const tid = useTestIds(otherProps, "header");
   useDocumentTitle(title, documentTitleSuffix);
-  return /* @__PURE__ */ jsxs143("header", { ...tid, ...trussProps152({
+  return /* @__PURE__ */ jsxs144("header", { ...tid, ...trussProps153({
     display: "df",
     flexDirection: "fdc",
     paddingTop: "pt3",
@@ -33437,7 +33540,7 @@ function BaseHeader(props) {
       "--backgroundColor": "var(--b-surface)"
     }]
   }), children: [
-    /* @__PURE__ */ jsxs143("div", { ...trussProps152({
+    /* @__PURE__ */ jsxs144("div", { ...trussProps153({
       ...{
         display: "df",
         justifyContent: "jcsb",
@@ -33451,9 +33554,9 @@ function BaseHeader(props) {
         } : {}
       }
     }), children: [
-      /* @__PURE__ */ jsxs143("div", { className: "mw0", children: [
-        breadcrumbs && /* @__PURE__ */ jsx264(Breadcrumbs, { ...breadcrumbs }),
-        /* @__PURE__ */ jsx264("h1", { ...tid.title, ...trussProps152({
+      /* @__PURE__ */ jsxs144("div", { className: "mw0", children: [
+        breadcrumbs && /* @__PURE__ */ jsx265(Breadcrumbs, { ...breadcrumbs }),
+        /* @__PURE__ */ jsx265("h1", { ...tid.title, ...trussProps153({
           fontWeight: "fw6",
           fontSize: "fz_20px",
           lineHeight: "lh_28px",
@@ -33462,15 +33565,15 @@ function BaseHeader(props) {
           }]
         }), children: title })
       ] }),
-      /* @__PURE__ */ jsx264("div", { className: "fs0", children: rightSlot })
+      /* @__PURE__ */ jsx265("div", { className: "fs0", children: rightSlot })
     ] }),
     bottomSlot
   ] });
 }
 
 // src/components/Headers/PageHeader.tsx
-import { trussProps as trussProps153 } from "@homebound/truss/runtime";
-import { Fragment as Fragment57, jsx as jsx265, jsxs as jsxs144 } from "react/jsx-runtime";
+import { trussProps as trussProps154 } from "@homebound/truss/runtime";
+import { Fragment as Fragment57, jsx as jsx266, jsxs as jsxs145 } from "react/jsx-runtime";
 function PageHeader2(props) {
   const {
     tabs,
@@ -33486,29 +33589,29 @@ function PageHeader2(props) {
     bottomSlotActions,
     rightSlotActions
   } = splitHeaderActionsOnSm(actions, sm);
-  return /* @__PURE__ */ jsx265(BaseHeader, { ...otherProps, rightSlot: /* @__PURE__ */ jsxs144("div", { className: "df g_2 fs0", ...tid.actions, children: [
-    /* @__PURE__ */ jsx265(AutoSaveIndicator, { hideOnIdle: true }),
-    rightSlotActions.length > 0 && /* @__PURE__ */ jsx265(HeaderActions, { actions: rightSlotActions, collapseOnSm: true }),
+  return /* @__PURE__ */ jsx266(BaseHeader, { ...otherProps, rightSlot: /* @__PURE__ */ jsxs145("div", { className: "df g_2 fs0", ...tid.actions, children: [
+    /* @__PURE__ */ jsx266(AutoSaveIndicator, { hideOnIdle: true }),
+    rightSlotActions.length > 0 && /* @__PURE__ */ jsx266(HeaderActions, { actions: rightSlotActions, collapseOnSm: true }),
     rightSlot
-  ] }), bottomSlot: (bottomSlotActions.length > 0 || tabs) && /* @__PURE__ */ jsxs144(Fragment57, { children: [
-    bottomSlotActions.length > 0 && /* @__PURE__ */ jsx265("div", { ...trussProps153({
+  ] }), bottomSlot: (bottomSlotActions.length > 0 || tabs) && /* @__PURE__ */ jsxs145(Fragment57, { children: [
+    bottomSlotActions.length > 0 && /* @__PURE__ */ jsx266("div", { ...trussProps154({
       ...pageContentPaddingX,
       ...{
         ...!tabs ? {
           marginBottom: "mb2"
         } : {}
       }
-    }), ...tid.bottomSlot, children: /* @__PURE__ */ jsx265(HeaderActions, { actions: bottomSlotActions }) }),
-    tabs && /* @__PURE__ */ jsx265("div", { ...trussProps153(pageContentPaddingX), children: /* @__PURE__ */ jsx265(Tabs, { ...tabs, ...tid.tabs }) })
+    }), ...tid.bottomSlot, children: /* @__PURE__ */ jsx266(HeaderActions, { actions: bottomSlotActions }) }),
+    tabs && /* @__PURE__ */ jsx266("div", { ...trussProps154(pageContentPaddingX), children: /* @__PURE__ */ jsx266(Tabs, { ...tabs, ...tid.tabs }) })
   ] }) });
 }
 
 // src/layouts/PageBanner/internal/usePageBannerSlot.tsx
-import { useCallback as useCallback47, useLayoutEffect as useLayoutEffect23, useRef as useRef80, useState as useState70 } from "react";
+import { useCallback as useCallback48, useLayoutEffect as useLayoutEffect24, useRef as useRef81, useState as useState71 } from "react";
 
 // src/layouts/PageBanner/internal/PageBannerSlot.tsx
-import { trussProps as trussProps154, maybeCssVar as maybeCssVar74 } from "@homebound/truss/runtime";
-import { jsx as jsx266 } from "react/jsx-runtime";
+import { trussProps as trussProps155, maybeCssVar as maybeCssVar74 } from "@homebound/truss/runtime";
+import { jsx as jsx267 } from "react/jsx-runtime";
 var __maybeInc34 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -33518,7 +33621,7 @@ function PageBannerSlot(props) {
     metricsRef
   } = props;
   const tid = useTestIds(props, "pageBannerSlot");
-  return /* @__PURE__ */ jsx266("div", { ref: metricsRef, ...trussProps154({
+  return /* @__PURE__ */ jsx267("div", { ref: metricsRef, ...trussProps155({
     flexShrink: "fs0",
     width: ["w_var", {
       "--width": maybeCssVar74(__maybeInc34(`min(100%, ${documentScrollChromeWidth()})`))
@@ -33534,26 +33637,26 @@ function PageBannerSlot(props) {
     zIndex: ["z_var", {
       "--zIndex": maybeCssVar74(zIndices.pageBanner)
     }]
-  }), ...tid.bannerSticky, children: /* @__PURE__ */ jsx266(StatusBanner, { ...banner, sticky: true, ...tid.banner }) });
+  }), ...tid.bannerSticky, children: /* @__PURE__ */ jsx267(StatusBanner, { ...banner, sticky: true, ...tid.banner }) });
 }
 
 // src/layouts/PageBanner/internal/usePageBannerSlot.tsx
-import { jsx as jsx267 } from "react/jsx-runtime";
+import { jsx as jsx268 } from "react/jsx-runtime";
 function usePageBannerSlot(bannerProp, testIds) {
   const publishedBanner = usePublishedPageBanner();
   const banner = publishedBanner ?? bannerProp;
-  const metricsRef = useRef80(null);
+  const metricsRef = useRef81(null);
   const height = useMeasuredHeight(metricsRef, banner != null);
-  const slot = banner ? /* @__PURE__ */ jsx267(PageBannerSlot, { ...testIds, banner, metricsRef }) : null;
+  const slot = banner ? /* @__PURE__ */ jsx268(PageBannerSlot, { ...testIds, banner, metricsRef }) : null;
   return { slot, height };
 }
 function usePublishedPageBanner() {
-  const [banner, setBanner] = useState70(pageBannerStore.getSnapshot);
-  const sync = useCallback47(() => {
+  const [banner, setBanner] = useState71(pageBannerStore.getSnapshot);
+  const sync = useCallback48(() => {
     const next = pageBannerStore.getSnapshot();
     setBanner((prev) => prev === next ? prev : next);
   }, []);
-  useLayoutEffect23(() => {
+  useLayoutEffect24(() => {
     sync();
     return pageBannerStore.subscribe(sync);
   }, [sync]);
@@ -33567,7 +33670,7 @@ function useBannerAndNavbarHeight() {
 
 // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
 import { mergeProps as mergeProps48, maybeCssVar as maybeCssVar75 } from "@homebound/truss/runtime";
-import { jsx as jsx268, jsxs as jsxs145 } from "react/jsx-runtime";
+import { jsx as jsx269, jsxs as jsxs146 } from "react/jsx-runtime";
 var __maybeInc35 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -33583,11 +33686,11 @@ function PageHeaderLayout(props) {
     height: bannerHeight
   } = usePageBannerSlot(bannerProp, tid);
   const bannerAndNavbarHeight = useBannerAndNavbarHeight();
-  const bannerAndNavbarHeightRef = useRef81(bannerAndNavbarHeight);
+  const bannerAndNavbarHeightRef = useRef82(bannerAndNavbarHeight);
   bannerAndNavbarHeightRef.current = bannerAndNavbarHeight;
-  const getBannerAndNavbarHeight = useCallback48(() => bannerAndNavbarHeightRef.current, []);
-  const headerMetricsRef = useRef81(null);
-  const spacerRef = useRef81(null);
+  const getBannerAndNavbarHeight = useCallback49(() => bannerAndNavbarHeightRef.current, []);
+  const headerMetricsRef = useRef82(null);
+  const spacerRef = useRef82(null);
   const headerHeight = useMeasuredHeight(headerMetricsRef, true);
   const {
     state: autoHideState
@@ -33620,44 +33723,44 @@ function PageHeaderLayout(props) {
   const innerStyle = {
     top: autoHideState === "hidden" ? `calc(${outerTop} - ${headerHeight}px)` : outerTop
   };
-  const pageHeaderEl = useMemo63(() => /* @__PURE__ */ jsx268(PageHeader2, { ...pageHeader }), [pageHeader]);
-  return /* @__PURE__ */ jsx268(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs145("div", { ...mergeProps48(void 0, style, {
+  const pageHeaderEl = useMemo63(() => /* @__PURE__ */ jsx269(PageHeader2, { ...pageHeader }), [pageHeader]);
+  return /* @__PURE__ */ jsx269(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs146("div", { ...mergeProps48(void 0, style, {
     display: "df",
     flexDirection: "fdc",
     width: "w100"
   }), ...tid, children: [
-    /* @__PURE__ */ jsx268("div", { ref: spacerRef, ...mergeProps48(void 0, {
+    /* @__PURE__ */ jsx269("div", { ref: spacerRef, ...mergeProps48(void 0, {
       height: headerHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ jsx268("div", { ref: headerMetricsRef, ...mergeProps48(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
+    }), children: /* @__PURE__ */ jsx269("div", { ref: headerMetricsRef, ...mergeProps48(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
     bannerSlot,
-    /* @__PURE__ */ jsx268("div", { className: "df fdc fg1 mh0 w100 n_has_data_self_top_spaced_first_child_pt3", ...tid.body, children })
+    /* @__PURE__ */ jsx269("div", { className: "df fdc fg1 mh0 w100 n_has_data_self_top_spaced_first_child_pt3", ...tid.body, children })
   ] }) });
 }
 
 // src/layouts/Workflow/WorkflowPageLayout.tsx
-import { useLayoutEffect as useLayoutEffect24, useRef as useRef83 } from "react";
+import { useLayoutEffect as useLayoutEffect25, useRef as useRef84 } from "react";
 
 // src/components/Headers/WorkflowHeader.tsx
-import { jsx as jsx269 } from "react/jsx-runtime";
+import { jsx as jsx270 } from "react/jsx-runtime";
 function WorkflowHeader(props) {
   const { stepperTabs, ...otherProps } = props;
   const tid = useTestIds(otherProps, "header");
-  return /* @__PURE__ */ jsx269(
+  return /* @__PURE__ */ jsx270(
     BaseHeader,
     {
       ...otherProps,
-      bottomSlot: stepperTabs ? /* @__PURE__ */ jsx269(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) : void 0
+      bottomSlot: stepperTabs ? /* @__PURE__ */ jsx270(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) : void 0
     }
   );
 }
 
 // src/layouts/Workflow/RightPaneTriggers.tsx
-import { useCallback as useCallback49 } from "react";
-import { trussProps as trussProps155, maybeCssVar as maybeCssVar76 } from "@homebound/truss/runtime";
-import { jsx as jsx270 } from "react/jsx-runtime";
+import { useCallback as useCallback50 } from "react";
+import { trussProps as trussProps156, maybeCssVar as maybeCssVar76 } from "@homebound/truss/runtime";
+import { jsx as jsx271 } from "react/jsx-runtime";
 var __maybeInc36 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -33676,14 +33779,14 @@ function WorkflowPageRightPaneTriggers(props) {
   } = useRightPaneActions();
   const tid = useTestIds(props, "rightPaneTriggers");
   const pageTriggerInsetPx = 24;
-  const onClick = useCallback49((trigger) => {
+  const onClick = useCallback50((trigger) => {
     openRightPane({
-      content: /* @__PURE__ */ jsx270(RightPanePanel, { title: trigger.label, children: trigger.content })
+      content: /* @__PURE__ */ jsx271(RightPanePanel, { title: trigger.label, children: trigger.content })
     });
   }, [openRightPane]);
-  return /* @__PURE__ */ jsx270("div", { ...tid, "aria-hidden": isRightPaneOpen, ...isRightPaneOpen ? {
+  return /* @__PURE__ */ jsx271("div", { ...tid, "aria-hidden": isRightPaneOpen, ...isRightPaneOpen ? {
     inert: true
-  } : {}, ...trussProps155({
+  } : {}, ...trussProps156({
     ...{
       display: "df",
       alignItems: "aic",
@@ -33715,21 +33818,21 @@ function WorkflowPageRightPaneTriggers(props) {
     } : {
       transform: "tf_translateX_0"
     })
-  }), children: triggers.map((trigger) => /* @__PURE__ */ jsx270(IconButton, { icon: trigger.icon, label: trigger.label, variant: "circle", compact: isMobile, onClick: () => onClick(trigger), ...tid[trigger.icon] }, trigger.label)) });
+  }), children: triggers.map((trigger) => /* @__PURE__ */ jsx271(IconButton, { icon: trigger.icon, label: trigger.label, variant: "circle", compact: isMobile, onClick: () => onClick(trigger), ...tid[trigger.icon] }, trigger.label)) });
 }
 
 // src/layouts/Workflow/useUnsavedChangesGuard.tsx
-import { useEffect as useEffect43, useRef as useRef82 } from "react";
+import { useEffect as useEffect43, useRef as useRef83 } from "react";
 import { useBlocker } from "react-router-dom";
-import { jsx as jsx271 } from "react/jsx-runtime";
+import { jsx as jsx272 } from "react/jsx-runtime";
 function useUnsavedChangesGuard(options) {
   const { isDirty, allowNavigation, onCancel, destructiveAction } = options;
   const { openModal } = useModal();
-  const isDirtyRef = useRef82(isDirty);
+  const isDirtyRef = useRef83(isDirty);
   isDirtyRef.current = isDirty;
-  const allowNavigationRef = useRef82(allowNavigation);
+  const allowNavigationRef = useRef83(allowNavigation);
   allowNavigationRef.current = allowNavigation;
-  const allowCancelNavigationRef = useRef82(false);
+  const allowCancelNavigationRef = useRef83(false);
   useEffect43(() => {
     const onBeforeUnload = (e) => {
       if (isDirtyRef.current?.()) {
@@ -33757,7 +33860,7 @@ function useUnsavedChangesGuard(options) {
     }
     openModal({
       allowClosing: false,
-      content: /* @__PURE__ */ jsx271(ConfirmCloseModal, { onClose: () => confirmCancel(e) })
+      content: /* @__PURE__ */ jsx272(ConfirmCloseModal, { onClose: () => confirmCancel(e) })
     });
   };
   const onDestructiveActionClick = destructiveAction ? (e) => {
@@ -33769,7 +33872,7 @@ function useUnsavedChangesGuard(options) {
     } = destructiveAction;
     openModal({
       allowClosing: false,
-      content: /* @__PURE__ */ jsx271(
+      content: /* @__PURE__ */ jsx272(
         ConfirmCloseModal,
         {
           title: confirmTitle,
@@ -33800,7 +33903,7 @@ function UnsavedChangesNavigationModal(props) {
   useEffect43(() => {
     openModal({
       allowClosing: false,
-      content: /* @__PURE__ */ jsx271(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
+      content: /* @__PURE__ */ jsx272(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
     });
     return () => closeModal();
   }, []);
@@ -33808,7 +33911,7 @@ function UnsavedChangesNavigationModal(props) {
 }
 
 // src/layouts/Workflow/WorkflowActions.tsx
-import { jsx as jsx272, jsxs as jsxs146 } from "react/jsx-runtime";
+import { jsx as jsx273, jsxs as jsxs147 } from "react/jsx-runtime";
 function WorkflowActions(props) {
   const {
     onCancel,
@@ -33827,13 +33930,13 @@ function WorkflowActions(props) {
     sm: isMobile
   } = useBreakpoint();
   const primaryVariant = aiMode ? "ai" : "primary";
-  return /* @__PURE__ */ jsxs146("div", { className: "df aic jcsb sm_w100", children: [
-    /* @__PURE__ */ jsx272("div", { className: "df aic", children: !isFirstStep && isMobile && onBack && /* @__PURE__ */ jsx272(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
-    /* @__PURE__ */ jsxs146("div", { className: "df aic g_1", children: [
-      /* @__PURE__ */ jsx272(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
-      onSaveAndExit && /* @__PURE__ */ jsx272(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
-      destructiveAction && /* @__PURE__ */ jsx272(Button, { label: destructiveAction.label ?? "Remove", variant: "danger", onClick: destructiveAction.onConfirm }),
-      isLastStep ? /* @__PURE__ */ jsx272(Button, { label: completeLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx272(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
+  return /* @__PURE__ */ jsxs147("div", { className: "df aic jcsb sm_w100", children: [
+    /* @__PURE__ */ jsx273("div", { className: "df aic", children: !isFirstStep && isMobile && onBack && /* @__PURE__ */ jsx273(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
+    /* @__PURE__ */ jsxs147("div", { className: "df aic g_1", children: [
+      /* @__PURE__ */ jsx273(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
+      onSaveAndExit && /* @__PURE__ */ jsx273(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
+      destructiveAction && /* @__PURE__ */ jsx273(Button, { label: destructiveAction.label ?? "Remove", variant: "danger", onClick: destructiveAction.onConfirm }),
+      isLastStep ? /* @__PURE__ */ jsx273(Button, { label: completeLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx273(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
         await onContinue?.();
       }, disabled: primaryDisabled })
     ] })
@@ -33841,8 +33944,8 @@ function WorkflowActions(props) {
 }
 
 // src/layouts/Workflow/WorkflowPageLayout.tsx
-import { trussProps as trussProps156, mergeProps as mergeProps49, maybeCssVar as maybeCssVar77 } from "@homebound/truss/runtime";
-import { jsx as jsx273, jsxs as jsxs147 } from "react/jsx-runtime";
+import { trussProps as trussProps157, mergeProps as mergeProps49, maybeCssVar as maybeCssVar77 } from "@homebound/truss/runtime";
+import { jsx as jsx274, jsxs as jsxs148 } from "react/jsx-runtime";
 var __maybeInc37 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -33881,13 +33984,13 @@ function WorkflowPageLayout(props) {
     onCancel,
     destructiveAction
   });
-  const actions = /* @__PURE__ */ jsx273(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick, destructiveAction: destructiveAction && {
+  const actions = /* @__PURE__ */ jsx274(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick, destructiveAction: destructiveAction && {
     ...destructiveAction,
     onConfirm: onDestructiveActionClick
   } });
   const triggers = rightPaneTriggers ?? [];
-  const pageTriggers = triggers.length > 0 ? /* @__PURE__ */ jsx273(WorkflowPageRightPaneTriggers, { triggers }) : void 0;
-  const headerMetricsRef = useRef83(null);
+  const pageTriggers = triggers.length > 0 ? /* @__PURE__ */ jsx274(WorkflowPageRightPaneTriggers, { triggers }) : void 0;
+  const headerMetricsRef = useRef84(null);
   const headerHeight = useMeasuredHeight(headerMetricsRef, true);
   const headerWidth = documentScrollChromeWidth();
   const outerTop = belowNavbarOffset();
@@ -33900,7 +34003,7 @@ function WorkflowPageLayout(props) {
   }
   const style = Object.keys(cssVars).length > 0 ? cssVars : void 0;
   const showFooter = isMobile;
-  useLayoutEffect24(() => {
+  useLayoutEffect25(() => {
     const root = document.documentElement;
     const previous = root.style.getPropertyValue(beamWorkflowLayoutFooterHeightVar);
     root.style.setProperty(beamWorkflowLayoutFooterHeightVar, showFooter ? `${mobileFooterHeightPx}px` : "0px");
@@ -33913,8 +34016,8 @@ function WorkflowPageLayout(props) {
     };
   }, [showFooter]);
   const currentStep = stepperTabs?.currentStep;
-  const prevStepRef = useRef83(currentStep);
-  useLayoutEffect24(() => {
+  const prevStepRef = useRef84(currentStep);
+  useLayoutEffect25(() => {
     if (prevStepRef.current === currentStep) return;
     prevStepRef.current = currentStep;
     window.scrollTo({
@@ -33922,18 +34025,18 @@ function WorkflowPageLayout(props) {
       left: 0
     });
   }, [currentStep]);
-  return /* @__PURE__ */ jsxs147(DocumentScrollLayoutProvider, { children: [
-    /* @__PURE__ */ jsxs147("div", { ...mergeProps49(void 0, style, {
+  return /* @__PURE__ */ jsxs148(DocumentScrollLayoutProvider, { children: [
+    /* @__PURE__ */ jsxs148("div", { ...mergeProps49(void 0, style, {
       display: "df",
       flexDirection: "fdc",
       width: "w100"
     }), ...tid, children: [
-      /* @__PURE__ */ jsx273("div", { ...mergeProps49(void 0, {
+      /* @__PURE__ */ jsx274("div", { ...mergeProps49(void 0, {
         height: headerHeight
       }, {
         flexShrink: "fs0",
         width: "w100"
-      }), children: /* @__PURE__ */ jsx273("div", { ref: headerMetricsRef, ...trussProps156({
+      }), children: /* @__PURE__ */ jsx274("div", { ref: headerMetricsRef, ...trussProps157({
         position: "fixed",
         left: "l_0",
         width: ["w_var", {
@@ -33946,9 +34049,9 @@ function WorkflowPageLayout(props) {
           "--top": maybeCssVar77(__maybeInc37(outerTop))
         }],
         transition: "transitionAll"
-      }), ...tid.header, children: /* @__PURE__ */ jsx273(WorkflowHeader, { title, documentTitleSuffix, breadcrumbs, rightSlot: isMobile ? pageTriggers : actions, stepperTabs }) }) }),
+      }), ...tid.header, children: /* @__PURE__ */ jsx274(WorkflowHeader, { title, documentTitleSuffix, breadcrumbs, rightSlot: isMobile ? pageTriggers : actions, stepperTabs }) }) }),
       bannerSlot,
-      /* @__PURE__ */ jsx273("div", { ...trussProps156({
+      /* @__PURE__ */ jsx274("div", { ...trussProps157({
         ...{
           display: "df",
           flexDirection: "fdc",
@@ -33963,15 +34066,15 @@ function WorkflowPageLayout(props) {
             "--minHeight": maybeCssVar77(documentScrollBodyMinHeight())
           }]
         }
-      }), ...tid.body, children: triggers.length > 0 ? /* @__PURE__ */ jsx273(DocumentScrollOverlayRightPaneLayout, { children }) : children }),
+      }), ...tid.body, children: triggers.length > 0 ? /* @__PURE__ */ jsx274(DocumentScrollOverlayRightPaneLayout, { children }) : children }),
       !isMobile && pageTriggers,
-      showFooter && /* @__PURE__ */ jsx273("div", { ...trussProps156({
+      showFooter && /* @__PURE__ */ jsx274("div", { ...trussProps157({
         flexShrink: "fs0",
         width: "w100",
         height: ["h_var", {
           "--height": `${mobileFooterHeightPx}px`
         }]
-      }), children: /* @__PURE__ */ jsx273("div", { ...trussProps156({
+      }), children: /* @__PURE__ */ jsx274("div", { ...trussProps157({
         ...{
           position: "fixed",
           bottom: "bot_0",
@@ -34000,12 +34103,12 @@ function WorkflowPageLayout(props) {
         ...pageContentPaddingX
       }), ...tid.footer, children: actions }) })
     ] }),
-    navigationBlocker && /* @__PURE__ */ jsx273(UnsavedChangesNavigationModal, { ...navigationBlocker })
+    navigationBlocker && /* @__PURE__ */ jsx274(UnsavedChangesNavigationModal, { ...navigationBlocker })
   ] });
 }
 
 // src/layouts/Workflow/FocusedFormLayout.tsx
-import { jsx as jsx274 } from "react/jsx-runtime";
+import { jsx as jsx275 } from "react/jsx-runtime";
 function FocusedFormLayout(props) {
   const {
     onCancel,
@@ -34023,7 +34126,7 @@ function FocusedFormLayout(props) {
     ...headerProps
   } = props;
   const tid = useTestIds(props, "focusedFormLayout");
-  return /* @__PURE__ */ jsx274(
+  return /* @__PURE__ */ jsx275(
     WorkflowPageLayout,
     {
       ...tid,
@@ -34045,8 +34148,8 @@ function FocusedFormLayout(props) {
 }
 
 // src/layouts/Workflow/StepperLayout.tsx
-import { useState as useState71 } from "react";
-import { jsx as jsx275 } from "react/jsx-runtime";
+import { useState as useState72 } from "react";
+import { jsx as jsx276 } from "react/jsx-runtime";
 function StepperLayout(props) {
   const {
     steps,
@@ -34063,7 +34166,7 @@ function StepperLayout(props) {
     ...headerProps
   } = props;
   const stepTabs = steps.map((step) => ({ ...step, value: defaultTestId(step.label) }));
-  const [currentStep, setCurrentStep] = useState71(() => getInitialStep(stepTabs, defaultStep));
+  const [currentStep, setCurrentStep] = useState72(() => getInitialStep(stepTabs, defaultStep));
   const tid = useTestIds(props, "stepperLayout");
   const currentIndex = hasStep(stepTabs, currentStep) ? stepTabs.findIndex((step) => step.value === currentStep) : 0;
   const isFirstStep = currentIndex <= 0;
@@ -34073,7 +34176,7 @@ function StepperLayout(props) {
     if (value === currentStep) return;
     closeRightPaneThen(() => setCurrentStep(value));
   }
-  return /* @__PURE__ */ jsx275(
+  return /* @__PURE__ */ jsx276(
     WorkflowPageLayout,
     {
       ...tid,
@@ -34118,7 +34221,7 @@ function getInitialStep(steps, defaultStep) {
 
 // src/forms/BoundChipSelectField.tsx
 import { Observer as Observer22 } from "mobx-react";
-import { jsx as jsx276 } from "react/jsx-runtime";
+import { jsx as jsx277 } from "react/jsx-runtime";
 function BoundChipSelectField(props) {
   const {
     field,
@@ -34134,7 +34237,7 @@ function BoundChipSelectField(props) {
     ...others
   } = props;
   const testId = useTestIds(props, field.key);
-  return /* @__PURE__ */ jsx276(Observer22, { children: () => /* @__PURE__ */ jsx276(
+  return /* @__PURE__ */ jsx277(Observer22, { children: () => /* @__PURE__ */ jsx277(
     ChipSelectField,
     {
       label,
@@ -34164,12 +34267,12 @@ function BoundChipSelectField(props) {
 }
 
 // src/forms/BoundSelectAndTextField.tsx
-import { jsx as jsx277, jsxs as jsxs148 } from "react/jsx-runtime";
+import { jsx as jsx278, jsxs as jsxs149 } from "react/jsx-runtime";
 function BoundSelectAndTextField(props) {
   const { selectFieldProps, textFieldProps, compact = true } = props;
   const tid = useTestIds(props);
-  return /* @__PURE__ */ jsxs148(CompoundField, { children: [
-    /* @__PURE__ */ jsx277(
+  return /* @__PURE__ */ jsxs149(CompoundField, { children: [
+    /* @__PURE__ */ jsx278(
       BoundSelectField,
       {
         ...tid[defaultTestId(selectFieldProps.label ?? selectFieldProps.field.key)],
@@ -34178,7 +34281,7 @@ function BoundSelectAndTextField(props) {
         compact
       }
     ),
-    /* @__PURE__ */ jsx277(
+    /* @__PURE__ */ jsx278(
       BoundTextField,
       {
         ...tid[defaultTestId(textFieldProps.label ?? textFieldProps.field.key)],
@@ -34190,8 +34293,8 @@ function BoundSelectAndTextField(props) {
 }
 
 // src/forms/FormHeading.tsx
-import { trussProps as trussProps157 } from "@homebound/truss/runtime";
-import { jsx as jsx278 } from "react/jsx-runtime";
+import { trussProps as trussProps158 } from "@homebound/truss/runtime";
+import { jsx as jsx279 } from "react/jsx-runtime";
 function FormHeading(props) {
   const {
     title,
@@ -34201,7 +34304,7 @@ function FormHeading(props) {
   } = props;
   return (
     // Add space before the heading, but only if it's not first.
-    /* @__PURE__ */ jsx278("h3", { ...trussProps157({
+    /* @__PURE__ */ jsx279("h3", { ...trussProps158({
       ...{
         fontWeight: "fw4",
         fontSize: "fz_16px",
@@ -34218,8 +34321,8 @@ FormHeading.isFormHeading = true;
 
 // src/forms/StaticField.tsx
 import { useId as useId6 } from "@react-aria/utils";
-import { trussProps as trussProps158 } from "@homebound/truss/runtime";
-import { jsx as jsx279, jsxs as jsxs149 } from "react/jsx-runtime";
+import { trussProps as trussProps159 } from "@homebound/truss/runtime";
+import { jsx as jsx280, jsxs as jsxs150 } from "react/jsx-runtime";
 function StaticField(props) {
   const {
     fieldProps
@@ -34232,14 +34335,14 @@ function StaticField(props) {
   } = props;
   const tid = useTestIds(props, typeof label === "string" ? defaultTestId(label) : "staticField");
   const id = useId6();
-  return /* @__PURE__ */ jsxs149("div", { ...trussProps158({
+  return /* @__PURE__ */ jsxs150("div", { ...trussProps159({
     ...labelStyle === "left" ? {
       display: "df",
       justifyContent: "jcsb",
       maxWidth: "maxw100"
     } : {}
   }), ...tid.container, children: [
-    /* @__PURE__ */ jsx279("label", { ...trussProps158({
+    /* @__PURE__ */ jsx280("label", { ...trussProps159({
       display: "db",
       fontWeight: "fw4",
       fontSize: "fz_14px",
@@ -34249,7 +34352,7 @@ function StaticField(props) {
       }],
       marginBottom: "mb_4px"
     }), htmlFor: id, ...tid.label, children: label }),
-    /* @__PURE__ */ jsx279("div", { id, ...trussProps158({
+    /* @__PURE__ */ jsx280("div", { id, ...trussProps159({
       fontWeight: "fw4",
       fontSize: "fz_14px",
       lineHeight: "lh_20px",
@@ -34266,9 +34369,9 @@ function StaticField(props) {
 }
 
 // src/hooks/useFilter.ts
-import { useState as useState72 } from "react";
+import { useState as useState73 } from "react";
 function useFilter5({ filterDefs }) {
-  const [filter, setFilter] = useState72(
+  const [filter, setFilter] = useState73(
     Object.fromEntries(
       safeEntries(filterDefs).filter(([key, def]) => def(key).defaultValue !== void 0).map(([key, def]) => [key, def(key).defaultValue])
     )
@@ -34277,10 +34380,10 @@ function useFilter5({ filterDefs }) {
 }
 
 // src/inputs/Autocomplete.tsx
-import { useCallback as useCallback50, useRef as useRef84 } from "react";
+import { useCallback as useCallback51, useRef as useRef85 } from "react";
 import { useComboBox as useComboBox3, useOverlayPosition as useOverlayPosition7 } from "react-aria";
 import { Item as Item6, useComboBoxState as useComboBoxState3 } from "react-stately";
-import { Fragment as Fragment58, jsx as jsx280, jsxs as jsxs150 } from "react/jsx-runtime";
+import { Fragment as Fragment58, jsx as jsx281, jsxs as jsxs151 } from "react/jsx-runtime";
 function Autocomplete(props) {
   const {
     onSelect,
@@ -34297,8 +34400,8 @@ function Autocomplete(props) {
   } = props;
   const { effectiveValue, proposalProps } = useAiProposal(value, proposedValue);
   const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(disabledOptionToKeyedTuple) ?? []);
-  const comboBoxChildren = useCallback50(
-    (item) => /* @__PURE__ */ jsx280(Item6, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item)),
+  const comboBoxChildren = useCallback51(
+    (item) => /* @__PURE__ */ jsx281(Item6, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item)),
     [getOptionValue, getOptionLabel, getOptionMenuLabel]
   );
   const comboBoxProps = {
@@ -34322,10 +34425,10 @@ function Autocomplete(props) {
     ...others
   };
   const state = useComboBoxState3(comboBoxProps);
-  const inputWrapRef = useRef84(null);
-  const inputRef = useRef84(null);
-  const listBoxRef = useRef84(null);
-  const popoverRef = useRef84(null);
+  const inputWrapRef = useRef85(null);
+  const inputRef = useRef85(null);
+  const listBoxRef = useRef85(null);
+  const popoverRef = useRef85(null);
   const { inputProps, listBoxProps, labelProps } = useComboBox3(
     {
       ...comboBoxProps,
@@ -34351,8 +34454,8 @@ function Autocomplete(props) {
     // Ensures the menu never gets too small.
     minWidth: 200
   };
-  return /* @__PURE__ */ jsxs150(Fragment58, { children: [
-    /* @__PURE__ */ jsx280(
+  return /* @__PURE__ */ jsxs151(Fragment58, { children: [
+    /* @__PURE__ */ jsx281(
       TextFieldBase,
       {
         inputRef,
@@ -34362,11 +34465,11 @@ function Autocomplete(props) {
         onChange: onInputChange,
         ...proposalProps,
         clearable: true,
-        startAdornment: "startAdornment" in props ? props.startAdornment : /* @__PURE__ */ jsx280(Icon, { icon: "search" }),
+        startAdornment: "startAdornment" in props ? props.startAdornment : /* @__PURE__ */ jsx281(Icon, { icon: "search" }),
         ...others
       }
     ),
-    state.isOpen && /* @__PURE__ */ jsx280(
+    state.isOpen && /* @__PURE__ */ jsx281(
       Popover,
       {
         triggerRef: inputRef,
@@ -34375,7 +34478,7 @@ function Autocomplete(props) {
         onClose: () => state.close(),
         isOpen: state.isOpen,
         minWidth: 200,
-        children: /* @__PURE__ */ jsx280(
+        children: /* @__PURE__ */ jsx281(
           ListBox,
           {
             ...listBoxProps,
@@ -34393,11 +34496,11 @@ function Autocomplete(props) {
 }
 
 // src/inputs/ToggleButton.tsx
-import { useRef as useRef85, useState as useState73 } from "react";
+import { useRef as useRef86, useState as useState74 } from "react";
 import { useFocusRing as useFocusRing24, useHover as useHover28, usePress as usePress3, useSwitch as useSwitch2, VisuallyHidden as VisuallyHidden12 } from "react-aria";
 import { useToggleState as useToggleState2 } from "react-stately";
-import { trussProps as trussProps159 } from "@homebound/truss/runtime";
-import { jsx as jsx281, jsxs as jsxs151 } from "react/jsx-runtime";
+import { trussProps as trussProps160 } from "@homebound/truss/runtime";
+import { jsx as jsx282, jsxs as jsxs152 } from "react/jsx-runtime";
 function ToggleButton(props) {
   const {
     selected: isSelected = false,
@@ -34408,7 +34511,7 @@ function ToggleButton(props) {
     __storyState,
     ...otherProps
   } = props;
-  const [asyncInProgress, setAsyncInProgress] = useState73(false);
+  const [asyncInProgress, setAsyncInProgress] = useState74(false);
   const isDisabled = !!disabled || asyncInProgress;
   const ariaProps = {
     "aria-label": label,
@@ -34427,8 +34530,8 @@ function ToggleButton(props) {
       return result;
     }
   });
-  const labelRef = useRef85(null);
-  const ref = useRef85(null);
+  const labelRef = useRef86(null);
+  const ref = useRef86(null);
   const tid = useTestIds(otherProps, label);
   const {
     isPressed: isPressedFromEvents,
@@ -34461,7 +34564,7 @@ function ToggleButton(props) {
     ...focusProps,
     ...hoverProps,
     ...pressProps,
-    ...trussProps159({
+    ...trussProps160({
       // Gray500 off-state has no semantic match — keep palette (OnSurfaceMuted is Gray700).
       ...{
         borderRadius: "br4",
@@ -34501,10 +34604,10 @@ function ToggleButton(props) {
   return maybeTooltip({
     title: tooltip,
     placement: "top",
-    children: /* @__PURE__ */ jsxs151("label", { ...labelAttrs, children: [
-      icon && /* @__PURE__ */ jsx281(Icon, { icon }),
+    children: /* @__PURE__ */ jsxs152("label", { ...labelAttrs, children: [
+      icon && /* @__PURE__ */ jsx282(Icon, { icon }),
       label,
-      /* @__PURE__ */ jsx281(VisuallyHidden12, { children: /* @__PURE__ */ jsx281("input", { ref, ...inputProps, ...tid.value }) })
+      /* @__PURE__ */ jsx282(VisuallyHidden12, { children: /* @__PURE__ */ jsx282("input", { ref, ...inputProps, ...tid.value }) })
     ] })
   });
 }
@@ -34532,6 +34635,7 @@ export {
   AiLoadingPanel,
   AiPanel,
   AiSlimBanner,
+  AiTableIllustration,
   AutoSaveIndicator,
   AutoSaveStatus,
   AutoSaveStatusContext,