@alfadocs/ui-kit 1.47.0 → 1.48.0

package/dist/_chunks/use-appointment-details-read-D2FH-cHF.js

@@ -0,0 +1,2045 @@
+import { jsx as e, jsxs as m, Fragment as Y } from "react/jsx-runtime";
+import { c as et } from "./index-D2ZczOXr.js";
+import { useId as Ue, useRef as C, forwardRef as Gt, useEffect as pe, useMemo as gt, useState as _, useCallback as Vt } from "react";
+import { useTranslation as O } from "react-i18next";
+import { u as Yt } from "./registry-DvAUVLHh.js";
+import { u as te } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { c as Qt } from "./compose-refs-C0k0tdqF.js";
+import { h as qe, g as Ge } from "./handled-rejection-6gqCf5vt.js";
+import { a as Jt, b as vt } from "./privacy-mask-BC5lw2zB.js";
+import { A as z } from "./alert-CiQ5Pa3Q.js";
+import { B as L } from "./button-18oBsI3n.js";
+import { I as Dt } from "./icon-button-CY7GU_Se.js";
+import { B as Xt } from "./button-group-BSDqso_C.js";
+import { D as Me } from "./dropdown-menu-C8PaW3lR.js";
+import { E as Et } from "./editable-description-B4NVdjvd.js";
+import { N as Ve } from "./note-timeline-CVnKL0p6.js";
+import { P as Ct } from "./panel-header-D_mTdhUp.js";
+import { P as Ke } from "./panel-subview-CzHutkA8.js";
+import { P as Rt } from "./patient-summary-card-C36L3h7h.js";
+import { S as ne } from "./section-card-XR2bW1Ie.js";
+import { C as Zt, S as ue } from "./skeleton-B1KTdJ4N.js";
+import { T as en } from "./text-area-Bt3p7Pt0.js";
+import { T as tn } from "./tooltip-Cp-PLePW.js";
+import { T as Pt } from "./treatment-receipt-C-gWZ6uv.js";
+import { a as yt } from "./whatsapp-button-Ai4YAVkl.js";
+import { a as Ye, W as nn } from "./workflow-status-ClHfz4Kr.js";
+import { u as tt, a as bt, i as an } from "./appointment-workflow-status-CS8ufF1f.js";
+import { E as sn } from "./empty-state-DTBZ1ENT.js";
+import { T as Ne } from "./timeline-61AihzYz.js";
+import { C as nt } from "./calendar-clock-hbObjfGY.js";
+import { T as Lt } from "./trash-2-uumy3fy1.js";
+import { A as kt } from "./entity-card-D1Yrh9wf.js";
+import { P as Qe } from "./pencil-B1sKKyuT.js";
+import { A as on } from "./arrow-right-KsIrLdt0.js";
+import { C as Mt } from "./clock-Drd4Wtis.js";
+import { c as Oe } from "./createLucideIcon-DhHxpK9K.js";
+import { C as rn } from "./calendar-plus-BFrIRE4r.js";
+import { A as _t } from "./avatar-CkDeQOSI.js";
+import { B as He } from "./badge-BAkd6_Pj.js";
+import { H as at } from "./heart-pulse-BCppJyN2.js";
+import { G as ln } from "./globe-sHBW1JN5.js";
+import { T as dn } from "./triangle-alert-CBnO6nq_.js";
+import { E as cn } from "./euro-Dsuz4ixO.js";
+import { V as it } from "./video-BheNGvsu.js";
+import { R as zt } from "./repeat-CvQa5rZt.js";
+import { C as un } from "./counter-WsvRuum1.js";
+import { D as _e } from "./description-list-1A2DEbE6.js";
+import { T as pn } from "./timestamp-BV2lC-wV.js";
+import { T as mn } from "./transaction-chip-CwgcJiqF.js";
+import { H as me } from "./hover-card-BplP5SzQ.js";
+import { S as hn } from "./smartphone-C0rFF2if.js";
+import { P as fn } from "./phone-FceYcIFQ.js";
+import { M as gn } from "./mail-BqXVF2zH.js";
+import { M as vn } from "./map-pin-BaY37-Km.js";
+import { C as yn } from "./calendar-days-BGWklvE-.js";
+import { H as bn } from "./patient-field-row-DElFbpKc.js";
+import { A as wt } from "./armchair-BaLDW6Hz.js";
+import { B as kn } from "./building-2-D33bLCWL.js";
+import { N as wn } from "./notebook-pen-CO7HoM-W.js";
+import { C as Ot } from "./clipboard-list-rSzfIYZB.js";
+import { C as xn } from "./copy-vRpqqHtY.js";
+import { P as Nn } from "./plus-DzMQ_c6b.js";
+import { S as An } from "./square-check-big-dj0o8yA3.js";
+import { H as xt } from "./history-CK2JaU2g.js";
+import { C as Tn } from "./chevron-down-DWE7GSq9.js";
+import { C as Sn } from "./camera-VSklPDCv.js";
+import { F as In } from "./file-BuG1VMAy.js";
+import { F as Dn } from "./file-text-5yv6r2ls.js";
+import { F as En } from "./folder-BghC8_S2.js";
+import { R as Cn } 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 Rn = [
+  ["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" }]
+], Pn = Oe("cake", Rn);
+/**
+ * @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 Ln = [
+  ["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" }]
+], Nt = Oe("clipboard-paste", Ln);
+/**
+ * @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 Mn = [
+  ["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" }]
+], _n = Oe("id-card", Mn);
+/**
+ * @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 zn = [
+  ["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" }]
+], Ht = Oe("move", zn), On = '[data-component="button-group"] [data-component="icon-button"][aria-haspopup="menu"]', Hn = {
+  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 ${On}, 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 Je(t) {
+  const n = document.activeElement;
+  n && n !== document.body || t == null || t.focus({ preventScroll: !0 });
+}
+function Ae(t) {
+  const n = document.getElementById(t);
+  n && !n.hasAttribute("tabindex") && (n.tabIndex = -1), Je(n);
+}
+function Xe(t) {
+  return typeof t == "string" && /^\d{4}-\d{2}-\d{2}$/.test(t) ? /* @__PURE__ */ new Date(`${t}T00:00:00`) : new Date(t);
+}
+function ze(t, n) {
+  try {
+    return new Intl.DateTimeFormat(t, {
+      weekday: "long",
+      day: "numeric",
+      month: "long",
+      year: "numeric"
+    }).format(Xe(n));
+  } catch {
+    return "";
+  }
+}
+function $n(t, n, i) {
+  const o = new Date(n), r = i ? new Date(i) : o;
+  try {
+    const a = new Intl.DateTimeFormat(t, {
+      hour: "2-digit",
+      minute: "2-digit",
+      hour12: !1
+    });
+    return typeof a.formatRange == "function" ? a.formatRange(o, r) : `${a.format(o)} – ${a.format(r)}`;
+  } catch {
+    return "";
+  }
+}
+const $t = {
+  weekday: "short",
+  day: "numeric",
+  month: "short",
+  hour: "2-digit",
+  minute: "2-digit"
+};
+function Bn(t, n) {
+  const i = Xe(t), o = Xe(n);
+  let r = o.getFullYear() - i.getFullYear();
+  const a = o.getMonth() - i.getMonth();
+  return (a < 0 || a === 0 && o.getDate() < i.getDate()) && (r -= 1), Math.max(0, r);
+}
+const Fn = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})$/;
+function Wn(t) {
+  const n = typeof t == "string" ? Fn.exec(t) : null;
+  if (!n) return;
+  const [i, o, r, a, d, u] = n.slice(1).map(Number), s = /* @__PURE__ */ new Date(0);
+  if (s.setFullYear(i, o, 0), o < 1 || o > 12 || r < 1 || r > s.getDate() || a > 23 || d > 59 || u > 59)
+    return;
+  const l = /* @__PURE__ */ new Date(0);
+  return l.setFullYear(i, o - 1, r), l.setHours(a, d, u, 0), l;
+}
+function jn(t) {
+  return t.map((n) => {
+    const i = Date.parse(n.atIso);
+    return { entry: n, time: Number.isFinite(i) ? i : -1 / 0 };
+  }).sort((n, i) => n.time === i.time ? 0 : i.time - n.time).map(({ entry: n }) => n);
+}
+const qn = {
+  daily: "recurrenceDaily",
+  weekly: "recurrenceWeekly",
+  monthly: "recurrenceMonthly",
+  quarterly: "recurrenceQuarterly",
+  semiannual: "recurrenceSemiannual",
+  yearly: "recurrenceYearly"
+};
+function Kn(t) {
+  return t.phones ? t.phones : t.phone ? [{ label: "mobile", number: t.phone }] : [];
+}
+function Bt(t) {
+  return [t.address, t.postalCode, t.city].filter((n) => !!n).join(", ");
+}
+function Un(t) {
+  return [t.address, t.city].filter((n) => !!n).join(", ");
+}
+function Gn(t) {
+  const n = Bt(t);
+  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(n)}`;
+}
+const V = (t) => `calendarWorkspace.details.${t}`;
+function Vn({
+  history: t,
+  locale: n
+}) {
+  const { t: i, i18n: o } = O(), { optionFor: r } = tt(null), a = n ?? o.language, d = (s) => {
+    try {
+      return new Intl.DateTimeFormat(a, $t).format(
+        new Date(s)
+      );
+    } catch {
+      return s;
+    }
+  }, u = (s) => {
+    switch (s.kind) {
+      case "created":
+        return {
+          type: "success",
+          icon: /* @__PURE__ */ e(rn, { size: 16, "aria-hidden": "true" })
+        };
+      case "moved":
+        return {
+          type: "info",
+          icon: /* @__PURE__ */ e(Ht, { size: 16, "aria-hidden": "true" }),
+          detail: i(V("history.movedDetail"), {
+            from: d(s.fromIso),
+            to: d(s.toIso)
+          })
+        };
+      case "resized":
+        return {
+          type: "info",
+          icon: /* @__PURE__ */ e(Mt, { size: 16, "aria-hidden": "true" }),
+          detail: i(V("history.resizedDetail"), {
+            from: s.fromMin,
+            to: s.toMin
+          })
+        };
+      case "status": {
+        const l = kt[s.to].Icon, p = r(s.from), g = r(s.to), I = i(V("history.statusDetail"), {
+          from: p.label,
+          to: g.label
+        });
+        return {
+          type: s.to === "cancelled" || s.to === "absent" ? "warning" : "neutral",
+          icon: /* @__PURE__ */ e(l, { size: 16, "aria-hidden": "true" }),
+          detail: /* @__PURE__ */ e("div", { role: "group", "aria-label": I, children: /* @__PURE__ */ m(
+            "div",
+            {
+              "aria-hidden": "true",
+              className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+              children: [
+                /* @__PURE__ */ e(
+                  Ye,
+                  {
+                    value: s.from,
+                    option: p,
+                    size: "sm"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  on,
+                  {
+                    className: "ds:size-4 ds:shrink-0 ds:rtl:rotate-180",
+                    "aria-hidden": "true"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  Ye,
+                  {
+                    value: s.to,
+                    option: g,
+                    size: "sm"
+                  }
+                )
+              ]
+            }
+          ) })
+        };
+      }
+      case "edited":
+        return {
+          type: "neutral",
+          icon: /* @__PURE__ */ e(Qe, { size: 16, "aria-hidden": "true" }),
+          /* The platform log carries no field list: no "Changed" line. */
+          detail: s.fields.length > 0 ? i(V("history.editedDetail"), {
+            fields: s.fields.map((l) => i(V(`history.fields.${l}`))).join(", ")
+          }) : void 0
+        };
+      case "confirmedByPatient": {
+        const l = kt.confirmed.Icon;
+        return {
+          type: "success",
+          icon: /* @__PURE__ */ e(l, { size: 16, "aria-hidden": "true" })
+        };
+      }
+      case "deleted":
+        return {
+          type: "error",
+          icon: /* @__PURE__ */ e(Lt, { size: 16, "aria-hidden": "true" })
+        };
+    }
+  };
+  return t.length === 0 ? /* @__PURE__ */ e(
+    sn,
+    {
+      variant: "first-use",
+      size: "sm",
+      title: i(V("historyEmpty"))
+    }
+  ) : /* @__PURE__ */ e(Ne, { order: "newest-first", "aria-label": i(V("historyTitle")), children: jn(t).map((s) => {
+    const l = u(s);
+    return /* @__PURE__ */ m(
+      Ne.Event,
+      {
+        eventId: s.id,
+        type: l.type,
+        className: "ds:[column-gap:var(--spacing-sm)] ds:[padding-block-end:var(--spacing-lg)] ds:before:bg-[var(--primary)]",
+        children: [
+          /* @__PURE__ */ e(Ne.Dot, { icon: l.icon }),
+          /* @__PURE__ */ e(
+            Ne.Content,
+            {
+              title: i(V(`history.${s.kind}`)),
+              description: l.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__ */ m("span", { className: "ds:mt-[var(--spacing-sm)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ e(
+                  nt,
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  Ne.Timestamp,
+                  {
+                    date: s.atIso,
+                    relative: !1,
+                    locale: a
+                  }
+                )
+              ] })
+            }
+          )
+        ]
+      },
+      s.id
+    );
+  }) });
+}
+const Yn = {
+  confirmed: "success",
+  waiting: "info",
+  in_care: "accentSoft",
+  done: "success",
+  cancelled: "error",
+  absent: "warning"
+};
+function Qn({ event: t }) {
+  const { t: n } = O(), i = (r) => `calendarWorkspace.details.indicators.${r}`, o = [];
+  return t.isBookedOnline && o.push({
+    id: "online",
+    icon: /* @__PURE__ */ e(ln, { "aria-hidden": "true" }),
+    label: n(i("bookedOnline")),
+    variant: "info"
+  }), t.hasUnassignedPatient && o.push({
+    id: "unassigned",
+    icon: /* @__PURE__ */ e(dn, { "aria-hidden": "true" }),
+    label: n(i("unassignedPatient")),
+    variant: "warning"
+  }), t.hasHighlightedAnamnesis && o.push({
+    id: "anamnesis",
+    icon: /* @__PURE__ */ e(at, { "aria-hidden": "true" }),
+    label: n(i("anamnesis")),
+    variant: "accentSoft"
+  }), t.hasBillableAmount && o.push({
+    id: "billable",
+    icon: /* @__PURE__ */ e(cn, { "aria-hidden": "true" }),
+    label: n(i("billable")),
+    variant: "warning"
+  }), t.isTelehealth && o.push({
+    id: "telehealth",
+    icon: /* @__PURE__ */ e(it, { "aria-hidden": "true" }),
+    label: n(i("telehealth")),
+    variant: "info"
+  }), t.isRecurring && o.push({
+    id: "recurring",
+    icon: /* @__PURE__ */ e(zt, { "aria-hidden": "true" }),
+    label: n(i("recurring")),
+    variant: "info"
+  }), o.length === 0 ? null : /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: o.map((r) => /* @__PURE__ */ e(
+    He,
+    {
+      variant: r.variant,
+      size: "sm",
+      leading: r.icon,
+      children: r.label
+    },
+    r.id
+  )) });
+}
+function Jn({
+  name: t,
+  avatarSrc: n,
+  unresolved: i = !1,
+  status: o,
+  flags: r,
+  age: a,
+  onOpenPatient: d,
+  highlightedAnamnesisCount: u = 0,
+  expiredAnamnesisCount: s = 0,
+  anamnesisAnswers: l = [],
+  locale: p
+}) {
+  const { t: g, i18n: I } = O(), v = (y) => `calendarWorkspace.details.${y}`, { optionFor: R } = tt(o), w = o ? R(o) : void 0, T = u, S = s;
+  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:pb-0", children: [
+    /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ e(_t, { name: t, src: n }),
+      /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[min-inline-size:0]", children: [
+        /* @__PURE__ */ m("span", { className: "ds:flex ds:flex-wrap ds:items-baseline ds:gap-[var(--spacing-2xs)] ds:text-start", children: [
+          d ? /* @__PURE__ */ e(L, { size: "sm", intent: "link", onClick: () => d(), children: t }) : /* @__PURE__ */ e("span", { className: "ds:font-[var(--font-weight-semibold)] ds:truncate", children: t }),
+          a !== void 0 ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: g(v("patientAge"), { n: a }) }) : null
+        ] }),
+        i ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-start ds:text-[color:var(--muted-foreground)]", children: g(v("patientNotLoaded")) }) : null,
+        o && w ? /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+          He,
+          {
+            variant: Yn[o],
+            size: "sm",
+            leading: w.icon,
+            children: w.label
+          }
+        ) }) : null,
+        /* @__PURE__ */ e(Qn, { event: r })
+      ] })
+    ] }),
+    T + S > 0 ? /* @__PURE__ */ m(
+      z,
+      {
+        variant: "warning",
+        announce: "off",
+        icon: /* @__PURE__ */ e(at, { "aria-hidden": "true" }),
+        children: [
+          /* @__PURE__ */ e(z.Title, { as: "p", children: g(v("anamnesisTitle")) }),
+          /* @__PURE__ */ e(z.Description, { children: [
+            T > 0 ? g(v("anamnesisHighlighted"), { n: T }) : null,
+            S > 0 ? g(v("anamnesisExpired"), { n: S }) : null
+          ].filter((y) => y !== null).join(" · ") }),
+          l.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: l.map((y) => /* @__PURE__ */ m("li", { className: "ds:text-start", children: [
+              /* @__PURE__ */ e("span", { className: "ds:font-[var(--font-weight-semibold)]", children: y.question }),
+              ` · ${g(v(y.yes ? "anamnesisYes" : "anamnesisNo"))}`,
+              y.answer ? ` · ${y.answer}` : "",
+              ` · ${ze(p ?? I.language, y.interviewIso)}`
+            ] }, y.question)) })
+          ) : null
+        ]
+      }
+    ) : null
+  ] });
+}
+function Ze({
+  eyebrow: t,
+  heading: n,
+  facts: i
+}) {
+  return /* @__PURE__ */ m(Y, { children: [
+    /* @__PURE__ */ e(me.Eyebrow, { children: t }),
+    /* @__PURE__ */ e(me.Heading, { children: n }),
+    i && i.length > 0 ? /* @__PURE__ */ e(me.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: i.map((o, r) => /* @__PURE__ */ e(
+      "li",
+      {
+        className: o.muted ? "ds:text-[color:var(--muted-foreground)]" : void 0,
+        children: o.text
+      },
+      r
+    )) }) }) : null
+  ] });
+}
+const Xn = "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 At({
+  id: t,
+  eyebrow: n,
+  heading: i,
+  facts: o,
+  children: r
+}) {
+  return /* @__PURE__ */ m(me, { children: [
+    /* @__PURE__ */ e(me.Trigger, { asChild: !0, children: /* @__PURE__ */ e("button", { type: "button", "data-chip-hover": t, className: Xn, children: r }) }),
+    /* @__PURE__ */ e(me.Content, { side: "bottom", align: "start", size: "sm", children: /* @__PURE__ */ e(Ze, { eyebrow: n, heading: i, facts: o }) })
+  ] });
+}
+const c = (t) => `calendarWorkspace.details.${t}`, Zn = "type-body-sm ds:text-[color:var(--muted-foreground)]", Ft = (t) => /* @__PURE__ */ e("a", { href: `tel:${t.replace(/\s/g, "")}`, dir: "ltr", children: t }), Wt = (t) => /* @__PURE__ */ e("a", { href: `mailto:${t}`, dir: "ltr", children: t }), jt = (t, n, i) => new Intl.NumberFormat(t, { style: "currency", currency: i }).format(n);
+function Tt({ rows: t }) {
+  const n = t.filter((i) => !!i);
+  return n.length === 0 ? null : /* @__PURE__ */ e(_e, { layout: "inline", density: "compact", children: n.map((i) => /* @__PURE__ */ m(
+    _e.Row,
+    {
+      "data-row": i.id,
+      icon: i.icon,
+      children: [
+        /* @__PURE__ */ e(_e.Term, { children: i.label }),
+        /* @__PURE__ */ e(_e.Detail, { children: i.value })
+      ]
+    },
+    i.id
+  )) });
+}
+function ea({
+  details: t,
+  locale: n,
+  currency: i,
+  now: o,
+  mapsLink: r = !1
+}) {
+  const { t: a } = O(), { patient: d, signing: u, money: s, booking: l } = t;
+  if (!d) return null;
+  const p = u && u.required > 0 ? u : void 0, g = ((p == null ? void 0 : p.toComplete) ?? 0) > 0, I = p ? [
+    {
+      text: g ? p.requestedVia === "sms" ? a(c("signingRequestedSms")) : p.requestedVia === "email" ? a(c("signingRequestedEmail")) : a(c("signingNotRequested")) : a(c("signingAllSigned"))
+    },
+    ...p.aesSetUp ? [] : [{ text: a(c("aesMissing")), muted: !0 }]
+  ] : [], v = d.highlightedAnamnesisCount ?? 0, R = d.expiredAnamnesisCount ?? 0, w = (d.highlightedAnamnesisAnswers ?? []).map((N) => ({
+    text: [
+      N.question,
+      a(c(N.yes ? "anamnesisYes" : "anamnesisNo")),
+      N.answer,
+      ze(n, N.interviewIso)
+    ].filter(Boolean).join(" · ")
+  })), T = Bt(d), S = Un(d) || T, y = [
+    ...d.dobIso ? [
+      {
+        id: "dob",
+        label: a(c("dob")),
+        icon: /* @__PURE__ */ e(Pn, {}),
+        value: `${ze(n, d.dobIso)} ${a(
+          c("patientAge"),
+          {
+            n: Bn(d.dobIso, o)
+          }
+        )}`
+      }
+    ] : [],
+    ...Kn(d).map((N, W) => {
+      const j = N.label === "mobile" || N.label === "home" || N.label === "work";
+      return {
+        id: `phone-${W}`,
+        label: a(j ? `calendarWorkspace.print.phoneLabels.${N.label}` : c("phone")),
+        icon: N.label === "mobile" ? /* @__PURE__ */ e(hn, {}) : /* @__PURE__ */ e(fn, {}),
+        value: Ft(N.number)
+      };
+    }),
+    ...d.email ? [
+      {
+        id: "email",
+        label: a(c("email")),
+        icon: /* @__PURE__ */ e(gn, {}),
+        value: Wt(d.email)
+      }
+    ] : [],
+    ...r ? [
+      {
+        id: "address",
+        label: a(c("address")),
+        icon: /* @__PURE__ */ e(vn, {}),
+        value: T ? /* @__PURE__ */ e(
+          "a",
+          {
+            href: Gn(d),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            "aria-label": `${a(c("mapsLink"))}: ${S}`,
+            children: S
+          }
+        ) : /* @__PURE__ */ e("span", { className: Zn, children: a(c("noAddress")) })
+      }
+    ] : []
+  ], x = (s == null ? void 0 : s.unpaidAmount) ?? 0, D = (s == null ? void 0 : s.billableAmount) ?? 0, E = (l == null ? void 0 : l.paidOnlineAmount) ?? 0, Q = (N, W, j, U, ae, ie) => /* @__PURE__ */ e(
+    At,
+    {
+      id: j,
+      eyebrow: a(c("hoverBilling")),
+      heading: a(c(U), {
+        amount: jt(n, W, i)
+      }),
+      facts: [{ text: a(c(ae)) }],
+      children: /* @__PURE__ */ e(
+        mn,
+        {
+          "data-chip": j,
+          state: N,
+          amount: W,
+          currency: i,
+          locale: n,
+          size: "md",
+          showLabel: !0,
+          label: ie,
+          showIcon: !1
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ e(
+    Rt,
+    {
+      "data-card": "patient",
+      name: d.name,
+      avatarUrl: d.avatarSrc,
+      locale: n,
+      surface: "elevated",
+      density: "compact",
+      flags: {
+        unsignedDocumentsCount: (p == null ? void 0 : p.toComplete) ?? 0,
+        highlightedAnamnesisCount: v
+      },
+      flagHover: {
+        ...p ? {
+          unsignedDocuments: /* @__PURE__ */ e(
+            Ze,
+            {
+              eyebrow: a(c("sectionSigning")),
+              heading: p.toComplete === 1 ? a(c("signingToSignOne")) : a(c("signingToSignMany"), {
+                n: p.toComplete
+              }),
+              facts: I
+            }
+          )
+        } : {},
+        highlightedAnamnesis: /* @__PURE__ */ e(
+          Ze,
+          {
+            eyebrow: a(c("anamnesisTitle")),
+            heading: a(c("anamnesisHighlighted"), { n: v }),
+            facts: w
+          }
+        )
+      },
+      extraChips: x > 0 || D > 0 || E > 0 || R > 0 ? /* @__PURE__ */ m(Y, { children: [
+        /* @__PURE__ */ m("span", { className: "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          x > 0 ? Q(
+            "debt",
+            x,
+            "unpaid",
+            "hoverUnpaidHeading",
+            "hoverUnpaidFact"
+          ) : null,
+          D > 0 ? Q(
+            "to-invoice",
+            D,
+            "billable",
+            "hoverBillableHeading",
+            "hoverBillableFact"
+          ) : null,
+          E > 0 ? Q(
+            "settled",
+            E,
+            "paidOnline",
+            "hoverPaidOnlineHeading",
+            "hoverPaidOnlineFact",
+            /* A deposit is settled money, but "Settled" hides where
+               it came from: the chip says what its hover card says. */
+            a(c("paidOnline"))
+          ) : null
+        ] }),
+        R > 0 ? /* @__PURE__ */ e(
+          At,
+          {
+            id: "anamnesisExpired",
+            eyebrow: a(c("anamnesisTitle")),
+            heading: a(c("anamnesisExpired"), { n: R }),
+            facts: [{ text: a(c("hoverAnamnesisExpiredFact")) }],
+            children: /* @__PURE__ */ e(
+              He,
+              {
+                "data-chip": "anamnesisExpired",
+                variant: "warning",
+                size: "md",
+                leading: /* @__PURE__ */ e(at, {}),
+                children: a(c("anamnesisExpired"), { n: R })
+              }
+            )
+          }
+        ) : null
+      ] }) : void 0,
+      visibleFieldOrder: y.map((N) => N.id),
+      sections: y.length > 0 ? [{ id: "contact", heading: a(c("sectionPatient")), fields: y }] : void 0
+    }
+  );
+}
+function ta({
+  details: t,
+  locale: n,
+  currency: i,
+  operator: o,
+  chair: r,
+  description: a,
+  privacy: d = !1
+}) {
+  const { t: u } = O(), { appointment: s, booking: l, patient: p } = t, g = (E) => u(`calendarWorkspace.editor.${E}`), I = new Date(s.startIso), v = new Date(I.getTime() + s.durationMin * 6e4), R = Number.isFinite(I.getTime()), { recurrence: w } = s, T = w && qn[w.frequency], S = T ? u(`calendarWorkspace.editor.${T}`) : void 0, y = l ? [
+    l.bookedAtIso && {
+      id: "bookedAt",
+      label: u(c("bookedAt")),
+      value: /* @__PURE__ */ e(
+        pn,
+        {
+          value: l.bookedAtIso,
+          format: "absolute",
+          shape: "bare",
+          locale: n,
+          absoluteFormat: $t
+        }
+      )
+    },
+    l.typedName && {
+      id: "bookingName",
+      label: u(c("bookingName")),
+      value: l.typedName
+    },
+    l.phone && {
+      id: "bookingPhone",
+      label: u(c("bookingPhone")),
+      value: Ft(l.phone)
+    },
+    l.email && {
+      id: "bookingEmail",
+      label: u(c("bookingEmail")),
+      value: Wt(l.email)
+    },
+    l.note && {
+      id: "bookingNote",
+      label: u(c("bookingNote")),
+      value: l.note
+    },
+    /* With a patient the amount is a chip on the patient card. */
+    !p && l.paidOnlineAmount !== void 0 && {
+      id: "paidOnline",
+      label: u(c("paidOnline")),
+      value: jt(n, l.paidOnlineAmount, i)
+    }
+  ] : [], x = d ? y.filter((E) => E && E.id === "bookedAt") : y, D = x.some(Boolean);
+  return /* @__PURE__ */ m(
+    ne,
+    {
+      "data-card": "appointment",
+      title: u(c("sectionAppointment")),
+      headingLevel: 3,
+      children: [
+        a,
+        /* @__PURE__ */ e(
+          Tt,
+          {
+            rows: [
+              R && {
+                id: "date",
+                label: g("date"),
+                icon: /* @__PURE__ */ e(yn, {}),
+                value: ze(n, I)
+              },
+              R && {
+                id: "time",
+                label: u(c("time")),
+                icon: /* @__PURE__ */ e(Mt, {}),
+                value: s.allDay ? g("allDay") : $n(n, I, v)
+              },
+              !s.allDay && {
+                id: "duration",
+                label: g("duration"),
+                icon: /* @__PURE__ */ e(bn, {}),
+                value: `${s.durationMin} ${g("durationUnit")}`
+              },
+              s.isTelehealth && {
+                id: "type",
+                label: g("type"),
+                icon: /* @__PURE__ */ e(it, {}),
+                value: g("typeTelehealth")
+              },
+              o && {
+                id: "operator",
+                label: u(c("operator")),
+                /* A person, as on the grid: the avatar fills the icon slot. */
+                icon: /* @__PURE__ */ e(_t, { name: o.name, src: o.avatarSrc, size: "xs" }),
+                value: o.name
+              },
+              r && {
+                id: "chair",
+                label: u(c("chair")),
+                icon: /* @__PURE__ */ e(wt, {}),
+                value: /* @__PURE__ */ e(He, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ e(wt, {}), children: r.name })
+              },
+              s.branchLabel && {
+                id: "branch",
+                label: g("branch"),
+                icon: /* @__PURE__ */ e(kn, {}),
+                value: s.branchLabel
+              },
+              S && w && {
+                id: "series",
+                label: u(c("seriesLabel")),
+                icon: /* @__PURE__ */ e(zt, {}),
+                value: w.count === void 0 ? S : u(c("seriesRule"), {
+                  frequency: S,
+                  count: w.count
+                })
+              }
+            ]
+          }
+        ),
+        D ? /* @__PURE__ */ m(
+          "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: u(c("sectionBooking")) }),
+              /* @__PURE__ */ e(Tt, { rows: x })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function na({
+  details: t,
+  locale: n,
+  currency: i,
+  privacy: o = !1
+}) {
+  const { t: r } = O(), { care: a } = t, d = o || a == null ? void 0 : a.plan;
+  return !a || !d && a.lines.length === 0 ? null : /* @__PURE__ */ m(
+    ne,
+    {
+      "data-card": "treatments",
+      title: r(c("sectionTreatments")),
+      headingLevel: 3,
+      children: [
+        d ? /* @__PURE__ */ m("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-item", children: [
+          /* @__PURE__ */ e(
+            Ot,
+            {
+              "aria-hidden": "true",
+              className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
+            }
+          ),
+          d.number ? r(c("planLine"), { number: d.number, name: d.name }) : d.name
+        ] }) : null,
+        a.lines.length > 0 ? /* @__PURE__ */ e(
+          Pt,
+          {
+            lines: a.lines.map(({ entryId: u, careId: s, ...l }) => ({
+              id: u,
+              ...l
+            })),
+            locale: n,
+            currency: i
+          }
+        ) : null
+      ]
+    }
+  );
+}
+const St = 3;
+function aa({
+  preview: t,
+  onOpenNotes: n,
+  locale: i
+}) {
+  const { t: o } = O(), r = Ue(), a = t.status ?? "ready", d = C(!1);
+  te(() => {
+    d.current && (a !== "loading" && (d.current = !1), Ae(r));
+  }, [a, r]);
+  const u = t.total ?? (a === "ready" ? t.notes.length : null), s = Math.max(0, (u ?? 0) - St), l = s > 0 ? o(c("notesMore"), { n: s }) : o(c("notesPreviewOpen"));
+  return /* @__PURE__ */ m(
+    ne,
+    {
+      "data-card": "notes",
+      headingId: r,
+      headingLevel: 3,
+      title: u === null ? o("notesPanel.title") : o(c("notesPreviewTitle"), { count: u }),
+      headerAction: n && (u ?? 0) > 0 ? /* @__PURE__ */ m("span", { className: "ds:relative ds:inline-flex", children: [
+        /* @__PURE__ */ e(
+          Dt,
+          {
+            icon: /* @__PURE__ */ e(wn, { "aria-hidden": "true" }),
+            intent: "outline",
+            size: "sm",
+            "data-action": "open-patient-notes",
+            "aria-label": l,
+            tooltip: l,
+            onClick: () => n()
+          }
+        ),
+        s > 0 ? (
+          /* Decorative: the button's name already says the count. */
+          /* @__PURE__ */ e(
+            un,
+            {
+              variant: "outline",
+              size: "sm",
+              background: "surface",
+              count: s,
+              "aria-hidden": "true",
+              className: "ds:pointer-events-none ds:absolute ds:-top-[var(--spacing-2xs)] ds:-end-[var(--spacing-2xs)]"
+            }
+          )
+        ) : null
+      ] }) : void 0,
+      children: [
+        a === "error" ? /* @__PURE__ */ m(z, { variant: "error", children: [
+          /* @__PURE__ */ e(z.Description, { children: o("notesPanel.loadError") }),
+          t.onRetry ? /* @__PURE__ */ e(z.Action, { children: /* @__PURE__ */ e(
+            L,
+            {
+              intent: "secondary",
+              size: "sm",
+              onClick: () => {
+                var p;
+                d.current = !0, (p = t.onRetry) == null || p.call(t);
+              },
+              children: o("notesPanel.retry")
+            }
+          ) }) : null
+        ] }) : null,
+        t.notes.length === 0 && a === "loading" ? /* @__PURE__ */ m(Y, { children: [
+          /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: o("notesPanel.loading") }),
+          /* @__PURE__ */ e(Ve, { notes: [], loading: !0, loadingRows: 2 })
+        ] }) : a !== "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(
+            Ve,
+            {
+              notes: t.notes,
+              maxItems: St,
+              locale: i,
+              "aria-labelledby": r,
+              onNoteActivate: n,
+              emptyState: /* @__PURE__ */ e("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: o(c("notesPreviewEmpty")) })
+            }
+          )
+        ) : null
+      ]
+    }
+  );
+}
+const ia = et("ds:flex ds:h-full ds:min-h-0 ds:flex-col"), sa = et(
+  "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)]"
+), oa = et(
+  "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)]"
+), K = "ds:[.theme-accessible_&]:[min-block-size:var(--min-target-size)]", ra = "ds:[.theme-accessible_&>button]:[min-block-size:var(--min-target-size)]", la = [
+  "ds:[.theme-accessible_&_button:has(svg.lucide-ellipsis)]:[min-block-size:var(--min-target-size)]",
+  "ds:[.theme-accessible_&_button:has(svg.lucide-ellipsis)]:[min-inline-size:var(--min-target-size)]"
+].join(" "), qt = ["40%", "33%", "50%", "25%"], da = [
+  "bill",
+  "folder",
+  "template",
+  "empty",
+  "identification",
+  "webcam"
+], ca = {
+  bill: /* @__PURE__ */ e(Cn, { "aria-hidden": "true" }),
+  folder: /* @__PURE__ */ e(En, { "aria-hidden": "true" }),
+  template: /* @__PURE__ */ e(Dn, { "aria-hidden": "true" }),
+  empty: /* @__PURE__ */ e(In, { "aria-hidden": "true" }),
+  identification: /* @__PURE__ */ e(_n, { "aria-hidden": "true" }),
+  webcam: /* @__PURE__ */ e(Sn, { "aria-hidden": "true" })
+}, k = (t) => `calendarWorkspace.details.${t}`;
+function It({
+  children: t,
+  startIcon: n,
+  overflowItems: i,
+  "data-action": o,
+  intent: r,
+  background: a,
+  size: d,
+  hideLabel: u
+}) {
+  return /* @__PURE__ */ m(Me.Root, { children: [
+    /* @__PURE__ */ e(tn, { label: t, side: "top", children: /* @__PURE__ */ e(Me.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      L,
+      {
+        intent: r,
+        background: a,
+        size: d,
+        "data-action": o,
+        className: K,
+        startIcon: n,
+        "aria-haspopup": "menu",
+        endIcon: /* @__PURE__ */ e(Tn, { "aria-hidden": "true" }),
+        children: u ? /* @__PURE__ */ e("span", { className: "ds:sr-only", children: t }) : t
+      }
+    ) }) }),
+    /* @__PURE__ */ e(Me.Content, { align: "end", children: i.map((s) => /* @__PURE__ */ e(
+      Me.Item,
+      {
+        "data-action": s.action,
+        startIcon: s.icon,
+        onSelect: s.onSelect,
+        children: s.label
+      },
+      s.label
+    )) })
+  ] });
+}
+function ua() {
+  const { t } = O();
+  return /* @__PURE__ */ m(Y, { children: [
+    /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: t("common.loading") }),
+    /* @__PURE__ */ m(
+      "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(
+            Rt,
+            {
+              name: "",
+              loading: !0,
+              surface: "elevated",
+              density: "compact"
+            }
+          ),
+          /* @__PURE__ */ m(ne, { title: t(k("sectionAppointment")), headingLevel: 3, children: [
+            /* @__PURE__ */ e(Et, { loading: !0, maxLines: 2 }),
+            /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: qt.map((n, i) => /* @__PURE__ */ m(
+              "div",
+              {
+                className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+                children: [
+                  /* @__PURE__ */ e(
+                    ue,
+                    {
+                      variant: "rounded",
+                      stagger: i + 2,
+                      width: "var(--spacing-md)",
+                      height: "var(--spacing-md)",
+                      className: "ds:shrink-0"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    ue,
+                    {
+                      variant: "text",
+                      size: "sm",
+                      stagger: i + 2,
+                      width: n
+                    }
+                  )
+                ]
+              },
+              n
+            )) })
+          ] }),
+          /* @__PURE__ */ e(ne, { title: t("notesPanel.title"), headingLevel: 3, children: /* @__PURE__ */ e(Ve, { notes: [], loading: !0, loadingRows: 2 }) }),
+          /* @__PURE__ */ e(ne, { title: t(k("sectionTreatments")), headingLevel: 3, children: /* @__PURE__ */ e(Pt, { lines: [], loading: !0 }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ m(
+      "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(ue, { variant: "rounded", width: "33%", height: "var(--spacing-xl)" }),
+          /* @__PURE__ */ e(
+            ue,
+            {
+              variant: "rounded",
+              stagger: 1,
+              height: "var(--spacing-xl)",
+              className: "ds:flex-1"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function pa({
+  history: t,
+  locale: n,
+  onRetry: i
+}) {
+  var g;
+  const { t: o } = O(), r = t.status ?? (t.entries ? "ready" : "loading"), a = r === "error" ? void 0 : t.entries, d = r === "loading" || r !== "error" && !a, [u, s] = _(!1);
+  pe(() => s(!0), []);
+  let l = "";
+  d ? l = o("common.loading") : a && (l = a.length === 0 ? o(k("historyEmpty")) : o(k("historyLoaded"), { n: a.length }));
+  let p;
+  return r === "error" ? p = /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ e(z, { variant: "error", children: /* @__PURE__ */ e(z.Description, { children: ((g = t.message) == null ? void 0 : g.trim()) || o("emptyState.error.description") }) }),
+    i ? /* @__PURE__ */ e(
+      L,
+      {
+        intent: "outline",
+        "data-action": "retry-history",
+        onClick: () => i(),
+        children: o("emptyState.error.cta")
+      }
+    ) : null
+  ] }) : d || !a ? p = /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: qt.slice(0, 3).map((I, v) => /* @__PURE__ */ m(
+        "div",
+        {
+          className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
+          children: [
+            /* @__PURE__ */ e(
+              ue,
+              {
+                variant: "circular",
+                stagger: v,
+                width: "var(--spacing-xl)",
+                height: "var(--spacing-xl)",
+                className: "ds:shrink-0"
+              }
+            ),
+            /* @__PURE__ */ e(
+              ue,
+              {
+                variant: "rounded",
+                stagger: v,
+                width: I,
+                height: "var(--spacing-2xl)"
+              }
+            )
+          ]
+        },
+        I
+      ))
+    }
+  ) : p = /* @__PURE__ */ e(Vn, { history: a, locale: n }), /* @__PURE__ */ m(Y, { children: [
+    /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: u ? l : "" }),
+    p
+  ] });
+}
+function ma({
+  read: t,
+  refreshing: n,
+  currency: i,
+  now: o,
+  locale: r,
+  shownTitle: a,
+  headingId: d,
+  enter: u,
+  live: s,
+  statusControl: l,
+  patientId: p = ((De) => (De = t.patient) == null ? void 0 : De.id)(),
+  operator: g,
+  chair: I,
+  privacy: v = !1,
+  privacyTitle: R,
+  mapsLink: w,
+  notesPreview: T,
+  onOpenNotes: S,
+  history: y,
+  onOpenHistory: x,
+  readOnly: D = !1,
+  onStatusChange: E,
+  allowedStatuses: Q = bt,
+  onDescriptionChange: N,
+  onEdit: W,
+  onMove: j,
+  onCopy: U,
+  onDelete: ae,
+  onJoinTelehealth: ie,
+  onWhatsApp: Te,
+  whatsappUrl: Se,
+  createTaskUrl: Ie,
+  documents: J
+}) {
+  var mt, ht;
+  const { t: h } = O(), { eventId: P } = t, [$e] = _(u), se = { details: t, locale: r, currency: i }, A = y ? y.eventId !== void 0 && y.eventId !== P ? { status: "loading" } : y : t.history ? { entries: t.history } : void 0, Ee = (T == null ? void 0 : T.patientId) === void 0 || T.patientId === p, oe = T ? Ee ? T : p ? { notes: [], status: "loading", total: null } : void 0 : void 0, X = !!N && !D && !v, [he, G] = _(!1), [fe, q] = _(!1), Z = he && A !== void 0, Ce = fe && X, ge = () => {
+    Z || !A || (G(!0), x == null || x(P));
+  }, Re = C({ history: !1, editor: !1 });
+  te(() => {
+    const f = Re.current;
+    Re.current = { history: Z, editor: Ce };
+    const ce = f.history && A === void 0, ft = f.editor && !X;
+    ce && G(!1), ft && q(!1), (ce || ft) && Ae(d);
+  });
+  const re = C(null), M = C(!1), ve = (A == null ? void 0 : A.status) ?? (A != null && A.entries ? "ready" : "loading");
+  te(() => {
+    M.current && (ve !== "loading" && (M.current = !1), Je(re.current));
+  }, [ve]);
+  const [F, ye] = _(t.appointment.name ?? "");
+  pe(() => {
+    ye(t.appointment.name ?? "");
+  }, [t.appointment.name]);
+  const [be, ee] = _(""), [le, ke] = _(!1), [b, H] = _(), de = C(null);
+  pe(() => {
+    fe && (ee(F), H(void 0));
+  }, [fe]);
+  const Pe = async () => {
+    if (!N) return;
+    const f = be.trim();
+    ke(!0), H(void 0);
+    try {
+      await N(f, P), ye(f), q(!1);
+    } catch (ce) {
+      H(
+        Ge(ce, h(k("descriptionSaveFailed")))
+      );
+    } finally {
+      ke(!1);
+    }
+  }, [$, Be] = _(t.appointment.status);
+  pe(() => {
+    Be(t.appointment.status);
+  }, [t.appointment.status]);
+  const st = C(n);
+  te(() => {
+    const f = st.current && !n;
+    st.current = n, f && (Be(t.appointment.status), ye(t.appointment.name ?? ""));
+  }, [n]);
+  const Le = bt.filter(
+    (f) => Q.includes(f)
+  ), we = tt($, {
+    statuses: Le,
+    /* Shown so the control can say it, but not a choice. */
+    disabledStatuses: $ && !Le.includes($) ? [$] : []
+  }), xe = !!E && !D && Le.some((f) => f !== $), Kt = async (f) => {
+    if (!(!E || !an(f))) {
+      try {
+        await E(f, P);
+      } catch (ce) {
+        throw new Error(Ge(ce, h(k("statusSaveFailed"))));
+      }
+      Be(f);
+    }
+  }, ot = v ? void 0 : Se, rt = da.filter(
+    (f) => J == null ? void 0 : J.kinds.includes(f)
+  ), Ut = (((mt = t.care) == null ? void 0 : mt.lines.length) ?? 0) > 0, lt = p !== void 0 && p !== "", Fe = h(k("status")), dt = `${Fe}: ${we.option.label}`, We = C(null), ct = C(xe);
+  te(() => {
+    const f = ct.current && !xe;
+    ct.current = xe, f && (We.current ? Je(We.current) : Ae(d));
+  });
+  const ut = xe ? /* @__PURE__ */ e(
+    nn,
+    {
+      ref: l,
+      value: we.value,
+      options: we.options,
+      size: "sm",
+      workflowLabel: Fe,
+      className: `ds:[&>button]:bg-[color:var(--background)] ${ra}`,
+      "aria-label": dt,
+      onValueChange: Kt
+    }
+  ) : $ ? (
+    /* Named as the control is, "Status: Confirmed": the small display
+       prints the value alone. */
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: We,
+        role: "group",
+        "aria-label": dt,
+        tabIndex: -1,
+        "data-status-display": "",
+        className: oa(),
+        children: /* @__PURE__ */ e(
+          Ye,
+          {
+            value: we.value,
+            size: "sm",
+            workflowLabel: Fe,
+            option: we.option
+          }
+        )
+      }
+    )
+  ) : null, B = [];
+  ie && B.push([
+    "join-telehealth",
+    /* @__PURE__ */ e(
+      L,
+      {
+        intent: "primary",
+        "data-action": "join-telehealth",
+        className: K,
+        startIcon: /* @__PURE__ */ e(it, { "aria-hidden": "true" }),
+        onClick: () => ie(P),
+        children: h(k("joinTelehealth"))
+      },
+      "join"
+    )
+  ]), !D && W && B.push([
+    "edit-appointment",
+    /* @__PURE__ */ e(
+      L,
+      {
+        "data-action": "edit-appointment",
+        className: K,
+        startIcon: /* @__PURE__ */ e(Qe, { "aria-hidden": "true" }),
+        onClick: () => W(P),
+        children: h("calendarWorkspace.editor.editTitle")
+      },
+      "edit"
+    )
+  ]), !D && j && B.push([
+    "move-appointment",
+    /* @__PURE__ */ e(
+      L,
+      {
+        "data-action": "move-appointment",
+        className: K,
+        startIcon: /* @__PURE__ */ e(Ht, { "aria-hidden": "true" }),
+        onClick: () => j(P),
+        children: h(k("move"))
+      },
+      "move"
+    )
+  ]), !D && U && B.push([
+    "copy-appointment",
+    Ut ? /* @__PURE__ */ e(
+      It,
+      {
+        "data-action": "copy-appointment",
+        "data-overflow-tip": !1,
+        startIcon: /* @__PURE__ */ e(Nt, { "aria-hidden": "true" }),
+        overflowItems: [
+          {
+            label: h("calendarWorkspace.editor.duplicateAppointmentOnly"),
+            icon: /* @__PURE__ */ e(xn, { "aria-hidden": "true" }),
+            action: "copy-appointment-only",
+            onSelect: () => U(!1, P)
+          },
+          {
+            label: h("calendarWorkspace.editor.duplicateWithTreatments"),
+            icon: /* @__PURE__ */ e(Ot, { "aria-hidden": "true" }),
+            action: "copy-appointment-with-treatments",
+            onSelect: () => U(!0, P)
+          }
+        ],
+        children: h(k("copy"))
+      },
+      "copy"
+    ) : /* @__PURE__ */ e(
+      L,
+      {
+        "data-action": "copy-appointment",
+        className: K,
+        startIcon: /* @__PURE__ */ e(Nt, { "aria-hidden": "true" }),
+        onClick: () => U(!1, P),
+        children: h(k("copy"))
+      },
+      "copy"
+    )
+  ]), J && rt.length > 0 && B.push([
+    "open-create-document",
+    /* @__PURE__ */ e(
+      It,
+      {
+        "data-action": "open-create-document",
+        "data-overflow-tip": !1,
+        startIcon: /* @__PURE__ */ e(Nn, { "aria-hidden": "true" }),
+        overflowItems: rt.map((f) => ({
+          label: h(k(`documents.${f}`)),
+          icon: ca[f],
+          action: `create-document-${f}`,
+          onSelect: () => J.onCreate(f, P)
+        })),
+        children: h(k("documents.label"))
+      },
+      "documents"
+    )
+  ]), Te ? B.push([
+    "open-whatsapp",
+    /* @__PURE__ */ e(
+      L,
+      {
+        "data-action": "open-whatsapp",
+        className: K,
+        startIcon: /* @__PURE__ */ e(yt, { "aria-hidden": "true" }),
+        onClick: () => Te(P),
+        children: h(k("remindWhatsApp"))
+      },
+      "whatsapp"
+    )
+  ]) : ot && B.push([
+    "open-whatsapp",
+    /* @__PURE__ */ e(
+      L,
+      {
+        asChild: !0,
+        "data-action": "open-whatsapp",
+        className: K,
+        startIcon: /* @__PURE__ */ e(yt, { "aria-hidden": "true" }),
+        children: /* @__PURE__ */ e("a", { href: ot, target: "_blank", rel: "noopener noreferrer", children: h(k("remindWhatsApp")) })
+      },
+      "whatsapp"
+    )
+  ]), Ie && B.push([
+    "create-task",
+    /* @__PURE__ */ e(
+      L,
+      {
+        asChild: !0,
+        "data-action": "create-task",
+        className: K,
+        startIcon: /* @__PURE__ */ e(An, { "aria-hidden": "true" }),
+        children: /* @__PURE__ */ e("a", { href: Ie, children: h(k("createTask")) })
+      },
+      "task"
+    )
+  ]), !D && ae && B.push([
+    "delete-appointment",
+    /* @__PURE__ */ e(
+      L,
+      {
+        intent: "destructiveOutline",
+        "data-action": "delete-appointment",
+        className: K,
+        startIcon: /* @__PURE__ */ e(Lt, { "aria-hidden": "true" }),
+        onClick: () => ae(P),
+        children: h("calendarWorkspace.editor.delete")
+      },
+      "delete"
+    )
+  ]);
+  const je = B.map(([, f]) => f);
+  s.current = {
+    status: $ ?? null,
+    allowed: xe ? Le : [],
+    offered: B.map(([f]) => f),
+    historyAvailable: A !== void 0,
+    historyOpen: Z,
+    openHistory: ge,
+    closeHistory: () => G(!1)
+  };
+  const pt = h(k("historyBack"));
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: `ds:flex ds:min-h-0 ds:flex-1 ds:flex-col ${$e ? Zt : ""}`,
+      children: /* @__PURE__ */ m(Ke.Host, { children: [
+        /* @__PURE__ */ e(
+          Ct,
+          {
+            title: a,
+            headingId: d,
+            icon: /* @__PURE__ */ e(nt, { "aria-hidden": "true" }),
+            sticky: !0,
+            divider: !0,
+            actions: A ? /* @__PURE__ */ e(
+              Dt,
+              {
+                size: "sm",
+                intent: "ghost",
+                icon: /* @__PURE__ */ e(xt, { "aria-hidden": "true" }),
+                "aria-label": h(k("historyAction")),
+                tooltip: h(k("historyAction")),
+                "data-action": "open-history",
+                onClick: ge
+              }
+            ) : 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__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
+              v ? /* @__PURE__ */ e(Jt, { mask: R }) : t.patient ? /* @__PURE__ */ e(ea, { ...se, now: o, mapsLink: w }) : (
+                /* No patient card to carry the identity: a patient-less, an
+                   unassigned or an unresolved booking keeps the strip. */
+                /* @__PURE__ */ e(
+                  Jn,
+                  {
+                    name: t.appointment.title.trim() ? t.appointment.title : h(k("patientNotLoaded")),
+                    unresolved: lt,
+                    status: $,
+                    flags: {
+                      isTelehealth: t.appointment.isTelehealth,
+                      isBookedOnline: t.appointment.bookedOnline,
+                      isRecurring: t.appointment.recurrence !== void 0,
+                      hasUnassignedPatient: t.appointment.bookedOnline && !lt,
+                      hasHighlightedAnamnesis: !1,
+                      hasBillableAmount: (((ht = t.money) == null ? void 0 : ht.billableAmount) ?? 0) > 0
+                    },
+                    locale: r
+                  }
+                )
+              ),
+              /* @__PURE__ */ e(
+                ta,
+                {
+                  ...se,
+                  operator: g,
+                  chair: I,
+                  privacy: v,
+                  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. */
+                    v ? F ? /* @__PURE__ */ e(vt, { block: "description" }) : void 0 : F || N && !D ? /* @__PURE__ */ e(
+                      Et,
+                      {
+                        "data-block": "description",
+                        role: "group",
+                        "aria-label": h("calendarWorkspace.editor.description"),
+                        value: F,
+                        editLabel: h(k("editDescription")),
+                        onEdit: N && !D ? () => q(!0) : void 0
+                      }
+                    ) : void 0
+                  )
+                }
+              ),
+              oe && v ? /* @__PURE__ */ e(
+                ne,
+                {
+                  "data-card": "notes",
+                  title: h("notesPanel.title"),
+                  headingLevel: 3,
+                  children: /* @__PURE__ */ e(vt, {})
+                }
+              ) : oe ? /* @__PURE__ */ e(
+                aa,
+                {
+                  preview: oe,
+                  onOpenNotes: Ee ? S : void 0,
+                  locale: r
+                }
+              ) : null,
+              /* @__PURE__ */ e(na, { ...se, privacy: v })
+            ] })
+          }
+        ),
+        ut || je.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__ */ m("div", { className: sa(), children: [
+            ut,
+            je.length > 0 ? /* @__PURE__ */ e(
+              Xt,
+              {
+                label: h(k("actionsLabel")),
+                overflow: "menu",
+                collapseToIcons: !0,
+                background: "surface",
+                size: "sm",
+                className: `ds:min-w-0 ds:flex-1 ds:text-end ${la}`,
+                children: je
+              }
+            ) : null
+          ] })
+        ) : null,
+        A ? /* @__PURE__ */ e(
+          Ke,
+          {
+            ref: re,
+            open: Z,
+            icon: /* @__PURE__ */ e(xt, { "aria-hidden": "true" }),
+            title: h(k("historyTitle")),
+            backLabel: pt,
+            headingLevel: 3,
+            onBack: () => G(!1),
+            "data-details-subview": "history",
+            children: /* @__PURE__ */ e("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ e(
+              pa,
+              {
+                history: A,
+                locale: r,
+                onRetry: A.onRetry ? () => {
+                  var f;
+                  M.current = !0, (f = A.onRetry) == null || f.call(A);
+                } : void 0
+              }
+            ) })
+          }
+        ) : null,
+        X ? /* @__PURE__ */ e(
+          Ke,
+          {
+            open: Ce,
+            icon: /* @__PURE__ */ e(Qe, { "aria-hidden": "true" }),
+            title: h(k("editDescription")),
+            backLabel: pt,
+            headingLevel: 3,
+            initialFocusRef: de,
+            onBack: () => {
+              le || q(!1);
+            },
+            "data-details-subview": "description",
+            footer: /* @__PURE__ */ m(Y, { children: [
+              /* @__PURE__ */ e(
+                L,
+                {
+                  intent: "secondary",
+                  disabled: le,
+                  onClick: () => q(!1),
+                  children: h(k("noteCancel"))
+                }
+              ),
+              /* @__PURE__ */ e(
+                L,
+                {
+                  intent: "primary",
+                  "data-action": "save-description",
+                  loading: le,
+                  onClick: () => void Pe(),
+                  children: h(k("descriptionSave"))
+                }
+              )
+            ] }),
+            children: /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
+              b ? /* @__PURE__ */ e(z, { variant: "error", children: /* @__PURE__ */ e(z.Description, { children: b }) }) : null,
+              /* @__PURE__ */ e(
+                en,
+                {
+                  ref: de,
+                  value: be,
+                  minRows: 6,
+                  autoResize: !0,
+                  "aria-label": h("calendarWorkspace.editor.description"),
+                  onChange: (f) => ee(f.target.value)
+                }
+              )
+            ] })
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+const ha = Gt(function({
+  state: n,
+  onRetry: i,
+  patientId: o,
+  operator: r,
+  chair: a,
+  currency: d = "EUR",
+  now: u,
+  locale: s,
+  title: l,
+  privacy: p = !1,
+  privacyTitle: g,
+  mapsLink: I,
+  notesPreview: v,
+  onOpenNotes: R,
+  history: w,
+  onOpenHistory: T,
+  readOnly: S = !1,
+  onStatusChange: y,
+  allowedStatuses: x,
+  onDescriptionChange: D,
+  onEdit: E,
+  onMove: Q,
+  onCopy: N,
+  onDelete: W,
+  onJoinTelehealth: j,
+  onWhatsApp: U,
+  whatsappUrl: ae,
+  createTaskUrl: ie,
+  documents: Te,
+  id: Se,
+  className: Ie,
+  ...J
+}, De) {
+  var le, ke;
+  const { t: h, i18n: P } = O(), $e = Ue(), se = Se ?? $e, A = Ue(), Ee = s ?? P.language, oe = !p && (l != null && l.trim()) ? l : h(k("region")), X = n.status === "ready" ? n.read : void 0, he = n.status === "ready" ? n.read.eventId : n.eventId, G = C(
+    void 0
+  ), fe = G.current !== void 0 && G.current !== "ready";
+  pe(() => {
+    G.current = n.status;
+  }, [n.status]);
+  const q = !!i && (n.status === "error" || n.status === "refused" && n.retryable === !0), Z = C(null), Ce = gt(() => Qt(De, Z), [De]), ge = C(!1);
+  typeof document < "u" && (ge.current = ((le = Z.current) == null ? void 0 : le.contains(document.activeElement)) ?? !1);
+  const Re = X ? `ready:${X.eventId}` : n.status, re = C(!1);
+  te(() => {
+    re.current ? (n.status !== "loading" && (re.current = !1), Ae(A)) : ge.current && Ae(A);
+  }, [Re, A]);
+  const M = C(null);
+  X || (M.current = null);
+  const ve = C(null), F = C({ state: n, eventId: he, privacy: p, retryOffered: q, onRetry: i });
+  F.current = { state: n, eventId: he, privacy: p, retryOffered: q, onRetry: i };
+  const ye = gt(
+    () => ({
+      getEventId: () => F.current.eventId ?? null,
+      getLoadStatus: () => F.current.state.status,
+      getAppointmentStatus: () => {
+        var b;
+        return ((b = M.current) == null ? void 0 : b.status) ?? null;
+      },
+      getAllowedStatuses: () => {
+        var b;
+        return [...((b = M.current) == null ? void 0 : b.allowed) ?? []];
+      },
+      getOfferedActions: () => {
+        var b;
+        return [...((b = M.current) == null ? void 0 : b.offered) ?? []];
+      },
+      isHistoryOpen: () => {
+        var b;
+        return ((b = M.current) == null ? void 0 : b.historyOpen) ?? !1;
+      },
+      isPrivacy: () => F.current.privacy,
+      openHistory: () => {
+        var b;
+        if (!((b = M.current) != null && b.historyAvailable))
+          throw new Error("AppointmentDetailsPanel: History is not offered.");
+        M.current.openHistory();
+      },
+      closeHistory: () => {
+        var b;
+        (b = M.current) == null || b.closeHistory();
+      },
+      setAppointmentStatus: (b) => {
+        const H = M.current, de = ve.current;
+        if (!H || !de || H.allowed.length === 0)
+          return qe(
+            new Error("AppointmentDetailsPanel: the status is read-only.")
+          );
+        if (b === H.status) return Promise.resolve();
+        if (!H.allowed.includes(b))
+          return qe(
+            new Error(`AppointmentDetailsPanel: "${b}" is not allowed.`)
+          );
+        const Pe = () => qe(
+          new Error("AppointmentDetailsPanel: a status save is in flight.")
+        );
+        if (de.getIsSaving()) return Pe();
+        const $ = de.setValue(b);
+        return $ === void 0 ? Pe() : $;
+      },
+      retry: () => {
+        const { retryOffered: b, onRetry: H } = F.current;
+        if (!b || !H)
+          throw new Error("AppointmentDetailsPanel: Retry is not offered.");
+        H();
+      }
+    }),
+    []
+  );
+  Yt(Hn, ye, se);
+  const be = /* @__PURE__ */ e(
+    Ct,
+    {
+      title: oe,
+      headingId: A,
+      icon: /* @__PURE__ */ e(nt, { "aria-hidden": "true" }),
+      sticky: !0,
+      divider: !0
+    }
+  );
+  let ee;
+  return n.status === "ready" ? ee = /* @__PURE__ */ e(
+    ma,
+    {
+      read: n.read,
+      refreshing: n.refreshing === !0,
+      currency: d,
+      now: u ?? /* @__PURE__ */ new Date(),
+      locale: Ee,
+      shownTitle: oe,
+      headingId: A,
+      enter: fe,
+      live: M,
+      statusControl: ve,
+      patientId: o,
+      operator: r,
+      chair: a,
+      privacy: p,
+      privacyTitle: g,
+      mapsLink: I,
+      notesPreview: v,
+      onOpenNotes: R,
+      history: w,
+      onOpenHistory: T,
+      readOnly: S,
+      onStatusChange: y,
+      allowedStatuses: x,
+      onDescriptionChange: D,
+      onEdit: E,
+      onMove: Q,
+      onCopy: N,
+      onDelete: W,
+      onJoinTelehealth: j,
+      onWhatsApp: U,
+      whatsappUrl: ae,
+      createTaskUrl: ie,
+      documents: Te
+    },
+    n.read.eventId
+  ) : n.status === "loading" ? ee = /* @__PURE__ */ m(Y, { children: [
+    be,
+    /* @__PURE__ */ e(ua, {})
+  ] }) : ee = /* @__PURE__ */ m(Y, { children: [
+    be,
+    /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
+      /* @__PURE__ */ e(z, { variant: n.status === "error" ? "error" : "warning", children: /* @__PURE__ */ e(z.Description, { children: n.status === "error" ? ((ke = n.message) == null ? void 0 : ke.trim()) || h("emptyState.error.description") : n.reason }) }),
+      q ? /* @__PURE__ */ e(
+        L,
+        {
+          intent: "outline",
+          "data-action": "retry-load",
+          onClick: () => {
+            re.current = !0, i == null || i();
+          },
+          children: h("emptyState.error.cta")
+        }
+      ) : null
+    ] })
+  ] }), /* @__PURE__ */ e(
+    "div",
+    {
+      ref: Ce,
+      id: Se,
+      "data-component": "appointment-details-panel",
+      "data-component-id": se,
+      "data-event-id": he,
+      "data-status": n.status,
+      "aria-busy": n.status === "loading" || void 0,
+      className: ia({ className: Ie }),
+      ...J,
+      children: ee
+    }
+  );
+});
+ha.displayName = "AppointmentDetailsPanel";
+function Ri({
+  eventId: t,
+  load: n,
+  reloadKey: i
+}) {
+  const { t: o } = O(), r = C("");
+  r.current = o("emptyState.error.description");
+  const a = C(n);
+  te(() => {
+    a.current = n;
+  });
+  const [d, u] = _(0), [s, l] = _(), p = JSON.stringify([i ?? null, d]), [g, I] = _({ eventId: t, count: 0 }), v = g.eventId === t ? g.count : g.count + 1;
+  g.eventId !== t && I({ eventId: t, count: v }), pe(() => {
+    if (t === null) {
+      l(void 0);
+      return;
+    }
+    const S = new AbortController(), y = (x) => {
+      S.signal.aborted || l({ eventId: t, selection: v, request: p, value: x });
+    };
+    return Promise.resolve().then(() => a.current(t, { signal: S.signal })).then((x) => {
+      var D, E;
+      if (x.status !== "ready") {
+        y({
+          status: "refused",
+          eventId: t,
+          reason: x.reason,
+          retryable: x.retryable
+        });
+        return;
+      }
+      if (((D = x.details) == null ? void 0 : D.eventId) !== t || !Wn((E = x.details.appointment) == null ? void 0 : E.startIso))
+        throw new Error(r.current);
+      y({ status: "ready", read: x.details });
+    }).catch((x) => {
+      y({
+        status: "error",
+        eventId: t,
+        message: Ge(x, r.current)
+      });
+    }), () => S.abort();
+  }, [t, v, p]);
+  const R = Vt(() => u((S) => S + 1), []);
+  if (t === null) return { state: null, retry: R };
+  const w = (s == null ? void 0 : s.eventId) === t && s.selection === v ? s : void 0;
+  let T = { status: "loading", eventId: t };
+  return (w == null ? void 0 : w.request) === p ? T = w.value : (w == null ? void 0 : w.value.status) === "ready" && (T = { status: "ready", read: w.value.read, refreshing: !0 }), { state: T, retry: R };
+}
+export {
+  ha as A,
+  Nt as C,
+  $t as D,
+  Qn as I,
+  Ht as M,
+  qn as R,
+  Hn as a,
+  Xe as b,
+  Bn as c,
+  Kn as d,
+  Yn as e,
+  ze as f,
+  Vn as g,
+  Bt as h,
+  Un as i,
+  Gn as j,
+  Jn as k,
+  $n as l,
+  Wn as p,
+  jn as s,
+  Ri as u
+};
+//# sourceMappingURL=use-appointment-details-read-D2FH-cHF.js.map