@alfadocs/ui-kit 1.47.1 → 1.48.0

package/dist/_chunks/notes-panel-BiOxZL_0.js

@@ -0,0 +1,1111 @@
+import { jsxs as b, jsx as i, Fragment as _n } from "react/jsx-runtime";
+import { forwardRef as Ln, useRef as u, useState as C, useId as qn, useEffect as S, useCallback as W, useMemo as pt, useImperativeHandle as Dn } from "react";
+import { c as Et } from "./index-D2ZczOXr.js";
+import { useTranslation as kn } from "react-i18next";
+import { g as mt, h as Rt } from "./handled-rejection-6gqCf5vt.js";
+import { u as zn } from "./registry-DvAUVLHh.js";
+import { C as Hn } from "./clinical-note-card-DYDQ3q2x.js";
+import { R as Mn } from "./rich-text-editor-y6ML0KeV.js";
+import { T as Wn } from "./text-area-Bt3p7Pt0.js";
+import { A as j } from "./alert-CiQ5Pa3Q.js";
+import { B as te } from "./button-18oBsI3n.js";
+import { I as vt } from "./icon-button-CY7GU_Se.js";
+import { S as $n } from "./switch-OILsBLWo.js";
+import { T as Bn } from "./tooltip-Cp-PLePW.js";
+import { C as yt } from "./card-DPmk26CL.js";
+import { C as Kn, S as ve } from "./skeleton-B1KTdJ4N.js";
+import { D as _ } from "./dialog-BJiLqhx6.js";
+import { P as In } from "./panel-header-D_mTdhUp.js";
+import { a as Yn, u as Gn, R as Jn } from "./use-list-reflow-C7O4Uqnl.js";
+import { u as Qn } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Un } from "./use-theme-CAuo6EYT.js";
+import { N as Xn } from "./notebook-pen-CO7HoM-W.js";
+import { P as Zn } from "./pencil-B1sKKyuT.js";
+import { T as er } from "./trash-2-uumy3fy1.js";
+const tr = {
+  id: "notes-panel",
+  // 'submit' backs add_note (compose + commit a note). pin / flag are toggles
+  // with no dedicated capability in the closed vocabulary.
+  capabilities: ["submit"],
+  state: {
+    notes: {
+      type: "Array<{ id?: string; pinned: boolean; flagged: boolean; clinical: boolean; deleted: boolean }>",
+      descriptionKey: "ui.agent.notesPanel.state.notes",
+      description: "Timeline note ids + pinned / flagged / clinical / deleted flags. Never the note body or author (both PHI). A note whose delete is in flight is left out; a pin or flag in flight is reported with its new value. A deleted note takes no pin or flag.",
+      read: (o) => o.getNotes()
+    },
+    canAddClinical: {
+      type: "boolean",
+      descriptionKey: "ui.agent.notesPanel.state.canAddClinical",
+      description: "Whether the current user may write clinical notes (the practice_add_clinical_note permission gate).",
+      read: (o) => o.canAddClinical()
+    },
+    currentNoteId: {
+      type: "string | null",
+      descriptionKey: "ui.agent.notesPanel.state.currentNoteId",
+      description: "Id of the note the host has addressed — the one marked, scrolled to and focused. Null when none is. An id only, never note content.",
+      read: (o) => o.getCurrentNoteId()
+    }
+  },
+  actions: {
+    add_note: {
+      // Writes a clinical/admin note body — patient-identifiable content. PHI.
+      safety: "phi",
+      argsType: "{ content: string; clinical: boolean }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          content: {
+            type: "string",
+            description: "Note body. Rich HTML for the rich composer, else plain text."
+          },
+          clinical: {
+            type: "boolean",
+            description: "Whether the note is clinical. Requires the clinical-note permission; the submission is dropped when the gate is closed."
+          }
+        },
+        required: ["content", "clinical"]
+      },
+      openWorld: !0,
+      descriptionKey: "ui.agent.notesPanel.actions.addNote",
+      description: "Compose and commit a new note. A clinical note requires the clinical-note permission (read canAddClinical first).",
+      examples: [
+        {
+          args: { content: "Patient reported improvement.", clinical: !0 },
+          note: "Add a clinical note."
+        }
+      ],
+      invoke: (o, f) => o.addNote(f)
+    },
+    toggle_pin: {
+      // A host write; it re-orders the timeline (pinned notes lead).
+      safety: "write",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !1,
+      // Reaches the host's data source; the result is the host's promise.
+      openWorld: !0,
+      errors: [
+        "The panel offers no pin here: no onTogglePin, no note with this id, a deleted note, or actions.pin is false.",
+        "A pin or delete for this note is still pending. Read notes again once it has settled.",
+        "The host refused the change. The pin is restored and the panel shows the host's message."
+      ],
+      descriptionKey: "ui.agent.notesPanel.actions.togglePin",
+      description: "Toggle the pinned state of the note with the given id. Returns the host's promise; a refusal restores the pin and the panel shows the host's message. Rejects without reaching the host when the panel refuses: a deleted note, actions.pin false, or a write for the note still pending.",
+      invoke: (o, f) => o.togglePin(f.id)
+    },
+    toggle_flag: {
+      safety: "write",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !1,
+      // Reaches the host's data source; the result is the host's promise.
+      openWorld: !0,
+      errors: [
+        "The panel offers no flag here: no onToggleFlag, no note with this id, or a deleted note.",
+        "A flag or delete for this note is still pending. Read notes again once it has settled.",
+        "The host refused the change. The flag is restored and the panel shows the host's message."
+      ],
+      descriptionKey: "ui.agent.notesPanel.actions.toggleFlag",
+      description: "Toggle the flagged state of the note with the given id. Returns the host's promise; a refusal restores the flag and the panel shows the host's message. Rejects without reaching the host when the panel refuses: a deleted note, or a write for the note still pending.",
+      invoke: (o, f) => o.toggleFlag(f.id)
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "notes-panel",
+      description: "Marks the NotesPanel region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific notes panel from the agent."
+    },
+    item: {
+      attr: "data-note-id",
+      description: "Stable note id on each rendered note row. Row controls carry data-note-action: edit, delete, pin or flag."
+    }
+  }
+}, nr = "ds:isolate ds:[&_[data-component=card]>*]:relative ds:[&_[data-component=card]>*]:z-[1]", rr = Et(
+  "ds:relative ds:flex ds:flex-col ds:rounded-[var(--radius-lg)]",
+  {
+    variants: {
+      current: {
+        true: "ds:focus:outline-[length:var(--focus-ring-width)] ds:focus:outline-solid ds:focus:outline-[color:var(--ring)] ds:focus:outline-offset-[length:var(--focus-ring-offset)]",
+        false: ""
+      },
+      washed: { true: nr, false: "" }
+    },
+    defaultVariants: { current: !1, washed: !1 }
+  }
+), bt = Et(
+  "ds:pointer-events-none ds:absolute ds:inset-0 ds:rounded-[var(--radius-lg)] ds:bg-[color:var(--accent)]",
+  {
+    variants: {
+      state: {
+        addressed: [
+          "ds:opacity-0",
+          "ds:animate-[note-addressed_calc(var(--animation-duration)*9)_var(--ease-in-out)]",
+          "ds:motion-reduce:animate-none ds:motion-reduce:opacity-[var(--opacity-12)]",
+          "ds:[.theme-accessible_&]:animate-none ds:[.theme-accessible_&]:opacity-[var(--opacity-12)]"
+        ].join(" "),
+        editing: "ds:opacity-[var(--opacity-12)]"
+      }
+    }
+  }
+), Nt = [
+  "ds:rounded-[var(--radius-lg)] ds:outline-none",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+].join(" "), sr = ["ds:flex ds:flex-col", Nt].join(" "), ir = "ds:opacity-0", lr = [
+  "ds:transition-opacity ds:duration-[var(--animation-duration)]",
+  "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none"
+].join(" "), ar = [3, 2, 3];
+function wt(o) {
+  return o ? /<img\b/i.test(o) ? !0 : o.replace(/<[^>]*>/g, "").replace(/&nbsp;/gi, " ").trim().length > 0 : !1;
+}
+function Pt(o, f, y) {
+  const p = o == null ? void 0 : o.toggle(f, y), m = p ? p.refusal : "the panel is not mounted";
+  return m === void 0 ? p == null ? void 0 : p.result : Rt(new Error(`NotesPanel: ${y} refused (${m}).`));
+}
+const Tt = /* @__PURE__ */ new Map(), xt = /* @__PURE__ */ new Set();
+function ye(o) {
+  return o.map(
+    (f) => `${f.id ?? ""}:${f.pinned ? 1 : 0}${f.flagged ? 1 : 0}${f.deleted ? 1 : 0}`
+  ).join("|");
+}
+function Ct(o) {
+  return typeof (o == null ? void 0 : o.then) == "function";
+}
+function St(o, f, y) {
+  const p = o.indexOf(y);
+  if (p >= 0) return p;
+  const m = f.indexOf(y);
+  if (m < 0) return -1;
+  const ne = new Set(o);
+  return f.slice(0, m).filter((E) => ne.has(E)).length;
+}
+function or(o) {
+  if (o.hasAttribute("tabindex")) {
+    o.focus();
+    return;
+  }
+  const f = () => o.removeAttribute("tabindex");
+  o.setAttribute("tabindex", "-1"), o.focus(), document.activeElement === o ? o.addEventListener("blur", f, { once: !0 }) : f();
+}
+const jr = Ln(
+  function({
+    id: f,
+    notes: y,
+    onAddNote: p,
+    status: m = "ready",
+    onRetry: ne,
+    currentNoteId: E,
+    currentNoteKey: Le,
+    composer: F = "rich",
+    editorToolbar: At = "standard",
+    redactor: Ft,
+    imageUploadUrl: Vt,
+    showClinicalToggle: Ot = !0,
+    canAddClinicalNote: re = !0,
+    clinicalGatedReason: jt,
+    defaultClinical: $ = !1,
+    onRequestAiDraft: _t,
+    aiDraftFormat: Lt,
+    aiPrivacyNotice: qt,
+    onDictate: Dt,
+    onProofread: kt,
+    onAutoFormat: zt,
+    aiConsent: Ht,
+    variables: Mt,
+    validateVariable: Wt,
+    onVariableValidityChange: $t,
+    renderHelpMeWrite: Bt,
+    aiTemplates: Kt,
+    onAiApplied: It,
+    onUploadImage: Yt,
+    onAiCreditsExhausted: Gt,
+    showExtensions: Jt,
+    aiCreditsNotice: Qt,
+    extensions: Ut,
+    extensionContext: Xt,
+    onExtensionRun: Zt,
+    composerBefore: en,
+    composerAfter: tn,
+    onTogglePin: qe,
+    onToggleFlag: De,
+    noteActions: ke,
+    onEditNote: B,
+    editClinical: nn = !1,
+    onDeleteNote: K,
+    onWriteError: ze,
+    confirmDelete: He = !0,
+    title: rn,
+    composerPlaceholder: sn,
+    addNoteLabel: ln,
+    emptyState: an,
+    className: on,
+    "aria-label": be,
+    ...dn
+  }, cn) {
+    var ht;
+    const { t: a, i18n: Me } = kn(), L = u(null), [k, I] = C(""), [se, ie] = C($), [P, We] = C(!1), [$e, le] = C(null), [g, we] = C(null), Be = u(g);
+    Be.current = g;
+    const Ke = u(!1);
+    m === "loading" && (Ke.current = !0);
+    const un = Ke.current ? Kn : "", fn = rn ?? a("notesPanel.title", { defaultValue: "Notes" }), Ie = qn(), Ye = sn ?? a("notesPanel.placeholder", { defaultValue: "Add a note…" }), Ge = g !== null ? a("notesPanel.edit", { defaultValue: "Edit note" }) : a("notesPanel.composerLabel", { defaultValue: "New note" }), gn = F === "rich" ? wt(k) : k.trim().length > 0, R = u(y);
+    R.current = y;
+    const [Y, hn] = C(Tt), N = u(Tt), [pn, mn] = C(xt), G = u(xt), V = u(!0);
+    S(() => (V.current = !0, () => {
+      V.current = !1;
+    }), []);
+    const q = u(null), D = u(ze);
+    D.current = ze;
+    const Pe = W(() => {
+      const e = q.current;
+      return !V.current || !e || e.closest('[hidden],[inert],[aria-hidden="true"]') ? !1 : typeof e.checkVisibility == "function" ? e.checkVisibility() : !0;
+    }, []), J = u([]), [vn, yn] = C(0), Te = W((e) => {
+      if (!V.current) {
+        e(!1);
+        return;
+      }
+      J.current.push(e), yn((t) => t + 1);
+    }, []);
+    S(() => {
+      const e = J.current;
+      J.current = [], e.forEach((t) => t(!0));
+    }, [vn]), S(
+      () => () => {
+        const e = J.current;
+        J.current = [], e.forEach((t) => t(!1));
+      },
+      []
+    );
+    const Je = (e) => {
+      const t = new Map(N.current);
+      e(t), N.current = t, hn(t);
+    }, xe = (e) => {
+      const t = new Set(G.current);
+      e(t), G.current = t, mn(t);
+    }, ae = (e, t) => {
+      var n;
+      return (n = N.current.get(e)) == null ? void 0 : n[t];
+    }, Q = (e, t, n) => Je((l) => {
+      const s = { ...l.get(e) };
+      n ? s[t] = n : delete s[t], Object.keys(s).length > 0 ? l.set(e, s) : l.delete(e);
+    }), Qe = (e) => {
+      var t;
+      return e != null && !!((t = N.current.get(e)) != null && t.delete);
+    }, bn = W(() => {
+      var h;
+      if (!(g !== null ? B : p) || P) return;
+      const t = F === "rich", n = t ? ((h = L.current) == null ? void 0 : h.getHTML()) ?? k : k.trim();
+      if (t ? !wt(n) : !n) return;
+      const l = () => {
+        var c;
+        t && ((c = L.current) == null || c.clear()), I(""), ie($), we(null);
+      };
+      le(null);
+      const s = g, r = (c) => Te((v) => {
+        var A;
+        const T = v && (s === null || Be.current === s && R.current.some((x) => x.id === s && !x.deleted));
+        T && le(mt(c, a("notesPanel.addFailed"))), (A = D.current) == null || A.call(D, {
+          kind: s !== null ? "edit" : "add",
+          noteId: s ?? void 0,
+          error: c,
+          shown: T && Pe()
+        });
+      });
+      let d;
+      try {
+        d = g !== null && B ? B(g, { content: n, clinical: se }) : p == null ? void 0 : p({ content: n, clinical: se });
+      } catch (c) {
+        r(c);
+        return;
+      }
+      if (!d || typeof d.then != "function") return l();
+      We(!0), Promise.resolve(d).then(l, r).finally(() => We(!1));
+    }, [
+      F,
+      k,
+      se,
+      $,
+      g,
+      Te,
+      p,
+      B,
+      Pe,
+      P,
+      a
+    ]), Ue = Ot && (g === null || nn), wn = g !== null && !!((ht = Y.get(g)) != null && ht.delete), oe = W(
+      (e) => {
+        try {
+          return new Intl.DateTimeFormat(Me.language, {
+            day: "numeric",
+            month: "long",
+            year: "numeric",
+            hour: "2-digit",
+            minute: "2-digit"
+          }).format(new Date(e.dateIso));
+        } catch {
+          return e.dateIso;
+        }
+      },
+      [Me.language]
+    ), Pn = W(
+      (e) => {
+        var n, l, s, r;
+        if (!e.id || P || (n = N.current.get(e.id)) != null && n.delete) return;
+        const t = e.content ?? "";
+        le(null), we(e.id), ie(e.clinical ?? !1), I(t), F === "rich" && ((l = L.current) == null || l.clear(), (s = L.current) == null || s.insertAtCursor(t, { asHtml: !0 })), (r = L.current) == null || r.focus();
+      },
+      [F, P]
+    ), de = W(() => {
+      var e;
+      F === "rich" && ((e = L.current) == null || e.clear()), I(""), ie($), le(null), we(null);
+    }, [F, $]), Xe = g === null || y.some((e) => e.id === g && !e.deleted);
+    S(() => {
+      Xe || de();
+    }, [Xe, de]);
+    const Ce = (e) => {
+      var t, n;
+      return (e.id ? (n = (t = Y.get(e.id)) == null ? void 0 : t.pin) == null ? void 0 : n.next : void 0) ?? !!e.pinned;
+    }, Tn = (e) => {
+      var t, n;
+      return (e.id ? (n = (t = Y.get(e.id)) == null ? void 0 : t.flag) == null ? void 0 : n.next : void 0) ?? !!e.flagged;
+    }, z = y.filter((e) => !e.id || !pn.has(e.id)).sort((e, t) => Number(Ce(t)) - Number(Ce(e))), Ze = z.flatMap((e) => e.id ? [e.id] : []), H = u([]);
+    H.current = Ze.filter(
+      (e) => {
+        var t;
+        return !((t = Y.get(e)) != null && t.delete);
+      }
+    );
+    const Se = u([]);
+    Se.current = Ze;
+    const { resolvedTheme: xn } = Un(), et = xn.endsWith("-accessible") || void 0, { containerRef: Cn } = Yn({
+      key: z.map((e) => e.id).join(),
+      reduceMotion: et
+    }), ce = Gn({ reduceMotion: et }), [w, ue] = C(null), tt = u(0), Ee = u(0), nt = () => {
+      Ee.current += 1, ue(null);
+    }, fe = (e, t, n, l = !0) => {
+      const s = Ee.current;
+      Te((r) => {
+        var h;
+        const d = r && l && s === Ee.current && Pe() && R.current.some((c) => c.id === t) && (e === "delete" || !Qe(t) && !G.current.has(t));
+        d && (tt.current += 1, ue({
+          kind: e,
+          noteId: t,
+          message: mt(n, ""),
+          seq: tt.current
+        })), (h = D.current) == null || h.call(D, { kind: e, noteId: t, error: n, shown: d });
+      });
+    }, Sn = (e) => {
+      const t = y.find((l) => l.id === e.noteId), n = t != null && t.dateIso ? oe(t) : "";
+      if (n)
+        switch (e.kind) {
+          case "delete":
+            return a("notesPanel.deleteFailedNamed", { date: n });
+          case "pin":
+            return a("notesPanel.pinFailedNamed", { date: n });
+          case "unpin":
+            return a("notesPanel.unpinFailedNamed", { date: n });
+          case "flag":
+            return a("notesPanel.flagFailedNamed", { date: n });
+          default:
+            return a("notesPanel.unflagFailedNamed", { date: n });
+        }
+      switch (e.kind) {
+        case "delete":
+          return a("notesPanel.deleteFailed");
+        case "pin":
+          return a("notesPanel.pinFailed");
+        case "unpin":
+          return a("notesPanel.unpinFailed");
+        case "flag":
+          return a("notesPanel.flagFailed");
+        default:
+          return a("notesPanel.unflagFailed");
+      }
+    }, ge = w !== null && y.some((e) => e.id === w.noteId), rt = u(null);
+    w && ge && (rt.current = w), S(() => {
+      w && !ge && ue(null);
+    }, [w, ge]);
+    const [Re, st] = C({ text: "", seq: 0 }), Ne = u(void 0), it = (e) => {
+      st((t) => ({ text: e, seq: t.seq + 1 })), window.clearTimeout(Ne.current), Ne.current = window.setTimeout(
+        () => st((t) => ({ ...t, text: "" })),
+        1e3
+      );
+    };
+    S(() => () => window.clearTimeout(Ne.current), []);
+    const lt = () => it(a("notesPanel.deleted")), he = u(0), at = u(m);
+    S(() => {
+      at.current === "loading" && m === "ready" && (he.current += 1), at.current = m;
+    }, [m]);
+    const ot = () => {
+      const e = R.current, t = ye(e), n = new Map(e.map((r) => [r.id, r])), l = [];
+      if (N.current.forEach((r, d) => {
+        const h = n.get(d);
+        Object.keys(r).forEach((c) => {
+          const v = r[c];
+          if (!v) return;
+          if (!h) {
+            l.push([d, c]);
+            return;
+          }
+          if (!v.settled) return;
+          const T = c === "delete" ? h.deleted === !0 : (c === "pin" ? !!h.pinned : !!h.flagged) === v.next, A = he.current > v.edgeAtSettle || c !== "delete" && t !== v.sigAtSettle;
+          (T || A) && l.push([d, c]);
+        });
+      }), l.length === 0) return;
+      Je(
+        (r) => l.forEach(([d, h]) => {
+          const c = { ...r.get(d) };
+          delete c[h], Object.keys(c).length > 0 ? r.set(d, c) : r.delete(d);
+        })
+      );
+      const s = l.filter(([, r]) => r === "delete").map(([r]) => r);
+      s.some((r) => G.current.has(r)) && xe((r) => s.forEach((d) => r.delete(d))), s.forEach((r) => ce.cancel(r));
+    }, dt = (e, t, n) => {
+      ae(e, t) === n && (Q(e, t, {
+        ...n,
+        settled: !0,
+        edgeAtSettle: he.current,
+        sigAtSettle: ye(R.current)
+      }), ot());
+    }, ct = (e, t, n) => ae(e, t) !== n ? !1 : (Q(e, t, void 0), t !== "delete" || (G.current.has(e) && xe((l) => l.delete(e)), ce.cancel(e)), !0), En = pt(() => ye(y), [y]);
+    S(() => {
+      ot();
+    }, [En, m]);
+    const Ae = (e, t) => {
+      var A;
+      const n = t === "pin" ? qe : De, l = (x) => ({
+        started: !1,
+        refusal: x
+      });
+      if (!n)
+        return l(t === "pin" ? "no onTogglePin" : "no onToggleFlag");
+      const s = R.current.find((x) => x.id === e);
+      if (!s) return l("no note has this id");
+      if (s.deleted) return l("the note is deleted");
+      if (t === "pin" && ((A = s.actions) == null ? void 0 : A.pin) === !1)
+        return l("actions.pin is false for this note");
+      const r = N.current.get(e);
+      if (r != null && r.delete) return l("the note is being deleted");
+      if (r != null && r[t])
+        return l(`a ${t} write for this note is still pending`);
+      const d = !(t === "pin" ? s.pinned : s.flagged), h = t === "pin" ? d ? "pin" : "unpin" : d ? "flag" : "unflag";
+      nt();
+      let c;
+      try {
+        c = n(e, d);
+      } catch (x) {
+        return fe(h, e, x), { started: !1, result: Rt(x) };
+      }
+      if (!Ct(c)) return { started: !0, result: c };
+      const v = {
+        next: d,
+        settled: !1,
+        edgeAtSettle: 0,
+        sigAtSettle: ""
+      };
+      Q(e, t, v);
+      const T = Promise.resolve(c);
+      return T.then(
+        () => {
+          V.current && dt(e, t, v);
+        },
+        (x) => {
+          const jn = V.current && ct(e, t, v);
+          fe(h, e, x, jn);
+        }
+      ), { started: !0, result: T };
+    }, ut = (e) => {
+      var l;
+      if (!K) return !1;
+      const t = R.current.find((s) => s.id === e);
+      if (!t || t.deleted || ((l = t.actions) == null ? void 0 : l.delete) === !1 || ae(e, "delete")) return !1;
+      nt();
+      let n;
+      try {
+        n = K(e);
+      } catch (s) {
+        return fe("delete", e, s), !1;
+      }
+      if (Ct(n)) {
+        const s = {
+          settled: !1,
+          edgeAtSettle: 0,
+          sigAtSettle: ""
+        };
+        Q(e, "delete", s), t.keptOnDelete && it(
+          t.dateIso ? a("notesPanel.deletingNamed", { date: oe(t) }) : a("notesPanel.deleting")
+        ), Promise.resolve(n).then(
+          () => {
+            V.current && (lt(), dt(e, "delete", s));
+          },
+          (r) => {
+            const d = V.current && ct(e, "delete", s);
+            fe("delete", e, r, d);
+          }
+        );
+      } else
+        Q(e, "delete", {
+          settled: !0,
+          edgeAtSettle: he.current,
+          sigAtSettle: ye(R.current)
+        }), lt();
+      return t.keptOnDelete || ce.leave(e, () => {
+        ae(e, "delete") && xe((s) => s.add(e));
+      }), !0;
+    }, [U, X] = C(null), pe = u(null), Rn = (e) => {
+      if (!(!K || Qe(e)) && !(P && g === e)) {
+        if (!He) {
+          ut(e);
+          return;
+        }
+        pe.current = { noteId: e, index: -1, started: !1 }, X(e);
+      }
+    }, Nn = () => {
+      const e = U;
+      if (!e) return;
+      const t = H.current.indexOf(e);
+      ut(e) && (pe.current = { noteId: e, index: t, started: !0 }), X(null);
+    }, Fe = U !== null && y.some((e) => e.id === U && !e.deleted);
+    S(() => {
+      U !== null && !Fe && X(null);
+    }, [U, Fe]), Dn(cn, () => q.current, []);
+    const O = (e, t) => {
+      var n;
+      return e ? ((n = q.current) == null ? void 0 : n.querySelector(
+        `[data-note-id="${CSS.escape(e)}"] ${t ? `[data-note-action="${CSS.escape(t)}"]` : "[data-note-action]"}`
+      )) ?? null : null;
+    }, me = (e, t) => {
+      const n = H.current;
+      return O(n[e], t) ?? O(n[e - 1], t) ?? O(n[e], null) ?? O(n[e - 1], null);
+    }, An = () => {
+      const e = q.current, t = (e == null ? void 0 : e.querySelector("[data-notes-panel-empty]")) ?? e;
+      t && or(t);
+    }, Z = (e) => {
+      e ? e.focus() : An();
+    }, Fn = (e) => {
+      const t = pe.current;
+      if (pe.current = null, !t) return;
+      e.preventDefault();
+      const n = O(t.noteId, "delete");
+      Z(
+        t.started ? me(t.index, "delete") ?? n : n
+      );
+    }, Ve = u(null), ft = (e) => {
+      const t = e.kind === "delete" ? "delete" : e.kind.endsWith("pin") ? "pin" : "flag", n = H.current.indexOf(e.noteId);
+      return O(e.noteId, t) ?? O(e.noteId, null) ?? (n >= 0 ? me(n, t) : null);
+    }, Vn = (e) => {
+      var t;
+      (t = Ve.current) != null && t.contains(document.activeElement) && Z(ft(e)), ue(null);
+    }, M = u(null);
+    S(() => {
+      const e = q.current;
+      if (!e) return;
+      const t = (l) => {
+        var d, h;
+        const s = l.target;
+        if (!(s instanceof HTMLElement)) return;
+        const r = ((d = s.closest("[data-note-id]")) == null ? void 0 : d.dataset.noteId) ?? null;
+        M.current = {
+          el: s,
+          noteId: r,
+          action: ((h = s.closest("[data-note-action]")) == null ? void 0 : h.dataset.noteAction) ?? null,
+          index: r ? St(H.current, Se.current, r) : -1,
+          inWriteError: !!s.closest("[data-notes-panel-write-error]")
+        };
+      }, n = (l) => {
+        const s = l.relatedTarget;
+        if (s instanceof Node) {
+          e.contains(s) || (M.current = null);
+          return;
+        }
+        const r = l.target;
+        queueMicrotask(() => {
+          const d = M.current;
+          d && d.el === r && d.el.isConnected && document.activeElement !== d.el && (M.current = null);
+        });
+      };
+      return e.addEventListener("focusin", t), e.addEventListener("focusout", n), () => {
+        e.removeEventListener("focusin", t), e.removeEventListener("focusout", n);
+      };
+    }, []), Qn(() => {
+      var l;
+      const e = M.current;
+      if (!e || !q.current) return;
+      if (e.el.isConnected) {
+        const s = e.noteId ? St(
+          H.current,
+          Se.current,
+          e.noteId
+        ) : -1;
+        s >= 0 && (e.index = s);
+        return;
+      }
+      M.current = null;
+      const t = document.activeElement;
+      if (t && t !== document.body) return;
+      const n = e.action ? O(e.noteId, e.action) : null;
+      if (n) n.focus();
+      else if (e.noteId)
+        Z(me(e.index, e.action));
+      else if (e.el.hasAttribute("data-notes-panel-empty"))
+        Z(me(0, "delete"));
+      else if (e.inWriteError) {
+        const s = (l = Ve.current) == null ? void 0 : l.querySelector(
+          "[data-alert-dismiss]"
+        ), r = rt.current;
+        s ? s.focus() : Z(r ? ft(r) : null);
+      }
+    });
+    const Oe = u(null);
+    S(() => {
+      var e, t;
+      E && ((e = Oe.current) == null || e.scrollIntoView({ block: "center" }), (t = Oe.current) == null || t.focus());
+    }, [E, Le]);
+    const ee = u(p);
+    ee.current = p;
+    const je = u(re);
+    je.current = re;
+    const gt = u(E);
+    gt.current = E;
+    const _e = u(null);
+    _e.current = { toggle: Ae };
+    const On = pt(
+      () => ({
+        // Ids + flags only — never the note body or author (both PHI).
+        getNotes: () => R.current.filter((e) => {
+          var t;
+          return !(e.id && ((t = N.current.get(e.id)) != null && t.delete));
+        }).map((e) => {
+          var n, l;
+          const t = e.id ? N.current.get(e.id) : void 0;
+          return {
+            id: e.id,
+            pinned: ((n = t == null ? void 0 : t.pin) == null ? void 0 : n.next) ?? !!e.pinned,
+            flagged: ((l = t == null ? void 0 : t.flag) == null ? void 0 : l.next) ?? !!e.flagged,
+            clinical: !!e.clinical,
+            deleted: !!e.deleted
+          };
+        }),
+        canAddNote: () => !!ee.current,
+        canAddClinical: () => je.current,
+        getCurrentNoteId: () => gt.current ?? null,
+        addNote: (e) => {
+          var t;
+          if (!(e.clinical && !je.current))
+            return (t = ee.current) == null ? void 0 : t.call(ee, e);
+        },
+        togglePin: (e) => Pt(_e.current, e, "pin"),
+        toggleFlag: (e) => Pt(_e.current, e, "flag")
+      }),
+      []
+    );
+    return zn(tr, On, f), /* @__PURE__ */ b(
+      "section",
+      {
+        ref: q,
+        "data-component": "notes-panel",
+        "data-component-id": f,
+        "aria-labelledby": be ? void 0 : Ie,
+        "aria-label": be,
+        className: [sr, on].filter(Boolean).join(" "),
+        ...dn,
+        children: [
+          /* @__PURE__ */ i(
+            In,
+            {
+              title: fn,
+              icon: /* @__PURE__ */ i(Xn, { "aria-hidden": "true" }),
+              headingId: be ? void 0 : Ie,
+              sticky: !0,
+              divider: !0
+            }
+          ),
+          /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+            p || g !== null ? /* @__PURE__ */ b(
+              "div",
+              {
+                "data-notes-panel-composer": g !== null ? "edit" : "add",
+                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+                children: [
+                  en,
+                  F === "rich" ? /* @__PURE__ */ i(
+                    Mn,
+                    {
+                      ref: L,
+                      ariaLabel: Ge,
+                      placeholder: Ye,
+                      toolbar: At,
+                      minHeight: "fill",
+                      redactor: Ft,
+                      imageUploadUrl: Vt,
+                      readOnly: P,
+                      onChange: ({ html: e }) => I(e),
+                      onRequestAiDraft: _t,
+                      aiDraftFormat: Lt,
+                      aiPrivacyNotice: qt,
+                      onDictate: Dt,
+                      onProofread: kt,
+                      onAutoFormat: zt,
+                      aiConsent: Ht,
+                      variables: Mt,
+                      validateVariable: Wt,
+                      onVariableValidityChange: $t,
+                      renderHelpMeWrite: Bt,
+                      aiTemplates: Kt,
+                      onAiApplied: It,
+                      onUploadImage: Yt,
+                      onAiCreditsExhausted: Gt,
+                      showExtensions: Jt,
+                      aiCreditsNotice: Qt,
+                      extensions: Ut,
+                      extensionContext: Xt,
+                      onExtensionRun: Zt,
+                      aiConsentHeadingLevel: 3
+                    }
+                  ) : /* @__PURE__ */ i(
+                    Wn,
+                    {
+                      value: k,
+                      readOnly: P,
+                      onChange: (e) => I(e.target.value),
+                      placeholder: Ye,
+                      autoResize: !0,
+                      minRows: 2,
+                      maxRows: 6,
+                      "aria-label": Ge
+                    }
+                  ),
+                  /* @__PURE__ */ b(
+                    "div",
+                    {
+                      className: [
+                        "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
+                        Ue ? "ds:justify-between" : "ds:justify-end"
+                      ].join(" "),
+                      children: [
+                        Ue ? (() => {
+                          const e = P || !re, t = re ? void 0 : jt ?? a("notesPanel.clinicalGated", {
+                            defaultValue: "You do not have permission to write clinical notes."
+                          }), n = /* @__PURE__ */ i(
+                            $n,
+                            {
+                              size: "sm",
+                              label: a("notesPanel.clinicalToggle", {
+                                defaultValue: "Clinical note"
+                              }),
+                              checked: se,
+                              onCheckedChange: ie,
+                              disabled: e
+                            }
+                          );
+                          return e && t ? /* @__PURE__ */ i(Bn, { label: t, children: /* @__PURE__ */ i("span", { tabIndex: 0, children: n }) }) : n;
+                        })() : null,
+                        /* @__PURE__ */ b("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                          g !== null ? /* @__PURE__ */ i(
+                            te,
+                            {
+                              type: "button",
+                              size: "sm",
+                              intent: "ghost",
+                              onClick: de,
+                              disabled: P,
+                              children: a("notesPanel.cancelEdit", { defaultValue: "Cancel" })
+                            }
+                          ) : null,
+                          /* @__PURE__ */ i(
+                            te,
+                            {
+                              type: "button",
+                              size: "sm",
+                              onClick: bn,
+                              disabled: !gn || wn,
+                              loading: P,
+                              children: g !== null ? a("notesPanel.saveEdit", { defaultValue: "Save note" }) : ln ?? a("notesPanel.add", { defaultValue: "Add note" })
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  ),
+                  $e ? /* @__PURE__ */ i(j, { variant: "error", children: /* @__PURE__ */ i(j.Description, { children: $e }) }) : null,
+                  tn
+                ]
+              }
+            ) : null,
+            m === "loading" && z.length === 0 ? (
+              /* Note-shaped placeholders, not a spinner: the reader sees where
+                 the notes will land and how many to expect. The status text is
+                 for assistive tech only; sighted readers get the motion. */
+              /* @__PURE__ */ b(
+                "div",
+                {
+                  "data-notes-panel-loading": "",
+                  "aria-busy": "true",
+                  className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+                  children: [
+                    /* @__PURE__ */ i("span", { role: "status", className: "ds:sr-only", children: a("notesPanel.loading") }),
+                    ar.map((e, t) => /* @__PURE__ */ i(yt, { variant: "elevated", "aria-hidden": "true", children: /* @__PURE__ */ i(yt.Body, { children: /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+                      /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+                        /* @__PURE__ */ i(
+                          ve,
+                          {
+                            variant: "circular",
+                            size: "sm",
+                            stagger: t * 2
+                          }
+                        ),
+                        /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+                          /* @__PURE__ */ i(
+                            ve,
+                            {
+                              variant: "text",
+                              size: "sm",
+                              stagger: t * 2,
+                              width: "40%"
+                            }
+                          ),
+                          /* @__PURE__ */ i(
+                            ve,
+                            {
+                              variant: "text",
+                              size: "sm",
+                              stagger: t * 2,
+                              width: "25%"
+                            }
+                          )
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ i(
+                        ve,
+                        {
+                          variant: "text",
+                          size: "sm",
+                          lines: e,
+                          stagger: t * 2 + 1
+                        }
+                      )
+                    ] }) }) }, t))
+                  ]
+                }
+              )
+            ) : m === "error" ? /* @__PURE__ */ b(j, { variant: "error", children: [
+              /* @__PURE__ */ i(j.Description, { children: a("notesPanel.loadError") }),
+              ne ? /* @__PURE__ */ i(j.Action, { children: /* @__PURE__ */ i(te, { intent: "secondary", size: "sm", onClick: ne, children: a("notesPanel.retry") }) }) : null
+            ] }) : null,
+            w && ge ? /* @__PURE__ */ b(
+              j,
+              {
+                ref: Ve,
+                variant: "error",
+                dismissible: !0,
+                onOpenChange: (e) => {
+                  e || Vn(w);
+                },
+                "data-notes-panel-write-error": w.kind,
+                children: [
+                  /* @__PURE__ */ i(j.Title, { as: "p", children: Sn(w) }),
+                  w.message ? /* @__PURE__ */ i(j.Description, { children: w.message }) : null
+                ]
+              },
+              w.seq
+            ) : null,
+            /* @__PURE__ */ i(
+              "span",
+              {
+                "aria-live": "polite",
+                "aria-atomic": "true",
+                "data-notes-panel-announcer": "",
+                className: "ds:sr-only",
+                children: Re.text ? /* @__PURE__ */ i("span", { children: Re.text }, Re.seq) : null
+              }
+            ),
+            m === "loading" && z.length > 0 ? /* @__PURE__ */ i("span", { role: "status", className: "ds:sr-only", children: a("notesPanel.loading") }) : null,
+            z.length > 0 ? /* @__PURE__ */ i(
+              "ul",
+              {
+                ref: Cn,
+                "aria-busy": m === "loading" || void 0,
+                className: `ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0 ${un}`.trim(),
+                children: z.map(({ actions: e, keptOnDelete: t, ...n }, l) => {
+                  const s = E != null && n.id === E, r = n.id, d = r != null && g === r, h = r != null && ce.isLeaving(r), c = r ? Y.get(r) : void 0, v = !!(c != null && c.delete), T = v && !!t, A = P && d;
+                  return /* @__PURE__ */ b(
+                    "li",
+                    {
+                      ref: s ? Oe : void 0,
+                      "data-note-id": r,
+                      tabIndex: s ? -1 : void 0,
+                      "aria-current": s ? "true" : void 0,
+                      "data-reflow-id": r,
+                      "data-leaving": h ? "" : void 0,
+                      "data-editing": d ? "" : void 0,
+                      "aria-busy": T || void 0,
+                      className: [
+                        rr({
+                          current: s,
+                          washed: s || d
+                        }),
+                        lr,
+                        Jn,
+                        h ? ir : ""
+                      ].filter(Boolean).join(" "),
+                      children: [
+                        s ? /* @__PURE__ */ i("span", { className: "ds:sr-only", children: a("notesPanel.current", {
+                          defaultValue: "Current note"
+                        }) }) : null,
+                        T ? /* @__PURE__ */ i("span", { "data-notes-panel-deleting": "", className: "ds:sr-only", children: a("notesPanel.deleting") }) : null,
+                        d ? /* @__PURE__ */ i(
+                          "span",
+                          {
+                            "aria-hidden": "true",
+                            "data-notes-panel-wash": "editing",
+                            className: bt({ state: "editing" })
+                          }
+                        ) : s ? /* @__PURE__ */ i(
+                          "span",
+                          {
+                            "aria-hidden": "true",
+                            "data-notes-panel-wash": "addressed",
+                            className: bt({ state: "addressed" })
+                          },
+                          `${E}:${Le ?? ""}`
+                        ) : null,
+                        /* @__PURE__ */ i(
+                          Hn,
+                          {
+                            surface: "elevated",
+                            truncate: !s,
+                            headerActions: /* @__PURE__ */ b(_n, { children: [
+                              ke ? ke(
+                                { ...n, actions: e, keptOnDelete: t },
+                                { deleting: v }
+                              ) : null,
+                              B && r && !n.deleted && (e == null ? void 0 : e.edit) !== !1 ? /* @__PURE__ */ i(
+                                vt,
+                                {
+                                  icon: /* @__PURE__ */ i(Zn, {}),
+                                  intent: "ghost",
+                                  size: "sm",
+                                  "aria-label": a("notesPanel.editNamed", {
+                                    date: oe(n),
+                                    defaultValue: "Edit note · {{date}}"
+                                  }),
+                                  tooltip: a("notesPanel.edit", {
+                                    defaultValue: "Edit note"
+                                  }),
+                                  "aria-pressed": g === r,
+                                  disabled: P || v,
+                                  "data-notes-panel-edit": "",
+                                  "data-note-action": "edit",
+                                  onClick: () => g === r ? de() : Pn(n)
+                                }
+                              ) : null,
+                              K && r && !n.deleted && (e == null ? void 0 : e.delete) !== !1 ? /* @__PURE__ */ i(
+                                vt,
+                                {
+                                  icon: /* @__PURE__ */ i(er, {}),
+                                  intent: "ghost",
+                                  size: "sm",
+                                  "aria-label": a("notesPanel.deleteNamed", {
+                                    date: oe(n),
+                                    defaultValue: "Delete note · {{date}}"
+                                  }),
+                                  tooltip: a("notesPanel.delete", {
+                                    defaultValue: "Delete note"
+                                  }),
+                                  "data-note-action": "delete",
+                                  "aria-disabled": T || A || void 0,
+                                  "aria-busy": T || void 0,
+                                  onClick: () => Rn(r)
+                                }
+                              ) : null
+                            ] }),
+                            ...n,
+                            pinned: Ce(n),
+                            flagged: Tn(n),
+                            pinPending: !!(c != null && c.pin) || v,
+                            flagPending: !!(c != null && c.flag) || v,
+                            onTogglePin: qe && r && (e == null ? void 0 : e.pin) !== !1 && !n.deleted ? () => Ae(r, "pin") : void 0,
+                            onToggleFlag: De && r && !n.deleted ? () => Ae(r, "flag") : void 0
+                          }
+                        )
+                      ]
+                    },
+                    n.id ?? l
+                  );
+                })
+              }
+            ) : m !== "ready" ? null : (
+              /* Where focus lands, from script, when the last note leaves. */
+              /* @__PURE__ */ i("div", { "data-notes-panel-empty": "", className: Nt, children: an ?? /* @__PURE__ */ i("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: a("notesPanel.empty", { defaultValue: "No notes yet." }) }) })
+            )
+          ] }),
+          K && He ? /* @__PURE__ */ i(
+            _,
+            {
+              open: Fe,
+              onOpenChange: (e) => !e && X(null),
+              children: /* @__PURE__ */ b(
+                _.Content,
+                {
+                  variant: "alert",
+                  size: "sm",
+                  onCloseAutoFocus: Fn,
+                  children: [
+                    /* @__PURE__ */ i(_.Header, { children: /* @__PURE__ */ i(_.Title, { children: a("notesPanel.deleteConfirmTitle", {
+                      defaultValue: "Delete this note?"
+                    }) }) }),
+                    /* @__PURE__ */ i(_.Body, { children: /* @__PURE__ */ i(_.Description, { children: a("notesPanel.deleteConfirmBody", {
+                      defaultValue: "The note will be removed from the record."
+                    }) }) }),
+                    /* @__PURE__ */ b(_.Footer, { children: [
+                      /* @__PURE__ */ i(_.Close, { asChild: !0, children: /* @__PURE__ */ i(
+                        te,
+                        {
+                          intent: "secondary",
+                          size: "sm",
+                          onClick: () => X(null),
+                          children: a("notesPanel.deleteConfirmCancel", {
+                            defaultValue: "Cancel"
+                          })
+                        }
+                      ) }),
+                      /* @__PURE__ */ i(
+                        te,
+                        {
+                          intent: "destructive",
+                          size: "sm",
+                          onClick: Nn,
+                          children: a("notesPanel.deleteConfirmAction", {
+                            defaultValue: "Delete"
+                          })
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              )
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+export {
+  jr as N
+};
+//# sourceMappingURL=notes-panel-BiOxZL_0.js.map