@pretextbook/import 0.5.0 → 0.7.0

package/dist/react.js

@@ -1,149 +1,150 @@
-import me, { useRef as ce, useState as h, useMemo as re } from "react";
-import { H as ie, D as se, I as xe, B as pe, h as de, y as fe, u as he } from "./import-mode-Dc8qmZP6.js";
-var te = { exports: {} }, K = {};
-var ae;
-function be() {
-  if (ae) return K;
-  ae = 1;
-  var o = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.fragment");
-  function v(E, b, c) {
-    var j = null;
-    if (c !== void 0 && (j = "" + c), b.key !== void 0 && (j = "" + b.key), "key" in b) {
+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-BBHV4rXJ.js";
+import { f as Fe, e as he } from "./import-mode-GqdypBfV.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), g.key !== void 0 && (v = "" + g.key), "key" in g) {
       c = {};
-      for (var g in b)
-        g !== "key" && (c[g] = b[g]);
-    } else c = b;
-    return b = c.ref, {
-      $$typeof: o,
-      type: E,
-      key: j,
-      ref: b !== void 0 ? b : null,
+      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: g !== void 0 ? g : null,
       props: c
     };
   }
-  return K.Fragment = f, K.jsx = v, K.jsxs = v, K;
+  return re.Fragment = d, re.jsx = x, re.jsxs = x, re;
 }
