@backmatter/studio 0.0.11 → 0.0.13

package/dist/chunks/{UiKitApp-Cu0CS1NU.js → UiKitApp-ZZXQt3zy.js}

@@ -1,8 +1,8 @@
 import { jsxs as s, jsx as t, Fragment as U } from "react/jsx-runtime";
-import { K as $, P as ue, Q as Zt, p as Rt, U as Qt, f as at, V as Fe, W as Jt, X as en, Y as tn, Z as nn, _ as rn, z as on, k as an, $ as sn, a0 as ln, a1 as cn, a2 as He, a3 as me, a4 as Ne, a5 as st, a6 as dn, a7 as un, T as hn, a8 as pn, a9 as gn, aa as mn, ab as fn, ac as bn, ad as xn, y as vn, ae as $n, N as kn, af as wn } from "./WorkspaceRoutes-Dzpaj8ov.js";
+import { P as $, V as ue, W as Zt, p as Rt, X as Jt, f as at, Y as Fe, Z as Qt, _ as en, $ as tn, a0 as nn, a1 as rn, G as on, m as an, a2 as sn, a3 as ln, a4 as cn, a5 as He, a6 as me, a7 as Ne, a8 as st, a9 as dn, aa as un, T as hn, ab as pn, ac as gn, ad as mn, ae as fn, af as bn, ag as xn, F as vn, ah as $n, N as kn, ai as wn } from "./WorkspaceRoutes-CCDPtLla.js";
 import { useRef as k, useState as f, useLayoutEffect as te, useCallback as Ke, useEffect as z, useMemo as yn, useId as Ue } from "react";
 import { createPortal as Me } from "react-dom";
