@homebound/beam 4.14.8 → 4.16.0

package/dist/index.cjs

@@ -107,6 +107,7 @@ __export(index_exports, {
   DnDGridItemHandle: () => DnDGridItemHandle,
   DocumentScrollOverlayRightPaneLayout: () => DocumentScrollOverlayRightPaneLayout,
   DocumentTitleProvider: () => DocumentTitleProvider,
+  DocumentUploadIllustration: () => DocumentUploadIllustration,
   EXPANDABLE_HEADER: () => EXPANDABLE_HEADER,
   EditColumnsButton: () => EditColumnsButton,
   EnvironmentBanner: () => EnvironmentBanner,
@@ -499,6 +500,7 @@ var Tokens = /* @__PURE__ */ ((Tokens63) => {
   Tokens63["NeutralSurfacePressed"] = "--b-neutral-surface-pressed";
   Tokens63["OnPrimary"] = "--b-on-primary";
   Tokens63["OnSurface"] = "--b-on-surface";
+  Tokens63["OnSurfaceActive"] = "--b-on-surface-active";
   Tokens63["OnSurfaceDisabled"] = "--b-on-surface-disabled";
   Tokens63["OnSurfaceMuted"] = "--b-on-surface-muted";
   Tokens63["OnSurfaceRaisedHover"] = "--b-on-surface-raised-hover";
@@ -510,6 +512,8 @@ var Tokens = /* @__PURE__ */ ((Tokens63) => {
   Tokens63["SelectionFill"] = "--b-selection-fill";
   Tokens63["SelectionIndicator"] = "--b-selection-indicator";
   Tokens63["Surface"] = "--b-surface";
+  Tokens63["SurfaceActive"] = "--b-surface-active";
+  Tokens63["SurfaceActiveHover"] = "--b-surface-active-hover";
   Tokens63["SurfaceDisabled"] = "--b-surface-disabled";
   Tokens63["SurfaceHover"] = "--b-surface-hover";
   Tokens63["SurfaceRaised"] = "--b-surface-raised";
@@ -8756,6 +8760,22 @@ var filledBoxStyles = {
 var filledBoxHoverStyles = {
   backgroundColor: "bgBlue900"
 };
+var indeterminateBoxStyles = {
+  borderColor: ["bc_var", {
+    "--borderColor": "var(--b-surface-active)"
+  }],
+  backgroundColor: ["bgColor_var", {
+    "--backgroundColor": "var(--b-surface-active)"
+  }]
+};
+var indeterminateHoverStyles = {
+  borderColor: ["bc_var", {
+    "--borderColor": "var(--b-surface-active-hover)"
+  }],
+  backgroundColor: ["bgColor_var", {
+    "--backgroundColor": "var(--b-surface-active-hover)"
+  }]
+};
 var disabledBoxStyles = {
   backgroundColor: ["bgColor_var", {
     "--backgroundColor": "var(--b-field-bg-disabled)"
@@ -8814,20 +8834,27 @@ function StyledCheckbox(props) {
   } = (0, import_react_aria5.useHover)({
     isDisabled
   });
-  const markIcon = isIndeterminate ? dashSmall : isSelected ? checkmarkSmall : "";
+  const showSelected = Boolean(isSelected) && !isDisabled;
+  const showIndeterminate = isIndeterminate && !isDisabled;
+  const markIcon = isIndeterminate ? dashMark(isDisabled ? "--b-on-primary" /* OnPrimary */ : "--b-on-surface-active" /* OnSurfaceActive */) : isSelected ? checkmarkSmall : "";
   const tid = useTestIds(props);
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { ...hoverProps, ...(0, import_runtime19.trussProps)({
     ...baseStyles,
-    ...(isSelected && !isDisabled || isIndeterminate) && filledBoxStyles,
-    ...(isSelected && !isDisabled || isIndeterminate) && isHovered && filledBoxHoverStyles,
+    ...showSelected && filledBoxStyles,
+    ...showIndeterminate && indeterminateBoxStyles,
+    ...showSelected && isHovered && filledBoxHoverStyles,
+    ...showIndeterminate && isHovered && indeterminateHoverStyles,
     ...isDisabled && disabledBoxStyles,
     ...isDisabled && isSelected && disabledSelectedBoxStyles,
     ...isFocusVisible && focusRingStyles,
-    ...isHovered && hoverBorderStyles
+    // Selected and empty boxes still use the palette hover border. Indeterminate hover sets its own.
+    ...isHovered && !showIndeterminate && hoverBorderStyles
   }), "aria-hidden": "true", "data-checked": isSelected ? true : isIndeterminate ? "mixed" : false, ...tid.checkbox, children: markIcon });
 }
 var checkmarkSmall = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("svg", { width: "16", height: "16", ...(0, import_runtime19.trussProps)(markSvgStyles), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M6.66669 10.3907L4.47135 8.19533L3.52869 9.138L6.66669 12.276L13.138 5.80467L12.1954 4.862L6.66669 10.3907Z", fill: `var(${"--b-on-primary" /* OnPrimary */})` }) });
-var dashSmall = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("svg", { width: "16", height: "16", ...(0, import_runtime19.trussProps)(markSvgStyles), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { x: "4", y: "7.5", width: "8", height: "1.35", fill: `var(${"--b-on-primary" /* OnPrimary */})` }) });
+function dashMark(fillToken) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("svg", { width: "16", height: "16", ...(0, import_runtime19.trussProps)(markSvgStyles), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { x: "4", y: "7.5", width: "8", height: "1.35", fill: `var(${fillToken})` }) });
+}
 
 // src/inputs/Checkbox.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
@@ -14085,12 +14112,14 @@ var import_runtime41 = require("@homebound/truss/runtime");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function GridTableEmptyState(props) {
   const {
+    illustration,
     title = "No results found",
     description,
     actions
   } = props;
   const tid = useTestIds(props, "gridTableEmptyState");
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "df fdc aic pt_12 pb_12 g_2", ...tid, children: [
+    illustration && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ...tid.illustration, children: illustration }),
     /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
     description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ...(0, import_runtime41.trussProps)({
       fontWeight: "fw4",
@@ -25434,6 +25463,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__ */ (0, import_jsx_runtime178.jsx)(Button, { label: "Clear Filters", variant: "tertiary", onClick: clearFilters, "data-testid": "clearFilters" }) : void 0)
@@ -29249,16 +29279,46 @@ function useToast() {
   return { showToast, clear };
 }
 
-// src/layouts/SideNavLayout/SideNavLayout.tsx
+// src/illustrations/DocumentUploadIllustration.tsx
 var import_runtime146 = require("@homebound/truss/runtime");
 var import_jsx_runtime225 = require("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__ */ (0, import_jsx_runtime225.jsxs)("svg", { viewBox: "0 0 338.25 270.6", xmlns: "http://www.w3.org/2000/svg", fill: "none", "aria-hidden": true, role: "presentation", ...(0, import_runtime146.trussProps)({
+    width: ["w_var", {
+      "--width": `${width2}px`
+    }],
+    maxWidth: "maxw100",
+    height: "ha"
+  }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("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__ */ (0, import_jsx_runtime225.jsx)("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__ */ (0, import_jsx_runtime225.jsx)("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__ */ (0, import_jsx_runtime225.jsx)("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__ */ (0, import_jsx_runtime225.jsx)("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__ */ (0, import_jsx_runtime225.jsx)("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__ */ (0, import_jsx_runtime225.jsx)("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__ */ (0, import_jsx_runtime225.jsx)("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__ */ (0, import_jsx_runtime225.jsx)("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__ */ (0, import_jsx_runtime225.jsx)("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__ */ (0, import_jsx_runtime225.jsx)("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
+var import_runtime147 = require("@homebound/truss/runtime");
+var import_jsx_runtime226 = require("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__ */ (0, import_jsx_runtime225.jsx)(SideNavLayoutContent, { ...props });
-  return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(SideNavLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(SideNavLayoutContent, { ...props }) });
+  if (hasProvider) return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(SideNavLayoutContent, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(SideNavLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(SideNavLayoutContent, { ...props }) });
 }
 function SideNavLayoutContent(props) {
   const {
@@ -29281,7 +29341,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__ */ (0, import_jsx_runtime225.jsxs)("div", { ...(0, import_runtime146.trussProps)({
+  const rail = showRail && /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { ...(0, import_runtime147.trussProps)({
     ...{
       display: "df",
       flexDirection: "fdc",
@@ -29305,14 +29365,14 @@ function SideNavLayoutContent(props) {
       position: "sticky",
       left: "l_0",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime146.maybeCssVar)(zIndices.sideNav)
+        "--zIndex": (0, import_runtime147.maybeCssVar)(zIndices.sideNav)
       }],
       top: ["top_var", {
-        "--top": (0, import_runtime146.maybeCssVar)(__maybeInc29(navTop))
+        "--top": (0, import_runtime147.maybeCssVar)(__maybeInc29(navTop))
       }],
       alignSelf: "asfs",
       height: ["h_var", {
-        "--height": (0, import_runtime146.maybeCssVar)(__maybeInc29(railViewportHeight))
+        "--height": (0, import_runtime147.maybeCssVar)(__maybeInc29(railViewportHeight))
       }],
       width: ["w_var", {
         "--width": `${collapsed ? railCollapsedWidthPx : railWidthPx}px`
@@ -29322,11 +29382,11 @@ function SideNavLayoutContent(props) {
         position: "fixed",
         left: "l_0",
         top: ["top_var", {
-          "--top": (0, import_runtime146.maybeCssVar)(__maybeInc29(navTop))
+          "--top": (0, import_runtime147.maybeCssVar)(__maybeInc29(navTop))
         }],
         bottom: "bot_0",
         zIndex: ["z_var", {
-          "--zIndex": (0, import_runtime146.maybeCssVar)(zIndices.sideNav)
+          "--zIndex": (0, import_runtime147.maybeCssVar)(zIndices.sideNav)
         }]
       },
       ...collapsed ? {
@@ -29338,18 +29398,18 @@ function SideNavLayoutContent(props) {
       }
     }
   }), ...tid.sideNav, children: [
-    showCollapseToggle && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", { className: "absolute r_2 top2 z2", children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(SideNav, { ...sideNav }) })
+    showCollapseToggle && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { className: "absolute r_2 top2 z2", children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(SideNav, { ...sideNav }) })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { ...(0, import_runtime146.mergeProps)(void 0, {
+  return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { ...(0, import_runtime147.mergeProps)(void 0, {
     [beamSideNavLayoutWidthVar]: `${railOffsetPx}px`
   }, {
     display: "df",
     flexDirection: "fdr",
     width: "w100"
   }), ...tid, children: [
-    contrastRail ? /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(ContrastScope, { children: rail }) : rail,
-    /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", { ...(0, import_runtime146.trussProps)({
+    contrastRail ? /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(ContrastScope, { children: rail }) : rail,
+    /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { ...(0, import_runtime147.trussProps)({
       display: "df",
       flexDirection: "fdc",
       flexGrow: "fg1",
@@ -29365,8 +29425,8 @@ function SideNavLayoutContent(props) {
 }
 
 // src/layouts/CenteredLayout/CenteredLayout.tsx
-var import_runtime147 = require("@homebound/truss/runtime");
-var import_jsx_runtime226 = require("react/jsx-runtime");
+var import_runtime148 = require("@homebound/truss/runtime");
+var import_jsx_runtime227 = require("react/jsx-runtime");
 function CenteredLayout(props) {
   const {
     size,
@@ -29378,7 +29438,7 @@ function CenteredLayout(props) {
     mdAndUp
   } = useBreakpoint();
   const rightPane = resolveWithRightPaneOptions(withRightPane);
-  const shell = /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(ContentInsetProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { ...(0, import_runtime147.mergeProps)(void 0, {
+  const shell = /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(ContentInsetProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("div", { ...(0, import_runtime148.mergeProps)(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.
@@ -29397,7 +29457,7 @@ function CenteredLayout(props) {
     ...pageContentPaddingX
   }), ...tid, children }) });
   if (!rightPane) return shell;
-  return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: shell });
+  return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: shell });
 }
 var centeredContentMaxPx = {
   sm: 720,
@@ -29410,8 +29470,8 @@ var centeredShellMaxPx = {
 };
 
 // src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
-var import_runtime148 = require("@homebound/truss/runtime");
-var import_jsx_runtime227 = require("react/jsx-runtime");
+var import_runtime149 = require("@homebound/truss/runtime");
+var import_jsx_runtime228 = require("react/jsx-runtime");
 var __maybeInc30 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -29427,42 +29487,42 @@ function EnvironmentBannerLayout(props) {
     [beamEnvironmentBannerLayoutHeightVar]: `${bannerHeightPx}px`
   };
   const innerWidth = `var(${beamLayoutViewportWidthVar}, 100vw)`;
-  return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { ...(0, import_runtime148.mergeProps)(void 0, style, {
+  return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { ...(0, import_runtime149.mergeProps)(void 0, style, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    showBanner && environmentBanner && /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("div", { ...(0, import_runtime148.mergeProps)(void 0, {
+    showBanner && environmentBanner && /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("div", { ...(0, import_runtime149.mergeProps)(void 0, {
       height: environmentBannerSizePx
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("div", { ...(0, import_runtime148.trussProps)({
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("div", { ...(0, import_runtime149.trussProps)({
       position: "fixed",
       top: "top0",
       left: "l_0",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime148.maybeCssVar)(zIndices.environmentBanner)
+        "--zIndex": (0, import_runtime149.maybeCssVar)(zIndices.environmentBanner)
       }],
       width: ["w_var", {
-        "--width": (0, import_runtime148.maybeCssVar)(__maybeInc30(innerWidth))
+        "--width": (0, import_runtime149.maybeCssVar)(__maybeInc30(innerWidth))
       }]
-    }), ...tid.bannerSticky, children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
+    }), ...tid.bannerSticky, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
     children
   ] }) }) });
 }
 
 // src/layouts/FormSectionLayout/FormSectionLayout.tsx
-var import_runtime152 = require("@homebound/truss/runtime");
+var import_runtime153 = require("@homebound/truss/runtime");
 
 // src/forms/FormSection/FormSection.tsx
-var import_runtime150 = require("@homebound/truss/runtime");
+var import_runtime151 = require("@homebound/truss/runtime");
 
 // src/forms/FormSection/FormSectionChild.tsx
 var import_react160 = require("react");
-var import_runtime149 = require("@homebound/truss/runtime");
-var import_jsx_runtime228 = require("react/jsx-runtime");
+var import_runtime150 = require("@homebound/truss/runtime");
+var import_jsx_runtime229 = require("react/jsx-runtime");
 function FormSectionChild(props) {
   const {
     title,
@@ -29481,10 +29541,10 @@ function FormSectionChild(props) {
     id: props.id ?? title,
     itemRef
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { ...isDraggable ? {
+  return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("div", { ...isDraggable ? {
     ...dragItemProps,
     ref: itemRef
-  } : {}, ...(0, import_runtime149.trussProps)({
+  } : {}, ...(0, import_runtime150.trussProps)({
     display: "df",
     flexDirection: "fdc",
     gap: "g_2",
@@ -29500,13 +29560,13 @@ function FormSectionChild(props) {
     borderStyle: "lot_bsn",
     borderWidth: "lot_bw_0"
   }), ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(ContentHeader, { ...tid.header, title, description, actions, level: 4, startAdornment: isDraggable ? /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(DnDGridItemHandle, { dragHandleProps, icon: "drag", compact: true }) : void 0 }),
+    /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(ContentHeader, { ...tid.header, title, description, actions, level: 4, startAdornment: isDraggable ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(DnDGridItemHandle, { dragHandleProps, icon: "drag", compact: true }) : void 0 }),
     fields
   ] });
 }
 
 // src/forms/FormSection/FormSection.tsx
-var import_jsx_runtime229 = require("react/jsx-runtime");
+var import_jsx_runtime230 = require("react/jsx-runtime");
 function FormSection(props) {
   const {
     title,
@@ -29516,17 +29576,17 @@ function FormSection(props) {
     childSections
   } = props;
   const tid = useTestIds(props, "formSection");
-  return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("div", { id: defaultTestId(title), ...(0, import_runtime150.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { id: defaultTestId(title), ...(0, import_runtime151.trussProps)({
     display: "df",
     flexDirection: "fdc",
     gap: "g_2",
     scrollMarginTop: ["scrollMarginTop_var", {
-      "--scrollMarginTop": (0, import_runtime150.maybeCssVar)(stickyNavAndHeaderOffset())
+      "--scrollMarginTop": (0, import_runtime151.maybeCssVar)(stickyNavAndHeaderOffset())
     }]
   }), ...tid.section, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(ContentHeader, { ...tid, title, description, actions, level: 3 }),
+    /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(ContentHeader, { ...tid, title, description, actions, level: 3 }),
     fields,
-    childSections && (isReorderable(childSections) ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(DraggableChildren, { childSections, ...tid.childSection }) : /* @__PURE__ */ (0, import_jsx_runtime229.jsx)("div", { className: "df fdc g_3", children: childSections.map((child) => /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(FormSectionChild, { ...child, ...tid.childSection }, child.id ?? child.title)) }))
+    childSections && (isReorderable(childSections) ? /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(DraggableChildren, { childSections, ...tid.childSection }) : /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("div", { className: "df fdc g_3", children: childSections.map((child) => /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(FormSectionChild, { ...child, ...tid.childSection }, child.id ?? child.title)) }))
   ] });
 }
 function isReorderable(childSections) {
@@ -29549,18 +29609,18 @@ function DraggableChildren(props) {
       }
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(DnDGrid, { onReorder: handleReorder, lockAxis: "y", gridStyles: {
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(DnDGrid, { onReorder: handleReorder, lockAxis: "y", gridStyles: {
     gridTemplateColumns: "gtc_minmax_0_1fr",
     gap: "g_3"
-  }, children: sorted.map((child) => /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(FormSectionChild, { ...child, ...tid }, child.id)) });
+  }, children: sorted.map((child) => /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(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
-var import_runtime151 = require("@homebound/truss/runtime");
-var import_jsx_runtime230 = require("react/jsx-runtime");
+var import_runtime152 = require("@homebound/truss/runtime");
+var import_jsx_runtime231 = require("react/jsx-runtime");
 var __maybeInc31 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -29570,7 +29630,7 @@ function JumpLinksRail(props) {
     activeId
   } = props;
   const tid = useTestIds(props, "jumpLinks");
-  return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("nav", { ...(0, import_runtime151.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)("nav", { ...(0, import_runtime152.trussProps)({
     display: "df",
     flexDirection: "fdc",
     flexShrink: "fs0",
@@ -29580,9 +29640,9 @@ function JumpLinksRail(props) {
     position: "sticky",
     alignSelf: "asfs",
     top: ["top_var", {
-      "--top": (0, import_runtime151.maybeCssVar)(__maybeInc31(stickyNavAndHeaderOffset()))
+      "--top": (0, import_runtime152.maybeCssVar)(__maybeInc31(stickyNavAndHeaderOffset()))
     }]
-  }), ...tid, children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(JumpLink, { label: link.label, href: `#${link.id}`, active: link.id === activeId, ...tid.link }, link.id)) });
+  }), ...tid, children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(JumpLink, { label: link.label, href: `#${link.id}`, active: link.id === activeId, ...tid.link }, link.id)) });
 }
 var jumpLinksRailWidthPx = 192;
 var railAndShellPx = centeredShellMaxPx.sm + jumpLinksRailWidthPx;
@@ -29618,7 +29678,7 @@ function useActiveJumpLink(sectionIds) {
 }
 
 // src/layouts/FormSectionLayout/FormSectionLayout.tsx
-var import_jsx_runtime231 = require("react/jsx-runtime");
+var import_jsx_runtime232 = require("react/jsx-runtime");
 var __maybeInc32 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -29655,7 +29715,7 @@ function FormSectionLayout(props) {
   }] : [], ...sectionLinks];
   const showRail = withJumpLinks && jumpLinks.length >= 2 && !isMobile;
   const activeId = useActiveJumpLink(showRail ? jumpLinks.map((link) => link.id) : []);
-  const content2 = /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)("div", { ...(0, import_runtime152.trussProps)({
+  const content2 = /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)("div", { ...(0, import_runtime153.trussProps)({
     display: "df",
     flexDirection: "fdc",
     gap: "g_8",
@@ -29666,38 +29726,38 @@ function FormSectionLayout(props) {
       paddingLeft: "pl3"
     } : {}
   }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)("div", { id: titleAnchor ? formSectionLayoutTitleId : void 0, ...(0, import_runtime152.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)("div", { id: titleAnchor ? formSectionLayoutTitleId : void 0, ...(0, import_runtime153.trussProps)({
       display: "df",
       flexDirection: "fdc",
       gap: "g_3",
       ...titleAnchor ? {
         scrollMarginTop: ["scrollMarginTop_var", {
-          "--scrollMarginTop": (0, import_runtime152.maybeCssVar)(stickyNavAndHeaderOffset())
+          "--scrollMarginTop": (0, import_runtime153.maybeCssVar)(stickyNavAndHeaderOffset())
         }]
       } : {}
     }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(ContentHeader, { ...tid, title, description, actions, withAutoSave, level: 2, aiMode }),
+      /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(ContentHeader, { ...tid, title, description, actions, withAutoSave, level: 2, aiMode }),
       initialFields
     ] }),
-    sections && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)("div", { className: "df fdc g_8", children: sections.map((section, i) => /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(FormSection, { ...section }, defaultTestId(section.title) || i)) })
+    sections && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("div", { className: "df fdc g_8", children: sections.map((section, i) => /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(FormSection, { ...section }, defaultTestId(section.title) || i)) })
   ] });
-  const form = /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(CenteredLayout, { size: "sm", children: aiMode ? /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(AiCard, { size: "lg", ...tid, children: content2 }) : content2 });
-  const body = showRail ? /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)("div", { className: "df w100 mb4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(JumpLinksRail, { links: jumpLinks, activeId, ...tid.jumpLinks }),
-    /* @__PURE__ */ (0, import_jsx_runtime231.jsx)("div", { ...(0, import_runtime152.trussProps)({
+  const form = /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(CenteredLayout, { size: "sm", children: aiMode ? /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(AiCard, { size: "lg", ...tid, children: content2 }) : content2 });
+  const body = showRail ? /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)("div", { className: "df w100 mb4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(JumpLinksRail, { links: jumpLinks, activeId, ...tid.jumpLinks }),
+    /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("div", { ...(0, import_runtime153.trussProps)({
       flexGrow: "fg1",
       marginRight: ["mr_var", {
-        "--marginRight": (0, import_runtime152.maybeCssVar)(__maybeInc32(jumpLinksRailReservation))
+        "--marginRight": (0, import_runtime153.maybeCssVar)(__maybeInc32(jumpLinksRailReservation))
       }]
     }), ...tid.column, children: form })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime231.jsx)("div", { className: "mb4", children: form });
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("div", { className: "mb4", children: form });
   if (!rightPane) return body;
-  return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: body });
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(DocumentScrollOverlayRightPaneLayout, { paneWidth: rightPane.width, children: body });
 }
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
 var import_react166 = require("react");
-var import_runtime153 = require("@homebound/truss/runtime");
+var import_runtime154 = require("@homebound/truss/runtime");
 
 // src/layouts/useAutoHideOnScroll.ts
 var import_react162 = require("react");
@@ -29812,17 +29872,17 @@ function useTransitionAfterPaint(ref, transition) {
 
 // src/layouts/NavbarLayout/NavbarLayoutHeightContext.tsx
 var import_react165 = require("react");
-var import_jsx_runtime232 = require("react/jsx-runtime");
+var import_jsx_runtime233 = require("react/jsx-runtime");
 var NavbarLayoutHeightContext = (0, import_react165.createContext)(0);
 function NavbarLayoutHeightProvider({ value, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(NavbarLayoutHeightContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(NavbarLayoutHeightContext.Provider, { value, children });
 }
 function useNavbarLayoutHeight() {
   return (0, import_react165.useContext)(NavbarLayoutHeightContext);
 }
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
-var import_jsx_runtime233 = require("react/jsx-runtime");
+var import_jsx_runtime234 = require("react/jsx-runtime");
 var __maybeInc33 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -29848,10 +29908,10 @@ function NavbarLayout(props) {
     position: "fixed",
     left: "l_0",
     zIndex: ["z_var", {
-      "--zIndex": (0, import_runtime153.maybeCssVar)(zIndices.navbar)
+      "--zIndex": (0, import_runtime154.maybeCssVar)(zIndices.navbar)
     }],
     width: ["w_var", {
-      "--width": (0, import_runtime153.maybeCssVar)(__maybeInc33(innerWidth))
+      "--width": (0, import_runtime154.maybeCssVar)(__maybeInc33(innerWidth))
     }]
   };
   useTransitionAfterPaint(navMetricsRef, "top 200ms cubic-bezier(0.4, 0, 0.2, 1)");
@@ -29859,20 +29919,20 @@ function NavbarLayout(props) {
   const innerStyle = {
     top: autoHideState === "hidden" ? `calc(${bannerTop} - ${navHeight}px)` : bannerTop
   };
-  const navbarEl = (0, import_react166.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Navbar, { ...navbar }), [navbar]);
-  return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(MobileSubNavProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { ...(0, import_runtime153.mergeProps)(void 0, cssVars, {
+  const navbarEl = (0, import_react166.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Navbar, { ...navbar }), [navbar]);
+  return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(MobileSubNavProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("div", { ...(0, import_runtime154.mergeProps)(void 0, cssVars, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { ref: spacerRef, ...(0, import_runtime153.mergeProps)(void 0, {
+    /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("div", { ref: spacerRef, ...(0, import_runtime154.mergeProps)(void 0, {
       height: navHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { ref: navMetricsRef, ...(0, import_runtime153.mergeProps)(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("div", { ref: navMetricsRef, ...(0, import_runtime154.mergeProps)(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
   ] }) }) }) });
 }
 
@@ -29896,8 +29956,8 @@ function useDocumentTitle(...titleSegments) {
 }
 
 // src/components/Headers/BaseHeader.tsx
-var import_runtime154 = require("@homebound/truss/runtime");
-var import_jsx_runtime234 = require("react/jsx-runtime");
+var import_runtime155 = require("@homebound/truss/runtime");
+var import_jsx_runtime235 = require("react/jsx-runtime");
 function BaseHeader(props) {
   const {
     title,
@@ -29909,7 +29969,7 @@ function BaseHeader(props) {
   } = props;
   const tid = useTestIds(otherProps, "header");
   useDocumentTitle(title, documentTitleSuffix);
-  return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("header", { ...tid, ...(0, import_runtime154.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)("header", { ...tid, ...(0, import_runtime155.trussProps)({
     display: "df",
     flexDirection: "fdc",
     paddingTop: "pt3",
@@ -29923,7 +29983,7 @@ function BaseHeader(props) {
       "--backgroundColor": "var(--b-surface)"
     }]
   }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("div", { ...(0, import_runtime154.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)("div", { ...(0, import_runtime155.trussProps)({
       ...{
         display: "df",
         justifyContent: "jcsb",
@@ -29937,9 +29997,9 @@ function BaseHeader(props) {
         } : {}
       }
     }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("div", { className: "mw0", children: [
-        breadcrumbs && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Breadcrumbs, { ...breadcrumbs }),
-        /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("h1", { ...tid.title, ...(0, import_runtime154.trussProps)({
+      /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)("div", { className: "mw0", children: [
+        breadcrumbs && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Breadcrumbs, { ...breadcrumbs }),
+        /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("h1", { ...tid.title, ...(0, import_runtime155.trussProps)({
           fontWeight: "fw6",
           fontSize: "fz_20px",
           lineHeight: "lh_28px",
@@ -29948,15 +30008,15 @@ function BaseHeader(props) {
           }]
         }), children: title })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("div", { className: "fs0", children: rightSlot })
+      /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("div", { className: "fs0", children: rightSlot })
     ] }),
     bottomSlot
   ] });
 }
 
 // src/components/Headers/PageHeader.tsx
-var import_runtime155 = require("@homebound/truss/runtime");
-var import_jsx_runtime235 = require("react/jsx-runtime");
+var import_runtime156 = require("@homebound/truss/runtime");
+var import_jsx_runtime236 = require("react/jsx-runtime");
 function PageHeader2(props) {
   const {
     tabs,
@@ -29972,20 +30032,20 @@ function PageHeader2(props) {
     bottomSlotActions,
     rightSlotActions
   } = splitHeaderActionsOnSm(actions, sm);
-  return /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(BaseHeader, { ...otherProps, rightSlot: /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)("div", { className: "df g_2 fs0", ...tid.actions, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(AutoSaveIndicator, { hideOnIdle: true }),
-    rightSlotActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(HeaderActions, { actions: rightSlotActions, collapseOnSm: true }),
+  return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(BaseHeader, { ...otherProps, rightSlot: /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)("div", { className: "df g_2 fs0", ...tid.actions, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(AutoSaveIndicator, { hideOnIdle: true }),
+    rightSlotActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(HeaderActions, { actions: rightSlotActions, collapseOnSm: true }),
     rightSlot
-  ] }), bottomSlot: (bottomSlotActions.length > 0 || tabs) && /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(import_jsx_runtime235.Fragment, { children: [
-    bottomSlotActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("div", { ...(0, import_runtime155.trussProps)({
+  ] }), bottomSlot: (bottomSlotActions.length > 0 || tabs) && /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(import_jsx_runtime236.Fragment, { children: [
+    bottomSlotActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("div", { ...(0, import_runtime156.trussProps)({
       ...pageContentPaddingX,
       ...{
         ...!tabs ? {
           marginBottom: "mb2"
         } : {}
       }
-    }), ...tid.bottomSlot, children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(HeaderActions, { actions: bottomSlotActions }) }),
-    tabs && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("div", { ...(0, import_runtime155.trussProps)(pageContentPaddingX), children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Tabs, { ...tabs, ...tid.tabs }) })
+    }), ...tid.bottomSlot, children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(HeaderActions, { actions: bottomSlotActions }) }),
+    tabs && /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("div", { ...(0, import_runtime156.trussProps)(pageContentPaddingX), children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Tabs, { ...tabs, ...tid.tabs }) })
   ] }) });
 }
 
@@ -29995,8 +30055,8 @@ function useBannerAndNavbarHeight() {
 }
 
 // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
-var import_runtime156 = require("@homebound/truss/runtime");
-var import_jsx_runtime236 = require("react/jsx-runtime");
+var import_runtime157 = require("@homebound/truss/runtime");
+var import_jsx_runtime237 = require("react/jsx-runtime");
 var __maybeInc34 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -30026,32 +30086,32 @@ function PageHeaderLayout(props) {
   const innerCss = {
     position: "fixed",
     left: ["left_var", {
-      "--left": (0, import_runtime156.maybeCssVar)(__maybeInc34(headerLeft))
+      "--left": (0, import_runtime157.maybeCssVar)(__maybeInc34(headerLeft))
     }],
     width: ["w_var", {
-      "--width": (0, import_runtime156.maybeCssVar)(__maybeInc34(headerWidth))
+      "--width": (0, import_runtime157.maybeCssVar)(__maybeInc34(headerWidth))
     }],
     zIndex: ["z_var", {
-      "--zIndex": (0, import_runtime156.maybeCssVar)(zIndices.pageStickyHeader)
+      "--zIndex": (0, import_runtime157.maybeCssVar)(zIndices.pageStickyHeader)
     }]
   };
   useTransitionAfterPaint(headerMetricsRef, "all 200ms cubic-bezier(0.4, 0, 0.2, 1)");
   const innerStyle = {
     top: autoHideState === "hidden" ? `calc(${outerTop} - ${headerHeight}px)` : outerTop
   };
-  const pageHeaderEl = (0, import_react168.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(PageHeader2, { ...pageHeader }), [pageHeader]);
-  return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)("div", { ...(0, import_runtime156.mergeProps)(void 0, cssVars, {
+  const pageHeaderEl = (0, import_react168.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(PageHeader2, { ...pageHeader }), [pageHeader]);
+  return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)("div", { ...(0, import_runtime157.mergeProps)(void 0, cssVars, {
     display: "df",
     flexDirection: "fdc",
     width: "w100"
   }), ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("div", { ref: spacerRef, ...(0, import_runtime156.mergeProps)(void 0, {
+    /* @__PURE__ */ (0, import_jsx_runtime237.jsx)("div", { ref: spacerRef, ...(0, import_runtime157.mergeProps)(void 0, {
       height: headerHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime156.mergeProps)(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("div", { className: "df fdc fg1 mh0 w100 n_has_data_self_top_spaced_first_child_pt3", ...tid.body, children })
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime157.mergeProps)(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime237.jsx)("div", { className: "df fdc fg1 mh0 w100 n_has_data_self_top_spaced_first_child_pt3", ...tid.body, children })
   ] }) });
 }
 
@@ -30059,23 +30119,23 @@ function PageHeaderLayout(props) {
 var import_react171 = require("react");
 
 // src/components/Headers/WorkflowHeader.tsx
-var import_jsx_runtime237 = require("react/jsx-runtime");
+var import_jsx_runtime238 = require("react/jsx-runtime");
 function WorkflowHeader(props) {
   const { stepperTabs, ...otherProps } = props;
   const tid = useTestIds(otherProps, "header");
-  return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
     BaseHeader,
     {
       ...otherProps,
-      bottomSlot: stepperTabs ? /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) : void 0
+      bottomSlot: stepperTabs ? /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) : void 0
     }
   );
 }
 
 // src/layouts/Workflow/RightPaneTriggers.tsx
 var import_react169 = require("react");
-var import_runtime157 = require("@homebound/truss/runtime");
-var import_jsx_runtime238 = require("react/jsx-runtime");
+var import_runtime158 = require("@homebound/truss/runtime");
+var import_jsx_runtime239 = require("react/jsx-runtime");
 var __maybeInc35 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -30096,12 +30156,12 @@ function WorkflowPageRightPaneTriggers(props) {
   const pageTriggerInsetPx = 24;
   const onClick = (0, import_react169.useCallback)((trigger) => {
     openRightPane({
-      content: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(RightPanePanel, { title: trigger.label, children: trigger.content })
+      content: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(RightPanePanel, { title: trigger.label, children: trigger.content })
     });
   }, [openRightPane]);
-  return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)("div", { ...tid, "aria-hidden": isRightPaneOpen, ...isRightPaneOpen ? {
+  return /* @__PURE__ */ (0, import_jsx_runtime239.jsx)("div", { ...tid, "aria-hidden": isRightPaneOpen, ...isRightPaneOpen ? {
     inert: true
-  } : {}, ...(0, import_runtime157.trussProps)({
+  } : {}, ...(0, import_runtime158.trussProps)({
     ...{
       display: "df",
       alignItems: "aic",
@@ -30115,31 +30175,31 @@ function WorkflowPageRightPaneTriggers(props) {
     ...!isMobile && {
       position: "fixed",
       top: ["top_var", {
-        "--top": (0, import_runtime157.maybeCssVar)(__maybeInc35(stickyNavAndHeaderOffset(pageTriggerInsetPx)))
+        "--top": (0, import_runtime158.maybeCssVar)(__maybeInc35(stickyNavAndHeaderOffset(pageTriggerInsetPx)))
       }],
       right: ["right_var", {
         "--right": `${pageTriggerInsetPx}px`
       }],
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime157.maybeCssVar)(zIndices.rightPaneTriggers)
+        "--zIndex": (0, import_runtime158.maybeCssVar)(zIndices.rightPaneTriggers)
       }]
     },
     // Desktop only — on `sm` the full-bleed pane covers the header slot.
     ...!isMobile && (isRightPaneOpen ? {
       transform: ["transform_var", {
-        "--transform": (0, import_runtime157.maybeCssVar)(`translateX(calc(100% + ${pageTriggerInsetPx}px))`)
+        "--transform": (0, import_runtime158.maybeCssVar)(`translateX(calc(100% + ${pageTriggerInsetPx}px))`)
       }],
       pointerEvents: "pen"
     } : {
       transform: "tf_translateX_0"
     })
-  }), children: triggers.map((trigger) => /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(IconButton, { icon: trigger.icon, label: trigger.label, variant: "circle", compact: isMobile, onClick: () => onClick(trigger), ...tid[trigger.icon] }, trigger.label)) });
+  }), children: triggers.map((trigger) => /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(IconButton, { icon: trigger.icon, label: trigger.label, variant: "circle", compact: isMobile, onClick: () => onClick(trigger), ...tid[trigger.icon] }, trigger.label)) });
 }
 
 // src/layouts/Workflow/useUnsavedChangesGuard.tsx
 var import_react170 = require("react");
 var import_react_router_dom9 = require("react-router-dom");
-var import_jsx_runtime239 = require("react/jsx-runtime");
+var import_jsx_runtime240 = require("react/jsx-runtime");
 function useUnsavedChangesGuard(options) {
   const { isDirty, allowNavigation, onCancel } = options;
   const { openModal } = useModal();
@@ -30175,7 +30235,7 @@ function useUnsavedChangesGuard(options) {
     }
     openModal({
       allowClosing: false,
-      content: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ConfirmCloseModal, { onClose: () => confirmCancel(e) })
+      content: /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(ConfirmCloseModal, { onClose: () => confirmCancel(e) })
     });
   };
   const navigationBlocker = blocker.state === "blocked" ? { proceed: () => blocker.proceed?.(), cancelNavigation: () => blocker.reset?.() } : void 0;
@@ -30187,7 +30247,7 @@ function UnsavedChangesNavigationModal(props) {
   (0, import_react170.useEffect)(() => {
     openModal({
       allowClosing: false,
-      content: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
+      content: /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
     });
     return () => closeModal();
   }, []);
@@ -30195,7 +30255,7 @@ function UnsavedChangesNavigationModal(props) {
 }
 
 // src/layouts/Workflow/WorkflowActions.tsx
-var import_jsx_runtime240 = require("react/jsx-runtime");
+var import_jsx_runtime241 = require("react/jsx-runtime");
 function WorkflowActions(props) {
   const {
     onCancel,
@@ -30213,12 +30273,12 @@ function WorkflowActions(props) {
     sm: isMobile
   } = useBreakpoint();
   const primaryVariant = aiMode ? "ai" : "primary";
-  return /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)("div", { className: "df aic jcsb sm_w100", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime240.jsx)("div", { className: "df aic", children: !isFirstStep && isMobile && onBack && /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)("div", { className: "df aic g_1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
-      onSaveAndExit && /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
-      isLastStep ? /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(Button, { label: completeLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)("div", { className: "df aic jcsb sm_w100", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime241.jsx)("div", { className: "df aic", children: !isFirstStep && isMobile && onBack && /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)("div", { className: "df aic g_1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
+      onSaveAndExit && /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
+      isLastStep ? /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Button, { label: completeLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
         await onContinue?.();
       }, disabled: primaryDisabled })
     ] })
@@ -30226,8 +30286,8 @@ function WorkflowActions(props) {
 }
 
 // src/layouts/Workflow/WorkflowPageLayout.tsx
-var import_runtime158 = require("@homebound/truss/runtime");
-var import_jsx_runtime241 = require("react/jsx-runtime");
+var import_runtime159 = require("@homebound/truss/runtime");
+var import_jsx_runtime242 = require("react/jsx-runtime");
 var __maybeInc36 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -30258,9 +30318,9 @@ function WorkflowPageLayout(props) {
     allowNavigation,
     onCancel
   });
-  const actions = /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick });
+  const actions = /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick });
   const triggers = rightPaneTriggers ?? [];
-  const pageTriggers = triggers.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(WorkflowPageRightPaneTriggers, { triggers }) : void 0;
+  const pageTriggers = triggers.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(WorkflowPageRightPaneTriggers, { triggers }) : void 0;
   const headerMetricsRef = (0, import_react171.useRef)(null);
   const headerHeight = useMeasuredHeight(headerMetricsRef, true);
   const headerWidth = documentScrollChromeWidth();
@@ -30281,32 +30341,32 @@ function WorkflowPageLayout(props) {
       }
     };
   }, [showFooter]);
-  return /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(DocumentScrollLayoutProvider, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)("div", { ...(0, import_runtime158.mergeProps)(void 0, cssVars, {
+  return /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(DocumentScrollLayoutProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)("div", { ...(0, import_runtime159.mergeProps)(void 0, cssVars, {
       display: "df",
       flexDirection: "fdc",
       width: "w100"
     }), ...tid, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime241.jsx)("div", { ...(0, import_runtime158.mergeProps)(void 0, {
+      /* @__PURE__ */ (0, import_jsx_runtime242.jsx)("div", { ...(0, import_runtime159.mergeProps)(void 0, {
         height: headerHeight
       }, {
         flexShrink: "fs0",
         width: "w100"
-      }), children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime158.trussProps)({
+      }), children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime159.trussProps)({
         position: "fixed",
         left: "l_0",
         width: ["w_var", {
-          "--width": (0, import_runtime158.maybeCssVar)(__maybeInc36(headerWidth))
+          "--width": (0, import_runtime159.maybeCssVar)(__maybeInc36(headerWidth))
         }],
         zIndex: ["z_var", {
-          "--zIndex": (0, import_runtime158.maybeCssVar)(zIndices.pageStickyHeader)
+          "--zIndex": (0, import_runtime159.maybeCssVar)(zIndices.pageStickyHeader)
         }],
         top: ["top_var", {
-          "--top": (0, import_runtime158.maybeCssVar)(__maybeInc36(outerTop))
+          "--top": (0, import_runtime159.maybeCssVar)(__maybeInc36(outerTop))
         }],
         transition: "transitionAll"
-      }), ...tid.header, children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(WorkflowHeader, { title, documentTitleSuffix, breadcrumbs, rightSlot: isMobile ? pageTriggers : actions, stepperTabs }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime241.jsx)("div", { ...(0, import_runtime158.trussProps)({
+      }), ...tid.header, children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(WorkflowHeader, { title, documentTitleSuffix, breadcrumbs, rightSlot: isMobile ? pageTriggers : actions, stepperTabs }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime242.jsx)("div", { ...(0, import_runtime159.trussProps)({
         ...{
           display: "df",
           flexDirection: "fdc",
@@ -30318,29 +30378,29 @@ function WorkflowPageLayout(props) {
         ...aiMode && {
           backgroundImage: "aiBackground",
           minHeight: ["mh_var", {
-            "--minHeight": (0, import_runtime158.maybeCssVar)(documentScrollBodyMinHeight())
+            "--minHeight": (0, import_runtime159.maybeCssVar)(documentScrollBodyMinHeight())
           }]
         }
-      }), ...tid.body, children: triggers.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(DocumentScrollOverlayRightPaneLayout, { children }) : children }),
+      }), ...tid.body, children: triggers.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(DocumentScrollOverlayRightPaneLayout, { children }) : children }),
       !isMobile && pageTriggers,
-      showFooter && /* @__PURE__ */ (0, import_jsx_runtime241.jsx)("div", { ...(0, import_runtime158.trussProps)({
+      showFooter && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)("div", { ...(0, import_runtime159.trussProps)({
         flexShrink: "fs0",
         width: "w100",
         height: ["h_var", {
           "--height": `${mobileFooterHeightPx}px`
         }]
-      }), children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)("div", { ...(0, import_runtime158.trussProps)({
+      }), children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)("div", { ...(0, import_runtime159.trussProps)({
         ...{
           position: "fixed",
           bottom: "bot_0",
           width: ["w_var", {
-            "--width": (0, import_runtime158.maybeCssVar)(__maybeInc36(headerWidth))
+            "--width": (0, import_runtime159.maybeCssVar)(__maybeInc36(headerWidth))
           }],
           height: ["h_var", {
             "--height": `${mobileFooterHeightPx}px`
           }],
           zIndex: ["z_var", {
-            "--zIndex": (0, import_runtime158.maybeCssVar)(zIndices.pageStickyFooter)
+            "--zIndex": (0, import_runtime159.maybeCssVar)(zIndices.pageStickyFooter)
           }],
           display: "df",
           alignItems: "aic",
@@ -30358,12 +30418,12 @@ function WorkflowPageLayout(props) {
         ...pageContentPaddingX
       }), ...tid.footer, children: actions }) })
     ] }),
-    navigationBlocker && /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(UnsavedChangesNavigationModal, { ...navigationBlocker })
+    navigationBlocker && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(UnsavedChangesNavigationModal, { ...navigationBlocker })
   ] });
 }
 
 // src/layouts/Workflow/FocusedFormLayout.tsx
-var import_jsx_runtime242 = require("react/jsx-runtime");
+var import_jsx_runtime243 = require("react/jsx-runtime");
 function FocusedFormLayout(props) {
   const {
     onCancel,
@@ -30379,7 +30439,7 @@ function FocusedFormLayout(props) {
     ...headerProps
   } = props;
   const tid = useTestIds(props, "focusedFormLayout");
-  return /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
     WorkflowPageLayout,
     {
       ...tid,
@@ -30400,7 +30460,7 @@ function FocusedFormLayout(props) {
 
 // src/layouts/Workflow/StepperLayout.tsx
 var import_react172 = require("react");
-var import_jsx_runtime243 = require("react/jsx-runtime");
+var import_jsx_runtime244 = require("react/jsx-runtime");
 function StepperLayout(props) {
   const {
     steps,
@@ -30427,7 +30487,7 @@ function StepperLayout(props) {
     closeRightPane();
     setCurrentStep(value);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
     WorkflowPageLayout,
     {
       ...tid,
@@ -30470,7 +30530,7 @@ function getInitialStep(steps, defaultStep) {
 
 // src/forms/BoundChipSelectField.tsx
 var import_mobx_react23 = require("mobx-react");
-var import_jsx_runtime244 = require("react/jsx-runtime");
+var import_jsx_runtime245 = require("react/jsx-runtime");
 function BoundChipSelectField(props) {
   const {
     field,
@@ -30486,7 +30546,7 @@ function BoundChipSelectField(props) {
     ...others
   } = props;
   const testId = useTestIds(props, field.key);
-  return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(import_mobx_react23.Observer, { children: () => /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(import_mobx_react23.Observer, { children: () => /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
     ChipSelectField,
     {
       label,
@@ -30516,12 +30576,12 @@ function BoundChipSelectField(props) {
 }
 
 // src/forms/BoundSelectAndTextField.tsx
-var import_jsx_runtime245 = require("react/jsx-runtime");
+var import_jsx_runtime246 = require("react/jsx-runtime");
 function BoundSelectAndTextField(props) {
   const { selectFieldProps, textFieldProps, compact = true } = props;
   const tid = useTestIds(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(CompoundField, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(CompoundField, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
       BoundSelectField,
       {
         ...tid[defaultTestId(selectFieldProps.label ?? selectFieldProps.field.key)],
@@ -30530,7 +30590,7 @@ function BoundSelectAndTextField(props) {
         compact
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
       BoundTextField,
       {
         ...tid[defaultTestId(textFieldProps.label ?? textFieldProps.field.key)],
@@ -30542,8 +30602,8 @@ function BoundSelectAndTextField(props) {
 }
 
 // src/forms/FormHeading.tsx
-var import_runtime159 = require("@homebound/truss/runtime");
-var import_jsx_runtime246 = (
+var import_runtime160 = require("@homebound/truss/runtime");
+var import_jsx_runtime247 = (
   // Add space before the heading, but only if it's not first.
   require("react/jsx-runtime")
 );
@@ -30554,7 +30614,7 @@ function FormHeading(props) {
     isFirst = false,
     ...others
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime246.jsx)("h3", { ...(0, import_runtime159.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)("h3", { ...(0, import_runtime160.trussProps)({
     ...{
       fontWeight: "fw4",
       fontSize: "fz_16px",
@@ -30570,8 +30630,8 @@ FormHeading.isFormHeading = true;
 
 // src/forms/StaticField.tsx
 var import_utils49 = require("@react-aria/utils");
-var import_runtime160 = require("@homebound/truss/runtime");
-var import_jsx_runtime247 = require("react/jsx-runtime");
+var import_runtime161 = require("@homebound/truss/runtime");
+var import_jsx_runtime248 = require("react/jsx-runtime");
 function StaticField(props) {
   const {
     fieldProps
@@ -30584,14 +30644,14 @@ function StaticField(props) {
   } = props;
   const tid = useTestIds(props, typeof label === "string" ? defaultTestId(label) : "staticField");
   const id = (0, import_utils49.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)("div", { ...(0, import_runtime160.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)("div", { ...(0, import_runtime161.trussProps)({
     ...labelStyle === "left" ? {
       display: "df",
       justifyContent: "jcsb",
       maxWidth: "maxw100"
     } : {}
   }), ...tid.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime247.jsx)("label", { ...(0, import_runtime160.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime248.jsx)("label", { ...(0, import_runtime161.trussProps)({
       display: "db",
       fontWeight: "fw4",
       fontSize: "fz_14px",
@@ -30601,7 +30661,7 @@ function StaticField(props) {
       }],
       marginBottom: "mb_4px"
     }), htmlFor: id, ...tid.label, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime247.jsx)("div", { id, ...(0, import_runtime160.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime248.jsx)("div", { id, ...(0, import_runtime161.trussProps)({
       fontWeight: "fw4",
       fontSize: "fz_14px",
       lineHeight: "lh_20px",
@@ -30632,7 +30692,7 @@ function useFilter4({ filterDefs }) {
 var import_react174 = require("react");
 var import_react_aria66 = require("react-aria");
 var import_react_stately18 = require("react-stately");
-var import_jsx_runtime248 = require("react/jsx-runtime");
+var import_jsx_runtime249 = require("react/jsx-runtime");
 function Autocomplete(props) {
   const {
     onSelect,
@@ -30650,7 +30710,7 @@ function Autocomplete(props) {
   const { effectiveValue, proposalProps } = useAiProposal(value, proposedValue);
   const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(disabledOptionToKeyedTuple) ?? []);
   const comboBoxChildren = (0, import_react174.useCallback)(
-    (item) => /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(import_react_stately18.Item, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item)),
+    (item) => /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(import_react_stately18.Item, { textValue: getOptionLabel(item), children: getOptionMenuLabel ? getOptionMenuLabel(item) : getOptionLabel(item) }, getOptionValue(item)),
     [getOptionValue, getOptionLabel, getOptionMenuLabel]
   );
   const comboBoxProps = {
@@ -30703,8 +30763,8 @@ function Autocomplete(props) {
     // Ensures the menu never gets too small.
     minWidth: 200
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(import_jsx_runtime248.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(import_jsx_runtime249.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
       TextFieldBase,
       {
         inputRef,
@@ -30714,11 +30774,11 @@ function Autocomplete(props) {
         onChange: onInputChange,
         ...proposalProps,
         clearable: true,
-        startAdornment: "startAdornment" in props ? props.startAdornment : /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Icon, { icon: "search" }),
+        startAdornment: "startAdornment" in props ? props.startAdornment : /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Icon, { icon: "search" }),
         ...others
       }
     ),
-    state.isOpen && /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+    state.isOpen && /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
       Popover,
       {
         triggerRef: inputRef,
@@ -30727,7 +30787,7 @@ function Autocomplete(props) {
         onClose: () => state.close(),
         isOpen: state.isOpen,
         minWidth: 200,
-        children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
           ListBox,
           {
             ...listBoxProps,
@@ -30748,8 +30808,8 @@ function Autocomplete(props) {
 var import_react175 = require("react");
 var import_react_aria67 = require("react-aria");
 var import_react_stately19 = require("react-stately");
-var import_runtime161 = require("@homebound/truss/runtime");
-var import_jsx_runtime249 = require("react/jsx-runtime");
+var import_runtime162 = require("@homebound/truss/runtime");
+var import_jsx_runtime250 = require("react/jsx-runtime");
 function ToggleButton(props) {
   const {
     selected: isSelected = false,
@@ -30813,7 +30873,7 @@ function ToggleButton(props) {
     ...focusProps,
     ...hoverProps,
     ...pressProps,
-    ...(0, import_runtime161.trussProps)({
+    ...(0, import_runtime162.trussProps)({
       // Gray500 off-state has no semantic match — keep palette (OnSurfaceMuted is Gray700).
       ...{
         borderRadius: "br4",
@@ -30853,10 +30913,10 @@ function ToggleButton(props) {
   return maybeTooltip({
     title: tooltip,
     placement: "top",
-    children: /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)("label", { ...labelAttrs, children: [
-      icon && /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Icon, { icon }),
+    children: /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)("label", { ...labelAttrs, children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon, { icon }),
       label,
-      /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(import_react_aria67.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)("input", { ref, ...inputProps, ...tid.value }) })
+      /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(import_react_aria67.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("input", { ref, ...inputProps, ...tid.value }) })
     ] })
   });
 }
@@ -30952,6 +31012,7 @@ var togglePressStyles = {
   DnDGridItemHandle,
   DocumentScrollOverlayRightPaneLayout,
   DocumentTitleProvider,
+  DocumentUploadIllustration,
   EXPANDABLE_HEADER,
   EditColumnsButton,
   EnvironmentBanner,