@homebound/beam 4.14.7 → 4.15.0

package/dist/index.js

@@ -13609,12 +13609,14 @@ import { trussProps as trussProps32 } from "@homebound/truss/runtime";
 import { jsx as jsx51, jsxs as jsxs32 } from "react/jsx-runtime";
 function GridTableEmptyState(props) {
   const {
+    illustration,
     title = "No results found",
     description,
     actions
   } = props;
   const tid = useTestIds(props, "gridTableEmptyState");
   return /* @__PURE__ */ jsxs32("div", { className: "df fdc aic pt_12 pb_12 g_2", ...tid, children: [
+    illustration && /* @__PURE__ */ jsx51("div", { ...tid.illustration, children: illustration }),
     /* @__PURE__ */ jsx51("div", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
     description && /* @__PURE__ */ jsx51("div", { ...trussProps32({
       fontWeight: "fw4",
@@ -24964,6 +24966,7 @@ function composeEmptyState(tableProps, layoutState, layoutEmptyFallback, clearFi
   const filteringActive = layoutState?.filteringActive ?? false;
   const filterEmptyDescription = "Try adjusting your search or filters.";
   return {
+    illustration: tableEmptyState?.illustration,
     title: tableEmptyState?.title ?? tableEmptyFallback ?? layoutEmptyFallback,
     description: tableEmptyState?.description ?? (filteringActive ? filterEmptyDescription : void 0),
     actions: tableEmptyState?.actions ?? (filteringActive && layoutState ? /* @__PURE__ */ jsx178(Button, { label: "Clear Filters", variant: "tertiary", onClick: clearFilters, "data-testid": "clearFilters" }) : void 0)
@@ -28516,9 +28519,10 @@ function TabContent(props) {
         ...tid.panel,
         ...selfTopSpaced,
         ...trussProps128({
+          // Top padding, unless the first child pads its own top (e.g. sticky table actions).
           ...{
             ...!omitTopSpacing ? {
-              paddingTop: "first_child_n_data_self_top_spaced_pt3"
+              paddingTop: "n_has_data_self_top_spaced_first_child_pt3"
             } : {}
           },
           ...contentXss
@@ -28786,16 +28790,46 @@ function useToast() {
   return { showToast, clear };
 }
 
-// src/layouts/SideNavLayout/SideNavLayout.tsx
-import { trussProps as trussProps129, mergeProps as mergeProps38, maybeCssVar as maybeCssVar62 } from "@homebound/truss/runtime";
+// src/illustrations/DocumentUploadIllustration.tsx
+import { trussProps as trussProps129 } from "@homebound/truss/runtime";
 import { jsx as jsx225, jsxs as jsxs119 } from "react/jsx-runtime";
+function DocumentUploadIllustration(props) {
+  const {
+    width: width2 = 338
+  } = props;
+  const blob = "rgba(247, 245, 245, 1)" /* Gray100 */;
+  const line = "rgba(141, 141, 141, 1)" /* Gray600 */;
+  return /* @__PURE__ */ jsxs119("svg", { viewBox: "0 0 338.25 270.6", xmlns: "http://www.w3.org/2000/svg", fill: "none", "aria-hidden": true, role: "presentation", ...trussProps129({
+    width: ["w_var", {
+      "--width": `${width2}px`
+    }],
+    maxWidth: "maxw100",
+    height: "ha"
+  }), children: [
+    /* @__PURE__ */ jsx225("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: blob }),
+    /* @__PURE__ */ jsx225("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: "rgba(255, 255, 255, 1)" /* White */ }),
+    /* @__PURE__ */ jsx225("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: line }),
+    /* @__PURE__ */ jsx225("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: line }),
+    /* @__PURE__ */ jsx225("path", { d: "M192.785 83.3351V99.2582C192.785 102.885 195.726 105.826 199.353 105.826H215.482", fill: "rgba(255, 255, 255, 1)" /* White */ }),
+    /* @__PURE__ */ jsx225("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: line }),
+    /* @__PURE__ */ jsx225("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: line }),
+    /* @__PURE__ */ jsx225("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: line }),
+    /* @__PURE__ */ jsx225("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: line }),
+    /* @__PURE__ */ jsx225("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: line }),
+    /* @__PURE__ */ jsx225("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: line })
+  ] });
+}
+
+// src/layouts/SideNavLayout/SideNavLayout.tsx
+import { trussProps as trussProps130, mergeProps as mergeProps38, maybeCssVar as maybeCssVar62 } from "@homebound/truss/runtime";
+import { jsx as jsx226, jsxs as jsxs120 } 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__ */ jsx225(SideNavLayoutContent, { ...props });
-  return /* @__PURE__ */ jsx225(SideNavLayoutProvider, { children: /* @__PURE__ */ jsx225(SideNavLayoutContent, { ...props }) });
+  if (hasProvider) return /* @__PURE__ */ jsx226(SideNavLayoutContent, { ...props });
+  return /* @__PURE__ */ jsx226(SideNavLayoutProvider, { children: /* @__PURE__ */ jsx226(SideNavLayoutContent, { ...props }) });
 }
 function SideNavLayoutContent(props) {
   const {
@@ -28818,7 +28852,7 @@ function SideNavLayoutContent(props) {
   const railOffsetPx = !showRail ? 0 : !bp.mdAndUp || collapsed ? railCollapsedWidthPx : railWidthPx;
   const navTop = bannerAndNavbarChromeTop();
   const railViewportHeight = `calc(var(${beamLayoutViewportHeightVar}, 100vh) - var(${beamEnvironmentBannerLayoutHeightVar}, 0px) - var(${beamNavbarLayoutHeightVar}, 0px))`;
-  const rail = showRail && /* @__PURE__ */ jsxs119("div", { ...trussProps129({
+  const rail = showRail && /* @__PURE__ */ jsxs120("div", { ...trussProps130({
     ...{
       display: "df",
       flexDirection: "fdc",
@@ -28875,18 +28909,18 @@ function SideNavLayoutContent(props) {
       }
     }
   }), ...tid.sideNav, children: [
-    showCollapseToggle && /* @__PURE__ */ jsx225("div", { className: "absolute r_2 top2 z2", children: /* @__PURE__ */ jsx225(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
-    /* @__PURE__ */ jsx225("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ jsx225(SideNav, { ...sideNav }) })
+    showCollapseToggle && /* @__PURE__ */ jsx226("div", { className: "absolute r_2 top2 z2", children: /* @__PURE__ */ jsx226(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
+    /* @__PURE__ */ jsx226("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ jsx226(SideNav, { ...sideNav }) })
   ] });
-  return /* @__PURE__ */ jsx225(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs119("div", { ...mergeProps38(void 0, {
+  return /* @__PURE__ */ jsx226(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs120("div", { ...mergeProps38(void 0, {
     [beamSideNavLayoutWidthVar]: `${railOffsetPx}px`
   }, {
     display: "df",
     flexDirection: "fdr",
     width: "w100"
   }), ...tid, children: [
-    contrastRail ? /* @__PURE__ */ jsx225(ContrastScope, { children: rail }) : rail,
-    /* @__PURE__ */ jsx225("div", { ...trussProps129({
+    contrastRail ? /* @__PURE__ */ jsx226(ContrastScope, { children: rail }) : rail,
+    /* @__PURE__ */ jsx226("div", { ...trussProps130({
       display: "df",
       flexDirection: "fdc",
       flexGrow: "fg1",
@@ -28903,7 +28937,7 @@ function SideNavLayoutContent(props) {
 
 // src/layouts/CenteredLayout/CenteredLayout.tsx
 import { mergeProps as mergeProps39 } from "@homebound/truss/runtime";
-import { jsx as jsx226 } from "react/jsx-runtime";
+import { jsx as jsx227 } from "react/jsx-runtime";
 function CenteredLayout(props) {
   const {
     size,
@@ -28915,7 +28949,7 @@ function CenteredLayout(props) {
     mdAndUp
   } = useBreakpoint();
   const rightPane = resolveWithRightPaneOptions(withRightPane);
-  const shell = /* @__PURE__ */ jsx226(ContentInsetProvider, { children: /* @__PURE__ */ jsx226("div", { ...mergeProps39(void 0, {
+  const shell = /* @__PURE__ */ jsx227(ContentInsetProvider, { children: /* @__PURE__ */ jsx227("div", { ...mergeProps39(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.
@@ -28934,7 +28968,7 @@ function CenteredLayout(props) {
     ...pageContentPaddingX
   }), ...tid, children }) });
   if (!rightPane) return shell;
-  return /* @__PURE__ */ jsx226(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: shell });
+  return /* @__PURE__ */ jsx227(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: shell });
 }
 var centeredContentMaxPx = {
   sm: 720,
@@ -28947,8 +28981,8 @@ var centeredShellMaxPx = {
 };
 
 // src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
-import { trussProps as trussProps130, mergeProps as mergeProps40, maybeCssVar as maybeCssVar63 } from "@homebound/truss/runtime";
-import { jsx as jsx227, jsxs as jsxs120 } from "react/jsx-runtime";
+import { trussProps as trussProps131, mergeProps as mergeProps40, maybeCssVar as maybeCssVar63 } from "@homebound/truss/runtime";
+import { jsx as jsx228, jsxs as jsxs121 } from "react/jsx-runtime";
 var __maybeInc30 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -28964,18 +28998,18 @@ function EnvironmentBannerLayout(props) {
     [beamEnvironmentBannerLayoutHeightVar]: `${bannerHeightPx}px`
   };
   const innerWidth = `var(${beamLayoutViewportWidthVar}, 100vw)`;
-  return /* @__PURE__ */ jsx227(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx227(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ jsxs120("div", { ...mergeProps40(void 0, style, {
+  return /* @__PURE__ */ jsx228(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx228(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ jsxs121("div", { ...mergeProps40(void 0, style, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    showBanner && environmentBanner && /* @__PURE__ */ jsx227("div", { ...mergeProps40(void 0, {
+    showBanner && environmentBanner && /* @__PURE__ */ jsx228("div", { ...mergeProps40(void 0, {
       height: environmentBannerSizePx
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ jsx227("div", { ...trussProps130({
+    }), children: /* @__PURE__ */ jsx228("div", { ...trussProps131({
       position: "fixed",
       top: "top0",
       left: "l_0",
@@ -28985,21 +29019,21 @@ function EnvironmentBannerLayout(props) {
       width: ["w_var", {
         "--width": maybeCssVar63(__maybeInc30(innerWidth))
       }]
-    }), ...tid.bannerSticky, children: /* @__PURE__ */ jsx227(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
+    }), ...tid.bannerSticky, children: /* @__PURE__ */ jsx228(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
     children
   ] }) }) });
 }
 
 // src/layouts/FormSectionLayout/FormSectionLayout.tsx
-import { trussProps as trussProps134, maybeCssVar as maybeCssVar66 } from "@homebound/truss/runtime";
+import { trussProps as trussProps135, maybeCssVar as maybeCssVar66 } from "@homebound/truss/runtime";
 
 // src/forms/FormSection/FormSection.tsx
-import { trussProps as trussProps132, maybeCssVar as maybeCssVar64 } from "@homebound/truss/runtime";
+import { trussProps as trussProps133, maybeCssVar as maybeCssVar64 } from "@homebound/truss/runtime";
 
 // src/forms/FormSection/FormSectionChild.tsx
 import { useRef as useRef70 } from "react";
-import { trussProps as trussProps131 } from "@homebound/truss/runtime";
-import { jsx as jsx228, jsxs as jsxs121 } from "react/jsx-runtime";
+import { trussProps as trussProps132 } from "@homebound/truss/runtime";
+import { jsx as jsx229, jsxs as jsxs122 } from "react/jsx-runtime";
 function FormSectionChild(props) {
   const {
     title,
@@ -29018,10 +29052,10 @@ function FormSectionChild(props) {
     id: props.id ?? title,
     itemRef
   });
-  return /* @__PURE__ */ jsxs121("div", { ...isDraggable ? {
+  return /* @__PURE__ */ jsxs122("div", { ...isDraggable ? {
     ...dragItemProps,
     ref: itemRef
-  } : {}, ...trussProps131({
+  } : {}, ...trussProps132({
     display: "df",
     flexDirection: "fdc",
     gap: "g_2",
@@ -29037,13 +29071,13 @@ function FormSectionChild(props) {
     borderStyle: "lot_bsn",
     borderWidth: "lot_bw_0"
   }), ...tid, children: [
-    /* @__PURE__ */ jsx228(ContentHeader, { ...tid.header, title, description, actions, level: 4, startAdornment: isDraggable ? /* @__PURE__ */ jsx228(DnDGridItemHandle, { dragHandleProps, icon: "drag", compact: true }) : void 0 }),
+    /* @__PURE__ */ jsx229(ContentHeader, { ...tid.header, title, description, actions, level: 4, startAdornment: isDraggable ? /* @__PURE__ */ jsx229(DnDGridItemHandle, { dragHandleProps, icon: "drag", compact: true }) : void 0 }),
     fields
   ] });
 }
 
 // src/forms/FormSection/FormSection.tsx
-import { jsx as jsx229, jsxs as jsxs122 } from "react/jsx-runtime";
+import { jsx as jsx230, jsxs as jsxs123 } from "react/jsx-runtime";
 function FormSection(props) {
   const {
     title,
@@ -29053,7 +29087,7 @@ function FormSection(props) {
     childSections
   } = props;
   const tid = useTestIds(props, "formSection");
-  return /* @__PURE__ */ jsxs122("div", { id: defaultTestId(title), ...trussProps132({
+  return /* @__PURE__ */ jsxs123("div", { id: defaultTestId(title), ...trussProps133({
     display: "df",
     flexDirection: "fdc",
     gap: "g_2",
@@ -29061,9 +29095,9 @@ function FormSection(props) {
       "--scrollMarginTop": maybeCssVar64(stickyNavAndHeaderOffset())
     }]
   }), ...tid.section, children: [
-    /* @__PURE__ */ jsx229(ContentHeader, { ...tid, title, description, actions, level: 3 }),
+    /* @__PURE__ */ jsx230(ContentHeader, { ...tid, title, description, actions, level: 3 }),
     fields,
-    childSections && (isReorderable(childSections) ? /* @__PURE__ */ jsx229(DraggableChildren, { childSections, ...tid.childSection }) : /* @__PURE__ */ jsx229("div", { className: "df fdc g_3", children: childSections.map((child) => /* @__PURE__ */ jsx229(FormSectionChild, { ...child, ...tid.childSection }, child.id ?? child.title)) }))
+    childSections && (isReorderable(childSections) ? /* @__PURE__ */ jsx230(DraggableChildren, { childSections, ...tid.childSection }) : /* @__PURE__ */ jsx230("div", { className: "df fdc g_3", children: childSections.map((child) => /* @__PURE__ */ jsx230(FormSectionChild, { ...child, ...tid.childSection }, child.id ?? child.title)) }))
   ] });
 }
 function isReorderable(childSections) {
@@ -29086,18 +29120,18 @@ function DraggableChildren(props) {
       }
     });
   };
-  return /* @__PURE__ */ jsx229(DnDGrid, { onReorder: handleReorder, lockAxis: "y", gridStyles: {
+  return /* @__PURE__ */ jsx230(DnDGrid, { onReorder: handleReorder, lockAxis: "y", gridStyles: {
     gridTemplateColumns: "gtc_minmax_0_1fr",
     gap: "g_3"
-  }, children: sorted.map((child) => /* @__PURE__ */ jsx229(FormSectionChild, { ...child, ...tid }, child.id)) });
+  }, children: sorted.map((child) => /* @__PURE__ */ jsx230(FormSectionChild, { ...child, ...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 trussProps133, maybeCssVar as maybeCssVar65 } from "@homebound/truss/runtime";
-import { jsx as jsx230 } from "react/jsx-runtime";
+import { trussProps as trussProps134, maybeCssVar as maybeCssVar65 } from "@homebound/truss/runtime";
+import { jsx as jsx231 } from "react/jsx-runtime";
 var __maybeInc31 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -29107,7 +29141,7 @@ function JumpLinksRail(props) {
     activeId
   } = props;
   const tid = useTestIds(props, "jumpLinks");
-  return /* @__PURE__ */ jsx230("nav", { ...trussProps133({
+  return /* @__PURE__ */ jsx231("nav", { ...trussProps134({
     display: "df",
     flexDirection: "fdc",
     flexShrink: "fs0",
@@ -29119,7 +29153,7 @@ function JumpLinksRail(props) {
     top: ["top_var", {
       "--top": maybeCssVar65(__maybeInc31(stickyNavAndHeaderOffset()))
     }]
-  }), ...tid, children: links.map((link) => /* @__PURE__ */ jsx230(JumpLink, { label: link.label, href: `#${link.id}`, active: link.id === activeId, ...tid.link }, link.id)) });
+  }), ...tid, children: links.map((link) => /* @__PURE__ */ jsx231(JumpLink, { label: link.label, href: `#${link.id}`, active: link.id === activeId, ...tid.link }, link.id)) });
 }
 var jumpLinksRailWidthPx = 192;
 var railAndShellPx = centeredShellMaxPx.sm + jumpLinksRailWidthPx;
@@ -29155,7 +29189,7 @@ function useActiveJumpLink(sectionIds) {
 }
 
 // src/layouts/FormSectionLayout/FormSectionLayout.tsx
-import { jsx as jsx231, jsxs as jsxs123 } from "react/jsx-runtime";
+import { jsx as jsx232, jsxs as jsxs124 } from "react/jsx-runtime";
 var __maybeInc32 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -29192,7 +29226,7 @@ function FormSectionLayout(props) {
   }] : [], ...sectionLinks];
   const showRail = withJumpLinks && jumpLinks.length >= 2 && !isMobile;
   const activeId = useActiveJumpLink(showRail ? jumpLinks.map((link) => link.id) : []);
-  const content2 = /* @__PURE__ */ jsxs123("div", { ...trussProps134({
+  const content2 = /* @__PURE__ */ jsxs124("div", { ...trussProps135({
     display: "df",
     flexDirection: "fdc",
     gap: "g_8",
@@ -29203,7 +29237,7 @@ function FormSectionLayout(props) {
       paddingLeft: "pl3"
     } : {}
   }), children: [
-    /* @__PURE__ */ jsxs123("div", { id: titleAnchor ? formSectionLayoutTitleId : void 0, ...trussProps134({
+    /* @__PURE__ */ jsxs124("div", { id: titleAnchor ? formSectionLayoutTitleId : void 0, ...trussProps135({
       display: "df",
       flexDirection: "fdc",
       gap: "g_3",
@@ -29213,23 +29247,23 @@ function FormSectionLayout(props) {
         }]
       } : {}
     }), children: [
-      /* @__PURE__ */ jsx231(ContentHeader, { ...tid, title, description, actions, withAutoSave, level: 2, aiMode }),
+      /* @__PURE__ */ jsx232(ContentHeader, { ...tid, title, description, actions, withAutoSave, level: 2, aiMode }),
       initialFields
     ] }),
-    sections && /* @__PURE__ */ jsx231("div", { className: "df fdc g_8", children: sections.map((section, i) => /* @__PURE__ */ jsx231(FormSection, { ...section }, defaultTestId(section.title) || i)) })
+    sections && /* @__PURE__ */ jsx232("div", { className: "df fdc g_8", children: sections.map((section, i) => /* @__PURE__ */ jsx232(FormSection, { ...section }, defaultTestId(section.title) || i)) })
   ] });
-  const form = /* @__PURE__ */ jsx231(CenteredLayout, { size: "sm", children: aiMode ? /* @__PURE__ */ jsx231(AiCard, { size: "lg", ...tid, children: content2 }) : content2 });
-  const body = showRail ? /* @__PURE__ */ jsxs123("div", { className: "df w100 mb4", children: [
-    /* @__PURE__ */ jsx231(JumpLinksRail, { links: jumpLinks, activeId, ...tid.jumpLinks }),
-    /* @__PURE__ */ jsx231("div", { ...trussProps134({
+  const form = /* @__PURE__ */ jsx232(CenteredLayout, { size: "sm", children: aiMode ? /* @__PURE__ */ jsx232(AiCard, { size: "lg", ...tid, children: content2 }) : content2 });
+  const body = showRail ? /* @__PURE__ */ jsxs124("div", { className: "df w100 mb4", children: [
+    /* @__PURE__ */ jsx232(JumpLinksRail, { links: jumpLinks, activeId, ...tid.jumpLinks }),
+    /* @__PURE__ */ jsx232("div", { ...trussProps135({
       flexGrow: "fg1",
       marginRight: ["mr_var", {
         "--marginRight": maybeCssVar66(__maybeInc32(jumpLinksRailReservation))
       }]
     }), ...tid.column, children: form })
-  ] }) : /* @__PURE__ */ jsx231("div", { className: "mb4", children: form });
+  ] }) : /* @__PURE__ */ jsx232("div", { className: "mb4", children: form });
   if (!rightPane) return body;
-  return /* @__PURE__ */ jsx231(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: body });
+  return /* @__PURE__ */ jsx232(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: body });
 }
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
@@ -29349,17 +29383,17 @@ function useTransitionAfterPaint(ref, transition) {
 
 // src/layouts/NavbarLayout/NavbarLayoutHeightContext.tsx
 import { createContext as createContext18, useContext as useContext29 } from "react";
-import { jsx as jsx232 } from "react/jsx-runtime";
+import { jsx as jsx233 } from "react/jsx-runtime";
 var NavbarLayoutHeightContext = createContext18(0);
 function NavbarLayoutHeightProvider({ value, children }) {
-  return /* @__PURE__ */ jsx232(NavbarLayoutHeightContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx233(NavbarLayoutHeightContext.Provider, { value, children });
 }
 function useNavbarLayoutHeight() {
   return useContext29(NavbarLayoutHeightContext);
 }
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
-import { jsx as jsx233, jsxs as jsxs124 } from "react/jsx-runtime";
+import { jsx as jsx234, jsxs as jsxs125 } from "react/jsx-runtime";
 var __maybeInc33 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -29396,20 +29430,20 @@ function NavbarLayout(props) {
   const innerStyle = {
     top: autoHideState === "hidden" ? `calc(${bannerTop} - ${navHeight}px)` : bannerTop
   };
-  const navbarEl = useMemo57(() => /* @__PURE__ */ jsx233(Navbar, { ...navbar }), [navbar]);
-  return /* @__PURE__ */ jsx233(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx233(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ jsx233(MobileSubNavProvider, { children: /* @__PURE__ */ jsxs124("div", { ...mergeProps41(void 0, cssVars, {
+  const navbarEl = useMemo57(() => /* @__PURE__ */ jsx234(Navbar, { ...navbar }), [navbar]);
+  return /* @__PURE__ */ jsx234(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx234(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ jsx234(MobileSubNavProvider, { children: /* @__PURE__ */ jsxs125("div", { ...mergeProps41(void 0, cssVars, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    /* @__PURE__ */ jsx233("div", { ref: spacerRef, ...mergeProps41(void 0, {
+    /* @__PURE__ */ jsx234("div", { ref: spacerRef, ...mergeProps41(void 0, {
       height: navHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ jsx233("div", { ref: navMetricsRef, ...mergeProps41(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
-    /* @__PURE__ */ jsx233("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
+    }), children: /* @__PURE__ */ jsx234("div", { ref: navMetricsRef, ...mergeProps41(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
+    /* @__PURE__ */ jsx234("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
   ] }) }) }) });
 }
 
@@ -29433,8 +29467,8 @@ function useDocumentTitle(...titleSegments) {
 }
 
 // src/components/Headers/BaseHeader.tsx
-import { trussProps as trussProps135 } from "@homebound/truss/runtime";
-import { jsx as jsx234, jsxs as jsxs125 } from "react/jsx-runtime";
+import { trussProps as trussProps136 } from "@homebound/truss/runtime";
+import { jsx as jsx235, jsxs as jsxs126 } from "react/jsx-runtime";
 function BaseHeader(props) {
   const {
     title,
@@ -29446,7 +29480,7 @@ function BaseHeader(props) {
   } = props;
   const tid = useTestIds(otherProps, "header");
   useDocumentTitle(title, documentTitleSuffix);
-  return /* @__PURE__ */ jsxs125("header", { ...tid, ...trussProps135({
+  return /* @__PURE__ */ jsxs126("header", { ...tid, ...trussProps136({
     display: "df",
     flexDirection: "fdc",
     paddingTop: "pt3",
@@ -29460,7 +29494,7 @@ function BaseHeader(props) {
       "--backgroundColor": "var(--b-surface)"
     }]
   }), children: [
-    /* @__PURE__ */ jsxs125("div", { ...trussProps135({
+    /* @__PURE__ */ jsxs126("div", { ...trussProps136({
       ...{
         display: "df",
         justifyContent: "jcsb",
@@ -29474,9 +29508,9 @@ function BaseHeader(props) {
         } : {}
       }
     }), children: [
-      /* @__PURE__ */ jsxs125("div", { className: "mw0", children: [
-        breadcrumbs && /* @__PURE__ */ jsx234(Breadcrumbs, { ...breadcrumbs }),
-        /* @__PURE__ */ jsx234("h1", { ...tid.title, ...trussProps135({
+      /* @__PURE__ */ jsxs126("div", { className: "mw0", children: [
+        breadcrumbs && /* @__PURE__ */ jsx235(Breadcrumbs, { ...breadcrumbs }),
+        /* @__PURE__ */ jsx235("h1", { ...tid.title, ...trussProps136({
           fontWeight: "fw6",
           fontSize: "fz_20px",
           lineHeight: "lh_28px",
@@ -29485,15 +29519,15 @@ function BaseHeader(props) {
           }]
         }), children: title })
       ] }),
-      /* @__PURE__ */ jsx234("div", { className: "fs0", children: rightSlot })
+      /* @__PURE__ */ jsx235("div", { className: "fs0", children: rightSlot })
     ] }),
     bottomSlot
   ] });
 }
 
 // src/components/Headers/PageHeader.tsx
-import { trussProps as trussProps136 } from "@homebound/truss/runtime";
-import { Fragment as Fragment52, jsx as jsx235, jsxs as jsxs126 } from "react/jsx-runtime";
+import { trussProps as trussProps137 } from "@homebound/truss/runtime";
+import { Fragment as Fragment52, jsx as jsx236, jsxs as jsxs127 } from "react/jsx-runtime";
 function PageHeader2(props) {
   const {
     tabs,
@@ -29509,20 +29543,20 @@ function PageHeader2(props) {
     bottomSlotActions,
     rightSlotActions
   } = splitHeaderActionsOnSm(actions, sm);
-  return /* @__PURE__ */ jsx235(BaseHeader, { ...otherProps, rightSlot: /* @__PURE__ */ jsxs126("div", { className: "df g_2 fs0", ...tid.actions, children: [
-    /* @__PURE__ */ jsx235(AutoSaveIndicator, { hideOnIdle: true }),
-    rightSlotActions.length > 0 && /* @__PURE__ */ jsx235(HeaderActions, { actions: rightSlotActions, collapseOnSm: true }),
+  return /* @__PURE__ */ jsx236(BaseHeader, { ...otherProps, rightSlot: /* @__PURE__ */ jsxs127("div", { className: "df g_2 fs0", ...tid.actions, children: [
+    /* @__PURE__ */ jsx236(AutoSaveIndicator, { hideOnIdle: true }),
+    rightSlotActions.length > 0 && /* @__PURE__ */ jsx236(HeaderActions, { actions: rightSlotActions, collapseOnSm: true }),
     rightSlot
-  ] }), bottomSlot: (bottomSlotActions.length > 0 || tabs) && /* @__PURE__ */ jsxs126(Fragment52, { children: [
-    bottomSlotActions.length > 0 && /* @__PURE__ */ jsx235("div", { ...trussProps136({
+  ] }), bottomSlot: (bottomSlotActions.length > 0 || tabs) && /* @__PURE__ */ jsxs127(Fragment52, { children: [
+    bottomSlotActions.length > 0 && /* @__PURE__ */ jsx236("div", { ...trussProps137({
       ...pageContentPaddingX,
       ...{
         ...!tabs ? {
           marginBottom: "mb2"
         } : {}
       }
-    }), ...tid.bottomSlot, children: /* @__PURE__ */ jsx235(HeaderActions, { actions: bottomSlotActions }) }),
-    tabs && /* @__PURE__ */ jsx235("div", { ...trussProps136(pageContentPaddingX), children: /* @__PURE__ */ jsx235(Tabs, { ...tabs, ...tid.tabs }) })
+    }), ...tid.bottomSlot, children: /* @__PURE__ */ jsx236(HeaderActions, { actions: bottomSlotActions }) }),
+    tabs && /* @__PURE__ */ jsx236("div", { ...trussProps137(pageContentPaddingX), children: /* @__PURE__ */ jsx236(Tabs, { ...tabs, ...tid.tabs }) })
   ] }) });
 }
 
@@ -29533,7 +29567,7 @@ function useBannerAndNavbarHeight() {
 
 // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
 import { mergeProps as mergeProps42, maybeCssVar as maybeCssVar68 } from "@homebound/truss/runtime";
-import { jsx as jsx236, jsxs as jsxs127 } from "react/jsx-runtime";
+import { jsx as jsx237, jsxs as jsxs128 } from "react/jsx-runtime";
 var __maybeInc34 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -29576,19 +29610,19 @@ function PageHeaderLayout(props) {
   const innerStyle = {
     top: autoHideState === "hidden" ? `calc(${outerTop} - ${headerHeight}px)` : outerTop
   };
-  const pageHeaderEl = useMemo58(() => /* @__PURE__ */ jsx236(PageHeader2, { ...pageHeader }), [pageHeader]);
-  return /* @__PURE__ */ jsx236(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs127("div", { ...mergeProps42(void 0, cssVars, {
+  const pageHeaderEl = useMemo58(() => /* @__PURE__ */ jsx237(PageHeader2, { ...pageHeader }), [pageHeader]);
+  return /* @__PURE__ */ jsx237(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs128("div", { ...mergeProps42(void 0, cssVars, {
     display: "df",
     flexDirection: "fdc",
     width: "w100"
   }), ...tid, children: [
-    /* @__PURE__ */ jsx236("div", { ref: spacerRef, ...mergeProps42(void 0, {
+    /* @__PURE__ */ jsx237("div", { ref: spacerRef, ...mergeProps42(void 0, {
       height: headerHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ jsx236("div", { ref: headerMetricsRef, ...mergeProps42(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
-    /* @__PURE__ */ jsx236("div", { className: "df fdc fg1 mh0 w100 first_child_n_data_self_top_spaced_pt3", ...tid.body, children })
+    }), children: /* @__PURE__ */ jsx237("div", { ref: headerMetricsRef, ...mergeProps42(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
+    /* @__PURE__ */ jsx237("div", { className: "df fdc fg1 mh0 w100 n_has_data_self_top_spaced_first_child_pt3", ...tid.body, children })
   ] }) });
 }
 
@@ -29596,23 +29630,23 @@ function PageHeaderLayout(props) {
 import { useLayoutEffect as useLayoutEffect18, useRef as useRef75 } from "react";
 
 // src/components/Headers/WorkflowHeader.tsx
-import { jsx as jsx237 } from "react/jsx-runtime";
+import { jsx as jsx238 } from "react/jsx-runtime";
 function WorkflowHeader(props) {
   const { stepperTabs, ...otherProps } = props;
   const tid = useTestIds(otherProps, "header");
-  return /* @__PURE__ */ jsx237(
+  return /* @__PURE__ */ jsx238(
     BaseHeader,
     {
       ...otherProps,
-      bottomSlot: stepperTabs ? /* @__PURE__ */ jsx237(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) : void 0
+      bottomSlot: stepperTabs ? /* @__PURE__ */ jsx238(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) : void 0
     }
   );
 }
 
 // src/layouts/Workflow/RightPaneTriggers.tsx
 import { useCallback as useCallback44 } from "react";
-import { trussProps as trussProps137, maybeCssVar as maybeCssVar69 } from "@homebound/truss/runtime";
-import { jsx as jsx238 } from "react/jsx-runtime";
+import { trussProps as trussProps138, maybeCssVar as maybeCssVar69 } from "@homebound/truss/runtime";
+import { jsx as jsx239 } from "react/jsx-runtime";
 var __maybeInc35 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -29633,12 +29667,12 @@ function WorkflowPageRightPaneTriggers(props) {
   const pageTriggerInsetPx = 24;
   const onClick = useCallback44((trigger) => {
     openRightPane({
-      content: /* @__PURE__ */ jsx238(RightPanePanel, { title: trigger.label, children: trigger.content })
+      content: /* @__PURE__ */ jsx239(RightPanePanel, { title: trigger.label, children: trigger.content })
     });
   }, [openRightPane]);
-  return /* @__PURE__ */ jsx238("div", { ...tid, "aria-hidden": isRightPaneOpen, ...isRightPaneOpen ? {
+  return /* @__PURE__ */ jsx239("div", { ...tid, "aria-hidden": isRightPaneOpen, ...isRightPaneOpen ? {
     inert: true
-  } : {}, ...trussProps137({
+  } : {}, ...trussProps138({
     ...{
       display: "df",
       alignItems: "aic",
@@ -29670,13 +29704,13 @@ function WorkflowPageRightPaneTriggers(props) {
     } : {
       transform: "tf_translateX_0"
     })
-  }), children: triggers.map((trigger) => /* @__PURE__ */ jsx238(IconButton, { icon: trigger.icon, label: trigger.label, variant: "circle", compact: isMobile, onClick: () => onClick(trigger), ...tid[trigger.icon] }, trigger.label)) });
+  }), children: triggers.map((trigger) => /* @__PURE__ */ jsx239(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 useEffect40, useRef as useRef74 } from "react";
 import { useBlocker } from "react-router-dom";
-import { jsx as jsx239 } from "react/jsx-runtime";
+import { jsx as jsx240 } from "react/jsx-runtime";
 function useUnsavedChangesGuard(options) {
   const { isDirty, allowNavigation, onCancel } = options;
   const { openModal } = useModal();
@@ -29712,7 +29746,7 @@ function useUnsavedChangesGuard(options) {
     }
     openModal({
       allowClosing: false,
-      content: /* @__PURE__ */ jsx239(ConfirmCloseModal, { onClose: () => confirmCancel(e) })
+      content: /* @__PURE__ */ jsx240(ConfirmCloseModal, { onClose: () => confirmCancel(e) })
     });
   };
   const navigationBlocker = blocker.state === "blocked" ? { proceed: () => blocker.proceed?.(), cancelNavigation: () => blocker.reset?.() } : void 0;
@@ -29724,7 +29758,7 @@ function UnsavedChangesNavigationModal(props) {
   useEffect40(() => {
     openModal({
       allowClosing: false,
-      content: /* @__PURE__ */ jsx239(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
+      content: /* @__PURE__ */ jsx240(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
     });
     return () => closeModal();
   }, []);
@@ -29732,7 +29766,7 @@ function UnsavedChangesNavigationModal(props) {
 }
 
 // src/layouts/Workflow/WorkflowActions.tsx
-import { jsx as jsx240, jsxs as jsxs128 } from "react/jsx-runtime";
+import { jsx as jsx241, jsxs as jsxs129 } from "react/jsx-runtime";
 function WorkflowActions(props) {
   const {
     onCancel,
@@ -29750,12 +29784,12 @@ function WorkflowActions(props) {
     sm: isMobile
   } = useBreakpoint();
   const primaryVariant = aiMode ? "ai" : "primary";
-  return /* @__PURE__ */ jsxs128("div", { className: "df aic jcsb sm_w100", children: [
-    /* @__PURE__ */ jsx240("div", { className: "df aic", children: !isFirstStep && isMobile && onBack && /* @__PURE__ */ jsx240(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
-    /* @__PURE__ */ jsxs128("div", { className: "df aic g_1", children: [
-      /* @__PURE__ */ jsx240(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
-      onSaveAndExit && /* @__PURE__ */ jsx240(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
-      isLastStep ? /* @__PURE__ */ jsx240(Button, { label: completeLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx240(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
+  return /* @__PURE__ */ jsxs129("div", { className: "df aic jcsb sm_w100", children: [
+    /* @__PURE__ */ jsx241("div", { className: "df aic", children: !isFirstStep && isMobile && onBack && /* @__PURE__ */ jsx241(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
+    /* @__PURE__ */ jsxs129("div", { className: "df aic g_1", children: [
+      /* @__PURE__ */ jsx241(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
+      onSaveAndExit && /* @__PURE__ */ jsx241(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
+      isLastStep ? /* @__PURE__ */ jsx241(Button, { label: completeLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx241(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
         await onContinue?.();
       }, disabled: primaryDisabled })
     ] })
@@ -29763,8 +29797,8 @@ function WorkflowActions(props) {
 }
 
 // src/layouts/Workflow/WorkflowPageLayout.tsx
-import { trussProps as trussProps138, mergeProps as mergeProps43, maybeCssVar as maybeCssVar70 } from "@homebound/truss/runtime";
-import { jsx as jsx241, jsxs as jsxs129 } from "react/jsx-runtime";
+import { trussProps as trussProps139, mergeProps as mergeProps43, maybeCssVar as maybeCssVar70 } from "@homebound/truss/runtime";
+import { jsx as jsx242, jsxs as jsxs130 } from "react/jsx-runtime";
 var __maybeInc36 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -29795,9 +29829,9 @@ function WorkflowPageLayout(props) {
     allowNavigation,
     onCancel
   });
-  const actions = /* @__PURE__ */ jsx241(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick });
+  const actions = /* @__PURE__ */ jsx242(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick });
   const triggers = rightPaneTriggers ?? [];
-  const pageTriggers = triggers.length > 0 ? /* @__PURE__ */ jsx241(WorkflowPageRightPaneTriggers, { triggers }) : void 0;
+  const pageTriggers = triggers.length > 0 ? /* @__PURE__ */ jsx242(WorkflowPageRightPaneTriggers, { triggers }) : void 0;
   const headerMetricsRef = useRef75(null);
   const headerHeight = useMeasuredHeight(headerMetricsRef, true);
   const headerWidth = documentScrollChromeWidth();
@@ -29818,18 +29852,18 @@ function WorkflowPageLayout(props) {
       }
     };
   }, [showFooter]);
-  return /* @__PURE__ */ jsxs129(DocumentScrollLayoutProvider, { children: [
-    /* @__PURE__ */ jsxs129("div", { ...mergeProps43(void 0, cssVars, {
+  return /* @__PURE__ */ jsxs130(DocumentScrollLayoutProvider, { children: [
+    /* @__PURE__ */ jsxs130("div", { ...mergeProps43(void 0, cssVars, {
       display: "df",
       flexDirection: "fdc",
       width: "w100"
     }), ...tid, children: [
-      /* @__PURE__ */ jsx241("div", { ...mergeProps43(void 0, {
+      /* @__PURE__ */ jsx242("div", { ...mergeProps43(void 0, {
         height: headerHeight
       }, {
         flexShrink: "fs0",
         width: "w100"
-      }), children: /* @__PURE__ */ jsx241("div", { ref: headerMetricsRef, ...trussProps138({
+      }), children: /* @__PURE__ */ jsx242("div", { ref: headerMetricsRef, ...trussProps139({
         position: "fixed",
         left: "l_0",
         width: ["w_var", {
@@ -29842,8 +29876,8 @@ function WorkflowPageLayout(props) {
           "--top": maybeCssVar70(__maybeInc36(outerTop))
         }],
         transition: "transitionAll"
-      }), ...tid.header, children: /* @__PURE__ */ jsx241(WorkflowHeader, { title, documentTitleSuffix, breadcrumbs, rightSlot: isMobile ? pageTriggers : actions, stepperTabs }) }) }),
-      /* @__PURE__ */ jsx241("div", { ...trussProps138({
+      }), ...tid.header, children: /* @__PURE__ */ jsx242(WorkflowHeader, { title, documentTitleSuffix, breadcrumbs, rightSlot: isMobile ? pageTriggers : actions, stepperTabs }) }) }),
+      /* @__PURE__ */ jsx242("div", { ...trussProps139({
         ...{
           display: "df",
           flexDirection: "fdc",
@@ -29858,15 +29892,15 @@ function WorkflowPageLayout(props) {
             "--minHeight": maybeCssVar70(documentScrollBodyMinHeight())
           }]
         }
-      }), ...tid.body, children: triggers.length > 0 ? /* @__PURE__ */ jsx241(DocumentScrollOverlayRightPaneLayout, { children }) : children }),
+      }), ...tid.body, children: triggers.length > 0 ? /* @__PURE__ */ jsx242(DocumentScrollOverlayRightPaneLayout, { children }) : children }),
       !isMobile && pageTriggers,
-      showFooter && /* @__PURE__ */ jsx241("div", { ...trussProps138({
+      showFooter && /* @__PURE__ */ jsx242("div", { ...trussProps139({
         flexShrink: "fs0",
         width: "w100",
         height: ["h_var", {
           "--height": `${mobileFooterHeightPx}px`
         }]
-      }), children: /* @__PURE__ */ jsx241("div", { ...trussProps138({
+      }), children: /* @__PURE__ */ jsx242("div", { ...trussProps139({
         ...{
           position: "fixed",
           bottom: "bot_0",
@@ -29895,12 +29929,12 @@ function WorkflowPageLayout(props) {
         ...pageContentPaddingX
       }), ...tid.footer, children: actions }) })
     ] }),
-    navigationBlocker && /* @__PURE__ */ jsx241(UnsavedChangesNavigationModal, { ...navigationBlocker })
+    navigationBlocker && /* @__PURE__ */ jsx242(UnsavedChangesNavigationModal, { ...navigationBlocker })
   ] });
 }
 
 // src/layouts/Workflow/FocusedFormLayout.tsx
-import { jsx as jsx242 } from "react/jsx-runtime";
+import { jsx as jsx243 } from "react/jsx-runtime";
 function FocusedFormLayout(props) {
   const {
     onCancel,
@@ -29916,7 +29950,7 @@ function FocusedFormLayout(props) {
     ...headerProps
   } = props;
   const tid = useTestIds(props, "focusedFormLayout");
-  return /* @__PURE__ */ jsx242(
+  return /* @__PURE__ */ jsx243(
     WorkflowPageLayout,
     {
       ...tid,
@@ -29937,7 +29971,7 @@ function FocusedFormLayout(props) {
 
 // src/layouts/Workflow/StepperLayout.tsx
 import { useState as useState64 } from "react";
-import { jsx as jsx243 } from "react/jsx-runtime";
+import { jsx as jsx244 } from "react/jsx-runtime";
 function StepperLayout(props) {
   const {
     steps,
@@ -29964,7 +29998,7 @@ function StepperLayout(props) {
     closeRightPane();
     setCurrentStep(value);
   }
-  return /* @__PURE__ */ jsx243(
+  return /* @__PURE__ */ jsx244(
     WorkflowPageLayout,
     {
       ...tid,
@@ -30007,7 +30041,7 @@ function getInitialStep(steps, defaultStep) {
 
 // src/forms/BoundChipSelectField.tsx
 import { Observer as Observer19 } from "mobx-react";
-import { jsx as jsx244 } from "react/jsx-runtime";
+import { jsx as jsx245 } from "react/jsx-runtime";
 function BoundChipSelectField(props) {
   const {
     field,
@@ -30023,7 +30057,7 @@ function BoundChipSelectField(props) {
     ...others
   } = props;
   const testId = useTestIds(props, field.key);
-  return /* @__PURE__ */ jsx244(Observer19, { children: () => /* @__PURE__ */ jsx244(
+  return /* @__PURE__ */ jsx245(Observer19, { children: () => /* @__PURE__ */ jsx245(
     ChipSelectField,
     {
       label,
@@ -30053,12 +30087,12 @@ function BoundChipSelectField(props) {
 }
 
 // src/forms/BoundSelectAndTextField.tsx
-import { jsx as jsx245, jsxs as jsxs130 } from "react/jsx-runtime";
+import { jsx as jsx246, jsxs as jsxs131 } from "react/jsx-runtime";
 function BoundSelectAndTextField(props) {
   const { selectFieldProps, textFieldProps, compact = true } = props;
   const tid = useTestIds(props);
-  return /* @__PURE__ */ jsxs130(CompoundField, { children: [
-    /* @__PURE__ */ jsx245(
+  return /* @__PURE__ */ jsxs131(CompoundField, { children: [
+    /* @__PURE__ */ jsx246(
       BoundSelectField,
       {
         ...tid[defaultTestId(selectFieldProps.label ?? selectFieldProps.field.key)],
@@ -30067,7 +30101,7 @@ function BoundSelectAndTextField(props) {
         compact
       }
     ),
-    /* @__PURE__ */ jsx245(
+    /* @__PURE__ */ jsx246(
       BoundTextField,
       {
         ...tid[defaultTestId(textFieldProps.label ?? textFieldProps.field.key)],
@@ -30079,8 +30113,8 @@ function BoundSelectAndTextField(props) {
 }
 
 // src/forms/FormHeading.tsx
-import { trussProps as trussProps139 } from "@homebound/truss/runtime";
-import { jsx as jsx246 } from "react/jsx-runtime";
+import { trussProps as trussProps140 } from "@homebound/truss/runtime";
+import { jsx as jsx247 } from "react/jsx-runtime";
 function FormHeading(props) {
   const {
     title,
@@ -30090,7 +30124,7 @@ function FormHeading(props) {
   } = props;
   return (
     // Add space before the heading, but only if it's not first.
-    /* @__PURE__ */ jsx246("h3", { ...trussProps139({
+    /* @__PURE__ */ jsx247("h3", { ...trussProps140({
       ...{
         fontWeight: "fw4",
         fontSize: "fz_16px",
@@ -30107,8 +30141,8 @@ FormHeading.isFormHeading = true;
 
 // src/forms/StaticField.tsx
 import { useId as useId3 } from "@react-aria/utils";
-import { trussProps as trussProps140 } from "@homebound/truss/runtime";
-import { jsx as jsx247, jsxs as jsxs131 } from "react/jsx-runtime";
+import { trussProps as trussProps141 } from "@homebound/truss/runtime";
+import { jsx as jsx248, jsxs as jsxs132 } from "react/jsx-runtime";
 function StaticField(props) {
   const {
     fieldProps
@@ -30121,14 +30155,14 @@ function StaticField(props) {
   } = props;
   const tid = useTestIds(props, typeof label === "string" ? defaultTestId(label) : "staticField");
   const id = useId3();
-  return /* @__PURE__ */ jsxs131("div", { ...trussProps140({
+  return /* @__PURE__ */ jsxs132("div", { ...trussProps141({
     ...labelStyle === "left" ? {
       display: "df",
       justifyContent: "jcsb",
       maxWidth: "maxw100"
     } : {}
   }), ...tid.container, children: [
-    /* @__PURE__ */ jsx247("label", { ...trussProps140({
+    /* @__PURE__ */ jsx248("label", { ...trussProps141({
       display: "db",
       fontWeight: "fw4",
       fontSize: "fz_14px",
@@ -30138,7 +30172,7 @@ function StaticField(props) {
       }],
       marginBottom: "mb_4px"
     }), htmlFor: id, ...tid.label, children: label }),
-    /* @__PURE__ */ jsx247("div", { id, ...trussProps140({
+    /* @__PURE__ */ jsx248("div", { id, ...trussProps141({
       fontWeight: "fw4",
       fontSize: "fz_14px",
       lineHeight: "lh_20px",
@@ -30169,7 +30203,7 @@ function useFilter4({ filterDefs }) {
 import { useCallback as useCallback45, useRef as useRef76 } from "react";
 import { useComboBox as useComboBox3, useOverlayPosition as useOverlayPosition6 } from "react-aria";
 import { Item as Item5, useComboBoxState as useComboBoxState3 } from "react-stately";
-import { Fragment as Fragment53, jsx as jsx248, jsxs as jsxs132 } from "react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx249, jsxs as jsxs133 } from "react/jsx-runtime";
 function Autocomplete(props) {
   const {
     onSelect,
@@ -30187,7 +30221,7 @@ function Autocomplete(props) {
   const { effectiveValue, proposalProps } = useAiProposal(value, proposedValue);
   const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(disabledOptionToKeyedTuple) ?? []);
   const comboBoxChildren = useCallback45(
-    (item) => /* @__PURE__ */ jsx248(Item5, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item)),
+    (item) => /* @__PURE__ */ jsx249(Item5, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item)),
     [getOptionValue, getOptionLabel, getOptionMenuLabel]
   );
   const comboBoxProps = {
@@ -30240,8 +30274,8 @@ function Autocomplete(props) {
     // Ensures the menu never gets too small.
     minWidth: 200
   };
-  return /* @__PURE__ */ jsxs132(Fragment53, { children: [
-    /* @__PURE__ */ jsx248(
+  return /* @__PURE__ */ jsxs133(Fragment53, { children: [
+    /* @__PURE__ */ jsx249(
       TextFieldBase,
       {
         inputRef,
@@ -30251,11 +30285,11 @@ function Autocomplete(props) {
         onChange: onInputChange,
         ...proposalProps,
         clearable: true,
-        startAdornment: "startAdornment" in props ? props.startAdornment : /* @__PURE__ */ jsx248(Icon, { icon: "search" }),
+        startAdornment: "startAdornment" in props ? props.startAdornment : /* @__PURE__ */ jsx249(Icon, { icon: "search" }),
         ...others
       }
     ),
-    state.isOpen && /* @__PURE__ */ jsx248(
+    state.isOpen && /* @__PURE__ */ jsx249(
       Popover,
       {
         triggerRef: inputRef,
@@ -30264,7 +30298,7 @@ function Autocomplete(props) {
         onClose: () => state.close(),
         isOpen: state.isOpen,
         minWidth: 200,
-        children: /* @__PURE__ */ jsx248(
+        children: /* @__PURE__ */ jsx249(
           ListBox,
           {
             ...listBoxProps,
@@ -30285,8 +30319,8 @@ function Autocomplete(props) {
 import { useRef as useRef77, useState as useState66 } from "react";
 import { useFocusRing as useFocusRing21, useHover as useHover24, usePress as usePress2, useSwitch as useSwitch2, VisuallyHidden as VisuallyHidden10 } from "react-aria";
 import { useToggleState as useToggleState2 } from "react-stately";
-import { trussProps as trussProps141 } from "@homebound/truss/runtime";
-import { jsx as jsx249, jsxs as jsxs133 } from "react/jsx-runtime";
+import { trussProps as trussProps142 } from "@homebound/truss/runtime";
+import { jsx as jsx250, jsxs as jsxs134 } from "react/jsx-runtime";
 function ToggleButton(props) {
   const {
     selected: isSelected = false,
@@ -30350,7 +30384,7 @@ function ToggleButton(props) {
     ...focusProps,
     ...hoverProps,
     ...pressProps,
-    ...trussProps141({
+    ...trussProps142({
       // Gray500 off-state has no semantic match — keep palette (OnSurfaceMuted is Gray700).
       ...{
         borderRadius: "br4",
@@ -30390,10 +30424,10 @@ function ToggleButton(props) {
   return maybeTooltip({
     title: tooltip,
     placement: "top",
-    children: /* @__PURE__ */ jsxs133("label", { ...labelAttrs, children: [
-      icon && /* @__PURE__ */ jsx249(Icon, { icon }),
+    children: /* @__PURE__ */ jsxs134("label", { ...labelAttrs, children: [
+      icon && /* @__PURE__ */ jsx250(Icon, { icon }),
       label,
-      /* @__PURE__ */ jsx249(VisuallyHidden10, { children: /* @__PURE__ */ jsx249("input", { ref, ...inputProps, ...tid.value }) })
+      /* @__PURE__ */ jsx250(VisuallyHidden10, { children: /* @__PURE__ */ jsx250("input", { ref, ...inputProps, ...tid.value }) })
     ] })
   });
 }
@@ -30488,6 +30522,7 @@ export {
   DnDGridItemHandle,
   DocumentScrollOverlayRightPaneLayout,
   DocumentTitleProvider,
+  DocumentUploadIllustration,
   EXPANDABLE_HEADER,
   EditColumnsButton,
   EnvironmentBanner,