@alfadocs/ui-kit 1.38.0 → 1.39.0

package/dist/_chunks/{notes-panel-CkbfDDzj.js → notes-panel-CAD1Ytcj.js}

@@ -1,28 +1,28 @@
-import { jsxs as o, jsx as n, Fragment as $e } from "react/jsx-runtime";
-import { forwardRef as Je, useRef as f, useState as x, useId as Qe, useCallback as w, useEffect as me, useImperativeHandle as Ue, useMemo as Xe } from "react";
-import { c as Ze } from "./index-D2ZczOXr.js";
-import { useTranslation as et } from "react-i18next";
-import { u as tt } from "./registry-DvAUVLHh.js";
-import { C as nt } from "./clinical-note-card-DdsGYMmI.js";
-import { R as at } from "./rich-text-editor-BTXlorm5.js";
-import { T as it } from "./text-area-Bt3p7Pt0.js";
-import { A as z } from "./alert-CiQ5Pa3Q.js";
-import { B as j } from "./button-nJaPh_HC.js";
-import { I as pe } from "./icon-button-8xqRnkdG.js";
-import { C as rt } from "./checkbox-CZkipDn7.js";
-import { C as ge } from "./card-DPmk26CL.js";
-import { C as lt, S as W } from "./skeleton-B1KTdJ4N.js";
-import { D as h } from "./dialog-BJiLqhx6.js";
-import { P as st } from "./panel-header-D_mTdhUp.js";
-import { a as ot, u as dt, R as ct } from "./use-list-reflow-Cw43nxw5.js";
-import { u as ut } from "./use-theme-CAuo6EYT.js";
-import { N as ft } from "./notebook-pen-CO7HoM-W.js";
+import { jsxs as o, jsx as n, Fragment as Qe } from "react/jsx-runtime";
+import { forwardRef as Ue, useRef as f, useState as w, useId as Xe, useCallback as T, useEffect as me, useImperativeHandle as Ze, useMemo as et } from "react";
+import { c as Ce } from "./index-D2ZczOXr.js";
+import { useTranslation as tt } from "react-i18next";
+import { u as nt } from "./registry-DvAUVLHh.js";
+import { C as at } from "./clinical-note-card-DdsGYMmI.js";
+import { R as it } from "./rich-text-editor-C6fE-uP4.js";
+import { T as st } from "./text-area-Bt3p7Pt0.js";
+import { A as I } from "./alert-CiQ5Pa3Q.js";
+import { B as z } from "./button-CaUe1uyd.js";
+import { I as ge } from "./icon-button-CehAeZoP.js";
+import { C as lt } from "./checkbox-CZkipDn7.js";
+import { C as he } from "./card-DPmk26CL.js";
+import { C as rt, S as M } from "./skeleton-B1KTdJ4N.js";
+import { D as v } from "./dialog-BJiLqhx6.js";
+import { P as ot } from "./panel-header-D_mTdhUp.js";
+import { a as dt, u as ct, R as ut } from "./use-list-reflow-Cw43nxw5.js";
+import { u as ft } from "./use-theme-CAuo6EYT.js";
+import { N as pt } from "./notebook-pen-CO7HoM-W.js";
 import { P as mt } from "./pencil-B1sKKyuT.js";
-import { T as pt } from "./trash-2-uumy3fy1.js";
-function he(i, c) {
+import { T as gt } from "./trash-2-uumy3fy1.js";
+function ve(i, c) {
   return typeof i == "object" && i !== null && "message" in i && typeof i.message == "string" && i.message.trim() ? i.message : c;
 }
-const gt = {
+const ht = {
   id: "notes-panel",
   // 'submit' backs add_note (compose + commit a note). pin / flag are toggles
   // with no dedicated capability in the closed vocabulary.
@@ -121,100 +121,116 @@ const gt = {
       description: "Sourced from the id prop. Required to address a specific notes panel from the agent."
     }
   }
-}, ht = Ze(
-  "ds:flex ds:flex-col ds:rounded-[var(--radius-md)] ds:border-s-2 ds:ps-[var(--spacing-sm)]",
+}, vt = "ds:isolate ds:[&_[data-component=card]>*]:relative ds:[&_[data-component=card]>*]:z-[1]", yt = Ce(
+  "ds:relative ds:flex ds:flex-col ds:rounded-[var(--radius-lg)]",
   {
     variants: {
       current: {
-        true: "ds:border-[color:var(--info)] ds:bg-[color:var(--info)]/10 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: "ds:border-transparent"
-      }
+        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: vt, false: "" }
     },
-    defaultVariants: { current: !1 }
+    defaultVariants: { current: !1, washed: !1 }
+  }
+), ye = Ce(
+  "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)]"
+      }
+    }
   }
