@alfadocs/ui-kit 1.42.0 → 1.44.0

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

@@ -0,0 +1,741 @@
+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 S, useMemo as Y } from "react";
+import { useTranslation as $ } from "react-i18next";
+import { c as ce } from "./index-D2ZczOXr.js";
+import { A as P } from "./alert-CiQ5Pa3Q.js";
+import { B as D } from "./button-CaUe1uyd.js";
+import { I as F } from "./icon-button-CehAeZoP.js";
+import { D as y } from "./dialog-BJiLqhx6.js";
+import { E as de } from "./editor-overlay-DwNKaI22.js";
+import { E as me } from "./empty-state-BUN_UAWf.js";
+import { F as Z } from "./form-field-CahJzTxp.js";
+import { P as pe } from "./progress-CK8otcQ-.js";
+import { S as ue } from "./spinner-hbwuKwMf.js";
+import { T as se } from "./text-area-Bt3p7Pt0.js";
+import { T as re } from "./text-input-CUvCb6ST.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: u } = $(), 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(u.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(P, { variant: "promo", icon: /* @__PURE__ */ r(fe, { "aria-hidden": "true" }), children: [
+          /* @__PURE__ */ r(P.Title, { as: "h2", children: l("helpMeWriteTemplates.credits.title") }),
+          /* @__PURE__ */ r(P.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(P.Action, { children: [
+            e.onBuyCredits ? /* @__PURE__ */ r(
+              D,
+              {
+                intent: "tonal",
+                size: "sm",
+                startIcon: /* @__PURE__ */ r(ge, { "aria-hidden": "true" }),
+                onClick: e.onBuyCredits,
+                children: l("helpMeWriteTemplates.credits.cta")
+              }
+            ) : null,
+            e.onSeeCosts ? /* @__PURE__ */ r(D, { 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(D, { 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: u,
+  enableDictation: f = !0,
+  suspendClose: T = !1
+}) {
+  const { t: a } = $(), { open: t } = e, x = ee(), s = ee(), [c, E] = b(""), [w, I] = b(!1), [z, i] = b(!1), [v, d] = b(!1), [C, h] = b(null), g = V(null), k = f ? e.onDictate : void 0, [N, A] = b(!1), [L, B] = b(""), [X, n] = b(""), W = V(null), R = S(() => {
+    var p;
+    return (p = W.current) == null ? void 0 : p.abort();
+  }, []), ie = S(() => {
+    if (N) {
+      R();
+      return;
+    }
+    if (!k) return;
+    const p = new AbortController();
+    W.current = p, A(!0), n(a("helpMeWriteTemplates.bar.listening")), k({
+      signal: p.signal,
+      onPartialTranscript: (M) => {
+        p.signal.aborted || B(M);
+      },
+      onFinalTranscript: (M) => {
+        if (p.signal.aborted) return;
+        B("");
+        const O = M.trim();
+        O && (E((H) => ne(H, O)), n(O));
+      }
+    }).catch((M) => {
+      M instanceof ae && d(!0);
+    }).finally(() => {
+      B(""), W.current === p && (W.current = null, A(!1), n(""));
+    });
+  }, [N, k, R, a]);
+  U(() => {
+    var p, M;
+    t ? (E(""), I(!1), i(!1), d(e.creditsExhausted), h(null)) : ((p = g.current) == null || p.abort(), (M = W.current) == null || M.abort());
+  }, [t]), U(
+    () => () => {
+      var p, M;
+      (p = g.current) == null || p.abort(), (M = W.current) == null || M.abort();
+    },
+    []
+  );
+  const Q = S(() => {
+    var O;
+    if (w || !c.trim()) return;
+    R(), (O = g.current) == null || O.abort();
+    const p = new AbortController();
+    g.current = p, i(!1), I(!0);
+    const M = e.scope === "selection";
+    o({
+      prompt: c.trim(),
+      sourceText: M ? e.selectionText : e.getText(),
+      scope: M ? "selection" : "document",
+      signal: p.signal
+    }).then((H) => {
+      p.signal.aborted || (h(H), I(!1));
+    }).catch((H) => {
+      p.signal.aborted || ze(H) || (H instanceof ae ? d(!0) : i(!0), I(!1));
+    });
+  }, [w, c, o, R]), { onClose: G } = e, le = S(() => {
+    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 (v)
+    j = /* @__PURE__ */ r(
+      Ie,
+      {
+        credits: u,
+        onBack: () => d(!1)
+      }
+    );
+  else if (C !== null)
+    j = /* @__PURE__ */ m(_, { children: [
+      /* @__PURE__ */ m(
+        "section",
+        {
+          "aria-labelledby": x,
+          className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]",
+          children: [
+            /* @__PURE__ */ r("h2", { id: x, 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(D, { intent: "ghost", startIcon: /* @__PURE__ */ r(te, {}), onClick: e.onClose, children: a("helpMeWriteTemplates.bar.discard") }),
+        /* @__PURE__ */ r(
+          D,
+          {
+            intent: "ghost",
+            startIcon: /* @__PURE__ */ r(Ce, {}),
+            onClick: () => {
+              h(null), Q();
+            },
+            children: a("helpMeWriteTemplates.bar.retry")
+          }
+        ),
+        /* @__PURE__ */ r("span", { className: "ds:flex-1", "aria-hidden": "true" }),
+        /* @__PURE__ */ r(D, { intent: "primary", onClick: oe, children: e.scope === "selection" ? a("helpMeWriteTemplates.bar.replace") : a("helpMeWriteTemplates.bar.insert") })
+      ] })
+    ] });
+  else {
+    const p = N ? ne(c, L) : c;
+    j = /* @__PURE__ */ m(_, { children: [
+      /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ r(
+          F,
+          {
+            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) => E(M.target.value),
+            placeholder: a("editor.ai.promptPlaceholder"),
+            "aria-label": a("editor.ai.promptLabel"),
+            autoResize: !0,
+            minRows: 1,
+            maxRows: 3,
+            readOnly: w || N,
+            tone: z ? "error" : "default",
+            "aria-describedby": z ? s : void 0
+          }
+        ) }),
+        k ? /* @__PURE__ */ r(
+          F,
+          {
+            size: "md",
+            intent: "outline",
+            className: N ? `${q} ${ke}` : q,
+            icon: N ? /* @__PURE__ */ r(We, { className: "ds:fill-current" }) : /* @__PURE__ */ r(ye, {}),
+            "aria-pressed": N,
+            "aria-label": a(N ? "helpMeWriteTemplates.bar.dictateStop" : "helpMeWriteTemplates.bar.dictateStart"),
+            disabled: w,
+            onClick: ie
+          }
+        ) : null,
+        /* @__PURE__ */ r(
+          F,
+          {
+            size: "md",
+            intent: "primary",
+            className: Ne,
+            icon: w ? /* @__PURE__ */ r(ue, { size: "sm", variant: "pulse" }) : /* @__PURE__ */ r(xe, {}),
+            disabled: w || !c.trim(),
+            "aria-busy": w || void 0,
+            "aria-label": a("helpMeWriteTemplates.bar.write"),
+            onClick: Q
+          }
+        )
+      ] }),
+      k ? /* @__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 Ae = 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 Se(e, o) {
+  const { t: l } = $(), [u, f] = b(null), [T, a] = b(null), [t, x] = b(""), s = V(!1), c = (i, v) => {
+    const d = Math.max(0, Math.min(e.length - 1, v));
+    if (!o || d === i) return;
+    const C = e.map((k) => k.id), [h] = C.splice(i, 1);
+    C.splice(d, 0, h), o(C), s.current = !s.current;
+    const g = l("helpMeWriteTemplates.manager.reorderAnnounce", {
+      label: e[i].name,
+      to: d + 1,
+      total: e.length
+    });
+    x(s.current ? g : `${g}​`);
+  };
+  return { rowProps: (i) => o ? {
+    draggable: !0,
+    onDragStart: (v) => {
+      f(i), v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("text/plain", String(i));
+    },
+    onDragEnd: () => {
+      f(null), a(null);
+    },
+    onDragOver: (v) => {
+      u !== null && (v.preventDefault(), v.dataTransfer.dropEffect = "move", a(i));
+    },
+    onDragLeave: () => a(null),
+    onDrop: (v) => {
+      v.preventDefault();
+      const d = u;
+      f(null), a(null), d !== null && c(d, i);
+    }
+  } : {}, rowClass: (i) => Ae({
+    dragging: u === i,
+    dropTarget: T === i && u !== i
+  }), handle: (i, v) => /* @__PURE__ */ r(
+    F,
+    {
+      size: "sm",
+      intent: "ghost",
+      icon: /* @__PURE__ */ r(we, { "aria-hidden": "true" }),
+      "aria-label": l("helpMeWriteTemplates.manager.reorderHandle", {
+        label: v
+      }),
+      className: "ds:cursor-grab ds:active:cursor-grabbing",
+      onKeyDown: (d) => {
+        if (!d.altKey) return;
+        const C = d.key === "ArrowUp" ? i - 1 : d.key === "ArrowDown" ? i + 1 : d.key === "Home" ? 0 : d.key === "End" ? e.length - 1 : null;
+        C !== null && (d.preventDefault(), c(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: u,
+  onSaveTemplate: f,
+  onDeleteTemplate: T,
+  onReorderTemplates: a
+}) {
+  const { t } = $(), x = Se(u, a), [s, c] = b(null), [E, w] = b(!1), [I, z] = b(!1), [i, v] = b(null), [d, C] = b(!1), [h, g] = b(!1), k = async () => {
+    if (!(!i || d)) {
+      C(!0), g(!1);
+      try {
+        await (T == null ? void 0 : T(i.id)), v(null);
+      } catch {
+        g(!0);
+      } finally {
+        C(!1);
+      }
+    }
+  };
+  U(() => {
+    e && (z(!1), c(l === "create" ? { ...J } : null));
+  }, [e]);
+  const N = (n, W) => u.some(
+    (R) => R.id !== W && R.name.toLowerCase() === n.toLowerCase()
+  ), A = (() => {
+    if (!(s != null && s.submitted)) return;
+    const n = s.name.trim();
+    return n ? N(n, s.id) ? t("helpMeWriteTemplates.manager.nameTaken") : void 0 : t("helpMeWriteTemplates.manager.nameRequired");
+  })(), L = s != null && s.submitted && !s.prompt.trim() ? t("helpMeWriteTemplates.manager.promptRequired") : void 0, B = async () => {
+    if (!s || E) return;
+    const n = { ...s, submitted: !0 };
+    c(n);
+    const W = n.name.trim(), R = n.prompt.trim();
+    if (!(!W || !R || N(W, n.id))) {
+      w(!0), z(!1);
+      try {
+        await f({
+          id: n.id,
+          name: W,
+          description: n.description.trim() || void 0,
+          prompt: R
+        }), c(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(y, { open: e, onOpenChange: o, children: /* @__PURE__ */ r(y.Content, { size: "lg", children: /* @__PURE__ */ m("div", { className: "ds:contents", "data-component": "ai-template-manager", children: [
+      /* @__PURE__ */ m(y.Header, { children: [
+        /* @__PURE__ */ r(y.Title, { children: X }),
+        /* @__PURE__ */ r(y.Description, { children: t("helpMeWriteTemplates.manager.description") })
+      ] }),
+      /* @__PURE__ */ m(y.Body, { children: [
+        s ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+          I ? /* @__PURE__ */ r(P, { variant: "error", children: t("helpMeWriteTemplates.manager.saveError") }) : null,
+          /* @__PURE__ */ r(
+            Z,
+            {
+              label: t("helpMeWriteTemplates.manager.name"),
+              error: A,
+              required: !0,
+              children: /* @__PURE__ */ r(
+                re,
+                {
+                  value: s.name,
+                  maxLength: 100,
+                  placeholder: t(
+                    "helpMeWriteTemplates.manager.namePlaceholder"
+                  ),
+                  onChange: (n) => c({ ...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) => c({ ...s, description: n.target.value })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ r(
+            Z,
+            {
+              label: t("helpMeWriteTemplates.manager.prompt"),
+              description: t(
+                "helpMeWriteTemplates.manager.promptDescription"
+              ),
+              error: L,
+              required: !0,
+              children: /* @__PURE__ */ r(
+                se,
+                {
+                  value: s.prompt,
+                  maxLength: 4e3,
+                  autoResize: !0,
+                  minRows: 4,
+                  maxRows: 10,
+                  onChange: (n) => c({ ...s, prompt: n.target.value })
+                }
+              )
+            }
+          )
+        ] }) : u.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: () => c({ ...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: u.map((n, W) => /* @__PURE__ */ m(
+              "li",
+              {
+                ...x.rowProps(W),
+                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)] ${x.rowClass(W)}`,
+                children: [
+                  a ? x.handle(W, 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(
+                    F,
+                    {
+                      size: "sm",
+                      intent: "ghost",
+                      icon: /* @__PURE__ */ r(be, {}),
+                      "aria-label": t("helpMeWriteTemplates.manager.edit", {
+                        name: n.name
+                      }),
+                      onClick: () => c({
+                        id: n.id,
+                        name: n.name,
+                        description: n.description ?? "",
+                        prompt: n.prompt,
+                        submitted: !1
+                      })
+                    }
+                  ),
+                  T ? /* @__PURE__ */ r(
+                    F,
+                    {
+                      size: "sm",
+                      intent: "ghost",
+                      icon: /* @__PURE__ */ r(Te, {}),
+                      "aria-label": t("helpMeWriteTemplates.manager.delete", {
+                        name: n.name
+                      }),
+                      onClick: () => v(n)
+                    }
+                  ) : null
+                ]
+              },
+              n.id
+            ))
+          }
+        ),
+        x.liveRegion
+      ] }),
+      /* @__PURE__ */ r(y.Footer, { children: s ? /* @__PURE__ */ m(_, { children: [
+        /* @__PURE__ */ r(D, { intent: "secondary", onClick: () => c(null), children: t("helpMeWriteTemplates.manager.cancel") }),
+        /* @__PURE__ */ r(
+          D,
+          {
+            intent: "primary",
+            loading: E,
+            onClick: () => void B(),
+            children: t("helpMeWriteTemplates.manager.save")
+          }
+        )
+      ] }) : /* @__PURE__ */ m(_, { children: [
+        u.length > 0 ? /* @__PURE__ */ r(
+          D,
+          {
+            intent: "outline",
+            startIcon: /* @__PURE__ */ r(Me, {}),
+            onClick: () => c({ ...J }),
+            children: t("helpMeWriteTemplates.manager.new")
+          }
+        ) : null,
+        /* @__PURE__ */ r(y.Close, { asChild: !0, children: /* @__PURE__ */ r(D, { intent: "primary", children: t("helpMeWriteTemplates.manager.done") }) })
+      ] }) })
+    ] }) }) }),
+    /* @__PURE__ */ r(
+      y,
+      {
+        open: i != null,
+        onOpenChange: (n) => {
+          !n && !d && (v(null), g(!1));
+        },
+        children: /* @__PURE__ */ m(y.Content, { size: "sm", variant: "alert", children: [
+          /* @__PURE__ */ m(y.Header, { children: [
+            /* @__PURE__ */ r(y.Title, { children: t("helpMeWriteTemplates.manager.deleteTitle", {
+              name: (i == null ? void 0 : i.name) ?? ""
+            }) }),
+            /* @__PURE__ */ r(y.Description, { children: t("helpMeWriteTemplates.manager.deleteDescription") })
+          ] }),
+          h ? /* @__PURE__ */ r(y.Body, { children: /* @__PURE__ */ r(P, { variant: "error", children: t("helpMeWriteTemplates.manager.deleteError") }) }) : null,
+          /* @__PURE__ */ m(y.Footer, { children: [
+            /* @__PURE__ */ r(y.Close, { asChild: !0, children: /* @__PURE__ */ r(D, { intent: "secondary", disabled: d, children: t("helpMeWriteTemplates.manager.cancel") }) }),
+            /* @__PURE__ */ r(
+              D,
+              {
+                intent: "destructive",
+                loading: d,
+                onClick: () => void k(),
+                children: t("helpMeWriteTemplates.manager.deleteConfirm")
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function Le({
+  applied: e,
+  onUndo: o,
+  onDismiss: l
+}) {
+  const { t: u } = $(), 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(
+    P,
+    {
+      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" ? u("helpMeWriteTemplates.undo.addedBelow", { name: T }) : u("helpMeWriteTemplates.undo.replaced", { name: T }) }),
+        /* @__PURE__ */ r(D, { ref: f, intent: "outline", size: "sm", onClick: o, children: u("helpMeWriteTemplates.undo.undo") })
+      ] })
+    }
+  );
+}
+function mr({
+  templates: e,
+  onGenerate: o,
+  onSaveTemplate: l,
+  onDeleteTemplate: u,
+  onReorderTemplates: f,
+  credits: T,
+  enableDictation: a,
+  onApplied: t
+}) {
+  const [x, s] = b({ open: !1, mode: "list" }), [c, E] = b(null), w = S(
+    (h = "list") => s({ open: !0, mode: h }),
+    []
+  ), I = S(
+    (h) => /* @__PURE__ */ r(
+      Re,
+      {
+        context: h,
+        onGenerate: o,
+        credits: T,
+        enableDictation: a,
+        suspendClose: x.open,
+        onApplied: t
+      }
+    ),
+    [o, T, a, x.open, t]
+  ), z = Y(() => {
+    const h = new Map(e.map((g) => [g.id, g]));
+    return {
+      templates: e,
+      onRun: ({ template: g, text: k, scope: N, signal: A }) => {
+        const L = h.get(g.id);
+        return L ? o({
+          template: L,
+          prompt: "",
+          sourceText: k,
+          scope: N,
+          signal: A
+        }) : Promise.reject(new Error("Unknown template"));
+      },
+      onManage: l ? w : void 0
+    };
+  }, [e, o, l, w]), i = S(
+    (h) => {
+      if (h.action !== "template" || !h.template) return;
+      const g = e.find((N) => {
+        var A;
+        return N.id === ((A = h.template) == null ? void 0 : A.id);
+      }), k = {
+        mode: "replace",
+        template: g,
+        previousHtml: h.previousHtml,
+        undo: h.undo
+      };
+      E(g ? k : null), t == null || t(k);
+    },
+    [e, t]
+  ), v = Y(
+    () => l ? /* @__PURE__ */ r(
+      Pe,
+      {
+        open: x.open,
+        initialMode: x.mode,
+        onOpenChange: (h) => s((g) => ({ ...g, open: h })),
+        templates: e,
+        onSaveTemplate: l,
+        onDeleteTemplate: u,
+        onReorderTemplates: f
+      }
+    ) : null,
+    [x, e, l, u, f]
+  ), d = /* @__PURE__ */ r(
+    Le,
+    {
+      applied: c,
+      onUndo: () => {
+        c == null || c.undo(), E(null);
+      },
+      onDismiss: () => E(null)
+    }
+  ), C = Y(
+    () => ({ renderHelpMeWrite: I, aiTemplates: z, onAiApplied: i }),
+    [I, z, i]
+  );
+  return {
+    ...C,
+    editorProps: C,
+    manager: v,
+    undoNotice: d,
+    openManager: w
+  };
+}
+export {
+  ae as A,
+  Re as H,
+  Ie as a,
+  Pe as b,
+  Le as c,
+  mr as u
+};
+//# sourceMappingURL=help-me-write-templates-GUeEn3Ff.js.map