@maildeno/editor 0.4.6 → 0.4.7

package/dist/SavedRowsPanel-Cp3gADrK.js

@@ -1,610 +0,0 @@
-import { n as Z, o as i, q as c, F as I, t as H, u as q, v as M, w as j, x as se, y as J, z as ce, A as P, B as Q, C as X, D as ge, E as xe, G as he, H as be, I as we, J as ye, K as ke, L as $e, M as ne, N as o, O as ae, P as L, Q as Y, T as Ce, R as G, S as _e, U as le, V as Se, W as Re, a as k, X as de, Y as Pe, Z as Ie, $ as Te, a0 as De } from "./element-CRfWpZos.js";
-const Fe = {
-  key: 1,
-  style: { height: "4px", width: "100%" }
-}, Me = /* @__PURE__ */ Z({
-  __name: "RowPreviewChildren",
-  props: {
-    children: {},
-    scale: {},
-    depth: {}
-  },
-  setup(h) {
-    const $ = se(() => import("./RowPreviewRow-Bizr4PTf.js")), _ = se(
-      () => import("./RowPreviewLegacyComponent-CHxbwy9l.js")
-    );
-    function b(u) {
-      var C, T;
-      const p = u == null ? void 0 : u.backgroundGradient;
-      if ((p == null ? void 0 : p.useGradient) === !0 && Array.isArray((C = p == null ? void 0 : p.gradient) == null ? void 0 : C.colors) && p.gradient.colors.length >= 2) {
-        const { type: z, direction: t, colors: a } = p.gradient, l = a.map((n) => `${n.color} ${n.position}%`).join(", ");
-        return z === "radial" ? `radial-gradient(circle at center, ${l})` : `linear-gradient(${t}, ${l})`;
-      }
-      return (u == null ? void 0 : u.backgroundColor) ?? ((T = u == null ? void 0 : u.props) == null ? void 0 : T.backgroundColor) ?? "transparent";
-    }
-    function v(u) {
-      var p;
-      return u.height ?? ((p = u.props) == null ? void 0 : p.height) ?? 8;
-    }
-    return (u, p) => (i(!0), c(I, null, H(h.children, (m, C) => (i(), c(I, {
-      key: m.id
-    }, [
-      (h.depth ?? 0) < 5 ? (i(), c(I, { key: 0 }, [
-        m.type === "row" ? (i(), q(M($), {
-          key: 0,
-          row: m,
-          scale: h.scale,
-          depth: (h.depth ?? 0) + 1
-        }, null, 8, ["row", "scale", "depth"])) : m.type === "row-spacer" ? (i(), c("div", {
-          key: 1,
-          style: j({
-            width: "100%",
-            height: v(m) + "px",
-            background: b(m),
-            flexShrink: "0"
-          })
-        }, null, 4)) : m.type === "component" ? (i(), q(M(_), {
-          key: 2,
-          comp: { ...m, type: m.componentType ?? m.type },
-          scale: h.scale
-        }, null, 8, ["comp", "scale"])) : (i(), q(M(_), {
-          key: 3,
-          comp: m,
-          scale: h.scale
-        }, null, 8, ["comp", "scale"]))
-      ], 64)) : (i(), c("div", Fe))
-    ], 64))), 128));
-  }
-}), je = {
-  key: 0,
-  class: "w-full border border-dashed border-(--md-border) rounded",
-  style: { "min-height": "10px" }
-}, ze = /* @__PURE__ */ Z({
-  __name: "RowPreview",
-  props: {
-    row: {},
-    scale: {}
-  },
-  setup(h) {
-    const $ = h, { WEB_SAFE_FONTS: _, FONTS_WITH_ITALICS: b, DEFAULT_WEIGHTS: v } = ge(), u = (t) => {
-      var n;
-      const a = t == null ? void 0 : t.backgroundGradient;
-      if ((a == null ? void 0 : a.useGradient) === !0 && Array.isArray((n = a == null ? void 0 : a.gradient) == null ? void 0 : n.colors) && a.gradient.colors.length >= 2) {
-        const { type: f, direction: g, colors: y } = a.gradient, w = y.map((x) => `${x.color} ${x.position}%`).join(", ");
-        return f === "radial" ? `radial-gradient(circle at center, ${w})` : `linear-gradient(${g}, ${w})`;
-      }
-      return (t == null ? void 0 : t.backgroundColor) || "transparent";
-    }, p = (t) => {
-      if (b.has(t)) {
-        const a = v.map((n) => `0,${n}`), l = v.map((n) => `1,${n}`);
-        return `ital,wght@${[...a, ...l].join(";")}`;
-      }
-      return `wght@${v.join(";")}`;
-    }, m = (t) => {
-      if (!t || typeof document > "u" || _.has(t)) return;
-      const l = `https://fonts.googleapis.com/css2?family=${t.trim().replace(/\s+/g, "+")}:${p(t)}&display=swap`;
-      if (!document.querySelector(`link[href="${l}"]`)) {
-        const n = document.createElement("link");
-        n.rel = "stylesheet", n.href = l, document.head.appendChild(n);
-      }
-    }, C = () => {
-      function t(a) {
-        for (const l of a)
-          if (l.type === "row")
-            for (const n of l.columns ?? [])
-              t(n.children ?? n.components ?? []);
-          else {
-            const n = l.props;
-            if (!(n != null && n.fontFamily)) continue;
-            const f = l.componentType ?? l.type;
-            ["heading", "paragraph", "list", "menu", "button", "anchor"].includes(
-              f
-            ) && m(n.fontFamily);
-          }
-      }
-      for (const a of $.row.columns ?? [])
-        t(a.children ?? a.components ?? []);
-    };
-    J(
-      () => $.row,
-      () => C(),
-      { deep: !0, immediate: !0 }
-    ), ce(() => C());
-    const T = P(() => {
-      var l, n, f, g, y, w, x, S;
-      const t = $.row, a = {
-        display: "flex",
-        flexDirection: "row",
-        background: u(t),
-        padding: `${((l = t.padding) == null ? void 0 : l.top) ?? 0}px ${((n = t.padding) == null ? void 0 : n.right) ?? 0}px ${((f = t.padding) == null ? void 0 : f.bottom) ?? 0}px ${((g = t.padding) == null ? void 0 : g.left) ?? 0}px`,
-        alignItems: "stretch",
-        border: `${((y = t.border) == null ? void 0 : y.width) ?? 0}px ${((w = t.border) == null ? void 0 : w.style) ?? "solid"} ${((x = t.border) == null ? void 0 : x.color) ?? "transparent"}`,
-        borderRadius: `${((S = t.border) == null ? void 0 : S.radius) ?? 0}px`,
-        gap: `${t.gap ?? 0}px`
-      };
-      return t.backgroundImage && (a.backgroundImage = `url(${t.backgroundImage})`, a.backgroundSize = t.backgroundSize || "cover", a.backgroundPosition = t.backgroundPosition || "center center"), a;
-    });
-    function z(t, a) {
-      var S, D, O, N, B, A, E, V, R;
-      const l = {
-        top: "flex-start",
-        middle: "center",
-        bottom: "flex-end"
-      }, n = t.width ?? 100, f = ((S = a == null ? void 0 : a.columns) == null ? void 0 : S.length) || 1, g = (a == null ? void 0 : a.gap) ?? 0, y = f > 1 ? g * (f - 1) / f : 0, w = y > 0 ? `calc(${n}% - ${y}px)` : `${n}%`, x = {
-        flex: `0 0 ${w}`,
-        width: w,
-        maxWidth: w,
-        boxSizing: "border-box",
-        background: u(t),
-        padding: `${((D = t.padding) == null ? void 0 : D.top) ?? 10}px ${((O = t.padding) == null ? void 0 : O.right) ?? 10}px ${((N = t.padding) == null ? void 0 : N.bottom) ?? 10}px ${((B = t.padding) == null ? void 0 : B.left) ?? 10}px`,
-        border: `${((A = t.border) == null ? void 0 : A.width) ?? 0}px ${((E = t.border) == null ? void 0 : E.style) ?? "solid"} ${((V = t.border) == null ? void 0 : V.color) ?? "transparent"}`,
-        borderRadius: `${((R = t.border) == null ? void 0 : R.radius) ?? 0}px`,
-        overflow: "hidden",
-        minWidth: "0",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: l[t.verticalAlign] || "flex-start"
-      };
-      return t.backgroundImage && (x.backgroundImage = `url(${t.backgroundImage})`, x.backgroundSize = t.backgroundSize || "cover", x.backgroundPosition = t.backgroundPosition || "center center", x.minHeight = "14px"), x;
-    }
-    return (t, a) => (i(), c("div", {
-      style: j(T.value),
-      class: "flex w-full pointer-events-none select-none"
-    }, [
-      (i(!0), c(I, null, H(h.row.columns, (l) => (i(), c("div", {
-        key: l.id,
-        style: j(z(l, h.row)),
-        class: "overflow-hidden shrink-0"
-      }, [
-        Q(Me, {
-          children: l.children ?? l.components ?? [],
-          scale: h.scale,
-          depth: 0
-        }, null, 8, ["children", "scale"]),
-        (l.children ?? l.components ?? []).length === 0 ? (i(), c("div", je)) : X("", !0)
-      ], 4))), 128))
-    ], 4));
-  }
-}), Be = {
-  key: 0,
-  class: "w-65 sticky top-16 h-[calc(100vh-5.25rem)] z-80"
-}, Ae = { class: "bg-(--md-surface) flex flex-col h-full border-r border-(--md-border)/80" }, Ee = { class: "flex items-center justify-between px-3.5 py-3 shrink-0" }, Le = { class: "relative group/close" }, Ge = { class: "px-3.5 pb-2 shrink-0" }, He = {
-  key: 0,
-  class: "flex items-center gap-1"
-}, Oe = ["aria-pressed", "onClick"], Ne = {
-  key: 1,
-  class: "text-[11px] font-medium text-(--md-text-subtle)"
-}, Ve = { class: "flex-1 min-h-0 overflow-y-auto" }, We = {
-  key: 0,
-  class: "p-2 flex flex-col gap-2"
-}, Ue = {
-  key: 1,
-  class: "flex flex-col items-center gap-3 px-5 py-12 text-center"
-}, Ke = {
-  key: 2,
-  class: "p-2 flex flex-col gap-1.5"
-}, qe = ["onClick", "onDragstart"], Ye = ["onDblclick"], Je = ["onBlur", "onKeyup"], Qe = { class: "text-[10px] text-(--md-text-subtle) shrink-0 tabular-nums" }, Xe = {
-  key: 2,
-  class: "relative group/del"
-}, Ze = ["onClick"], et = {
-  key: 1,
-  class: "flex items-center gap-1.5 px-2 py-1.5"
-}, tt = { class: "flex-1 text-[11px] font-medium text-(--md-text-muted) truncate" }, ot = { class: "text-[10px] text-(--md-text-subtle) shrink-0 tabular-nums" }, rt = 600, ie = 25, st = /* @__PURE__ */ Z({
-  __name: "SavedRowsPanel",
-  setup(h) {
-    const { isOpen: $, close: _ } = xe(), b = he(), v = be(), u = Ie(), p = Te(), m = we(), { rows: C, saveToHistoryImmediate: T } = ye(), { startLayoutDrag: z, endLayoutDrag: t } = ke(), a = {
-      rows: v.systemRows,
-      isFetching: v.isFetching,
-      ensureFetched: () => v.fetchRows(),
-      rename: () => {
-        throw new Error("Shared rows are read-only");
-      },
-      remove: () => {
-        throw new Error("Shared rows are read-only");
-      },
-      cloneForCanvas: (r) => v.cloneRowForCanvas(r)
-    }, l = {
-      rows: b.productRows,
-      isFetching: b.isFetching,
-      // Idempotent — guarded internally by `hasFetched` (DB) or `hasHydrated`
-      // (localStorage). Safe to call every time the user activates the tab.
-      ensureFetched: () => b.fetchRows(),
-      rename: (r, e) => b.renameProductRow(r, e),
-      remove: (r) => b.deleteProductRow(r),
-      cloneForCanvas: (r) => b.cloneRowForCanvas(r)
-    }, n = k("user"), f = P(
-      () => v.isSupported.value && v.systemRows.value.length > 0
-    );
-    J(f, (r) => {
-      !r && n.value === "system" && (n.value = "user");
-    });
-    const g = P(
-      () => n.value === "system" && f.value ? a : l
-    ), y = P(() => n.value === "system"), w = P(
-      () => !y.value && m.value.rename !== !1
-    ), x = P(
-      () => !y.value && m.value.delete !== !1
-    );
-    J(
-      $,
-      async (r) => {
-        r && await Promise.all([b.fetchRows(), v.fetchRows()]);
-      },
-      { immediate: !0 }
-    );
-    const S = P(() => g.value.rows.value), D = k(null);
-    function O(r, e) {
-      D.value = e, z(r, { type: "product-row", entryId: e });
-    }
-    function N() {
-      D.value = null, t();
-    }
-    const B = k({}), A = k({});
-    function E(r) {
-      const e = B.value[r];
-      return e && e > 0 ? e / rt : 0;
-    }
-    function V(r) {
-      const e = A.value[r];
-      return e ? Math.max(
-        ie,
-        Math.round(e * E(r))
-      ) : ie;
-    }
-    const R = k(null), W = k(null);
-    function ue(r, e) {
-      !r || !R.value || (r.dataset.entryId = e, R.value.observe(r));
-    }
-    function pe(r, e) {
-      !r || !W.value || (r.dataset.entryId = e, W.value.observe(r));
-    }
-    ce(() => {
-      R.value = new ResizeObserver((r) => {
-        for (const e of r) {
-          const s = e.target.dataset.entryId;
-          if (s) {
-            const d = e.contentRect.width;
-            d > 0 && (B.value[s] = d);
-          }
-        }
-      }), W.value = new ResizeObserver((r) => {
-        var e, s;
-        for (const d of r) {
-          const oe = d.target.dataset.entryId;
-          if (oe) {
-            const re = ((s = (e = d.borderBoxSize) == null ? void 0 : e[0]) == null ? void 0 : s.blockSize) ?? d.contentRect.height;
-            re > 0 && (A.value[oe] = re);
-          }
-        }
-      });
-    }), $e(() => {
-      var r, e;
-      (r = R.value) == null || r.disconnect(), (e = W.value) == null || e.disconnect();
-    });
-    function me(r) {
-      if (F.value === r) return;
-      const e = g.value.cloneForCanvas(r);
-      e && (C.value.push(e), T("add-product-row"));
-    }
-    function fe(r) {
-      u.require({
-        message: "Remove this product row from the library?",
-        header: "Clear product",
-        acceptLabel: "Yes",
-        rejectLabel: "Cancel",
-        acceptClass: "!bg-[var(--md-danger)] !hover:opacity-90 !border-[var(--md-danger)] !px-6 !py-2",
-        rejectClass: "!bg-[var(--md-border)] !hover:bg-[var(--md-border-strong)] !text-[var(--md-text)] !border-[var(--md-border)] !px-6 !py-2",
-        // Previously `accept: () => current.value.remove(entryId)` — the returned
-        // promise went nowhere, so a rejecting adapter produced an unhandled
-        // rejection and a dialog that closed as if the delete had worked. The row
-        // stays in the list on failure, which is correct: useProductRows only
-        // filters it out once the adapter resolves.
-        accept: async () => {
-          try {
-            await g.value.remove(r);
-          } catch (e) {
-            console.error("[maildeno-editor] failed to delete saved row:", e), de(e) || p.add({
-              severity: "error",
-              summary: "Delete failed",
-              detail: "That row couldn't be removed.",
-              life: 4e3
-            });
-          }
-        },
-        reject: () => {
-        }
-      });
-    }
-    const F = k(null), U = k(""), K = k(null);
-    function ve(r) {
-      F.value = r.id, U.value = r.name, Pe(() => {
-        const e = Array.isArray(K.value) ? K.value[0] : K.value;
-        e == null || e.focus();
-      });
-    }
-    async function ee(r) {
-      const e = "Saved";
-      if (F.value === r) {
-        const s = U.value.trim().toLowerCase().replace(/\s+/g, "_").replace(/[^a-z0-9_]/g, "");
-        try {
-          const d = await g.value.rename(r, s);
-          F.value = null, p.add({
-            severity: d ? "success" : "error",
-            summary: d ? "Rename successful" : "Save failed",
-            detail: d ? e : "Please try again",
-            life: 3e3
-          });
-        } catch (d) {
-          console.error("[maildeno-editor] failed to rename saved row:", d), de(d) || p.add({
-            severity: "error",
-            summary: "Rename failed",
-            detail: "Please try again",
-            life: 4e3
-          });
-        }
-      }
-    }
-    function te(r) {
-      return new Date(r).toLocaleDateString(void 0, {
-        month: "short",
-        day: "numeric"
-      });
-    }
-    return (r, e) => (i(), q(Re, { name: "panel-slide" }, {
-      default: ne(() => [
-        M($) ? (i(), c("div", Be, [
-          o("div", Ae, [
-            o("div", Ee, [
-              e[8] || (e[8] = o("div", { class: "flex items-center gap-2" }, [
-                o("svg", {
-                  class: "w-3.5 h-3.5 text-(--md-text-subtle)",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  "stroke-width": "2",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                }, [
-                  o("path", { d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z" })
-                ]),
-                o("span", { class: "text-[11px] font-semibold text-(--md-text-subtle) uppercase tracking-[.08em]" }, " Saved Rows ")
-              ], -1)),
-              o("div", Le, [
-                o("button", {
-                  onClick: e[0] || (e[0] = //@ts-ignore
-                  (...s) => M(_) && M(_)(...s)),
-                  class: "w-6 h-6 flex items-center justify-center rounded-md text-(--md-text-subtle) hover:text-(--md-text-muted) hover:bg-(--md-surface-muted) transition-colors focus:outline-none"
-                }, [...e[6] || (e[6] = [
-                  o("svg", {
-                    class: "w-3.5 h-3.5",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2",
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round"
-                  }, [
-                    o("path", { d: "M18 6 6 18M6 6l12 12" })
-                  ], -1)
-                ])]),
-                e[7] || (e[7] = o("div", { class: "pointer-events-none absolute right-0 top-full mt-1.5 px-2 py-1 bg-(--md-tooltip-bg) text-(--md-tooltip-text) text-[10px] font-medium rounded-md whitespace-nowrap opacity-0 group-hover/close:opacity-100 -translate-y-0.5 group-hover/close:translate-y-0 transition-all duration-150 z-50 after:content-[''] after:absolute after:bottom-full after:right-2 after:border-4 after:border-transparent after:border-b-(--md-tooltip-bg)" }, " Close panel ", -1))
-              ])
-            ]),
-            o("div", Ge, [
-              f.value ? (i(), c("div", He, [
-                (i(), c(I, null, H(["user", "system"], (s) => o("button", {
-                  key: s,
-                  type: "button",
-                  class: ae([
-                    "px-2 py-1 rounded-md text-[11px] font-medium transition-colors",
-                    n.value === s ? "bg-(--md-accent-bg) text-(--md-accent-text)" : "text-(--md-text-subtle) hover:text-(--md-text-muted) hover:bg-(--md-surface-muted)"
-                  ]),
-                  "aria-pressed": n.value === s,
-                  onClick: (d) => n.value = s
-                }, L(s === "user" ? "My Rows" : "Shared"), 11, Oe)), 64))
-              ])) : (i(), c("span", Ne, "My Rows"))
-            ]),
-            o("div", Ve, [
-              g.value.isFetching.value ? (i(), c("div", We, [
-                (i(), c(I, null, H(3, (s) => o("div", {
-                  key: s,
-                  class: "rounded-lg border border-(--md-border) overflow-hidden"
-                }, [
-                  o("div", {
-                    class: "bg-(--md-surface-muted) animate-pulse",
-                    style: j({ height: 80 + s * 20 + "px" })
-                  }, null, 4),
-                  e[9] || (e[9] = o("div", { class: "flex items-center gap-2 px-2.5 py-2" }, [
-                    o("div", { class: "h-2 flex-1 rounded-full bg-(--md-surface-muted) animate-pulse" }),
-                    o("div", { class: "h-2 w-7 rounded-full bg-(--md-surface-muted) animate-pulse" })
-                  ], -1))
-                ])), 64))
-              ])) : g.value.rows.value.length === 0 ? (i(), c("div", Ue, [...e[10] || (e[10] = [
-                o("div", { class: "w-10 h-10 rounded-xl bg-(--md-surface-hover) border border-(--md-border)/80 flex items-center justify-center" }, [
-                  o("svg", {
-                    class: "w-5 h-5 text-(--md-text-subtle)",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "1.5",
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round"
-                  }, [
-                    o("path", { d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z" })
-                  ])
-                ], -1),
-                o("div", { class: "space-y-1" }, [
-                  o("p", { class: "text-xs font-medium text-(--md-text-subtle)" }, " No saved rows yet "),
-                  o("p", { class: "text-[11px] text-(--md-text-subtle) leading-relaxed" }, [
-                    Y(" Select a row on the canvas,"),
-                    o("br"),
-                    Y("then click "),
-                    o("span", { class: "text-(--md-row-selection-fg) font-medium" }, "Save"),
-                    Y(" in the toolbar. ")
-                  ])
-                ], -1)
-              ])])) : (i(), c("div", Ke, [
-                Q(Ce, { name: "row-list" }, {
-                  default: ne(() => [
-                    (i(!0), c(I, null, H(S.value, (s) => (i(), c("div", {
-                      key: s.id,
-                      draggable: "true",
-                      class: ae(["group relative rounded-lg border bg-(--md-surface) overflow-hidden transition-all duration-150 select-none cursor-grab active:cursor-grabbing", [
-                        D.value === s.id ? "ring-2 ring-(--md-row-selection) ring-offset-1 opacity-60 border-(--md-row-selection)" : "border-(--md-border)/80 hover:border-(--md-border-strong) hover:shadow-[0_2px_8px_rgba(0,0,0,0.07)]"
-                      ]]),
-                      onClick: (d) => me(s.id),
-                      onDragstart: (d) => O(d, s.id),
-                      onDragend: N
-                    }, [
-                      o("div", {
-                        ref_for: !0,
-                        ref: (d) => ue(d, s.id),
-                        class: "relative overflow-hidden border-b border-(--md-border)",
-                        style: j({
-                          height: V(s.id) + "px",
-                          backgroundColor: s.row.backgroundColor || "#f9fafb"
-                        })
-                      }, [
-                        o("div", {
-                          ref_for: !0,
-                          ref: (d) => pe(d, s.id),
-                          class: "absolute top-0 left-0 pointer-events-none",
-                          style: j({
-                            width: "600px",
-                            transformOrigin: "top left",
-                            transform: `scale(${E(s.id)})`
-                          })
-                        }, [
-                          Q(ze, {
-                            row: s.row
-                          }, null, 8, ["row"])
-                        ], 4),
-                        e[11] || (e[11] = o("div", { class: "absolute inset-0 bg-(--md-text)/0 group-hover:bg-(--md-text)/[0.03] transition-colors duration-150 flex items-center justify-center" }, [
-                          o("div", { class: "opacity-0 group-hover:opacity-100 transition-opacity duration-150 flex items-center gap-1.5 bg-(--md-surface)/90 backdrop-blur-sm border border-(--md-border) rounded-full px-2.5 py-1 shadow-sm" }, [
-                            o("svg", {
-                              class: "w-3 h-3 text-(--md-text-subtle)",
-                              viewBox: "0 0 24 24",
-                              fill: "none",
-                              stroke: "currentColor",
-                              "stroke-width": "2",
-                              "stroke-linecap": "round",
-                              "stroke-linejoin": "round"
-                            }, [
-                              o("path", { d: "M12 5v14M5 12l7-7 7 7" })
-                            ]),
-                            o("span", { class: "text-[10px] font-medium text-(--md-text-muted)" }, "Click to insert")
-                          ])
-                        ], -1))
-                      ], 4),
-                      w.value ? (i(), c("div", {
-                        key: 0,
-                        onClick: e[5] || (e[5] = G(() => {
-                        }, ["stop"])),
-                        class: "flex items-center gap-1.5 px-2 py-1.5"
-                      }, [
-                        e[14] || (e[14] = o("div", { class: "shrink-0 text-(--md-text-subtle) group-hover:text-(--md-text-muted) transition-colors cursor-grab active:cursor-grabbing" }, [
-                          o("svg", {
-                            class: "w-3 h-3",
-                            viewBox: "0 0 16 16",
-                            fill: "currentColor"
-                          }, [
-                            o("circle", {
-                              cx: "5",
-                              cy: "4",
-                              r: "1.2"
-                            }),
-                            o("circle", {
-                              cx: "11",
-                              cy: "4",
-                              r: "1.2"
-                            }),
-                            o("circle", {
-                              cx: "5",
-                              cy: "8",
-                              r: "1.2"
-                            }),
-                            o("circle", {
-                              cx: "11",
-                              cy: "8",
-                              r: "1.2"
-                            }),
-                            o("circle", {
-                              cx: "5",
-                              cy: "12",
-                              r: "1.2"
-                            }),
-                            o("circle", {
-                              cx: "11",
-                              cy: "12",
-                              r: "1.2"
-                            })
-                          ])
-                        ], -1)),
-                        F.value !== s.id ? (i(), c("span", {
-                          key: 0,
-                          onDblclick: G((d) => ve(s), ["stop"]),
-                          onClick: e[1] || (e[1] = G(() => {
-                          }, ["stop"])),
-                          class: "flex-1 text-[11px] font-medium text-(--md-text-muted) truncate cursor-text"
-                        }, L(s.name), 41, Ye)) : _e((i(), c("input", {
-                          key: 1,
-                          "onUpdate:modelValue": e[2] || (e[2] = (d) => U.value = d),
-                          onBlur: (d) => ee(s.id),
-                          onKeyup: [
-                            le((d) => ee(s.id), ["enter"]),
-                            e[3] || (e[3] = le((d) => F.value = null, ["escape"]))
-                          ],
-                          onClick: e[4] || (e[4] = G(() => {
-                          }, ["stop"])),
-                          class: "flex-1 text-[11px] text-(--md-text) border border-(--md-row-selection) bg-(--md-row-selection-bg)/40 rounded-md px-1.5 py-0.5 focus:outline-none focus:border-(--md-row-selection)",
-                          ref_for: !0,
-                          ref_key: "renameInputRef",
-                          ref: K
-                        }, null, 40, Je)), [
-                          [Se, U.value]
-                        ]),
-                        o("span", Qe, L(te(s.createdAt)), 1),
-                        x.value ? (i(), c("div", Xe, [
-                          o("button", {
-                            onClick: G((d) => fe(s.id), ["stop"]),
-                            class: "hidden group-hover:flex items-center justify-center w-5 h-5 shrink-0 rounded-md text-(--md-text-subtle) hover:text-(--md-danger) hover:bg-(--md-danger-bg) transition-colors focus:outline-none"
-                          }, [...e[12] || (e[12] = [
-                            o("svg", {
-                              class: "w-3 h-3",
-                              viewBox: "0 0 24 24",
-                              fill: "none",
-                              stroke: "currentColor",
-                              "stroke-width": "1.75",
-                              "stroke-linecap": "round",
-                              "stroke-linejoin": "round"
-                            }, [
-                              o("path", { d: "M3 6h18M8 6V4h8v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }),
-                              o("path", { d: "M10 11v6M14 11v6" })
-                            ], -1)
-                          ])], 8, Ze),
-                          e[13] || (e[13] = o("div", { class: "pointer-events-none absolute bottom-full right-0 mb-1.5 px-2 py-1 bg-(--md-tooltip-bg) text-(--md-tooltip-text) text-[10px] font-medium rounded-md whitespace-nowrap opacity-0 group-hover/del:opacity-100 translate-y-0.5 group-hover/del:translate-y-0 transition-all duration-150 z-50 after:content-[''] after:absolute after:top-full after:right-2 after:border-4 after:border-transparent after:border-t-(--md-tooltip-bg)" }, " Remove ", -1))
-                        ])) : X("", !0)
-                      ])) : (i(), c("div", et, [
-                        o("span", tt, L(s.name), 1),
-                        o("span", ot, L(te(s.createdAt)), 1)
-                      ]))
-                    ], 42, qe))), 128))
-                  ]),
-                  _: 1
-                })
-              ]))
-            ])
-          ])
-        ])) : X("", !0)
-      ]),
-      _: 1
-    }));
-  }
-}), nt = /* @__PURE__ */ De(st, [["__scopeId", "data-v-ef885a8c"]]), lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: nt
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  lt as S,
-  Me as _
-};