@alfadocs/ui-kit 0.72.2 → 0.75.0

package/dist/_chunks/face-scheme-C0rk21gg.js

@@ -0,0 +1,3146 @@
+import { jsx as a, jsxs as C, Fragment as Ir } from "react/jsx-runtime";
+import { forwardRef as Vi, useId as Ui, useRef as N, useState as T, useCallback as g, useMemo as xn, useEffect as ne, useImperativeHandle as Yi } from "react";
+import * as Ke from "@radix-ui/react-tooltip";
+import { c as Xi } from "./index-D2ZczOXr.js";
+import { useTranslation as qi } from "react-i18next";
+import { u as Gi } from "./registry-DvAUVLHh.js";
+import { m as tt, M as Ji, A as Qi } from "./annotation-marker-qt5R9WZX.js";
+import { B as P } from "./button-CPGiR_bH.js";
+import { I as Ze } from "./icon-button-C_kbcd7I.js";
+import { B as es } from "./button-group-DzV5wgnx.js";
+import { C as ts } from "./combobox-DiMLItyu.js";
+import { I as vn } from "./icon-button-group-C_lqXTAj.js";
+import { T as Ar } from "./text-input-CUvCb6ST.js";
+import { C as Oe } from "./card-DPmk26CL.js";
+import { S as Tt } from "./separator-CYU_bGFn.js";
+import { S as ns } from "./slider-DN1CWkKB.js";
+import { S as rs } from "./switch-OILsBLWo.js";
+import { c as be } from "./createLucideIcon-DhHxpK9K.js";
+import { T as is } from "./type-ggmfVs23.js";
+import { C as ss } from "./circle-j7oZoouK.js";
+import { S as os } from "./square-DASBRZ0U.js";
+import { A as as } from "./arrow-up-right-C2v_MKsK.js";
+import { H as cs } from "./highlighter-DSkckT2Q.js";
+import { M as ls } from "./map-pin-BaY37-Km.js";
+import { E as ds } from "./eraser-CHOGQfVv.js";
+import { T as us } from "./trash-2-uumy3fy1.js";
+import { C as fs } from "./camera-VSklPDCv.js";
+import { U as hs } from "./upload-BfT2hzMg.js";
+import { Z as ms, a as ps } from "./zoom-out-Dnif4kJx.js";
+import { M as gs } from "./maximize-2-BYd2Kti7.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 ys = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["path", { d: "M15 3v18", key: "14nvp0" }]
+], xs = be("columns-3", ys);
+/**
+ * @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 vs = [["path", { d: "M5 12h14", key: "1ays0h" }]], ws = be("minus", vs);
+/**
+ * @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 ks = [
+  [
+    "path",
+    {
+      d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z",
+      key: "edeuup"
+    }
+  ]
+], bs = be("mouse-pointer-2", ks);
+/**
+ * @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 Cs = [
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ]
+], Ss = be("pen", Cs);
+/**
+ * @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 Ms = [
+  [
+    "path",
+    { d: "M13 7 8.7 2.7a2.41 2.41 0 0 0-3.4 0L2.7 5.3a2.41 2.41 0 0 0 0 3.4L7 13", key: "orapub" }
+  ],
+  ["path", { d: "m8 6 2-2", key: "115y1s" }],
+  ["path", { d: "m18 16 2-2", key: "ee94s4" }],
+  [
+    "path",
+    {
+      d: "m17 11 4.3 4.3c.94.94.94 2.46 0 3.4l-2.6 2.6c-.94.94-2.46.94-3.4 0L11 17",
+      key: "cfq27r"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ],
+  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
+], Ns = be("pencil-ruler", Ms);
+/**
+ * @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 Is = [
+  ["path", { d: "M9 14 4 9l5-5", key: "102s5s" }],
+  ["path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11", key: "f3b9sd" }]
+], As = be("undo-2", Is);
+/**
+ * @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 Ts = [
+  ["path", { d: "m19 16-3 3", key: "lp3y45" }],
+  ["path", { d: "M2 21a8 8 0 0 1 12.664-6.5", key: "1ap0vn" }],
+  ["path", { d: "M22 19h-6l3 3", key: "13fjle" }],
+  ["circle", { cx: "10", cy: "8", r: "5", key: "o932ke" }]
+], Tr = be("user-round-arrow-left", Ts);
+/**
+ * @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 _s = [
+  ["circle", { cx: "12", cy: "8", r: "5", key: "1hypcn" }],
+  ["path", { d: "M20 21a8 8 0 0 0-16 0", key: "rfgkzh" }]
+], Es = be("user-round", _s), zs = {
+  type: "string",
+  enum: [
+    "none",
+    "marker",
+    "pen",
+    "highlighter",
+    "arrow",
+    "line",
+    "rect",
+    "ellipse",
+    "text"
+  ],
+  description: "Drawing tool: 'none' (off), 'marker', 'pen', 'highlighter', 'arrow', 'line', 'rect', 'ellipse', or 'text'."
+}, ke = {
+  type: "string",
+  description: "Face-zone id (e.g. 'glabella', 'nasolabialFold', 'forehead', 'mandibularAngleLeft' on the front view; 'cheekbone', 'masseter', 'chin' on a profile view)."
+}, Ls = {
+  type: "string",
+  enum: ["front", "profile-left", "profile-right"],
+  description: "Active view id: 'front', 'profile-left', or 'profile-right'."
+}, nt = {
+  enum: ["observation", "treatment", "concern", "note"]
+}, Rs = {
+  id: "face-scheme",
+  // pick — focus a zone (transient); set_value / edit_inline — record / clear
+  // findings on a zone; view_change — switch the active view (front / left /
+  // right profile), since each view renders a different zone set. Registration
+  // (the photo fit) is exposed only as the auto-align action.
+  capabilities: ["pick", "set_value", "edit_inline", "view_change"],
+  state: {
+    activeView: {
+      // Which view is mounted — it determines which zones are in the DOM, so an
+      // agent must read this before focus_zone on a profile-only zone.
+      type: "string",
+      descriptionKey: "ui.agent.faceScheme.state.activeView",
+      description: "Id of the currently displayed view (front / profile-left / profile-right).",
+      read: (n) => n.getView()
+    },
+    zoom: {
+      type: "number",
+      descriptionKey: "ui.agent.faceScheme.state.zoom",
+      description: "Current figure zoom factor (1 = the base framing; up to 8). Only meaningful when the surface enables `zoomable`.",
+      read: (n) => n.getZoom()
+    },
+    chart: {
+      // A9: identifiers + finding ENUMS only — never the free-text finding
+      // `note` (PHI) and never the patient-photo `src`. Notes are written but
+      // never read back through the snapshot.
+      type: "Record<string, string[]>",
+      descriptionKey: "ui.agent.faceScheme.state.chart",
+      description: "Current face chart — the finding types recorded on each zone, keyed by zone id. Free-text notes and the patient photo are not exposed here.",
+      read: (n) => Object.fromEntries(
+        Object.entries(n.getChart()).map(([r, o]) => [
+          r,
+          o.map((l) => l.type)
+        ])
+      )
+    },
+    markedZones: {
+      type: "string[]",
+      descriptionKey: "ui.agent.faceScheme.state.markedZones",
+      description: "Zone ids carrying at least one finding.",
+      read: (n) => Object.keys(n.getChart())
+    },
+    activeTool: {
+      type: "string | null",
+      descriptionKey: "ui.agent.faceScheme.state.activeTool",
+      description: "The active free-form drawing tool (marker / pen / highlighter / arrow / line / rect / ellipse / text), or null when none is selected.",
+      read: (n) => n.getTool()
+    },
+    annotationCounts: {
+      // PHI-safe: counts by kind only — never the coordinates, and never the
+      // free-text of a `text` callout.
+      type: "Record<string, number>",
+      descriptionKey: "ui.agent.faceScheme.state.annotationCounts",
+      description: "Count of free-form annotations on the active view, keyed by kind (marker / pen / highlighter / arrow / line / rect / ellipse / text). Never includes coordinates or the free-text of a text callout.",
+      read: (n) => n.getAnnotations().reduce((r, o) => (r[o.kind] = (r[o.kind] ?? 0) + 1, r), {})
+    },
+    selectedAnnotation: {
+      // PHI-safe: id + kind only — never the coordinates, and never the
+      // free-text of a `text` callout.
+      type: "{ id: string; kind: string } | null",
+      descriptionKey: "ui.agent.faceScheme.state.selectedAnnotation",
+      description: "The selected free-form annotation on the active view (id + kind), or null when nothing is selected. Never includes coordinates or the free-text of a text callout.",
+      read: (n) => n.getSelectedAnnotation()
+    },
+    selectedZones: {
+      // PHI-safe: zone ids only — selection is UI state, findings stay in
+      // `chart`.
+      type: "string[]",
+      descriptionKey: "ui.agent.faceScheme.state.selectedZones",
+      description: 'Zone ids in the multi-selection (zoneSelect="multi") — the set a bulk finding apply targets. Empty when the mode is off or nothing is selected.',
+      read: (n) => n.getSelectedZones()
+    },
+    annotationZones: {
+      // PHI-safe: counts per linked zone only — never the coordinates, and
+      // never the free-text of a `text` callout.
+      type: "Record<string, number>",
+      descriptionKey: "ui.agent.faceScheme.state.annotationZones",
+      description: "Count of free-form annotations on the active view keyed by their linked zone id ('unassigned' = outside every zone or not yet assessed). Counts only — never coordinates or text.",
+      read: (n) => n.getAnnotations().reduce((r, o) => {
+        const l = o.zoneId ?? "unassigned";
+        return r[l] = (r[l] ?? 0) + 1, r;
+      }, {})
+    }
+  },
+  actions: {
+    focus_zone: {
+      safety: "read",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: ke },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.focusZone",
+      description: "Move focus to a specific face zone by id.",
+      invoke: (n, r) => {
+        n.focusZone(r.id);
+      }
+    },
+    get_zone: {
+      safety: "read",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: ke },
+        required: ["id"]
+      },
+      returns: "string[]",
+      returnsSchema: { type: "array", items: nt },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.getZone",
+      description: "Read the finding types recorded on one zone (notes are not returned).",
+      invoke: (n, r) => n.getZone(r.id).map((o) => o.type)
+    },
+    zones_with: {
+      safety: "read",
+      argsType: "{ finding: FaceFindingType }",
+      argsSchema: {
+        type: "object",
+        properties: { finding: nt },
+        required: ["finding"]
+      },
+      returns: "string[]",
+      returnsSchema: { type: "array", items: ke },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.zonesWith",
+      description: "List the zone ids carrying a given finding type.",
+      invoke: (n, r) => n.zonesWith(r.finding)
+    },
+    set_finding: {
+      safety: "write",
+      argsType: "{ id: string; finding: FaceFindingType; note?: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          id: ke,
+          finding: nt,
+          note: { type: "string" }
+        },
+        required: ["id", "finding"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.setFinding",
+      description: "Record a finding on a zone, with an optional free-text note.",
+      invoke: (n, r) => {
+        n.setFinding(r.id, r.finding, r.note);
+      }
+    },
+    remove_finding: {
+      safety: "write",
+      argsType: "{ id: string; finding: FaceFindingType }",
+      argsSchema: {
+        type: "object",
+        properties: { id: ke, finding: nt },
+        required: ["id", "finding"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.removeFinding",
+      description: "Remove a single finding from a zone.",
+      invoke: (n, r) => {
+        n.removeFinding(r.id, r.finding);
+      }
+    },
+    clear_zone: {
+      safety: "destructive",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: ke },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.clearZone",
+      description: "Clear every finding from a zone.",
+      invoke: (n, r) => {
+        n.clearZone(r.id);
+      }
+    },
+    auto_align: {
+      safety: "write",
+      argsType: "{}",
+      argsSchema: { type: "object", properties: {} },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.autoAlign",
+      description: "Run the on-device detector to align the zone overlay to the patient photo (works on the active view — front or profile). No-op if detection is disabled or no face is found.",
+      invoke: (n) => {
+        n.detect();
+      }
+    },
+    set_view: {
+      safety: "write",
+      argsType: "{ view: FaceViewId }",
+      argsSchema: {
+        type: "object",
+        properties: { view: Ls },
+        required: ["view"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.setView",
+      description: "Switch the active view ('front' / 'profile-left' / 'profile-right'). Each view renders a different zone set, so switch before focusing a zone that belongs to another view.",
+      invoke: (n, r) => {
+        n.setView(r.view);
+      }
+    },
+    set_zoom: {
+      safety: "write",
+      argsType: "{ factor: number }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          factor: { type: "number", minimum: 1, maximum: 8 }
+        },
+        required: ["factor"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.setZoom",
+      description: "Set the figure zoom factor (1 = reset to the base framing, clamped to 1–8), anchored on the window centre. No-op unless the surface enables `zoomable`.",
+      invoke: (n, r) => {
+        n.setZoom(r.factor);
+      }
+    },
+    set_tool: {
+      safety: "write",
+      argsType: "{ tool: FaceAnnotationTool | 'none' }",
+      argsSchema: {
+        type: "object",
+        properties: { tool: zs },
+        required: ["tool"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.setTool",
+      description: "Select the active free-form drawing tool ('none' turns drawing off; pointer then falls through to zone selection).",
+      invoke: (n, r) => {
+        n.setTool(
+          r.tool === "none" ? null : r.tool
+        );
+      }
+    },
+    undo_annotation: {
+      safety: "write",
+      argsType: "{}",
+      argsSchema: { type: "object", properties: {} },
+      descriptionKey: "ui.agent.faceScheme.actions.undoAnnotation",
+      description: "Remove the most-recently-added free-form annotation from the active view.",
+      invoke: (n) => {
+        n.undoAnnotation();
+      }
+    },
+    select_annotation: {
+      safety: "read",
+      argsType: "{ id: string | null }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          id: {
+            type: ["string", "null"],
+            description: "Annotation id on the active view (null clears the selection). Unknown ids are ignored."
+          }
+        },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.selectAnnotation",
+      description: "Select a free-form annotation on the active view by id (null clears). Selection reveals the mark and enables its panel affordances (delete / recolour).",
+      invoke: (n, r) => {
+        n.selectAnnotation(r.id);
+      }
+    },
+    set_annotation_zone: {
+      safety: "write",
+      argsType: "{ id: string; zone: string | null }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          id: {
+            type: "string",
+            description: "Annotation id on the active view."
+          },
+          zone: {
+            type: ["string", "null"],
+            description: "Zone id to link, or null to unlink ('no zone')."
+          }
+        },
+        required: ["id", "zone"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.setAnnotationZone",
+      description: "Link a free-form annotation to a face zone by id (null unlinks it). Unknown annotation ids are ignored. New drawings are auto-linked to the zone under them; this re-assigns marks drawn outside every zone.",
+      invoke: (n, r) => {
+        n.setAnnotationZone(r.id, r.zone);
+      }
+    },
+    select_zones: {
+      safety: "read",
+      argsType: "{ ids: string[] }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          ids: {
+            type: "array",
+            items: ke,
+            description: "Zone ids to select (replaces the current selection; [] clears)."
+          }
+        },
+        required: ["ids"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.selectZones",
+      description: 'Replace the zone multi-selection (zoneSelect="multi"). Selection is UI state only — pair with set_finding_bulk to record a finding on the selected zones, or pass ids straight to set_finding_bulk instead.',
+      invoke: (n, r) => {
+        n.setSelectedZones(r.ids);
+      }
+    },
+    set_finding_bulk: {
+      safety: "write",
+      argsType: "{ ids: string[]; finding: FaceFindingType; note?: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          ids: {
+            type: "array",
+            items: ke,
+            description: "Zone ids to record the finding on."
+          },
+          finding: nt,
+          note: { type: "string" }
+        },
+        required: ["ids", "finding"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.setFindingBulk",
+      description: "Record one finding on several zones in a single chart commit (the multi-zone diagnosis path). Zones already carrying the finding are left as they are; the optional note lands only where the finding is newly added.",
+      invoke: (n, r) => {
+        n.setFindingBulk(r.ids, r.finding, r.note);
+      }
+    },
+    clear_annotations: {
+      safety: "destructive",
+      argsType: "{}",
+      argsSchema: { type: "object", properties: {} },
+      idempotent: !0,
+      descriptionKey: "ui.agent.faceScheme.actions.clearAnnotations",
+      description: "Clear every free-form annotation from the active view. Zone findings are untouched.",
+      invoke: (n) => {
+        n.clearAnnotations();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "face-scheme" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-zone",
+      description: 'Each clickable zone `<g>` carries its zone id as `data-zone` (plus `data-side` for the anatomical side, and `data-zone-selected="true"` while in the multi-selection). Each free-form annotation `<g>` carries `data-annotation` (its id), `data-annotation-kind`, `data-annotation-zone` (its linked zone id, when linked), and `data-selected="true"` while selected. The root `<div>` carries the active view id as `data-view` — only the zones for the active view are in the DOM.'
+    }
+  }
+}, $s = "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.18/vision_bundle.mjs", Fs = "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.18/wasm", Ks = "https://storage.googleapis.com/mediapipe-models/face_landmarker/face_landmarker/float16/1/face_landmarker.task", Zs = {
+  "right-eye": [33, 133],
+  // subject's right eye, outer + inner corners
+  "left-eye": [263, 362],
+  // subject's left eye, outer + inner corners
+  "nose-tip": [1],
+  chin: [152],
+  // Midline cephalometric points — the profile views fit on these (the detector
+  // tracks them on a side profile even though the contralateral side is
+  // occluded). The front view ignores ids it has no landmark for.
+  nasion: [168],
+  // bridge of the nose, between the brows
+  subnasale: [2]
+  // base of the nose / top of the philtrum
+}, wn = /* @__PURE__ */ new Map();
+function Os(n, r, o, l) {
+  const d = `${n}|${r}|${o}`, c = wn.get(d);
+  if (c) return c;
+  l == null || l("loading");
+  const m = (async () => {
+    const h = await import(
+      /* @vite-ignore */
+      n
+    ), p = await h.FilesetResolver.forVisionTasks(r);
+    return h.FaceLandmarker.createFromOptions(p, {
+      baseOptions: { modelAssetPath: o, delegate: "GPU" },
+      runningMode: "IMAGE",
+      numFaces: 1
+    });
+  })();
+  return wn.set(d, m), m.catch(() => wn.delete(d)), m;
+}
+function Ps(n) {
+  const r = new Image();
+  return r.crossOrigin = "anonymous", r.src = n, r.decode().then(() => r);
+}
+async function Ds(n, r) {
+  if (typeof window > "u" || typeof Image > "u")
+    throw new Error("detectFaceLandmarks runs in the browser only.");
+  const {
+    viewWidth: o,
+    viewHeight: l,
+    visionModuleUrl: d = $s,
+    wasmBaseUrl: c = Fs,
+    modelAssetPath: m = Ks,
+    onStage: h
+  } = r, [p, y] = await Promise.all([
+    Ps(n),
+    Os(d, c, m, h)
+  ]);
+  h == null || h("detecting");
+  const b = y.detect(p).faceLandmarks[0];
+  if (!b || b.length === 0) return null;
+  const v = p.naturalWidth || p.width, k = p.naturalHeight || p.height, w = Math.max(o / v, l / k), L = (o - v * w) / 2, X = (l - k * w) / 2, $ = (R) => ({
+    x: L + R.x * v * w,
+    y: X + R.y * k * w
+  }), I = [];
+  for (const [R, H] of Object.entries(Zs)) {
+    let q = 0, pe = 0, re = 0;
+    for (const Ce of H) {
+      const le = b[Ce];
+      if (!le) continue;
+      const ge = $(le);
+      q += ge.x, pe += ge.y, re++;
+    }
+    re > 0 && I.push({ id: R, photo: { x: q / re, y: pe / re } });
+  }
+  return I.length >= 3 ? I : null;
+}
+const Bs = "https://cdn.jsdelivr.net/npm/onnxruntime-web@1.19.2/dist/ort.min.mjs", js = "https://cdn.jsdelivr.net/npm/onnxruntime-web@1.19.2/dist/", F = 640, Ws = [8, 16, 32], Hs = [
+  "right-eye",
+  "left-eye",
+  "nose-tip",
+  "mouth-right",
+  "mouth-left"
+], kn = /* @__PURE__ */ new Map();
+async function Vs(n, r, o, l) {
+  const d = `${n}|${r}|${o}`, c = kn.get(d);
+  if (c) return c;
+  l == null || l("loading");
+  const m = (async () => {
+    const h = await import(
+      /* @vite-ignore */
+      n
+    );
+    h.env.wasm.wasmPaths = r, h.env.wasm.numThreads = 1, h.env.logLevel = "error";
+    const p = new Uint8Array(await (await fetch(o)).arrayBuffer()), y = await h.InferenceSession.create(p, {
+      executionProviders: ["wasm"]
+    });
+    return { ort: h, session: y };
+  })();
+  return kn.set(d, m), m.catch(() => kn.delete(d)), m;
+}
+function Us(n) {
+  const r = new Image();
+  return r.crossOrigin = "anonymous", r.src = n, r.decode().then(() => r);
+}
+async function Ys() {
+  return (await import("./face_detection_yunet_2023mar-BnsRs4bD.js")).default;
+}
+function Xs(n, r) {
+  const o = r.naturalWidth || r.width, l = r.naturalHeight || r.height, d = Math.min(F / o, F / l), c = Math.round(o * d), m = Math.round(l * d), h = Math.floor((F - c) / 2), p = Math.floor((F - m) / 2), y = document.createElement("canvas");
+  y.width = F, y.height = F;
+  const S = y.getContext("2d");
+  if (!S) throw new Error("2D canvas context unavailable.");
+  S.fillRect(0, 0, F, F), S.drawImage(r, h, p, c, m);
+  const { data: b } = S.getImageData(0, 0, F, F), v = F * F, k = new Float32Array(3 * v);
+  for (let w = 0; w < v; w++)
+    k[w] = b[w * 4 + 2], k[v + w] = b[w * 4 + 1], k[2 * v + w] = b[w * 4];
+  return {
+    tensor: new n("float32", k, [1, 3, F, F]),
+    scale: d,
+    padX: h,
+    padY: p
+  };
+}
+const _r = (n) => 1 / (1 + Math.exp(-n));
+function qs(n, r) {
+  let o = !1;
+  const l = n.cls_8.data;
+  for (let c = 0; c < Math.min(l.length, 256); c++)
+    if (l[c] < 0 || l[c] > 1) {
+      o = !0;
+      break;
+    }
+  let d = null;
+  for (const c of Ws) {
+    const m = n[`cls_${c}`].data, h = n[`obj_${c}`].data, p = n[`kps_${c}`].data, y = F / c, S = F / c, b = y * S;
+    for (let v = 0; v < b; v++) {
+      let k = m[v], w = h[v];
+      o && (k = _r(k), w = _r(w)), k = Math.min(Math.max(k, 0), 1), w = Math.min(Math.max(w, 0), 1);
+      const L = Math.sqrt(k * w);
+      if (L < r || d && L <= d.score) continue;
+      const X = v % y, $ = Math.floor(v / y), I = [];
+      for (let R = 0; R < 5; R++)
+        I.push([
+          (X + p[v * 10 + 2 * R]) * c,
+          ($ + p[v * 10 + 2 * R + 1]) * c
+        ]);
+      d = { score: L, keypoints: I };
+    }
+  }
+  return d;
+}
+async function Gs(n, r) {
+  if (typeof window > "u" || typeof Image > "u")
+    throw new Error("detectFaceYuNet runs in the browser only.");
+  const {
+    viewWidth: o,
+    viewHeight: l,
+    ortModuleUrl: d = Bs,
+    ortWasmBaseUrl: c = js,
+    modelUrl: m = await Ys(),
+    scoreThreshold: h = 0.6,
+    onStage: p
+  } = r, [y, { ort: S, session: b }] = await Promise.all([
+    Us(n),
+    Vs(d, c, m, p)
+  ]);
+  p == null || p("detecting");
+  const { tensor: v, scale: k, padX: w, padY: L } = Xs(S.Tensor, y), X = await b.run({ [b.inputNames[0]]: v }), $ = qs(X, h);
+  if (!$) return null;
+  const I = y.naturalWidth || y.width, R = y.naturalHeight || y.height, H = Math.max(o / I, l / R), q = (o - I * H) / 2, pe = (l - R * H) / 2;
+  return $.keypoints.map(([re, Ce], le) => {
+    const ge = (re - w) / k, ye = (Ce - L) / k;
+    return {
+      id: Hs[le],
+      photo: {
+        x: q + ge * H,
+        y: pe + ye * H
+      }
+    };
+  });
+}
+const bn = "0 0 808 944", Cn = { x: 404, y: 472 }, jr = {
+  id: "faceContour",
+  labelKey: "faceContour",
+  d: "M688.38,439.4c-9.78,0-15.37,4.04-17.86,6.47,1.31-10.99,2.5-20.62,3.49-28.2,7.55-57.89,5.03-94.39,5.03-94.39-15.15-165.92-111.73-221.46-186.21-239.39h0s-.1-.02-.1-.02c-6.18-1.49-12.21-2.72-18.02-3.73l-.96-.2c-46.02-9.51-93.5-9.51-139.52,0l-.95.2c-5.82,1.01-11.85,2.24-18.04,3.73l-.08.02h0c-74.48,17.94-171.06,73.48-186.21,239.39,0,0-2.52,36.5,5.03,94.39,1,7.68,2.2,17.45,3.53,28.61-2.25-2.35-7.91-6.88-18.26-6.88-13.97,0-29.06,16.21-20.12,63.71,8.94,47.5,17.3,80.48,18.43,97.24,1.11,16.47,24.08,47.91,41.43,38.23.9,8.33,1.42,13.17,1.42,13.17,0,0,8.81,59.15,56.63,104.46,12.62,11.95,25.84,23.46,38.49,33.94,7.14-4.56,24-16.96,29.06-35.21.9-3.24,1.73-6.33,2.52-9.29,2.46-9.17,4.59-17.1,7.4-24.46,3.44-9.01,7.62-16.28,13.25-23.04-47.54-46.57-49.82-89.3-48.75-104.93-21.75-2.47-38.06-19.4-47.37-49.37-7.27-23.39-7.77-46.39-7.79-47.36-.02-1.34.43-2.57,1.21-3.54-.47-2.21-.65-3.58-.67-3.77-.28-2.23.97-4.38,3.05-5.24.34-.14.69-.23,1.04-.29.47-3.26,2.23-10.86,8.8-18.21,10.82-12.11,28.95-17.92,53.93-17.22,41.5,1.13,55.11,17.49,59.58,28.15,1.45.85,2.49,2.34,2.68,4.14,0,.05.02.21.05.45.22.48.36,1,.42,1.56.04.41.34,3.71.16,8.68.17,6.11.1,14.39-.75,23.68-.27,2.9-.6,5.73-.98,8.49,4.1-9.94,7.68-20.29,11.15-30.32l.31-.89-10.84-54.18c-2.15-3.39-8.76-12.5-21.75-19.51-21.63-11.68-51.16-12.3-85.4-1.8-2.58.79-5.32-.61-6.19-3.16l-53.03-154.45c-.88-1.09-1.31-2.52-1.05-4.01.26-1.43,6.68-35.35,39.46-69.52,19.15-19.96,43.37-35.84,72.01-47.21,35.3-14.02,77.45-21.18,125.28-21.27h0s.98,0,.98,0c47.83.1,89.98,7.25,125.28,21.27,28.63,11.37,52.86,27.26,72.01,47.21,30.62,31.92,38.24,63.61,39.32,68.82.29.8.42,1.35.47,1.59.17.87.11,1.77-.17,2.61l-53.21,154.96c-.88,2.55-3.62,3.95-6.19,3.16-34.24-10.5-63.77-9.88-85.4,1.8-11.42,6.17-17.92,13.96-20.78,18.06l-11.25,56.25.04.11c2.95,8.52,5.98,17.28,9.34,25.81-.14-1.26-.28-2.53-.4-3.82-.53-5.79-.75-11.19-.81-15.92-1.11-9.09-.51-15.85-.45-16.44.11-1.1.59-2.08,1.3-2.85.19-.72.52-1.37.96-1.94,3.86-10.54,16.77-28.3,60.04-29.48,24.93-.69,43.04,5.1,53.85,17.2,6.53,7.3,8.3,14.85,8.78,18.13.53.04,1.05.16,1.56.37,2.08.86,3.32,3.01,3.05,5.24-.02.14-.12.93-.37,2.25,1.7.96,2.84,2.8,2.8,4.89-.02.97-.52,23.97-7.79,47.36-8.99,28.91-24.49,45.69-45.11,49.05,1.16,15.29-.68,58.78-49.42,106.1,5.35,6.56,9.36,13.63,12.68,22.33,2.81,7.36,4.94,15.28,7.4,24.45.79,2.96,1.62,6.05,2.52,9.29,5.07,18.28,21.97,30.69,29.09,35.23,12.65-10.48,25.88-21.99,38.5-33.95,47.82-45.31,56.63-104.46,56.63-104.46,0,0,.51-4.77,1.4-13,17.31,9.1,39.99-22.04,41.09-38.41,1.13-16.77,9.49-49.74,18.43-97.24,8.94-47.5-6.15-63.71-20.12-63.71Z"
+}, Js = [
+  {
+    id: "lateralNeckRight",
+    labelKey: "lateralNeckRight",
+    d: "M234.37,783.6s32.84,133.08,163.93,137.04v-48.41s-103.52,3.15-163.93-88.63Z",
+    cx: 316,
+    cy: 852,
+    side: "right"
+  },
+  {
+    id: "lateralNeckLeft",
+    labelKey: "lateralNeckLeft",
+    d: "M572.98,783.6s-32.84,133.08-163.93,137.04v-48.41s103.52,3.15,163.93-88.63Z",
+    cx: 491,
+    cy: 852,
+    side: "left"
+  },
+  {
+    id: "forehead",
+    labelKey: "forehead",
+    d: "M404,206.87s-.1,0-.14,0h-1.06s-.09,0-.14,0c-193.61.2-222.63,42.82-226.18,50.14l51.08,148.75c44.34-12.51,72.83-4.7,89.09,4.28,11.9,6.57,19.12,14.63,22.86,19.75,9.12-6.42,21.26-11.05,36.17-13.79,13.2-2.43,24.31-2.56,27.4-2.54.05,0,.1,0,.16,0h.04s.07,0,.11,0h.04c.2,0,.4,0,.64,0,3.65,0,14.33.22,26.92,2.54,14.91,2.74,27.05,7.37,36.17,13.79,3.74-5.12,10.96-13.18,22.86-19.75,16.26-8.98,44.75-16.79,89.09-4.28l51.08-148.75c-3.54-7.32-32.57-49.94-226.18-50.14Z",
+    cx: 403,
+    cy: 318,
+    side: "midline"
+  },
+  {
+    id: "glabella",
+    labelKey: "glabella",
+    d: "M403.28,472.75s.03,0,.04,0c.11,0,.22,0,.34,0,.11,0,.22,0,.34,0,.02,0,.03,0,.04,0,28.06.09,43.26,5.62,51.09,10.26l8.65-43.23c-19.58-15.79-54.78-16.31-59.89-16.33-.13,0-.27,0-.4,0h-.16s-.16,0-.16,0c-.13,0-.27,0-.4,0-5.09-.02-39.63.51-59.32,15.85l8.74,43.71c7.83-4.64,23.03-10.17,51.09-10.26Z",
+    cx: 404,
+    cy: 453,
+    side: "midline"
+  },
+  {
+    id: "nasalBase",
+    labelKey: "nasalBase",
+    d: "M403.9,608.63c-.19.02-.38.06-.58.06-34.25,0-47.76,9.72-52.65,15.19-.02.21-.05.42-.1.62,10.07,8.84,28.11,13.48,52.75,13.48.15,0,.29.03.43.04.15-.01.29-.04.43-.04,24.98,0,43.18-4.76,53.17-13.83-4.69-5.41-18.09-15.46-52.89-15.46-.2,0-.38-.04-.58-.06Z",
+    cx: 404,
+    cy: 623,
+    side: "midline"
+  },
+  {
+    id: "nasolabialFold",
+    labelKey: "nasolabialFold",
+    d: "M347.77,580.98c-2.28,3.78-4.09,6.76-5.04,9.96-1.38,4.58-3.68,15.46,1.36,25.35,7.25-7.51,23.63-17.61,59.24-17.61.2,0,.38.04.58.06.19-.02.38-.06.58-.06,35.31,0,51.71,9.93,59.05,17.42,4.92-9.84,2.63-20.61,1.27-25.17-.96-3.19-2.76-6.18-5.04-9.96-5.23-8.65-12.39-20.5-14.97-45.03-2.34-22.26,2.15-36.18,6.11-43.75-5.65-3.61-19.1-9.4-47.23-9.45-27.9.05-41.36,5.75-47.09,9.36,3.98,7.55,8.51,21.49,6.16,43.84-2.58,24.53-9.74,36.38-14.97,45.03Z",
+    cx: 404,
+    cy: 550,
+    side: "midline"
+  },
+  {
+    id: "medialCheekboneRight",
+    labelKey: "medialCheekboneRight",
+    d: "M310.99,528.29c6.75-7.41,10.08-16.87,11.7-25.19-.55.67-1.13,1.34-1.73,2.02-11.93,13.41-27.69,20.63-45.58,20.88-24.57.33-43.87-10.86-55.92-20.57,6.83,15.71,22.29,36.28,56.41,36.28,15.2,0,27.02-4.51,35.12-13.42Z",
+    cx: 271,
+    cy: 522,
+    side: "right"
+  },
+  {
+    id: "medialCheekboneLeft",
+    labelKey: "medialCheekboneLeft",
+    d: "M529.65,526c-17.89-.25-33.66-7.47-45.58-20.88-.48-.54-.94-1.08-1.39-1.62.02.49.04.99.06,1.49,1.74,7.84,5.06,16.45,11.3,23.3,8.11,8.9,19.92,13.42,35.12,13.42,34.11,0,49.57-20.57,56.41-36.28-12.05,9.71-31.35,20.9-55.92,20.57Z",
+    cx: 534,
+    cy: 523,
+    side: "left"
+  },
+  {
+    id: "lateralCheekLeft",
+    labelKey: "lateralCheekLeft",
+    d: "M540.15,593.37c-18.18-.45-32.31-6.73-43.63-16.5-1.18-.24-2.29-.88-3.12-1.88-1.11-1.34-2.16-2.75-3.18-4.2-15.93-17.11-25.66-41.5-33.74-64.38-1.86,6.64-3.07,15.9-1.75,28.49,2.35,22.31,8.58,32.62,13.58,40.91,2.44,4.04,4.74,7.85,6.06,12.26,1.9,6.35,5.16,22.19-4,36.16,7.6,9.08,23.47,31.53,26.94,63.94,25.78-26.28,36.07-50.77,40.13-67.19,3.11-12.6,3.1-22.36,2.72-27.61Z",
+    cx: 497,
+    cy: 597,
+    side: "left"
+  },
+  {
+    id: "lateralCheekRight",
+    labelKey: "lateralCheekRight",
+    d: "M350.8,505.59c-14.12,40.11-33.1,85.3-81.73,87.86-.37,5.26-.37,15,2.72,27.53,4.02,16.29,14.18,40.52,39.5,66.55,3.52-31.28,18.56-53.18,26.31-62.61-9.73-14.13-6.4-30.4-4.46-36.85,1.32-4.41,3.62-8.22,6.06-12.26,5-8.29,11.23-18.6,13.58-40.91,1.38-13.12,0-22.63-1.99-29.32Z",
+    cx: 311,
+    cy: 597,
+    side: "right"
+  },
+  {
+    id: "zygomaticArchRight",
+    labelKey: "zygomaticArchRight",
+    d: "M319.21,534.06c-.26.3-.51.61-.78.91-10.08,11.1-24.4,16.73-42.56,16.73-30.94,0-48.47-15.12-58-28.84,4.69,25.35,16.61,59.69,46.82,59.69,16.21,0,28.81-5.46,38.96-14.31.06-.09.11-.18.18-.26,7.83-9.48,12.57-21.69,15.39-33.93Z",
+    cx: 269,
+    cy: 553,
+    side: "right"
+  },
+  {
+    id: "zygomaticArchLeft",
+    labelKey: "zygomaticArchLeft",
+    d: "M542.24,582.4c31.74,0,43.29-37.91,47.48-63.47-.28.46-.57.93-.86,1.4-9.09,14.32-26.82,31.38-59.69,31.38-18.08,0-32.36-5.59-42.43-16.6,2.41,10.07,6.15,20.06,11.85,28.48,10.9,11.46,24.85,18.81,43.65,18.81Z",
+    cx: 538,
+    cy: 551,
+    side: "left"
+  },
+  {
+    id: "upperForehead",
+    labelKey: "upperForehead",
+    d: "M524.46,147.46c-34.16-13.49-75.08-20.35-121.64-20.4-46.56.05-87.49,6.91-121.64,20.4-27.26,10.76-50.3,25.76-68.48,44.56-15.39,15.91-24.67,31.94-30.13,44.09,4.92-3.6,11.3-7.4,19.61-11.17,40.86-18.52,108.25-27.96,200.32-28.07.05,0,.11,0,.16,0h.68s.68,0,.68,0c.05,0,.11,0,.16,0,92.07.1,159.46,9.55,200.32,28.07,7.48,3.39,13.39,6.81,18.08,10.08-5.52-12-14.69-27.55-29.63-43-18.18-18.8-41.22-33.79-68.48-44.56Z",
+    cx: 403,
+    cy: 182,
+    side: "midline"
+  },
+  {
+    id: "marionetteLines",
+    labelKey: "marionetteLines",
+    d: "M344.66,676.82c23.78-8.45,44.18-6.91,59.31,4.4,15.13-11.32,35.54-12.87,59.33-4.41,9.61,3.41,17.99,7.81,23.93,11.32-3.32-27.6-16.56-47.44-23.55-56.2-11.99,10.66-31.94,16.05-59.49,16.05-.15,0-.29-.03-.43-.04-.15.01-.29.04-.43.04-27.09,0-46.83-5.21-58.88-15.52-7.05,8.98-19.76,28.44-23.08,55.31,5.9-3.44,14.03-7.65,23.29-10.94Z",
+    cx: 404,
+    cy: 660,
+    side: "midline"
+  },
+  {
+    id: "lowerLip",
+    labelKey: "lowerLip",
+    d: "M487.84,709.63c-4.92,5.03-11.64,11.3-19.65,17.27-17.67,13.18-35.13,19.92-51.28,19.92-4.52,0-8.94-.53-13.23-1.6-4.29,1.06-8.71,1.6-13.23,1.6-16.15,0-33.61-6.74-51.28-19.92-7.36-5.49-13.63-11.23-18.42-16.03,1.76,38.11,15.57,71.15,82.56,71.15.33,0,.64.04.95.1.31-.06.62-.1.95-.1,67.72,0,81.09-33.76,82.62-72.39Z",
+    cx: 404,
+    cy: 746,
+    side: "midline"
+  },
+  {
+    id: "lipCommissures",
+    labelKey: "lipCommissures",
+    d: "M407.45,691.27c-.9.8-2.02,1.19-3.13,1.23-1.34.13-2.72-.26-3.8-1.22-22.23-19.67-55.63-5.3-72.53,4.24,11.5,1.38,25.87,2.57,31.61,1.13,6.72-1.68,12.32.35,18.25,2.5,6.08,2.2,13.64,4.94,25.48,4.98,11.85-.04,19.41-2.78,25.48-4.98,5.93-2.15,11.53-4.18,18.25-2.5,5.93,1.48,21.03.17,32.69-1.26-16.96-9.54-50.17-23.72-72.31-4.13Z",
+    cx: 404,
+    cy: 688,
+    side: "midline"
+  },
+  {
+    id: "upperLip",
+    labelKey: "upperLip",
+    d: "M444.65,706.36c-3.59-.9-6.73.14-12.42,2.2-6.4,2.32-15.13,5.47-28.52,5.57-.03,0-.06,0-.09,0-.09,0-.18,0-.28,0-.09,0-.18,0-.28,0-.03,0-.06,0-.09,0-13.39-.1-22.12-3.25-28.52-5.57-5.69-2.06-8.83-3.1-12.42-2.2-6.87,1.72-20.85.72-32.07-.53,15.47,14.96,44.16,37.13,72.34,29.42.46-.13.93-.16,1.39-.15.46,0,.93.03,1.4.15,28.22,7.72,56.98-14.55,72.43-29.5-11.35,1.29-25.82,2.37-32.86.61Z",
+    cx: 404,
+    cy: 724,
+    side: "midline"
+  },
+  {
+    id: "submental",
+    labelKey: "submental",
+    d: "M402.47,796.81c-31.67.12-55.93,8.97-72.11,26.31-5.47,5.87-9.06,11.79-11.35,16.53.85.63,1.68,1.27,2.5,1.95,4.99,4.16,26.68,19.07,81.31,19.07s76.32-14.91,81.31-19.07c.65-.54,1.31-1.06,1.98-1.57-2.28-4.8-5.91-10.88-11.53-16.91-16.17-17.35-40.44-26.19-72.11-26.31Z",
+    cx: 403,
+    cy: 829,
+    side: "midline"
+  },
+  {
+    id: "mandibularAngleLeft",
+    labelKey: "mandibularAngleLeft",
+    d: "M514.03,757.42c-.91-3.27-1.74-6.39-2.54-9.37-2.39-8.91-4.46-16.6-7.08-23.48-1.84-4.83-3.93-9.07-6.37-12.99-1.26,23.6-6.85,40.74-17.31,53.43-10.17,12.33-24.87,20.32-44.53,24.16,17.13,3.95,34.7,11.85,48.39,26.79,5.59,6.1,9.46,12.22,12.09,17.4,10.43-7.53,28.1-20.6,47.98-36.72-9.19-6.29-25.19-19.64-30.61-39.21Z",
+    cx: 490,
+    cy: 772,
+    side: "left"
+  },
+  {
+    id: "mandibularAngleRight",
+    labelKey: "mandibularAngleRight",
+    d: "M372.3,789.03c-19.33-3.89-33.81-11.84-43.86-24.02-10.59-12.83-16.18-30.24-17.35-54.26-2.69,4.15-4.95,8.66-6.92,13.84-2.63,6.88-4.69,14.57-7.08,23.48-.8,2.98-1.64,6.1-2.54,9.37-5.42,19.55-21.39,32.89-30.58,39.19,19.56,15.86,36.98,28.78,47.47,36.36,2.63-5.1,6.44-11.07,11.9-17.03,13.85-15.11,31.67-23.02,48.98-26.92Z",
+    cx: 318,
+    cy: 772,
+    side: "right"
+  },
+  {
+    id: "eyelidRight",
+    labelKey: "eyelidRight",
+    d: "M270.93,458.23c-50.38-1.36-52.57,26.33-52.64,27.51-.08,1.39-.72,2.61-1.69,3.46,7.87,8.21,29.3,27.23,58.63,26.79,29.72-.41,43.34-22.6,47.54-31.28-.03-.39-.05-.75-.07-1.07-1.34-6.07-8.94-24.24-51.76-25.41Z",
+    cx: 270,
+    cy: 487,
+    side: "right"
+  },
+  {
+    id: "eyelidLeft",
+    labelKey: "eyelidLeft",
+    d: "M586.21,485.71c-.08-1.27-2.3-28.82-52.55-27.45-36.35.99-47.27,14.25-50.55,21.95.08.48.1.98.05,1.49-.01.11-.16,1.63-.31,4.22,4.82,9.37,18.52,29.69,46.94,30.08,29.04.43,50.34-18.21,58.4-26.55-1.13-.87-1.91-2.2-1.98-3.73Z",
+    cx: 536,
+    cy: 487,
+    side: "left"
+  }
+], Qs = [
+  { id: "right-eye", labelKey: "rightEye", x: 268, y: 487 },
+  { id: "left-eye", labelKey: "leftEye", x: 535, y: 487 },
+  { id: "nose-tip", labelKey: "noseTip", x: 403, y: 620 },
+  { id: "chin", labelKey: "chin", x: 404, y: 858 }
+], Wr = [
+  {
+    id: "cheekbone",
+    labelKey: "cheekbone",
+    d: "M587.86 415.87C586.01 408.8 583.79 409.02 576.91 410.15C573.08 410.38 567.86 410.32 561.24 408.36C547.07 403.39 488.66 358.5 465.97 345.98C436.12 334.42 407.31 328.09 390.38 326.48C395.19 331.07 399.27 338.58 388.69 345.72C397.48 346.49 408.73 348.34 421.39 351.61C467.3 374.36 523.12 420.78 541.55 435.68C550.62 443.21 555.39 449.39 559.11 454.28C564.66 461.73 567.89 466.16 579.26 467.46C583.31 467.67 586.22 465.29 588.19 460.34C591.18 452.28 592.1 431.43 587.86 415.88Z",
+    cx: 490,
+    cy: 397
+  },
+  {
+    id: "profileContour",
+    labelKey: "profileContour",
+    d: "M657.04 427.15C645.32 417.42 612.92 377.67 608.47 342.76C610.05 315.91 614.77 299.37 606.91 241.79C600.19 175.54 556.62 116.74 420.63 130.08C253.44 160.79 152.79 273.93 132.98 380.57C116.36 516.03 182.43 589.12 182.43 589.12L226.57 641.41C234.86 650.15 249.78 644.43 261.09 627.35L321.54 525.13C328.57 512.58 325.7 495.54 318.17 493.61C294.63 488.83 257.86 468.83 262.84 409.94C267.69 380.06 284 357.04 302.38 340.78C330.2 319.79 367.62 311.97 382.74 320.74C382.87 320.84 382.94 320.94 382.99 321.04C388.82 321.28 405.44 322.73 426.75 326.43C424.09 323.46 422.53 319.98 422.13 315.98C421.41 309.9 423.49 304.51 423.88 303.54C426.23 284.75 477.87 242.7 506.61 211.31L506.84 210.99C508.32 208.89 511.62 207.65 515.45 207.77C519.23 207.92 522.88 209.42 524.98 211.72L567.11 326.31C568.13 330.65 567.2 335.05 564.76 336.69C563.35 337.54 561.24 339.5 558.91 342.14C559.06 342.41 559.15 342.57 559.15 342.57L573.97 372.38C575.71 369.67 578.22 365.84 581.33 362.37C585.49 356.14 590.79 348.98 597.61 352.24C598.15 352.43 598.76 354.7 598.84 357.08C598.91 358.84 598.59 359.88 598.14 359.69C597.37 359.38 596.65 359.2 595.96 359.12C597.33 369.53 600.96 398.18 595.38 398C588.92 397.38 587.72 374.56 588.46 362.31C586.69 363.79 584.85 365.85 582.96 368.5C580.04 371.85 577.73 375.59 576.26 377.97L577.27 380.55C577.56 381.29 577.66 382.22 577.55 383.11C577.43 384 577.11 384.76 576.66 385.24L553.04 396.96C558.13 400.5 560.86 401.88 562.35 402.34C568.32 404.04 572.97 404.02 576.7 403.74C583.09 402.53 587.8 400.9 590.94 412.75C594.16 424.28 596.78 449.29 591.87 464.27C589.18 471.56 584.78 475.46 579.05 475.22C575.99 474.97 573.36 474.4 571.04 473.57C567.75 472.35 565.15 470.69 562.9 468.71C562.88 472.1 562.76 476.4 562.38 481.46C567.8 483.15 578.56 487.63 584.78 500.94C588.58 509.77 589.68 521.45 587.53 535.74C590.03 539.27 597.49 548.85 608.32 547.11C615.16 544.28 621.37 543.88 625.6 545.18C627.13 536.84 628.35 525.82 627.96 516.71C626.08 501.81 623.74 494.92 625.48 485.82C627.82 477.03 640.49 466.24 651.72 451.57C662.37 438.81 663.39 438.52 657.07 427.15Z",
+    cx: 390,
+    cy: 383
+  },
+  {
+    id: "temple",
+    labelKey: "temple",
+    d: "M551.29 339.27C551.73 338.72 552.17 338.34 552.62 338.11C556.19 334.28 559.65 331.21 562.14 329.85C562.68 329.54 562.9 328.65 562.67 327.75L518.07 213.95C517.55 213.37 516.78 213.26 516.36 213.24C515.95 213.22 515.19 213.27 514.81 213.81L514.57 214.13C507.63 223.01 490.31 241.35 473.08 259.55C456.86 274.15 435.38 293.06 434.06 303.22L434.04 303.36L433.97 303.51C433.88 303.72 424.42 324.26 448.09 332.54C448.37 332.66 448.62 332.79 448.84 332.93C456.22 335.74 463.82 338.97 471.46 342.54C502.66 360.75 523.25 375.04 536.66 384.85C535.73 382.31 534.95 379.47 534.57 376.45C533.66 370.15 534.7 364.78 536.86 360.11C539.61 349.89 545.41 345.33 549.41 341.41C549.46 341.36 549.51 341.3 549.56 341.25C550.19 340.57 550.77 339.92 551.29 339.26Z",
+    cx: 494,
+    cy: 299
+  },
+  {
+    id: "preauricularArea",
+    labelKey: "preauricularArea",
+    d: "M399.04 423.47C400.19 426.46 399.28 429.83 397.03 431.07L421.24 493.26C429.33 496.6 440.56 504.27 451.47 519.28C455.98 526.45 460.47 535.45 464.49 546.37C473.34 527.06 479.06 492.31 479.5 447.01C480.52 417.95 479.02 394.87 478.75 390.28C457.75 375.55 435.02 362.96 415.32 355.59C403.76 352.86 393.4 351.38 385.05 350.82C383.53 355.04 382.54 362.85 384.93 378.19C389.1 396.84 398.92 423.16 399.04 423.46Z",
+    cx: 432,
+    cy: 449
+  },
+  {
+    id: "mandibularBody",
+    labelKey: "mandibularBody",
+    d: "M448.9 529.33C441.36 518.39 433.39 511.79 426.69 508.14L444.05 565.22L444.11 565.55C444.61 568.53 446.18 612.75 465.58 621.58C467.31 622.11 469.2 622.59 471.21 623.04C472.27 587.41 463.32 555.13 448.9 529.33Z",
+    cx: 449,
+    cy: 566
+  },
+  {
+    id: "submentalProfile",
+    labelKey: "submentalProfile",
+    d: "M499.51 624.48C500.22 624.28 501.01 624.05 501.85 623.78C506.95 622.1 508.34 617.25 499.33 608.72C499.3 608.71 499.28 608.69 499.25 608.67C498.87 608.43 498.48 608.2 498.08 607.95C489.61 603.09 481.6 597.71 477.16 594.66C477.83 603.57 477.42 613.28 475.61 623.94C494.7 628.41 483.66 636.08 483.66 636.08C483.66 636.08 476.69 649.28 527.7 627.3C518.99 627.63 510.52 627.34 503.56 626.55C496.4 626.16 495.89 625.71 499.5 624.48Z",
+    cx: 502,
+    cy: 622
+  },
+  {
+    id: "masseter",
+    labelKey: "masseter",
+    d: "M554.71 459.19C550.92 454.22 546.49 448.51 537.91 441.39C528.42 433.63 510.52 417.13 488.4 397.93C489.3 421.03 491.75 514.66 467.63 555.34C470.6 563.87 473.34 573.19 475.46 583.39C476.18 582.97 476.93 582.94 477.54 583.4C477.77 583.56 487.55 590.84 499.76 598.04C530.58 563.84 546.09 529.73 552.28 505.65C557.13 483.51 556.81 466.48 556.58 461.68C555.96 460.87 555.34 460.04 554.7 459.2Z",
+    cx: 512,
+    cy: 498
+  },
+  {
+    id: "cheek",
+    labelKey: "cheek",
+    d: "M503.7 600.29L503.69 600.76C506.68 599.48 519.15 594.49 532.76 586.74C551.63 579.2 568.84 567.08 579.23 546.08C584.39 529.37 584.46 515.84 580.48 506.25C575.46 495.21 566.3 491.13 561.55 489.57C560.86 495.06 559.83 501.15 558.34 507.68C551.78 532.36 535.25 566.52 503.69 600.3Z",
+    cx: 544,
+    cy: 545
+  },
+  {
+    id: "chin",
+    labelKey: "chin",
+    d: "M622.37 557.72C618.53 556.38 613.08 555.94 606.76 557.59C595.83 558.3 588.65 550.46 584.99 545.44C584.69 546.34 584.38 547.24 584.03 548.15C571.22 572.11 550.01 585.32 530.6 593C522.53 597.65 514.89 601.46 509.24 604.26C515.21 610.11 514.33 615.81 510.02 618.18C502.34 623.58 523.79 624.61 543.95 623.09C547.34 622.17 550.83 621.19 554.45 620.12L594.99 602.7L595.21 602.54C596.13 601.8 602.57 595.37 608.29 593.49C613.07 590.42 621.01 568.35 622.15 559.26C622.19 558.76 622.27 558.26 622.36 557.75Z",
+    cx: 562,
+    cy: 585
+  },
+  {
+    id: "browTail",
+    labelKey: "browTail",
+    d: "M555.64 346.57C555.64 346.57 530.25 360.36 547.29 391.38L572.95 381.28L555.64 346.57Z",
+    cx: 552,
+    cy: 369
+  }
+], Er = Wr.find((n) => n.id === "profileContour") ?? jr, zr = Wr.filter(
+  (n) => n.id !== "profileContour"
+).map((n) => ({
+  id: n.id,
+  labelKey: n.labelKey,
+  d: n.d,
+  cx: n.cx ?? 0,
+  cy: n.cy ?? 0,
+  side: n.side ?? "midline"
+})), Lr = [
+  { id: "eye", labelKey: "eye", x: 561, y: 374 },
+  { id: "nose-tip", labelKey: "noseTip", x: 668, y: 432 },
+  { id: "mouth", labelKey: "mouth", x: 592, y: 532 }
+], Sn = {
+  front: {
+    id: "front",
+    labelKey: "front",
+    viewBox: bn,
+    schematicViewBox: "152 103 502 842",
+    meshContentBox: { x: 176, y: 127, width: 454, height: 794 },
+    pivot: Cn,
+    contour: jr,
+    // The generator guarantees every clickable zone carries cx/cy/side.
+    zones: Js,
+    landmarks: Qs
+  },
+  // The reshaped profile zones face +x; the right profile is the same mesh
+  // mirrored. Both fit on the eye/nose-tip/mouth anchors — auto-detect and manual
+  // drag/sliders all work; the right profile mirrors the fit at render time.
+  "profile-left": {
+    id: "profile-left",
+    labelKey: "profileLeft",
+    viewBox: bn,
+    schematicViewBox: "359 189 287 475",
+    meshContentBox: { x: 383, y: 213, width: 239, height: 427 },
+    pivot: Cn,
+    contour: Er,
+    zones: zr,
+    landmarks: Lr
+  },
+  "profile-right": {
+    id: "profile-right",
+    labelKey: "profileRight",
+    viewBox: bn,
+    schematicViewBox: "162 189 287 475",
+    meshContentBox: { x: 383, y: 213, width: 239, height: 427 },
+    pivot: Cn,
+    contour: Er,
+    zones: zr,
+    landmarks: Lr,
+    mirror: !0
+  }
+}, eo = [
+  "front",
+  "profile-left",
+  "profile-right"
+], Rr = [
+  "observation",
+  "treatment",
+  "concern",
+  "note"
+], _t = {
+  observation: { shape: "circle", tone: "info" },
+  treatment: { shape: "square", tone: "success" },
+  concern: { shape: "triangle", tone: "warning" },
+  note: { shape: "diamond", tone: "neutral" }
+}, to = [
+  "marker",
+  "pen",
+  "highlighter",
+  "arrow",
+  "line",
+  "rect",
+  "ellipse",
+  "text"
+], sa = {
+  marker: "marker",
+  pen: "pen",
+  highlighter: "highlighter",
+  arrow: "arrow",
+  line: "line",
+  rect: "rect",
+  ellipse: "ellipse",
+  text: "text"
+};
+function oa(n) {
+  return n === "arrow" || n === "line" || n === "rect" || n === "ellipse";
+}
+function aa(n) {
+  return n === "pen" || n === "highlighter";
+}
+function ca(n) {
+  return n === "marker" || n === "text";
+}
+function Hr(n) {
+  if (n.length === 0) return "";
+  const r = n[0];
+  if (n.length === 1)
+    return `M ${r.x} ${r.y} L ${r.x + 0.01} ${r.y}`;
+  let o = `M ${r.x} ${r.y}`;
+  for (let l = 1; l < n.length; l++) {
+    const d = n[l];
+    o += ` L ${d.x} ${d.y}`;
+  }
+  return o;
+}
+function Nn(n, r, o) {
+  switch (n) {
+    case "line":
+    case "arrow":
+      return `M ${r.x} ${r.y} L ${o.x} ${o.y}`;
+    case "rect": {
+      const l = Math.min(r.x, o.x), d = Math.min(r.y, o.y), c = Math.abs(o.x - r.x), m = Math.abs(o.y - r.y);
+      return `M ${l} ${d} h ${c} v ${m} h ${-c} Z`;
+    }
+    case "ellipse": {
+      const l = (r.x + o.x) / 2, d = (r.y + o.y) / 2, c = Math.abs(o.x - r.x) / 2, m = Math.abs(o.y - r.y) / 2;
+      return c === 0 || m === 0 ? `M ${r.x} ${r.y} L ${o.x} ${o.y}` : `M ${l - c} ${d} a ${c} ${m} 0 1 0 ${2 * c} 0 a ${c} ${m} 0 1 0 ${-2 * c} 0 Z`;
+    }
+  }
+}
+function no(n, r, o = 16) {
+  const l = r.x - n.x, d = r.y - n.y, c = Math.hypot(l, d) || 1, m = l / c, h = d / c, p = 0.5, y = Math.cos(p), S = Math.sin(p), b = r.x - o * (m * y - h * S), v = r.y - o * (h * y + m * S), k = r.x - o * (m * y + h * S), w = r.y - o * (h * y - m * S);
+  return `M ${r.x} ${r.y} L ${b} ${v} M ${r.x} ${r.y} L ${k} ${w}`;
+}
+function ro(n) {
+  switch (n.kind) {
+    case "marker":
+    case "text":
+      return { x: n.x, y: n.y, width: 0, height: 0 };
+    case "pen":
+    case "highlighter": {
+      if (n.points.length === 0) return { x: 0, y: 0, width: 0, height: 0 };
+      let r = 1 / 0, o = 1 / 0, l = -1 / 0, d = -1 / 0;
+      for (const c of n.points)
+        c.x < r && (r = c.x), c.y < o && (o = c.y), c.x > l && (l = c.x), c.y > d && (d = c.y);
+      return { x: r, y: o, width: l - r, height: d - o };
+    }
+    default: {
+      const r = Math.min(n.from.x, n.to.x), o = Math.min(n.from.y, n.to.y), l = Math.max(n.from.x, n.to.x), d = Math.max(n.from.y, n.to.y);
+      return { x: r, y: o, width: l - r, height: d - o };
+    }
+  }
+}
+function io(n) {
+  switch (n.kind) {
+    case "marker":
+    case "text":
+      return { x: n.x, y: n.y };
+    case "pen":
+    case "highlighter": {
+      if (n.points.length === 0) return { x: 0, y: 0 };
+      let r = 1 / 0, o = 1 / 0, l = -1 / 0, d = -1 / 0;
+      for (const c of n.points)
+        c.x < r && (r = c.x), c.y < o && (o = c.y), c.x > l && (l = c.x), c.y > d && (d = c.y);
+      return { x: (r + l) / 2, y: (o + d) / 2 };
+    }
+    default:
+      return { x: (n.from.x + n.to.x) / 2, y: (n.from.y + n.to.y) / 2 };
+  }
+}
+const so = 28, Mn = 26;
+function oo(n, r = 30) {
+  switch (n.kind) {
+    case "marker":
+      return { type: "circle", cx: n.x, cy: n.y, r: Mn };
+    case "pen":
+    case "highlighter":
+      return { type: "stroke", d: Hr(n.points) };
+    case "arrow":
+    case "line":
+    case "rect":
+    case "ellipse":
+      return { type: "stroke", d: Nn(n.kind, n.from, n.to) };
+    case "text": {
+      const o = Math.max(60, n.text.length * r * 0.62);
+      return {
+        type: "rect",
+        x: n.x - Mn,
+        y: n.y - r * 1.2,
+        width: o + Mn,
+        height: r * 1.7
+      };
+    }
+  }
+}
+const De = [1, 0, 0, 1, 0, 0];
+function Et(n) {
+  return `matrix(${n[0]} ${n[1]} ${n[2]} ${n[3]} ${n[4]} ${n[5]})`;
+}
+function rt(n, r) {
+  return {
+    x: n[0] * r.x + n[2] * r.y + n[4],
+    y: n[1] * r.x + n[3] * r.y + n[5]
+  };
+}
+function ao(n) {
+  const r = n[0] * n[3] - n[1] * n[2], o = n[3] / r, l = -n[1] / r, d = -n[2] / r, c = n[0] / r;
+  return [o, l, d, c, -(o * n[4] + d * n[5]), -(l * n[4] + c * n[5])];
+}
+const co = 0.84;
+function $r(n, r, o, l = {}) {
+  const d = `0 0 ${o.width} ${o.height}`, c = l.fraction ?? co;
+  if (c <= 0 || c > 1) return d;
+  const m = [
+    { x: n.x, y: n.y },
+    { x: n.x + n.width, y: n.y },
+    { x: n.x, y: n.y + n.height },
+    { x: n.x + n.width, y: n.y + n.height }
+  ].map((I) => rt(r, I));
+  let h = 1 / 0, p = 1 / 0, y = -1 / 0, S = -1 / 0;
+  for (const I of m)
+    h = Math.min(h, I.x), p = Math.min(p, I.y), y = Math.max(y, I.x), S = Math.max(S, I.y);
+  if (l.mirror) {
+    const I = o.width - y;
+    y = o.width - h, h = I;
+  }
+  const b = y - h, v = S - p;
+  if (!Number.isFinite(h + p + b + v) || b <= 0 || v <= 0)
+    return d;
+  const k = o.width / o.height, w = Math.max(v / c, b / c / k), L = w * k;
+  if (L > o.width || w > o.height) return d;
+  const X = Math.min(Math.max(h + b / 2 - L / 2, 0), o.width - L), $ = Math.min(Math.max(p + v / 2 - w / 2, 0), o.height - w);
+  return `${Math.round(X)} ${Math.round($)} ${Math.round(L)} ${Math.round(w)}`;
+}
+const lo = 1, Vr = 8, it = { k: 1, fx: 0.5, fy: 0.5 }, Be = (n) => Math.min(Math.max(n, 0), 1);
+function zt(n) {
+  const [r = 0, o = 0, l = 0, d = 0] = n.split(/\s+/).map(Number);
+  return { x: r, y: o, width: l, height: d };
+}
+function uo(n) {
+  return `${Math.round(n.x)} ${Math.round(n.y)} ${Math.round(n.width)} ${Math.round(n.height)}`;
+}
+function st(n, r) {
+  if (r.k <= 1) return n;
+  const o = n.width / r.k, l = n.height / r.k;
+  return {
+    x: n.x + r.fx * (n.width - o),
+    y: n.y + r.fy * (n.height - l),
+    width: o,
+    height: l
+  };
+}
+function Fr(n, r, o, l) {
+  const d = Math.min(Math.max(r.k * l, lo), Vr);
+  if (d <= 1) return it;
+  if (d === r.k || !Number.isFinite(d)) return r;
+  const c = st(n, r), m = n.width / d, h = n.height / d, p = c.width > 0 ? Be((o.x - c.x) / c.width) : 0.5, y = c.height > 0 ? Be((o.y - c.y) / c.height) : 0.5, S = o.x - p * m, b = o.y - y * h, v = n.width - m, k = n.height - h;
+  return {
+    k: d,
+    fx: v > 0 ? Be((S - n.x) / v) : 0.5,
+    fy: k > 0 ? Be((b - n.y) / k) : 0.5
+  };
+}
+function fo(n, r, o, l) {
+  if (r.k <= 1) return r;
+  const d = st(n, r), c = n.width - d.width, m = n.height - d.height;
+  return {
+    k: r.k,
+    fx: c > 0 ? Be((d.x - o - n.x) / c) : 0.5,
+    fy: m > 0 ? Be((d.y - l - n.y) / m) : 0.5
+  };
+}
+const Ft = Math.PI / 180;
+function ho(n, r) {
+  const o = n.rotation * Ft, l = Math.cos(o), d = Math.sin(o), c = Math.tan(n.shear * Ft), m = n.scaleX * l, h = n.scaleX * d, p = n.scaleY * (c * l - d), y = n.scaleY * (c * d + l), S = n.translateX + r.x - (m * r.x + p * r.y), b = n.translateY + r.y - (h * r.x + y * r.y);
+  return [m, h, p, y, S, b];
+}
+function mo(n, r) {
+  const [o, l, d, c, m, h] = n, p = Math.hypot(o, l), y = Math.atan2(l, o) / Ft, S = o * c - l * d, b = p === 0 ? 0 : S / p, v = Math.atan2(o * d + l * c, S) / Ft, k = m - r.x + (o * r.x + d * r.y), w = h - r.y + (l * r.x + c * r.y);
+  return { scaleX: p, scaleY: b, rotation: y, shear: v, translateX: k, translateY: w };
+}
+function Kr(n, r) {
+  const o = Math.min(n.length, r.length);
+  if (o < 3) return De;
+  let l = 0, d = 0, c = 0, m = 0, h = 0, p = 0, y = 0, S = 0, b = 0, v = 0, k = 0;
+  for (let ie = 0; ie < o; ie++) {
+    const E = n[ie], D = r[ie];
+    !E || !D || (l += E.x * E.x, d += E.x * E.y, c += E.x, m += E.y * E.y, h += E.y, p += D.x * E.x, y += D.x * E.y, S += D.x, b += D.y * E.x, v += D.y * E.y, k += D.y);
+  }
+  const w = l * (m * o - h * h) - d * (d * o - h * c) + c * (d * h - m * c);
+  if (Math.abs(w) < 1e-9) return De;
+  const L = m * o - h * h, X = c * h - d * o, $ = d * h - c * m, I = l * o - c * c, R = c * d - l * h, H = l * m - d * d, q = (ie, E, D) => [
+    (L * ie + X * E + $ * D) / w,
+    (X * ie + I * E + R * D) / w,
+    ($ * ie + R * E + H * D) / w
+  ], [pe, re, Ce] = q(p, y, S), [le, ge, ye] = q(b, v, k);
+  return [pe, le, re, ge, Ce, ye];
+}
+function po(n) {
+  const r = (p) => {
+    var y;
+    return (y = n.find((S) => S.id === p)) == null ? void 0 : y.photo;
+  }, o = r("nose-tip"), l = r("right-eye"), d = r("left-eye"), c = r("mouth-right"), m = r("mouth-left");
+  if (!o || !l || !d || !c || !m) return null;
+  const h = (p, y) => Math.abs(p.x - o.x) >= Math.abs(y.x - o.x) ? p : y;
+  return [
+    { id: "eye", photo: h(l, d) },
+    { id: "nose-tip", photo: o },
+    { id: "mouth", photo: h(c, m) }
+  ];
+}
+function go() {
+  return typeof navigator < "u" && typeof navigator.mediaDevices < "u" && typeof navigator.mediaDevices.getUserMedia == "function";
+}
+function yo(n) {
+  const r = n instanceof Error ? n.name : "";
+  return r === "NotAllowedError" || r === "SecurityError" ? "permission-denied" : r === "NotFoundError" || r === "OverconstrainedError" ? "no-camera" : r === "NotReadableError" || r === "AbortError" ? "not-readable" : "capture-failed";
+}
+const xo = {
+  "permission-denied": "faceScheme.capture.error.permissionDenied",
+  "no-camera": "faceScheme.capture.error.noCamera",
+  "not-readable": "faceScheme.capture.error.notReadable",
+  "insecure-context": "faceScheme.capture.error.insecureContext",
+  "capture-failed": "faceScheme.capture.error.captureFailed"
+}, Pe = {
+  neutral: "ds:[fill:var(--muted-foreground)]",
+  info: "ds:[fill:var(--info)]",
+  success: "ds:[fill:var(--success)]",
+  warning: "ds:[fill:var(--warning)]",
+  error: "ds:[fill:var(--destructive)]",
+  accent: "ds:[fill:var(--accent)]"
+}, Lt = {
+  neutral: "ds:[stroke:var(--muted-foreground)]",
+  info: "ds:[stroke:var(--info)]",
+  success: "ds:[stroke:var(--success)]",
+  warning: "ds:[stroke:var(--warning)]",
+  error: "ds:[stroke:var(--destructive)]",
+  accent: "ds:[stroke:var(--accent)]"
+}, vo = 13, wo = 5, ko = 24, Rt = 5, bo = 26, Zr = 30, $t = 14, Or = [], Pr = "__draft__", Dr = [
+  "profile-left",
+  "front",
+  "profile-right"
+], Co = {
+  "profile-left": /* @__PURE__ */ a(Tr, { "aria-hidden": "true" }),
+  front: /* @__PURE__ */ a(Es, { "aria-hidden": "true" }),
+  "profile-right": /* @__PURE__ */ a(Tr, { "aria-hidden": "true", className: "ds:-scale-x-100" })
+}, So = {
+  select: bs,
+  marker: ls,
+  pen: Ss,
+  highlighter: cs,
+  arrow: as,
+  line: ws,
+  rect: os,
+  ellipse: ss,
+  text: is
+}, Mo = [
+  "accent",
+  "info",
+  "success",
+  "warning",
+  "error",
+  "neutral"
+], Br = Xi(
+  [
+    "ds:[vector-effect:non-scaling-stroke]",
+    "ds:transition-[fill-opacity,stroke-opacity] ds:[transition-duration:var(--animation-duration)]",
+    "ds:[fill:transparent] ds:[stroke:var(--accent)] ds:[stroke-width:1] ds:[stroke-opacity:0.35]"
+  ].join(" "),
+  {
+    variants: {
+      interactive: { true: "ds:cursor-pointer", false: "" },
+      marked: { true: "", false: "" },
+      selected: { true: "", false: "" }
+    },
+    compoundVariants: [
+      {
+        marked: !1,
+        interactive: !0,
+        class: "ds:hover:[fill:var(--accent)] ds:hover:[fill-opacity:0.14] ds:hover:[stroke-opacity:1]"
+      },
+      {
+        marked: !0,
+        class: "ds:[fill:var(--accent)] ds:[fill-opacity:0.18] ds:[stroke-opacity:1]"
+      },
+      // Multi-select membership — a heavier outline than the marked tint so the
+      // two states read apart even when they coincide on one zone.
+      {
+        selected: !0,
+        class: "ds:[fill:var(--accent)] ds:[fill-opacity:0.16] ds:[stroke-opacity:0.9] ds:[stroke-width:2] ds:forced-colors:[stroke:Highlight]"
+      }
+    ],
+    defaultVariants: { interactive: !1, marked: !1, selected: !1 }
+  }
+), No = {
+  scaleX: { min: 0.3, max: 1.8, step: 0.01 },
+  scaleY: { min: 0.3, max: 1.8, step: 0.01 },
+  rotation: { min: -20, max: 20, step: 0.5 },
+  shear: { min: -20, max: 20, step: 0.5 },
+  translateX: { min: -240, max: 240, step: 1 },
+  translateY: { min: -240, max: 240, step: 1 }
+}, Io = [
+  "scaleX",
+  "scaleY",
+  "rotation",
+  "shear",
+  "translateX",
+  "translateY"
+], Ao = Vi(
+  ({
+    id: n,
+    patientPhoto: r,
+    viewPhotos: o,
+    view: l,
+    defaultView: d = "front",
+    onViewChange: c,
+    showViewSwitcher: m = !0,
+    defaultLayout: h = "single",
+    mode: p = "interactive",
+    value: y,
+    defaultValue: S,
+    onChange: b,
+    onSelectZone: v,
+    activeFinding: k,
+    zoneSelect: w = "off",
+    selectedZones: L,
+    defaultSelectedZones: X,
+    onSelectedZonesChange: $,
+    annotations: I,
+    defaultAnnotations: R,
+    onAnnotationsChange: H,
+    onAnnotationSelect: q,
+    showAnnotationToolbar: pe = !0,
+    zoomable: re = !1,
+    defaultPanelOpen: Ce = !0,
+    activeTool: le,
+    defaultTool: ge = null,
+    onToolChange: ye,
+    defaultAnnotationShape: ie = "circle",
+    defaultAnnotationColor: E = "accent",
+    registration: D,
+    defaultRegistration: Ur,
+    onRegistrationChange: ot,
+    registrationMode: Yr = "off",
+    autoDetect: je,
+    onDetectStatus: at,
+    allowCapture: Kt = !1,
+    captureFacingMode: Zt = "user",
+    onCapture: ct,
+    legend: In = !1,
+    ariaLabel: Xr,
+    className: qr
+  }, Gr) => {
+    const { t: f } = qi(), G = Ui(), lt = n ?? G, An = N(null), dt = N(null), ut = N(null), We = N(null), Tn = N(null), _n = N(null), Ot = N(!1), Pt = l !== void 0, [Jr, Qr] = T(
+      l ?? d
+    ), A = Pt ? l : Jr, K = N(A);
+    K.current = A;
+    const ft = g(
+      (e) => {
+        Pt || Qr(e), c == null || c(e);
+      },
+      [Pt, c]
+    ), [Dt, ht] = T(Ce), En = `${G}-panel`, [mt, zn] = T(h), [Ln, ei] = T(!0), M = Sn[A], [, , B, se] = M.viewBox.split(" ").map(Number), z = p === "interactive", Se = z && Yr === "adjust", Bt = y !== void 0, [ti, ni] = T(S ?? {}), He = Bt ? y : ti, j = N(He);
+    j.current = He;
+    const oe = g(
+      (e) => {
+        Bt || ni(e), b == null || b(e);
+      },
+      [Bt, b]
+    ), pt = g(
+      (e, t, i) => {
+        const s = j.current[e] ?? [];
+        s.some((u) => u.type === t) || oe({
+          ...j.current,
+          [e]: [...s, { type: t, note: i }]
+        });
+      },
+      [oe]
+    ), gt = g(
+      (e, t) => {
+        const s = (j.current[e] ?? []).filter((x) => x.type !== t), u = { ...j.current };
+        s.length > 0 ? u[e] = s : delete u[e], oe(u);
+      },
+      [oe]
+    ), Rn = g(
+      (e, t) => {
+        (j.current[e] ?? []).some(
+          (s) => s.type === t
+        ) ? gt(e, t) : pt(e, t);
+      },
+      [pt, gt]
+    ), J = z && w === "multi", yt = L !== void 0, [ri, ii] = T(
+      X ?? []
+    ), V = yt ? L : ri, de = N(V);
+    de.current = V;
+    const $n = xn(
+      () => new Set(V),
+      [V]
+    ), Ee = g(
+      (e) => {
+        yt || (de.current = e), yt || ii(e), $ == null || $(e);
+      },
+      [yt, $]
+    ), Fn = g(
+      (e) => {
+        const t = de.current;
+        Ee(
+          t.includes(e) ? t.filter((i) => i !== e) : [...t, e]
+        );
+      },
+      [Ee]
+    ), Ve = g(() => {
+      de.current.length > 0 && Ee([]);
+    }, [Ee]), [Kn, Zn] = T(""), xt = g(
+      (e, t, i) => {
+        const s = { ...j.current };
+        let u = !1;
+        for (const x of e) {
+          const Y = s[x] ?? [];
+          Y.some((_) => _.type === t) || (s[x] = [...Y, { type: t, note: i }], u = !0);
+        }
+        u && oe(s);
+      },
+      [oe]
+    ), jt = g(
+      (e, t) => {
+        const i = { ...j.current };
+        let s = !1;
+        for (const u of e) {
+          const x = i[u] ?? [];
+          if (!x.some((_) => _.type === t)) continue;
+          const Y = x.filter((_) => _.type !== t);
+          Y.length > 0 ? i[u] = Y : delete i[u], s = !0;
+        }
+        s && oe(i);
+      },
+      [oe]
+    ), Wt = D !== void 0, [si, oi] = T(
+      Ur ?? {}
+    ), vt = Wt ? D : si, Q = vt[A] ?? De, Ht = N(Q);
+    Ht.current = Q;
+    const On = N(vt);
+    On.current = vt;
+    const ae = g(
+      (e) => {
+        const t = { ...On.current, [A]: e };
+        Wt || oi(t), ot == null || ot(t);
+      },
+      [Wt, ot, A]
+    ), Vt = xn(
+      () => mo(Q, M.pivot),
+      [Q, M.pivot]
+    ), ce = g(
+      (e) => M.mirror ? { x: B - e.x, y: e.y } : e,
+      [M.mirror, B]
+    ), [Ut, Pn] = T(
+      () => M.landmarks.map((e) => ce(rt(Q, e)))
+    ), wt = N(null), [ai, Dn] = T(null), Bn = N(null), [xe, Me] = T(it), Yt = N(xe);
+    Yt.current = xe;
+    const kt = N(M.viewBox), ze = N(null);
+    ne(() => {
+      wt.current === null && Pn(
+        M.landmarks.map((e) => ce(rt(Q, e)))
+      );
+    }, [Q, M.landmarks, ce]);
+    const bt = g(
+      (e) => {
+        const t = [], i = [];
+        for (const s of e) {
+          const u = M.landmarks.find((x) => x.id === s.id);
+          u && (t.push({ x: u.x, y: u.y }), i.push(ce(s.photo)));
+        }
+        t.length >= 3 && ae(Kr(t, i));
+      },
+      [ae, M.landmarks, ce]
+    ), ve = g(
+      (e, t) => {
+        const i = dt.current;
+        if (!i) return { x: 0, y: 0 };
+        const s = i.createSVGPoint();
+        s.x = e, s.y = t;
+        const u = i.getScreenCTM();
+        if (!u) return { x: 0, y: 0 };
+        const x = s.matrixTransform(u.inverse());
+        return { x: x.x, y: x.y };
+      },
+      []
+    ), jn = (e, t) => {
+      const i = zt(kt.current), s = st(i, e);
+      return Fr(
+        i,
+        e,
+        { x: s.x + s.width / 2, y: s.y + s.height / 2 },
+        t
+      );
+    }, Xt = N(jn);
+    Xt.current = jn;
+    const Wn = g((e) => {
+      Me((t) => Xt.current(t, e));
+    }, []), Hn = g((e) => {
+      Me(
+        (t) => Xt.current(
+          t,
+          Number.isFinite(e) && e > 0 ? e / t.k : 1
+        )
+      );
+    }, []), qt = g(() => Me(it), []), Vn = g((e) => {
+      if (!(!ze.current || ze.current.id !== e.pointerId)) {
+        ze.current = null;
+        try {
+          e.currentTarget.releasePointerCapture(e.pointerId);
+        } catch {
+        }
+      }
+    }, []), ci = g(
+      (e) => (t) => {
+        wt.current = e, Dn(Bn.current), t.currentTarget.setPointerCapture(t.pointerId);
+      },
+      []
+    ), li = g(
+      (e) => {
+        const t = wt.current;
+        if (t === null) return;
+        const i = ve(e.clientX, e.clientY), s = Ut.map((x, Y) => Y === t ? i : x);
+        Pn(s);
+        const u = M.landmarks.map((x) => ({ x: x.x, y: x.y }));
+        ae(Kr(u, s.map(ce)));
+      },
+      [Ut, ve, M.landmarks, ae, ce]
+    ), di = g(() => {
+      wt.current = null, Dn(null);
+    }, []), [Ue, ue] = T("idle"), [Un, Le] = T(
+      null
+    ), [Yn, ui] = T({}), Ne = (o == null ? void 0 : o[A]) ?? (A === "front" ? r : void 0), ee = Yn[A] ?? (Ne == null ? void 0 : Ne.src), Gt = I !== void 0, [fi, hi] = T(R ?? {}), Ct = Gt ? I : fi, W = N(Ct);
+    W.current = Ct;
+    const Ie = Ct[A] ?? Or, Z = g(
+      (e) => {
+        const t = { ...W.current };
+        e.length > 0 ? t[K.current] = e : delete t[K.current], W.current = t, Gt || hi(t), H == null || H(t);
+      },
+      [Gt, H]
+    ), mi = N(0), Xn = g(
+      () => `${lt}-a${mi.current += 1}`,
+      [lt]
+    ), [Ae, pi] = T(null), te = N(null);
+    te.current = Ae;
+    const O = g(
+      (e) => {
+        te.current !== e && (te.current = e, pi(e), q == null || q(e));
+      },
+      [q]
+    ), qn = g(
+      (e) => {
+        const t = dt.current;
+        if (!t) return null;
+        const i = rt(
+          ao(Ht.current),
+          ce(e)
+        ), s = t.querySelectorAll(
+          "[data-zone] > path:first-of-type"
+        );
+        if (s.length === 0 || typeof s[0].isPointInFill != "function")
+          return null;
+        for (let u = s.length - 1; u >= 0; u -= 1)
+          if (s[u].isPointInFill({ x: i.x, y: i.y })) {
+            const x = s[u].closest("[data-zone]");
+            return (x == null ? void 0 : x.getAttribute("data-zone")) ?? null;
+          }
+        return null;
+      },
+      [ce]
+    ), Te = g(
+      (e) => {
+        const t = e.id ?? Xn(), i = { ...e, id: t }, s = i.zoneId === void 0 ? { ...i, zoneId: qn(io(i)) } : i, u = W.current[K.current] ?? [];
+        return Z([...u, s]), O(t), t;
+      },
+      [Z, Xn, O, qn]
+    ), St = g(
+      (e) => {
+        const t = W.current[K.current] ?? [];
+        t.some((i) => i.id === e) && Z(t.filter((i) => i.id !== e));
+      },
+      [Z]
+    ), Jt = g(
+      (e, t) => {
+        const i = W.current[K.current] ?? [];
+        i.some((s) => s.id === e) && Z(
+          i.map((s) => s.id === e ? { ...s, zoneId: t } : s)
+        );
+      },
+      [Z]
+    ), Qt = g(() => {
+      const e = W.current[K.current] ?? [];
+      e.length > 0 && Z(e.slice(0, -1));
+    }, [Z]), en = g(() => {
+      (W.current[K.current] ?? []).length > 0 && Z([]);
+    }, [Z]), tn = le !== void 0, [gi, yi] = T(
+      ge
+    ), U = z ? (tn ? le : gi) ?? null : null, nn = N(U);
+    nn.current = U;
+    const rn = g(
+      (e) => {
+        tn || yi(e), ye == null || ye(e);
+      },
+      [tn, ye]
+    ), [sn, xi] = T(
+      ie
+    ), [on, vi] = T(E), Gn = N(sn);
+    Gn.current = sn;
+    const Ye = N(on);
+    Ye.current = on;
+    const [an, Mt] = T(null), Jn = N(null);
+    Jn.current = an;
+    const Nt = N(!1), [Xe, It] = T(null), cn = N(null);
+    cn.current = Xe, ne(() => {
+      Xe !== null && ht(!0);
+    }, [Xe]), ne(() => {
+      Ae !== null && ht(!0);
+    }, [Ae]);
+    const Qn = N(V.length);
+    ne(() => {
+      Qn.current === 0 && V.length > 0 && ht(!0), Qn.current = V.length;
+    }, [V.length]);
+    const er = N(U), tr = N(A);
+    ne(() => {
+      (er.current !== U || tr.current !== A) && (er.current = U, tr.current = A, O(null));
+    }, [U, A, O]), ne(() => {
+      const e = te.current;
+      e !== null && !Ie.some((t) => t.id === e) && O(null);
+    }, [Ie, O]);
+    const qe = U !== null, wi = g(
+      (e) => {
+        var s, u;
+        const t = nn.current;
+        if (!t) return;
+        e.stopPropagation();
+        const i = ve(e.clientX, e.clientY);
+        if (t === "marker") {
+          Te({
+            kind: "marker",
+            x: i.x,
+            y: i.y,
+            shape: Gn.current,
+            tone: Ye.current
+          });
+          return;
+        }
+        if (t === "text") {
+          const x = Te({
+            kind: "text",
+            x: i.x,
+            y: i.y,
+            text: "",
+            tone: Ye.current
+          });
+          It(x);
+          return;
+        }
+        (u = (s = e.currentTarget).setPointerCapture) == null || u.call(s, e.pointerId), Nt.current = !0, t === "pen" || t === "highlighter" ? Mt({
+          id: Pr,
+          kind: t,
+          points: [i],
+          tone: Ye.current
+        }) : (t === "arrow" || t === "line" || t === "rect" || t === "ellipse") && Mt({
+          id: Pr,
+          kind: t,
+          from: i,
+          to: i,
+          tone: Ye.current
+        });
+      },
+      [ve, Te]
+    ), ki = g(
+      (e) => {
+        if (!Nt.current) return;
+        const t = ve(e.clientX, e.clientY);
+        Mt((i) => i && (i.kind === "pen" || i.kind === "highlighter" ? { ...i, points: [...i.points, t] } : i.kind === "arrow" || i.kind === "line" || i.kind === "rect" || i.kind === "ellipse" ? { ...i, to: t } : i));
+      },
+      [ve]
+    ), nr = g(
+      (e) => {
+        var u, x;
+        if (!Nt.current) return;
+        Nt.current = !1, (x = (u = e.currentTarget).releasePointerCapture) == null || x.call(u, e.pointerId);
+        const t = Jn.current;
+        if (Mt(null), !t) return;
+        if (t.kind === "pen" || t.kind === "highlighter") {
+          if (t.points.length < 2) return;
+        } else if ((t.kind === "arrow" || t.kind === "line" || t.kind === "rect" || t.kind === "ellipse") && Math.hypot(t.to.x - t.from.x, t.to.y - t.from.y) < 4)
+          return;
+        const { id: i, ...s } = t;
+        Te(s);
+      },
+      [Te]
+    ), ln = Xe ? Ie.find((e) => e.id === Xe && e.kind === "text") : void 0, bi = g(
+      (e) => {
+        const t = cn.current;
+        if (!t) return;
+        const i = W.current[K.current] ?? [];
+        Z(
+          i.map(
+            (s) => s.id === t && s.kind === "text" ? { ...s, text: e } : s
+          )
+        );
+      },
+      [Z]
+    ), rr = g(() => {
+      const e = cn.current;
+      if (It(null), !e) return;
+      const t = W.current[K.current] ?? [], i = t.find((s) => s.id === e);
+      i && i.kind === "text" && i.text.trim() === "" && Z(t.filter((s) => s.id !== e));
+    }, [Z]), Re = g(() => {
+      var t;
+      (t = We.current) == null || t.getTracks().forEach((i) => i.stop()), We.current = null;
+      const e = ut.current;
+      e && (e.srcObject = null);
+    }, []), dn = g(() => {
+      Re(), ue("idle");
+    }, [Re]), un = g(async () => {
+      var e;
+      if (Kt) {
+        if (!go()) {
+          Le("insecure-context"), ue("error");
+          return;
+        }
+        Le(null), ue("requesting");
+        try {
+          const t = await navigator.mediaDevices.getUserMedia({
+            video: { facingMode: Zt },
+            audio: !1
+          });
+          if (Ot.current) {
+            t.getTracks().forEach((s) => s.stop());
+            return;
+          }
+          We.current = t;
+          const i = ut.current;
+          if (i) {
+            try {
+              i.srcObject = t;
+            } catch {
+            }
+            const s = (e = i.play) == null ? void 0 : e.call(i);
+            s && typeof s.catch == "function" && s.catch(() => {
+            });
+          }
+          ue("streaming");
+        } catch (t) {
+          Re(), Le(yo(t)), ue("error");
+        }
+      }
+    }, [Kt, Zt, Re]), Ge = g(
+      (e, t, i) => {
+        ui((s) => ({ ...s, [A]: e })), ct == null || ct({ src: e, width: t, height: i, view: A });
+      },
+      [ct, A]
+    ), Ci = g(() => {
+      const e = ut.current, t = (e == null ? void 0 : e.videoWidth) || (e == null ? void 0 : e.clientWidth) || 0, i = (e == null ? void 0 : e.videoHeight) || (e == null ? void 0 : e.clientHeight) || 0;
+      if (!e || e.readyState < 2 || t === 0 || i === 0) {
+        Le("capture-failed"), ue("error");
+        return;
+      }
+      const s = document.createElement("canvas");
+      s.width = t, s.height = i;
+      const u = s.getContext("2d");
+      if (!u) {
+        Le("capture-failed"), ue("error");
+        return;
+      }
+      try {
+        u.drawImage(e, 0, 0, t, i);
+      } catch {
+        Le("capture-failed"), ue("error");
+        return;
+      }
+      Re(), Ge(s.toDataURL("image/jpeg", 0.92), t, i), ue("idle");
+    }, [Re, Ge]), Si = g(
+      (e) => {
+        var s;
+        const t = (s = e.target.files) == null ? void 0 : s[0];
+        if (e.target.value = "", !t) return;
+        const i = new FileReader();
+        i.onload = () => {
+          const u = typeof i.result == "string" ? i.result : "";
+          if (!u) return;
+          const x = new Image();
+          x.onload = () => Ge(u, x.naturalWidth, x.naturalHeight), x.onerror = () => Ge(u, B, se), x.src = u;
+        }, i.readAsDataURL(t);
+      },
+      [Ge, B, se]
+    );
+    ne(() => (Ot.current = !1, () => {
+      var e;
+      Ot.current = !0, (e = We.current) == null || e.getTracks().forEach((t) => t.stop()), We.current = null;
+    }), []);
+    const fe = Ue === "streaming", ir = N(!1);
+    ne(() => {
+      var e;
+      ir.current && !fe && ((e = _n.current) == null || e.focus()), ir.current = fe;
+    }, [fe]);
+    const [At, Mi] = T("idle"), $e = g(
+      (e) => {
+        Mi(e), at == null || at(e);
+      },
+      [at]
+    ), fn = g(async () => {
+      if (!je || !ee || M.landmarks.length === 0)
+        return !1;
+      const e = typeof je == "object" ? je : {}, t = (i) => $e(i === "detecting" ? "detecting" : "loading");
+      try {
+        $e("loading");
+        let i;
+        if (M.id === "front")
+          i = await Ds(ee, {
+            viewWidth: B,
+            viewHeight: se,
+            onStage: t,
+            wasmBaseUrl: e.wasmBaseUrl,
+            modelAssetPath: e.modelAssetPath
+          });
+        else {
+          const s = await Gs(ee, {
+            viewWidth: B,
+            viewHeight: se,
+            onStage: t,
+            ortModuleUrl: e.ortModuleUrl,
+            ortWasmBaseUrl: e.ortWasmBaseUrl,
+            modelUrl: e.yunetModelUrl
+          });
+          i = s && po(s);
+        }
+        return !i || i.length < 3 ? ($e("no-face"), !1) : (bt(i), $e("done"), !0);
+      } catch {
+        return $e("error"), !1;
+      }
+    }, [
+      je,
+      ee,
+      M.id,
+      M.landmarks,
+      B,
+      se,
+      $e,
+      bt
+    ]), sr = g((e) => {
+      var t, i;
+      (i = (t = An.current) == null ? void 0 : t.querySelector(`[data-zone="${e}"]`)) == null || i.focus();
+    }, []), hn = xn(
+      () => ({
+        focusZone: sr,
+        getChart: () => j.current,
+        getZone: (e) => j.current[e] ?? [],
+        zonesWith: (e) => Object.entries(j.current).filter(([, t]) => t.some((i) => i.type === e)).map(([t]) => t),
+        setFinding: pt,
+        removeFinding: gt,
+        clearZone: (e) => {
+          if (!j.current[e]) return;
+          const t = { ...j.current };
+          delete t[e], oe(t);
+        },
+        getRegistration: () => Ht.current,
+        setRegistration: (e) => ae(e),
+        resetRegistration: () => ae(De),
+        fitToLandmarks: bt,
+        detect: fn,
+        startCapture: () => void un(),
+        cancelCapture: dn,
+        getView: () => K.current,
+        getZoom: () => Yt.current.k,
+        setZoom: Hn,
+        resetZoom: qt,
+        setView: ft,
+        getAnnotations: () => W.current[K.current] ?? [],
+        addAnnotation: Te,
+        removeAnnotation: St,
+        undoAnnotation: Qt,
+        clearAnnotations: en,
+        getTool: () => nn.current,
+        setTool: rn,
+        getSelectedAnnotation: () => {
+          const e = te.current;
+          if (e === null) return null;
+          const t = (W.current[K.current] ?? []).find(
+            (i) => i.id === e
+          );
+          return t ? { id: t.id, kind: t.kind } : null;
+        },
+        selectAnnotation: (e) => {
+          if (e === null) {
+            O(null);
+            return;
+          }
+          (W.current[K.current] ?? []).some((i) => i.id === e) && O(e);
+        },
+        setAnnotationZone: Jt,
+        getSelectedZones: () => de.current,
+        setSelectedZones: (e) => Ee([...e]),
+        clearZoneSelection: Ve,
+        applyFindingToSelection: (e, t) => xt(de.current, e, t),
+        removeFindingFromSelection: (e) => jt(de.current, e),
+        setFindingBulk: xt
+      }),
+      [
+        sr,
+        pt,
+        gt,
+        oe,
+        ae,
+        bt,
+        fn,
+        un,
+        dn,
+        ft,
+        Te,
+        St,
+        Qt,
+        en,
+        rn,
+        O,
+        Jt,
+        Ee,
+        Ve,
+        xt,
+        jt,
+        Hn,
+        qt
+      ]
+    );
+    Yi(Gr, () => hn, [hn]), Gi(Rs, hn, lt);
+    const or = g(
+      (e) => {
+        const t = f(`faceScheme.zone.${e.labelKey}`), i = j.current[e.id] ?? [];
+        if (i.length === 0) return t;
+        const s = i.map((u) => f(`faceScheme.finding.${u.type}`)).join(", ");
+        return f("faceScheme.zoneWithFindings", {
+          zone: t,
+          findings: s
+        });
+      },
+      [f]
+    ), ar = g(
+      (e) => {
+        v == null || v(e.id), J ? Fn(e.id) : z && k && Rn(e.id, k);
+      },
+      [
+        z,
+        J,
+        Fn,
+        k,
+        Rn,
+        v
+      ]
+    ), Ni = Ne != null && Ne.altKey ? f(Ne.altKey) : f("faceScheme.photo.defaultAlt"), Ii = M.mirror ? `translate(${B} 0) scale(-1 1) ${Et(Q)}` : Et(Q), Ai = g(
+      (e, t) => {
+        ae(ho({ ...Vt, [e]: t }, M.pivot));
+      },
+      [ae, Vt, M.pivot]
+    ), cr = !!je && !!ee && M.landmarks.length > 0, mn = Kt, lr = m && eo.length > 1, Je = z && pe, he = z && re, pn = J || Je || Se || he, dr = Dt && pn, we = mt === "all" && lr;
+    ne(() => {
+      Me(it);
+    }, [A, he]), ne(() => {
+      fe && Me(it);
+    }, [fe]), ne(() => {
+      const e = dt.current;
+      if (!e || !he) return;
+      const t = (i) => {
+        i.preventDefault();
+        const s = ve(i.clientX, i.clientY);
+        Me(
+          (u) => Fr(
+            zt(kt.current),
+            u,
+            s,
+            i.deltaY < 0 ? 1.15 : 1 / 1.15
+          )
+        );
+      };
+      return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
+    }, [he, ve, we, A, fe]);
+    const Qe = dr && !we, Ti = Qe ? "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:lg:flex-row ds:lg:items-stretch ds:lg:justify-center" : "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", _i = Qe ? "ds:flex ds:w-full ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-sm)] ds:lg:w-[28rem] ds:lg:shrink-0" : "ds:flex ds:w-full ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-sm)]", Ei = Qe ? "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-md)] ds:lg:w-[28rem] ds:lg:shrink-0 ds:lg:self-stretch" : "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-md)]", zi = Qe ? "ds:lg:h-0 ds:lg:min-h-full" : void 0, Li = Qe ? "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:lg:min-h-0 ds:lg:flex-1 ds:lg:overflow-y-auto" : "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", ur = lr, Ri = ur || mn || pn, fr = pn ? /* @__PURE__ */ a(
+      Ze,
+      {
+        size: "sm",
+        icon: /* @__PURE__ */ a(Ns, { "aria-hidden": "true" }),
+        "aria-label": f("faceScheme.panel.toggle"),
+        "aria-expanded": Dt,
+        "aria-controls": Dt ? En : void 0,
+        "data-overflow-pin": !0,
+        onClick: () => ht((e) => !e)
+      },
+      "panel"
+    ) : null, $i = U ?? "select", hr = `${G}-draw`, mr = `${G}-fit`, pr = `${G}-zoom`, gr = `${G}-tools`, yr = `${G}-tones`, xr = `${G}-shapes`, Fi = `${G}-ann-zone`, et = Ae !== null ? Ie.find((e) => e.id === Ae) : void 0, Ki = M.zones.map((e) => ({
+      value: e.id,
+      label: f(`faceScheme.zone.${e.labelKey}`)
+    })), me = "ds:text-[length:var(--font-size-xs)] ds:font-medium ds:text-[var(--muted-foreground)]", vr = `${G}-zones`, wr = `${G}-zones-apply`, Zi = J ? /* @__PURE__ */ C(
+      "div",
+      {
+        "data-testid": "face-scheme-zones",
+        role: "group",
+        "aria-labelledby": vr,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+        children: [
+          /* @__PURE__ */ a("span", { id: vr, className: me, children: f("faceScheme.zonesPanel.label") }),
+          /* @__PURE__ */ a("p", { className: "ds:m-0 ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]", children: f("faceScheme.zonesPanel.hint") }),
+          /* @__PURE__ */ a(
+            "span",
+            {
+              "aria-live": "polite",
+              className: "ds:text-[length:var(--font-size-xs)] ds:text-[var(--foreground)]",
+              children: f("faceScheme.zonesPanel.selectedTotal", {
+                n: V.length
+              })
+            }
+          ),
+          /* @__PURE__ */ C("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ a("span", { id: wr, className: me, children: f("faceScheme.zonesPanel.applyLabel") }),
+            /* @__PURE__ */ a(
+              "div",
+              {
+                role: "group",
+                "aria-labelledby": wr,
+                className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-xs)]",
+                children: Rr.map((e) => {
+                  const t = _t[e], i = V.length > 0 && V.every(
+                    (s) => (He[s] ?? []).some((u) => u.type === e)
+                  );
+                  return /* @__PURE__ */ a(
+                    P,
+                    {
+                      size: "sm",
+                      intent: "outline",
+                      "aria-pressed": i,
+                      disabled: V.length === 0,
+                      startIcon: /* @__PURE__ */ a("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ a(
+                        "path",
+                        {
+                          d: tt(t.shape, 12, 12, 9),
+                          className: Pe[t.tone]
+                        }
+                      ) }),
+                      onClick: () => {
+                        if (i)
+                          jt(de.current, e);
+                        else {
+                          const s = Kn.trim();
+                          xt(
+                            de.current,
+                            e,
+                            s === "" ? void 0 : s
+                          ), Zn("");
+                        }
+                      },
+                      children: f(`faceScheme.finding.${e}`)
+                    },
+                    e
+                  );
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a(
+            Ar,
+            {
+              "aria-label": f("faceScheme.zonesPanel.noteLabel"),
+              placeholder: f("faceScheme.zonesPanel.notePlaceholder"),
+              value: Kn,
+              onChange: (e) => Zn(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ a(
+            P,
+            {
+              size: "sm",
+              intent: "outline",
+              className: "ds:self-start",
+              onClick: Ve,
+              disabled: V.length === 0,
+              children: f("faceScheme.zonesPanel.clearSelection")
+            }
+          )
+        ]
+      }
+    ) : null, Oi = Je ? /* @__PURE__ */ C(
+      "div",
+      {
+        "data-testid": "face-scheme-toolbar",
+        role: "group",
+        "aria-labelledby": hr,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+        children: [
+          /* @__PURE__ */ a("span", { id: hr, className: me, children: f("faceScheme.panel.draw") }),
+          /* @__PURE__ */ C("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ a("span", { id: gr, className: me, children: f("faceScheme.annotate.toolLabel") }),
+            /* @__PURE__ */ a(
+              vn,
+              {
+                role: "radiogroup",
+                mode: "toggle-single",
+                size: "sm",
+                "aria-labelledby": gr,
+                className: "ds:self-start",
+                value: $i,
+                onValueChange: (e) => rn(e === "select" ? null : e),
+                children: ["select", ...to].map(
+                  (e) => {
+                    const t = So[e];
+                    return /* @__PURE__ */ a(
+                      Ze,
+                      {
+                        value: e,
+                        icon: /* @__PURE__ */ a(t, { "aria-hidden": "true" }),
+                        "aria-label": f(`faceScheme.annotate.tool.${e}`)
+                      },
+                      e
+                    );
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ C("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ a("span", { id: yr, className: me, children: f("faceScheme.annotate.colorLabel") }),
+            /* @__PURE__ */ a(
+              vn,
+              {
+                role: "radiogroup",
+                mode: "toggle-single",
+                size: "sm",
+                "aria-labelledby": yr,
+                className: "ds:self-start",
+                value: on,
+                onValueChange: (e) => {
+                  const t = e;
+                  vi(t);
+                  const i = te.current;
+                  if (i !== null) {
+                    const s = W.current[K.current] ?? [];
+                    s.some((u) => u.id === i) && Z(
+                      s.map(
+                        (u) => u.id === i ? { ...u, tone: t } : u
+                      )
+                    );
+                  }
+                },
+                children: Mo.map((e) => /* @__PURE__ */ a(
+                  Ze,
+                  {
+                    value: e,
+                    icon: /* @__PURE__ */ a("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ a(
+                      "circle",
+                      {
+                        cx: 8,
+                        cy: 8,
+                        r: 6,
+                        className: Pe[e]
+                      }
+                    ) }),
+                    "aria-label": f(`faceScheme.annotate.tone.${e}`)
+                  },
+                  e
+                ))
+              }
+            )
+          ] }),
+          U === "marker" && /* @__PURE__ */ C("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ a("span", { id: xr, className: me, children: f("faceScheme.annotate.shapeLabel") }),
+            /* @__PURE__ */ a(
+              vn,
+              {
+                role: "radiogroup",
+                mode: "toggle-single",
+                size: "sm",
+                "aria-labelledby": xr,
+                className: "ds:self-start",
+                value: sn,
+                onValueChange: (e) => xi(e),
+                children: Ji.map((e) => /* @__PURE__ */ a(
+                  Ze,
+                  {
+                    value: e,
+                    icon: /* @__PURE__ */ a("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ a(
+                      "path",
+                      {
+                        d: tt(e, 12, 12, 9),
+                        className: "ds:[fill:currentColor]"
+                      }
+                    ) }),
+                    "aria-label": f(`annotationMarker.shape.${e}`)
+                  },
+                  e
+                ))
+              }
+            )
+          ] }),
+          ln && ln.kind === "text" && /* @__PURE__ */ C("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ a(
+              Ar,
+              {
+                "aria-label": f("faceScheme.annotate.textLabel"),
+                placeholder: f("faceScheme.annotate.textPlaceholder"),
+                value: ln.text,
+                autoFocus: !0,
+                onChange: (e) => bi(e.target.value),
+                onKeyDown: (e) => {
+                  (e.key === "Enter" || e.key === "Escape") && (e.preventDefault(), rr());
+                }
+              }
+            ),
+            /* @__PURE__ */ a(P, { size: "sm", intent: "primary", onClick: rr, children: f("faceScheme.annotate.textDone") })
+          ] }),
+          et && /* @__PURE__ */ C("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ a("span", { id: Fi, className: me, children: f("faceScheme.annotate.zoneLabel") }),
+            /* @__PURE__ */ a(
+              "span",
+              {
+                "aria-live": "polite",
+                className: "ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)] ds:empty:hidden",
+                children: et.zoneId === null ? f("faceScheme.annotate.outsideZonesHint") : null
+              }
+            ),
+            /* @__PURE__ */ a(
+              ts,
+              {
+                size: "sm",
+                options: Ki,
+                value: et.zoneId ?? "",
+                clearable: !0,
+                placeholder: et.zoneId == null ? f("faceScheme.annotate.zoneNone") : f("faceScheme.annotate.zonePlaceholder"),
+                "aria-label": f("faceScheme.annotate.zoneLabel"),
+                onValueChange: (e) => Jt(et.id, e === "" ? null : e)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ C("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ a(
+              P,
+              {
+                size: "sm",
+                intent: "outline",
+                startIcon: /* @__PURE__ */ a(ds, { "aria-hidden": "true" }),
+                onClick: () => {
+                  const e = te.current;
+                  e !== null && St(e);
+                },
+                disabled: Ae === null,
+                children: f("faceScheme.annotate.deleteSelected")
+              }
+            ),
+            /* @__PURE__ */ a(
+              P,
+              {
+                size: "sm",
+                intent: "outline",
+                startIcon: /* @__PURE__ */ a(As, { "aria-hidden": "true" }),
+                onClick: Qt,
+                disabled: Ie.length === 0,
+                children: f("faceScheme.annotate.undo")
+              }
+            ),
+            /* @__PURE__ */ a(
+              P,
+              {
+                size: "sm",
+                intent: "outline",
+                startIcon: /* @__PURE__ */ a(us, { "aria-hidden": "true" }),
+                onClick: en,
+                disabled: Ie.length === 0,
+                children: f("faceScheme.annotate.clear")
+              }
+            )
+          ] })
+        ]
+      }
+    ) : null, Pi = (e) => {
+      const t = e.kind === "text" ? e.text.trim() ? f("faceScheme.annotate.labelText", { text: e.text }) : f("faceScheme.annotate.kind.text") : f(`faceScheme.annotate.kind.${e.kind}`);
+      if (!e.zoneId) return t;
+      const i = M.zones.find((s) => s.id === e.zoneId);
+      return i ? f("faceScheme.annotate.labelWithZone", {
+        label: t,
+        zone: f(`faceScheme.zone.${i.labelKey}`)
+      }) : t;
+    }, gn = (e) => {
+      const t = e.tone ?? "accent";
+      switch (e.kind) {
+        case "marker":
+          return /* @__PURE__ */ a(
+            "path",
+            {
+              d: tt(e.shape, e.x, e.y, vo),
+              className: Pe[t],
+              pointerEvents: "none"
+            }
+          );
+        case "pen":
+        case "highlighter":
+          return /* @__PURE__ */ a(
+            "path",
+            {
+              d: Hr(e.points),
+              fill: "none",
+              strokeWidth: e.kind === "highlighter" ? ko : wo,
+              strokeOpacity: e.kind === "highlighter" ? 0.35 : 1,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: Lt[t],
+              pointerEvents: "none"
+            }
+          );
+        case "arrow":
+          return /* @__PURE__ */ C("g", { className: Lt[t], pointerEvents: "none", children: [
+            /* @__PURE__ */ a(
+              "path",
+              {
+                d: Nn("arrow", e.from, e.to),
+                fill: "none",
+                strokeWidth: Rt,
+                strokeLinecap: "round"
+              }
+            ),
+            /* @__PURE__ */ a(
+              "path",
+              {
+                d: no(e.from, e.to, bo),
+                fill: "none",
+                strokeWidth: Rt,
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ] });
+        case "line":
+        case "rect":
+        case "ellipse":
+          return /* @__PURE__ */ a(
+            "path",
+            {
+              d: Nn(e.kind, e.from, e.to),
+              fill: "none",
+              strokeWidth: Rt,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: Lt[t],
+              pointerEvents: "none"
+            }
+          );
+        case "text":
+          return e.text.trim() ? /* @__PURE__ */ a(
+            "text",
+            {
+              x: e.x,
+              y: e.y,
+              fontSize: Zr,
+              paintOrder: "stroke",
+              strokeWidth: 6,
+              strokeLinejoin: "round",
+              className: `${Pe[t]} ds:[stroke:var(--background)] ds:[font-family:var(--font-sans)] ds:[font-weight:500]`,
+              pointerEvents: "none",
+              children: e.text
+            }
+          ) : /* @__PURE__ */ a(
+            "path",
+            {
+              d: `M ${e.x - 10} ${e.y} H ${e.x + 10} M ${e.x} ${e.y - 10} V ${e.y + 10}`,
+              strokeWidth: Rt,
+              strokeLinecap: "round",
+              className: Lt[t],
+              pointerEvents: "none"
+            }
+          );
+      }
+    }, Di = (e) => {
+      const t = oo(e, Zr);
+      switch (t.type) {
+        case "stroke":
+          return /* @__PURE__ */ a(
+            "path",
+            {
+              "data-annotation-hit": "",
+              d: t.d,
+              fill: "none",
+              stroke: "transparent",
+              strokeWidth: so,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              pointerEvents: "stroke",
+              className: "ds:cursor-pointer"
+            }
+          );
+        case "circle":
+          return /* @__PURE__ */ a(
+            "circle",
+            {
+              "data-annotation-hit": "",
+              cx: t.cx,
+              cy: t.cy,
+              r: t.r,
+              fill: "transparent",
+              pointerEvents: "fill",
+              className: "ds:cursor-pointer"
+            }
+          );
+        case "rect":
+          return /* @__PURE__ */ a(
+            "rect",
+            {
+              "data-annotation-hit": "",
+              x: t.x,
+              y: t.y,
+              width: t.width,
+              height: t.height,
+              fill: "transparent",
+              pointerEvents: "fill",
+              className: "ds:cursor-pointer"
+            }
+          );
+      }
+    }, kr = we && ee ? $r(
+      M.meshContentBox,
+      Q,
+      { width: B, height: se },
+      { mirror: M.mirror }
+    ) : null;
+    Bn.current = kr;
+    const yn = ee ? ai ?? kr ?? M.viewBox : we || !Se ? M.schematicViewBox : M.viewBox;
+    kt.current = yn;
+    const br = he && xe.k > 1, Bi = br ? uo(st(zt(yn), xe)) : yn, Cr = br && U === null, Sr = (e) => {
+      if (e !== A) {
+        const t = Sn[e], i = (o == null ? void 0 : o[e]) ?? (e === "front" ? r : void 0), s = Yn[e] ?? (i == null ? void 0 : i.src), u = vt[e] ?? De, x = t.mirror ? `translate(${B} 0) scale(-1 1) ${Et(u)}` : Et(u), Y = Ct[e] ?? Or;
+        return /* @__PURE__ */ a(Oe, { variant: "elevated", interactive: !0, asChild: !0, children: /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            "data-testid": "face-scheme-preview",
+            "data-view-preview": e,
+            "aria-label": f(`faceScheme.view.${t.labelKey}`),
+            onClick: () => ft(e),
+            className: "ds:mx-auto ds:block ds:w-full ds:min-w-0 ds:max-w-[28rem] ds:appearance-none ds:p-0 ds:transition-opacity ds:[transition-duration:var(--animation-duration)] ds:hover:opacity-90",
+            children: /* @__PURE__ */ C(
+              "svg",
+              {
+                viewBox: s ? $r(
+                  t.meshContentBox,
+                  u,
+                  { width: B, height: se },
+                  { mirror: t.mirror }
+                ) : t.schematicViewBox,
+                "aria-hidden": "true",
+                className: "ds:block ds:h-auto ds:w-full",
+                children: [
+                  s && /* @__PURE__ */ a(
+                    "image",
+                    {
+                      href: s,
+                      x: 0,
+                      y: 0,
+                      width: B,
+                      height: se,
+                      preserveAspectRatio: "xMidYMid slice"
+                    }
+                  ),
+                  /* @__PURE__ */ a("g", { transform: x, children: t.zones.map((_) => {
+                    const _e = He[_.id] ?? [], ji = _e.length > 0;
+                    return /* @__PURE__ */ C("g", { children: [
+                      /* @__PURE__ */ a(
+                        "path",
+                        {
+                          d: _.d,
+                          className: Br({
+                            interactive: !1,
+                            marked: ji,
+                            // Cross-view selection stays visible on the
+                            // three-up previews (decorative, aria-hidden svg).
+                            selected: J && $n.has(_.id)
+                          })
+                        }
+                      ),
+                      _e.map((Mr, Wi) => {
+                        const Nr = _t[Mr.type], Hi = (Wi - (_e.length - 1) / 2) * 26;
+                        return /* @__PURE__ */ a(
+                          "path",
+                          {
+                            d: tt(
+                              Nr.shape,
+                              _.cx + Hi,
+                              _.cy,
+                              11
+                            ),
+                            className: Pe[Nr.tone]
+                          },
+                          Mr.type
+                        );
+                      })
+                    ] }, _.id);
+                  }) }),
+                  /* @__PURE__ */ a("g", { children: Y.map((_) => /* @__PURE__ */ a("g", { children: gn(_) }, _.id)) })
+                ]
+              }
+            )
+          }
+        ) });
+      }
+      return /* @__PURE__ */ a(Ke.Provider, { delayDuration: 200, children: /* @__PURE__ */ a(
+        Oe,
+        {
+          variant: "elevated",
+          "data-testid": "face-scheme-figure",
+          "data-focused": we ? "true" : void 0,
+          className: we ? (
+            // Accent border marks the active tile in the three-up row
+            // (2px width doubles as the non-colour cue; ~3.2:1 ≥ 3:1).
+            "ds:mx-auto ds:w-full ds:max-w-[28rem] ds:border-2 ds:border-[color:var(--accent)] ds:forced-colors:border-[Highlight]"
+          ) : "ds:mx-auto ds:w-full ds:max-w-[28rem]",
+          children: /* @__PURE__ */ C(
+            "svg",
+            {
+              ref: dt,
+              "data-testid": "face-scheme-svg",
+              viewBox: Bi,
+              role: "group",
+              "aria-label": f(`faceScheme.view.${M.labelKey}`),
+              className: Cr ? "ds:block ds:h-auto ds:w-full ds:touch-none ds:cursor-grab" : "ds:block ds:h-auto ds:w-full ds:touch-none",
+              onPointerDown: z ? (t) => {
+                var s, u;
+                const i = t.target;
+                if (te.current !== null && !((s = i.closest) != null && s.call(i, "[data-annotation]")) && O(null), Cr && !((u = i.closest) != null && u.call(
+                  i,
+                  '[data-zone],[data-annotation],[data-annotation-hit],[data-testid="face-scheme-handles"]'
+                ))) {
+                  ze.current = {
+                    id: t.pointerId,
+                    x: t.clientX,
+                    y: t.clientY
+                  };
+                  try {
+                    t.currentTarget.setPointerCapture(t.pointerId);
+                  } catch {
+                  }
+                }
+              } : void 0,
+              onPointerMove: he ? (t) => {
+                const i = ze.current;
+                if (!i || i.id !== t.pointerId) return;
+                const s = t.currentTarget.getBoundingClientRect();
+                if (s.width <= 0 || s.height <= 0) return;
+                const u = zt(kt.current), x = st(u, Yt.current), Y = (t.clientX - i.x) * x.width / s.width, _ = (t.clientY - i.y) * x.height / s.height;
+                ze.current = {
+                  id: i.id,
+                  x: t.clientX,
+                  y: t.clientY
+                }, Me((_e) => fo(u, _e, Y, _));
+              } : void 0,
+              onPointerUp: he ? Vn : void 0,
+              onPointerCancel: he ? Vn : void 0,
+              onKeyDown: J ? (t) => {
+                t.key === "Escape" && Ve();
+              } : void 0,
+              children: [
+                ee && /* @__PURE__ */ a(
+                  "image",
+                  {
+                    href: ee,
+                    x: 0,
+                    y: 0,
+                    width: B,
+                    height: se,
+                    preserveAspectRatio: "xMidYMid slice",
+                    role: "img",
+                    "aria-label": Ni
+                  }
+                ),
+                /* @__PURE__ */ a("g", { transform: Ii, children: M.zones.map((t) => {
+                  const i = He[t.id] ?? [], s = i.length > 0, u = J && $n.has(t.id);
+                  return /* @__PURE__ */ C(Ke.Root, { children: [
+                    /* @__PURE__ */ a(Ke.Trigger, { asChild: !0, children: /* @__PURE__ */ C(
+                      "g",
+                      {
+                        "data-zone": t.id,
+                        "data-side": t.side,
+                        "data-zone-selected": u ? "true" : void 0,
+                        role: z || v ? "button" : "img",
+                        "aria-label": or(t),
+                        "aria-pressed": J ? u : z && k ? s : void 0,
+                        className: "ds:outline-none ds:[&:focus-visible>*:first-child]:[stroke:var(--ring)] ds:[&:focus-visible>*:first-child]:[stroke-width:var(--focus-ring-width)] ds:[&:focus-visible>*:first-child]:[stroke-opacity:1] ds:forced-colors:[&:focus-visible>*:first-child]:[stroke:CanvasText]",
+                        tabIndex: z || v ? 0 : -1,
+                        onClick: () => ar(t),
+                        onKeyDown: (x) => {
+                          x.key === "Enter" || x.key === " " ? (x.preventDefault(), ar(t)) : x.key === "Escape" && J && Ve();
+                        },
+                        children: [
+                          /* @__PURE__ */ a(
+                            "path",
+                            {
+                              d: t.d,
+                              className: Br({
+                                interactive: z,
+                                marked: s,
+                                selected: u
+                              })
+                            }
+                          ),
+                          i.map((x, Y) => {
+                            const _ = _t[x.type], _e = (Y - (i.length - 1) / 2) * 26;
+                            return /* @__PURE__ */ a(
+                              "path",
+                              {
+                                d: tt(
+                                  _.shape,
+                                  t.cx + _e,
+                                  t.cy,
+                                  11
+                                ),
+                                "aria-hidden": "true",
+                                className: Pe[_.tone]
+                              },
+                              x.type
+                            );
+                          })
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ a(Ke.Portal, { children: /* @__PURE__ */ C(
+                      Ke.Content,
+                      {
+                        sideOffset: 4,
+                        className: "ds:z-50 ds:rounded-[var(--radius-sm)] ds:bg-[var(--popover)] ds:px-2 ds:py-1 ds:text-[length:var(--font-size-xs)] ds:text-[var(--popover-foreground)] ds:shadow-[var(--shadow-md)]",
+                        children: [
+                          or(t),
+                          /* @__PURE__ */ a(Ke.Arrow, { className: "ds:[fill:var(--popover)]" })
+                        ]
+                      }
+                    ) })
+                  ] }, t.id);
+                }) }),
+                /* @__PURE__ */ C("g", { "data-testid": "face-scheme-annotations", children: [
+                  Ie.map((t) => {
+                    const i = ro(t), s = Ae === t.id;
+                    return /* @__PURE__ */ C(
+                      "g",
+                      {
+                        "data-annotation": t.id,
+                        "data-annotation-kind": t.kind,
+                        "data-annotation-zone": t.zoneId ?? void 0,
+                        "data-selected": s ? "true" : void 0,
+                        role: z ? "button" : "img",
+                        "aria-label": Pi(t),
+                        "aria-pressed": z ? s : void 0,
+                        tabIndex: z ? 0 : -1,
+                        className: "ds:outline-none ds:[&:focus-visible>*:first-child]:[stroke-opacity:1] ds:[&[data-selected=true]>*:first-child]:[stroke-opacity:1] ds:[&[data-selected=true]>*:first-child]:[stroke-dasharray:6_4] ds:forced-colors:[&:focus-visible>*:first-child]:[stroke:CanvasText] ds:forced-colors:[&[data-selected=true]>*:first-child]:[stroke:CanvasText]",
+                        onClick: z && U === null ? (u) => {
+                          u.currentTarget.focus(), te.current === t.id ? t.kind === "text" ? It(t.id) : O(null) : O(t.id);
+                        } : void 0,
+                        onKeyDown: (u) => {
+                          z && (u.key === "Delete" || u.key === "Backspace" ? (u.preventDefault(), St(t.id)) : u.key === "Escape" ? te.current !== null && (u.stopPropagation(), O(null)) : (u.key === "Enter" || u.key === " ") && (u.preventDefault(), t.kind === "text" ? It(t.id) : te.current === t.id ? O(null) : O(t.id)));
+                        },
+                        children: [
+                          /* @__PURE__ */ a(
+                            "rect",
+                            {
+                              x: i.x - $t,
+                              y: i.y - $t,
+                              width: i.width + $t * 2,
+                              height: i.height + $t * 2,
+                              rx: 8,
+                              fill: "none",
+                              pointerEvents: "none",
+                              className: "ds:[stroke:var(--ring)] ds:[stroke-width:var(--focus-ring-width)] ds:[stroke-opacity:0] ds:[vector-effect:non-scaling-stroke]"
+                            }
+                          ),
+                          gn(t),
+                          z && U === null && Di(t)
+                        ]
+                      },
+                      t.id
+                    );
+                  }),
+                  an && /* @__PURE__ */ a("g", { "aria-hidden": "true", "data-testid": "face-scheme-draft", children: gn(an) })
+                ] }),
+                /* @__PURE__ */ a(
+                  "rect",
+                  {
+                    "data-testid": "face-scheme-draw-surface",
+                    x: 0,
+                    y: 0,
+                    width: B,
+                    height: se,
+                    fill: "transparent",
+                    "aria-hidden": "true",
+                    className: qe ? "ds:cursor-crosshair ds:touch-none" : "ds:[pointer-events:none]",
+                    onPointerDown: qe ? wi : void 0,
+                    onPointerMove: qe ? ki : void 0,
+                    onPointerUp: qe ? nr : void 0,
+                    onPointerCancel: qe ? nr : void 0
+                  }
+                ),
+                Se && ee && U === null && /* @__PURE__ */ a("g", { "aria-hidden": "true", "data-testid": "face-scheme-handles", children: M.landmarks.map((t, i) => {
+                  const s = Ut[i] ?? ce(rt(Q, t));
+                  return /* @__PURE__ */ C("g", { children: [
+                    /* @__PURE__ */ a(
+                      "circle",
+                      {
+                        cx: s.x,
+                        cy: s.y,
+                        r: 13,
+                        "data-handle": t.id,
+                        onPointerDown: ci(i),
+                        onPointerMove: li,
+                        onPointerUp: di,
+                        className: "ds:[fill:var(--background)] ds:[fill-opacity:0.9] ds:[stroke:var(--accent)] ds:[stroke-width:2.5] ds:[vector-effect:non-scaling-stroke] ds:cursor-grab ds:touch-none"
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      "path",
+                      {
+                        d: `M ${s.x - 5} ${s.y} H ${s.x + 5} M ${s.x} ${s.y - 5} V ${s.y + 5}`,
+                        className: "ds:[stroke:var(--accent)] ds:[stroke-width:2] ds:[vector-effect:non-scaling-stroke]",
+                        pointerEvents: "none"
+                      }
+                    )
+                  ] }, t.id);
+                }) })
+              ]
+            }
+          )
+        }
+      ) });
+    }, Fe = [];
+    if (ur) {
+      for (const e of Dr) {
+        const t = mt === "single" && A === e;
+        Fe.push(
+          /* @__PURE__ */ a(
+            P,
+            {
+              size: "sm",
+              intent: t ? "primary" : void 0,
+              "aria-pressed": t,
+              startIcon: Co[e],
+              onClick: () => {
+                ft(e), zn("single");
+              },
+              children: f(`faceScheme.viewShort.${Sn[e].labelKey}`)
+            },
+            e
+          )
+        );
+      }
+      Fe.push(
+        /* @__PURE__ */ a(
+          P,
+          {
+            size: "sm",
+            intent: mt === "all" ? "primary" : void 0,
+            "aria-pressed": mt === "all",
+            startIcon: /* @__PURE__ */ a(xs, { "aria-hidden": "true" }),
+            onClick: () => zn("all"),
+            children: f("faceScheme.viewShort.all")
+          },
+          "all"
+        )
+      );
+    }
+    return mn && (Fe.push(
+      /* @__PURE__ */ a(
+        P,
+        {
+          ref: _n,
+          size: "sm",
+          intent: "outline",
+          startIcon: /* @__PURE__ */ a(fs, { "aria-hidden": "true" }),
+          "data-overflow-pin": !0,
+          onClick: () => void un(),
+          disabled: Ue === "requesting",
+          children: f(
+            ee ? "faceScheme.capture.retake" : "faceScheme.capture.take"
+          )
+        },
+        "capture"
+      )
+    ), Fe.push(
+      /* @__PURE__ */ a(
+        P,
+        {
+          size: "sm",
+          intent: "outline",
+          startIcon: /* @__PURE__ */ a(hs, { "aria-hidden": "true" }),
+          onClick: () => {
+            var e;
+            return (e = Tn.current) == null ? void 0 : e.click();
+          },
+          children: f("faceScheme.capture.upload")
+        },
+        "upload"
+      )
+    )), fr && Fe.push(fr), /* @__PURE__ */ C(
+      "div",
+      {
+        ref: An,
+        "data-component": "face-scheme",
+        "data-component-id": lt,
+        "data-view": A,
+        "data-layout": we ? "all" : "single",
+        className: [Ti, qr].filter(Boolean).join(" "),
+        role: "group",
+        "aria-label": Xr ?? f("faceScheme.ariaLabel"),
+        children: [
+          /* @__PURE__ */ C("div", { className: _i, children: [
+            !fe && Ri && /* @__PURE__ */ a(
+              es,
+              {
+                toolbar: !0,
+                label: f("faceScheme.viewSwitcherLabel"),
+                overflow: "menu",
+                collapseToIcons: !0,
+                className: "ds:text-center",
+                children: Fe
+              }
+            ),
+            mn && /* @__PURE__ */ C("div", { className: "ds:mx-auto ds:flex ds:w-full ds:max-w-[28rem] ds:flex-col", children: [
+              /* @__PURE__ */ a(
+                "input",
+                {
+                  ref: Tn,
+                  type: "file",
+                  accept: "image/*",
+                  capture: Zt,
+                  onChange: Si,
+                  className: "ds:sr-only",
+                  "aria-hidden": "true",
+                  tabIndex: -1,
+                  "data-testid": "face-scheme-file-input"
+                }
+              ),
+              /* @__PURE__ */ a(
+                "span",
+                {
+                  role: "status",
+                  "aria-live": "polite",
+                  className: Ue === "requesting" ? "ds:text-start ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)] ds:empty:hidden" : "ds:text-start ds:text-[length:var(--font-size-xs)] ds:text-[var(--destructive)] ds:empty:hidden",
+                  children: Ue === "requesting" ? f(
+                    "faceScheme.capture.requesting",
+                    "Waiting for camera permission…"
+                  ) : Ue === "error" && Un ? f(xo[Un]) : ""
+                }
+              )
+            ] }),
+            fe && /* @__PURE__ */ C(
+              "div",
+              {
+                "data-testid": "face-scheme-viewfinder",
+                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+                children: [
+                  /* @__PURE__ */ a(
+                    "video",
+                    {
+                      ref: ut,
+                      autoPlay: !0,
+                      playsInline: !0,
+                      muted: !0,
+                      "aria-label": f("faceScheme.capture.viewfinder"),
+                      className: "ds:mx-auto ds:block ds:w-full ds:max-w-[28rem] ds:[border-radius:var(--radius-md)] ds:[transform:scaleX(-1)]"
+                    }
+                  ),
+                  /* @__PURE__ */ C("div", { className: "ds:flex ds:flex-wrap ds:justify-center ds:gap-[var(--spacing-xs)]", children: [
+                    /* @__PURE__ */ a(
+                      P,
+                      {
+                        size: "sm",
+                        intent: "primary",
+                        onClick: () => Ci(),
+                        children: f("faceScheme.capture.capture")
+                      }
+                    ),
+                    /* @__PURE__ */ a(P, { size: "sm", intent: "outline", onClick: dn, children: f("faceScheme.capture.cancel") })
+                  ] })
+                ]
+              }
+            ),
+            !fe && (we ? (
+              // Equal columns in every case: the three cards stay the same
+              // size, and the photoless schematic crops give the maps
+              // matching aspects within them.
+              /* @__PURE__ */ a("div", { className: "ds:grid ds:grid-cols-1 ds:items-center ds:gap-[var(--spacing-md)] ds:md:grid-cols-3", children: Dr.map((e) => /* @__PURE__ */ a("div", { className: "ds:min-w-0", children: Sr(e) }, e)) })
+            ) : Sr(A)),
+            In && Ln && /* @__PURE__ */ a(Oe, { variant: "elevated", "data-testid": "face-scheme-legend", children: /* @__PURE__ */ a(Oe.Body, { children: /* @__PURE__ */ a(
+              "ul",
+              {
+                "aria-label": f("faceScheme.legendLabel"),
+                className: "ds:m-0 ds:flex ds:flex-wrap ds:gap-x-4 ds:gap-y-1 ds:p-0 ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]",
+                children: Rr.map((e) => {
+                  const t = _t[e];
+                  return /* @__PURE__ */ a(
+                    "li",
+                    {
+                      className: "ds:flex ds:list-none ds:items-center",
+                      children: /* @__PURE__ */ a(
+                        Qi,
+                        {
+                          shape: t.shape,
+                          tone: t.tone,
+                          size: "sm",
+                          label: f(`faceScheme.finding.${e}`)
+                        }
+                      )
+                    },
+                    e
+                  );
+                })
+              }
+            ) }) })
+          ] }),
+          dr && /* @__PURE__ */ a("div", { className: Ei, children: /* @__PURE__ */ a(
+            Oe,
+            {
+              variant: "elevated",
+              "data-testid": "face-scheme-panel",
+              id: En,
+              className: zi,
+              children: /* @__PURE__ */ C(Oe.Body, { className: Li, children: [
+                Zi,
+                J && (Je || Se) && /* @__PURE__ */ a(Tt, {}),
+                Oi,
+                Je && Se && /* @__PURE__ */ a(Tt, {}),
+                Se && /* @__PURE__ */ C(
+                  "div",
+                  {
+                    "data-testid": "face-scheme-registration",
+                    role: "group",
+                    "aria-labelledby": mr,
+                    className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+                    children: [
+                      /* @__PURE__ */ a("span", { id: mr, className: me, children: f("faceScheme.panel.fit") }),
+                      /* @__PURE__ */ a("p", { className: "ds:m-0 ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]", children: f("faceScheme.registration.hint") }),
+                      /* @__PURE__ */ a("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-xs)] ds:sm:grid-cols-2", children: Io.map((e) => {
+                        const t = No[e], i = e === "scaleX" || e === "scaleY";
+                        return /* @__PURE__ */ C(
+                          "div",
+                          {
+                            className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:text-[length:var(--font-size-xs)] ds:text-[var(--foreground)]",
+                            children: [
+                              /* @__PURE__ */ a("span", { children: f(`faceScheme.registration.${e}`) }),
+                              /* @__PURE__ */ a(
+                                ns,
+                                {
+                                  "aria-label": f(`faceScheme.registration.${e}`),
+                                  value: [Vt[e]],
+                                  min: t.min,
+                                  max: t.max,
+                                  step: t.step,
+                                  formatValue: (s) => i ? `${Math.round(s * 100)}%` : e === "rotation" || e === "shear" ? `${s.toFixed(1)}°` : `${Math.round(s)}`,
+                                  onValueChange: (s) => {
+                                    const u = s[0];
+                                    typeof u == "number" && Ai(e, u);
+                                  }
+                                }
+                              )
+                            ]
+                          },
+                          e
+                        );
+                      }) }),
+                      /* @__PURE__ */ C("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-xs)]", children: [
+                        cr && /* @__PURE__ */ a(
+                          P,
+                          {
+                            size: "sm",
+                            intent: "primary",
+                            onClick: () => void fn(),
+                            disabled: At === "loading" || At === "detecting",
+                            children: f("faceScheme.registration.autoDetect")
+                          }
+                        ),
+                        /* @__PURE__ */ a(
+                          P,
+                          {
+                            size: "sm",
+                            intent: "outline",
+                            onClick: () => ae(De),
+                            children: f("faceScheme.registration.reset")
+                          }
+                        ),
+                        cr && /* @__PURE__ */ a(
+                          "span",
+                          {
+                            role: "status",
+                            "aria-live": "polite",
+                            className: "ds:self-center ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]",
+                            children: At === "idle" ? "" : f(`faceScheme.detect.${At}`)
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                ),
+                he && /* @__PURE__ */ C(Ir, { children: [
+                  (J || Je || Se) && /* @__PURE__ */ a(Tt, {}),
+                  /* @__PURE__ */ C(
+                    "div",
+                    {
+                      "data-testid": "face-scheme-zoom",
+                      role: "group",
+                      "aria-labelledby": pr,
+                      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+                      children: [
+                        /* @__PURE__ */ a("span", { id: pr, className: me, children: f("faceScheme.zoomLabel") }),
+                        /* @__PURE__ */ C("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                          /* @__PURE__ */ a(
+                            Ze,
+                            {
+                              size: "sm",
+                              icon: /* @__PURE__ */ a(ms, { "aria-hidden": "true" }),
+                              "aria-label": f("faceScheme.zoomOut"),
+                              disabled: xe.k <= 1,
+                              onClick: () => Wn(1 / 1.3)
+                            }
+                          ),
+                          /* @__PURE__ */ C(
+                            "span",
+                            {
+                              role: "status",
+                              "aria-live": "polite",
+                              "aria-label": f("faceScheme.zoomLevel"),
+                              className: "ds:min-w-[3.5rem] ds:text-center ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]",
+                              children: [
+                                Math.round(xe.k * 100),
+                                "%"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ a(
+                            Ze,
+                            {
+                              size: "sm",
+                              icon: /* @__PURE__ */ a(ps, { "aria-hidden": "true" }),
+                              "aria-label": f("faceScheme.zoomIn"),
+                              disabled: xe.k >= Vr,
+                              onClick: () => Wn(1.3)
+                            }
+                          ),
+                          /* @__PURE__ */ a(
+                            P,
+                            {
+                              size: "sm",
+                              intent: "outline",
+                              startIcon: /* @__PURE__ */ a(gs, { "aria-hidden": "true" }),
+                              disabled: xe.k <= 1,
+                              onClick: qt,
+                              children: f("faceScheme.resetView")
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  )
+                ] }),
+                In && /* @__PURE__ */ C(Ir, { children: [
+                  /* @__PURE__ */ a(Tt, {}),
+                  /* @__PURE__ */ a(
+                    rs,
+                    {
+                      size: "sm",
+                      label: f("faceScheme.showLegend"),
+                      checked: Ln,
+                      onCheckedChange: ei
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+Ao.displayName = "FaceScheme";
+export {
+  sa as A,
+  to as F,
+  De as I,
+  _t as a,
+  Rr as b,
+  Sn as c,
+  eo as d,
+  Ao as e,
+  Et as f,
+  io as g,
+  ro as h,
+  rt as i,
+  no as j,
+  ho as k,
+  mo as l,
+  Ds as m,
+  Rs as n,
+  Hr as o,
+  ao as p,
+  aa as q,
+  ca as r,
+  oa as s,
+  Nn as t,
+  Kr as u
+};
+//# sourceMappingURL=face-scheme-C0rk21gg.js.map