-var q = {};
-var ne;
-function je() {
-  return ne || (ne = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(t) {
+var se = {};
+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 === H ? 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 O:
-          return "Fragment";
         case L:
+          return "Fragment";
+        case W:
           return "Profiler";
-        case N:
+        case P:
           return "StrictMode";
-        case Y:
+        case ne:
           return "Suspense";
-        case J:
+        case me:
           return "SuspenseList";
-        case G:
+        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 k:
+          case S:
             return t.displayName || "Context";
-          case m:
+          case p:
             return (t._context.displayName || "Context") + ".Consumer";
-          case $:
-            var n = t.render;
-            return t = t.displayName, t || (t = n.displayName || n.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case V:
-            return n = t.displayName || null, n !== null ? n : o(t.type) || "Memo";
-          case _:
-            n = 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 o(t(n));
+              return s(t(a));
             } catch {
             }
         }
       return null;
     }
-    function f(t) {
+    function d(t) {
       return "" + t;
     }
-    function v(t) {
+    function x(t) {
       try {
-        f(t);
-        var n = !1;
+        d(t);
+        var a = !1;
       } catch {
-        n = !0;
+        a = !0;
       }
-      if (n) {
-        n = console;
-        var d = n.error, p = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return d.call(
-          n,
+      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.",
-          p
-        ), f(t);
+          u
+        ), d(t);
       }
     }
-    function E(t) {
-      if (t === O) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === _)
+    function b(t) {
+      if (t === L) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === z)
         return "<...>";
       try {
-        var n = o(t);
-        return n ? "<" + n + ">" : "<...>";
+        var a = s(t);
+        return a ? "<" + a + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function b() {
-      var t = D.A;
+    function g() {
+      var t = K.A;
       return t === null ? null : t.getOwner();
     }
     function c() {
       return Error("react-stack-top-frame");
     }
-    function j(t) {
-      if (M.call(t, "key")) {
-        var n = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (n && n.isReactWarning) return !1;
+    function v(t) {
+      if (Z.call(t, "key")) {
+        var a = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (a && a.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function g(t, n) {
-      function d() {
-        U || (U = !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)",
-          n
+          a
         ));
       }
-      d.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: d,
+      m.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: m,
         configurable: !0
       });
     }
-    function x() {
-      var t = o(this.type);
-      return X[t] || (X[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 C(t, n, d, p, r, s) {
-      var a = d.ref;
+    function _(t, a, m, u, $, V) {
+      var j = m.ref;
       return t = {
-        $$typeof: S,
+        $$typeof: k,
         type: t,
-        key: n,
-        props: d,
-        _owner: p
-      }, (a !== void 0 ? a : 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 je() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: r
+        value: $
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: s
+        value: V
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function y(t, n, d, p, r, s) {
-      var a = n.children;
-      if (a !== void 0)
-        if (p)
-          if (I(a)) {
-            for (p = 0; p < a.length; p++)
-              w(a[p]);
-            Object.freeze && Object.freeze(a);
+    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 w(a);
-      if (M.call(n, "key")) {
-        a = o(t);
-        var u = Object.keys(n).filter(function(F) {
-          return F !== "key";
+        else R(j);
+      if (Z.call(a, "key")) {
+        j = s(t);
+        var M = Object.keys(a).filter(function(te) {
+          return te !== "key";
         });
-        p = 0 < u.length ? "{key: someKey, " + u.join(": ..., ") + ": ...}" : "{key: someKey}", W[a + p] || (u = 0 < u.length ? "{" + u.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} />`,
-          p,
-          a,
           u,
-          a
-        ), W[a + p] = !0);
+          j,
+          M,
+          j
+        ), C[j + u] = !0);
       }
-      if (a = null, d !== void 0 && (v(d), a = "" + d), j(n) && (v(n.key), a = "" + n.key), "key" in n) {
-        d = {};
-        for (var l in n)
-          l !== "key" && (d[l] = n[l]);
-      } else d = n;
-      return a && g(
-        d,
+      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
-      ), C(
+      ), _(
         t,
-        a,
-        d,
-        b(),
-        r,
-        s
+        j,
+        m,
+        g(),
+        $,
+        V
       );
     }
-    function w(t) {
-      A(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === _ && (t._payload.status === "fulfilled" ? A(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 A(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === S;
+    function O(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === k;
     }
-    var T = me, S = /* @__PURE__ */ Symbol.for("react.transitional.element"), R = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), N = /* @__PURE__ */ Symbol.for("react.strict_mode"), L = /* @__PURE__ */ Symbol.for("react.profiler"), m = /* @__PURE__ */ Symbol.for("react.consumer"), k = /* @__PURE__ */ Symbol.for("react.context"), $ = /* @__PURE__ */ Symbol.for("react.forward_ref"), Y = /* @__PURE__ */ Symbol.for("react.suspense"), J = /* @__PURE__ */ Symbol.for("react.suspense_list"), V = /* @__PURE__ */ Symbol.for("react.memo"), _ = /* @__PURE__ */ Symbol.for("react.lazy"), G = /* @__PURE__ */ Symbol.for("react.activity"), H = /* @__PURE__ */ Symbol.for("react.client.reference"), D = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, I = Array.isArray, P = 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 U, X = {}, B = T.react_stack_bottom_frame.bind(
-      T,
+    var D, q = {}, ee = E.react_stack_bottom_frame.bind(
+      E,
       c
-    )(), Z = P(E(c)), W = {};
-    q.Fragment = O, q.jsx = function(t, n, d) {
-      var p = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return y(
+    )(), I = U(b(c)), C = {};
+    se.Fragment = L, se.jsx = function(t, a, m) {
+      var u = 1e4 > K.recentlyCreatedOwnerStacks++;
+      return w(
         t,
-        n,
-        d,
+        a,
+        m,
         !1,
-        p ? Error("react-stack-top-frame") : B,
-        p ? P(E(t)) : Z
+        u ? Error("react-stack-top-frame") : ee,
+        u ? U(b(t)) : I
       );
-    }, q.jsxs = function(t, n, d) {
-      var p = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return y(
+    }, se.jsxs = function(t, a, m) {
+      var u = 1e4 > K.recentlyCreatedOwnerStacks++;
+      return w(
         t,
-        n,
-        d,
+        a,
+        m,
         !0,
-        p ? Error("react-stack-top-frame") : B,
-        p ? P(E(t)) : Z
+        u ? Error("react-stack-top-frame") : ee,
+        u ? U(b(t)) : I
       );
     };
-  })()), q;
+  })()), se;
+}
+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;
 }
-var le;
-function ve() {
-  return le || (le = 1, process.env.NODE_ENV === "production" ? te.exports = be() : te.exports = je()), te.exports;
+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 = ve();
-const ue = [
+const we = [
   ".tex",
   ".md",
   ".markdown",
@@ -270,136 +312,167 @@ const ue = [
   ".gz",
   ".tar.gz",
   ".tgz"
-], ge = {
+], Xe = {
   id: "builtin",
   label: "Built-in converter",
   description: "Create a new project starting with LaTeX, Markdown, or PreTeXt files.",
-  acceptExtensions: ue,
-  convertFile: ie,
-  prepare: async (o) => {
-    const { files: f, assets: v } = await pe(o);
+  acceptExtensions: we,
+  convertFile: Ne,
+  prepare: async (s) => {
+    const { files: d, assets: x } = await Re(s);
     return {
-      fileName: o.name,
-      files: f,
-      assets: v,
-      analysis: de(f)
+      fileName: s.name,
+      files: d,
+      assets: x,
+      analysis: ye(d)
     };
   },
-  convertPrepared: (o, f) => xe(o.files, {
-    ...f,
-    assets: o.assets
+  convertPrepared: (s, d) => Ce(s.files, {
+    ...d,
+    assets: s.assets
   })
-}, oe = {
+};
+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 Ne(o) {
-  const f = o.reason === "manifest-target" ? `project.ptx target “${o.targetName}”` : o.reason === "latex-root" ? "LaTeX document" : o.reason === "pretext-root" ? "PreTeXt document" : o.reason === "markdown-root" ? "Markdown document" : "possible document";
-  return o.title ? `${o.title} — ${f}` : f;
+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 ye(o) {
-  return o.candidates.filter(
-    (v) => v.reason === "manifest-target"
-  ).length > 1 ? !0 : o.manifest && o.primary?.reason === "manifest-target" ? !1 : o.formats.length > 1 || o.candidates.length > 1 || o.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 we({
-  onConfirm: o,
-  onCancel: f,
-  importOptions: v,
-  defaultDocumentKind: E = "auto",
-  engines: b
+function Ge({
+  onConfirm: s,
+  onCancel: d,
+  importOptions: x,
+  defaultDocumentKind: b = "auto",
+  engines: g
 }) {
-  const c = b && b.length > 0 ? b : [ge], j = ce(null), [g, x] = h({ name: "upload" }), [C, y] = h(!1), [w, A] = h(E), [T, S] = h(!1), [R, O] = h(c[0].id), [N, L] = h("converted"), [m, k] = h(!1), [$, Y] = h(/* @__PURE__ */ new Set()), [J, V] = h(null), [_, G] = h(
+  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, D] = h(null), [M, I] = h({}), P = c.find((r) => r.id === R) ?? c[0], U = P.acceptExtensions ?? ue, X = () => v ?? {
-    documentKind: w === "auto" ? void 0 : w,
-    splitSections: T
-  }, B = (r) => de(r.files, {
-    sourceFormat: _ === "auto" ? void 0 : _,
-    mainFile: H ?? void 0
-  }), Z = (r) => {
-    x({ name: "processing" });
+  ), [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(
+      m ? Fe(m).map((r) => [r.path, r]) : []
+    ),
+    [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 a = B(r).extraRoots.map((l) => ({
-        path: l.path,
-        include: M[l.path]?.include ?? !0,
-        level: M[l.path]?.level
-      })), u = P.convertPrepared(r, {
-        ...X(),
-        sourceFormat: _ === "auto" ? void 0 : _,
-        mainFile: H ?? void 0,
-        attachRoots: a
+      const l = V(r).extraRoots.map((i) => ({
+        path: i.path,
+        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 u ? x({ name: "error", message: u.pretextError }) : x({ name: "review", result: u });
-    } catch (s) {
-      x({
+      "pretextError" in y ? f({ name: "error", message: y.pretextError }) : f({ name: "review", result: y });
+    } catch (o) {
+      if (I.current)
+        return;
+      f({
         name: "error",
-        message: s instanceof Error ? s.message : "An unexpected error occurred."
+        message: o instanceof Error ? o.message : "An unexpected error occurred."
       });
     }
-  }, W = async (r) => {
-    x({ name: "processing" });
+  }, G = async (r) => {
+    I.current = !1, f({ name: "processing" }), await xe();
     try {
-      if (P.prepare && P.convertPrepared) {
-        const a = await P.prepare(r);
-        if (V(a), G("auto"), D(null), I({}), ye(a.analysis)) {
-          x({ name: "sources", prepared: a });
+      if (C.prepare && C.convertPrepared) {
+        const l = await C.prepare(r);
+        if (le(l), K("auto"), Q(null), D({}), Ye(l.analysis)) {
+          f({ name: "sources", prepared: l });
           return;
         }
-        const u = P.convertPrepared(a, X());
-        x(
-          "pretextError" in u ? { name: "error", message: u.pretextError } : { name: "review", result: u }
+        await xe();
+        const y = await C.convertPrepared(
+          l,
+          $()
+        );
+        f(
+          "pretextError" in y ? { name: "error", message: y.pretextError } : { name: "review", result: y }
         );
         return;
       }
-      const s = await P.convertFile(r, X());
-      "pretextError" in s ? x({ name: "error", message: s.pretextError }) : x({ name: "review", result: s });
-    } catch (s) {
-      x({
+      const o = await C.convertFile(r, $());
+      "pretextError" in o ? f({ name: "error", message: o.pretextError }) : f({ name: "review", result: o });
+    } catch (o) {
+      if (I.current)
+        return;
+      f({
         name: "error",
-        message: s instanceof Error ? s.message : "An unexpected error occurred."
+        message: o instanceof Error ? o.message : "An unexpected error occurred."
       });
     }
-  }, t = () => {
-    x({ name: "upload" }), L("converted"), k(!1), Y(/* @__PURE__ */ new Set()), V(null);
+  }, te = () => {
+    f({ name: "upload" }), S("converted"), ne(!1), H(/* @__PURE__ */ new Set()), L(/* @__PURE__ */ new Set()), k(null), le(null);
   };
-  function n(r, s) {
-    return [...r].sort((a, u) => a === s ? -1 : u === s ? 1 : a.localeCompare(u));
+  function pe(r, o) {
+    return [...r].sort((l, y) => l === o ? -1 : y === o ? 1 : l.localeCompare(y));
   }
-  function d(r, s) {
-    const a = se(r, s), u = s === "converted" ? r.projectLayout.mainSourcePath : r.sourcePath, l = n(Object.keys(a), u)[0];
-    Y(l ? /* @__PURE__ */ new Set([l]) : /* @__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 p(r) {
-    Y((s) => {
-      const a = new Set(s);
-      return a.has(r) ? a.delete(r) : a.add(r), a;
+  function Ee(r) {
+    H((o) => {
+      const l = new Set(o);
+      return l.has(r) ? l.delete(r) : l.add(r), l;
     });
   }
-  if (g.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…" })
-    ] });
-  if (g.name === "error")
+  if (N.name === "processing")
+    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: [
         /* @__PURE__ */ e.jsx("p", { className: "font-semibold", children: "Import failed" }),
-        /* @__PURE__ */ e.jsx("p", { className: "mt-1", children: g.message })
+        /* @__PURE__ */ e.jsx("p", { className: "mt-1", children: N.message })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
-          onClick: t,
+          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 (g.name === "sources") {
-    const r = g.prepared, s = B(r), a = s.manifest, u = s.primary?.path ?? "";
+  if (N.name === "sources") {
+    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" }),
@@ -408,16 +481,16 @@ function we({
           " contains more than one possible starting point."
         ] })
       ] }),
-      a ? /* @__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 ",
-          a.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:",
           " ",
-          a.targets.map((l) => l.name).join(", "),
+          l.targets.map((i) => i.name).join(", "),
           "."
         ] })
       ] }) : null,
@@ -426,24 +499,24 @@ function we({
         /* @__PURE__ */ e.jsxs(
           "select",
           {
-            value: _,
-            onChange: (l) => {
-              G(l.currentTarget.value), D(null), I({});
+            value: Y,
+            onChange: (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",
-                s.primary ? ` (${oe[s.primary.format]})` : ""
+                o.primary ? ` (${ve[o.primary.format]})` : ""
               ] }),
-              s.formats.map((l) => /* @__PURE__ */ e.jsx("option", { value: l, children: oe[l] }, l))
+              o.formats.map((i) => /* @__PURE__ */ e.jsx("option", { value: i, children: ve[i] }, i))
             ]
           }
         )
       ] }) }),
-      s.candidates.length > 1 ? /* @__PURE__ */ e.jsxs("fieldset", { className: "rounded-lg border border-slate-200 p-4", children: [
+      o.candidates.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: "Main document" }),
-        /* @__PURE__ */ e.jsx("div", { className: "mt-2 flex flex-col gap-2", children: s.candidates.map((l) => /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ e.jsx("div", { className: "mt-2 flex flex-col gap-2", children: o.candidates.map((i) => /* @__PURE__ */ e.jsxs(
           "label",
           {
             className: "flex cursor-pointer items-start gap-3 text-sm",
@@ -453,28 +526,28 @@ function we({
                 {
                   type: "radio",
                   name: "main-file",
-                  value: l.path,
-                  checked: u === l.path,
+                  value: i.path,
+                  checked: y === i.path,
                   onChange: () => {
-                    D(l.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: l.path }),
-                /* @__PURE__ */ e.jsx("span", { className: "block text-slate-500", children: Ne(l) })
+                /* @__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: ze(i) })
               ] })
             ]
           },
-          l.path
+          i.path
         )) })
       ] }) : null,
-      s.extraRoots.length > 0 ? /* @__PURE__ */ e.jsxs("fieldset", { className: "rounded-lg border border-slate-200 p-4", children: [
+      o.extraRoots.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: "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: s.extraRoots.map((l) => {
-          const F = M[l.path], Q = F?.include ?? !0;
+        /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex flex-col gap-2", children: o.extraRoots.map((i) => {
+          const J = U[i.path], oe = J?.include ?? !0;
           return /* @__PURE__ */ e.jsxs(
             "div",
             {
@@ -485,20 +558,20 @@ function we({
                     "input",
                     {
                       type: "checkbox",
-                      checked: Q,
-                      onChange: (z) => I((i) => ({
-                        ...i,
-                        [l.path]: {
-                          ...i[l.path],
-                          include: z.currentTarget.checked
+                      checked: oe,
+                      onChange: (X) => D((B) => ({
+                        ...B,
+                        [i.path]: {
+                          ...B[i.path],
+                          include: X.currentTarget.checked
                         }
                       }))
                     }
                   ),
-                  /* @__PURE__ */ e.jsx("span", { className: "font-mono text-xs text-slate-900", children: l.path }),
-                  l.title ? /* @__PURE__ */ e.jsxs("span", { className: "text-slate-500", children: [
+                  /* @__PURE__ */ e.jsx("span", { className: "font-mono text-xs text-slate-900", children: i.path }),
+                  i.title ? /* @__PURE__ */ e.jsxs("span", { className: "text-slate-500", children: [
                     "— ",
-                    l.title
+                    i.title
                   ] }) : null
                 ] }),
                 /* @__PURE__ */ e.jsxs("label", { className: "flex items-center gap-2 text-slate-700", children: [
@@ -506,13 +579,13 @@ function we({
                   /* @__PURE__ */ e.jsxs(
                     "select",
                     {
-                      value: F?.level ?? "auto",
-                      disabled: !Q,
-                      onChange: (z) => I((i) => ({
-                        ...i,
-                        [l.path]: {
-                          include: i[l.path]?.include ?? !0,
-                          level: z.currentTarget.value === "auto" ? void 0 : z.currentTarget.value
+                      value: J?.level ?? "auto",
+                      disabled: !oe,
+                      onChange: (X) => D((B) => ({
+                        ...B,
+                        [i.path]: {
+                          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",
@@ -526,7 +599,7 @@ function we({
                 ] })
               ]
             },
-            l.path
+            i.path
           );
         }) })
       ] }) : null,
@@ -535,7 +608,7 @@ function we({
           "button",
           {
             type: "button",
-            onClick: t,
+            onClick: te,
             className: "px-4 py-2 text-sm text-slate-600 hover:text-slate-900",
             children: "Start Over"
           }
@@ -544,7 +617,7 @@ function we({
           "button",
           {
             type: "button",
-            onClick: () => Z(r),
+            onClick: () => M(r),
             className: "rounded bg-blue-700 px-4 py-2 text-sm font-medium text-white hover:bg-blue-600",
             children: "Continue"
           }
@@ -552,51 +625,56 @@ function we({
       ] })
     ] });
   }
-  if (g.name === "review") {
-    let r = function(i) {
-      L(i), m && d(s, i);
+  if (N.name === "review") {
+    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 { result: s } = g, a = s.detectedSourceFormat === "latex", u = s.warnings.length, l = Object.keys(s.outputFiles).length, F = se(s, N), Q = N === "converted" ? s.projectLayout.mainSourcePath : s.sourcePath, z = n(
-      Object.keys(F),
-      Q
+    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: s.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: s.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: s.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: l }),
-          s.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,
-          s.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: s.attachedRoots.map((i) => `${i.title} (${i.level})`).join(", ") })
+            /* @__PURE__ */ e.jsx("dd", { className: "font-medium text-slate-900", children: l.attachedRoots.map((n) => `${n.title} (${n.level})`).join(", ") })
           ] }) : null
         ] })
       ] }),
-      u > 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: [
-          u,
+          J,
           " conversion",
           " ",
-          u === 1 ? "warning" : "warnings"
+          J === 1 ? "warning" : "warnings"
         ] }),
-        /* @__PURE__ */ e.jsx("ul", { className: "mt-3 space-y-1.5 text-amber-700", children: s.warnings.map((i, ee) => /* @__PURE__ */ e.jsxs("li", { children: [
-          /* @__PURE__ */ e.jsx("code", { className: "rounded bg-amber-100 px-1 py-0.5 text-xs", children: i.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 }),
           " — ",
-          i.action === "replace" || i.action === "rewrite" ? `replaced with \`${i.replacement}\`` : i.message ?? i.action,
-          i.occurrences > 1 ? ` (×${i.occurrences})` : null
-        ] }, ee)) })
+          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." }),
-      a ? /* @__PURE__ */ e.jsxs("fieldset", { className: "rounded-lg border border-slate-200 p-4", children: [
+      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" }),
         /* @__PURE__ */ e.jsxs("div", { className: "mt-2 flex flex-col gap-3", children: [
           /* @__PURE__ */ e.jsxs("label", { className: "flex cursor-pointer items-start gap-3 text-sm", children: [
@@ -606,7 +684,7 @@ function we({
                 type: "radio",
                 name: "import-mode",
                 value: "converted",
-                checked: N === "converted",
+                checked: p === "converted",
                 onChange: () => r("converted"),
                 className: "mt-0.5"
               }
@@ -623,7 +701,7 @@ function we({
                 type: "radio",
                 name: "import-mode",
                 value: "native",
-                checked: N === "native",
+                checked: p === "native",
                 onChange: () => r("native"),
                 className: "mt-0.5"
               }
@@ -635,8 +713,40 @@ function we({
           ] })
         ] })
       ] }) : null,
-      m ? /* @__PURE__ */ e.jsx("div", { className: "overflow-hidden rounded-lg border border-slate-200 text-sm", children: z.map((i) => {
-        const ee = $.has(i);
+      !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: Pe + 1 },
+            (n, T) => /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                type: "button",
+                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"}`
+              },
+              T
+            )
+          ),
+          /* @__PURE__ */ e.jsxs("span", { className: "ml-2 text-sm text-slate-500", children: [
+            ce.length,
+            " file",
+            ce.length === 1 ? "" : "s"
+          ] })
+        ] }),
+        /* @__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",
+            u.get(n).fixCount === 1 ? "" : "s"
+          ] }) : null
+        ] }, n)) })
+      ] }) : null,
+      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",
           {
@@ -646,22 +756,42 @@ function we({
                 "button",
                 {
                   type: "button",
-                  onClick: () => p(i),
+                  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: ee ? "▾" : "▸" }),
-                    /* @__PURE__ */ e.jsx("span", { className: "flex-1 truncate", children: i }),
+                    /* @__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: [
-                      (F[i].length / 1024).toFixed(1),
+                      (X[n].length / 1024).toFixed(1),
                       " KB"
                     ] })
                   ]
                 }
               ),
-              ee ? /* @__PURE__ */ e.jsx("pre", { className: "m-0 max-h-72 overflow-auto bg-white p-4 font-mono text-xs leading-relaxed text-slate-800", children: F[i] }) : null
+              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(n),
+                      className: "rounded border border-slate-300 px-2 py-0.5 text-xs text-slate-700 hover:bg-slate-50",
+                      children: A.has(n) ? "Show converted file" : "Show what changed"
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-slate-500", children: [
+                    "+",
+                    u.get(n).stats.added,
+                    " −",
+                    u.get(n).stats.removed,
+                    " in the LaTeX source"
+                  ] })
+                ] }) : null,
+                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
             ]
           },
-          i
+          n
         );
       }) }) : null,
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-3 pt-1", children: [
@@ -669,17 +799,17 @@ function we({
           "button",
           {
             type: "button",
-            onClick: f ?? t,
+            onClick: d ?? te,
             className: "px-4 py-2 text-sm text-slate-600 hover:text-slate-900",
-            children: f ? "Cancel" : "Start Over"
+            children: d ? "Cancel" : "Start Over"
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          J ? /* @__PURE__ */ e.jsx(
+          z ? /* @__PURE__ */ e.jsx(
             "button",
             {
               type: "button",
-              onClick: () => x({ name: "sources", prepared: J }),
+              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"
             }
@@ -689,19 +819,30 @@ function we({
             {
               type: "button",
               onClick: () => {
-                m || d(s, N), k((i) => !i);
+                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: m ? "Hide Preview" : "Preview"
+              children: F ? "Hide Preview" : "Preview"
             }
           ),
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsxs(
             "button",
             {
               type: "button",
-              onClick: () => o(s, N),
-              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"
+              ]
             }
           )
         ] })
@@ -722,8 +863,8 @@ function we({
                 type: "radio",
                 name: "import-engine",
                 value: r.id,
-                checked: R === r.id,
-                onChange: () => O(r.id),
+                checked: P === r.id,
+                onChange: () => W(r.id),
                 className: "mt-0.5"
               }
             ),
@@ -736,54 +877,41 @@ function we({
         r.id
       )) })
     ] }) : null,
