@alfadocs/ui-kit-debug 1.36.0 → 1.37.0

package/dist/_chunks/notes-panel-4y5JioWN.js

@@ -0,0 +1,556 @@
+import { jsxs as d, jsx as n, Fragment as We } from "react/jsx-runtime";
+import { forwardRef as Oe, useRef as f, useState as C, useId as Ge, useCallback as x, useEffect as ue, useImperativeHandle as Ye, useMemo as Je } from "react";
+import { c as Qe } from "./index-D2ZczOXr.js";
+import { useTranslation as Ue } from "react-i18next";
+import { u as Xe } from "./registry-DvAUVLHh.js";
+import { C as Ze } from "./clinical-note-card-DdsGYMmI.js";
+import { R as $e } from "./rich-text-editor-BTXlorm5.js";
+import { T as et } from "./text-area-Bt3p7Pt0.js";
+import { A as j } from "./alert-CiQ5Pa3Q.js";
+import { B as S } from "./button-nJaPh_HC.js";
+import { I as fe } from "./icon-button-8xqRnkdG.js";
+import { C as tt } from "./checkbox-CZkipDn7.js";
+import { S as nt } from "./spinner-hbwuKwMf.js";
+import { D as h } from "./dialog-BJiLqhx6.js";
+import { P as it } from "./panel-header-D_mTdhUp.js";
+import { a as at, u as rt, R as lt } from "./use-list-reflow-Cw43nxw5.js";
+import { u as st } from "./use-theme-CAuo6EYT.js";
+import { N as ot } from "./notebook-pen-CO7HoM-W.js";
+import { P as dt } from "./pencil-B1sKKyuT.js";
+import { T as ct } from "./trash-2-uumy3fy1.js";
+function pe(a, c) {
+  return typeof a == "object" && a !== null && "message" in a && typeof a.message == "string" && a.message.trim() ? a.message : c;
+}
+const ut = {
+  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 }>",
+      descriptionKey: "ui.agent.notesPanel.state.notes",
+      description: "Timeline note ids + pinned / flagged / clinical flags. Never the note body or author (both PHI).",
+      read: (a) => a.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: (a) => a.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: (a) => a.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: (a, c) => a.addNote(c)
+    },
+    toggle_pin: {
+      // Re-orders the timeline (pinned notes lead) — reversible view write.
+      safety: "write",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !1,
+      descriptionKey: "ui.agent.notesPanel.actions.togglePin",
+      description: "Toggle the pinned state of the note with the given id. Refused for a deleted note or one whose actions.pin is false.",
+      invoke: (a, c) => {
+        a.togglePin(c.id);
+      }
+    },
+    toggle_flag: {
+      safety: "write",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !1,
+      descriptionKey: "ui.agent.notesPanel.actions.toggleFlag",
+      description: "Toggle the flagged state of the note with the given id.",
+      invoke: (a, c) => {
+        a.toggleFlag(c.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."
+    }
+  }
+}, ft = Qe(
+  "ds:flex ds:flex-col ds:rounded-[var(--radius-md)] ds:border-s-2 ds:ps-[var(--spacing-sm)]",
+  {
+    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"
+      }
+    },
+    defaultVariants: { current: !1 }
+  }
+), pt = "ds:opacity-0", mt = [
+  "ds:transition-opacity ds:duration-[var(--animation-duration)]",
+  "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none"
+].join(" ");
+function me(a) {
+  return a ? /<img\b/i.test(a) ? !0 : a.replace(/<[^>]*>/g, "").replace(/&nbsp;/gi, " ").trim().length > 0 : !1;
+}
+const Ht = Oe(
+  function({
+    id: c,
+    notes: z,
+    onAddNote: p,
+    status: M = "ready",
+    onRetry: X,
+    currentNoteId: y,
+    currentNoteKey: ge,
+    composer: m = "rich",
+    editorToolbar: he = "standard",
+    redactor: ve,
+    imageUploadUrl: ye,
+    showClinicalToggle: be = !0,
+    canAddClinicalNote: N = !0,
+    clinicalGatedReason: Pe,
+    defaultClinical: w = !1,
+    onRequestAiDraft: Ce,
+    aiDraftFormat: xe,
+    aiPrivacyNotice: we,
+    onDictate: Re,
+    onProofread: Ve,
+    onAutoFormat: ke,
+    onTogglePin: A,
+    onToggleFlag: H,
+    noteActions: Z,
+    onEditNote: R,
+    editClinical: Te = !1,
+    onDeleteNote: g,
+    confirmDelete: W = !0,
+    title: Ie,
+    composerPlaceholder: Ee,
+    addNoteLabel: je,
+    emptyState: Se,
+    className: ze,
+    "aria-label": O,
+    ...Ne
+  }, Ae) {
+    const { t: i, i18n: $ } = Ue(), v = f(null), [b, V] = C(""), [L, _] = C(w), [u, ee] = C(!1), [te, k] = C(null), [l, G] = C(null), He = Ie ?? i("notesPanel.title", { defaultValue: "Notes" }), ne = Ge(), ie = Ee ?? i("notesPanel.placeholder", { defaultValue: "Add a note…" }), ae = l !== null ? i("notesPanel.edit", { defaultValue: "Edit note" }) : i("notesPanel.composerLabel", { defaultValue: "New note" }), Le = m === "rich" ? me(b) : b.trim().length > 0, _e = x(() => {
+      var E;
+      if (!(l !== null ? R : p) || u) return;
+      const t = m === "rich", o = t ? ((E = v.current) == null ? void 0 : E.getHTML()) ?? b : b.trim();
+      if (t ? !me(o) : !o) return;
+      const s = () => {
+        var P;
+        t && ((P = v.current) == null || P.clear()), V(""), _(w), G(null);
+      };
+      k(null);
+      let r;
+      try {
+        r = l !== null && R ? R(l, { content: o, clinical: L }) : p == null ? void 0 : p({ content: o, clinical: L });
+      } catch (P) {
+        k(pe(P, i("notesPanel.addFailed")));
+        return;
+      }
+      if (!r || typeof r.then != "function") return s();
+      ee(!0), Promise.resolve(r).then(
+        s,
+        (P) => k(pe(P, i("notesPanel.addFailed")))
+      ).finally(() => ee(!1));
+    }, [
+      m,
+      b,
+      L,
+      w,
+      l,
+      p,
+      R,
+      u,
+      i
+    ]), re = be && (l === null || Te), le = x(
+      (e) => {
+        try {
+          return new Intl.DateTimeFormat($.language, {
+            day: "numeric",
+            month: "long",
+            year: "numeric",
+            hour: "2-digit",
+            minute: "2-digit"
+          }).format(new Date(e.dateIso));
+        } catch {
+          return e.dateIso;
+        }
+      },
+      [$.language]
+    ), Be = x(
+      (e) => {
+        var o, s, r;
+        if (!e.id || u) return;
+        const t = e.content ?? "";
+        k(null), G(e.id), _(e.clinical ?? !1), V(t), m === "rich" && ((o = v.current) == null || o.clear(), (s = v.current) == null || s.insertAtCursor(t, { asHtml: !0 })), (r = v.current) == null || r.focus();
+      },
+      [m, u]
+    ), B = x(() => {
+      var e;
+      m === "rich" && ((e = v.current) == null || e.clear()), V(""), _(w), k(null), G(null);
+    }, [m, w]), se = l === null || z.some((e) => e.id === l && !e.deleted);
+    ue(() => {
+      se || B();
+    }, [se, B]);
+    const Y = [...z].sort(
+      (e, t) => Number(t.pinned ?? !1) - Number(e.pinned ?? !1)
+    ), { resolvedTheme: De } = st(), oe = De.endsWith("-accessible") || void 0, { containerRef: qe } = at({
+      key: Y.map((e) => e.id).join(),
+      reduceMotion: oe
+    }), T = rt({ reduceMotion: oe }), [D, q] = C(null), Fe = x(
+      (e) => {
+        g && (W ? q(e) : T.leave(e, () => g(e)));
+      },
+      [W, T, g]
+    ), Ke = x(() => {
+      if (!D || !g) return;
+      const e = D;
+      q(null), T.leave(e, () => g(e));
+    }, [D, g, T]), J = f(null);
+    ue(() => {
+      var e, t;
+      y && ((e = J.current) == null || e.scrollIntoView({ block: "center" }), (t = J.current) == null || t.focus());
+    }, [y, ge]);
+    const Q = f(z);
+    Q.current = z;
+    const I = f(p);
+    I.current = p;
+    const F = f(A);
+    F.current = A;
+    const K = f(H);
+    K.current = H;
+    const U = f(N);
+    U.current = N;
+    const de = f(y);
+    de.current = y;
+    const ce = f(null);
+    Ye(Ae, () => ce.current, []);
+    const Me = Je(
+      () => ({
+        // Ids + flags only — never the note body or author (both PHI).
+        getNotes: () => Q.current.map((e) => ({
+          id: e.id,
+          pinned: !!e.pinned,
+          flagged: !!e.flagged,
+          clinical: !!e.clinical
+        })),
+        canAddNote: () => !!I.current,
+        canAddClinical: () => U.current,
+        getCurrentNoteId: () => de.current ?? null,
+        addNote: (e) => {
+          var t;
+          if (!(e.clinical && !U.current))
+            return (t = I.current) == null ? void 0 : t.call(I, e);
+        },
+        togglePin: (e) => {
+          var o, s;
+          const t = Q.current.find((r) => r.id === e);
+          t && (t.deleted || ((o = t.actions) == null ? void 0 : o.pin) === !1) || (s = F.current) == null || s.call(F, e);
+        },
+        toggleFlag: (e) => {
+          var t;
+          return (t = K.current) == null ? void 0 : t.call(K, e);
+        }
+      }),
+      []
+    );
+    return Xe(ut, Me, c), /* @__PURE__ */ d(
+      "section",
+      {
+        ref: ce,
+        "data-component": "notes-panel",
+        "data-component-id": c,
+        "aria-labelledby": O ? void 0 : ne,
+        "aria-label": O,
+        className: ["ds:flex ds:flex-col", ze].filter(Boolean).join(" "),
+        ...Ne,
+        children: [
+          /* @__PURE__ */ n(
+            it,
+            {
+              title: He,
+              icon: /* @__PURE__ */ n(ot, { "aria-hidden": "true" }),
+              headingId: O ? void 0 : ne,
+              sticky: !0,
+              divider: !0
+            }
+          ),
+          /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+            p || l !== null ? /* @__PURE__ */ d(
+              "div",
+              {
+                "data-notes-panel-composer": l !== null ? "edit" : "add",
+                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+                children: [
+                  m === "rich" ? /* @__PURE__ */ n(
+                    $e,
+                    {
+                      ref: v,
+                      ariaLabel: ae,
+                      placeholder: ie,
+                      toolbar: he,
+                      minHeight: "fill",
+                      redactor: ve,
+                      imageUploadUrl: ye,
+                      readOnly: u,
+                      onChange: ({ html: e }) => V(e),
+                      onRequestAiDraft: Ce,
+                      aiDraftFormat: xe,
+                      aiPrivacyNotice: we,
+                      onDictate: Re,
+                      onProofread: Ve,
+                      onAutoFormat: ke
+                    }
+                  ) : /* @__PURE__ */ n(
+                    et,
+                    {
+                      value: b,
+                      readOnly: u,
+                      onChange: (e) => V(e.target.value),
+                      placeholder: ie,
+                      autoResize: !0,
+                      minRows: 2,
+                      maxRows: 6,
+                      "aria-label": ae
+                    }
+                  ),
+                  /* @__PURE__ */ d(
+                    "div",
+                    {
+                      className: [
+                        "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
+                        re ? "ds:justify-between" : "ds:justify-end"
+                      ].join(" "),
+                      children: [
+                        re ? /* @__PURE__ */ n(
+                          tt,
+                          {
+                            size: "sm",
+                            label: i("notesPanel.clinicalToggle", {
+                              defaultValue: "Clinical note"
+                            }),
+                            checked: L,
+                            onCheckedChange: (e) => _(e === !0),
+                            disabled: u || !N,
+                            disabledReason: N ? void 0 : Pe ?? i("notesPanel.clinicalGated", {
+                              defaultValue: "You do not have permission to write clinical notes."
+                            })
+                          }
+                        ) : null,
+                        /* @__PURE__ */ d("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                          l !== null ? /* @__PURE__ */ n(
+                            S,
+                            {
+                              type: "button",
+                              size: "sm",
+                              intent: "ghost",
+                              onClick: B,
+                              disabled: u,
+                              children: i("notesPanel.cancelEdit", { defaultValue: "Cancel" })
+                            }
+                          ) : null,
+                          /* @__PURE__ */ n(
+                            S,
+                            {
+                              type: "button",
+                              size: "sm",
+                              onClick: _e,
+                              disabled: !Le,
+                              loading: u,
+                              children: l !== null ? i("notesPanel.saveEdit", { defaultValue: "Save note" }) : je ?? i("notesPanel.add", { defaultValue: "Add note" })
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  ),
+                  te ? /* @__PURE__ */ n(j, { variant: "error", children: /* @__PURE__ */ n(j.Description, { children: te }) }) : null
+                ]
+              }
+            ) : null,
+            M === "loading" ? /* @__PURE__ */ d("p", { className: "ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ n(nt, { size: "sm", label: i("notesPanel.loading") }),
+              /* @__PURE__ */ n("span", { "aria-hidden": "true", children: i("notesPanel.loading") })
+            ] }) : M === "error" ? /* @__PURE__ */ d(j, { variant: "error", children: [
+              /* @__PURE__ */ n(j.Description, { children: i("notesPanel.loadError") }),
+              X ? /* @__PURE__ */ n(j.Action, { children: /* @__PURE__ */ n(S, { intent: "secondary", size: "sm", onClick: X, children: i("notesPanel.retry") }) }) : null
+            ] }) : null,
+            Y.length > 0 ? /* @__PURE__ */ n(
+              "ul",
+              {
+                ref: qe,
+                className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0",
+                children: Y.map(({ actions: e, ...t }, o) => {
+                  const s = y != null && t.id === y, r = t.id, E = r != null && T.isLeaving(r);
+                  return /* @__PURE__ */ d(
+                    "li",
+                    {
+                      ref: s ? J : void 0,
+                      tabIndex: s ? -1 : void 0,
+                      "aria-current": s ? "true" : void 0,
+                      "data-reflow-id": r,
+                      "data-leaving": E ? "" : void 0,
+                      "data-editing": l === r ? "" : void 0,
+                      className: [
+                        ft({
+                          current: s || l === r
+                        }),
+                        mt,
+                        lt,
+                        E ? pt : ""
+                      ].filter(Boolean).join(" "),
+                      children: [
+                        s ? /* @__PURE__ */ n("span", { className: "ds:sr-only", children: i("notesPanel.current", {
+                          defaultValue: "Current note"
+                        }) }) : null,
+                        /* @__PURE__ */ n(
+                          Ze,
+                          {
+                            surface: "elevated",
+                            truncate: !s,
+                            headerActions: /* @__PURE__ */ d(We, { children: [
+                              Z ? Z({ ...t, actions: e }) : null,
+                              R && r && !t.deleted && (e == null ? void 0 : e.edit) !== !1 ? /* @__PURE__ */ n(
+                                fe,
+                                {
+                                  icon: /* @__PURE__ */ n(dt, {}),
+                                  intent: "ghost",
+                                  size: "sm",
+                                  "aria-label": i("notesPanel.editNamed", {
+                                    date: le(t),
+                                    defaultValue: "Edit note · {{date}}"
+                                  }),
+                                  tooltip: i("notesPanel.edit", {
+                                    defaultValue: "Edit note"
+                                  }),
+                                  "aria-pressed": l === r,
+                                  disabled: u,
+                                  "data-notes-panel-edit": "",
+                                  onClick: () => l === r ? B() : Be(t)
+                                }
+                              ) : null,
+                              g && r && !t.deleted ? /* @__PURE__ */ n(
+                                fe,
+                                {
+                                  icon: /* @__PURE__ */ n(ct, {}),
+                                  intent: "ghost",
+                                  size: "sm",
+                                  "aria-label": i("notesPanel.deleteNamed", {
+                                    date: le(t),
+                                    defaultValue: "Delete note · {{date}}"
+                                  }),
+                                  tooltip: i("notesPanel.delete", {
+                                    defaultValue: "Delete note"
+                                  }),
+                                  onClick: () => Fe(r)
+                                }
+                              ) : 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
+                          }
+                        )
+                      ]
+                    },
+                    t.id ?? o
+                  );
+                })
+              }
+            ) : M !== "ready" ? null : Se ?? /* @__PURE__ */ n("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: i("notesPanel.empty", { defaultValue: "No notes yet." }) })
+          ] }),
+          g && W ? /* @__PURE__ */ n(
+            h,
+            {
+              open: D !== null,
+              onOpenChange: (e) => !e && q(null),
+              children: /* @__PURE__ */ d(h.Content, { variant: "alert", size: "sm", children: [
+                /* @__PURE__ */ n(h.Header, { children: /* @__PURE__ */ n(h.Title, { children: i("notesPanel.deleteConfirmTitle", {
+                  defaultValue: "Delete this note?"
+                }) }) }),
+                /* @__PURE__ */ n(h.Body, { children: /* @__PURE__ */ n(h.Description, { children: i("notesPanel.deleteConfirmBody", {
+                  defaultValue: "The note will be removed from the record."
+                }) }) }),
+                /* @__PURE__ */ d(h.Footer, { children: [
+                  /* @__PURE__ */ n(h.Close, { asChild: !0, children: /* @__PURE__ */ n(
+                    S,
+                    {
+                      intent: "secondary",
+                      size: "sm",
+                      onClick: () => q(null),
+                      children: i("notesPanel.deleteConfirmCancel", {
+                        defaultValue: "Cancel"
+                      })
+                    }
+                  ) }),
+                  /* @__PURE__ */ n(
+                    S,
+                    {
+                      intent: "destructive",
+                      size: "sm",
+                      onClick: Ke,
+                      children: i("notesPanel.deleteConfirmAction", {
+                        defaultValue: "Delete"
+                      })
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+export {
+  Ht as N,
+  pe as g
+};
+//# sourceMappingURL=notes-panel-4y5JioWN.js.map