@squaredr/fieldcraft-pro 0.0.5 → 1.0.0

package/dist/chunk-LOFGBNJV.mjs

@@ -0,0 +1,976 @@
+import { cn } from './chunk-QQ4JZGTD.mjs';
+import { requireLicense } from '@squaredr/fieldcraft-pro-license';
+import { useState } from 'react';
+import { Button, Separator } from '@squaredr/fieldcraft-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/response-viewer/clinical-display-data.ts
+var BODY_REGION_LABELS = {
+  head: "Head",
+  neck: "Neck",
+  "left-shoulder": "Left Shoulder",
+  "right-shoulder": "Right Shoulder",
+  chest: "Chest",
+  abdomen: "Abdomen",
+  "left-upper-arm": "Left Upper Arm",
+  "right-upper-arm": "Right Upper Arm",
+  "left-forearm": "Left Forearm",
+  "right-forearm": "Right Forearm",
+  "left-hand": "Left Hand",
+  "right-hand": "Right Hand",
+  pelvis: "Pelvis",
+  "left-thigh": "Left Thigh",
+  "right-thigh": "Right Thigh",
+  "left-knee": "Left Knee",
+  "right-knee": "Right Knee",
+  "left-shin": "Left Shin",
+  "right-shin": "Right Shin",
+  "left-foot": "Left Foot",
+  "right-foot": "Right Foot"
+};
+var PAIN_FACE_LABELS = [
+  { score: 0, label: "No Hurt", color: "#22c55e" },
+  { score: 2, label: "Hurts Little Bit", color: "#84cc16" },
+  { score: 4, label: "Hurts Little More", color: "#eab308" },
+  { score: 6, label: "Hurts Even More", color: "#f97316" },
+  { score: 8, label: "Hurts Whole Lot", color: "#ef4444" },
+  { score: 10, label: "Hurts Worst", color: "#dc2626" }
+];
+function getPainLabel(score) {
+  const face = PAIN_FACE_LABELS.reduce(
+    (closest, f) => closest == null || Math.abs(f.score - score) < Math.abs(closest.score - score) ? f : closest,
+    void 0
+  );
+  return face;
+}
+var SEVERITY_COLORS = {
+  mild: "#eab308",
+  moderate: "#f97316",
+  severe: "#ef4444",
+  "life-threatening": "#991b1b"
+};
+var BMI_CATEGORIES = [
+  { label: "Underweight", max: 18.5, color: "#3b82f6" },
+  { label: "Normal", max: 25, color: "#22c55e" },
+  { label: "Overweight", max: 30, color: "#eab308" },
+  { label: "Obese", max: Infinity, color: "#ef4444" }
+];
+function getBmiCategory(bmi) {
+  return BMI_CATEGORIES.find((c) => bmi < c.max) ?? BMI_CATEGORIES[BMI_CATEGORIES.length - 1];
+}
+var INSTRUMENT_DISPLAY_NAMES = {
+  phq9: "PHQ-9",
+  phq2: "PHQ-2",
+  gad7: "GAD-7",
+  gad2: "GAD-2",
+  "audit-c": "AUDIT-C",
+  dast10: "DAST-10",
+  cssrs: "C-SSRS",
+  epds: "EPDS",
+  isi: "ISI",
+  pcl5: "PCL-5",
+  psc17: "PSC-17"
+};
+var SCORE_THRESHOLDS = {
+  phq9: [
+    { min: 0, max: 4, label: "Minimal", color: "#22c55e" },
+    { min: 5, max: 9, label: "Mild", color: "#eab308" },
+    { min: 10, max: 14, label: "Moderate", color: "#f97316" },
+    { min: 15, max: 19, label: "Moderately Severe", color: "#ef4444" },
+    { min: 20, max: 27, label: "Severe", color: "#dc2626" }
+  ],
+  phq2: [
+    { min: 0, max: 2, label: "Negative Screen", color: "#22c55e" },
+    { min: 3, max: 6, label: "Positive Screen", color: "#ef4444" }
+  ],
+  gad7: [
+    { min: 0, max: 4, label: "Minimal", color: "#22c55e" },
+    { min: 5, max: 9, label: "Mild", color: "#eab308" },
+    { min: 10, max: 14, label: "Moderate", color: "#f97316" },
+    { min: 15, max: 21, label: "Severe", color: "#ef4444" }
+  ],
+  gad2: [
+    { min: 0, max: 2, label: "Negative Screen", color: "#22c55e" },
+    { min: 3, max: 6, label: "Positive Screen", color: "#ef4444" }
+  ],
+  "audit-c": [
+    { min: 0, max: 3, label: "Low Risk", color: "#22c55e" },
+    { min: 4, max: 7, label: "At Risk", color: "#eab308" },
+    { min: 8, max: 12, label: "High Risk", color: "#ef4444" }
+  ],
+  dast10: [
+    { min: 0, max: 0, label: "No Problems", color: "#22c55e" },
+    { min: 1, max: 2, label: "Low Level", color: "#eab308" },
+    { min: 3, max: 5, label: "Moderate Level", color: "#f97316" },
+    { min: 6, max: 8, label: "Substantial Level", color: "#ef4444" },
+    { min: 9, max: 10, label: "Severe Level", color: "#dc2626" }
+  ],
+  cssrs: [
+    { min: 0, max: 0, label: "No Risk Identified", color: "#22c55e" },
+    { min: 1, max: 1, label: "Wish to be Dead", color: "#eab308" },
+    { min: 2, max: 2, label: "Non-specific Active Suicidal Thoughts", color: "#f97316" },
+    { min: 3, max: 3, label: "Active Suicidal Ideation", color: "#ef4444" },
+    { min: 4, max: 4, label: "Active Ideation with Intent", color: "#dc2626" },
+    { min: 5, max: 5, label: "Active Ideation with Plan", color: "#991b1b" },
+    { min: 6, max: 6, label: "Imminent Risk", color: "#7f1d1d" }
+  ],
+  epds: [
+    { min: 0, max: 8, label: "Low Likelihood", color: "#22c55e" },
+    { min: 9, max: 11, label: "Possible Depression", color: "#eab308" },
+    { min: 12, max: 13, label: "Fairly High Possibility", color: "#f97316" },
+    { min: 14, max: 30, label: "Probable Depression", color: "#ef4444" }
+  ],
+  isi: [
+    { min: 0, max: 7, label: "No Clinically Significant Insomnia", color: "#22c55e" },
+    { min: 8, max: 14, label: "Subthreshold Insomnia", color: "#eab308" },
+    { min: 15, max: 21, label: "Clinical Insomnia (Moderate)", color: "#f97316" },
+    { min: 22, max: 28, label: "Clinical Insomnia (Severe)", color: "#ef4444" }
+  ],
+  pcl5: [
+    { min: 0, max: 30, label: "Below Threshold", color: "#22c55e" },
+    { min: 31, max: 80, label: "Probable PTSD", color: "#ef4444" }
+  ],
+  psc17: [
+    { min: 0, max: 14, label: "No Significant Concerns", color: "#22c55e" },
+    { min: 15, max: 34, label: "Significant Concerns", color: "#ef4444" }
+  ]
+};
+function getScoreSeverity(instrumentKey, score) {
+  const thresholds = SCORE_THRESHOLDS[instrumentKey];
+  if (!thresholds) return void 0;
+  return thresholds.find((t) => score >= t.min && score <= t.max);
+}
+function ResponseTable({ schema, responses, onRowClick }) {
+  const questions = getAllQuestions(schema);
+  return /* @__PURE__ */ jsx("div", { className: "overflow-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-[13px]", children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "bg-muted", children: [
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Submitted" }),
+      questions.map((q) => /* @__PURE__ */ jsx(
+        "th",
+        {
+          className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap",
+          children: q.label
+        },
+        q.id
+      )),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Score" })
+    ] }) }),
+    /* @__PURE__ */ jsxs("tbody", { children: [
+      responses.map((response, idx) => /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          onClick: () => onRowClick?.(response),
+          className: onRowClick ? "cursor-pointer border-b border-border hover:bg-accent transition-colors" : "border-b border-border",
+          children: [
+            /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-foreground max-w-50 overflow-hidden text-ellipsis whitespace-nowrap", children: new Date(response.submittedAt).toLocaleString() }),
+            questions.map((q) => /* @__PURE__ */ jsx(
+              "td",
+              {
+                className: "px-3 py-2 text-foreground max-w-50 overflow-hidden text-ellipsis whitespace-nowrap",
+                children: formatCellValue(response.values[q.id], q.type)
+              },
+              q.id
+            )),
+            /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-foreground max-w-50 overflow-hidden text-ellipsis whitespace-nowrap", children: response.totalScore ?? "\u2014" })
+          ]
+        },
+        response.sessionToken || idx
+      )),
+      responses.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+        "td",
+        {
+          colSpan: questions.length + 2,
+          className: "px-3 py-8 text-center text-muted-foreground",
+          children: "No responses yet"
+        }
+      ) })
+    ] })
+  ] }) });
+}
+function getAllQuestions(schema) {
+  const questions = [];
+  for (const section of schema.sections) {
+    for (const q of section.questions) {
+      if (q.type === "info-block" || q.type === "section-header" || q.type === "page-break") {
+        continue;
+      }
+      questions.push(q);
+    }
+  }
+  return questions;
+}
+function formatCellValue(value, type) {
+  if (value == null) return "\u2014";
+  if (type) {
+    switch (type) {
+      case "vitals_entry": {
+        if (typeof value !== "object" || value === null) break;
+        const v = value;
+        const parts = [];
+        if (v.systolicBp && v.diastolicBp) parts.push(`BP ${v.systolicBp}/${v.diastolicBp}`);
+        if (v.heartRate) parts.push(`HR ${v.heartRate}`);
+        if (v.temperature) parts.push(`${v.temperature}\xB0F`);
+        if (v.oxygenSaturation) parts.push(`SpO\u2082 ${v.oxygenSaturation}%`);
+        return parts.length > 0 ? parts.join(", ") : "\u2014";
+      }
+      case "medication_list":
+        if (Array.isArray(value)) return `${value.length} medication${value.length !== 1 ? "s" : ""}`;
+        break;
+      case "allergy_list":
+        if (Array.isArray(value)) return `${value.length} allerg${value.length !== 1 ? "ies" : "y"}`;
+        break;
+      case "body_diagram":
+        if (Array.isArray(value)) {
+          const labels = value.map((id) => BODY_REGION_LABELS[id] ?? id);
+          return labels.join(", ");
+        }
+        break;
+      case "pain_scale":
+        if (typeof value === "number") return `${value}/10`;
+        break;
+      case "bmi_calculator": {
+        if (typeof value !== "object" || value === null) break;
+        const d = value;
+        if (d.bmi != null) return `BMI ${d.bmi}`;
+        break;
+      }
+      case "payment": {
+        if (typeof value !== "object" || value === null) break;
+        const p = value;
+        const status = p.status;
+        return status ? status.charAt(0).toUpperCase() + status.slice(1) : "\u2014";
+      }
+      case "insurance_card": {
+        if (typeof value !== "object" || value === null) break;
+        const ins = value;
+        const parts = [ins.carrierId, ins.planName].filter(Boolean);
+        return parts.length > 0 ? parts.join(" \u2014 ") : "Card uploaded";
+      }
+      case "legal_name": {
+        if (typeof value !== "object" || value === null) break;
+        const n = value;
+        return [n.first, n.last].filter(Boolean).join(" ") || "\u2014";
+      }
+      case "address": {
+        if (typeof value !== "object" || value === null) break;
+        const a = value;
+        return [a.city, a.state].filter(Boolean).join(", ") || "\u2014";
+      }
+      case "consent":
+        return value === true || value === "true" || value === "agreed" ? "Agreed" : "Not agreed";
+      case "signature":
+        return typeof value === "string" && value.startsWith("data:image") ? "Signed" : "\u2014";
+    }
+  }
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  if (Array.isArray(value)) return value.join(", ");
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function ResponseCard({ response, fields, onClick }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      onClick,
+      className: onClick ? "border border-border rounded-lg p-4 bg-card cursor-pointer transition-shadow hover:shadow-md" : "border border-border rounded-lg p-4 bg-card",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between mb-3 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("span", { children: new Date(response.submittedAt).toLocaleString() }),
+          response.completionTimeMs != null && /* @__PURE__ */ jsxs("span", { children: [
+            Math.round(response.completionTimeMs / 1e3),
+            "s"
+          ] })
+        ] }),
+        fields.slice(0, 4).map((field) => /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground mb-0.5", children: field.label }),
+          /* @__PURE__ */ jsx("div", { className: "text-[13px] text-foreground", children: formatCardValue(field.value, field.type) })
+        ] }, field.questionId)),
+        fields.length > 4 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground mt-2", children: [
+          "+",
+          fields.length - 4,
+          " more fields"
+        ] }),
+        response.totalScore != null && /* @__PURE__ */ jsxs("div", { className: "mt-3 pt-2 border-t border-border text-[13px] font-semibold text-foreground", children: [
+          "Score: ",
+          response.totalScore
+        ] })
+      ]
+    }
+  );
+}
+function formatCardValue(value, type) {
+  if (value == null) return "\u2014";
+  if (type) {
+    switch (type) {
+      case "vitals_entry": {
+        if (typeof value !== "object" || value === null) break;
+        const v = value;
+        const parts = [];
+        if (v.systolicBp && v.diastolicBp) parts.push(`BP ${v.systolicBp}/${v.diastolicBp}`);
+        if (v.heartRate) parts.push(`HR ${v.heartRate}`);
+        if (v.temperature) parts.push(`${v.temperature}\xB0F`);
+        if (v.oxygenSaturation) parts.push(`SpO\u2082 ${v.oxygenSaturation}%`);
+        return parts.length > 0 ? parts.join(", ") : "\u2014";
+      }
+      case "medication_list":
+        if (Array.isArray(value)) return `${value.length} medication${value.length !== 1 ? "s" : ""}`;
+        break;
+      case "allergy_list":
+        if (Array.isArray(value)) return `${value.length} allerg${value.length !== 1 ? "ies" : "y"}`;
+        break;
+      case "body_diagram":
+        if (Array.isArray(value)) {
+          const labels = value.map((id) => BODY_REGION_LABELS[id] ?? id);
+          return labels.join(", ");
+        }
+        break;
+      case "pain_scale":
+        if (typeof value === "number") return `${value}/10`;
+        break;
+      case "bmi_calculator": {
+        if (typeof value !== "object" || value === null) break;
+        const d = value;
+        if (d.bmi != null) return `BMI ${d.bmi}`;
+        break;
+      }
+      case "payment": {
+        if (typeof value !== "object" || value === null) break;
+        const p = value;
+        const status = p.status;
+        return status ? status.charAt(0).toUpperCase() + status.slice(1) : "\u2014";
+      }
+      case "insurance_card": {
+        if (typeof value !== "object" || value === null) break;
+        const ins = value;
+        const parts = [ins.carrierId, ins.planName].filter(Boolean);
+        return parts.length > 0 ? parts.join(" \u2014 ") : "Card uploaded";
+      }
+      case "legal_name": {
+        if (typeof value !== "object" || value === null) break;
+        const n = value;
+        return [n.first, n.last].filter(Boolean).join(" ") || "\u2014";
+      }
+      case "address": {
+        if (typeof value !== "object" || value === null) break;
+        const a = value;
+        return [a.city, a.state].filter(Boolean).join(", ") || "\u2014";
+      }
+      case "consent":
+        return value === true || value === "true" || value === "agreed" ? "Agreed" : "Not agreed";
+      case "signature":
+        return typeof value === "string" && value.startsWith("data:image") ? "Signed" : "\u2014";
+    }
+  }
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  if (Array.isArray(value)) return value.map(String).join(", ");
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function ResponseDetail({ response, fields, onBack }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-5 pb-3 border-b border-border", children: [
+      onBack && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onBack, children: "Back" }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground", children: "Response Detail" }),
+        /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+          "Submitted ",
+          new Date(response.submittedAt).toLocaleString(),
+          response.completionTimeMs != null && ` \u2014 ${Math.round(response.completionTimeMs / 1e3)}s`
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: fields.map((field) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "p-3 bg-muted rounded-md",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground mb-1", children: [
+            field.label,
+            /* @__PURE__ */ jsxs("span", { className: "ml-2 text-[11px] text-muted-foreground", children: [
+              "(",
+              field.type,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "text-sm text-foreground", children: renderFieldValue(field) })
+        ]
+      },
+      field.questionId
+    )) }),
+    response.scores && Object.keys(response.scores).length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-5", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground mb-3", children: "Scores" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-3 flex-wrap", children: [
+        Object.entries(response.scores).map(([key, value]) => {
+          const displayName = INSTRUMENT_DISPLAY_NAMES[key] ?? key;
+          const severity = typeof value === "number" ? getScoreSeverity(key, value) : void 0;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "px-4 py-2 bg-accent rounded-md text-[13px] flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                  displayName,
+                  ": "
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "font-semibold text-primary", children: value }),
+                severity && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "text-[11px] font-semibold px-2 py-0.5 rounded-full text-white",
+                    style: { backgroundColor: severity.color },
+                    children: severity.label
+                  }
+                )
+              ]
+            },
+            key
+          );
+        }),
+        response.totalScore != null && /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 bg-accent rounded-md text-[13px]", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Total: " }),
+          /* @__PURE__ */ jsx("span", { className: "font-semibold text-primary", children: response.totalScore })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-5 pt-3 border-t border-border text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        "Schema: ",
+        response.schemaId,
+        " (v",
+        response.schemaVersion,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        "Session: ",
+        response.sessionToken
+      ] })
+    ] })
+  ] });
+}
+function renderFieldValue(field) {
+  const { type, value } = field;
+  if (value == null) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+  switch (type) {
+    case "vitals_entry":
+      return renderVitals(value);
+    case "medication_list":
+      return renderMedications(value);
+    case "allergy_list":
+      return renderAllergies(value);
+    case "bmi_calculator":
+      return renderBmi(value);
+    case "body_diagram":
+      return renderBodyDiagram(value);
+    case "pain_scale":
+      return renderPainScale(value);
+    case "insurance_card":
+      return renderInsurance(value);
+    case "payment":
+      return renderPayment(value);
+    case "legal_name":
+      return renderLegalName(value);
+    case "address":
+      return renderAddress(value);
+    case "consent":
+      return renderConsent(value);
+    case "signature":
+      return renderSignature(value);
+    default:
+      return /* @__PURE__ */ jsx("span", { className: "whitespace-pre-wrap", children: formatFallbackValue(value) });
+  }
+}
+var VITALS_LABELS = {
+  systolicBp: { label: "Systolic BP", unit: "mmHg", normalRange: "90-140" },
+  diastolicBp: { label: "Diastolic BP", unit: "mmHg", normalRange: "60-90" },
+  heartRate: { label: "Heart Rate", unit: "bpm", normalRange: "60-100" },
+  temperature: { label: "Temperature", unit: "\xB0F", normalRange: "97.0-99.5" },
+  respiratoryRate: { label: "Respiratory Rate", unit: "/min", normalRange: "12-20" },
+  oxygenSaturation: { label: "SpO\u2082", unit: "%", normalRange: "95-100" }
+};
+function renderVitals(value) {
+  if (typeof value !== "object" || value === null) return formatFallbackValue(value);
+  const vitals = value;
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: Object.entries(VITALS_LABELS).map(([key, meta]) => {
+    const val = vitals[key];
+    if (val == null || val === 0) return null;
+    return /* @__PURE__ */ jsxs("div", { className: "text-[13px]", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+        meta.label,
+        ": "
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+        String(val),
+        " ",
+        meta.unit
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-muted-foreground ml-1", children: [
+        "(",
+        meta.normalRange,
+        ")"
+      ] })
+    ] }, key);
+  }) });
+}
+function renderMedications(value) {
+  if (!Array.isArray(value) || value.length === 0) return "No medications";
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: value.map((med, idx) => {
+    const m = med;
+    const parts = [m.dosage, m.frequency, m.route].filter(Boolean);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "px-3 py-2 border border-border rounded-md text-[13px]",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "font-semibold", children: m.name || "Unnamed" }),
+          parts.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            " \u2014 ",
+            parts.join(" \xB7 ")
+          ] }),
+          m.notes && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mt-0.5", children: m.notes })
+        ]
+      },
+      idx
+    );
+  }) });
+}
+function renderAllergies(value) {
+  if (!Array.isArray(value) || value.length === 0) return "No allergies";
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: value.map((allergy, idx) => {
+    const a = allergy;
+    const sevColor = SEVERITY_COLORS[a.severity];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "px-3 py-2 border border-border rounded-md text-[13px] flex items-center gap-2 flex-wrap",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "font-semibold", children: a.allergen || "Unknown" }),
+          a.type && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-muted-foreground", children: [
+            "(",
+            a.type,
+            ")"
+          ] }),
+          a.severity && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "text-[11px] font-semibold px-2 py-0.5 rounded-full",
+              style: {
+                backgroundColor: sevColor ?? "var(--accent)",
+                color: sevColor ? "#fff" : "var(--foreground)"
+              },
+              children: a.severity
+            }
+          ),
+          a.reaction && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            "\u2014 ",
+            a.reaction
+          ] })
+        ]
+      },
+      idx
+    );
+  }) });
+}
+function renderBmi(value) {
+  if (typeof value !== "object" || value === null) return formatFallbackValue(value);
+  const data = value;
+  const bmi = data.bmi;
+  const unit = data.unit ?? "imperial";
+  const height = data.height;
+  const weight = data.weight;
+  const heightUnit = unit === "metric" ? "cm" : "in";
+  const weightUnit = unit === "metric" ? "kg" : "lbs";
+  const category = bmi != null ? getBmiCategory(bmi) : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "text-[13px] flex items-center gap-2 flex-wrap", children: [
+    height != null && /* @__PURE__ */ jsxs("span", { children: [
+      "Height: ",
+      height,
+      " ",
+      heightUnit
+    ] }),
+    height != null && weight != null && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "|" }),
+    weight != null && /* @__PURE__ */ jsxs("span", { children: [
+      "Weight: ",
+      weight,
+      " ",
+      weightUnit
+    ] }),
+    bmi != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" }),
+      /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
+        "BMI: ",
+        bmi
+      ] }),
+      category && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "text-[11px] font-semibold px-2 py-0.5 rounded-full text-white",
+          style: { backgroundColor: category.color },
+          children: category.label
+        }
+      )
+    ] })
+  ] });
+}
+function renderBodyDiagram(value) {
+  if (!Array.isArray(value) || value.length === 0) return "No regions selected";
+  const labels = value.map((id) => BODY_REGION_LABELS[id] ?? id);
+  return /* @__PURE__ */ jsx("span", { children: labels.join(", ") });
+}
+function renderPainScale(value) {
+  if (typeof value !== "number") return formatFallbackValue(value);
+  const face = getPainLabel(value);
+  return /* @__PURE__ */ jsxs("span", { className: "font-semibold", style: { color: face?.color }, children: [
+    value,
+    "/10",
+    face ? ` \u2014 ${face.label}` : ""
+  ] });
+}
+function renderInsurance(value) {
+  if (typeof value !== "object" || value === null) return formatFallbackValue(value);
+  const ins = value;
+  const textFields = [
+    { key: "carrierId", label: "Carrier" },
+    { key: "planName", label: "Plan" },
+    { key: "memberId", label: "Member ID" },
+    { key: "groupNumber", label: "Group #" },
+    { key: "subscriberName", label: "Subscriber" },
+    { key: "relationship", label: "Relationship" }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-x-3 gap-y-1 text-[13px]", children: textFields.map(({ key, label }) => {
+      const val = ins[key];
+      if (!val) return null;
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          label,
+          ": "
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: String(val) })
+      ] }, key);
+    }) }),
+    !!(ins.frontImage || ins.backImage) && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-1", children: [
+      typeof ins.frontImage === "string" && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: ins.frontImage,
+          alt: "Front of card",
+          className: "h-12 rounded border border-border"
+        }
+      ),
+      typeof ins.backImage === "string" && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: ins.backImage,
+          alt: "Back of card",
+          className: "h-12 rounded border border-border"
+        }
+      )
+    ] })
+  ] });
+}
+function renderPayment(value) {
+  if (typeof value !== "object" || value === null) return formatFallbackValue(value);
+  const payment = value;
+  const status = payment.status;
+  const statusConfig = {
+    succeeded: { bg: "#22c55e", label: "Succeeded" },
+    failed: { bg: "#ef4444", label: "Failed" },
+    processing: { bg: "#eab308", label: "Processing" }
+  };
+  const cfg = statusConfig[status];
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[13px]", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "text-[11px] font-semibold px-2.5 py-0.5 rounded-full text-white",
+        style: { backgroundColor: cfg?.bg ?? "var(--accent)" },
+        children: cfg?.label ?? status
+      }
+    ),
+    !!payment.chargeId && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: String(payment.chargeId) }),
+    !!payment.error && /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive", children: String(payment.error) })
+  ] });
+}
+function renderLegalName(value) {
+  if (typeof value !== "object" || value === null) return formatFallbackValue(value);
+  const name = value;
+  const parts = [name.first, name.middle, name.last].filter(Boolean);
+  return /* @__PURE__ */ jsx("span", { className: "font-medium", children: parts.join(" ") || "\u2014" });
+}
+function renderAddress(value) {
+  if (typeof value !== "object" || value === null) return formatFallbackValue(value);
+  const addr = value;
+  const line1 = [addr.street, addr.street2].filter(Boolean).join(", ");
+  const line2 = [addr.city, addr.state, addr.zip].filter(Boolean).join(", ");
+  const full = [line1, line2].filter(Boolean).join(", ");
+  return /* @__PURE__ */ jsx("span", { children: full || "\u2014" });
+}
+function renderConsent(value) {
+  const agreed = value === true || value === "true" || value === "agreed";
+  return /* @__PURE__ */ jsx("span", { className: agreed ? "font-semibold text-green-500" : "font-semibold text-muted-foreground", children: agreed ? "Agreed" : "Not agreed" });
+}
+function renderSignature(value) {
+  if (typeof value !== "string") return formatFallbackValue(value);
+  if (value.startsWith("data:image")) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: value,
+        alt: "Signature",
+        className: "h-15 border border-border rounded"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("span", { children: value });
+}
+function formatFallbackValue(value) {
+  if (value == null) return "\u2014";
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  if (Array.isArray(value)) return value.map(formatFallbackValue).join(", ");
+  if (typeof value === "object") return JSON.stringify(value, null, 2);
+  return String(value);
+}
+
+// src/response-viewer/export-utils.ts
+function exportToCsv(schema, responses, filename = "responses.csv") {
+  const questions = getExportableQuestions(schema);
+  const headers = ["Submitted", ...questions.map((q) => q.label), "Score"];
+  const rows = responses.map((r) => {
+    const submitted = new Date(r.submittedAt).toLocaleString();
+    const values = questions.map((q) => formatExportValue(r.values[q.id], q.type));
+    const score = r.totalScore != null ? String(r.totalScore) : "";
+    return [submitted, ...values, score];
+  });
+  const csvContent = [headers, ...rows].map((row) => row.map(escapeCsvField).join(",")).join("\n");
+  downloadBlob(csvContent, filename, "text/csv;charset=utf-8;");
+}
+function exportToJson(responses, filename = "responses.json") {
+  const content = JSON.stringify(responses, null, 2);
+  downloadBlob(content, filename, "application/json;charset=utf-8;");
+}
+function getExportableQuestions(schema) {
+  const questions = [];
+  for (const section of schema.sections) {
+    for (const q of section.questions) {
+      if (q.type === "info-block" || q.type === "section-header" || q.type === "page-break") {
+        continue;
+      }
+      questions.push(q);
+    }
+  }
+  return questions;
+}
+function formatExportValue(value, type) {
+  if (value == null) return "";
+  switch (type) {
+    case "vitals_entry": {
+      if (typeof value !== "object" || value === null) break;
+      const v = value;
+      const parts = [];
+      if (v.systolicBp && v.diastolicBp) parts.push(`BP ${v.systolicBp}/${v.diastolicBp}`);
+      if (v.heartRate) parts.push(`HR ${v.heartRate}`);
+      if (v.temperature) parts.push(`${v.temperature}\xB0F`);
+      if (v.oxygenSaturation) parts.push(`SpO2 ${v.oxygenSaturation}%`);
+      return parts.join("; ");
+    }
+    case "medication_list":
+      if (Array.isArray(value)) {
+        return value.map((m) => [m.name, m.dosage, m.frequency].filter(Boolean).join(" ")).join("; ");
+      }
+      break;
+    case "allergy_list":
+      if (Array.isArray(value)) {
+        return value.map((a) => [a.allergen, a.severity].filter(Boolean).join(" - ")).join("; ");
+      }
+      break;
+    case "body_diagram":
+      if (Array.isArray(value)) {
+        return value.map((id) => BODY_REGION_LABELS[id] ?? id).join("; ");
+      }
+      break;
+    case "pain_scale":
+      return typeof value === "number" ? `${value}/10` : String(value);
+    case "bmi_calculator": {
+      if (typeof value !== "object" || value === null) break;
+      const d = value;
+      return d.bmi != null ? `BMI ${d.bmi}` : "";
+    }
+    case "payment": {
+      if (typeof value !== "object" || value === null) break;
+      return value.status ?? "";
+    }
+    case "legal_name": {
+      if (typeof value !== "object" || value === null) break;
+      const n = value;
+      return [n.first, n.middle, n.last].filter(Boolean).join(" ");
+    }
+    case "address": {
+      if (typeof value !== "object" || value === null) break;
+      const a = value;
+      return [a.street, a.city, a.state, a.zip].filter(Boolean).join(", ");
+    }
+    case "consent":
+      return value === true || value === "true" || value === "agreed" ? "Agreed" : "Not agreed";
+    case "signature":
+      return typeof value === "string" && value.startsWith("data:image") ? "Signed" : "";
+  }
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  if (Array.isArray(value)) return value.join("; ");
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function escapeCsvField(field) {
+  if (field.includes(",") || field.includes('"') || field.includes("\n")) {
+    return `"${field.replace(/"/g, '""')}"`;
+  }
+  return field;
+}
+function downloadBlob(content, filename, mimeType) {
+  const blob = new Blob([content], { type: mimeType });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(url);
+}
+function ResponseViewerInner({
+  schema,
+  responses,
+  onResponseSelect,
+  height = "500px",
+  width = "100%"
+}) {
+  const [viewMode, setViewMode] = useState("table");
+  const [selectedResponse, setSelectedResponse] = useState(null);
+  function handleSelect(response) {
+    setSelectedResponse(response);
+    onResponseSelect?.(response);
+  }
+  function handleBack() {
+    setSelectedResponse(null);
+  }
+  const questions = getAllQuestions2(schema);
+  function getFields(response) {
+    return questions.map((q) => ({
+      questionId: q.id,
+      label: q.label,
+      type: q.type,
+      value: response.values[q.id]
+    }));
+  }
+  const heightValue = typeof height === "number" ? `${height}px` : height;
+  const widthValue = typeof width === "number" ? `${width}px` : width;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-col border border-border rounded-lg overflow-hidden bg-background text-foreground",
+      style: { height: heightValue, width: widthValue },
+      children: [
+        !selectedResponse && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center px-3 py-2 border-b border-border", children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+            responses.length,
+            " response",
+            responses.length !== 1 ? "s" : ""
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: viewMode === "table" ? "secondary" : "ghost",
+                size: "sm",
+                className: cn(
+                  "h-7 text-xs",
+                  viewMode === "table" && "font-semibold border border-ring"
+                ),
+                onClick: () => setViewMode("table"),
+                children: "Table"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: viewMode === "card" ? "secondary" : "ghost",
+                size: "sm",
+                className: cn(
+                  "h-7 text-xs",
+                  viewMode === "card" && "font-semibold border border-ring"
+                ),
+                onClick: () => setViewMode("card"),
+                children: "Cards"
+              }
+            ),
+            /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "h-5 mx-1" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                className: "h-7 text-xs",
+                onClick: () => exportToCsv(schema, responses),
+                disabled: responses.length === 0,
+                children: "Export CSV"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                className: "h-7 text-xs",
+                onClick: () => exportToJson(responses),
+                disabled: responses.length === 0,
+                children: "Export JSON"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: cn("flex-1 overflow-auto", selectedResponse && "p-4"), children: selectedResponse ? /* @__PURE__ */ jsx(
+          ResponseDetail,
+          {
+            response: selectedResponse,
+            fields: getFields(selectedResponse),
+            onBack: handleBack
+          }
+        ) : viewMode === "table" ? /* @__PURE__ */ jsx(
+          ResponseTable,
+          {
+            schema,
+            responses,
+            onRowClick: handleSelect
+          }
+        ) : /* @__PURE__ */ jsxs("div", { className: "grid gap-3 p-3 grid-cols-[repeat(auto-fill,minmax(280px,1fr))]", children: [
+          responses.map((response, idx) => /* @__PURE__ */ jsx(
+            ResponseCard,
+            {
+              response,
+              fields: getFields(response),
+              onClick: () => handleSelect(response)
+            },
+            response.sessionToken || idx
+          )),
+          responses.length === 0 && /* @__PURE__ */ jsx("div", { className: "p-8 text-center text-muted-foreground", children: "No responses yet" })
+        ] }) })
+      ]
+    }
+  );
+}
+function getAllQuestions2(schema) {
+  const questions = [];
+  for (const section of schema.sections) {
+    for (const q of section.questions) {
+      if (q.type === "info-block" || q.type === "section-header" || q.type === "page-break") {
+        continue;
+      }
+      questions.push(q);
+    }
+  }
+  return questions;
+}
+
+// src/response-viewer/ResponseViewer.tsx
+var ResponseViewer = requireLicense(ResponseViewerInner, "ResponseViewer");
+
+export { ResponseViewer };