-    v ? null : /* @__PURE__ */ e.jsxs("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: w,
-            onChange: (r) => A(
-              r.currentTarget.value
-            ),
-            className: "rounded border border-slate-300 px-2 py-1 text-sm",
-            children: [
-              /* @__PURE__ */ e.jsx("option", { value: "auto", children: "Auto detect" }),
-              /* @__PURE__ */ e.jsx("option", { value: "article", children: "Article" }),
-              /* @__PURE__ */ e.jsx("option", { value: "book", children: "Book" })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e.jsxs("label", { className: "flex items-center gap-2 text-sm text-slate-700", children: [
-        /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: T,
-            onChange: (r) => S(r.currentTarget.checked)
-          }
-        ),
-        "Split sections into separate files"
-      ] })
-    ] }),
+    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: R,
+          onChange: (r) => O(
+            r.currentTarget.value
+          ),
+          className: "rounded border border-slate-300 px-2 py-1 text-sm",
+          children: [
+            /* @__PURE__ */ e.jsx("option", { value: "auto", children: "Auto detect" }),
+            /* @__PURE__ */ e.jsx("option", { value: "article", children: "Article" }),
+            /* @__PURE__ */ e.jsx("option", { value: "book", children: "Book" })
+          ]
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ e.jsxs(
       "div",
       {
         role: "button",
         tabIndex: 0,
-        onKeyDown: (r) => r.key === "Enter" && j.current?.click(),
-        onClick: () => j.current?.click(),
+        onKeyDown: (r) => r.key === "Enter" && v.current?.click(),
+        onClick: () => v.current?.click(),
         onDragOver: (r) => {
-          r.preventDefault(), y(!0);
+          r.preventDefault(), w(!0);
         },
-        onDragLeave: () => y(!1),
+        onDragLeave: () => w(!1),
         onDrop: (r) => {
-          r.preventDefault(), y(!1);
-          const s = r.dataTransfer.files?.[0];
-          s && W(s);
+          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 ${C ? "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(
@@ -791,7 +919,7 @@ function we({
             {
               type: "button",
               onClick: (r) => {
-                r.stopPropagation(), j.current?.click();
+                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"
@@ -799,18 +927,18 @@ function we({
           ),
           /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-slate-400", children: [
             "Supports ",
-            U.join(", ")
+            t.join(", ")
           ] }),
           /* @__PURE__ */ e.jsx(
             "input",
             {
-              ref: j,
+              ref: v,
               type: "file",
               hidden: !0,
-              accept: U.join(","),
+              accept: t.join(","),
               onChange: (r) => {
-                const s = r.currentTarget.files?.[0];
-                s && W(s), r.currentTarget.value = "";
+                const o = r.currentTarget.files?.[0];
+                o && G(o), r.currentTarget.value = "";
               }
             }
           )
@@ -819,7 +947,23 @@ function we({
     )
   ] });
 }
-const Ee = {
+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: 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: b.op === "add" ? "+" : b.op === "remove" ? "−" : " " }),
+          b.text || " "
+        ]
+      },
+      g
+    ))
+  ] }, x)) });
+}
+const Be = {
   title: "Import Source Content",
   description: "Paste LaTeX, Markdown, or PreTeXt source to convert into PreTeXt.",
   sourceLabel: "Source",
@@ -830,37 +974,37 @@ const Ee = {
   successPrefix: "Ready",
   errorPrefix: "Error"
 };
-function Pe({
-  initialSource: o = "",
-  initialSourceFormat: f,
-  labels: v,
-  disabled: E = !1,
-  onImport: b
+function Je({
+  initialSource: s = "",
+  initialSourceFormat: d,
+  labels: x,
+  disabled: b = !1,
+  onImport: g
 }) {
-  const c = re(
-    () => ({ ...Ee, ...v ?? {} }),
-    [v]
-  ), [j, g] = h(o), [x, C] = h(
-    f ?? "auto"
-  ), [y, w] = h(
+  const c = ae(
+    () => ({ ...Be, ...x ?? {} }),
+    [x]
+  ), [v, N] = h(s), [f, _] = h(
+    d ?? "auto"
+  ), [w, R] = h(
     null
-  ), A = re(
-    () => fe(j),
-    [j]
-  ), T = E || !j.trim();
+  ), O = ae(
+    () => _e(v),
+    [v]
+  ), E = b || !v.trim();
   return /* @__PURE__ */ e.jsx(
     "form",
     {
-      onSubmit: (S) => {
-        S.preventDefault();
-        const R = he(
-          j,
-          x === "auto" ? void 0 : x
+      onSubmit: (k) => {
+        k.preventDefault();
+        const A = Ae(
+          v,
+          f === "auto" ? void 0 : f
         );
-        w(R), b(R);
+        R(A), g(A);
       },
       "aria-label": "Import source form",
-      children: /* @__PURE__ */ e.jsxs("fieldset", { disabled: E, 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: [
@@ -868,8 +1012,8 @@ function Pe({
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
-              value: j,
-              onChange: (S) => g(S.currentTarget.value),
+              value: v,
+              onChange: (k) => N(k.currentTarget.value),
               placeholder: c.sourcePlaceholder,
               rows: 12
             }
@@ -880,9 +1024,9 @@ function Pe({
           /* @__PURE__ */ e.jsxs(
             "select",
             {
-              value: x,
-              onChange: (S) => C(
-                S.currentTarget.value
+              value: f,
+              onChange: (k) => _(
+                k.currentTarget.value
               ),
               children: [
                 /* @__PURE__ */ e.jsx("option", { value: "auto", children: "Auto detect" }),
@@ -896,24 +1040,24 @@ function Pe({
         /* @__PURE__ */ e.jsxs("p", { children: [
           c.detectedFormatPrefix,
           ": ",
-          /* @__PURE__ */ e.jsx("strong", { children: A })
+          /* @__PURE__ */ e.jsx("strong", { children: O })
         ] }),
-        /* @__PURE__ */ e.jsx("button", { type: "submit", disabled: T, children: c.convertButton }),
-        y ? "pretextError" in y ? /* @__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,
           ": ",
-          y.pretextError
+          w.pretextError
         ] }) : /* @__PURE__ */ e.jsxs("p", { children: [
           c.successPrefix,
           ": ",
-          y.pretextSource.length,
+          w.pretextSource.length,
           " characters of PreTeXt generated."
         ] }) : null
       ] })
     }
   );
 }
-const Te = {
+const We = {
   title: "Upload Source File",
   hint: "Supports .tex, .md, .ptx, .xml, .zip, and .tar.gz files.",
   selectButton: "Select File",
@@ -921,43 +1065,43 @@ const Te = {
   documentKindLabel: "Document kind",
   splitSectionsLabel: "Split each chapter into sections"
 };
-function Re({
-  labels: o,
-  disabled: f = !1,
-  defaultDocumentKind: v = "auto",
-  importOptions: E,
-  onImport: b
+function He({
+  labels: s,
+  disabled: d = !1,
+  defaultDocumentKind: x = "auto",
+  importOptions: b,
+  onImport: g
 }) {
-  const c = re(
-    () => ({ ...Te, ...o ?? {} }),
-    [o]
-  ), j = ce(null), [g, x] = h(!1), [C, y] = h(!1), [w, A] = h(
+  const c = ae(
+    () => ({ ...We, ...s ?? {} }),
+    [s]
+  ), v = ue(null), [N, f] = h(!1), [_, w] = h(!1), [R, O] = h(
     []
-  ), [T, S] = h(v), [R, O] = h(!1), N = f || C, L = async (m) => {
-    y(!0);
+  ), [E, k] = h(x), [A, L] = h(!1), P = d || _, W = async (p) => {
+    w(!0);
     try {
-      const $ = await ie(m, E ?? {
-        documentKind: T === "auto" ? void 0 : T,
-        splitSections: R
+      const F = await Ne(p, b ?? {
+        documentKind: E === "auto" ? void 0 : E,
+        splitSections: A
       });
-      A($.statusMessages), b($);
+      O(F.statusMessages), g(F);
     } finally {
-      y(!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 }),
-    E ? 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,
-            disabled: N,
-            onChange: (m) => S(
-              m.currentTarget.value
+            value: E,
+            disabled: P,
+            onChange: (p) => k(
+              p.currentTarget.value
             ),
             children: [
               /* @__PURE__ */ e.jsx("option", { value: "auto", children: "Auto detect" }),
@@ -972,9 +1116,9 @@ function Re({
           "input",
           {
             type: "checkbox",
-            checked: R,
-            disabled: N,
-            onChange: (m) => O(m.currentTarget.checked)
+            checked: A,
+            disabled: P,
+            onChange: (p) => L(p.currentTarget.checked)
           }
         ),
         c.splitSectionsLabel
@@ -983,50 +1127,62 @@ function Re({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        onDragOver: (m) => {
-          m.preventDefault(), N || x(!0);
+        onDragOver: (p) => {
+          p.preventDefault(), P || f(!0);
         },
-        onDragLeave: () => x(!1),
-        onDrop: (m) => {
-          if (m.preventDefault(), x(!1), N)
+        onDragLeave: () => f(!1),
+        onDrop: (p) => {
+          if (p.preventDefault(), f(!1), P)
             return;
-          const k = m.dataTransfer.files?.[0];
-          k && L(k);
+          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: N,
-              onClick: () => j.current?.click(),
-              children: C ? "Processing..." : c.selectButton
+              disabled: P,
+              onClick: () => v.current?.click(),
+              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(
             "input",
             {
-              ref: j,
+              ref: v,
               type: "file",
               hidden: !0,
-              disabled: N,
+              disabled: P,
               accept: ".tex,.md,.markdown,.ptx,.xml,.zip,.gz,.tar.gz,.tgz",
-              onChange: (m) => {
-                const k = m.currentTarget.files?.[0];
-                k && L(k), m.currentTarget.value = "";
+              onChange: (p) => {
+                const S = p.currentTarget.files?.[0];
+                S && W(S), p.currentTarget.value = "";
               }
             }
           )
         ]
       }
     ),
-    w.length > 0 ? /* @__PURE__ */ e.jsx("ul", { "aria-live": "polite", children: w.map((m, k) => /* @__PURE__ */ e.jsx("li", { children: m.message }, `${m.type}-${k}`)) }) : null,
-    g && !N ? /* @__PURE__ */ e.jsx("p", { children: "Release to upload the file." }) : 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 {
-  Pe as ImportSourceForm,
-  Re as ImportUploadPanel,
-  we as ImportWizard
+  Je as ImportSourceForm,
+  He as ImportUploadPanel,
+  Ge as ImportWizard,
+  Me as ProcessingPanel
 };