-import { L as Nn, a as lt } from "./dashboard-kWmpeuAP.js";
+import { L as Nn, a as lt } from "./dashboard-Dw0zfTXg.js";
 function O({
   title: n,
   lede: r,
@@ -209,7 +209,7 @@ const w = {
 function ut(n, r, o, a = "en") {
   if (!(n != null && n.trim())) return;
   const d = n.replace(/\/+$/, "");
-  return !r || !o ? d : `${d}${Qt(o, r.type, r.slug, r.locale, a)}`;
+  return !r || !o ? d : `${d}${Jt(o, r.type, r.slug, r.locale, a)}`;
 }
 const he = "cubic-bezier(0.23, 1, 0.32, 1)", Oe = "cubic-bezier(0.55, 0, 1, 0.45)", In = "cubic-bezier(0.32, 0.72, 0, 1)", _n = 550, An = 300, Ln = 750, Bn = 360, It = "backmatter.devbar.mode";
 function Pn(n) {
@@ -365,7 +365,7 @@ const Zn = `
     opacity: 1;
   }
 }
-`, e = "backmatter-devbar", Qn = "/api/backmatter/preview", Jn = 10, er = 360;
+`, e = "backmatter-devbar", Jn = "/api/backmatter/preview", Qn = 10, er = 360;
 function xt(n, r) {
   return `${n}:${r.trim().toLowerCase()}`;
 }
@@ -380,7 +380,7 @@ function tr({
   changeCount: u,
   lineDiff: p,
   activity: c = null,
-  previewEntryPath: R = Qn,
+  previewEntryPath: R = Jn,
   siteMode: y = "preview",
   frame: D = !1,
   frameRadius: X,
@@ -396,7 +396,7 @@ function tr({
   onSignOut: j,
   onPublishAnchor: Y
 }) {
-  const le = k(null), ce = k(null), Z = k(null), G = k(null), x = k(null), A = k(null), T = k(null), Q = k(null), [ne, pe] = f(null), re = Ke((i) => {
+  const le = k(null), ce = k(null), Z = k(null), G = k(null), x = k(null), A = k(null), T = k(null), J = k(null), [ne, pe] = f(null), re = Ke((i) => {
     if (le.current = i, !i) {
       pe(null);
       return;
@@ -413,7 +413,7 @@ function tr({
     openDashboard: () => !1,
     openShortcuts: () => {
     }
-  }), Ze = k(!0), [Ie, Wt] = f("system"), [_e, Qe] = f(!0), [Je, et] = f(!0), [Ht, $e] = f("main"), [Dt, qt] = f(""), [Ae, Le] = f(null), [tt, jt] = f("en");
+  }), Ze = k(!0), [Ie, Wt] = f("system"), [_e, Je] = f(!0), [Qe, et] = f(!0), [Ht, $e] = f("main"), [Dt, qt] = f(""), [Ae, Le] = f(null), [tt, jt] = f("en");
   z(() => {
     const i = a == null ? void 0 : a.workspaceId;
     if (!i) {
@@ -438,7 +438,7 @@ function tr({
   z(() => {
     qt(location.host);
     const i = je(), l = qn(i);
-    et(gt(i, pt, !0)), Wt(l), Qe(gt(i, ht, !0));
+    et(gt(i, pt, !0)), Wt(l), Je(gt(i, ht, !0));
   }, []), z(() => {
     if (kt(Ie), Ie !== "system" || typeof matchMedia != "function") return;
     const i = matchMedia("(prefers-color-scheme: dark)"), l = () => kt("system");
@@ -448,8 +448,8 @@ function tr({
     if (!i) return;
     const l = document.documentElement, v = `${e}-pointing`, H = () => i.classList.toggle(v, l.classList.contains("backmatter-pointing"));
     H();
-    const J = new MutationObserver(H);
-    return J.observe(l, { attributes: !0, attributeFilter: ["class"] }), () => J.disconnect();
+    const Q = new MutationObserver(H);
+    return Q.observe(l, { attributes: !0, attributeFilter: ["class"] }), () => Q.disconnect();
   }, []), z(() => {
     if (oe.current && oe.current !== y && !d) {
       oe.current = null, De(y), Ce(y);
@@ -504,7 +504,7 @@ function tr({
           W.current.onEscape();
           return;
         }
-        Jt(l) === "chat" && L(null);
+        Qt(l) === "chat" && L(null);
       }
     }
     return document.addEventListener("keydown", i, !0), () => document.removeEventListener("keydown", i, !0);
@@ -536,19 +536,19 @@ function tr({
     Xe.current = !0;
     const H = i.getAnimations().some((ae) => ae.id === "w") ? i.offsetWidth : Ge.current;
     i.getAnimations().filter((ae) => ae.id === "w").forEach((ae) => ae.cancel());
-    const J = i.offsetWidth;
-    if (Ge.current = J, l) return;
+    const Q = i.offsetWidth;
+    if (Ge.current = Q, l) return;
     const B = G.current;
-    if (B && (se() ? B.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 150, easing: "ease", fill: "backwards" }) : qe(B, { delay: 40, blur: !0 })), se() || !Wn(H, J)) return;
+    if (B && (se() ? B.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 150, easing: "ease", fill: "backwards" }) : qe(B, { delay: 40, blur: !0 })), se() || !Wn(H, Q)) return;
     const Yt = i.animate(
-      [{ width: `${H}px` }, { width: `${J}px` }],
+      [{ width: `${H}px` }, { width: `${Q}px` }],
       { duration: 380, easing: In }
     );
     Yt.id = "w";
   }, [ne, Te, I, y]);
   const ke = (c == null ? void 0 : c.type) === "published" ? c.sha : "";
   te(() => {
-    const i = Q.current;
+    const i = J.current;
     !ke || !i || se() || i.animate(
       [
         { transform: "scale(0.5)", opacity: 0 },
@@ -592,11 +592,11 @@ function tr({
       B.id = "hide";
       return;
     }
-    const J = l.animate(
+    const Q = l.animate(
       [{ transform: "translateY(100%)" }, { transform: "none" }],
       { duration: 460, easing: he, fill: "backwards" }
     );
-    J.id = "rise", G.current && qe(G.current, { delay: 140 });
+    Q.id = "rise", G.current && qe(G.current, { delay: 140 });
   }
   W.current.openDashboard = () => N ? ((async () => {
     let i = Be ?? N;
@@ -626,7 +626,7 @@ function tr({
   function Vt() {
     d || (L(null), m && E(), g());
   }
-  Ze.current = Je;
+  Ze.current = Qe;
   function Ut(i) {
     h && g(), $e(i), L((l) => l === "settings" && i === "main" ? null : "settings");
   }
@@ -661,7 +661,7 @@ function tr({
     ] }, `${i.label}:${l}`)) })
   ] }) : (c == null ? void 0 : c.type) === "published" ? ge = /* @__PURE__ */ s(U, { children: [
     we,
-    /* @__PURE__ */ t("span", { ref: Q, className: `${e}-check`, "aria-hidden": !0, children: "✓" }),
+    /* @__PURE__ */ t("span", { ref: J, className: `${e}-check`, "aria-hidden": !0, children: "✓" }),
     /* @__PURE__ */ s("span", { className: `${e}-published`, children: [
       "Published ",
       /* @__PURE__ */ t("code", { className: `${e}-field`, children: c.sha }),
@@ -770,10 +770,10 @@ function tr({
               branch: r,
               bar: ie,
               highlightBlocks: _e,
-              previewAgent: Je,
+              previewAgent: Qe,
               dashboardHref: Be,
               onHighlight: (i) => {
-                Qe(i), mt(je(), ht, i);
+                Je(i), mt(je(), ht, i);
               },
               onPreviewAgent: (i) => {
                 et(i), mt(je(), pt, i);
@@ -1138,21 +1138,21 @@ function br({
   const le = Ke(
     (x, A, T) => {
       if (!r) return;
-      const Q = ++j.current, ne = S.trim(), pe = xt(r.workspaceId, ne);
+      const J = ++j.current, ne = S.trim(), pe = xt(r.workspaceId, ne);
       A ? I(!0) : T != null && T.silent || D(!0), tn(r.workspaceId, {
         q: ne || void 0,
-        limit: Jn,
+        limit: Qn,
         offset: x,
         current: r
       }).then((re) => {
-        Q === j.current && (R(re.total), p((ie) => {
+        J === j.current && (R(re.total), p((ie) => {
           const xe = A ? [...ie, ...re.items] : re.items;
           return Y.current.set(pe, { rows: xe, total: re.total }), xe;
         }), C(null));
       }).catch(() => {
-        Q === j.current && (A || Y.current.get(pe) || p([]), C("Couldn't load pages"));
+        J === j.current && (A || Y.current.get(pe) || p([]), C("Couldn't load pages"));
       }).finally(() => {
-        Q === j.current && (D(!1), I(!1));
+        J === j.current && (D(!1), I(!1));
       });
     },
     [r, S]
@@ -1161,11 +1161,11 @@ function br({
     if (!d || !r) return;
     const x = S.trim(), A = xt(r.workspaceId, x), T = Y.current.get(A);
     T && (p(T.rows), R(T.total), C(null));
-    const Q = window.setTimeout(
+    const J = window.setTimeout(
       () => le(0, !1, { silent: !!T }),
       x ? 200 : 0
     );
-    return () => window.clearTimeout(Q);
+    return () => window.clearTimeout(J);
   }, [d, r, S, le]);
   function ce() {
     const x = q.current;