-), vt = "ds:opacity-0", yt = [
+), bt = "ds:opacity-0", Ct = [
   "ds:transition-opacity ds:duration-[var(--animation-duration)]",
   "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none"
-].join(" "), bt = [3, 2, 3];
-function ve(i) {
+].join(" "), Pt = [3, 2, 3];
+function be(i) {
   return i ? /<img\b/i.test(i) ? !0 : i.replace(/<[^>]*>/g, "").replace(/&nbsp;/gi, " ").trim().length > 0 : !1;
 }
-const Kt = Je(
+const Ft = Ue(
   function({
     id: c,
-    notes: L,
+    notes: j,
     onAddNote: m,
-    status: y = "ready",
+    status: C = "ready",
     onRetry: X,
-    currentNoteId: b,
-    currentNoteKey: ye,
-    composer: p = "rich",
-    editorToolbar: be = "standard",
-    redactor: Ce,
-    imageUploadUrl: Pe,
-    showClinicalToggle: xe = !0,
-    canAddClinicalNote: _ = !0,
-    clinicalGatedReason: we,
-    defaultClinical: R = !1,
-    onRequestAiDraft: Re,
-    aiDraftFormat: Te,
-    aiPrivacyNotice: ke,
-    onDictate: Ne,
-    onProofread: Ve,
-    onAutoFormat: Ee,
-    onTogglePin: A,
-    onToggleFlag: H,
-    noteActions: Z,
-    onEditNote: T,
+    currentNoteId: y,
+    currentNoteKey: Z,
+    composer: g = "rich",
+    editorToolbar: Pe = "standard",
+    redactor: xe,
+    imageUploadUrl: we,
+    showClinicalToggle: Te = !0,
+    canAddClinicalNote: A = !0,
+    clinicalGatedReason: Ee,
+    defaultClinical: E = !1,
+    onRequestAiDraft: Ne,
+    aiDraftFormat: Ve,
+    aiPrivacyNotice: Re,
+    onDictate: ke,
+    onProofread: _e,
+    onAutoFormat: Se,
+    onTogglePin: L,
+    onToggleFlag: O,
+    noteActions: ee,
+    onEditNote: N,
     editClinical: Ie = !1,
-    onDeleteNote: g,
-    confirmDelete: G = !0,
-    title: Se,
-    composerPlaceholder: ze,
-    addNoteLabel: je,
+    onDeleteNote: h,
+    confirmDelete: $ = !0,
+    title: ze,
+    composerPlaceholder: je,
+    addNoteLabel: Ae,
     emptyState: Le,
-    className: _e,
-    "aria-label": Y,
-    ...Ae
-  }, He) {
-    const { t: a, i18n: ee } = et(), v = f(null), [C, k] = x(""), [B, O] = x(R), [u, te] = x(!1), [ne, N] = x(null), [l, $] = x(null), ae = f(!1);
-    y === "loading" && (ae.current = !0);
-    const Be = ae.current ? lt : "", Oe = Se ?? a("notesPanel.title", { defaultValue: "Notes" }), ie = Qe(), re = ze ?? a("notesPanel.placeholder", { defaultValue: "Add a note…" }), le = l !== null ? a("notesPanel.edit", { defaultValue: "Edit note" }) : a("notesPanel.composerLabel", { defaultValue: "New note" }), De = p === "rich" ? ve(C) : C.trim().length > 0, Ke = w(() => {
-      var S;
-      if (!(l !== null ? T : m) || u) return;
-      const t = p === "rich", d = t ? ((S = v.current) == null ? void 0 : S.getHTML()) ?? C : C.trim();
-      if (t ? !ve(d) : !d) return;
-      const s = () => {
-        var P;
-        t && ((P = v.current) == null || P.clear()), k(""), O(R), $(null);
+    className: Oe,
+    "aria-label": G,
+    ...He
+  }, Be) {
+    const { t: a, i18n: te } = tt(), b = f(null), [P, V] = w(""), [H, B] = w(E), [u, ne] = w(!1), [ae, R] = w(null), [r, Y] = w(null), ie = f(!1);
+    C === "loading" && (ie.current = !0);
+    const We = ie.current ? rt : "", De = ze ?? a("notesPanel.title", { defaultValue: "Notes" }), se = Xe(), le = je ?? a("notesPanel.placeholder", { defaultValue: "Add a note…" }), re = r !== null ? a("notesPanel.edit", { defaultValue: "Edit note" }) : a("notesPanel.composerLabel", { defaultValue: "New note" }), qe = g === "rich" ? be(P) : P.trim().length > 0, Fe = T(() => {
+      var x;
+      if (!(r !== null ? N : m) || u) return;
+      const t = g === "rich", d = t ? ((x = b.current) == null ? void 0 : x.getHTML()) ?? P : P.trim();
+      if (t ? !be(d) : !d) return;
+      const l = () => {
+        var p;
+        t && ((p = b.current) == null || p.clear()), V(""), B(E), Y(null);
       };
-      N(null);
-      let r;
+      R(null);
+      let s;
       try {
-        r = l !== null && T ? T(l, { content: d, clinical: B }) : m == null ? void 0 : m({ content: d, clinical: B });
-      } catch (P) {
-        N(he(P, a("notesPanel.addFailed")));
+        s = r !== null && N ? N(r, { content: d, clinical: H }) : m == null ? void 0 : m({ content: d, clinical: H });
+      } catch (p) {
+        R(ve(p, a("notesPanel.addFailed")));
         return;
       }
-      if (!r || typeof r.then != "function") return s();
-      te(!0), Promise.resolve(r).then(
-        s,
-        (P) => N(he(P, a("notesPanel.addFailed")))
-      ).finally(() => te(!1));
+      if (!s || typeof s.then != "function") return l();
+      ne(!0), Promise.resolve(s).then(
+        l,
+        (p) => R(ve(p, a("notesPanel.addFailed")))
+      ).finally(() => ne(!1));
     }, [
-      p,
-      C,
-      B,
-      R,
-      l,
+      g,
+      P,
+      H,
+      E,
+      r,
       m,
-      T,
+      N,
       u,
       a
-    ]), se = xe && (l === null || Ie), oe = w(
+    ]), oe = Te && (r === null || Ie), de = T(
       (e) => {
         try {
-          return new Intl.DateTimeFormat(ee.language, {
+          return new Intl.DateTimeFormat(te.language, {
             day: "numeric",
             month: "long",
             year: "numeric",
@@ -225,56 +241,56 @@ const Kt = Je(
           return e.dateIso;
         }
       },
-      [ee.language]
-    ), qe = w(
+      [te.language]
+    ), Ke = T(
       (e) => {
-        var d, s, r;
+        var d, l, s;
         if (!e.id || u) return;
         const t = e.content ?? "";
-        N(null), $(e.id), O(e.clinical ?? !1), k(t), p === "rich" && ((d = v.current) == null || d.clear(), (s = v.current) == null || s.insertAtCursor(t, { asHtml: !0 })), (r = v.current) == null || r.focus();
+        R(null), Y(e.id), B(e.clinical ?? !1), V(t), g === "rich" && ((d = b.current) == null || d.clear(), (l = b.current) == null || l.insertAtCursor(t, { asHtml: !0 })), (s = b.current) == null || s.focus();
       },
-      [p, u]
-    ), D = w(() => {
+      [g, u]
+    ), W = T(() => {
       var e;
-      p === "rich" && ((e = v.current) == null || e.clear()), k(""), O(R), N(null), $(null);
-    }, [p, R]), de = l === null || L.some((e) => e.id === l && !e.deleted);
+      g === "rich" && ((e = b.current) == null || e.clear()), V(""), B(E), R(null), Y(null);
+    }, [g, E]), ce = r === null || j.some((e) => e.id === r && !e.deleted);
     me(() => {
-      de || D();
-    }, [de, D]);
-    const V = [...L].sort(
+      ce || W();
+    }, [ce, W]);
+    const k = [...j].sort(
       (e, t) => Number(t.pinned ?? !1) - Number(e.pinned ?? !1)
-    ), { resolvedTheme: Fe } = ut(), ce = Fe.endsWith("-accessible") || void 0, { containerRef: Me } = ot({
-      key: V.map((e) => e.id).join(),
-      reduceMotion: ce
-    }), E = dt({ reduceMotion: ce }), [K, q] = x(null), We = w(
+    ), { resolvedTheme: Me } = ft(), ue = Me.endsWith("-accessible") || void 0, { containerRef: $e } = dt({
+      key: k.map((e) => e.id).join(),
+      reduceMotion: ue
+    }), _ = ct({ reduceMotion: ue }), [D, q] = w(null), Ge = T(
       (e) => {
-        g && (G ? q(e) : E.leave(e, () => g(e)));
+        h && ($ ? q(e) : _.leave(e, () => h(e)));
       },
-      [G, E, g]
-    ), Ge = w(() => {
-      if (!K || !g) return;
-      const e = K;
-      q(null), E.leave(e, () => g(e));
-    }, [K, g, E]), J = f(null);
+      [$, _, h]
+    ), Ye = T(() => {
+      if (!D || !h) return;
+      const e = D;
+      q(null), _.leave(e, () => h(e));
+    }, [D, h, _]), J = f(null);
     me(() => {
       var e, t;
-      b && ((e = J.current) == null || e.scrollIntoView({ block: "center" }), (t = J.current) == null || t.focus());
-    }, [b, ye]);
-    const Q = f(L);
-    Q.current = L;
-    const I = f(m);
-    I.current = m;
-    const F = f(A);
-    F.current = A;
-    const M = f(H);
-    M.current = H;
-    const U = f(_);
-    U.current = _;
-    const ue = f(b);
-    ue.current = b;
-    const fe = f(null);
-    Ue(He, () => fe.current, []);
-    const Ye = Xe(
+      y && ((e = J.current) == null || e.scrollIntoView({ block: "center" }), (t = J.current) == null || t.focus());
+    }, [y, Z]);
+    const Q = f(j);
+    Q.current = j;
+    const S = f(m);
+    S.current = m;
+    const F = f(L);
+    F.current = L;
+    const K = f(O);
+    K.current = O;
+    const U = f(A);
+    U.current = A;
+    const fe = f(y);
+    fe.current = y;
+    const pe = f(null);
+    Ze(Be, () => pe.current, []);
+    const Je = et(
       () => ({
         // Ids + flags only — never the note body or author (both PHI).
         getNotes: () => Q.current.map((e) => ({
@@ -283,84 +299,84 @@ const Kt = Je(
           flagged: !!e.flagged,
           clinical: !!e.clinical
         })),
-        canAddNote: () => !!I.current,
+        canAddNote: () => !!S.current,
         canAddClinical: () => U.current,
-        getCurrentNoteId: () => ue.current ?? null,
+        getCurrentNoteId: () => fe.current ?? null,
         addNote: (e) => {
           var t;
           if (!(e.clinical && !U.current))
-            return (t = I.current) == null ? void 0 : t.call(I, e);
+            return (t = S.current) == null ? void 0 : t.call(S, e);
         },
         togglePin: (e) => {
-          var d, s;
-          const t = Q.current.find((r) => r.id === e);
-          t && (t.deleted || ((d = t.actions) == null ? void 0 : d.pin) === !1) || (s = F.current) == null || s.call(F, e);
+          var d, l;
+          const t = Q.current.find((s) => s.id === e);
+          t && (t.deleted || ((d = t.actions) == null ? void 0 : d.pin) === !1) || (l = F.current) == null || l.call(F, e);
         },
         toggleFlag: (e) => {
           var t;
-          return (t = M.current) == null ? void 0 : t.call(M, e);
+          return (t = K.current) == null ? void 0 : t.call(K, e);
         }
       }),
       []
     );
-    return tt(gt, Ye, c), /* @__PURE__ */ o(
+    return nt(ht, Je, c), /* @__PURE__ */ o(
       "section",
       {
-        ref: fe,
+        ref: pe,
         "data-component": "notes-panel",
         "data-component-id": c,
-        "aria-labelledby": Y ? void 0 : ie,
-        "aria-label": Y,
-        className: ["ds:flex ds:flex-col", _e].filter(Boolean).join(" "),
-        ...Ae,
+        "aria-labelledby": G ? void 0 : se,
+        "aria-label": G,
+        className: ["ds:flex ds:flex-col", Oe].filter(Boolean).join(" "),
+        ...He,
         children: [
           /* @__PURE__ */ n(
-            st,
+            ot,
             {
-              title: Oe,
-              icon: /* @__PURE__ */ n(ft, { "aria-hidden": "true" }),
-              headingId: Y ? void 0 : ie,
+              title: De,
+              icon: /* @__PURE__ */ n(pt, { "aria-hidden": "true" }),
+              headingId: G ? void 0 : se,
               sticky: !0,
               divider: !0
             }
           ),
           /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
-            m || l !== null ? /* @__PURE__ */ o(
+            m || r !== null ? /* @__PURE__ */ o(
               "div",
               {
-                "data-notes-panel-composer": l !== null ? "edit" : "add",
+                "data-notes-panel-composer": r !== null ? "edit" : "add",
                 className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
                 children: [
-                  p === "rich" ? /* @__PURE__ */ n(
-                    at,
+                  g === "rich" ? /* @__PURE__ */ n(
+                    it,
                     {
-                      ref: v,
-                      ariaLabel: le,
-                      placeholder: re,
-                      toolbar: be,
+                      ref: b,
+                      ariaLabel: re,
+                      placeholder: le,
+                      toolbar: Pe,
                       minHeight: "fill",
-                      redactor: Ce,
-                      imageUploadUrl: Pe,
+                      redactor: xe,
+                      imageUploadUrl: we,
                       readOnly: u,
-                      onChange: ({ html: e }) => k(e),
-                      onRequestAiDraft: Re,
-                      aiDraftFormat: Te,
-                      aiPrivacyNotice: ke,
-                      onDictate: Ne,
-                      onProofread: Ve,
-                      onAutoFormat: Ee
+                      onChange: ({ html: e }) => V(e),
+                      onRequestAiDraft: Ne,
+                      aiDraftFormat: Ve,
+                      aiPrivacyNotice: Re,
+                      onDictate: ke,
+                      onProofread: _e,
+                      onAutoFormat: Se
                     }
                   ) : /* @__PURE__ */ n(
-                    it,
+                    st,
                     {
-                      value: C,
+                      value: P,
                       readOnly: u,
-                      onChange: (e) => k(e.target.value),
-                      placeholder: re,
+                      onChange: (e) => V(e.target.value),
+                      placeholder: le,
                       autoResize: !0,
                       minRows: 2,
                       maxRows: 6,
-                      "aria-label": le
+                      "aria-label": re
                     }
                   ),
                   /* @__PURE__ */ o(
@@ -368,56 +384,56 @@ const Kt = Je(
                     {
                       className: [
                         "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
-                        se ? "ds:justify-between" : "ds:justify-end"
+                        oe ? "ds:justify-between" : "ds:justify-end"
                       ].join(" "),
                       children: [
-                        se ? /* @__PURE__ */ n(
-                          rt,
+                        oe ? /* @__PURE__ */ n(
+                          lt,
                           {
                             size: "sm",
                             label: a("notesPanel.clinicalToggle", {
                               defaultValue: "Clinical note"
                             }),
-                            checked: B,
-                            onCheckedChange: (e) => O(e === !0),
-                            disabled: u || !_,
-                            disabledReason: _ ? void 0 : we ?? a("notesPanel.clinicalGated", {
+                            checked: H,
+                            onCheckedChange: (e) => B(e === !0),
+                            disabled: u || !A,
+                            disabledReason: A ? void 0 : Ee ?? a("notesPanel.clinicalGated", {
                               defaultValue: "You do not have permission to write clinical notes."
                             })
                           }
                         ) : null,
                         /* @__PURE__ */ o("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                          l !== null ? /* @__PURE__ */ n(
-                            j,
+                          r !== null ? /* @__PURE__ */ n(
+                            z,
                             {
                               type: "button",
                               size: "sm",
                               intent: "ghost",
-                              onClick: D,
+                              onClick: W,
                               disabled: u,
                               children: a("notesPanel.cancelEdit", { defaultValue: "Cancel" })
                             }
                           ) : null,
                           /* @__PURE__ */ n(
-                            j,
+                            z,
                             {
                               type: "button",
                               size: "sm",
-                              onClick: Ke,
-                              disabled: !De,
+                              onClick: Fe,
+                              disabled: !qe,
                               loading: u,
-                              children: l !== null ? a("notesPanel.saveEdit", { defaultValue: "Save note" }) : je ?? a("notesPanel.add", { defaultValue: "Add note" })
+                              children: r !== null ? a("notesPanel.saveEdit", { defaultValue: "Save note" }) : Ae ?? a("notesPanel.add", { defaultValue: "Add note" })
                             }
                           )
                         ] })
                       ]
                     }
                   ),
-                  ne ? /* @__PURE__ */ n(z, { variant: "error", children: /* @__PURE__ */ n(z.Description, { children: ne }) }) : null
+                  ae ? /* @__PURE__ */ n(I, { variant: "error", children: /* @__PURE__ */ n(I.Description, { children: ae }) }) : null
                 ]
               }
             ) : null,
-            y === "loading" && V.length === 0 ? (
+            C === "loading" && k.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. */
@@ -429,10 +445,10 @@ const Kt = Je(
                   className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
                   children: [
                     /* @__PURE__ */ n("span", { role: "status", className: "ds:sr-only", children: a("notesPanel.loading") }),
-                    bt.map((e, t) => /* @__PURE__ */ n(ge, { variant: "elevated", "aria-hidden": "true", children: /* @__PURE__ */ n(ge.Body, { children: /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+                    Pt.map((e, t) => /* @__PURE__ */ n(he, { variant: "elevated", "aria-hidden": "true", children: /* @__PURE__ */ n(he.Body, { children: /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
                       /* @__PURE__ */ o("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
                         /* @__PURE__ */ n(
-                          W,
+                          M,
                           {
                             variant: "circular",
                             size: "sm",
@@ -441,7 +457,7 @@ const Kt = Je(
                         ),
                         /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
                           /* @__PURE__ */ n(
-                            W,
+                            M,
                             {
                               variant: "text",
                               size: "sm",
@@ -450,7 +466,7 @@ const Kt = Je(
                             }
                           ),
                           /* @__PURE__ */ n(
-                            W,
+                            M,
                             {
                               variant: "text",
                               size: "sm",
@@ -461,7 +477,7 @@ const Kt = Je(
                         ] })
                       ] }),
                       /* @__PURE__ */ n(
-                        W,
+                        M,
                         {
                           variant: "text",
                           size: "sm",
@@ -473,86 +489,103 @@ const Kt = Je(
                   ]
                 }
               )
-            ) : y === "error" ? /* @__PURE__ */ o(z, { variant: "error", children: [
-              /* @__PURE__ */ n(z.Description, { children: a("notesPanel.loadError") }),
-              X ? /* @__PURE__ */ n(z.Action, { children: /* @__PURE__ */ n(j, { intent: "secondary", size: "sm", onClick: X, children: a("notesPanel.retry") }) }) : null
+            ) : C === "error" ? /* @__PURE__ */ o(I, { variant: "error", children: [
+              /* @__PURE__ */ n(I.Description, { children: a("notesPanel.loadError") }),
+              X ? /* @__PURE__ */ n(I.Action, { children: /* @__PURE__ */ n(z, { intent: "secondary", size: "sm", onClick: X, children: a("notesPanel.retry") }) }) : null
             ] }) : null,
-            y === "loading" && V.length > 0 ? /* @__PURE__ */ n("span", { role: "status", className: "ds:sr-only", children: a("notesPanel.loading") }) : null,
-            V.length > 0 ? /* @__PURE__ */ n(
+            C === "loading" && k.length > 0 ? /* @__PURE__ */ n("span", { role: "status", className: "ds:sr-only", children: a("notesPanel.loading") }) : null,
+            k.length > 0 ? /* @__PURE__ */ n(
               "ul",
               {
-                ref: Me,
-                "aria-busy": y === "loading" || void 0,
-                className: `ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0 ${Be}`.trim(),
-                children: V.map(({ actions: e, ...t }, d) => {
-                  const s = b != null && t.id === b, r = t.id, S = r != null && E.isLeaving(r);
+                ref: $e,
+                "aria-busy": C === "loading" || void 0,
+                className: `ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0 ${We}`.trim(),
+                children: k.map(({ actions: e, ...t }, d) => {
+                  const l = y != null && t.id === y, s = t.id, x = s != null && r === s, p = s != null && _.isLeaving(s);
                   return /* @__PURE__ */ o(
                     "li",
                     {
-                      ref: s ? J : void 0,
-                      tabIndex: s ? -1 : void 0,
-                      "aria-current": s ? "true" : void 0,
-                      "data-reflow-id": r,
-                      "data-leaving": S ? "" : void 0,
-                      "data-editing": l === r ? "" : void 0,
+                      ref: l ? J : void 0,
+                      tabIndex: l ? -1 : void 0,
+                      "aria-current": l ? "true" : void 0,
+                      "data-reflow-id": s,
+                      "data-leaving": p ? "" : void 0,
+                      "data-editing": x ? "" : void 0,
                       className: [
-                        ht({
-                          current: s || l === r
+                        yt({
+                          current: l,
+                          washed: l || x
                         }),
-                        yt,
-                        ct,
-                        S ? vt : ""
+                        Ct,
+                        ut,
+                        p ? bt : ""
                       ].filter(Boolean).join(" "),
                       children: [
-                        s ? /* @__PURE__ */ n("span", { className: "ds:sr-only", children: a("notesPanel.current", {
+                        l ? /* @__PURE__ */ n("span", { className: "ds:sr-only", children: a("notesPanel.current", {
                           defaultValue: "Current note"
                         }) }) : null,
+                        x ? /* @__PURE__ */ n(
+                          "span",
+                          {
+                            "aria-hidden": "true",
+                            "data-notes-panel-wash": "editing",
+                            className: ye({ state: "editing" })
+                          }
+                        ) : l ? /* @__PURE__ */ n(
+                          "span",
+                          {
+                            "aria-hidden": "true",
+                            "data-notes-panel-wash": "addressed",
+                            className: ye({ state: "addressed" })
+                          },
+                          `${y}:${Z ?? ""}`
+                        ) : null,
                         /* @__PURE__ */ n(
-                          nt,
+                          at,
                           {
                             surface: "elevated",
-                            truncate: !s,
-                            headerActions: /* @__PURE__ */ o($e, { children: [
-                              Z ? Z({ ...t, actions: e }) : null,
-                              T && r && !t.deleted && (e == null ? void 0 : e.edit) !== !1 ? /* @__PURE__ */ n(
-                                pe,
+                            truncate: !l,
+                            headerActions: /* @__PURE__ */ o(Qe, { children: [
+                              ee ? ee({ ...t, actions: e }) : null,
+                              N && s && !t.deleted && (e == null ? void 0 : e.edit) !== !1 ? /* @__PURE__ */ n(
+                                ge,
                                 {
                                   icon: /* @__PURE__ */ n(mt, {}),
                                   intent: "ghost",
                                   size: "sm",
                                   "aria-label": a("notesPanel.editNamed", {
-                                    date: oe(t),
+                                    date: de(t),
                                     defaultValue: "Edit note · {{date}}"
                                   }),
                                   tooltip: a("notesPanel.edit", {
                                     defaultValue: "Edit note"
                                   }),
-                                  "aria-pressed": l === r,
+                                  "aria-pressed": r === s,
                                   disabled: u,
                                   "data-notes-panel-edit": "",
-                                  onClick: () => l === r ? D() : qe(t)
+                                  onClick: () => r === s ? W() : Ke(t)
                                 }
                               ) : null,
-                              g && r && !t.deleted ? /* @__PURE__ */ n(
-                                pe,
+                              h && s && !t.deleted ? /* @__PURE__ */ n(
+                                ge,
                                 {
-                                  icon: /* @__PURE__ */ n(pt, {}),
+                                  icon: /* @__PURE__ */ n(gt, {}),
                                   intent: "ghost",
                                   size: "sm",
                                   "aria-label": a("notesPanel.deleteNamed", {
-                                    date: oe(t),
+                                    date: de(t),
                                     defaultValue: "Delete note · {{date}}"
                                   }),
                                   tooltip: a("notesPanel.delete", {
                                     defaultValue: "Delete note"
                                   }),
-                                  onClick: () => We(r)
+                                  onClick: () => Ge(s)
                                 }
                               ) : null
                             ] }),
                             ...t,
-                            onTogglePin: A && t.id && (e == null ? void 0 : e.pin) !== !1 && !t.deleted ? () => A(t.id) : void 0,
-                            onToggleFlag: H && t.id ? () => H(t.id) : void 0
+                            onTogglePin: L && t.id && (e == null ? void 0 : e.pin) !== !1 && !t.deleted ? () => L(t.id) : void 0,
+                            onToggleFlag: O && t.id ? () => O(t.id) : void 0
                           }
                         )
                       ]
@@ -561,23 +594,23 @@ const Kt = Je(
                   );
                 })
               }
-            ) : y !== "ready" ? null : Le ?? /* @__PURE__ */ n("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: a("notesPanel.empty", { defaultValue: "No notes yet." }) })
+            ) : C !== "ready" ? null : Le ?? /* @__PURE__ */ n("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: a("notesPanel.empty", { defaultValue: "No notes yet." }) })
           ] }),
-          g && G ? /* @__PURE__ */ n(
-            h,
+          h && $ ? /* @__PURE__ */ n(
+            v,
             {
-              open: K !== null,
+              open: D !== null,
               onOpenChange: (e) => !e && q(null),
-              children: /* @__PURE__ */ o(h.Content, { variant: "alert", size: "sm", children: [
-                /* @__PURE__ */ n(h.Header, { children: /* @__PURE__ */ n(h.Title, { children: a("notesPanel.deleteConfirmTitle", {
+              children: /* @__PURE__ */ o(v.Content, { variant: "alert", size: "sm", children: [
+                /* @__PURE__ */ n(v.Header, { children: /* @__PURE__ */ n(v.Title, { children: a("notesPanel.deleteConfirmTitle", {
                   defaultValue: "Delete this note?"
                 }) }) }),
-                /* @__PURE__ */ n(h.Body, { children: /* @__PURE__ */ n(h.Description, { children: a("notesPanel.deleteConfirmBody", {
+                /* @__PURE__ */ n(v.Body, { children: /* @__PURE__ */ n(v.Description, { children: a("notesPanel.deleteConfirmBody", {
                   defaultValue: "The note will be removed from the record."
                 }) }) }),
-                /* @__PURE__ */ o(h.Footer, { children: [
-                  /* @__PURE__ */ n(h.Close, { asChild: !0, children: /* @__PURE__ */ n(
-                    j,
+                /* @__PURE__ */ o(v.Footer, { children: [
+                  /* @__PURE__ */ n(v.Close, { asChild: !0, children: /* @__PURE__ */ n(
+                    z,
                     {
                       intent: "secondary",
                       size: "sm",
@@ -588,11 +621,11 @@ const Kt = Je(
                     }
                   ) }),
                   /* @__PURE__ */ n(
-                    j,
+                    z,
                     {
                       intent: "destructive",
                       size: "sm",
-                      onClick: Ge,
+                      onClick: Ye,
                       children: a("notesPanel.deleteConfirmAction", {
                         defaultValue: "Delete"
                       })
@@ -608,7 +641,7 @@ const Kt = Je(
   }
 );
 export {
-  Kt as N,
-  he as g
+  Ft as N,
+  ve as g
 };
-//# sourceMappingURL=notes-panel-CkbfDDzj.js.map
+//# sourceMappingURL=notes-panel-CAD1Ytcj.js.map