@homebound/beam 4.12.1 → 4.13.1

package/dist/index.d.cts

@@ -7881,11 +7881,13 @@ type AiLoadingPanelProps = {
     title?: string;
     message?: ReactNode;
     omitBg?: boolean;
+    /** Caller-owned footer progress status, such as "usually takes 3 minutes". Hidden when unset. */
+    progressText?: string;
 };
 /**
  * Tells the user AI work is running, and that they're free to go do something else.
  *
- * Indeterminate — these steps don't report progress, so this never shows a percentage or ETA.
+ * The spinner stays indeterminate. `progressText` is an optional status line the caller supplies to give the user a better idea of the progress.
  */
 declare function AiLoadingPanel(props: AiLoadingPanelProps): React$1.JSX.Element;
 

package/dist/index.d.ts

@@ -7881,11 +7881,13 @@ type AiLoadingPanelProps = {
     title?: string;
     message?: ReactNode;
     omitBg?: boolean;
+    /** Caller-owned footer progress status, such as "usually takes 3 minutes". Hidden when unset. */
+    progressText?: string;
 };
 /**
  * Tells the user AI work is running, and that they're free to go do something else.
  *
- * Indeterminate — these steps don't report progress, so this never shows a percentage or ETA.
+ * The spinner stays indeterminate. `progressText` is an optional status line the caller supplies to give the user a better idea of the progress.
  */
 declare function AiLoadingPanel(props: AiLoadingPanelProps): React$1.JSX.Element;
 

package/dist/index.js

@@ -13916,23 +13916,32 @@ function GridTable(props) {
   }
   return /* @__PURE__ */ jsx51(TableStateContext.Provider, { value: rowStateContext, children: /* @__PURE__ */ jsxs33(PresentationProvider, { fieldProps, wrap: style?.presentationSettings?.wrap, children: [
     /* @__PURE__ */ jsx51("div", { ref: resizeRef, ...trussProps33(getTableRefWidthStyles(as === "virtual", inDocumentScrollLayout)), ...tid.probe }),
-    loading && /* @__PURE__ */ jsx51("div", { ...trussProps33({
-      position: "fixed",
-      top: "top0",
-      right: "r_0",
-      bottom: "bot_0",
-      left: "l_0",
-      display: "df",
-      alignItems: "aic",
-      justifyContent: "jcc",
-      pointerEvents: "pen",
-      zIndex: ["z_var", {
-        "--zIndex": maybeCssVar22(zIndices.tableLoadingOverlay)
-      }]
-    }), ...tid.loadingOverlay, children: /* @__PURE__ */ jsx51(Loader, { ...tid.loadingSpinner }) }),
+    loading && /* @__PURE__ */ jsx51("div", { ...trussProps33(loadingOverlayCss), ...tid.loadingOverlay, children: /* @__PURE__ */ jsx51(Loader, { ...tid.loadingSpinner }) }),
     as === "card" ? /* @__PURE__ */ jsx51(CardView, { cardRows: visibleDataRows, id, virtuosoRangeRef, infiniteScroll, persistScrollPosition, loading }) : _as === "virtual" ? /* @__PURE__ */ jsx51(VirtualGridTableView, { style: tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, infiniteScroll, persistScrollPosition, loading }) : renders[_as](tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, loading, infiniteScroll, tableContainerRef, persistScrollPosition)
   ] }) });
 }
+var loadingOverlayCss = {
+  position: "fixed",
+  top: ["top_var", {
+    "--top": maybeCssVar22(__maybeInc12(stickyTableHeaderOffset()))
+  }],
+  bottom: ["bottom_var", {
+    "--bottom": maybeCssVar22(__maybeInc12(getFloatingBottomOffset()))
+  }],
+  left: ["left_var", {
+    "--left": maybeCssVar22(__maybeInc12(documentScrollChromeLeft()))
+  }],
+  width: ["w_var", {
+    "--width": maybeCssVar22(__maybeInc12(`calc(${documentScrollChromeWidth()} - var(${beamRightPaneWidthVar}, 0px))`))
+  }],
+  display: "df",
+  alignItems: "aic",
+  justifyContent: "jcc",
+  pointerEvents: "pen",
+  zIndex: ["z_var", {
+    "--zIndex": maybeCssVar22(zIndices.tableLoadingOverlay)
+  }]
+};
 var renders = {
   table: renderTable,
   div: renderDiv
@@ -14867,10 +14876,11 @@ import { jsx as jsx62, jsxs as jsxs41 } from "react/jsx-runtime";
 function AiLoadingPanel(props) {
   const {
     title = "Importing Details...",
-    message = defaultMessage,
-    omitBg = false
+    omitBg = false,
+    progressText
   } = props;
   const tid = useTestIds(props, "aiLoadingPanel");
+  const message = props.message ?? `${progressText === void 0 ? "This process can take a few minutes. " : ""}Feel free to keep working in another tab. Once imported, you may edit or add to content before saving.`;
   const card = (
     // `status` rather than `alert` so assistive tech waits for a pause instead of interrupting, and
     // `aria-busy` so it knows the surrounding content is still settling.
@@ -14885,12 +14895,31 @@ function AiLoadingPanel(props) {
           "--color": "var(--b-on-surface)"
         }],
         textAlign: "tac"
-      }), ...tid.message, children: message })
+      }), ...tid.message, children: message }),
+      progressText !== void 0 && /* @__PURE__ */ jsxs41("div", { ...trussProps42({
+        width: "w100",
+        display: "df",
+        alignItems: "aic",
+        justifyContent: "jcc",
+        gap: "g_1",
+        marginTop: "mt1",
+        paddingTop: "pt2",
+        borderTopStyle: "bts_solid",
+        borderTopWidth: "btw_1px",
+        borderColor: ["bc_var", {
+          "--borderColor": "var(--b-surface-separator)"
+        }],
+        fontWeight: "fw4",
+        fontSize: "fz_12px",
+        lineHeight: "lh_16px"
+      }), children: [
+        /* @__PURE__ */ jsx62(Icon, { icon: "time", inc: 2 }),
+        /* @__PURE__ */ jsx62("span", { ...tid.progressText, children: progressText })
+      ] })
     ] }) })
   );
   return omitBg ? card : /* @__PURE__ */ jsx62(AiPanel, { padding: "lg", ...tid, children: card });
 }
-var defaultMessage = "This process can take a few minutes. Feel free to keep working in another tab. Once imported, you may edit or add to content before saving.";
 
 // src/components/AiSlimBanner.tsx
 import { jsx as jsx63, jsxs as jsxs42 } from "react/jsx-runtime";