@pretextbook/import 0.6.0 → 0.8.0

package/dist/react.js

@@ -1,149 +1,150 @@
-import ve, { useRef as he, useState as g, useMemo as re } from "react";
-import { Z as be, a7 as Ne, O as ye, R as ue, h as Ee, _ as Te, N as we, j as ge, E as ke, A as Se } from "./import-mode-C0KIll3S.js";
-var ie = { exports: {} }, te = {};
-var me;
-function Pe() {
-  if (me) return te;
-  me = 1;
-  var l = /* @__PURE__ */ Symbol.for("react.transitional.element"), m = /* @__PURE__ */ Symbol.for("react.fragment");
-  function f(j, h, c) {
+import Te, { useState as h, useRef as ue, useEffect as ke, useMemo as ae } from "react";
+import { S as Ne, $ as Se, j as Pe, T as Ce, g as Re, h as ye, E as _e, A as Ae } from "./upload-BmErkg8I.js";
+import { f as Fe, e as he } from "./import-mode-BCGuSwkM.js";
+var de = { exports: {} }, re = {};
+var be;
+function Oe() {
+  if (be) return re;
+  be = 1;
+  var s = /* @__PURE__ */ Symbol.for("react.transitional.element"), d = /* @__PURE__ */ Symbol.for("react.fragment");
+  function x(b, g, c) {
     var v = null;
-    if (c !== void 0 && (v = "" + c), h.key !== void 0 && (v = "" + h.key), "key" in h) {
+    if (c !== void 0 && (v = "" + c), g.key !== void 0 && (v = "" + g.key), "key" in g) {
       c = {};
-      for (var N in h)
-        N !== "key" && (c[N] = h[N]);
-    } else c = h;
-    return h = c.ref, {
-      $$typeof: l,
-      type: j,
+      for (var N in g)
+        N !== "key" && (c[N] = g[N]);
+    } else c = g;
+    return g = c.ref, {
+      $$typeof: s,
+      type: b,
       key: v,
-      ref: h !== void 0 ? h : null,
+      ref: g !== void 0 ? g : null,
       props: c
     };
   }
-  return te.Fragment = m, te.jsx = f, te.jsxs = f, te;
+  return re.Fragment = d, re.jsx = x, re.jsxs = x, re;
 }
 var se = {};
-var xe;
-function _e() {
-  return xe || (xe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function l(t) {
+var ge;
+function Le() {
+  return ge || (ge = 1, process.env.NODE_ENV !== "production" && (function() {
+    function s(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === M ? null : t.displayName || t.name || null;
+        return t.$$typeof === Y ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case D:
+        case L:
           return "Fragment";
-        case K:
+        case W:
           return "Profiler";
         case P:
           return "StrictMode";
-        case ae:
+        case ne:
           return "Suspense";
-        case de:
+        case me:
           return "SuspenseList";
-        case ne:
+        case le:
           return "Activity";
       }
       if (typeof t == "object")
         switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), t.$$typeof) {
-          case R:
+          case A:
             return "Portal";
           case S:
             return t.displayName || "Context";
-          case d:
+          case p:
             return (t._context.displayName || "Context") + ".Consumer";
-          case A:
-            var r = t.render;
-            return t = t.displayName, t || (t = r.displayName || r.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case J:
-            return r = t.displayName || null, r !== null ? r : l(t.type) || "Memo";
-          case V:
-            r = t._payload, t = t._init;
+          case F:
+            var a = t.render;
+            return t = t.displayName, t || (t = a.displayName || a.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case H:
+            return a = t.displayName || null, a !== null ? a : s(t.type) || "Memo";
+          case z:
+            a = t._payload, t = t._init;
             try {
-              return l(t(r));
+              return s(t(a));
             } catch {
             }
         }
       return null;
     }
-    function m(t) {
+    function d(t) {
       return "" + t;
     }
-    function f(t) {
+    function x(t) {
       try {
-        m(t);
-        var r = !1;
+        d(t);
+        var a = !1;
       } catch {
-        r = !0;
+        a = !0;
       }
-      if (r) {
-        r = console;
-        var u = r.error, b = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return u.call(
-          r,
+      if (a) {
+        a = console;
+        var m = a.error, u = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return m.call(
+          a,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          b
-        ), m(t);
+          u
+        ), d(t);
       }
     }
-    function j(t) {
-      if (t === D) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === V)
+    function b(t) {
+      if (t === L) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === z)
         return "<...>";
       try {
-        var r = l(t);
-        return r ? "<" + r + ">" : "<...>";
+        var a = s(t);
+        return a ? "<" + a + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function h() {
-      var t = G.A;
+    function g() {
+      var t = K.A;
       return t === null ? null : t.getOwner();
     }
     function c() {
       return Error("react-stack-top-frame");
     }
     function v(t) {
-      if (H.call(t, "key")) {
-        var r = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (r && r.isReactWarning) return !1;
+      if (Z.call(t, "key")) {
+        var a = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (a && a.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function N(t, r) {
-      function u() {
-        I || (I = !0, console.error(
+    function N(t, a) {
+      function m() {
+        D || (D = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          r
+          a
         ));
       }
-      u.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: u,
+      m.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: m,
         configurable: !0
       });
     }
-    function x() {
-      var t = l(this.type);
-      return C[t] || (C[t] = !0, console.error(
+    function f() {
+      var t = s(this.type);
+      return q[t] || (q[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function O(t, r, u, b, Y, B) {
-      var p = u.ref;
+    function _(t, a, m, u, $, V) {
+      var j = m.ref;
       return t = {
         $$typeof: k,
         type: t,
-        key: r,
-        props: u,
-        _owner: b
-      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(t, "ref", {
+        key: a,
+        props: m,
+        _owner: u
+      }, (j !== void 0 ? j : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: x
+        get: f
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -158,109 +159,150 @@ function _e() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Y
+        value: $
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: B
+        value: V
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function E(t, r, u, b, Y, B) {
-      var p = r.children;
-      if (p !== void 0)
-        if (b)
-          if (Z(p)) {
-            for (b = 0; b < p.length; b++)
-              _(p[b]);
-            Object.freeze && Object.freeze(p);
+    function w(t, a, m, u, $, V) {
+      var j = a.children;
+      if (j !== void 0)
+        if (u)
+          if (Q(j)) {
+            for (u = 0; u < j.length; u++)
+              R(j[u]);
+            Object.freeze && Object.freeze(j);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else _(p);
-      if (H.call(r, "key")) {
-        p = l(t);
-        var F = Object.keys(r).filter(function(s) {
-          return s !== "key";
+        else R(j);
+      if (Z.call(a, "key")) {
+        j = s(t);
+        var M = Object.keys(a).filter(function(te) {
+          return te !== "key";
         });
-        b = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", U[p + b] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
+        u = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", C[j + u] || (M = 0 < M.length ? "{" + M.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          b,
-          p,
-          F,
-          p
-        ), U[p + b] = !0);
+          u,
+          j,
+          M,
+          j
+        ), C[j + u] = !0);
       }
-      if (p = null, u !== void 0 && (f(u), p = "" + u), v(r) && (f(r.key), p = "" + r.key), "key" in r) {
-        u = {};
-        for (var ee in r)
-          ee !== "key" && (u[ee] = r[ee]);
-      } else u = r;
-      return p && N(
-        u,
+      if (j = null, m !== void 0 && (x(m), j = "" + m), v(a) && (x(a.key), j = "" + a.key), "key" in a) {
+        m = {};
+        for (var G in a)
+          G !== "key" && (m[G] = a[G]);
+      } else m = a;
+      return j && N(
+        m,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), O(
+      ), _(
         t,
-        p,
-        u,
-        h(),
-        Y,
-        B
+        j,
+        m,
+        g(),
+        $,
+        V
       );
     }
-    function _(t) {
-      L(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === V && (t._payload.status === "fulfilled" ? L(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    function R(t) {
+      O(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === z && (t._payload.status === "fulfilled" ? O(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
     }
-    function L(t) {
+    function O(t) {
       return typeof t == "object" && t !== null && t.$$typeof === k;
     }
-    var T = ve, k = /* @__PURE__ */ Symbol.for("react.transitional.element"), R = /* @__PURE__ */ Symbol.for("react.portal"), D = /* @__PURE__ */ Symbol.for("react.fragment"), P = /* @__PURE__ */ Symbol.for("react.strict_mode"), K = /* @__PURE__ */ Symbol.for("react.profiler"), d = /* @__PURE__ */ Symbol.for("react.consumer"), S = /* @__PURE__ */ Symbol.for("react.context"), A = /* @__PURE__ */ Symbol.for("react.forward_ref"), ae = /* @__PURE__ */ Symbol.for("react.suspense"), de = /* @__PURE__ */ Symbol.for("react.suspense_list"), J = /* @__PURE__ */ Symbol.for("react.memo"), V = /* @__PURE__ */ Symbol.for("react.lazy"), ne = /* @__PURE__ */ Symbol.for("react.activity"), M = /* @__PURE__ */ Symbol.for("react.client.reference"), G = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, Z = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var E = Te, k = /* @__PURE__ */ Symbol.for("react.transitional.element"), A = /* @__PURE__ */ Symbol.for("react.portal"), L = /* @__PURE__ */ Symbol.for("react.fragment"), P = /* @__PURE__ */ Symbol.for("react.strict_mode"), W = /* @__PURE__ */ Symbol.for("react.profiler"), p = /* @__PURE__ */ Symbol.for("react.consumer"), S = /* @__PURE__ */ Symbol.for("react.context"), F = /* @__PURE__ */ Symbol.for("react.forward_ref"), ne = /* @__PURE__ */ Symbol.for("react.suspense"), me = /* @__PURE__ */ Symbol.for("react.suspense_list"), H = /* @__PURE__ */ Symbol.for("react.memo"), z = /* @__PURE__ */ Symbol.for("react.lazy"), le = /* @__PURE__ */ Symbol.for("react.activity"), Y = /* @__PURE__ */ Symbol.for("react.client.reference"), K = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, Q = Array.isArray, U = console.createTask ? console.createTask : function() {
       return null;
     };
-    T = {
+    E = {
       react_stack_bottom_frame: function(t) {
         return t();
       }
     };
-    var I, C = {}, Q = T.react_stack_bottom_frame.bind(
-      T,
+    var D, q = {}, ee = E.react_stack_bottom_frame.bind(
+      E,
       c
-    )(), z = X(j(c)), U = {};
-    se.Fragment = D, se.jsx = function(t, r, u) {
-      var b = 1e4 > G.recentlyCreatedOwnerStacks++;
-      return E(
+    )(), I = U(b(c)), C = {};
+    se.Fragment = L, se.jsx = function(t, a, m) {
+      var u = 1e4 > K.recentlyCreatedOwnerStacks++;
+      return w(
         t,
-        r,
-        u,
+        a,
+        m,
         !1,
-        b ? Error("react-stack-top-frame") : Q,
-        b ? X(j(t)) : z
+        u ? Error("react-stack-top-frame") : ee,
+        u ? U(b(t)) : I
       );
-    }, se.jsxs = function(t, r, u) {
-      var b = 1e4 > G.recentlyCreatedOwnerStacks++;
-      return E(
+    }, se.jsxs = function(t, a, m) {
+      var u = 1e4 > K.recentlyCreatedOwnerStacks++;
+      return w(
         t,
-        r,
-        u,
+        a,
+        m,
         !0,
-        b ? Error("react-stack-top-frame") : Q,
-        b ? X(j(t)) : z
+        u ? Error("react-stack-top-frame") : ee,
+        u ? U(b(t)) : I
       );
     };
   })()), se;
 }
-var pe;
-function Re() {
-  return pe || (pe = 1, process.env.NODE_ENV === "production" ? ie.exports = Pe() : ie.exports = _e()), ie.exports;
+var je;
+function De() {
+  return je || (je = 1, process.env.NODE_ENV === "production" ? de.exports = Oe() : de.exports = Le()), de.exports;
+}
+var e = De();
+function Ie() {
+  const [s, d] = h(0), x = ue(Date.now());
+  return ke(() => {
+    const b = setInterval(() => {
+      d(Math.floor((Date.now() - x.current) / 1e3));
+    }, 1e3);
+    return () => clearInterval(b);
+  }, []), s;
+}
+function $e(s) {
+  return `${Math.floor(s / 60)}:${String(s % 60).padStart(2, "0")}`;
+}
+function Me({
+  message: s = "Processing your file…",
+  onCancel: d
+}) {
+  const x = Ie();
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: "flex flex-col items-center justify-center gap-3 py-16 text-slate-600",
+      role: "status",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-blue-700 border-t-transparent" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: s }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-xs tabular-nums text-slate-500", children: $e(x) }),
+        x >= 10 ? /* @__PURE__ */ e.jsx("p", { className: "max-w-xs text-center text-xs text-slate-500", children: "Large documents can take a while. You can keep working in other tabs." }) : null,
+        d ? /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: d,
+            className: "mt-2 rounded border border-slate-300 px-3 py-1.5 text-xs font-medium text-slate-700 hover:bg-slate-50",
+            children: "Cancel"
+          }
+        ) : null
+      ]
+    }
+  );
 }
-var e = Re();
-const je = [
+const we = [
   ".tex",
   ".md",
   ".markdown",
@@ -270,125 +312,149 @@ const je = [
   ".gz",
   ".tar.gz",
   ".tgz"
-], Ce = {
+], Xe = {
   id: "builtin",
   label: "Built-in converter",
   description: "Create a new project starting with LaTeX, Markdown, or PreTeXt files.",
-  acceptExtensions: je,
-  convertFile: be,
-  prepare: async (l) => {
-    const { files: m, assets: f } = await we(l);
+  acceptExtensions: we,
+  convertFile: Ne,
+  prepare: async (s) => {
+    const { files: d, assets: x } = await Re(s);
     return {
-      fileName: l.name,
-      files: m,
-      assets: f,
-      analysis: ge(m)
+      fileName: s.name,
+      files: d,
+      assets: x,
+      analysis: ye(d)
     };
   },
-  convertPrepared: (l, m) => Te(l.files, {
-    ...m,
-    assets: l.assets
+  convertPrepared: (s, d) => Ce(s.files, {
+    ...d,
+    assets: s.assets
   })
-}, fe = {
+};
+function xe() {
+  return new Promise((s) => {
+    if (typeof requestAnimationFrame != "function") {
+      setTimeout(s, 0);
+      return;
+    }
+    requestAnimationFrame(() => setTimeout(s, 0));
+  });
+}
+const ve = {
   pretext: "PreTeXt",
   latex: "LaTeX",
   markdown: "Markdown"
 };
-function Ae(l) {
-  const m = l.reason === "manifest-target" ? `project.ptx target “${l.targetName}”` : l.reason === "latex-root" ? "LaTeX document" : l.reason === "pretext-root" ? "PreTeXt document" : l.reason === "markdown-root" ? "Markdown document" : "possible document";
-  return l.title ? `${l.title} — ${m}` : m;
+function ze(s) {
+  const d = s.reason === "manifest-target" ? `project.ptx target “${s.targetName}”` : s.reason === "latex-root" ? "LaTeX document" : s.reason === "pretext-root" ? "PreTeXt document" : s.reason === "markdown-root" ? "Markdown document" : "possible document";
+  return s.title ? `${s.title} — ${d}` : d;
 }
-function Fe(l) {
-  return l.candidates.filter(
-    (f) => f.reason === "manifest-target"
-  ).length > 1 ? !0 : l.manifest && l.primary?.reason === "manifest-target" ? !1 : l.formats.length > 1 || l.candidates.length > 1 || l.extraRoots.length > 0;
+function Ye(s) {
+  return s.candidates.filter(
+    (x) => x.reason === "manifest-target"
+  ).length > 1 ? !0 : s.manifest && s.primary?.reason === "manifest-target" ? !1 : s.formats.length > 1 || s.candidates.length > 1 || s.extraRoots.length > 0;
 }
-function Me({
-  onConfirm: l,
-  onCancel: m,
-  importOptions: f,
-  defaultDocumentKind: j = "auto",
-  engines: h
+function Ge({
+  onConfirm: s,
+  onCancel: d,
+  importOptions: x,
+  defaultDocumentKind: b = "auto",
+  engines: g
 }) {
-  const c = h && h.length > 0 ? h : [Ce], v = he(null), [N, x] = g({ name: "upload" }), [O, E] = g(!1), [_, L] = g(j), [T, k] = g(null), [R, D] = g(/* @__PURE__ */ new Set()), [P, K] = g(c[0].id), [d, S] = g("converted"), [A, ae] = g(!1), [de, J] = g(/* @__PURE__ */ new Set()), [V, ne] = g(null), [M, G] = g(
+  const c = g && g.length > 0 ? g : [Xe], v = ue(null), [N, f] = h({ name: "upload" }), [_, w] = h(!1), [R, O] = h(b), [E, k] = h(null), [A, L] = h(/* @__PURE__ */ new Set()), [P, W] = h(c[0].id), [p, S] = h("converted"), [F, ne] = h(!1), [me, H] = h(/* @__PURE__ */ new Set()), [z, le] = h(null), [Y, K] = h(
     "auto"
-  ), [H, Z] = g(null), [X, I] = g({}), C = c.find((s) => s.id === P) ?? c[0], Q = C.acceptExtensions ?? je, z = N.name === "review" ? N.result : null, U = re(
-    () => z && T !== null ? Ne(z, T) : z,
-    [z, T]
-  ), t = re(
+  ), [Z, Q] = h(null), [U, D] = h({}), [q, ee] = h(!1), I = ue(!1), C = c.find((r) => r.id === P) ?? c[0], t = C.acceptExtensions ?? we, a = N.name === "review" ? N.result : null, m = ae(
+    () => a && E !== null ? Se(a, E) : a,
+    [a, E]
+  ), u = ae(
     () => new Map(
-      U ? ye(U).map((s) => [s.path, s]) : []
+      m ? Fe(m).map((r) => [r.path, r]) : []
     ),
-    [U]
-  ), r = () => f ?? {
-    documentKind: _ === "auto" ? void 0 : _
-  }, u = (s) => ge(s.files, {
-    sourceFormat: M === "auto" ? void 0 : M,
-    mainFile: H ?? void 0
-  }), b = (s) => {
-    x({ name: "processing" });
+    [m]
+  ), $ = () => x ?? {
+    documentKind: R === "auto" ? void 0 : R
+  }, V = (r) => ye(r.files, {
+    sourceFormat: Y === "auto" ? void 0 : Y,
+    mainFile: Z ?? void 0
+  }), j = (r) => {
+    I.current = !0, C.cancel?.(), f(
+      r ? { name: "sources", prepared: r } : { name: "upload" }
+    );
+  }, M = async (r) => {
+    I.current = !1, f({ name: "processing" }), await xe();
     try {
-      const n = u(s).extraRoots.map((i) => ({
+      const l = V(r).extraRoots.map((i) => ({
         path: i.path,
-        include: X[i.path]?.include ?? !0,
-        level: X[i.path]?.level
-      })), y = C.convertPrepared(s, {
-        ...r(),
-        sourceFormat: M === "auto" ? void 0 : M,
-        mainFile: H ?? void 0,
-        attachRoots: n
+        include: U[i.path]?.include ?? !0,
+        level: U[i.path]?.level
+      })), y = await C.convertPrepared(r, {
+        ...$(),
+        sourceFormat: Y === "auto" ? void 0 : Y,
+        mainFile: Z ?? void 0,
+        attachRoots: l
       });
-      "pretextError" in y ? x({ name: "error", message: y.pretextError }) : x({ name: "review", result: y });
+      "pretextError" in y ? f({ name: "error", message: y.pretextError }) : f({ name: "review", result: y });
     } catch (o) {
-      x({
+      if (I.current)
+        return;
+      f({
         name: "error",
         message: o instanceof Error ? o.message : "An unexpected error occurred."
       });
     }
-  }, Y = async (s) => {
-    x({ name: "processing" });
+  }, G = async (r) => {
+    I.current = !1, f({ name: "processing" }), await xe();
     try {
       if (C.prepare && C.convertPrepared) {
-        const n = await C.prepare(s);
-        if (ne(n), G("auto"), Z(null), I({}), Fe(n.analysis)) {
-          x({ name: "sources", prepared: n });
+        const l = await C.prepare(r);
+        if (le(l), K("auto"), Q(null), D({}), Ye(l.analysis)) {
+          f({ name: "sources", prepared: l });
           return;
         }
-        const y = C.convertPrepared(n, r());
-        x(
+        await xe();
+        const y = await C.convertPrepared(
+          l,
+          $()
+        );
+        f(
           "pretextError" in y ? { name: "error", message: y.pretextError } : { name: "review", result: y }
         );
         return;
       }
-      const o = await C.convertFile(s, r());
-      "pretextError" in o ? x({ name: "error", message: o.pretextError }) : x({ name: "review", result: o });
+      const o = await C.convertFile(r, $());
+      "pretextError" in o ? f({ name: "error", message: o.pretextError }) : f({ name: "review", result: o });
     } catch (o) {
-      x({
+      if (I.current)
+        return;
+      f({
         name: "error",
         message: o instanceof Error ? o.message : "An unexpected error occurred."
       });
     }
-  }, B = () => {
-    x({ name: "upload" }), S("converted"), ae(!1), J(/* @__PURE__ */ new Set()), D(/* @__PURE__ */ new Set()), k(null), ne(null);
+  }, te = () => {
+    f({ name: "upload" }), S("converted"), ne(!1), H(/* @__PURE__ */ new Set()), L(/* @__PURE__ */ new Set()), k(null), le(null);
   };
-  function p(s, o) {
-    return [...s].sort((n, y) => n === o ? -1 : y === o ? 1 : n.localeCompare(y));
+  function pe(r, o) {
+    return [...r].sort((l, y) => l === o ? -1 : y === o ? 1 : l.localeCompare(y));
   }
-  function F(s, o) {
-    const n = ue(s, o), y = o === "converted" ? s.projectLayout.mainSourcePath : s.sourcePath, i = p(Object.keys(n), y)[0];
-    J(i ? /* @__PURE__ */ new Set([i]) : /* @__PURE__ */ new Set());
+  function fe(r, o) {
+    const l = he(r, o), y = o === "converted" ? r.projectLayout.mainSourcePath : r.sourcePath, i = pe(Object.keys(l), y)[0];
+    H(i ? /* @__PURE__ */ new Set([i]) : /* @__PURE__ */ new Set());
   }
-  function ee(s) {
-    J((o) => {
-      const n = new Set(o);
-      return n.has(s) ? n.delete(s) : n.add(s), n;
+  function Ee(r) {
+    H((o) => {
+      const l = new Set(o);
+      return l.has(r) ? l.delete(r) : l.add(r), l;
     });
   }
   if (N.name === "processing")
-    return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center gap-3 py-16 text-slate-600", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-blue-700 border-t-transparent" }),
-      /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Processing your file…" })
-    ] });
+    return /* @__PURE__ */ e.jsx(
+      Me,
+      {
+        onCancel: C.cancel ? () => j(z) : void 0
+      }
+    );
   if (N.name === "error")
     return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-800", children: [
@@ -399,32 +465,32 @@ function Me({
         "button",
         {
           type: "button",
-          onClick: B,
+          onClick: te,
           className: "rounded bg-blue-700 px-4 py-2 text-sm font-medium text-white hover:bg-blue-600",
           children: "Try Another File"
         }
       ) })
     ] });
   if (N.name === "sources") {
-    const s = N.prepared, o = u(s), n = o.manifest, y = o.primary?.path ?? "";
+    const r = N.prepared, o = V(r), l = o.manifest, y = o.primary?.path ?? "";
     return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ e.jsxs("div", { children: [
         /* @__PURE__ */ e.jsx("h3", { className: "text-sm font-semibold text-slate-700", children: "Choose what to import" }),
         /* @__PURE__ */ e.jsxs("p", { className: "mt-1 text-sm text-slate-500", children: [
-          s.fileName,
+          r.fileName,
           " contains more than one possible starting point."
         ] })
       ] }),
-      n ? /* @__PURE__ */ e.jsxs("div", { className: "rounded-lg border border-blue-200 bg-blue-50 p-4 text-sm text-blue-900", children: [
+      l ? /* @__PURE__ */ e.jsxs("div", { className: "rounded-lg border border-blue-200 bg-blue-50 p-4 text-sm text-blue-900", children: [
         /* @__PURE__ */ e.jsxs("p", { className: "font-medium", children: [
           "Found ",
-          n.manifestPath,
+          l.manifestPath,
           " — an existing PreTeXt project."
         ] }),
         /* @__PURE__ */ e.jsxs("p", { className: "mt-1 text-blue-800", children: [
           "Its publication file, assets, and directory layout will be kept as they are. Targets:",
           " ",
-          n.targets.map((i) => i.name).join(", "),
+          l.targets.map((i) => i.name).join(", "),
           "."
         ] })
       ] }) : null,
@@ -433,17 +499,17 @@ function Me({
         /* @__PURE__ */ e.jsxs(
           "select",
           {
-            value: M,
+            value: Y,
             onChange: (i) => {
-              G(i.currentTarget.value), Z(null), I({});
+              K(i.currentTarget.value), Q(null), D({});
             },
             className: "rounded border border-slate-300 px-2 py-1 text-sm",
             children: [
               /* @__PURE__ */ e.jsxs("option", { value: "auto", children: [
                 "Auto detect",
-                o.primary ? ` (${fe[o.primary.format]})` : ""
+                o.primary ? ` (${ve[o.primary.format]})` : ""
               ] }),
-              o.formats.map((i) => /* @__PURE__ */ e.jsx("option", { value: i, children: fe[i] }, i))
+              o.formats.map((i) => /* @__PURE__ */ e.jsx("option", { value: i, children: ve[i] }, i))
             ]
           }
         )
@@ -463,14 +529,14 @@ function Me({
                   value: i.path,
                   checked: y === i.path,
                   onChange: () => {
-                    Z(i.path), I({});
+                    Q(i.path), D({});
                   },
                   className: "mt-0.5"
                 }
               ),
               /* @__PURE__ */ e.jsxs("span", { children: [
                 /* @__PURE__ */ e.jsx("span", { className: "font-mono text-xs text-slate-900", children: i.path }),
-                /* @__PURE__ */ e.jsx("span", { className: "block text-slate-500", children: Ae(i) })
+                /* @__PURE__ */ e.jsx("span", { className: "block text-slate-500", children: ze(i) })
               ] })
             ]
           },
@@ -481,7 +547,7 @@ function Me({
         /* @__PURE__ */ e.jsx("legend", { className: "px-1 text-sm font-semibold text-slate-700", children: "Other documents" }),
         /* @__PURE__ */ e.jsx("p", { className: "mt-1 text-sm text-slate-500", children: "These files also stand on their own. Attach them to the main document, or leave them out." }),
         /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex flex-col gap-2", children: o.extraRoots.map((i) => {
-          const q = X[i.path], le = q?.include ?? !0;
+          const J = U[i.path], oe = J?.include ?? !0;
           return /* @__PURE__ */ e.jsxs(
             "div",
             {
@@ -492,12 +558,12 @@ function Me({
                     "input",
                     {
                       type: "checkbox",
-                      checked: le,
-                      onChange: ($) => I((W) => ({
-                        ...W,
+                      checked: oe,
+                      onChange: (X) => D((B) => ({
+                        ...B,
                         [i.path]: {
-                          ...W[i.path],
-                          include: $.currentTarget.checked
+                          ...B[i.path],
+                          include: X.currentTarget.checked
                         }
                       }))
                     }
@@ -513,13 +579,13 @@ function Me({
                   /* @__PURE__ */ e.jsxs(
                     "select",
                     {
-                      value: q?.level ?? "auto",
-                      disabled: !le,
-                      onChange: ($) => I((W) => ({
-                        ...W,
+                      value: J?.level ?? "auto",
+                      disabled: !oe,
+                      onChange: (X) => D((B) => ({
+                        ...B,
                         [i.path]: {
-                          include: W[i.path]?.include ?? !0,
-                          level: $.currentTarget.value === "auto" ? void 0 : $.currentTarget.value
+                          include: B[i.path]?.include ?? !0,
+                          level: X.currentTarget.value === "auto" ? void 0 : X.currentTarget.value
                         }
                       })),
                       className: "rounded border border-slate-300 px-2 py-1 text-sm disabled:opacity-50",
@@ -542,7 +608,7 @@ function Me({
           "button",
           {
             type: "button",
-            onClick: B,
+            onClick: te,
             className: "px-4 py-2 text-sm text-slate-600 hover:text-slate-900",
             children: "Start Over"
           }
@@ -551,7 +617,7 @@ function Me({
           "button",
           {
             type: "button",
-            onClick: () => b(s),
+            onClick: () => M(r),
             className: "rounded bg-blue-700 px-4 py-2 text-sm font-medium text-white hover:bg-blue-600",
             children: "Continue"
           }
@@ -560,53 +626,53 @@ function Me({
     ] });
   }
   if (N.name === "review") {
-    let s = function(a) {
-      S(a), A && F(n, a);
-    }, o = function(a) {
-      D((w) => {
-        const ce = new Set(w);
-        return ce.has(a) ? ce.delete(a) : ce.add(a), ce;
+    let r = function(n) {
+      S(n), F && fe(l, n);
+    }, o = function(n) {
+      L((T) => {
+        const ie = new Set(T);
+        return ie.has(n) ? ie.delete(n) : ie.add(n), ie;
       });
     };
-    const n = U ?? N.result, y = n.splitLevel, i = n.detectedSourceFormat === "latex", q = n.warnings.length, le = Object.keys(n.outputFiles).length, $ = ue(n, d), W = d === "converted" ? n.projectLayout.mainSourcePath : n.sourcePath, oe = p(
-      Object.keys($),
-      W
+    const l = m ?? N.result, y = l.splitLevel, i = l.detectedSourceFormat === "latex", J = l.warnings.length, oe = Object.keys(l.outputFiles).length, X = he(l, p), B = p === "converted" ? l.projectLayout.mainSourcePath : l.sourcePath, ce = pe(
+      Object.keys(X),
+      B
     );
     return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "rounded-lg border border-slate-200 bg-slate-50 p-4", children: [
         /* @__PURE__ */ e.jsx("h3", { className: "mb-3 text-sm font-semibold text-slate-700", children: "Import Summary" }),
         /* @__PURE__ */ e.jsxs("dl", { className: "grid grid-cols-2 gap-x-6 gap-y-2 text-sm", children: [
           /* @__PURE__ */ e.jsx("dt", { className: "text-slate-500", children: "Source" }),
-          /* @__PURE__ */ e.jsx("dd", { className: "font-medium text-slate-900", children: n.sourceName }),
+          /* @__PURE__ */ e.jsx("dd", { className: "font-medium text-slate-900", children: l.sourceName }),
           /* @__PURE__ */ e.jsx("dt", { className: "text-slate-500", children: "Detected format" }),
-          /* @__PURE__ */ e.jsx("dd", { className: "font-medium text-slate-900 capitalize", children: n.detectedSourceFormat }),
+          /* @__PURE__ */ e.jsx("dd", { className: "font-medium text-slate-900 capitalize", children: l.detectedSourceFormat }),
           /* @__PURE__ */ e.jsx("dt", { className: "text-slate-500", children: "Document kind" }),
-          /* @__PURE__ */ e.jsx("dd", { className: "font-medium text-slate-900 capitalize", children: n.documentKind }),
+          /* @__PURE__ */ e.jsx("dd", { className: "font-medium text-slate-900 capitalize", children: l.documentKind }),
           /* @__PURE__ */ e.jsx("dt", { className: "text-slate-500", children: "Output files" }),
-          /* @__PURE__ */ e.jsx("dd", { className: "font-medium text-slate-900", children: le }),
-          n.projectLayout.preserved ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx("dd", { className: "font-medium text-slate-900", children: oe }),
+          l.projectLayout.preserved ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx("dt", { className: "text-slate-500", children: "Existing project" }),
             /* @__PURE__ */ e.jsx("dd", { className: "font-medium text-slate-900", children: "Kept publication file, assets, and layout" })
           ] }) : null,
-          n.attachedRoots.length > 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          l.attachedRoots.length > 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx("dt", { className: "text-slate-500", children: "Attached" }),
-            /* @__PURE__ */ e.jsx("dd", { className: "font-medium text-slate-900", children: n.attachedRoots.map((a) => `${a.title} (${a.level})`).join(", ") })
+            /* @__PURE__ */ e.jsx("dd", { className: "font-medium text-slate-900", children: l.attachedRoots.map((n) => `${n.title} (${n.level})`).join(", ") })
           ] }) : null
         ] })
       ] }),
-      q > 0 ? /* @__PURE__ */ e.jsxs("details", { className: "rounded-lg border border-amber-200 bg-amber-50 p-4 text-sm", children: [
+      J > 0 ? /* @__PURE__ */ e.jsxs("details", { className: "rounded-lg border border-amber-200 bg-amber-50 p-4 text-sm", children: [
         /* @__PURE__ */ e.jsxs("summary", { className: "cursor-pointer font-semibold text-amber-800", children: [
-          q,
+          J,
           " conversion",
           " ",
-          q === 1 ? "warning" : "warnings"
+          J === 1 ? "warning" : "warnings"
         ] }),
-        /* @__PURE__ */ e.jsx("ul", { className: "mt-3 space-y-1.5 text-amber-700", children: n.warnings.map((a, w) => /* @__PURE__ */ e.jsxs("li", { children: [
-          /* @__PURE__ */ e.jsx("code", { className: "rounded bg-amber-100 px-1 py-0.5 text-xs", children: a.macro }),
+        /* @__PURE__ */ e.jsx("ul", { className: "mt-3 space-y-1.5 text-amber-700", children: l.warnings.map((n, T) => /* @__PURE__ */ e.jsxs("li", { children: [
+          /* @__PURE__ */ e.jsx("code", { className: "rounded bg-amber-100 px-1 py-0.5 text-xs", children: n.macro }),
           " — ",
-          a.action === "replace" || a.action === "rewrite" ? `replaced with \`${a.replacement}\`` : a.message ?? a.action,
-          a.occurrences > 1 ? ` (×${a.occurrences})` : null
-        ] }, w)) })
+          n.action === "replace" || n.action === "rewrite" ? `replaced with \`${n.replacement}\`` : n.message ?? n.action,
+          n.occurrences > 1 ? ` (×${n.occurrences})` : null
+        ] }, T)) })
       ] }) : /* @__PURE__ */ e.jsx("p", { className: "text-sm text-green-700", children: "No conversion warnings." }),
       i ? /* @__PURE__ */ e.jsxs("fieldset", { className: "rounded-lg border border-slate-200 p-4", children: [
         /* @__PURE__ */ e.jsx("legend", { className: "px-1 text-sm font-semibold text-slate-700", children: "Import mode" }),
@@ -618,8 +684,8 @@ function Me({
                 type: "radio",
                 name: "import-mode",
                 value: "converted",
-                checked: d === "converted",
-                onChange: () => s("converted"),
+                checked: p === "converted",
+                onChange: () => r("converted"),
                 className: "mt-0.5"
               }
             ),
@@ -635,8 +701,8 @@ function Me({
                 type: "radio",
                 name: "import-mode",
                 value: "native",
-                checked: d === "native",
-                onChange: () => s("native"),
+                checked: p === "native",
+                onChange: () => r("native"),
                 className: "mt-0.5"
               }
             ),
@@ -647,40 +713,40 @@ function Me({
           ] })
         ] })
       ] }) : null,
-      !f && n.cleanChunks.length > 0 ? /* @__PURE__ */ e.jsxs("fieldset", { className: "rounded-lg border border-slate-200 p-4", children: [
+      !x && l.cleanChunks.length > 0 ? /* @__PURE__ */ e.jsxs("fieldset", { className: "rounded-lg border border-slate-200 p-4", children: [
         /* @__PURE__ */ e.jsx("legend", { className: "px-1 text-sm font-semibold text-slate-700", children: "Split into files" }),
         /* @__PURE__ */ e.jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: [
           Array.from(
-            { length: Ee + 1 },
-            (a, w) => /* @__PURE__ */ e.jsx(
+            { length: Pe + 1 },
+            (n, T) => /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
-                onClick: () => k(w),
-                "aria-pressed": y === w,
-                className: y === w ? "rounded bg-blue-700 px-3 py-1 text-sm font-medium text-white" : "rounded border border-slate-300 px-3 py-1 text-sm text-slate-700 hover:bg-slate-50",
-                children: w === 0 ? "One file" : `${w} level${w === 1 ? "" : "s"}`
+                onClick: () => k(T),
+                "aria-pressed": y === T,
+                className: y === T ? "rounded bg-blue-700 px-3 py-1 text-sm font-medium text-white" : "rounded border border-slate-300 px-3 py-1 text-sm text-slate-700 hover:bg-slate-50",
+                children: T === 0 ? "One file" : `${T} level${T === 1 ? "" : "s"}`
               },
-              w
+              T
             )
           ),
           /* @__PURE__ */ e.jsxs("span", { className: "ml-2 text-sm text-slate-500", children: [
-            oe.length,
+            ce.length,
             " file",
-            oe.length === 1 ? "" : "s"
+            ce.length === 1 ? "" : "s"
           ] })
         ] }),
-        /* @__PURE__ */ e.jsx("ul", { className: "mt-3 max-h-48 overflow-auto font-mono text-xs text-slate-600", children: oe.map((a) => /* @__PURE__ */ e.jsxs("li", { className: "truncate py-0.5", children: [
-          a,
-          t.get(a)?.fixCount ? /* @__PURE__ */ e.jsxs("span", { className: "ml-2 text-amber-700", children: [
-            t.get(a).fixCount,
+        /* @__PURE__ */ e.jsx("ul", { className: "mt-3 max-h-48 overflow-auto font-mono text-xs text-slate-600", children: ce.map((n) => /* @__PURE__ */ e.jsxs("li", { className: "truncate py-0.5", children: [
+          n,
+          u.get(n)?.fixCount ? /* @__PURE__ */ e.jsxs("span", { className: "ml-2 text-amber-700", children: [
+            u.get(n).fixCount,
             " change",
-            t.get(a).fixCount === 1 ? "" : "s"
+            u.get(n).fixCount === 1 ? "" : "s"
           ] }) : null
-        ] }, a)) })
+        ] }, n)) })
       ] }) : null,
-      A ? /* @__PURE__ */ e.jsx("div", { className: "overflow-hidden rounded-lg border border-slate-200 text-sm", children: oe.map((a) => {
-        const w = de.has(a);
+      F ? /* @__PURE__ */ e.jsx("div", { className: "overflow-hidden rounded-lg border border-slate-200 text-sm", children: ce.map((n) => {
+        const T = me.has(n);
         return /* @__PURE__ */ e.jsxs(
           "div",
           {
@@ -690,42 +756,42 @@ function Me({
                 "button",
                 {
                   type: "button",
-                  onClick: () => ee(a),
+                  onClick: () => Ee(n),
                   className: "flex w-full items-center gap-2 bg-slate-100 px-4 py-2 text-left font-mono text-xs text-slate-700 hover:bg-slate-200",
                   children: [
-                    /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-slate-400", children: w ? "▾" : "▸" }),
-                    /* @__PURE__ */ e.jsx("span", { className: "flex-1 truncate", children: a }),
+                    /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-slate-400", children: T ? "▾" : "▸" }),
+                    /* @__PURE__ */ e.jsx("span", { className: "flex-1 truncate", children: n }),
                     /* @__PURE__ */ e.jsxs("span", { className: "shrink-0 text-slate-400", children: [
-                      ($[a].length / 1024).toFixed(1),
+                      (X[n].length / 1024).toFixed(1),
                       " KB"
                     ] })
                   ]
                 }
               ),
-              w ? /* @__PURE__ */ e.jsxs("div", { className: "bg-white", children: [
-                t.get(a)?.hunks.length ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 border-b border-slate-200 px-4 py-2", children: [
+              T ? /* @__PURE__ */ e.jsxs("div", { className: "bg-white", children: [
+                u.get(n)?.hunks.length ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 border-b border-slate-200 px-4 py-2", children: [
                   /* @__PURE__ */ e.jsx(
                     "button",
                     {
                       type: "button",
-                      onClick: () => o(a),
+                      onClick: () => o(n),
                       className: "rounded border border-slate-300 px-2 py-0.5 text-xs text-slate-700 hover:bg-slate-50",
-                      children: R.has(a) ? "Show converted file" : "Show what changed"
+                      children: A.has(n) ? "Show converted file" : "Show what changed"
                     }
                   ),
                   /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-slate-500", children: [
                     "+",
-                    t.get(a).stats.added,
+                    u.get(n).stats.added,
                     " −",
-                    t.get(a).stats.removed,
+                    u.get(n).stats.removed,
                     " in the LaTeX source"
                   ] })
                 ] }) : null,
-                R.has(a) && t.has(a) ? /* @__PURE__ */ e.jsx(Oe, { hunks: t.get(a).hunks }) : /* @__PURE__ */ e.jsx("pre", { className: "m-0 max-h-72 overflow-auto p-4 font-mono text-xs leading-relaxed text-slate-800", children: $[a] })
+                A.has(n) && u.has(n) ? /* @__PURE__ */ e.jsx(Ue, { hunks: u.get(n).hunks }) : /* @__PURE__ */ e.jsx("pre", { className: "m-0 max-h-72 overflow-auto p-4 font-mono text-xs leading-relaxed text-slate-800", children: X[n] })
               ] }) : null
             ]
           },
-          a
+          n
         );
       }) }) : null,
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-3 pt-1", children: [
@@ -733,17 +799,17 @@ function Me({
           "button",
           {
             type: "button",
-            onClick: m ?? B,
+            onClick: d ?? te,
             className: "px-4 py-2 text-sm text-slate-600 hover:text-slate-900",
-            children: m ? "Cancel" : "Start Over"
+            children: d ? "Cancel" : "Start Over"
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          V ? /* @__PURE__ */ e.jsx(
+          z ? /* @__PURE__ */ e.jsx(
             "button",
             {
               type: "button",
-              onClick: () => x({ name: "sources", prepared: V }),
+              onClick: () => f({ name: "sources", prepared: z }),
               className: "rounded border border-slate-300 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50",
               children: "Change Sources"
             }
@@ -753,19 +819,30 @@ function Me({
             {
               type: "button",
               onClick: () => {
-                A || F(n, d), ae((a) => !a);
+                F || fe(l, p), ne((n) => !n);
               },
               className: "rounded border border-slate-300 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50",
-              children: A ? "Hide Preview" : "Preview"
+              children: F ? "Hide Preview" : "Preview"
             }
           ),
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsxs(
             "button",
             {
               type: "button",
-              onClick: () => l(n, d),
-              className: "rounded bg-blue-700 px-4 py-2 text-sm font-medium text-white hover:bg-blue-600",
-              children: "Confirm Import"
+              disabled: q,
+              onClick: async () => {
+                ee(!0);
+                try {
+                  await s(l, p);
+                } finally {
+                  ee(!1);
+                }
+              },
+              className: "flex items-center gap-2 rounded bg-blue-700 px-4 py-2 text-sm font-medium text-white hover:bg-blue-600 disabled:opacity-60",
+              children: [
+                q ? /* @__PURE__ */ e.jsx("span", { className: "h-3.5 w-3.5 animate-spin rounded-full border-2 border-white border-t-transparent" }) : null,
+                q ? "Importing…" : "Confirm Import"
+              ]
             }
           )
         ] })
@@ -775,7 +852,7 @@ function Me({
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
     c.length > 1 ? /* @__PURE__ */ e.jsxs("fieldset", { className: "rounded-lg border border-slate-200 p-4", children: [
       /* @__PURE__ */ e.jsx("legend", { className: "px-1 text-sm font-semibold text-slate-700", children: "Converter" }),
-      /* @__PURE__ */ e.jsx("div", { className: "mt-2 flex flex-col gap-3", children: c.map((s) => /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ e.jsx("div", { className: "mt-2 flex flex-col gap-3", children: c.map((r) => /* @__PURE__ */ e.jsxs(
         "label",
         {
           className: "flex cursor-pointer items-start gap-3 text-sm",
@@ -785,29 +862,29 @@ function Me({
               {
                 type: "radio",
                 name: "import-engine",
-                value: s.id,
-                checked: P === s.id,
-                onChange: () => K(s.id),
+                value: r.id,
+                checked: P === r.id,
+                onChange: () => W(r.id),
                 className: "mt-0.5"
               }
             ),
             /* @__PURE__ */ e.jsxs("span", { children: [
-              /* @__PURE__ */ e.jsx("span", { className: "font-medium text-slate-900", children: s.label }),
-              s.description ? /* @__PURE__ */ e.jsx("span", { className: "block text-slate-500", children: s.description }) : null
+              /* @__PURE__ */ e.jsx("span", { className: "font-medium text-slate-900", children: r.label }),
+              r.description ? /* @__PURE__ */ e.jsx("span", { className: "block text-slate-500", children: r.description }) : null
             ] })
           ]
         },
-        s.id
+        r.id
       )) })
     ] }) : null,
-    f ? null : /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-4 text-sm", children: /* @__PURE__ */ e.jsxs("label", { className: "flex items-center gap-2 text-slate-700", children: [
+    x ? null : /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-4 text-sm", children: /* @__PURE__ */ e.jsxs("label", { className: "flex items-center gap-2 text-slate-700", children: [
       /* @__PURE__ */ e.jsx("span", { className: "text-slate-500", children: "Document kind" }),
       /* @__PURE__ */ e.jsxs(
         "select",
         {
-          value: _,
-          onChange: (s) => L(
-            s.currentTarget.value
+          value: R,
+          onChange: (r) => O(
+            r.currentTarget.value
           ),
           className: "rounded border border-slate-300 px-2 py-1 text-sm",
           children: [
@@ -823,26 +900,26 @@ function Me({
       {
         role: "button",
         tabIndex: 0,
-        onKeyDown: (s) => s.key === "Enter" && v.current?.click(),
+        onKeyDown: (r) => r.key === "Enter" && v.current?.click(),
         onClick: () => v.current?.click(),
-        onDragOver: (s) => {
-          s.preventDefault(), E(!0);
+        onDragOver: (r) => {
+          r.preventDefault(), w(!0);
         },
-        onDragLeave: () => E(!1),
-        onDrop: (s) => {
-          s.preventDefault(), E(!1);
-          const o = s.dataTransfer.files?.[0];
-          o && Y(o);
+        onDragLeave: () => w(!1),
+        onDrop: (r) => {
+          r.preventDefault(), w(!1);
+          const o = r.dataTransfer.files?.[0];
+          o && G(o);
         },
-        className: `flex cursor-pointer flex-col items-center gap-3 rounded-lg border-2 border-dashed p-10 text-center transition-colors ${O ? "border-blue-500 bg-blue-50" : "border-slate-300 bg-slate-50 hover:border-slate-400"}`,
+        className: `flex cursor-pointer flex-col items-center gap-3 rounded-lg border-2 border-dashed p-10 text-center transition-colors ${_ ? "border-blue-500 bg-blue-50" : "border-slate-300 bg-slate-50 hover:border-slate-400"}`,
         children: [
           /* @__PURE__ */ e.jsx("p", { className: "text-slate-600", children: "Drop a file here, or click to select." }),
           /* @__PURE__ */ e.jsx(
             "button",
             {
               type: "button",
-              onClick: (s) => {
-                s.stopPropagation(), v.current?.click();
+              onClick: (r) => {
+                r.stopPropagation(), v.current?.click();
               },
               className: "rounded bg-blue-700 px-4 py-2 text-sm font-medium text-white hover:bg-blue-600",
               children: "Select File"
@@ -850,7 +927,7 @@ function Me({
           ),
           /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-slate-400", children: [
             "Supports ",
-            Q.join(", ")
+            t.join(", ")
           ] }),
           /* @__PURE__ */ e.jsx(
             "input",
@@ -858,10 +935,10 @@ function Me({
               ref: v,
               type: "file",
               hidden: !0,
-              accept: Q.join(","),
-              onChange: (s) => {
-                const o = s.currentTarget.files?.[0];
-                o && Y(o), s.currentTarget.value = "";
+              accept: t.join(","),
+              onChange: (r) => {
+                const o = r.currentTarget.files?.[0];
+                o && G(o), r.currentTarget.value = "";
               }
             }
           )
@@ -870,23 +947,23 @@ function Me({
     )
   ] });
 }
-function Oe({ hunks: l }) {
-  return l.length === 0 ? /* @__PURE__ */ e.jsx("p", { className: "m-0 px-4 py-3 text-xs text-slate-500", children: "Nothing was changed in this file." }) : /* @__PURE__ */ e.jsx("div", { className: "max-h-72 overflow-auto bg-white font-mono text-xs leading-relaxed", children: l.map((m, f) => /* @__PURE__ */ e.jsxs("div", { className: "border-b border-slate-100 last:border-b-0", children: [
-    f > 0 ? /* @__PURE__ */ e.jsx("div", { className: "bg-slate-50 px-4 py-1 text-slate-400", children: "⋯" }) : null,
-    m.lines.map((j, h) => /* @__PURE__ */ e.jsxs(
+function Ue({ hunks: s }) {
+  return s.length === 0 ? /* @__PURE__ */ e.jsx("p", { className: "m-0 px-4 py-3 text-xs text-slate-500", children: "Nothing was changed in this file." }) : /* @__PURE__ */ e.jsx("div", { className: "max-h-72 overflow-auto bg-white font-mono text-xs leading-relaxed", children: s.map((d, x) => /* @__PURE__ */ e.jsxs("div", { className: "border-b border-slate-100 last:border-b-0", children: [
+    x > 0 ? /* @__PURE__ */ e.jsx("div", { className: "bg-slate-50 px-4 py-1 text-slate-400", children: "⋯" }) : null,
+    d.lines.map((b, g) => /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: j.op === "add" ? "bg-green-50 px-4 text-green-900" : j.op === "remove" ? "bg-red-50 px-4 text-red-900" : "px-4 text-slate-600",
+        className: b.op === "add" ? "bg-green-50 px-4 text-green-900" : b.op === "remove" ? "bg-red-50 px-4 text-red-900" : "px-4 text-slate-600",
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "mr-2 select-none text-slate-400", children: j.op === "add" ? "+" : j.op === "remove" ? "−" : " " }),
-          j.text || " "
+          /* @__PURE__ */ e.jsx("span", { className: "mr-2 select-none text-slate-400", children: b.op === "add" ? "+" : b.op === "remove" ? "−" : " " }),
+          b.text || " "
         ]
       },
-      h
+      g
     ))
-  ] }, f)) });
+  ] }, x)) });
 }
-const Le = {
+const Be = {
   title: "Import Source Content",
   description: "Paste LaTeX, Markdown, or PreTeXt source to convert into PreTeXt.",
   sourceLabel: "Source",
@@ -897,37 +974,37 @@ const Le = {
   successPrefix: "Ready",
   errorPrefix: "Error"
 };
-function Xe({
-  initialSource: l = "",
-  initialSourceFormat: m,
-  labels: f,
-  disabled: j = !1,
-  onImport: h
+function Je({
+  initialSource: s = "",
+  initialSourceFormat: d,
+  labels: x,
+  disabled: b = !1,
+  onImport: g
 }) {
-  const c = re(
-    () => ({ ...Le, ...f ?? {} }),
-    [f]
-  ), [v, N] = g(l), [x, O] = g(
-    m ?? "auto"
-  ), [E, _] = g(
+  const c = ae(
+    () => ({ ...Be, ...x ?? {} }),
+    [x]
+  ), [v, N] = h(s), [f, _] = h(
+    d ?? "auto"
+  ), [w, R] = h(
     null
-  ), L = re(
-    () => ke(v),
+  ), O = ae(
+    () => _e(v),
     [v]
-  ), T = j || !v.trim();
+  ), E = b || !v.trim();
   return /* @__PURE__ */ e.jsx(
     "form",
     {
       onSubmit: (k) => {
         k.preventDefault();
-        const R = Se(
+        const A = Ae(
           v,
-          x === "auto" ? void 0 : x
+          f === "auto" ? void 0 : f
         );
-        _(R), h(R);
+        R(A), g(A);
       },
       "aria-label": "Import source form",
-      children: /* @__PURE__ */ e.jsxs("fieldset", { disabled: j, children: [
+      children: /* @__PURE__ */ e.jsxs("fieldset", { disabled: b, children: [
         /* @__PURE__ */ e.jsx("legend", { children: c.title }),
         /* @__PURE__ */ e.jsx("p", { children: c.description }),
         /* @__PURE__ */ e.jsxs("label", { children: [
@@ -947,8 +1024,8 @@ function Xe({
           /* @__PURE__ */ e.jsxs(
             "select",
             {
-              value: x,
-              onChange: (k) => O(
+              value: f,
+              onChange: (k) => _(
                 k.currentTarget.value
               ),
               children: [
@@ -963,24 +1040,24 @@ function Xe({
         /* @__PURE__ */ e.jsxs("p", { children: [
           c.detectedFormatPrefix,
           ": ",
-          /* @__PURE__ */ e.jsx("strong", { children: L })
+          /* @__PURE__ */ e.jsx("strong", { children: O })
         ] }),
-        /* @__PURE__ */ e.jsx("button", { type: "submit", disabled: T, children: c.convertButton }),
-        E ? "pretextError" in E ? /* @__PURE__ */ e.jsxs("p", { role: "alert", children: [
+        /* @__PURE__ */ e.jsx("button", { type: "submit", disabled: E, children: c.convertButton }),
+        w ? "pretextError" in w ? /* @__PURE__ */ e.jsxs("p", { role: "alert", children: [
           c.errorPrefix,
           ": ",
-          E.pretextError
+          w.pretextError
         ] }) : /* @__PURE__ */ e.jsxs("p", { children: [
           c.successPrefix,
           ": ",
-          E.pretextSource.length,
+          w.pretextSource.length,
           " characters of PreTeXt generated."
         ] }) : null
       ] })
     }
   );
 }
-const De = {
+const We = {
   title: "Upload Source File",
   hint: "Supports .tex, .md, .ptx, .xml, .zip, and .tar.gz files.",
   selectButton: "Select File",
@@ -988,43 +1065,43 @@ const De = {
   documentKindLabel: "Document kind",
   splitSectionsLabel: "Split each chapter into sections"
 };
-function ze({
-  labels: l,
-  disabled: m = !1,
-  defaultDocumentKind: f = "auto",
-  importOptions: j,
-  onImport: h
+function He({
+  labels: s,
+  disabled: d = !1,
+  defaultDocumentKind: x = "auto",
+  importOptions: b,
+  onImport: g
 }) {
-  const c = re(
-    () => ({ ...De, ...l ?? {} }),
-    [l]
-  ), v = he(null), [N, x] = g(!1), [O, E] = g(!1), [_, L] = g(
+  const c = ae(
+    () => ({ ...We, ...s ?? {} }),
+    [s]
+  ), v = ue(null), [N, f] = h(!1), [_, w] = h(!1), [R, O] = h(
     []
-  ), [T, k] = g(f), [R, D] = g(!1), P = m || O, K = async (d) => {
-    E(!0);
+  ), [E, k] = h(x), [A, L] = h(!1), P = d || _, W = async (p) => {
+    w(!0);
     try {
-      const A = await be(d, j ?? {
-        documentKind: T === "auto" ? void 0 : T,
-        splitSections: R
+      const F = await Ne(p, b ?? {
+        documentKind: E === "auto" ? void 0 : E,
+        splitSections: A
       });
-      L(A.statusMessages), h(A);
+      O(F.statusMessages), g(F);
     } finally {
-      E(!1);
+      w(!1);
     }
   };
   return /* @__PURE__ */ e.jsxs("section", { "aria-label": "Import upload panel", children: [
     /* @__PURE__ */ e.jsx("h3", { children: c.title }),
     /* @__PURE__ */ e.jsx("p", { children: c.hint }),
-    j ? null : /* @__PURE__ */ e.jsxs("div", { className: "import-options", children: [
+    b ? null : /* @__PURE__ */ e.jsxs("div", { className: "import-options", children: [
       /* @__PURE__ */ e.jsxs("label", { children: [
         c.documentKindLabel,
         /* @__PURE__ */ e.jsxs(
           "select",
           {
-            value: T,
+            value: E,
             disabled: P,
-            onChange: (d) => k(
-              d.currentTarget.value
+            onChange: (p) => k(
+              p.currentTarget.value
             ),
             children: [
               /* @__PURE__ */ e.jsx("option", { value: "auto", children: "Auto detect" }),
@@ -1039,9 +1116,9 @@ function ze({
           "input",
           {
             type: "checkbox",
-            checked: R,
+            checked: A,
             disabled: P,
-            onChange: (d) => D(d.currentTarget.checked)
+            onChange: (p) => L(p.currentTarget.checked)
           }
         ),
         c.splitSectionsLabel
@@ -1050,25 +1127,35 @@ function ze({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        onDragOver: (d) => {
-          d.preventDefault(), P || x(!0);
+        onDragOver: (p) => {
+          p.preventDefault(), P || f(!0);
         },
-        onDragLeave: () => x(!1),
-        onDrop: (d) => {
-          if (d.preventDefault(), x(!1), P)
+        onDragLeave: () => f(!1),
+        onDrop: (p) => {
+          if (p.preventDefault(), f(!1), P)
             return;
-          const S = d.dataTransfer.files?.[0];
-          S && K(S);
+          const S = p.dataTransfer.files?.[0];
+          S && W(S);
         },
         children: [
           /* @__PURE__ */ e.jsx("p", { children: c.dropHint }),
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsxs(
             "button",
             {
               type: "button",
               disabled: P,
               onClick: () => v.current?.click(),
-              children: O ? "Processing..." : c.selectButton
+              className: "inline-flex items-center gap-2",
+              children: [
+                _ ? /* @__PURE__ */ e.jsx(
+                  "span",
+                  {
+                    className: "h-3.5 w-3.5 animate-spin rounded-full border-2 border-current border-t-transparent",
+                    "aria-hidden": "true"
+                  }
+                ) : null,
+                _ ? "Processing…" : c.selectButton
+              ]
             }
           ),
           /* @__PURE__ */ e.jsx(
@@ -1079,21 +1166,23 @@ function ze({
               hidden: !0,
               disabled: P,
               accept: ".tex,.md,.markdown,.ptx,.xml,.zip,.gz,.tar.gz,.tgz",
-              onChange: (d) => {
-                const S = d.currentTarget.files?.[0];
-                S && K(S), d.currentTarget.value = "";
+              onChange: (p) => {
+                const S = p.currentTarget.files?.[0];
+                S && W(S), p.currentTarget.value = "";
               }
             }
           )
         ]
       }
     ),
-    _.length > 0 ? /* @__PURE__ */ e.jsx("ul", { "aria-live": "polite", children: _.map((d, S) => /* @__PURE__ */ e.jsx("li", { children: d.message }, `${d.type}-${S}`)) }) : null,
+    _ ? /* @__PURE__ */ e.jsx("p", { role: "status", "aria-live": "polite", children: "Converting your file — this can take a while for a long document." }) : null,
+    R.length > 0 ? /* @__PURE__ */ e.jsx("ul", { "aria-live": "polite", children: R.map((p, S) => /* @__PURE__ */ e.jsx("li", { children: p.message }, `${p.type}-${S}`)) }) : null,
     N && !P ? /* @__PURE__ */ e.jsx("p", { children: "Release to upload the file." }) : null
   ] });
 }
 export {
-  Xe as ImportSourceForm,
-  ze as ImportUploadPanel,
-  Me as ImportWizard
+  Je as ImportSourceForm,
+  He as ImportUploadPanel,
+  Ge as ImportWizard,
+  Me as ProcessingPanel
 };