@homebound/beam 4.12.1 → 4.13.0

package/dist/index.cjs

@@ -15344,10 +15344,11 @@ var import_jsx_runtime62 = require("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.
@@ -15362,12 +15363,31 @@ function AiLoadingPanel(props) {
           "--color": "var(--b-on-surface)"
         }],
         textAlign: "tac"
-      }), ...tid.message, children: message })
+      }), ...tid.message, children: message }),
+      progressText !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { ...(0, import_runtime51.trussProps)({
+        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__ */ (0, import_jsx_runtime62.jsx)(Icon, { icon: "time", inc: 2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { ...tid.progressText, children: progressText })
+      ] })
     ] }) })
   );
   return omitBg ? card : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(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
 var import_jsx_runtime63 = require("react/jsx-runtime");