@alfadocs/ui-kit 1.66.0 → 1.68.0

package/dist/_chunks/help-me-write-templates-5WkUfvc_.js

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