@alfadocs/ui-kit-debug 1.127.2 → 1.129.0

package/dist/_chunks/use-appointment-details-read-n7kycxrm.js

@@ -0,0 +1,2439 @@
+import { jsx as e, jsxs as g, Fragment as ne } from "react/jsx-runtime";
+import { c as ht } from "./index-D2ZczOXr.js";
+import { useId as st, useRef as _, forwardRef as rn, useEffect as ke, useMemo as Rt, useState as $, useCallback as on } from "react";
+import { useTranslation as W } from "react-i18next";
+import { u as dn } from "./registry-DvAUVLHh.js";
+import { u as oe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { c as ln } from "./compose-refs-C0k0tdqF.js";
+import { h as tt, g as rt } from "./handled-rejection-6gqCf5vt.js";
+import { a as cn, b as Pt } from "./privacy-mask-DJ1gee4c.js";
+import { A as B } from "./alert-C4WKViaS.js";
+import { B as M } from "./button-DohK_Ak_.js";
+import { I as qt } from "./icon-button-S8_weU3g.js";
+import { B as un } from "./button-group-B2MJo0Se.js";
+import { D as We } from "./dropdown-menu-Dw6sgQwJ.js";
+import { E as jt } from "./editable-description-KU56SP4P.js";
+import { N as ot } from "./note-timeline-BQeW0VZY.js";
+import { P as Kt } from "./panel-header-CbtlTe85.js";
+import { P as nt } from "./panel-subview-DCyvn-49.js";
+import { P as Yt } from "./patient-summary-card-BUcZ-gaL.js";
+import { S as de } from "./section-card-CYfeQ6EQ.js";
+import { C as mn, S as ye } from "./skeleton-tTWJpvAq.js";
+import { T as pn } from "./text-area-COMVJ1yE.js";
+import { T as fn } from "./tooltip-uEBdD1-5.js";
+import { T as Gt } from "./treatment-receipt-BZzwvsnY.js";
+import { a as at } from "./whatsapp-button-XbozeDl_.js";
+import { a as Vt, W as hn } from "./workflow-status-D0avpoeS.js";
+import { u as gt, a as Mt, i as gn } from "./appointment-workflow-status-DMjuIK90.js";
+import { E as vn } from "./empty-state-DwJ5YNzz.js";
+import { T as Pe } from "./timeline-DXko0M1t.js";
+import { C as vt } from "./calendar-clock-hbObjfGY.js";
+import { T as Xt } from "./trash-2-uumy3fy1.js";
+import { A as it } from "./entity-card-fpm-KUKc.js";
+import { C as yn } from "./calendar-plus-BFrIRE4r.js";
+import { P as be } from "./pencil-B1sKKyuT.js";
+import { C as dt } from "./clock-Drd4Wtis.js";
+import { c as Ye } from "./createLucideIcon-DhHxpK9K.js";
+import { A as bn } from "./arrow-right-KsIrLdt0.js";
+import { A as lt } from "./avatar-Dp5apm1d.js";
+import { B as Ge } from "./badge-BUk4RjTS.js";
+import { H as yt } from "./heart-pulse-BCppJyN2.js";
+import { G as kn } from "./globe-sHBW1JN5.js";
+import { T as wn } from "./triangle-alert-CBnO6nq_.js";
+import { E as Nn } from "./euro-Dsuz4ixO.js";
+import { V as bt } from "./video-BheNGvsu.js";
+import { R as Qt } from "./repeat-CvQa5rZt.js";
+import { C as xn } from "./counter-WsvRuum1.js";
+import { D as Ue } from "./description-list-BxzDN9o2.js";
+import { T as Lt } from "./timestamp-DPLDWdxA.js";
+import { T as Sn } from "./transaction-chip-CkYd-3ky.js";
+import { H as we } from "./hover-card-CuRIA4wN.js";
+import { S as An } from "./smartphone-C0rFF2if.js";
+import { P as In } from "./phone-FceYcIFQ.js";
+import { M as Tn } from "./mail-BqXVF2zH.js";
+import { M as En } from "./map-pin-BaY37-Km.js";
+import { F as Dn } from "./file-pen-line-k4uMBM3h.js";
+import { P as Cn } from "./pen-line-D0De5zdl.js";
+import { C as Rn } from "./credit-card-D9XZsHGA.js";
+import { R as Pn } from "./refresh-cw-DnI0cLFC.js";
+import { C as Mn } from "./calendar-days-BGWklvE-.js";
+import { H as Ln } from "./hourglass-BEAzW1wE.js";
+import { A as Ot } from "./armchair-BaLDW6Hz.js";
+import { B as On } from "./building-2-D33bLCWL.js";
+import { N as _n } from "./notebook-pen-CO7HoM-W.js";
+import { C as ct } from "./clipboard-list-rSzfIYZB.js";
+import { U as Fn } from "./user-plus-BtcOLgNU.js";
+import { C as zn } from "./copy-vRpqqHtY.js";
+import { P as Hn } from "./plus-DzMQ_c6b.js";
+import { S as $n } from "./square-check-big-dj0o8yA3.js";
+import { H as _t } from "./history-CK2JaU2g.js";
+import { C as Bn } from "./chevron-down-DWE7GSq9.js";
+import { C as Wn } from "./camera-VSklPDCv.js";
+import { F as Un } from "./file-BuG1VMAy.js";
+import { F as qn } from "./file-text-5yv6r2ls.js";
+import { F as jn } from "./folder-BghC8_S2.js";
+import { R as Kn } from "./receipt-euro-B1cLM_TN.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Yn = [
+  ["path", { d: "M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8", key: "1w3rig" }],
+  ["path", { d: "M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1", key: "n2jgmb" }],
+  ["path", { d: "M2 21h20", key: "1nyx9w" }],
+  ["path", { d: "M7 8v3", key: "1qtyvj" }],
+  ["path", { d: "M12 8v3", key: "hwp4zt" }],
+  ["path", { d: "M17 8v3", key: "1i6e5u" }],
+  ["path", { d: "M7 4h.01", key: "1bh4kh" }],
+  ["path", { d: "M12 4h.01", key: "1ujb9j" }],
+  ["path", { d: "M17 4h.01", key: "1upcoc" }]
+], Gn = Ye("cake", Yn);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Vn = [
+  ["path", { d: "M11 14h10", key: "1w8e9d" }],
+  ["path", { d: "M16 4h2a2 2 0 0 1 2 2v1.344", key: "1e62lh" }],
+  ["path", { d: "m17 18 4-4-4-4", key: "z2g111" }],
+  ["path", { d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113", key: "bjbb7m" }],
+  ["rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", key: "ublpy" }]
+], Ft = Ye("clipboard-paste", Vn);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Xn = [
+  ["path", { d: "M16 10h2", key: "8sgtl7" }],
+  ["path", { d: "M16 14h2", key: "epxaof" }],
+  ["path", { d: "M6.17 15a3 3 0 0 1 5.66 0", key: "n6f512" }],
+  ["circle", { cx: "9", cy: "11", r: "2", key: "yxgjnd" }],
+  ["rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", key: "qneu4z" }]
+], Qn = Ye("id-card", Xn);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Jn = [
+  ["path", { d: "M12 2v20", key: "t6zp3m" }],
+  ["path", { d: "m15 19-3 3-3-3", key: "11eu04" }],
+  ["path", { d: "m19 9 3 3-3 3", key: "1mg7y2" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }],
+  ["path", { d: "m5 9-3 3 3 3", key: "j64kie" }],
+  ["path", { d: "m9 5 3-3 3 3", key: "l8vdw6" }]
+], ut = Ye("move", Jn), Zn = '[data-component="button-group"] [data-component="icon-button"][aria-haspopup="menu"]', ea = {
+  id: "appointment-details-panel",
+  // open and close back open_history and close_history; set_value backs
+  // set_status.
+  capabilities: ["open", "close", "set_value"],
+  state: {
+    eventId: {
+      type: "string | null",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.eventId",
+      description: "The occurrence on screen or being read, as the host identifies it. After a failed or refused read, the occurrence it was for when the host says so. Null when there is none, or the host did not say.",
+      read: (t) => t.getEventId()
+    },
+    loadStatus: {
+      type: "'loading' | 'ready' | 'error' | 'refused'",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.loadStatus",
+      description: "Where the read is: loading, ready, failed (with Retry) or refused. Actions need ready.",
+      read: (t) => t.getLoadStatus()
+    },
+    appointmentStatus: {
+      type: "'confirmed' | 'waiting' | 'in_care' | 'done' | 'cancelled' | 'absent' | null",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.appointmentStatus",
+      description: "The appointment status as last saved here or read. Null when none is recorded or nothing is on screen.",
+      read: (t) => t.getAppointmentStatus()
+    },
+    allowedStatuses: {
+      type: "string[]",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.allowedStatuses",
+      description: "The statuses set_status accepts now, in menu order. Empty when the status is read-only.",
+      read: (t) => t.getAllowedStatuses()
+    },
+    offeredActions: {
+      type: "string[]",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.offeredActions",
+      description: "The footer actions on offer, as their data-action values (for example edit-appointment, delete-appointment), in footer order, including any folded into More.",
+      read: (t) => t.getOfferedActions()
+    },
+    historyOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.historyOpen",
+      description: "Whether the History sub-view covers the details.",
+      read: (t) => t.isHistoryOpen()
+    },
+    privacy: {
+      type: "boolean",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.privacy",
+      description: "Whether privacy mode is on. The patient identity and personal fields are then masked on screen.",
+      read: (t) => t.isPrivacy()
+    }
+  },
+  actions: {
+    open_history: {
+      safety: "read",
+      openWorld: !0,
+      idempotent: !0,
+      errors: ["No appointment is on screen, or History is not offered."],
+      descriptionKey: "ui.agent.appointmentDetailsPanel.actions.openHistory",
+      description: "Slide the appointment's history over the details, as its header button does; the host reads it then if it did not send it with the details. It lists who changed what, and when.",
+      invoke: (t) => t.openHistory()
+    },
+    close_history: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.appointmentDetailsPanel.actions.closeHistory",
+      description: "Return from History to the details.",
+      invoke: (t) => t.closeHistory()
+    },
+    set_status: {
+      safety: "phi",
+      openWorld: !0,
+      idempotent: !0,
+      argsType: "{ status: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          status: {
+            type: "string",
+            enum: [
+              "confirmed",
+              "waiting",
+              "in_care",
+              "done",
+              "cancelled",
+              "absent"
+            ]
+          }
+        },
+        required: ["status"]
+      },
+      errors: [
+        "The status is read-only: no appointment on screen, no host save, readOnly, or no allowed statuses.",
+        "The status is not in allowedStatuses.",
+        "A status save is already in flight.",
+        "The host refused the change. The previous status stays and the panel shows the message."
+      ],
+      examples: [{ args: { status: "waiting" } }],
+      descriptionKey: "ui.agent.appointmentDetailsPanel.actions.setStatus",
+      description: "Save a new appointment status through the host, as the footer control does. Resolves once the host has saved it.",
+      invoke: (t, n) => t.setAppointmentStatus(
+        n.status
+      )
+    },
+    retry: {
+      safety: "read",
+      openWorld: !0,
+      errors: [
+        "Retry is not offered: the read has not failed or been refused as retryable, or the host offers no Retry."
+      ],
+      descriptionKey: "ui.agent.appointmentDetailsPanel.actions.retry",
+      description: "Ask the host to read the appointment again, after a failed read or a refusal it marked retryable.",
+      invoke: (t) => t.retry()
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "appointment-details-panel",
+      description: `Marks the panel. It also carries data-event-id and data-status. Inside, cards carry data-card (patient, appointment, notes, treatments), footer actions data-action, and the History and description sub-views data-details-subview. An action in offeredActions with no data-action in the footer strip is folded into More: click the panel's ${Zn}, and its menu item carries the same data-action.`
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop, or generated."
+    }
+  }
+};
+function mt(t) {
+  const n = document.activeElement;
+  n && n !== document.body || t == null || t.focus({ preventScroll: !0 });
+}
+function Le(t) {
+  const n = document.getElementById(t);
+  n && !n.hasAttribute("tabindex") && (n.tabIndex = -1), mt(n);
+}
+const Me = {
+  advancedSignature: "setup-advanced-signature",
+  requestSignature: "request-signature",
+  renewAnamnesis: "renew-anamnesis",
+  unlockPayments: "unlock-payments",
+  carePlan: "open-care-plan"
+};
+function qe(t) {
+  if (t)
+    try {
+      const { protocol: n } = new URL(t, "https://host.invalid");
+      return n === "http:" || n === "https:" ? t : void 0;
+    } catch {
+      return;
+    }
+}
+function Oe(t) {
+  return typeof t == "string" && /^\d{4}-\d{2}-\d{2}$/.test(t) ? /* @__PURE__ */ new Date(`${t}T00:00:00`) : new Date(t);
+}
+function Ke(t, n) {
+  try {
+    return new Intl.DateTimeFormat(t, {
+      weekday: "long",
+      day: "numeric",
+      month: "long",
+      year: "numeric"
+    }).format(Oe(n));
+  } catch {
+    return "";
+  }
+}
+function ta(t, n, a) {
+  const o = new Date(n), i = a ? new Date(a) : o;
+  try {
+    const l = new Intl.DateTimeFormat(t, {
+      hour: "2-digit",
+      minute: "2-digit",
+      hour12: !1
+    });
+    return typeof l.formatRange == "function" ? l.formatRange(o, i) : `${l.format(o)} – ${l.format(i)}`;
+  } catch {
+    return "";
+  }
+}
+const pt = {
+  weekday: "short",
+  day: "numeric",
+  month: "short",
+  hour: "2-digit",
+  minute: "2-digit"
+};
+function na(t, n) {
+  const a = Oe(t), o = Oe(n);
+  let i = o.getFullYear() - a.getFullYear();
+  const l = o.getMonth() - a.getMonth();
+  return (l < 0 || l === 0 && o.getDate() < a.getDate()) && (i -= 1), Math.max(0, i);
+}
+const aa = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})$/;
+function ia(t) {
+  const n = typeof t == "string" ? aa.exec(t) : null;
+  if (!n) return;
+  const [a, o, i, l, h, r] = n.slice(1).map(Number), d = /* @__PURE__ */ new Date(0);
+  if (d.setFullYear(a, o, 0), o < 1 || o > 12 || i < 1 || i > d.getDate() || l > 23 || h > 59 || r > 59)
+    return;
+  const c = /* @__PURE__ */ new Date(0);
+  return c.setFullYear(a, o - 1, i), c.setHours(l, h, r, 0), c;
+}
+function sa(t) {
+  return t.map((n) => {
+    const a = Date.parse(n.atIso);
+    return { entry: n, time: Number.isFinite(a) ? a : -1 / 0 };
+  }).sort((n, a) => n.time === a.time ? 0 : a.time - n.time).map(({ entry: n }) => n);
+}
+const ra = {
+  daily: "recurrenceDaily",
+  weekly: "recurrenceWeekly",
+  monthly: "recurrenceMonthly",
+  quarterly: "recurrenceQuarterly",
+  semiannual: "recurrenceSemiannual",
+  yearly: "recurrenceYearly"
+};
+function oa(t) {
+  return t.phones ? t.phones : t.phone ? [{ label: "mobile", number: t.phone }] : [];
+}
+function Jt(t) {
+  return [t.address, t.postalCode, t.city].filter((n) => !!n).join(", ");
+}
+function da(t) {
+  return [t.address, t.city].filter((n) => !!n).join(", ");
+}
+function la(t) {
+  const n = Jt(t);
+  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(n)}`;
+}
+const P = (t) => `calendarWorkspace.details.${t}`, ca = /* @__PURE__ */ new Set(["patient", "care"]), zt = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i, ua = (t) => {
+  switch (t.field) {
+    case "time":
+      return !!(t.fromIso || t.toIso);
+    case "duration":
+      return t.fromMin !== void 0 || t.toMin !== void 0;
+    default:
+      return !!(t.from || t.to);
+  }
+};
+function ma(t) {
+  const n = t.kind === "moved" ? [{ field: "time", fromIso: t.fromIso, toIso: t.toIso }] : t.kind === "resized" ? [{ field: "duration", fromMin: t.fromMin, toMin: t.toMin }] : t.kind === "status" ? [{ field: "status", from: t.from, to: t.to }] : [], a = ("changes" in t ? t.changes ?? [] : []).filter(
+    ua
+  ), o = new Set(n.map((i) => i.field));
+  return [
+    ...n,
+    ...a.filter((i) => o.has(i.field) ? !1 : (o.add(i.field), !0))
+  ];
+}
+const pa = (t, n) => t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
+function fa({
+  history: t,
+  locale: n,
+  noteUnrecordedEdits: a = !1,
+  privacy: o = !1
+}) {
+  const { t: i, i18n: l } = W("ui"), { optionFor: h } = gt(null), r = n ?? l.language, d = (s, f) => {
+    try {
+      return new Intl.DateTimeFormat(r, f).format(
+        new Date(s)
+      );
+    } catch {
+      return s;
+    }
+  }, c = (s) => d(s, pt), p = i(P("history.notSet")), A = (s) => {
+    switch (s.field) {
+      case "status":
+        return {
+          from: s.from && h(s.from).label,
+          to: s.to && h(s.to).label
+        };
+      case "time": {
+        const f = s.fromIso && new Date(s.fromIso), b = s.toIso && new Date(s.toIso), y = f && b && pa(f, b) ? d(s.toIso, {
+          hour: "2-digit",
+          minute: "2-digit"
+        }) : void 0;
+        return {
+          from: s.fromIso && c(s.fromIso),
+          to: y ?? (s.toIso && c(s.toIso))
+        };
+      }
+      case "duration":
+        return {
+          from: s.fromMin === void 0 ? void 0 : i(P("history.minutes"), { n: s.fromMin }),
+          to: s.toMin === void 0 ? void 0 : i(P("history.minutes"), { n: s.toMin })
+        };
+      default:
+        return { from: s.from || void 0, to: s.to || void 0 };
+    }
+  }, I = (s) => {
+    const f = i(P(`history.fields.${s.field}`)), { from: b, to: y } = A(s);
+    return s.field === "colour" && [b, y].some((T) => T && zt.test(T)) ? i(P("history.changed.colour")) : b && !y ? i(P("history.changeCleared"), { field: f, from: b }) : !b && y ? i(P("history.changeSet"), { field: f, to: y }) : i(P("history.changeFromTo"), {
+      field: f,
+      from: b ?? p,
+      to: y ?? p
+    });
+  }, u = (s) => {
+    const f = (x, S) => x && s.field === "colour" && zt.test(x) ? /* @__PURE__ */ e(
+      "span",
+      {
+        className: "ds:inline-block ds:size-4 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--border)] ds:[background-color:var(--history-swatch)] ds:forced-colors:[forced-color-adjust:none]",
+        style: {
+          "--history-swatch": x.startsWith("#") ? x : `#${x}`
+        }
+      }
+    ) : x ? /* @__PURE__ */ e(
+      "span",
+      {
+        className: S ? "ds:min-w-0 ds:font-[var(--font-weight-medium)] ds:text-[color:var(--foreground)]" : "ds:min-w-0 ds:text-[color:var(--muted-foreground)]",
+        children: x
+      }
+    ) : /* @__PURE__ */ e("span", { className: "ds:min-w-0 ds:text-[color:var(--muted-foreground)]", children: p }), b = (x) => x ? /* @__PURE__ */ e(
+      Vt,
+      {
+        value: x,
+        option: h(x),
+        size: "sm"
+      }
+    ) : f(void 0, !1), { from: y, to: T } = A(s);
+    return /* @__PURE__ */ g("div", { className: "ds:min-w-0", "data-history-change": s.field, children: [
+      /* @__PURE__ */ e("span", { className: "ds:sr-only", children: I(s) }),
+      /* @__PURE__ */ g(
+        "div",
+        {
+          "aria-hidden": "true",
+          className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+          children: [
+            s.field === "status" ? b(s.from) : f(y, !1),
+            /* @__PURE__ */ e(
+              bn,
+              {
+                className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:rtl:rotate-180",
+                "aria-hidden": "true"
+              }
+            ),
+            s.field === "status" ? b(s.to) : f(T, !0)
+          ]
+        }
+      )
+    ] });
+  }, k = (s) => {
+    switch (s.kind) {
+      case "created":
+        return {
+          title: i(P("history.created")),
+          type: "success",
+          icon: /* @__PURE__ */ e(yn, { size: 16, "aria-hidden": "true" })
+        };
+      case "confirmedByPatient": {
+        const v = it.confirmed.Icon;
+        return {
+          title: i(P("history.confirmedByPatient")),
+          type: "success",
+          icon: /* @__PURE__ */ e(v, { size: 16, "aria-hidden": "true" })
+        };
+      }
+      case "deleted":
+        return {
+          title: i(P("history.deleted")),
+          type: "error",
+          icon: /* @__PURE__ */ e(Xt, { size: 16, "aria-hidden": "true" })
+        };
+    }
+    const f = ma(s), b = o ? f.filter((v) => !ca.has(v.field)) : f, y = new Set(b.map((v) => v.field)), T = [
+      ...s.kind === "edited" ? s.fields : [],
+      ...f.filter((v) => !y.has(v.field)).map((v) => v.field)
+    ].filter(
+      (v, L, F) => v !== "status" && !y.has(v) && F.indexOf(v) === L
+    ), x = T.length > 0 ? i(P("history.editedDetail"), {
+      fields: T.map((v) => i(P(`history.fields.${v}`))).join(", ")
+    }) : void 0, [S] = b;
+    if (b.length === 1 && S && !x)
+      switch (S.field) {
+        case "status": {
+          const { to: v } = S, L = v ? it[v].Icon : be;
+          return {
+            title: i(P("history.status")),
+            type: v === "cancelled" || v === "absent" ? "warning" : "neutral",
+            icon: /* @__PURE__ */ e(L, { size: 16, "aria-hidden": "true" }),
+            detail: u(S)
+          };
+        }
+        case "time":
+          return {
+            title: i(P("history.moved")),
+            type: "info",
+            icon: /* @__PURE__ */ e(ut, { size: 16, "aria-hidden": "true" }),
+            detail: u(S)
+          };
+        case "duration":
+          return {
+            title: i(P("history.resized")),
+            type: "info",
+            icon: /* @__PURE__ */ e(dt, { size: 16, "aria-hidden": "true" }),
+            detail: u(S)
+          };
+        default:
+          return {
+            title: i(P(`history.changed.${S.field}`)),
+            type: "neutral",
+            icon: /* @__PURE__ */ e(be, { size: 16, "aria-hidden": "true" }),
+            detail: u(S)
+          };
+      }
+    if (b.length > 0) {
+      const v = s.kind === "moved" ? {
+        title: "history.moved",
+        icon: /* @__PURE__ */ e(ut, { size: 16, "aria-hidden": "true" })
+      } : s.kind === "resized" ? {
+        title: "history.resized",
+        icon: /* @__PURE__ */ e(dt, { size: 16, "aria-hidden": "true" })
+      } : s.kind === "status" ? {
+        title: "history.status",
+        icon: (() => {
+          const L = it[s.to].Icon;
+          return /* @__PURE__ */ e(L, { size: 16, "aria-hidden": "true" });
+        })()
+      } : {
+        title: "history.edited",
+        icon: /* @__PURE__ */ e(be, { size: 16, "aria-hidden": "true" })
+      };
+      return {
+        title: i(P(v.title)),
+        type: s.kind === "moved" || s.kind === "resized" ? "info" : s.kind === "status" && (s.to === "cancelled" || s.to === "absent") ? "warning" : "neutral",
+        icon: v.icon,
+        detail: /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e(
+            "dl",
+            {
+              "aria-label": i(P("history.changesLabel")),
+              className: "ds:m-0 ds:grid ds:grid-cols-[auto_minmax(0,1fr)] ds:items-baseline ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)]",
+              children: b.map((L) => /* @__PURE__ */ g("div", { className: "ds:contents", children: [
+                /* @__PURE__ */ e("dt", { className: "type-label ds:text-[color:var(--muted-foreground)]", children: i(P(`history.fields.${L.field}`)) }),
+                /* @__PURE__ */ e("dd", { className: "ds:m-0 ds:min-w-0", children: u(L) })
+              ] }, L.field))
+            }
+          ),
+          x ? /* @__PURE__ */ e("p", { className: "ds:m-0", children: x }) : null
+        ] })
+      };
+    }
+    return {
+      title: i(P("history.edited")),
+      type: "neutral",
+      icon: /* @__PURE__ */ e(be, { size: 16, "aria-hidden": "true" }),
+      detail: x || (a ? /* @__PURE__ */ e("span", { className: "ds:text-[color:var(--muted-foreground)]", children: i(P("history.notRecorded")) }) : void 0)
+    };
+  };
+  return t.length === 0 ? /* @__PURE__ */ e(
+    vn,
+    {
+      variant: "first-use",
+      size: "sm",
+      title: i(P("historyEmpty"))
+    }
+  ) : /* @__PURE__ */ e(Pe, { order: "newest-first", "aria-label": i(P("historyTitle")), children: sa(t).map((s) => {
+    const f = k(s);
+    return /* @__PURE__ */ g(
+      Pe.Event,
+      {
+        eventId: s.id,
+        type: f.type,
+        className: "ds:[column-gap:var(--spacing-sm)] ds:[padding-block-end:var(--spacing-lg)] ds:before:bg-[var(--primary)]",
+        children: [
+          /* @__PURE__ */ e(Pe.Dot, { icon: f.icon }),
+          /* @__PURE__ */ e(
+            Pe.Content,
+            {
+              title: f.title,
+              description: f.detail,
+              className: "ds:[padding-block-end:0] ds:[&>[data-component=card]]:border-[color:var(--card-border)] ds:[&>[data-component=card]]:shadow-[var(--shadow-card)]",
+              actor: s.actor.trim() ? { name: s.actor } : void 0,
+              children: /* @__PURE__ */ g("span", { className: "ds:mt-[var(--spacing-sm)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ e(
+                  vt,
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  Pe.Timestamp,
+                  {
+                    date: s.atIso,
+                    relative: !1,
+                    locale: r
+                  }
+                )
+              ] })
+            }
+          )
+        ]
+      },
+      s.id
+    );
+  }) });
+}
+const ha = {
+  confirmed: "success",
+  waiting: "info",
+  in_care: "accentSoft",
+  done: "success",
+  cancelled: "error",
+  absent: "warning"
+};
+function ga({ event: t }) {
+  const { t: n } = W("ui"), a = (i) => `calendarWorkspace.details.indicators.${i}`, o = [];
+  return t.isBookedOnline && o.push({
+    id: "online",
+    icon: /* @__PURE__ */ e(kn, { "aria-hidden": "true" }),
+    label: n(a("bookedOnline")),
+    variant: "info"
+  }), t.hasUnassignedPatient && o.push({
+    id: "unassigned",
+    icon: /* @__PURE__ */ e(wn, { "aria-hidden": "true" }),
+    label: n(a("unassignedPatient")),
+    variant: "warning"
+  }), t.hasHighlightedAnamnesis && o.push({
+    id: "anamnesis",
+    icon: /* @__PURE__ */ e(yt, { "aria-hidden": "true" }),
+    label: n(a("anamnesis")),
+    variant: "accentSoft"
+  }), t.hasBillableAmount && o.push({
+    id: "billable",
+    icon: /* @__PURE__ */ e(Nn, { "aria-hidden": "true" }),
+    label: n(a("billable")),
+    variant: "warning"
+  }), t.isTelehealth && o.push({
+    id: "telehealth",
+    icon: /* @__PURE__ */ e(bt, { "aria-hidden": "true" }),
+    label: n(a("telehealth")),
+    variant: "info"
+  }), t.isRecurring && o.push({
+    id: "recurring",
+    icon: /* @__PURE__ */ e(Qt, { "aria-hidden": "true" }),
+    label: n(a("recurring")),
+    variant: "info"
+  }), o.length === 0 ? null : /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: o.map((i) => /* @__PURE__ */ e(
+    Ge,
+    {
+      variant: i.variant,
+      size: "sm",
+      leading: i.icon,
+      children: i.label
+    },
+    i.id
+  )) });
+}
+function va({
+  name: t,
+  avatarSrc: n,
+  unresolved: a = !1,
+  status: o,
+  flags: i,
+  age: l,
+  onOpenPatient: h,
+  highlightedAnamnesisCount: r = 0,
+  expiredAnamnesisCount: d = 0,
+  anamnesisAnswers: c = [],
+  locale: p
+}) {
+  const { t: A, i18n: I } = W("ui"), u = (y) => `calendarWorkspace.details.${y}`, { optionFor: k } = gt(o), s = o ? k(o) : void 0, f = r, b = d;
+  return /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:pb-0", children: [
+    /* @__PURE__ */ g("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ e(lt, { name: t, src: n }),
+      /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[min-inline-size:0]", children: [
+        /* @__PURE__ */ g("span", { className: "ds:flex ds:flex-wrap ds:items-baseline ds:gap-[var(--spacing-2xs)] ds:text-start", children: [
+          h ? /* @__PURE__ */ e(M, { size: "sm", intent: "link", onClick: () => h(), children: t }) : /* @__PURE__ */ e("span", { className: "ds:font-[var(--font-weight-semibold)] ds:truncate", children: t }),
+          l !== void 0 ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: A(u("patientAge"), { n: l }) }) : null
+        ] }),
+        a ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-start ds:text-[color:var(--muted-foreground)]", children: A(u("patientNotLoaded")) }) : null,
+        o && s ? /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+          Ge,
+          {
+            variant: ha[o],
+            size: "sm",
+            leading: s.icon,
+            children: s.label
+          }
+        ) }) : null,
+        /* @__PURE__ */ e(ga, { event: i })
+      ] })
+    ] }),
+    f + b > 0 ? /* @__PURE__ */ g(
+      B,
+      {
+        variant: "warning",
+        announce: "off",
+        icon: /* @__PURE__ */ e(yt, { "aria-hidden": "true" }),
+        children: [
+          /* @__PURE__ */ e(B.Title, { as: "p", children: A(u("anamnesisTitle")) }),
+          /* @__PURE__ */ e(B.Description, { children: [
+            f > 0 ? A(u("anamnesisHighlighted"), { n: f }) : null,
+            b > 0 ? A(u("anamnesisExpired"), { n: b }) : null
+          ].filter((y) => y !== null).join(" · ") }),
+          c.length > 0 ? (
+            /* Question · yes or no · answer · interview date, as the
+               platform's details dialog lists them. A list, not a
+               Description, which renders a <p>. */
+            /* @__PURE__ */ e("ul", { className: "type-body-sm ds:m-0 ds:mt-[var(--spacing-xs)] ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)] ds:p-0", children: c.map((y) => /* @__PURE__ */ g("li", { className: "ds:text-start", children: [
+              /* @__PURE__ */ e("span", { className: "ds:font-[var(--font-weight-semibold)]", children: y.question }),
+              ` · ${A(u(y.yes ? "anamnesisYes" : "anamnesisNo"))}`,
+              y.answer ? ` · ${y.answer}` : "",
+              ` · ${Ke(p ?? I.language, y.interviewIso)}`
+            ] }, y.question)) })
+          ) : null
+        ]
+      }
+    ) : null
+  ] });
+}
+const ya = {
+  SU: 0,
+  MO: 1,
+  TU: 2,
+  WE: 3,
+  TH: 4,
+  FR: 5,
+  SA: 6
+}, ba = ["MO", "TU", "WE", "TH", "FR", "SA", "SU"], ka = {
+  daily: "recurrenceEveryDay",
+  weekly: "recurrenceEveryWeek",
+  monthly: "recurrenceEveryMonth",
+  yearly: "recurrenceEveryYear"
+}, wa = {
+  1: "recurrenceOrdinal1",
+  2: "recurrenceOrdinal2",
+  3: "recurrenceOrdinal3",
+  4: "recurrenceOrdinal4"
+}, Na = /^(-1|[1-4])?(MO|TU|WE|TH|FR|SA|SU)$/;
+function Ht(t, n) {
+  const a = new Date(2026, 0, 4 + ya[t]);
+  return new Intl.DateTimeFormat(n, { weekday: "long" }).format(a);
+}
+function xa(t, n, a) {
+  const o = Oe(n);
+  if (!Number.isFinite(o.getTime())) return;
+  const i = a ? Oe(a) : void 0, l = i && i.getFullYear() === o.getFullYear();
+  try {
+    return new Intl.DateTimeFormat(t, {
+      day: "numeric",
+      month: "long",
+      ...l ? {} : { year: "numeric" }
+    }).format(o);
+  } catch {
+    return;
+  }
+}
+function Sa(t, n, a, o) {
+  const i = ra[a.frequency];
+  if (!i) return;
+  const l = (k) => `calendarWorkspace.editor.${k}`, h = (k) => `calendarWorkspace.details.${k}`, r = ka[a.frequency], d = r && (a.interval ?? 1) > 1 ? t(l(r), { count: a.interval }) : t(l(i)), c = (a.byDay ?? []).map((k) => Na.exec(k)).filter((k) => k !== null), p = a.frequency === "weekly" ? ba.filter(
+    (k) => c.some(([, s, f]) => !s && f === k)
+  ) : [], A = a.frequency === "monthly" || a.frequency === "yearly" ? c.find(([, k]) => k) : void 0;
+  let I = d;
+  if (p.length > 0)
+    I = t(h("seriesOnDays"), {
+      every: d,
+      days: new Intl.ListFormat(n, { type: "conjunction" }).format(
+        p.map((k) => Ht(k, n))
+      )
+    });
+  else if (A) {
+    const [, k, s] = A, f = Ht(s, n);
+    I = k === "-1" ? t(h("seriesOnLast"), { every: d, weekday: f }) : t(h("seriesOnNth"), {
+      every: d,
+      weekday: f,
+      ordinal: t(l(wa[k]))
+    });
+  }
+  if (a.count !== void 0)
+    return t(h("seriesRule"), {
+      frequency: I,
+      count: a.count
+    });
+  const u = a.untilIso ? xa(n, a.untilIso, o) : void 0;
+  return u ? t(h("seriesUntil"), { rule: I, date: u }) : I;
+}
+function ft({
+  eyebrow: t,
+  heading: n,
+  facts: a
+}) {
+  return /* @__PURE__ */ g(ne, { children: [
+    /* @__PURE__ */ e(we.Eyebrow, { children: t }),
+    /* @__PURE__ */ e(we.Heading, { children: n }),
+    a && a.length > 0 ? /* @__PURE__ */ e(we.Body, { children: /* @__PURE__ */ e("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)] ds:p-0 type-body-sm", children: a.map((o, i) => /* @__PURE__ */ e(
+      "li",
+      {
+        className: o.muted ? "ds:text-[color:var(--muted-foreground)]" : void 0,
+        children: o.text
+      },
+      i
+    )) }) }) : null
+  ] });
+}
+const Aa = "ds:inline-flex ds:cursor-pointer ds:rounded-[var(--radius-full)] ds:p-0 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)]";
+function $t({
+  id: t,
+  eyebrow: n,
+  heading: a,
+  facts: o,
+  children: i
+}) {
+  return /* @__PURE__ */ g(we, { children: [
+    /* @__PURE__ */ e(we.Trigger, { asChild: !0, children: /* @__PURE__ */ e("button", { type: "button", "data-chip-hover": t, className: Aa, children: i }) }),
+    /* @__PURE__ */ e(we.Content, { side: "bottom", align: "start", size: "sm", children: /* @__PURE__ */ e(ft, { eyebrow: n, heading: a, facts: o }) })
+  ] });
+}
+const m = (t) => `calendarWorkspace.details.${t}`, Ia = {
+  missing: "consentMissing",
+  requested: "consentRequested",
+  signed: "consentSigned"
+}, Zt = (t) => /* @__PURE__ */ e("a", { href: `tel:${t.replace(/\s/g, "")}`, dir: "ltr", children: t }), en = (t) => /* @__PURE__ */ e("a", { href: `mailto:${t}`, dir: "ltr", children: t }), tn = (t, n, a) => new Intl.NumberFormat(t, { style: "currency", currency: a }).format(n);
+function je({
+  href: t,
+  action: n,
+  icon: a,
+  children: o
+}) {
+  const i = qe(t);
+  return i ? /* @__PURE__ */ e(
+    M,
+    {
+      asChild: !0,
+      size: "sm",
+      intent: "outline",
+      "data-action": n,
+      startIcon: a,
+      children: /* @__PURE__ */ e("a", { href: i, children: o })
+    }
+  ) : null;
+}
+function Bt({ rows: t }) {
+  const n = t.filter((a) => !!a);
+  return n.length === 0 ? null : /* @__PURE__ */ e(Ue, { layout: "inline", density: "compact", children: n.map((a) => /* @__PURE__ */ g(
+    Ue.Row,
+    {
+      "data-row": a.id,
+      icon: a.icon,
+      children: [
+        /* @__PURE__ */ e(Ue.Term, { children: a.label }),
+        /* @__PURE__ */ e(Ue.Detail, { children: a.value })
+      ]
+    },
+    a.id
+  )) });
+}
+function Ta({
+  details: t,
+  locale: n,
+  currency: a,
+  now: o,
+  mapsLink: i = !1,
+  shortcuts: l,
+  onRequestSignature: h
+}) {
+  const { t: r } = W("ui"), { patient: d, signing: c, money: p, booking: A } = t;
+  if (!d) return null;
+  const I = (c == null ? void 0 : c.consents) ?? [], u = c && (c.required > 0 || I.length > 0) ? c : void 0, k = ((u == null ? void 0 : u.toComplete) ?? 0) > 0, s = u ? [
+    {
+      text: k ? u.requestedVia === "sms" ? r(m("signingRequestedSms")) : u.requestedVia === "email" ? r(m("signingRequestedEmail")) : r(m("signingNotRequested")) : r(m("signingAllSigned"))
+    },
+    ...u.aesSetUp ? [] : [{ text: r(m("aesMissing")), muted: !0 }]
+  ] : [], f = ((c == null ? void 0 : c.required) ?? 0) > 0 && k, b = !!(l != null && l.advancedSignatureUrl) && ((c == null ? void 0 : c.required) ?? 0) > 0 && !(c != null && c.aesSetUp), y = !!h && f, T = d.highlightedAnamnesisCount ?? 0, x = d.expiredAnamnesisCount ?? 0, S = (d.highlightedAnamnesisAnswers ?? []).map((R) => ({
+    text: [
+      R.question,
+      r(m(R.yes ? "anamnesisYes" : "anamnesisNo")),
+      R.answer,
+      Ke(n, R.interviewIso)
+    ].filter(Boolean).join(" · ")
+  })), v = Jt(d), L = da(d) || v, F = I.map((R) => ({
+    id: `consent-${R.id}`,
+    label: R.name,
+    value: r(m(Ia[R.state]))
+  })), G = [
+    ...d.dobIso ? [
+      {
+        id: "dob",
+        label: r(m("dob")),
+        icon: /* @__PURE__ */ e(Gn, {}),
+        value: `${Ke(n, d.dobIso)} ${r(
+          m("patientAge"),
+          {
+            n: na(d.dobIso, o)
+          }
+        )}`
+      }
+    ] : [],
+    ...oa(d).map((R, Q) => {
+      const J = R.label === "mobile" || R.label === "home" || R.label === "work";
+      return {
+        id: `phone-${Q}`,
+        label: r(J ? `calendarWorkspace.print.phoneLabels.${R.label}` : m("phone")),
+        icon: R.label === "mobile" ? /* @__PURE__ */ e(An, {}) : /* @__PURE__ */ e(In, {}),
+        value: Zt(R.number)
+      };
+    }),
+    ...d.email ? [
+      {
+        id: "email",
+        label: r(m("email")),
+        icon: /* @__PURE__ */ e(Tn, {}),
+        value: en(d.email)
+      }
+    ] : [],
+    /* P27: hidden patient details leave the address out, and with it the
+       row: no map link and no empty "address" line. */
+    ...i && v ? [
+      {
+        id: "address",
+        label: r(m("address")),
+        icon: /* @__PURE__ */ e(En, {}),
+        value: /* @__PURE__ */ e(
+          "a",
+          {
+            href: la(d),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            "aria-label": `${r(m("mapsLink"))}: ${L}`,
+            children: L
+          }
+        )
+      }
+    ] : []
+  ], V = (p == null ? void 0 : p.unpaidAmount) ?? 0, X = (p == null ? void 0 : p.billableAmount) ?? 0, K = (A == null ? void 0 : A.paidOnlineAmount) ?? 0, ee = (R, Q, J, le, Ne, ce) => /* @__PURE__ */ e(
+    $t,
+    {
+      id: J,
+      eyebrow: r(m("hoverBilling")),
+      heading: r(m(le), {
+        amount: tn(n, Q, a)
+      }),
+      facts: [{ text: r(m(Ne)) }],
+      children: /* @__PURE__ */ e(
+        Sn,
+        {
+          "data-chip": J,
+          state: R,
+          amount: Q,
+          currency: a,
+          locale: n,
+          size: "md",
+          showLabel: !0,
+          label: ce,
+          showIcon: !1
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ e(
+    Yt,
+    {
+      "data-card": "patient",
+      name: d.name,
+      avatarUrl: d.avatarSrc,
+      locale: n,
+      surface: "elevated",
+      density: "compact",
+      flags: {
+        unsignedDocumentsCount: (u == null ? void 0 : u.toComplete) ?? 0,
+        highlightedAnamnesisCount: T
+      },
+      flagHover: {
+        ...u ? {
+          unsignedDocuments: /* @__PURE__ */ e(
+            ft,
+            {
+              eyebrow: r(m("sectionSigning")),
+              heading: u.toComplete === 1 ? r(m("signingToSignOne")) : r(m("signingToSignMany"), {
+                n: u.toComplete
+              }),
+              facts: s
+            }
+          )
+        } : {},
+        highlightedAnamnesis: /* @__PURE__ */ e(
+          ft,
+          {
+            eyebrow: r(m("anamnesisTitle")),
+            heading: r(m("anamnesisHighlighted"), { n: T }),
+            facts: S
+          }
+        )
+      },
+      extraChips: V > 0 || X > 0 || K > 0 || x > 0 || b || y ? /* @__PURE__ */ g(ne, { children: [
+        /* @__PURE__ */ g("span", { className: "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          V > 0 ? ee(
+            "debt",
+            V,
+            "unpaid",
+            "hoverUnpaidHeading",
+            "hoverUnpaidFact"
+          ) : null,
+          X > 0 ? ee(
+            "to-invoice",
+            X,
+            "billable",
+            "hoverBillableHeading",
+            "hoverBillableFact"
+          ) : null,
+          K > 0 ? ee(
+            "settled",
+            K,
+            "paidOnline",
+            "hoverPaidOnlineHeading",
+            "hoverPaidOnlineFact",
+            /* A deposit is settled money, but "Settled" hides where
+               it came from: the chip says what its hover card says. */
+            r(m("paidOnline"))
+          ) : null
+        ] }),
+        y ? /* @__PURE__ */ e(
+          M,
+          {
+            size: "sm",
+            intent: "outline",
+            "data-action": Me.requestSignature,
+            startIcon: /* @__PURE__ */ e(Dn, { "aria-hidden": "true" }),
+            onClick: () => h(t.eventId),
+            children: r(m("signingRequest"))
+          }
+        ) : null,
+        b && (l != null && l.advancedSignatureUrl) ? /* @__PURE__ */ e(
+          je,
+          {
+            href: l.advancedSignatureUrl,
+            action: Me.advancedSignature,
+            icon: /* @__PURE__ */ e(Cn, { "aria-hidden": "true" }),
+            children: r(m("aesSetUp"))
+          }
+        ) : null,
+        l != null && l.unlockPaymentsUrl && (V > 0 || X > 0) ? /* @__PURE__ */ e(
+          je,
+          {
+            href: l.unlockPaymentsUrl,
+            action: Me.unlockPayments,
+            icon: /* @__PURE__ */ e(Rn, { "aria-hidden": "true" }),
+            children: r(m("unlockPayments"))
+          }
+        ) : null,
+        x > 0 ? /* @__PURE__ */ e(
+          $t,
+          {
+            id: "anamnesisExpired",
+            eyebrow: r(m("anamnesisTitle")),
+            heading: r(m("anamnesisExpired"), { n: x }),
+            facts: [{ text: r(m("hoverAnamnesisExpiredFact")) }],
+            children: /* @__PURE__ */ e(
+              Ge,
+              {
+                "data-chip": "anamnesisExpired",
+                variant: "warning",
+                size: "md",
+                leading: /* @__PURE__ */ e(yt, {}),
+                children: r(m("anamnesisExpired"), { n: x })
+              }
+            )
+          }
+        ) : null,
+        x > 0 && (l != null && l.renewAnamnesisUrl) ? /* @__PURE__ */ e(
+          je,
+          {
+            href: l.renewAnamnesisUrl,
+            action: Me.renewAnamnesis,
+            icon: /* @__PURE__ */ e(Pn, { "aria-hidden": "true" }),
+            children: r(m("anamnesisRenew"))
+          }
+        ) : null
+      ] }) : void 0,
+      visibleFieldOrder: [...G, ...F].map((R) => R.id),
+      sections: G.length > 0 || F.length > 0 ? [
+        ...G.length > 0 ? [{ id: "contact", heading: r(m("sectionPatient")), fields: G }] : [],
+        ...F.length > 0 ? [
+          {
+            id: "consents",
+            heading: r(m("sectionSigning")),
+            fields: F
+          }
+        ] : []
+      ] : void 0
+    }
+  );
+}
+function Ea({
+  details: t,
+  locale: n,
+  currency: a,
+  operator: o,
+  chair: i,
+  description: l,
+  privacy: h = !1,
+  history: r
+}) {
+  const { t: d } = W("ui"), { appointment: c, booking: p, patient: A } = t, I = (v) => d(`calendarWorkspace.editor.${v}`), u = new Date(c.startIso), k = new Date(u.getTime() + c.durationMin * 6e4), s = Number.isFinite(u.getTime()), { recurrence: f } = c, b = f && Sa(d, n, f, c.startIso), y = p ? [
+    p.bookedAtIso && {
+      id: "bookedAt",
+      label: d(m("bookedAt")),
+      value: /* @__PURE__ */ e(
+        Lt,
+        {
+          value: p.bookedAtIso,
+          format: "absolute",
+          shape: "bare",
+          locale: n,
+          absoluteFormat: pt
+        }
+      )
+    },
+    p.typedName && {
+      id: "bookingName",
+      label: d(m("bookingName")),
+      value: p.typedName
+    },
+    p.phone && {
+      id: "bookingPhone",
+      label: d(m("bookingPhone")),
+      value: Zt(p.phone)
+    },
+    p.email && {
+      id: "bookingEmail",
+      label: d(m("bookingEmail")),
+      value: en(p.email)
+    },
+    p.note && {
+      id: "bookingNote",
+      label: d(m("bookingNote")),
+      value: p.note
+    },
+    /* With a patient the amount is a chip on the patient card. */
+    !A && p.paidOnlineAmount !== void 0 && {
+      id: "paidOnline",
+      label: d(m("paidOnline")),
+      value: tn(n, p.paidOnlineAmount, a)
+    }
+  ] : [], T = h ? y.filter((v) => v && v.id === "bookedAt") : y, x = T.some(Boolean), S = p || c.bookedOnline || r == null ? void 0 : r.filter(
+    (v) => v.kind === "created" && v.actor.trim() !== ""
+  ).sort((v, L) => Date.parse(v.atIso) - Date.parse(L.atIso))[0];
+  return /* @__PURE__ */ g(
+    de,
+    {
+      "data-card": "appointment",
+      title: d(m("sectionAppointment")),
+      headingLevel: 3,
+      children: [
+        l,
+        /* @__PURE__ */ e(
+          Bt,
+          {
+            rows: [
+              s && {
+                id: "date",
+                label: I("date"),
+                icon: /* @__PURE__ */ e(Mn, {}),
+                value: Ke(n, u)
+              },
+              s && {
+                id: "time",
+                label: d(m("time")),
+                icon: /* @__PURE__ */ e(dt, {}),
+                value: c.allDay ? I("allDay") : ta(n, u, k)
+              },
+              !c.allDay && {
+                id: "duration",
+                label: I("duration"),
+                icon: /* @__PURE__ */ e(Ln, {}),
+                value: `${c.durationMin} ${I("durationUnit")}`
+              },
+              c.isTelehealth && {
+                id: "type",
+                label: I("type"),
+                icon: /* @__PURE__ */ e(bt, {}),
+                value: I("typeTelehealth")
+              },
+              o && {
+                id: "operator",
+                label: d(m("operator")),
+                /* A person, as on the grid: the avatar fills the icon slot. */
+                icon: /* @__PURE__ */ e(lt, { name: o.name, src: o.avatarSrc, size: "xs" }),
+                value: o.name
+              },
+              i && {
+                id: "chair",
+                label: d(m("chair")),
+                icon: /* @__PURE__ */ e(Ot, {}),
+                value: /* @__PURE__ */ e(Ge, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ e(Ot, {}), children: i.name })
+              },
+              c.branchLabel && {
+                id: "branch",
+                label: I("branch"),
+                icon: /* @__PURE__ */ e(On, {}),
+                value: c.branchLabel
+              },
+              S && {
+                id: "createdBy",
+                label: d(m("createdBy")),
+                icon: /* @__PURE__ */ e(lt, { name: S.actor, size: "xs" }),
+                value: /* @__PURE__ */ g("span", { className: "ds:inline-flex ds:flex-wrap ds:items-baseline ds:gap-x-[var(--spacing-xs)]", children: [
+                  /* @__PURE__ */ e("span", { children: S.actor }),
+                  " ",
+                  /* @__PURE__ */ e("span", { className: "ds:text-[color:var(--muted-foreground)]", children: /* @__PURE__ */ e(
+                    Lt,
+                    {
+                      value: S.atIso,
+                      format: "absolute",
+                      shape: "bare",
+                      locale: n,
+                      absoluteFormat: pt
+                    }
+                  ) })
+                ] })
+              },
+              b && {
+                id: "series",
+                label: d(m("seriesLabel")),
+                icon: /* @__PURE__ */ e(Qt, {}),
+                value: b
+              }
+            ]
+          }
+        ),
+        x ? /* @__PURE__ */ g(
+          "div",
+          {
+            "data-block": "booking",
+            className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+            children: [
+              /* @__PURE__ */ e("h4", { className: "ds:m-0 type-label ds:text-[color:var(--muted-foreground)]", children: d(m("sectionBooking")) }),
+              /* @__PURE__ */ e(Bt, { rows: T })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function Da({
+  details: t,
+  locale: n,
+  currency: a,
+  privacy: o = !1,
+  carePlanUrl: i
+}) {
+  const { t: l } = W("ui"), { care: h } = t, r = o || h == null ? void 0 : h.plan;
+  return !h || !r && h.lines.length === 0 ? null : /* @__PURE__ */ g(
+    de,
+    {
+      "data-card": "treatments",
+      title: l(m("sectionTreatments")),
+      headingLevel: 3,
+      children: [
+        r ? /* @__PURE__ */ g("span", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ g("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-item", children: [
+            /* @__PURE__ */ e(
+              ct,
+              {
+                "aria-hidden": "true",
+                className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
+              }
+            ),
+            r.number ? l(m("planLine"), { number: r.number, name: r.name }) : r.name
+          ] }),
+          i ? /* @__PURE__ */ e(
+            je,
+            {
+              href: i,
+              action: Me.carePlan,
+              icon: /* @__PURE__ */ e(ct, { "aria-hidden": "true" }),
+              children: l(m("openCarePlan"))
+            }
+          ) : null
+        ] }) : null,
+        h.lines.length > 0 ? /* @__PURE__ */ e(
+          Gt,
+          {
+            lines: h.lines.map(({ entryId: d, careId: c, ...p }) => ({
+              id: d,
+              ...p
+            })),
+            locale: n,
+            currency: a
+          }
+        ) : null
+      ]
+    }
+  );
+}
+const Wt = 3;
+function Ca({
+  preview: t,
+  onOpenNotes: n,
+  locale: a
+}) {
+  const { t: o } = W("ui"), i = st(), l = t.status ?? "ready", h = _(!1);
+  oe(() => {
+    h.current && (l !== "loading" && (h.current = !1), Le(i));
+  }, [l, i]);
+  const r = t.total ?? (l === "ready" ? t.notes.length : null), d = Math.max(0, (r ?? 0) - Wt), c = d > 0 ? o(m("notesMore"), { n: d }) : o(m("notesPreviewOpen"));
+  return /* @__PURE__ */ g(
+    de,
+    {
+      "data-card": "notes",
+      headingId: i,
+      headingLevel: 3,
+      title: r === null ? o("notesPanel.title") : o(m("notesPreviewTitle"), { count: r }),
+      headerAction: n && (r ?? 0) > 0 ? /* @__PURE__ */ g("span", { className: "ds:relative ds:inline-flex", children: [
+        /* @__PURE__ */ e(
+          qt,
+          {
+            icon: /* @__PURE__ */ e(_n, { "aria-hidden": "true" }),
+            intent: "outline",
+            size: "sm",
+            "data-action": "open-patient-notes",
+            "aria-label": c,
+            tooltip: c,
+            onClick: () => n()
+          }
+        ),
+        d > 0 ? (
+          /* Decorative: the button's name already says the count. */
+          /* @__PURE__ */ e(
+            xn,
+            {
+              variant: "outline",
+              size: "sm",
+              background: "surface",
+              count: d,
+              "aria-hidden": "true",
+              className: "ds:pointer-events-none ds:absolute ds:-top-[var(--spacing-2xs)] ds:-end-[var(--spacing-2xs)]"
+            }
+          )
+        ) : null
+      ] }) : void 0,
+      children: [
+        l === "error" ? /* @__PURE__ */ g(B, { variant: "error", children: [
+          /* @__PURE__ */ e(B.Description, { children: o("notesPanel.loadError") }),
+          t.onRetry ? /* @__PURE__ */ e(B.Action, { children: /* @__PURE__ */ e(
+            M,
+            {
+              intent: "secondary",
+              size: "sm",
+              onClick: () => {
+                var p;
+                h.current = !0, (p = t.onRetry) == null || p.call(t);
+              },
+              children: o("notesPanel.retry")
+            }
+          ) }) : null
+        ] }) : null,
+        t.notes.length === 0 && l === "loading" ? /* @__PURE__ */ g(ne, { children: [
+          /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: o("notesPanel.loading") }),
+          /* @__PURE__ */ e(ot, { notes: [], loading: !0, loadingRows: 2 })
+        ] }) : l !== "error" || t.notes.length > 0 ? (
+          /* A note click, or Enter or Space on it, goes straight to that note
+             in the Notes tool; the header button opens the tool at the top. */
+          /* @__PURE__ */ e(
+            ot,
+            {
+              notes: t.notes,
+              maxItems: Wt,
+              locale: a,
+              "aria-labelledby": i,
+              onNoteActivate: n,
+              emptyState: /* @__PURE__ */ e("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: o(m("notesPreviewEmpty")) })
+            }
+          )
+        ) : null
+      ]
+    }
+  );
+}
+const Ra = ht("ds:flex ds:h-full ds:min-h-0 ds:flex-col"), Pa = ht(
+  "ds:flex ds:shrink-0 ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)] ds:border-t ds:border-[color:var(--border)] ds:p-[var(--spacing-sm)]"
+), Ma = ht(
+  "ds:shrink-0 ds:rounded-[var(--radius-md)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+), j = "ds:sm:[min-block-size:var(--accessible-target-floor,0px)]", La = "ds:sm:[&>button]:[min-block-size:var(--accessible-target-floor,0px)]", Oa = [
+  "ds:sm:[&_button:has(svg.lucide-ellipsis)]:[min-block-size:var(--accessible-target-floor,0px)]",
+  "ds:[&_button:has(svg.lucide-ellipsis)]:[min-inline-size:var(--accessible-target-floor,auto)]"
+].join(" "), nn = ["40%", "33%", "50%", "25%"], _a = [
+  "bill",
+  "folder",
+  "template",
+  "empty",
+  "identification",
+  "webcam"
+], Fa = {
+  bill: /* @__PURE__ */ e(Kn, { "aria-hidden": "true" }),
+  folder: /* @__PURE__ */ e(jn, { "aria-hidden": "true" }),
+  template: /* @__PURE__ */ e(qn, { "aria-hidden": "true" }),
+  empty: /* @__PURE__ */ e(Un, { "aria-hidden": "true" }),
+  identification: /* @__PURE__ */ e(Qn, { "aria-hidden": "true" }),
+  webcam: /* @__PURE__ */ e(Wn, { "aria-hidden": "true" })
+}, D = (t) => `calendarWorkspace.details.${t}`;
+function Ut({
+  children: t,
+  startIcon: n,
+  overflowItems: a,
+  "data-action": o,
+  intent: i,
+  background: l,
+  size: h,
+  hideLabel: r
+}) {
+  return /* @__PURE__ */ g(We.Root, { children: [
+    /* @__PURE__ */ e(fn, { label: t, side: "top", children: /* @__PURE__ */ e(We.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      M,
+      {
+        intent: i,
+        background: l,
+        size: h,
+        "data-action": o,
+        className: j,
+        startIcon: n,
+        "aria-haspopup": "menu",
+        endIcon: /* @__PURE__ */ e(Bn, { "aria-hidden": "true" }),
+        children: r ? /* @__PURE__ */ e("span", { className: "ds:sr-only", children: t }) : t
+      }
+    ) }) }),
+    /* @__PURE__ */ e(We.Content, { align: "end", children: a.map((d) => /* @__PURE__ */ e(
+      We.Item,
+      {
+        "data-action": d.action,
+        startIcon: d.icon,
+        onSelect: d.onSelect,
+        children: d.label
+      },
+      d.label
+    )) })
+  ] });
+}
+function za() {
+  const { t } = W("ui");
+  return /* @__PURE__ */ g(ne, { children: [
+    /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: t("common.loading") }),
+    /* @__PURE__ */ g(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-sm)] ds:overflow-hidden ds:p-[var(--spacing-md)] ds:[&>*]:shrink-0",
+        children: [
+          /* @__PURE__ */ e(
+            Yt,
+            {
+              name: "",
+              loading: !0,
+              surface: "elevated",
+              density: "compact"
+            }
+          ),
+          /* @__PURE__ */ g(de, { title: t(D("sectionAppointment")), headingLevel: 3, children: [
+            /* @__PURE__ */ e(jt, { loading: !0, maxLines: 2 }),
+            /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: nn.map((n, a) => /* @__PURE__ */ g(
+              "div",
+              {
+                className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+                children: [
+                  /* @__PURE__ */ e(
+                    ye,
+                    {
+                      variant: "rounded",
+                      stagger: a + 2,
+                      width: "var(--spacing-md)",
+                      height: "var(--spacing-md)",
+                      className: "ds:shrink-0"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    ye,
+                    {
+                      variant: "text",
+                      size: "sm",
+                      stagger: a + 2,
+                      width: n
+                    }
+                  )
+                ]
+              },
+              n
+            )) })
+          ] }),
+          /* @__PURE__ */ e(de, { title: t("notesPanel.title"), headingLevel: 3, children: /* @__PURE__ */ e(ot, { notes: [], loading: !0, loadingRows: 2 }) }),
+          /* @__PURE__ */ e(de, { title: t(D("sectionTreatments")), headingLevel: 3, children: /* @__PURE__ */ e(Gt, { lines: [], loading: !0 }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ g(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-sm)] ds:border-t ds:border-[color:var(--border)] ds:p-[var(--spacing-md)]",
+        children: [
+          /* @__PURE__ */ e(ye, { variant: "rounded", width: "33%", height: "var(--spacing-xl)" }),
+          /* @__PURE__ */ e(
+            ye,
+            {
+              variant: "rounded",
+              stagger: 1,
+              height: "var(--spacing-xl)",
+              className: "ds:flex-1"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function Ha({
+  history: t,
+  locale: n,
+  onRetry: a,
+  noteUnrecordedEdits: o,
+  privacy: i
+}) {
+  var u;
+  const { t: l } = W("ui"), h = t.status ?? (t.entries ? "ready" : "loading"), r = h === "error" ? void 0 : t.entries, d = h === "loading" || h !== "error" && !r, [c, p] = $(!1);
+  ke(() => p(!0), []);
+  let A = "";
+  d ? A = l("common.loading") : r && (A = r.length === 0 ? l(D("historyEmpty")) : l(D("historyLoaded"), { n: r.length }));
+  let I;
+  return h === "error" ? I = /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ e(B, { variant: "error", children: /* @__PURE__ */ e(B.Description, { children: ((u = t.message) == null ? void 0 : u.trim()) || l("emptyState.error.description") }) }),
+    a ? /* @__PURE__ */ e(
+      M,
+      {
+        intent: "outline",
+        "data-action": "retry-history",
+        onClick: () => a(),
+        children: l("emptyState.error.cta")
+      }
+    ) : null
+  ] }) : d || !r ? I = /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: nn.slice(0, 3).map((k, s) => /* @__PURE__ */ g(
+        "div",
+        {
+          className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
+          children: [
+            /* @__PURE__ */ e(
+              ye,
+              {
+                variant: "circular",
+                stagger: s,
+                width: "var(--spacing-xl)",
+                height: "var(--spacing-xl)",
+                className: "ds:shrink-0"
+              }
+            ),
+            /* @__PURE__ */ e(
+              ye,
+              {
+                variant: "rounded",
+                stagger: s,
+                width: k,
+                height: "var(--spacing-2xl)"
+              }
+            )
+          ]
+        },
+        k
+      ))
+    }
+  ) : I = /* @__PURE__ */ e(
+    fa,
+    {
+      history: r,
+      locale: n,
+      noteUnrecordedEdits: o,
+      privacy: i
+    }
+  ), /* @__PURE__ */ g(ne, { children: [
+    /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: c ? A : "" }),
+    I
+  ] });
+}
+function $a({
+  read: t,
+  refreshing: n,
+  currency: a,
+  now: o,
+  locale: i,
+  shownTitle: l,
+  headingId: h,
+  enter: r,
+  live: d,
+  statusControl: c,
+  patientId: p = ((_e) => (_e = t.patient) == null ? void 0 : _e.id)(),
+  operator: A,
+  chair: I,
+  privacy: u = !1,
+  privacyTitle: k,
+  mapsLink: s,
+  notesPreview: f,
+  onOpenNotes: b,
+  history: y,
+  onOpenHistory: T,
+  noteUnrecordedEdits: x = !1,
+  readOnly: S = !1,
+  onStatusChange: v,
+  allowedStatuses: L = Mt,
+  onDescriptionChange: F,
+  onAssignPatient: G,
+  onEdit: V,
+  onMove: X,
+  onCopy: K,
+  onDelete: ee,
+  onJoinTelehealth: R,
+  onWhatsApp: Q,
+  whatsappUrl: J,
+  onBuyWhatsApp: le,
+  createTaskUrl: Ne,
+  onRequestSignature: ce,
+  shortcuts: ue,
+  documents: ae
+}) {
+  var Et, Dt;
+  const { t: w } = W("ui"), { eventId: O } = t, [Ve] = $(r), me = { details: t, locale: i, currency: a }, E = y ? y.eventId !== void 0 && y.eventId !== O ? { status: "loading" } : y : t.history ? { entries: t.history } : void 0, Fe = (f == null ? void 0 : f.patientId) === void 0 || f.patientId === p, pe = f ? Fe ? f : p ? { notes: [], status: "loading", total: null } : void 0 : void 0, ie = !!F && !S && !u, [xe, te] = $(!1), [Se, Z] = $(!1), se = xe && E !== void 0, ze = Se && ie, Ae = () => {
+    se || !E || (te(!0), T == null || T(O));
+  }, He = _({ history: !1, editor: !1 });
+  oe(() => {
+    const N = He.current;
+    He.current = { history: se, editor: ze };
+    const ve = N.history && E === void 0, Ct = N.editor && !ie;
+    ve && te(!1), Ct && Z(!1), (ve || Ct) && Le(h);
+  });
+  const fe = _(null), z = _(!1), Ie = (E == null ? void 0 : E.status) ?? (E != null && E.entries ? "ready" : "loading");
+  oe(() => {
+    z.current && (Ie !== "loading" && (z.current = !1), mt(fe.current));
+  }, [Ie]);
+  const [Y, Te] = $(t.appointment.name ?? "");
+  ke(() => {
+    Te(t.appointment.name ?? "");
+  }, [t.appointment.name]);
+  const [Ee, re] = $(""), [he, De] = $(!1), [C, U] = $(), ge = _(null);
+  ke(() => {
+    Se && (re(Y), U(void 0));
+  }, [Se]);
+  const $e = async () => {
+    if (!F) return;
+    const N = Ee.trim();
+    De(!0), U(void 0);
+    try {
+      await F(N, O), Te(N), Z(!1);
+    } catch (ve) {
+      U(
+        rt(ve, w(D("descriptionSaveFailed")))
+      );
+    } finally {
+      De(!1);
+    }
+  }, [q, Xe] = $(t.appointment.status);
+  ke(() => {
+    Xe(t.appointment.status);
+  }, [t.appointment.status]);
+  const kt = _(n);
+  oe(() => {
+    const N = kt.current && !n;
+    kt.current = n, N && (Xe(t.appointment.status), Te(t.appointment.name ?? ""));
+  }, [n]);
+  const Be = Mt.filter(
+    (N) => L.includes(N)
+  ), Ce = gt(q, {
+    statuses: Be,
+    /* Shown so the control can say it, but not a choice. */
+    disabledStatuses: q && !Be.includes(q) ? [q] : []
+  }), Re = !!v && !S && Be.some((N) => N !== q), an = async (N) => {
+    if (!(!v || !gn(N))) {
+      try {
+        await v(N, O);
+      } catch (ve) {
+        throw new Error(rt(ve, w(D("statusSaveFailed"))));
+      }
+      Xe(N);
+    }
+  }, wt = u ? void 0 : J, Nt = _a.filter(
+    (N) => ae == null ? void 0 : ae.kinds.includes(N)
+  ), sn = (((Et = t.care) == null ? void 0 : Et.lines.length) ?? 0) > 0, Qe = p !== void 0 && p !== "", Je = w(D("status")), xt = `${Je}: ${Ce.option.label}`, Ze = _(null), St = _(Re);
+  oe(() => {
+    const N = St.current && !Re;
+    St.current = Re, N && (Ze.current ? mt(Ze.current) : Le(h));
+  });
+  const At = Re ? /* @__PURE__ */ e(
+    hn,
+    {
+      ref: c,
+      value: Ce.value,
+      options: Ce.options,
+      size: "sm",
+      workflowLabel: Je,
+      className: `ds:[&>button]:bg-[color:var(--background)] ${La}`,
+      "aria-label": xt,
+      onValueChange: an
+    }
+  ) : q ? (
+    /* Named as the control is, "Status: Confirmed": the small display
+       prints the value alone. */
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: Ze,
+        role: "group",
+        "aria-label": xt,
+        tabIndex: -1,
+        "data-status-display": "",
+        className: Ma(),
+        children: /* @__PURE__ */ e(
+          Vt,
+          {
+            value: Ce.value,
+            size: "sm",
+            workflowLabel: Je,
+            option: Ce.option
+          }
+        )
+      }
+    )
+  ) : null, H = [];
+  !S && G && !Qe && H.push([
+    "assign-patient",
+    /* @__PURE__ */ e(
+      M,
+      {
+        intent: "primary",
+        "data-action": "assign-patient",
+        className: j,
+        startIcon: /* @__PURE__ */ e(Fn, { "aria-hidden": "true" }),
+        onClick: () => G(O),
+        children: w("calendarWorkspace.inc1.bookings.assignPatient")
+      },
+      "assign"
+    )
+  ]), R && H.push([
+    "join-telehealth",
+    /* @__PURE__ */ e(
+      M,
+      {
+        intent: "primary",
+        "data-action": "join-telehealth",
+        className: j,
+        startIcon: /* @__PURE__ */ e(bt, { "aria-hidden": "true" }),
+        onClick: () => R(O),
+        children: w(D("joinTelehealth"))
+      },
+      "join"
+    )
+  ]), !S && V && H.push([
+    "edit-appointment",
+    /* @__PURE__ */ e(
+      M,
+      {
+        "data-action": "edit-appointment",
+        className: j,
+        startIcon: /* @__PURE__ */ e(be, { "aria-hidden": "true" }),
+        onClick: () => V(O),
+        children: w("calendarWorkspace.editor.editTitle")
+      },
+      "edit"
+    )
+  ]), !S && X && H.push([
+    "move-appointment",
+    /* @__PURE__ */ e(
+      M,
+      {
+        "data-action": "move-appointment",
+        className: j,
+        startIcon: /* @__PURE__ */ e(ut, { "aria-hidden": "true" }),
+        onClick: () => X(O),
+        children: w(D("move"))
+      },
+      "move"
+    )
+  ]), !S && K && H.push([
+    "copy-appointment",
+    sn ? /* @__PURE__ */ e(
+      Ut,
+      {
+        "data-action": "copy-appointment",
+        "data-overflow-tip": !1,
+        startIcon: /* @__PURE__ */ e(Ft, { "aria-hidden": "true" }),
+        overflowItems: [
+          {
+            label: w("calendarWorkspace.editor.duplicateAppointmentOnly"),
+            icon: /* @__PURE__ */ e(zn, { "aria-hidden": "true" }),
+            action: "copy-appointment-only",
+            onSelect: () => K(!1, O)
+          },
+          {
+            label: w("calendarWorkspace.editor.duplicateWithTreatments"),
+            icon: /* @__PURE__ */ e(ct, { "aria-hidden": "true" }),
+            action: "copy-appointment-with-treatments",
+            onSelect: () => K(!0, O)
+          }
+        ],
+        children: w(D("copy"))
+      },
+      "copy"
+    ) : /* @__PURE__ */ e(
+      M,
+      {
+        "data-action": "copy-appointment",
+        className: j,
+        startIcon: /* @__PURE__ */ e(Ft, { "aria-hidden": "true" }),
+        onClick: () => K(!1, O),
+        children: w(D("copy"))
+      },
+      "copy"
+    )
+  ]), ae && Nt.length > 0 && H.push([
+    "open-create-document",
+    /* @__PURE__ */ e(
+      Ut,
+      {
+        "data-action": "open-create-document",
+        "data-overflow-tip": !1,
+        startIcon: /* @__PURE__ */ e(Hn, { "aria-hidden": "true" }),
+        overflowItems: Nt.map((N) => ({
+          label: w(D(`documents.${N}`)),
+          icon: Fa[N],
+          action: `create-document-${N}`,
+          onSelect: () => ae.onCreate(N, O)
+        })),
+        children: w(D("documents.label"))
+      },
+      "documents"
+    )
+  ]), Q ? H.push([
+    "open-whatsapp",
+    /* @__PURE__ */ e(
+      M,
+      {
+        "data-action": "open-whatsapp",
+        className: j,
+        startIcon: /* @__PURE__ */ e(at, { "aria-hidden": "true" }),
+        onClick: () => Q(O),
+        children: w(D("remindWhatsApp"))
+      },
+      "whatsapp"
+    )
+  ]) : qe(wt) ? H.push([
+    "open-whatsapp",
+    /* @__PURE__ */ e(
+      M,
+      {
+        asChild: !0,
+        "data-action": "open-whatsapp",
+        className: j,
+        startIcon: /* @__PURE__ */ e(at, { "aria-hidden": "true" }),
+        children: /* @__PURE__ */ e(
+          "a",
+          {
+            href: qe(wt),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: w(D("remindWhatsApp"))
+          }
+        )
+      },
+      "whatsapp"
+    )
+  ]) : le && !J && H.push([
+    "buy-whatsapp",
+    /* @__PURE__ */ e(
+      M,
+      {
+        "data-action": "buy-whatsapp",
+        className: j,
+        startIcon: /* @__PURE__ */ e(at, { "aria-hidden": "true" }),
+        onClick: () => le(O),
+        children: w(D("buyWhatsApp"))
+      },
+      "buy-whatsapp"
+    )
+  ]);
+  const It = qe(Ne);
+  It && H.push([
+    "create-task",
+    /* @__PURE__ */ e(
+      M,
+      {
+        asChild: !0,
+        "data-action": "create-task",
+        className: j,
+        startIcon: /* @__PURE__ */ e($n, { "aria-hidden": "true" }),
+        children: /* @__PURE__ */ e("a", { href: It, children: w(D("createTask")) })
+      },
+      "task"
+    )
+  ]), !S && ee && H.push([
+    "delete-appointment",
+    /* @__PURE__ */ e(
+      M,
+      {
+        intent: "destructiveOutline",
+        "data-action": "delete-appointment",
+        className: j,
+        startIcon: /* @__PURE__ */ e(Xt, { "aria-hidden": "true" }),
+        onClick: () => ee(O),
+        children: w("calendarWorkspace.editor.delete")
+      },
+      "delete"
+    )
+  ]);
+  const et = H.map(([, N]) => N);
+  d.current = {
+    status: q ?? null,
+    allowed: Re ? Be : [],
+    offered: H.map(([N]) => N),
+    historyAvailable: E !== void 0,
+    historyOpen: se,
+    openHistory: Ae,
+    closeHistory: () => te(!1)
+  };
+  const Tt = w(D("historyBack"));
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: `ds:flex ds:min-h-0 ds:flex-1 ds:flex-col ${Ve ? mn : ""}`,
+      children: /* @__PURE__ */ g(nt.Host, { children: [
+        /* @__PURE__ */ e(
+          Kt,
+          {
+            title: l,
+            headingId: h,
+            icon: /* @__PURE__ */ e(vt, { "aria-hidden": "true" }),
+            sticky: !0,
+            divider: !0,
+            actions: E ? /* @__PURE__ */ e(
+              qt,
+              {
+                size: "sm",
+                intent: "ghost",
+                icon: /* @__PURE__ */ e(_t, { "aria-hidden": "true" }),
+                "aria-label": w(D("historyAction")),
+                tooltip: w(D("historyAction")),
+                "data-action": "open-history",
+                onClick: Ae
+              }
+            ) : void 0
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            tabIndex: 0,
+            "aria-busy": n || void 0,
+            className: "ds:[min-block-size:0] ds:flex-1 ds:overflow-y-auto",
+            children: /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
+              u ? /* @__PURE__ */ e(cn, { mask: k }) : t.patient ? /* @__PURE__ */ e(
+                Ta,
+                {
+                  ...me,
+                  now: o,
+                  mapsLink: s,
+                  shortcuts: ue,
+                  onRequestSignature: ce
+                }
+              ) : (
+                /* No patient card to carry the identity: a patient-less, an
+                   unassigned or an unresolved booking keeps the strip. */
+                /* @__PURE__ */ e(
+                  va,
+                  {
+                    name: t.appointment.title.trim() ? t.appointment.title : w(D("patientNotLoaded")),
+                    unresolved: Qe,
+                    status: q,
+                    flags: {
+                      isTelehealth: t.appointment.isTelehealth,
+                      isBookedOnline: t.appointment.bookedOnline,
+                      isRecurring: t.appointment.recurrence !== void 0,
+                      hasUnassignedPatient: t.appointment.bookedOnline && !Qe,
+                      hasHighlightedAnamnesis: !1,
+                      hasBillableAmount: (((Dt = t.money) == null ? void 0 : Dt.billableAmount) ?? 0) > 0
+                    },
+                    locale: i
+                  }
+                )
+              ),
+              /* @__PURE__ */ e(
+                Ea,
+                {
+                  ...me,
+                  operator: A,
+                  chair: I,
+                  privacy: u,
+                  history: (E == null ? void 0 : E.status) === "error" || E == null ? void 0 : E.entries,
+                  description: (
+                    /* Not keyed on the text: the pencil must survive a save,
+                       so the sub-view can hand focus back to it. An empty
+                       read-only description prints nothing. Privacy hides the
+                       text and the pencil. */
+                    u ? Y ? /* @__PURE__ */ e(Pt, { block: "description" }) : void 0 : Y || F && !S ? /* @__PURE__ */ e(
+                      jt,
+                      {
+                        "data-block": "description",
+                        role: "group",
+                        "aria-label": w("calendarWorkspace.editor.description"),
+                        value: Y,
+                        editLabel: w(D("editDescription")),
+                        onEdit: F && !S ? () => Z(!0) : void 0
+                      }
+                    ) : void 0
+                  )
+                }
+              ),
+              pe && u ? /* @__PURE__ */ e(
+                de,
+                {
+                  "data-card": "notes",
+                  title: w("notesPanel.title"),
+                  headingLevel: 3,
+                  children: /* @__PURE__ */ e(Pt, {})
+                }
+              ) : pe ? /* @__PURE__ */ e(
+                Ca,
+                {
+                  preview: pe,
+                  onOpenNotes: Fe ? b : void 0,
+                  locale: i
+                }
+              ) : null,
+              /* @__PURE__ */ e(
+                Da,
+                {
+                  ...me,
+                  privacy: u,
+                  carePlanUrl: ue == null ? void 0 : ue.carePlanUrl
+                }
+              )
+            ] })
+          }
+        ),
+        At || et.length > 0 ? (
+          /* The body scrolls; the status and the actions stay put. The
+             status keeps its own segment and never folds. The actions fold
+             to icons, then into More, never onto a second line. */
+          /* @__PURE__ */ g("div", { className: Pa(), children: [
+            At,
+            et.length > 0 ? /* @__PURE__ */ e(
+              un,
+              {
+                label: w(D("actionsLabel")),
+                overflow: "menu",
+                collapseToIcons: !0,
+                background: "surface",
+                size: "sm",
+                className: `ds:min-w-0 ds:flex-1 ds:text-end ${Oa}`,
+                children: et
+              }
+            ) : null
+          ] })
+        ) : null,
+        E ? /* @__PURE__ */ e(
+          nt,
+          {
+            ref: fe,
+            open: se,
+            icon: /* @__PURE__ */ e(_t, { "aria-hidden": "true" }),
+            title: w(D("historyTitle")),
+            backLabel: Tt,
+            headingLevel: 3,
+            onBack: () => te(!1),
+            "data-details-subview": "history",
+            children: /* @__PURE__ */ e("div", { className: "ds:-m-[var(--panel-subview-inset)] ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ e(
+              Ha,
+              {
+                history: E,
+                locale: i,
+                noteUnrecordedEdits: x,
+                privacy: u,
+                onRetry: E.onRetry ? () => {
+                  var N;
+                  z.current = !0, (N = E.onRetry) == null || N.call(E);
+                } : void 0
+              }
+            ) })
+          }
+        ) : null,
+        ie ? /* @__PURE__ */ e(
+          nt,
+          {
+            open: ze,
+            icon: /* @__PURE__ */ e(be, { "aria-hidden": "true" }),
+            title: w(D("editDescription")),
+            backLabel: Tt,
+            headingLevel: 3,
+            initialFocusRef: ge,
+            onBack: () => {
+              he || Z(!1);
+            },
+            "data-details-subview": "description",
+            footer: /* @__PURE__ */ g(ne, { children: [
+              /* @__PURE__ */ e(
+                M,
+                {
+                  intent: "secondary",
+                  disabled: he,
+                  onClick: () => Z(!1),
+                  children: w(D("noteCancel"))
+                }
+              ),
+              /* @__PURE__ */ e(
+                M,
+                {
+                  intent: "primary",
+                  "data-action": "save-description",
+                  loading: he,
+                  onClick: () => void $e(),
+                  children: w(D("descriptionSave"))
+                }
+              )
+            ] }),
+            children: /* @__PURE__ */ g("div", { className: "ds:-m-[var(--panel-subview-inset)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
+              C ? /* @__PURE__ */ e(B, { variant: "error", children: /* @__PURE__ */ e(B.Description, { children: C }) }) : null,
+              /* @__PURE__ */ e(
+                pn,
+                {
+                  ref: ge,
+                  value: Ee,
+                  minRows: 6,
+                  autoResize: !0,
+                  "aria-label": w("calendarWorkspace.editor.description"),
+                  onChange: (N) => re(N.target.value)
+                }
+              )
+            ] })
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+const Ba = rn(function({
+  state: n,
+  onRetry: a,
+  patientId: o,
+  operator: i,
+  chair: l,
+  currency: h = "EUR",
+  now: r,
+  locale: d,
+  title: c,
+  privacy: p = !1,
+  privacyTitle: A,
+  mapsLink: I,
+  notesPreview: u,
+  onOpenNotes: k,
+  history: s,
+  onOpenHistory: f,
+  noteUnrecordedEdits: b,
+  readOnly: y = !1,
+  onStatusChange: T,
+  allowedStatuses: x,
+  onDescriptionChange: S,
+  onAssignPatient: v,
+  onEdit: L,
+  onMove: F,
+  onCopy: G,
+  onDelete: V,
+  onJoinTelehealth: X,
+  onWhatsApp: K,
+  whatsappUrl: ee,
+  onBuyWhatsApp: R,
+  createTaskUrl: Q,
+  onRequestSignature: J,
+  shortcuts: le,
+  documents: Ne,
+  id: ce,
+  className: ue,
+  ...ae
+}, _e) {
+  var he, De;
+  const { t: w, i18n: O } = W("ui"), Ve = st(), me = ce ?? Ve, E = st(), Fe = d ?? O.language, pe = !p && (c != null && c.trim()) ? c : w(D("region")), ie = n.status === "ready" ? n.read : void 0, xe = n.status === "ready" ? n.read.eventId : n.eventId, te = _(
+    void 0
+  ), Se = te.current !== void 0 && te.current !== "ready";
+  ke(() => {
+    te.current = n.status;
+  }, [n.status]);
+  const Z = !!a && (n.status === "error" || n.status === "refused" && n.retryable === !0), se = _(null), ze = Rt(() => ln(_e, se), [_e]), Ae = _(!1);
+  typeof document < "u" && (Ae.current = ((he = se.current) == null ? void 0 : he.contains(document.activeElement)) ?? !1);
+  const He = ie ? `ready:${ie.eventId}` : n.status, fe = _(!1);
+  oe(() => {
+    fe.current ? (n.status !== "loading" && (fe.current = !1), Le(E)) : Ae.current && Le(E);
+  }, [He, E]);
+  const z = _(null);
+  ie || (z.current = null);
+  const Ie = _(null), Y = _({ state: n, eventId: xe, privacy: p, retryOffered: Z, onRetry: a });
+  Y.current = { state: n, eventId: xe, privacy: p, retryOffered: Z, onRetry: a };
+  const Te = Rt(
+    () => ({
+      getEventId: () => Y.current.eventId ?? null,
+      getLoadStatus: () => Y.current.state.status,
+      getAppointmentStatus: () => {
+        var C;
+        return ((C = z.current) == null ? void 0 : C.status) ?? null;
+      },
+      getAllowedStatuses: () => {
+        var C;
+        return [...((C = z.current) == null ? void 0 : C.allowed) ?? []];
+      },
+      getOfferedActions: () => {
+        var C;
+        return [...((C = z.current) == null ? void 0 : C.offered) ?? []];
+      },
+      isHistoryOpen: () => {
+        var C;
+        return ((C = z.current) == null ? void 0 : C.historyOpen) ?? !1;
+      },
+      isPrivacy: () => Y.current.privacy,
+      openHistory: () => {
+        var C;
+        if (!((C = z.current) != null && C.historyAvailable))
+          throw new Error("AppointmentDetailsPanel: History is not offered.");
+        z.current.openHistory();
+      },
+      closeHistory: () => {
+        var C;
+        (C = z.current) == null || C.closeHistory();
+      },
+      setAppointmentStatus: (C) => {
+        const U = z.current, ge = Ie.current;
+        if (!U || !ge || U.allowed.length === 0)
+          return tt(
+            new Error("AppointmentDetailsPanel: the status is read-only.")
+          );
+        if (C === U.status) return Promise.resolve();
+        if (!U.allowed.includes(C))
+          return tt(
+            new Error(`AppointmentDetailsPanel: "${C}" is not allowed.`)
+          );
+        const $e = () => tt(
+          new Error("AppointmentDetailsPanel: a status save is in flight.")
+        );
+        if (ge.getIsSaving()) return $e();
+        const q = ge.setValue(C);
+        return q === void 0 ? $e() : q;
+      },
+      retry: () => {
+        const { retryOffered: C, onRetry: U } = Y.current;
+        if (!C || !U)
+          throw new Error("AppointmentDetailsPanel: Retry is not offered.");
+        U();
+      }
+    }),
+    []
+  );
+  dn(ea, Te, me);
+  const Ee = /* @__PURE__ */ e(
+    Kt,
+    {
+      title: pe,
+      headingId: E,
+      icon: /* @__PURE__ */ e(vt, { "aria-hidden": "true" }),
+      sticky: !0,
+      divider: !0
+    }
+  );
+  let re;
+  return n.status === "ready" ? re = /* @__PURE__ */ e(
+    $a,
+    {
+      read: n.read,
+      refreshing: n.refreshing === !0,
+      currency: h,
+      now: r ?? /* @__PURE__ */ new Date(),
+      locale: Fe,
+      shownTitle: pe,
+      headingId: E,
+      enter: Se,
+      live: z,
+      statusControl: Ie,
+      patientId: o,
+      operator: i,
+      chair: l,
+      privacy: p,
+      privacyTitle: A,
+      mapsLink: I,
+      notesPreview: u,
+      onOpenNotes: k,
+      history: s,
+      onOpenHistory: f,
+      noteUnrecordedEdits: b,
+      readOnly: y,
+      onStatusChange: T,
+      allowedStatuses: x,
+      onDescriptionChange: S,
+      onAssignPatient: v,
+      onEdit: L,
+      onMove: F,
+      onCopy: G,
+      onDelete: V,
+      onJoinTelehealth: X,
+      onWhatsApp: K,
+      whatsappUrl: ee,
+      onBuyWhatsApp: R,
+      createTaskUrl: Q,
+      onRequestSignature: J,
+      shortcuts: le,
+      documents: Ne
+    },
+    n.read.eventId
+  ) : n.status === "loading" ? re = /* @__PURE__ */ g(ne, { children: [
+    Ee,
+    /* @__PURE__ */ e(za, {})
+  ] }) : re = /* @__PURE__ */ g(ne, { children: [
+    Ee,
+    /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
+      /* @__PURE__ */ e(B, { variant: n.status === "error" ? "error" : "warning", children: /* @__PURE__ */ e(B.Description, { children: n.status === "error" ? ((De = n.message) == null ? void 0 : De.trim()) || w("emptyState.error.description") : n.reason }) }),
+      Z ? /* @__PURE__ */ e(
+        M,
+        {
+          intent: "outline",
+          "data-action": "retry-load",
+          onClick: () => {
+            fe.current = !0, a == null || a();
+          },
+          children: w("emptyState.error.cta")
+        }
+      ) : null
+    ] })
+  ] }), /* @__PURE__ */ e(
+    "div",
+    {
+      ref: ze,
+      id: ce,
+      "data-component": "appointment-details-panel",
+      "data-component-id": me,
+      "data-event-id": xe,
+      "data-status": n.status,
+      "aria-busy": n.status === "loading" || void 0,
+      className: Ra({ className: ue }),
+      ...ae,
+      children: re
+    }
+  );
+});
+Ba.displayName = "AppointmentDetailsPanel";
+function ls({
+  eventId: t,
+  load: n,
+  reloadKey: a
+}) {
+  const { t: o } = W("ui"), i = _("");
+  i.current = o("emptyState.error.description");
+  const l = _(n);
+  oe(() => {
+    l.current = n;
+  });
+  const [h, r] = $(0), [d, c] = $(), p = JSON.stringify([a ?? null, h]), [A, I] = $({ eventId: t, count: 0 }), u = A.eventId === t ? A.count : A.count + 1;
+  A.eventId !== t && I({ eventId: t, count: u }), ke(() => {
+    if (t === null) {
+      c(void 0);
+      return;
+    }
+    const b = new AbortController(), y = (T) => {
+      b.signal.aborted || c({ eventId: t, selection: u, request: p, value: T });
+    };
+    return Promise.resolve().then(() => l.current(t, { signal: b.signal })).then((T) => {
+      var x, S;
+      if (T.status !== "ready") {
+        y({
+          status: "refused",
+          eventId: t,
+          reason: T.reason,
+          retryable: T.retryable
+        });
+        return;
+      }
+      if (((x = T.details) == null ? void 0 : x.eventId) !== t || !ia((S = T.details.appointment) == null ? void 0 : S.startIso))
+        throw new Error(i.current);
+      y({ status: "ready", read: T.details });
+    }).catch((T) => {
+      y({
+        status: "error",
+        eventId: t,
+        message: rt(T, i.current)
+      });
+    }), () => b.abort();
+  }, [t, u, p]);
+  const k = on(() => r((b) => b + 1), []);
+  if (t === null) return { state: null, retry: k };
+  const s = (d == null ? void 0 : d.eventId) === t && d.selection === u ? d : void 0;
+  let f = { status: "loading", eventId: t };
+  return (s == null ? void 0 : s.request) === p ? f = s.value : (s == null ? void 0 : s.value.status) === "ready" && (f = { status: "ready", read: s.value.read, refreshing: !0 }), { state: f, retry: k };
+}
+export {
+  Ba as A,
+  Ft as C,
+  Me as D,
+  ga as I,
+  ut as M,
+  ra as R,
+  ea as a,
+  Oe as b,
+  na as c,
+  oa as d,
+  ha as e,
+  Ke as f,
+  fa as g,
+  pt as h,
+  Jt as i,
+  da as j,
+  la as k,
+  va as l,
+  ta as m,
+  ia as p,
+  sa as s,
+  ls as u
+};
+//# sourceMappingURL=use-appointment-details-read-n7kycxrm.js.map