@alfadocs/ui-kit-debug 1.65.0 → 1.67.0

package/dist/_chunks/help-me-write-templates-DFmqnsAa.js

@@ -1,747 +0,0 @@
-import { jsxs as m, jsx as r, Fragment as _ } from "react/jsx-runtime";
-import { useState as b, useEffect as U, useId as ee, useRef as V, useCallback as L, useMemo as Y } from "react";
-import { useTranslation as $ } from "react-i18next";
-import { c as ce } from "./index-D2ZczOXr.js";
-import { A as O } from "./alert-DdDpOi-P.js";
-import { B as N } from "./button-D-MQxsA_.js";
-import { I as B } from "./icon-button-C_1TgRiK.js";
-import { D as x } from "./dialog-D6fkpRc4.js";
-import { E as de } from "./editor-overlay-CpVO1-Kk.js";
-import { E as me } from "./empty-state-pL1qum99.js";
-import { F as Z } from "./form-field-Ani72sVY.js";
-import { P as pe } from "./progress-D_g_Sl2g.js";
-import { S as ue } from "./spinner-CoflYlEx.js";
-import { T as se } from "./text-area-COMVJ1yE.js";
-import { S as re } from "./state-backed-text-input-Cgh4ms3p.js";
-import { SafeHtml as he } from "../safe-html/index.js";
-import { T as ge } from "./trending-up-C_luYBzS.js";
-import { A as fe } from "./astroid-BN4f5VXU.js";
-import { A as ve } from "./arrow-left-BfaGqVam.js";
-import { P as be } from "./pencil-B1sKKyuT.js";
-import { T as Te } from "./trash-2-uumy3fy1.js";
-import { P as Me } from "./plus-DzMQ_c6b.js";
-import { X as te } from "./x-B5YnXwCz.js";
-import { R as Ce } from "./rotate-ccw-BBQnIVTr.js";
-import { S as We } from "./square-DASBRZ0U.js";
-import { M as ye } from "./mic-CUklMZGF.js";
-import { S as xe } from "./send-C5kDJ-Mz.js";
-import { G as we } from "./grip-vertical-onSb1JXO.js";
-class ae extends Error {
-  constructor(o = "AI credits exhausted") {
-    super(o), this.name = "AiCreditsExhaustedError";
-  }
-}
-const q = "ds:!size-[var(--min-target-size)]", Ne = `${q} ds:bg-[image:var(--gradient-brand)] ds:rounded-full`, ke = "ds:aria-pressed:!bg-[var(--destructive)] ds:aria-pressed:!text-[var(--destructive-foreground)]", K = "ds:m-0 ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]", De = "type-eyebrow ds:m-0 ds:text-[color:var(--muted-foreground)]", Ee = [
-  "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
-  "ds:bg-[color-mix(in_srgb,var(--background)_70%,transparent)]",
-  "ds:p-[var(--spacing-sm)] ds:[max-block-size:14rem] ds:overflow-y-auto",
-  "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--foreground)]",
-  "ds:[&_ul]:list-disc ds:[&_ul]:ps-[var(--spacing-md)]",
-  "ds:[&_h3]:font-medium ds:[&_h3]:[margin-block-start:var(--spacing-xs)]",
-  "ds:[&_p]:[margin-block-end:var(--spacing-xs)]",
-  "ds:[&>:first-child]:[margin-block-start:0]"
-].join(" ");
-function ne(e, o) {
-  return o ? e ? /\s$/.test(e) ? `${e}${o}` : `${e} ${o}` : o : e;
-}
-function ze(e) {
-  return typeof e == "object" && e !== null && "name" in e && e.name === "AbortError";
-}
-function Ie({
-  credits: e,
-  onBack: o
-}) {
-  const { t: l, i18n: h } = $("ui"), f = e == null ? void 0 : e.limit, T = (e == null ? void 0 : e.remaining) ?? 0, a = f !== void 0 ? l("helpMeWriteTemplates.credits.remaining", { remaining: T, limit: f }) : void 0, t = e != null && e.resetsOn ? new Intl.DateTimeFormat(h.language, {
-    day: "numeric",
-    month: "long"
-  }).format(e.resetsOn) : void 0;
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-      "data-component": "ai-credits-exhausted-notice",
-      children: [
-        /* @__PURE__ */ m(O, { variant: "promo", icon: /* @__PURE__ */ r(fe, { "aria-hidden": "true" }), children: [
-          /* @__PURE__ */ r(O.Title, { as: "h2", children: l("helpMeWriteTemplates.credits.title") }),
-          /* @__PURE__ */ r(O.Description, { children: e != null && e.onBuyCredits ? t ? l("helpMeWriteTemplates.credits.bodyResets", { date: t }) : l("helpMeWriteTemplates.credits.body") : t ? l("helpMeWriteTemplates.credits.bodyWaitResets", {
-            date: t
-          }) : l("helpMeWriteTemplates.credits.bodyWait") }),
-          f !== void 0 && a ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[margin-block-start:var(--spacing-sm)]", children: [
-            /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              /* @__PURE__ */ r("span", { className: "type-label", children: l("helpMeWriteTemplates.credits.meterLabel") }),
-              /* @__PURE__ */ r("span", { className: "type-label ds:ms-auto ds:tabular-nums", children: a })
-            ] }),
-            /* @__PURE__ */ r(
-              pe,
-              {
-                value: Math.max(0, f - T),
-                max: f,
-                size: "sm",
-                ariaLabel: l("helpMeWriteTemplates.credits.meterLabel"),
-                ariaValueText: a
-              }
-            )
-          ] }) : null,
-          e != null && e.onBuyCredits || e != null && e.onSeeCosts ? /* @__PURE__ */ m(O.Action, { children: [
-            e.onBuyCredits ? /* @__PURE__ */ r(
-              N,
-              {
-                intent: "tonal",
-                size: "sm",
-                startIcon: /* @__PURE__ */ r(ge, { "aria-hidden": "true" }),
-                onClick: e.onBuyCredits,
-                children: l("helpMeWriteTemplates.credits.cta")
-              }
-            ) : null,
-            e.onSeeCosts ? /* @__PURE__ */ r(N, { intent: "link", size: "sm", onClick: e.onSeeCosts, children: l("helpMeWriteTemplates.credits.secondary") }) : null
-          ] }) : null
-        ] }),
-        /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-          o ? /* @__PURE__ */ r(N, { intent: "ghost", startIcon: /* @__PURE__ */ r(ve, {}), onClick: o, children: l("helpMeWriteTemplates.credits.back") }) : null,
-          /* @__PURE__ */ r("p", { className: K, children: l("helpMeWriteTemplates.credits.kept") })
-        ] })
-      ]
-    }
-  );
-}
-function Re({
-  context: e,
-  onGenerate: o,
-  onApplied: l,
-  credits: h,
-  enableDictation: f = !0,
-  suspendClose: T = !1
-}) {
-  const { t: a } = $("ui"), { open: t } = e, k = ee(), s = ee(), [u, D] = b(""), [w, E] = b(!1), [z, i] = b(!1), [g, c] = b(!1), [C, I] = b(null), d = V(null), v = f ? e.onDictate : void 0, [W, S] = b(!1), [A, P] = b(""), [X, n] = b(""), y = V(null), R = L(() => {
-    var p;
-    return (p = y.current) == null ? void 0 : p.abort();
-  }, []), ie = L(() => {
-    if (W) {
-      R();
-      return;
-    }
-    if (!v) return;
-    const p = new AbortController();
-    y.current = p, S(!0), n(a("helpMeWriteTemplates.bar.listening")), v({
-      signal: p.signal,
-      onPartialTranscript: (M) => {
-        p.signal.aborted || P(M);
-      },
-      onFinalTranscript: (M) => {
-        if (p.signal.aborted) return;
-        P("");
-        const H = M.trim();
-        H && (D((F) => ne(F, H)), n(H));
-      }
-    }).catch((M) => {
-      M instanceof ae && c(!0);
-    }).finally(() => {
-      P(""), y.current === p && (y.current = null, S(!1), n(""));
-    });
-  }, [W, v, R, a]);
-  U(() => {
-    var p, M;
-    t ? (D(""), E(!1), i(!1), c(e.creditsExhausted), I(null)) : ((p = d.current) == null || p.abort(), (M = y.current) == null || M.abort());
-  }, [t]), U(
-    () => () => {
-      var p, M;
-      (p = d.current) == null || p.abort(), (M = y.current) == null || M.abort();
-    },
-    []
-  );
-  const Q = L(() => {
-    var H;
-    if (w || !u.trim()) return;
-    R(), (H = d.current) == null || H.abort();
-    const p = new AbortController();
-    d.current = p, i(!1), E(!0);
-    const M = e.scope === "selection";
-    o({
-      prompt: u.trim(),
-      sourceText: M ? e.selectionText : e.getText(),
-      scope: M ? "selection" : "document",
-      signal: p.signal
-    }).then((F) => {
-      p.signal.aborted || (I(F), E(!1));
-    }).catch((F) => {
-      p.signal.aborted || ze(F) || (F instanceof ae ? c(!0) : i(!0), E(!1));
-    });
-  }, [w, u, o, R]), { onClose: G } = e, le = L(() => {
-    T || G();
-  }, [T, G]), oe = () => {
-    if (C === null) return;
-    const p = e.getHTML();
-    e.insertAtSelection(C), e.onClose();
-    const { setContent: M } = e;
-    l == null || l({
-      mode: e.scope === "selection" ? "replace" : "insert",
-      previousHtml: p,
-      undo: () => M(p)
-    });
-  };
-  let j;
-  if (g)
-    j = /* @__PURE__ */ r(
-      Ie,
-      {
-        credits: h,
-        onBack: () => c(!1)
-      }
-    );
-  else if (C !== null)
-    j = /* @__PURE__ */ m(_, { children: [
-      /* @__PURE__ */ m(
-        "section",
-        {
-          "aria-labelledby": k,
-          className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]",
-          children: [
-            /* @__PURE__ */ r("h2", { id: k, className: De, children: a("helpMeWriteTemplates.bar.after") }),
-            /* @__PURE__ */ r(
-              he,
-              {
-                html: C,
-                profile: "rich-text",
-                className: Ee,
-                tabIndex: 0
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-        /* @__PURE__ */ r(N, { intent: "ghost", startIcon: /* @__PURE__ */ r(te, {}), onClick: e.onClose, children: a("helpMeWriteTemplates.bar.discard") }),
-        /* @__PURE__ */ r(
-          N,
-          {
-            intent: "ghost",
-            startIcon: /* @__PURE__ */ r(Ce, {}),
-            onClick: () => {
-              I(null), Q();
-            },
-            children: a("helpMeWriteTemplates.bar.retry")
-          }
-        ),
-        /* @__PURE__ */ r("span", { className: "ds:flex-1", "aria-hidden": "true" }),
-        /* @__PURE__ */ r(N, { intent: "primary", onClick: oe, children: e.scope === "selection" ? a("helpMeWriteTemplates.bar.replace") : a("helpMeWriteTemplates.bar.insert") })
-      ] })
-    ] });
-  else {
-    const p = W ? ne(u, A) : u;
-    j = /* @__PURE__ */ m(_, { children: [
-      /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-        /* @__PURE__ */ r(
-          B,
-          {
-            size: "md",
-            intent: "outline",
-            className: q,
-            icon: /* @__PURE__ */ r(te, {}),
-            "aria-label": a("helpMeWriteTemplates.bar.close"),
-            onClick: e.onClose
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: "ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ r(
-          se,
-          {
-            size: "md",
-            value: p,
-            onChange: (M) => D(M.target.value),
-            placeholder: a("editor.ai.promptPlaceholder"),
-            "aria-label": a("editor.ai.promptLabel"),
-            autoResize: !0,
-            minRows: 1,
-            maxRows: 3,
-            readOnly: w || W,
-            tone: z ? "error" : "default",
-            "aria-describedby": z ? s : void 0
-          }
-        ) }),
-        v ? /* @__PURE__ */ r(
-          B,
-          {
-            size: "md",
-            intent: "outline",
-            className: W ? `${q} ${ke}` : q,
-            icon: W ? /* @__PURE__ */ r(We, { className: "ds:fill-current" }) : /* @__PURE__ */ r(ye, {}),
-            "aria-pressed": W,
-            "aria-label": a(W ? "helpMeWriteTemplates.bar.dictateStop" : "helpMeWriteTemplates.bar.dictateStart"),
-            disabled: w,
-            onClick: ie
-          }
-        ) : null,
-        /* @__PURE__ */ r(
-          B,
-          {
-            size: "md",
-            intent: "primary",
-            className: Ne,
-            icon: w ? /* @__PURE__ */ r(ue, { size: "sm", variant: "pulse" }) : /* @__PURE__ */ r(xe, {}),
-            disabled: w || !u.trim(),
-            "aria-busy": w || void 0,
-            "aria-label": a("helpMeWriteTemplates.bar.write"),
-            onClick: Q
-          }
-        )
-      ] }),
-      v ? /* @__PURE__ */ r("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: X }) : null,
-      z ? /* @__PURE__ */ r("p", { id: s, role: "alert", className: K, children: a("helpMeWriteTemplates.bar.error") }) : null,
-      /* @__PURE__ */ m("p", { className: K, children: [
-        e.scope === "selection" ? a("helpMeWriteTemplates.bar.contextSelection") : a("helpMeWriteTemplates.bar.contextDocument"),
-        " ",
-        e.privacyNotice
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ r(
-    de,
-    {
-      open: t,
-      onClose: le,
-      ariaLabel: a("editor.ai.helpMeWrite"),
-      children: /* @__PURE__ */ r("div", { className: "ds:contents", "data-component": "help-me-write-templates-bar", children: j })
-    }
-  );
-}
-const Se = ce("", {
-  variants: {
-    dragging: { true: "ds:opacity-60", false: "" },
-    dropTarget: {
-      true: "ds:outline-[length:var(--focus-ring-width)] ds:outline-dashed ds:outline-[var(--primary)] ds:outline-offset-[-2px]",
-      false: ""
-    }
-  },
-  defaultVariants: { dragging: !1, dropTarget: !1 }
-});
-function Ae(e, o) {
-  const { t: l } = $("ui"), [h, f] = b(null), [T, a] = b(null), [t, k] = b(""), s = V(!1), u = (i, g) => {
-    const c = Math.max(0, Math.min(e.length - 1, g));
-    if (!o || c === i) return;
-    const C = e.map((v) => v.id), [I] = C.splice(i, 1);
-    C.splice(c, 0, I), o(C), s.current = !s.current;
-    const d = l("helpMeWriteTemplates.manager.reorderAnnounce", {
-      label: e[i].name,
-      to: c + 1,
-      total: e.length
-    });
-    k(s.current ? d : `${d}​`);
-  };
-  return { rowProps: (i) => o ? {
-    draggable: !0,
-    onDragStart: (g) => {
-      f(i), g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("text/plain", String(i));
-    },
-    onDragEnd: () => {
-      f(null), a(null);
-    },
-    onDragOver: (g) => {
-      h !== null && (g.preventDefault(), g.dataTransfer.dropEffect = "move", a(i));
-    },
-    onDragLeave: () => a(null),
-    onDrop: (g) => {
-      g.preventDefault();
-      const c = h;
-      f(null), a(null), c !== null && u(c, i);
-    }
-  } : {}, rowClass: (i) => Se({
-    dragging: h === i,
-    dropTarget: T === i && h !== i
-  }), handle: (i, g) => /* @__PURE__ */ r(
-    B,
-    {
-      size: "sm",
-      intent: "ghost",
-      icon: /* @__PURE__ */ r(we, { "aria-hidden": "true" }),
-      "aria-label": l("helpMeWriteTemplates.manager.reorderHandle", {
-        label: g
-      }),
-      className: "ds:cursor-grab ds:active:cursor-grabbing",
-      onKeyDown: (c) => {
-        if (!c.altKey) return;
-        const C = c.key === "ArrowUp" ? i - 1 : c.key === "ArrowDown" ? i + 1 : c.key === "Home" ? 0 : c.key === "End" ? e.length - 1 : null;
-        C !== null && (c.preventDefault(), u(i, C));
-      }
-    }
-  ), liveRegion: /* @__PURE__ */ r("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: t }) };
-}
-const J = {
-  name: "",
-  description: "",
-  prompt: "",
-  submitted: !1
-};
-function Pe({
-  open: e,
-  onOpenChange: o,
-  initialMode: l = "list",
-  templates: h,
-  onSaveTemplate: f,
-  onDeleteTemplate: T,
-  onReorderTemplates: a
-}) {
-  const { t } = $("ui"), k = Ae(h, a), [s, u] = b(null), [D, w] = b(!1), [E, z] = b(!1), [i, g] = b(null), [c, C] = b(!1), [I, d] = b(!1), v = async () => {
-    if (!(!i || c)) {
-      C(!0), d(!1);
-      try {
-        await (T == null ? void 0 : T(i.id)), g(null);
-      } catch {
-        d(!0);
-      } finally {
-        C(!1);
-      }
-    }
-  };
-  U(() => {
-    e && (z(!1), u(l === "create" ? { ...J } : null));
-  }, [e]);
-  const W = (n, y) => h.some(
-    (R) => R.id !== y && R.name.toLowerCase() === n.toLowerCase()
-  ), S = (() => {
-    if (!(s != null && s.submitted)) return;
-    const n = s.name.trim();
-    return n ? W(n, s.id) ? t("helpMeWriteTemplates.manager.nameTaken") : void 0 : t("helpMeWriteTemplates.manager.nameRequired");
-  })(), A = s != null && s.submitted && !s.prompt.trim() ? t("helpMeWriteTemplates.manager.promptRequired") : void 0, P = async () => {
-    if (!s || D) return;
-    const n = { ...s, submitted: !0 };
-    u(n);
-    const y = n.name.trim(), R = n.prompt.trim();
-    if (!(!y || !R || W(y, n.id))) {
-      w(!0), z(!1);
-      try {
-        await f({
-          id: n.id,
-          name: y,
-          description: n.description.trim() || void 0,
-          prompt: R
-        }), u(null);
-      } catch {
-        z(!0);
-      } finally {
-        w(!1);
-      }
-    }
-  }, X = s ? s.id ? t("helpMeWriteTemplates.manager.formEdit") : t("helpMeWriteTemplates.manager.formNew") : t("helpMeWriteTemplates.manager.title");
-  return /* @__PURE__ */ m(_, { children: [
-    /* @__PURE__ */ r(x, { open: e, onOpenChange: o, children: /* @__PURE__ */ r(x.Content, { size: "lg", children: /* @__PURE__ */ m("div", { className: "ds:contents", "data-component": "ai-template-manager", children: [
-      /* @__PURE__ */ m(x.Header, { children: [
-        /* @__PURE__ */ r(x.Title, { children: X }),
-        /* @__PURE__ */ r(x.Description, { children: t("helpMeWriteTemplates.manager.description") })
-      ] }),
-      /* @__PURE__ */ m(x.Body, { children: [
-        s ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-          E ? /* @__PURE__ */ r(O, { variant: "error", children: t("helpMeWriteTemplates.manager.saveError") }) : null,
-          /* @__PURE__ */ r(
-            Z,
-            {
-              label: t("helpMeWriteTemplates.manager.name"),
-              error: S,
-              required: !0,
-              children: /* @__PURE__ */ r(
-                re,
-                {
-                  value: s.name,
-                  maxLength: 100,
-                  placeholder: t(
-                    "helpMeWriteTemplates.manager.namePlaceholder"
-                  ),
-                  onChange: (n) => u({ ...s, name: n.target.value })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ r(
-            Z,
-            {
-              label: t("helpMeWriteTemplates.manager.descLabel"),
-              description: t("helpMeWriteTemplates.manager.descHint"),
-              optional: !0,
-              children: /* @__PURE__ */ r(
-                re,
-                {
-                  value: s.description,
-                  maxLength: 120,
-                  onChange: (n) => u({ ...s, description: n.target.value })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ r(
-            Z,
-            {
-              label: t("helpMeWriteTemplates.manager.prompt"),
-              description: t(
-                "helpMeWriteTemplates.manager.promptDescription"
-              ),
-              error: A,
-              required: !0,
-              children: /* @__PURE__ */ r(
-                se,
-                {
-                  value: s.prompt,
-                  maxLength: 4e3,
-                  autoResize: !0,
-                  minRows: 4,
-                  maxRows: 10,
-                  onChange: (n) => u({ ...s, prompt: n.target.value })
-                }
-              )
-            }
-          )
-        ] }) : h.length === 0 ? /* @__PURE__ */ r(
-          me,
-          {
-            variant: "first-use",
-            size: "sm",
-            title: t("helpMeWriteTemplates.manager.emptyTitle"),
-            description: t(
-              "helpMeWriteTemplates.manager.emptyDescription"
-            ),
-            primaryAction: {
-              label: t("helpMeWriteTemplates.manager.new"),
-              onClick: () => u({ ...J })
-            }
-          }
-        ) : /* @__PURE__ */ r(
-          "ul",
-          {
-            "aria-label": t("helpMeWriteTemplates.manager.listLabel"),
-            className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0",
-            children: h.map((n, y) => /* @__PURE__ */ m(
-              "li",
-              {
-                ...k.rowProps(y),
-                className: `ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)] ds:p-[var(--spacing-sm)] ${k.rowClass(y)}`,
-                children: [
-                  a ? k.handle(y, n.name) : null,
-                  /* @__PURE__ */ m("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-                    /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: /* @__PURE__ */ r("span", { className: "type-title-item ds:text-[color:var(--foreground)]", children: n.name }) }),
-                    /* @__PURE__ */ r("p", { className: `${K} ds:line-clamp-2`, children: n.description || n.prompt })
-                  ] }),
-                  /* @__PURE__ */ r(
-                    B,
-                    {
-                      size: "sm",
-                      intent: "ghost",
-                      icon: /* @__PURE__ */ r(be, {}),
-                      "aria-label": t("helpMeWriteTemplates.manager.edit", {
-                        name: n.name
-                      }),
-                      onClick: () => u({
-                        id: n.id,
-                        name: n.name,
-                        description: n.description ?? "",
-                        prompt: n.prompt,
-                        submitted: !1
-                      })
-                    }
-                  ),
-                  T ? /* @__PURE__ */ r(
-                    B,
-                    {
-                      size: "sm",
-                      intent: "ghost",
-                      icon: /* @__PURE__ */ r(Te, {}),
-                      "aria-label": t("helpMeWriteTemplates.manager.delete", {
-                        name: n.name
-                      }),
-                      onClick: () => g(n)
-                    }
-                  ) : null
-                ]
-              },
-              n.id
-            ))
-          }
-        ),
-        k.liveRegion
-      ] }),
-      /* @__PURE__ */ r(x.Footer, { children: s ? /* @__PURE__ */ m(_, { children: [
-        /* @__PURE__ */ r(N, { intent: "secondary", onClick: () => u(null), children: t("helpMeWriteTemplates.manager.cancel") }),
-        /* @__PURE__ */ r(
-          N,
-          {
-            intent: "primary",
-            loading: D,
-            onClick: () => void P(),
-            children: t("helpMeWriteTemplates.manager.save")
-          }
-        )
-      ] }) : /* @__PURE__ */ m(_, { children: [
-        h.length > 0 ? /* @__PURE__ */ r(
-          N,
-          {
-            intent: "outline",
-            startIcon: /* @__PURE__ */ r(Me, {}),
-            onClick: () => u({ ...J }),
-            children: t("helpMeWriteTemplates.manager.new")
-          }
-        ) : null,
-        /* @__PURE__ */ r(x.Close, { asChild: !0, children: /* @__PURE__ */ r(N, { intent: "primary", children: t("helpMeWriteTemplates.manager.done") }) })
-      ] }) })
-    ] }) }) }),
-    /* @__PURE__ */ r(
-      x,
-      {
-        open: i != null,
-        onOpenChange: (n) => {
-          !n && !c && (g(null), d(!1));
-        },
-        children: /* @__PURE__ */ m(x.Content, { size: "sm", variant: "alert", children: [
-          /* @__PURE__ */ m(x.Header, { children: [
-            /* @__PURE__ */ r(x.Title, { children: t("helpMeWriteTemplates.manager.deleteTitle", {
-              name: (i == null ? void 0 : i.name) ?? ""
-            }) }),
-            /* @__PURE__ */ r(x.Description, { children: t("helpMeWriteTemplates.manager.deleteDescription") })
-          ] }),
-          I ? /* @__PURE__ */ r(x.Body, { children: /* @__PURE__ */ r(O, { variant: "error", children: t("helpMeWriteTemplates.manager.deleteError") }) }) : null,
-          /* @__PURE__ */ m(x.Footer, { children: [
-            /* @__PURE__ */ r(x.Close, { asChild: !0, children: /* @__PURE__ */ r(N, { intent: "secondary", disabled: c, children: t("helpMeWriteTemplates.manager.cancel") }) }),
-            /* @__PURE__ */ r(
-              N,
-              {
-                intent: "destructive",
-                loading: c,
-                onClick: () => void v(),
-                children: t("helpMeWriteTemplates.manager.deleteConfirm")
-              }
-            )
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-function Le({
-  applied: e,
-  onUndo: o,
-  onDismiss: l
-}) {
-  const { t: h } = $("ui"), f = V(null);
-  if (U(() => {
-    var a;
-    e && ((a = f.current) == null || a.focus());
-  }, [e]), !(e != null && e.template)) return null;
-  const T = e.template.name;
-  return /* @__PURE__ */ r(
-    O,
-    {
-      variant: "success",
-      dismissible: !0,
-      onOpenChange: (a) => {
-        a || l();
-      },
-      "data-component": "help-me-write-undo-notice",
-      children: /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-        /* @__PURE__ */ r("span", { children: e.mode === "below" ? h("helpMeWriteTemplates.undo.addedBelow", { name: T }) : h("helpMeWriteTemplates.undo.replaced", { name: T }) }),
-        /* @__PURE__ */ r(N, { ref: f, intent: "outline", size: "sm", onClick: o, children: h("helpMeWriteTemplates.undo.undo") })
-      ] })
-    }
-  );
-}
-function mr({
-  templates: e,
-  onGenerate: o,
-  onSaveTemplate: l,
-  onDeleteTemplate: h,
-  onReorderTemplates: f,
-  credits: T,
-  enableDictation: a,
-  onApplied: t,
-  creditsNotice: k
-}) {
-  const [s, u] = b({ open: !1, mode: "list" }), [D, w] = b(null), E = L(
-    (d = "list") => u({ open: !0, mode: d }),
-    []
-  ), z = L(
-    (d) => /* @__PURE__ */ r(
-      Re,
-      {
-        context: d,
-        onGenerate: o,
-        credits: T,
-        enableDictation: a,
-        suspendClose: s.open,
-        onApplied: t
-      }
-    ),
-    [o, T, a, s.open, t]
-  ), i = Y(() => {
-    const d = new Map(e.map((v) => [v.id, v]));
-    return {
-      templates: e,
-      onRun: ({ template: v, text: W, scope: S, signal: A }) => {
-        const P = d.get(v.id);
-        return P ? o({
-          template: P,
-          prompt: "",
-          sourceText: W,
-          scope: S,
-          signal: A
-        }) : Promise.reject(new Error("Unknown template"));
-      },
-      onManage: l ? E : void 0
-    };
-  }, [e, o, l, E]), g = L(
-    (d) => {
-      if (d.action !== "template" || !d.template) return;
-      const v = e.find((S) => {
-        var A;
-        return S.id === ((A = d.template) == null ? void 0 : A.id);
-      }), W = {
-        mode: "replace",
-        template: v,
-        previousHtml: d.previousHtml,
-        undo: d.undo
-      };
-      w(v ? W : null), t == null || t(W);
-    },
-    [e, t]
-  ), c = Y(
-    () => l ? /* @__PURE__ */ r(
-      Pe,
-      {
-        open: s.open,
-        initialMode: s.mode,
-        onOpenChange: (d) => u((v) => ({ ...v, open: d })),
-        templates: e,
-        onSaveTemplate: l,
-        onDeleteTemplate: h,
-        onReorderTemplates: f
-      }
-    ) : null,
-    [s, e, l, h, f]
-  ), C = /* @__PURE__ */ r(
-    Le,
-    {
-      applied: D,
-      onUndo: () => {
-        D == null || D.undo(), w(null);
-      },
-      onDismiss: () => w(null)
-    }
-  ), I = Y(
-    () => ({
-      renderHelpMeWrite: z,
-      aiTemplates: i,
-      onAiApplied: g,
-      aiCreditsNotice: k
-    }),
-    [z, i, g, k]
-  );
-  return {
-    ...I,
-    editorProps: I,
-    manager: c,
-    undoNotice: C,
-    openManager: E
-  };
-}
-export {
-  ae as A,
-  Re as H,
-  Ie as a,
-  Pe as b,
-  Le as c,
-  mr as u
-};
-//# sourceMappingURL=help-me-write-templates-DFmqnsAa.js.map