@eka-care/medical-records-ui 1.0.3

package/dist/index.mjs

@@ -0,0 +1,4796 @@
+// src/connection/SdkProvider.tsx
+import { useEffect, useMemo } from "react";
+
+// src/workers/shared/coreTypes.ts
+import {
+  MedicalRecordsClient,
+  EkaCareApiError,
+  UploadFailedError,
+  UPLOAD_CONSTRAINTS
+} from "@eka-care/medical-records-ts-sdk";
+var DOCUMENT_TYPE_LABELS = {
+  ps: "Prescription",
+  lr: "Lab Report",
+  dc: "Discharge Summary",
+  vc: "Vaccine Certificate",
+  in: "Insurance",
+  iv: "Invoice",
+  sc: "Scan",
+  op: "Other"
+};
+
+// src/connection/workerClient.ts
+var core = null;
+var CORE_SDK_AVAILABLE = true;
+function initWorkerClient(config, oid) {
+  if (core) {
+    if (config.accessToken) core.setAuthToken(config.accessToken);
+    return;
+  }
+  const resolvedOid = oid ?? config.oid;
+  core = new MedicalRecordsClient({
+    environment: config.environment,
+    baseUrl: config.baseUrl,
+    defaultHeaders: config.defaultHeaders,
+    onError: config.onError,
+    onUnauthorized: config.onUnauthorized,
+    transport: config.transport,
+    cache: resolvedOid ? { oid: resolvedOid } : void 0
+  });
+  if (config.accessToken) core.setAuthToken(config.accessToken);
+}
+function getCore() {
+  if (!core) {
+    throw new Error("SDK not initialised \u2014 wrap your tree in <SdkProvider>");
+  }
+  return core;
+}
+function teardownWorkerClient() {
+  core = null;
+}
+async function logoutMedicalRecords(bid) {
+  if (bid && core) {
+    try {
+      await core.clearDbForBid(bid);
+    } catch {
+    }
+  }
+  core = null;
+}
+
+// src/stores/createPatientStore.ts
+import { createStore } from "zustand/vanilla";
+import { subscribeWithSelector } from "zustand/middleware";
+
+// src/stores/slices/recordsSlice.ts
+function sameRecord(a, b) {
+  return a.id === b.id && a.title === b.title && a.type === b.type && a.typeCode === b.typeCode && a.thumbnailUrl === b.thumbnailUrl && a.createdAtEpoch === b.createdAtEpoch && a.updatedAtEpoch === b.updatedAtEpoch && a.syncState === b.syncState && a.fileType === b.fileType && a.isSmart === b.isSmart && a.isAnalysing === b.isAnalysing && a.tags.length === b.tags.length && a.tags.every((t, i) => t === b.tags[i]) && a.cases.length === b.cases.length && a.cases.every((c, i) => c === b.cases[i]);
+}
+var createRecordsSlice = (set) => ({
+  records: {
+    byId: {},
+    ids: [],
+    status: "idle",
+    error: null,
+    pendingIds: /* @__PURE__ */ new Set(),
+    setAll: (records) => set((state) => {
+      const prev = state.records.byId;
+      const byId = {};
+      let changed = records.length !== state.records.ids.length;
+      for (const r of records) {
+        const existing = prev[r.id];
+        byId[r.id] = existing && sameRecord(existing, r) ? existing : r;
+        if (!existing || byId[r.id] !== existing) changed = true;
+      }
+      const nextIds = records.map((r) => r.id).sort((a, b) => byId[b].createdAtEpoch - byId[a].createdAtEpoch);
+      const sameIds = nextIds.length === state.records.ids.length && nextIds.every((id, i) => id === state.records.ids[i]);
+      const ids = sameIds ? state.records.ids : nextIds;
+      if (!changed && sameIds) return state;
+      return { records: { ...state.records, byId, ids } };
+    }),
+    upsert: (record) => set((state) => {
+      const byId = { ...state.records.byId, [record.id]: record };
+      const ids = record.id in state.records.byId ? state.records.ids : [record.id, ...state.records.ids];
+      return { records: { ...state.records, byId, ids } };
+    }),
+    remove: (id) => set((state) => {
+      const { [id]: _removed, ...byId } = state.records.byId;
+      return {
+        records: {
+          ...state.records,
+          byId,
+          ids: state.records.ids.filter((i) => i !== id)
+        }
+      };
+    }),
+    markPending: (id) => set((state) => {
+      const pendingIds = new Set(state.records.pendingIds);
+      pendingIds.add(id);
+      return { records: { ...state.records, pendingIds } };
+    }),
+    unmarkPending: (id) => set((state) => {
+      const pendingIds = new Set(state.records.pendingIds);
+      pendingIds.delete(id);
+      return { records: { ...state.records, pendingIds } };
+    }),
+    setStatus: (status) => set((state) => ({ records: { ...state.records, status } })),
+    setError: (error) => set((state) => ({ records: { ...state.records, error, status: "error" } }))
+  }
+});
+
+// src/stores/slices/casesSlice.ts
+var createCasesSlice = (set) => ({
+  cases: {
+    byId: {},
+    ids: [],
+    status: "idle",
+    error: null,
+    setAll: (cases) => set((state) => {
+      const byId = {};
+      for (const c of cases) byId[c.id] = c;
+      const ids = cases.map((c) => c.id).sort((a, b) => byId[b].createdAtEpoch - byId[a].createdAtEpoch);
+      return { cases: { ...state.cases, byId, ids } };
+    }),
+    upsert: (caseItem) => set((state) => {
+      const byId = { ...state.cases.byId, [caseItem.id]: caseItem };
+      const ids = caseItem.id in state.cases.byId ? state.cases.ids : [caseItem.id, ...state.cases.ids];
+      return { cases: { ...state.cases, byId, ids } };
+    }),
+    remove: (id) => set((state) => {
+      const { [id]: _removed, ...byId } = state.cases.byId;
+      return {
+        cases: { ...state.cases, byId, ids: state.cases.ids.filter((i) => i !== id) }
+      };
+    }),
+    setStatus: (status) => set((state) => ({ cases: { ...state.cases, status } })),
+    setError: (error) => set((state) => ({ cases: { ...state.cases, error, status: "error" } }))
+  }
+});
+
+// src/stores/slices/uploadSlice.ts
+var createUploadSlice = (set) => ({
+  uploadQueue: {
+    queue: [],
+    add: (item) => set((state) => ({
+      uploadQueue: { ...state.uploadQueue, queue: [...state.uploadQueue.queue, item] }
+    })),
+    updateProgress: (id, progress) => set((state) => ({
+      uploadQueue: {
+        ...state.uploadQueue,
+        queue: state.uploadQueue.queue.map(
+          (q) => q.id === id ? { ...q, progress, status: "uploading" } : q
+        )
+      }
+    })),
+    markCompleted: (id, documentId) => set((state) => ({
+      uploadQueue: {
+        ...state.uploadQueue,
+        queue: state.uploadQueue.queue.map(
+          (q) => q.id === id ? { ...q, status: "completed", progress: 100, documentId } : q
+        )
+      }
+    })),
+    markFailed: (id) => set((state) => ({
+      uploadQueue: {
+        ...state.uploadQueue,
+        queue: state.uploadQueue.queue.map(
+          (q) => q.id === id ? { ...q, status: "upload_failure" } : q
+        )
+      }
+    })),
+    remove: (id) => set((state) => ({
+      uploadQueue: {
+        ...state.uploadQueue,
+        queue: state.uploadQueue.queue.filter((q) => q.id !== id)
+      }
+    }))
+  }
+});
+
+// src/stores/slices/selectionSlice.ts
+var createSelectionSlice = (set) => ({
+  selection: {
+    recordIds: /* @__PURE__ */ new Set(),
+    openDetailId: null,
+    toggleRecord: (id, max) => set((state) => {
+      const recordIds = new Set(state.selection.recordIds);
+      if (recordIds.has(id)) {
+        recordIds.delete(id);
+      } else {
+        if (max !== void 0 && recordIds.size >= max) return state;
+        recordIds.add(id);
+      }
+      return { selection: { ...state.selection, recordIds } };
+    }),
+    clearSelection: () => set((state) => {
+      if (state.selection.recordIds.size === 0) return state;
+      return { selection: { ...state.selection, recordIds: /* @__PURE__ */ new Set() } };
+    }),
+    openDetail: (id) => set((state) => ({ selection: { ...state.selection, openDetailId: id } }))
+  }
+});
+
+// src/stores/slices/filtersSlice.ts
+var EMPTY_POPOVER = {
+  documentDateFrom: null,
+  documentDateTo: null,
+  uploadDateFrom: null,
+  uploadDateTo: null,
+  documentDatePreset: "anytime",
+  uploadDatePreset: "anytime",
+  tags: []
+};
+var INITIAL = {
+  type: null,
+  search: "",
+  ...EMPTY_POPOVER,
+  sortBy: "date",
+  sortDir: "desc"
+};
+var createFiltersSlice = (set) => ({
+  filters: {
+    ...INITIAL,
+    setType: (type) => set((state) => ({ filters: { ...state.filters, type } })),
+    setSearch: (search) => set((state) => ({ filters: { ...state.filters, search } })),
+    applyPopoverFilters: (f) => set((state) => ({ filters: { ...state.filters, ...f } })),
+    setSortBy: (sortBy) => set((state) => ({ filters: { ...state.filters, sortBy } })),
+    setSortDir: (sortDir) => set((state) => ({ filters: { ...state.filters, sortDir } })),
+    clearPopoverFilters: () => set((state) => ({ filters: { ...state.filters, ...EMPTY_POPOVER } })),
+    reset: () => set((state) => ({ filters: { ...state.filters, ...INITIAL } }))
+  }
+});
+
+// src/stores/slices/syncSlice.ts
+var createSyncSlice = (set) => ({
+  sync: {
+    status: "online",
+    pendingSyncCount: 0,
+    setStatus: (status) => set((state) => ({ sync: { ...state.sync, status } })),
+    incrementPending: () => set((state) => ({
+      sync: { ...state.sync, pendingSyncCount: state.sync.pendingSyncCount + 1 }
+    })),
+    decrementPending: () => set((state) => ({
+      sync: {
+        ...state.sync,
+        pendingSyncCount: Math.max(0, state.sync.pendingSyncCount - 1)
+      }
+    }))
+  }
+});
+
+// src/stores/slices/detailsSlice.ts
+var createDetailsSlice = (set) => ({
+  details: {
+    byId: {},
+    setDetailLoading: (id) => set((state) => {
+      if (state.details.byId[id]?.status === "loading") return state;
+      return {
+        details: {
+          ...state.details,
+          byId: {
+            ...state.details.byId,
+            [id]: { status: "loading", isSmart: false, smartText: "" }
+          }
+        }
+      };
+    }),
+    setDetail: (id, { isSmart, smartText }) => set((state) => ({
+      details: {
+        ...state.details,
+        byId: {
+          ...state.details.byId,
+          [id]: { status: "loaded", isSmart, smartText }
+        }
+      }
+    })),
+    setDetailError: (id) => set((state) => ({
+      details: {
+        ...state.details,
+        byId: {
+          ...state.details.byId,
+          [id]: { status: "error", isSmart: false, smartText: "" }
+        }
+      }
+    }))
+  }
+});
+
+// src/stores/createPatientStore.ts
+function createPatientStore(bid, patientId) {
+  return createStore()(
+    subscribeWithSelector((...a) => ({
+      bid,
+      patientId,
+      ...createRecordsSlice(...a),
+      ...createCasesSlice(...a),
+      ...createDetailsSlice(...a),
+      ...createUploadSlice(...a),
+      ...createSelectionSlice(...a),
+      ...createFiltersSlice(...a),
+      ...createSyncSlice(...a),
+      __cleanup: () => {
+      }
+    }))
+  );
+}
+
+// src/connection/SdkContext.ts
+import { createContext } from "react";
+var SdkContext = createContext(null);
+
+// src/helpers/documentTypeLabels.ts
+var STATIC_LABELS = DOCUMENT_TYPE_LABELS ?? {};
+function createDocumentTypeLabelResolver(types) {
+  const fromConfig = /* @__PURE__ */ new Map();
+  for (const t of types ?? []) {
+    if (t.id && t.display_name) fromConfig.set(t.id, t.display_name);
+  }
+  return (code) => fromConfig.get(code) ?? STATIC_LABELS[code] ?? code;
+}
+
+// src/components/icons/EmptyRecordsIcon.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function EmptyRecordsIcon({ size = 96 }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 96 96",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsxs("g", { clipPath: "url(#mr-empty-clip)", children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M73.92 0H22.08C9.88555 0 0 9.88555 0 22.08V73.92C0 86.1144 9.88555 96 22.08 96H73.92C86.1144 96 96 86.1144 96 73.92V22.08C96 9.88555 86.1144 0 73.92 0Z",
+              fill: "#E8F0FF"
+            }
+          ),
+          /* @__PURE__ */ jsx("g", { opacity: "0.75", filter: "url(#mr-empty-f0)", children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M73.0797 17.5H29.8797C25.9032 17.5 22.6797 20.7235 22.6797 24.7V61.18C22.6797 65.1565 25.9032 68.38 29.8797 68.38H73.0797C77.0561 68.38 80.2797 65.1565 80.2797 61.18V24.7C80.2797 20.7235 77.0561 17.5 73.0797 17.5Z",
+              fill: "white"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("g", { filter: "url(#mr-empty-f1)", children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M65.4 25.1797H22.2C18.2235 25.1797 15 28.4032 15 32.3797V68.8597C15 72.8361 18.2235 76.0597 22.2 76.0597H65.4C69.3764 76.0597 72.6 72.8361 72.6 68.8597V32.3797C72.6 28.4032 69.3764 25.1797 65.4 25.1797Z",
+              fill: "white"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M50.2802 40.54H37.3202C36.1272 40.54 35.1602 41.5071 35.1602 42.7C35.1602 43.893 36.1272 44.86 37.3202 44.86H50.2802C51.4731 44.86 52.4402 43.893 52.4402 42.7C52.4402 41.5071 51.4731 40.54 50.2802 40.54Z",
+              fill: "#93B8DA"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M45.7204 36.4598C45.7204 35.2669 44.7533 34.2998 43.5604 34.2998C42.3675 34.2998 41.4004 35.2669 41.4004 36.4598V49.4198C41.4004 50.6127 42.3675 51.5798 43.5604 51.5798C44.7533 51.5798 45.7204 50.6127 45.7204 49.4198V36.4598Z",
+              fill: "#93B8DA"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M63.7197 59.7402H23.8797C23.2169 59.7402 22.6797 60.2775 22.6797 60.9402C22.6797 61.603 23.2169 62.1402 23.8797 62.1402H63.7197C64.3824 62.1402 64.9197 61.603 64.9197 60.9402C64.9197 60.2775 64.3824 59.7402 63.7197 59.7402Z",
+              fill: "#C2D9EE"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M52.1997 65.5H23.8797C23.2169 65.5 22.6797 66.0373 22.6797 66.7C22.6797 67.3627 23.2169 67.9 23.8797 67.9H52.1997C52.8624 67.9 53.3997 67.3627 53.3997 66.7C53.3997 66.0373 52.8624 65.5 52.1997 65.5Z",
+              fill: "#C2D9EE"
+            }
+          ),
+          /* @__PURE__ */ jsx("g", { filter: "url(#mr-empty-f2)", children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M65.8799 84.2198C73.0375 84.2198 78.8399 78.4174 78.8399 71.2598C78.8399 64.1022 73.0375 58.2998 65.8799 58.2998C58.7223 58.2998 52.9199 64.1022 52.9199 71.2598C52.9199 78.4174 58.7223 84.2198 65.8799 84.2198Z",
+              fill: "#2563EB"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("path", { d: "M65.8789 66.46V76.06", stroke: "white", strokeWidth: "1.68", strokeLinecap: "round" }),
+          /* @__PURE__ */ jsx("path", { d: "M61.0801 71.2598H70.6801", stroke: "white", strokeWidth: "1.68", strokeLinecap: "round" })
+        ] }),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs(
+            "filter",
+            {
+              id: "mr-empty-f0",
+              x: "19.6797",
+              y: "15.5",
+              width: "63.6",
+              height: "56.8799",
+              filterUnits: "userSpaceOnUse",
+              colorInterpolationFilters: "sRGB",
+              children: [
+                /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                /* @__PURE__ */ jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+                /* @__PURE__ */ jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1" }),
+                /* @__PURE__ */ jsx("feOffset", { dy: "1" }),
+                /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1" }),
+                /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+                /* @__PURE__ */ jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+                /* @__PURE__ */ jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1" }),
+                /* @__PURE__ */ jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+                /* @__PURE__ */ jsx("feOffset", { dy: "1" }),
+                /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1.5" }),
+                /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+                /* @__PURE__ */ jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+                /* @__PURE__ */ jsx("feBlend", { mode: "normal", in2: "effect1", result: "effect2" }),
+                /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2", result: "shape" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "filter",
+            {
+              id: "mr-empty-f1",
+              x: "12",
+              y: "23.1797",
+              width: "63.6",
+              height: "56.8799",
+              filterUnits: "userSpaceOnUse",
+              colorInterpolationFilters: "sRGB",
+              children: [
+                /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                /* @__PURE__ */ jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+                /* @__PURE__ */ jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1" }),
+                /* @__PURE__ */ jsx("feOffset", { dy: "1" }),
+                /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1" }),
+                /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+                /* @__PURE__ */ jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+                /* @__PURE__ */ jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1" }),
+                /* @__PURE__ */ jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+                /* @__PURE__ */ jsx("feOffset", { dy: "1" }),
+                /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1.5" }),
+                /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+                /* @__PURE__ */ jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+                /* @__PURE__ */ jsx("feBlend", { mode: "normal", in2: "effect1", result: "effect2" }),
+                /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2", result: "shape" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "filter",
+            {
+              id: "mr-empty-f2",
+              x: "49.9199",
+              y: "56.2998",
+              width: "31.92",
+              height: "31.9199",
+              filterUnits: "userSpaceOnUse",
+              colorInterpolationFilters: "sRGB",
+              children: [
+                /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                /* @__PURE__ */ jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+                /* @__PURE__ */ jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1" }),
+                /* @__PURE__ */ jsx("feOffset", { dy: "1" }),
+                /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1" }),
+                /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+                /* @__PURE__ */ jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+                /* @__PURE__ */ jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1" }),
+                /* @__PURE__ */ jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+                /* @__PURE__ */ jsx("feOffset", { dy: "1" }),
+                /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1.5" }),
+                /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+                /* @__PURE__ */ jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+                /* @__PURE__ */ jsx("feBlend", { mode: "normal", in2: "effect1", result: "effect2" }),
+                /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2", result: "shape" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("clipPath", { id: "mr-empty-clip", children: /* @__PURE__ */ jsx("rect", { width: "96", height: "96", fill: "white" }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/connection/SdkProvider.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function RecordsPlaceholder() {
+  return /* @__PURE__ */ jsxs2("div", { className: "mr-records-view__empty", children: [
+    /* @__PURE__ */ jsx2(EmptyRecordsIcon, { size: 96 }),
+    /* @__PURE__ */ jsx2("p", { className: "mr-records-view__empty-title", children: "No records yet" }),
+    /* @__PURE__ */ jsx2("p", { className: "mr-records-view__empty-desc", children: "Browse and attach the patient's medical records here." })
+  ] });
+}
+function SdkProviderInner({ config, bid, patientId, documentTypes, children }) {
+  useEffect(() => {
+    initWorkerClient(config, patientId);
+  }, []);
+  initWorkerClient(config, patientId);
+  const store = useMemo(() => createPatientStore(bid, patientId), [bid, patientId]);
+  useEffect(() => () => store.getState().__cleanup(), [store]);
+  useEffect(() => {
+    const handleOnline = () => {
+      void getCore().sync();
+    };
+    window.addEventListener("online", handleOnline);
+    return () => window.removeEventListener("online", handleOnline);
+  }, []);
+  const labelOf = useMemo(
+    () => createDocumentTypeLabelResolver(documentTypes),
+    [documentTypes]
+  );
+  const docTypes = useMemo(
+    () => documentTypes ?? Object.entries(DOCUMENT_TYPE_LABELS).map(([id, display_name]) => ({ id, display_name })),
+    [documentTypes]
+  );
+  const value = useMemo(
+    () => ({ bid, patientId, store, ready: true, labelOf, documentTypes: docTypes }),
+    [bid, patientId, store, labelOf, docTypes]
+  );
+  return /* @__PURE__ */ jsx2(SdkContext.Provider, { value, children });
+}
+function SdkProvider({ config, bid, patientId, documentTypes, children }) {
+  if (!bid || !patientId) return /* @__PURE__ */ jsx2(RecordsPlaceholder, {});
+  return /* @__PURE__ */ jsx2(SdkProviderInner, { config, bid, patientId, documentTypes, children });
+}
+
+// src/connection/useSdk.ts
+import { useContext } from "react";
+function useSdk() {
+  const ctx = useContext(SdkContext);
+  if (!ctx) {
+    throw new Error("useSdk must be used within <SdkProvider>");
+  }
+  return ctx;
+}
+
+// src/views/RecordsView/RecordsView.tsx
+import { TriangleAlert, RefreshCcw as RefreshCcw2, Upload as Upload3 } from "lucide-react";
+
+// src/components/icons/FilteredEmptyIcon.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function FilteredEmptyIcon({ size = 96 }) {
+  return /* @__PURE__ */ jsxs3(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 96 96",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsx3("rect", { width: "96", height: "96", rx: "22.08", fill: "#E8F0FF" }),
+        /* @__PURE__ */ jsx3(
+          "rect",
+          {
+            x: "15.36",
+            y: "19.68",
+            width: "57.6",
+            height: "50.88",
+            rx: "4.32",
+            fill: "white",
+            style: { filter: "drop-shadow(0px 1px 3px rgba(0,0,0,0.10))" }
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          "rect",
+          {
+            x: "24",
+            y: "12.48",
+            width: "57.6",
+            height: "50.88",
+            rx: "4.32",
+            fill: "white",
+            style: { filter: "drop-shadow(0px 1px 3px rgba(0,0,0,0.10))" }
+          }
+        ),
+        /* @__PURE__ */ jsx3("rect", { x: "33.6", y: "30.72", width: "19.2", height: "2.4", rx: "1.2", fill: "#93B8DA" }),
+        /* @__PURE__ */ jsx3("rect", { x: "33.6", y: "36.48", width: "28.8", height: "2.4", rx: "1.2", fill: "#BDD1E8" }),
+        /* @__PURE__ */ jsx3("rect", { x: "33.6", y: "42.24", width: "24", height: "2.4", rx: "1.2", fill: "#BDD1E8" }),
+        /* @__PURE__ */ jsx3("rect", { x: "33.6", y: "48", width: "16.8", height: "2.4", rx: "1.2", fill: "#DDE9F5" }),
+        /* @__PURE__ */ jsx3("circle", { cx: "67.2", cy: "66.24", r: "12.96", fill: "#2563EB" }),
+        /* @__PURE__ */ jsx3("line", { x1: "61", y1: "62.5", x2: "73", y2: "62.5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx3("line", { x1: "63", y1: "66.5", x2: "71", y2: "66.5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx3("line", { x1: "65", y1: "70.5", x2: "69", y2: "70.5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })
+      ]
+    }
+  );
+}
+
+// src/components/Skeleton/Skeleton.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Skeleton({ variant, width, height, className }) {
+  const classes = ["mr-skeleton", `mr-skeleton--${variant}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx4("div", { className: classes, style: { width, height } });
+}
+
+// src/components/DeleteConfirmModal/DeleteConfirmModal.tsx
+import { useEffect as useEffect2 } from "react";
+import { createPortal } from "react-dom";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function DeleteConfirmModal({
+  recordLabel,
+  patientName,
+  deleting,
+  onConfirm,
+  onCancel
+}) {
+  useEffect2(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") onCancel();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onCancel]);
+  if (typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsx5("div", { className: "mr-delete-modal", role: "presentation", onClick: onCancel, children: /* @__PURE__ */ jsxs4(
+      "div",
+      {
+        className: "mr-delete-modal__dialog",
+        role: "alertdialog",
+        "aria-modal": "true",
+        "aria-label": "Delete this record?",
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsxs4("div", { className: "mr-delete-modal__content", children: [
+            /* @__PURE__ */ jsx5("p", { className: "mr-delete-modal__title", children: "Delete this record?" }),
+            /* @__PURE__ */ jsxs4("p", { className: "mr-delete-modal__desc", children: [
+              /* @__PURE__ */ jsx5("strong", { children: recordLabel }),
+              " will be permanently removed from ",
+              patientName ? /* @__PURE__ */ jsxs4("strong", { children: [
+                patientName,
+                "\u2019s"
+              ] }) : "these",
+              " records. This action cannot be undone."
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { className: "mr-delete-modal__footer", children: [
+            /* @__PURE__ */ jsx5(
+              "button",
+              {
+                type: "button",
+                className: "mr-delete-modal__cancel",
+                disabled: deleting,
+                onClick: onCancel,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsx5(
+              "button",
+              {
+                type: "button",
+                className: "mr-delete-modal__delete",
+                disabled: deleting,
+                onClick: onConfirm,
+                children: deleting ? "Deleting\u2026" : "Delete"
+              }
+            )
+          ] })
+        ]
+      }
+    ) }),
+    document.body
+  );
+}
+
+// src/helpers/formatters.ts
+var KB = 1024;
+var MB = KB * 1024;
+var GB = MB * 1024;
+function formatFileSize(bytes) {
+  if (bytes < KB) return `${bytes} B`;
+  if (bytes < MB) return `${(bytes / KB).toFixed(1)} KB`;
+  if (bytes < GB) return `${(bytes / MB).toFixed(1)} MB`;
+  return `${(bytes / GB).toFixed(1)} GB`;
+}
+function epochToDisplay(epochMs) {
+  return new Date(epochMs).toLocaleDateString(void 0, {
+    day: "numeric",
+    month: "short",
+    year: "numeric"
+  });
+}
+function relativeTime(epochMs, now = Date.now()) {
+  const diff = now - epochMs;
+  const sec = Math.round(diff / 1e3);
+  const min = Math.round(sec / 60);
+  const hr = Math.round(min / 60);
+  const day = Math.round(hr / 24);
+  if (sec < 60) return "just now";
+  if (min < 60) return `${min}m ago`;
+  if (hr < 24) return `${hr}h ago`;
+  if (day < 30) return `${day}d ago`;
+  return epochToDisplay(epochMs);
+}
+
+// src/views/RecordsView/RecordsToolbar.tsx
+import { useCallback as useCallback5, useEffect as useEffect10, useMemo as useMemo6, useRef as useRef8, useState as useState8 } from "react";
+import { useStore as useStore7 } from "zustand";
+import {
+  ChevronLeft,
+  ChevronRight,
+  Filter,
+  LayoutGrid,
+  List,
+  RefreshCcw,
+  SquareCheck,
+  Upload
+} from "lucide-react";
+
+// src/components/FilterChip/FilterChip.tsx
+import { memo } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var FilterChip = memo(function FilterChip2({
+  id,
+  label,
+  count,
+  active,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsx6(
+    "button",
+    {
+      type: "button",
+      className: `mr-filter-chip${active ? " mr-filter-chip--active" : ""}`,
+      "aria-pressed": active,
+      onClick: () => onSelect(id),
+      children: count == null ? label : `${label} (${count})`
+    }
+  );
+});
+
+// src/components/Tooltip/Tooltip.tsx
+import { useRef, useState } from "react";
+import { createPortal as createPortal2 } from "react-dom";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function Tooltip({ content, children }) {
+  const triggerRef = useRef(null);
+  const [coords, setCoords] = useState(null);
+  const show = () => {
+    const el = triggerRef.current;
+    if (!el) return;
+    const r = el.getBoundingClientRect();
+    setCoords({ top: r.bottom, left: r.left + r.width / 2 });
+  };
+  const hide = () => setCoords(null);
+  return /* @__PURE__ */ jsxs5(
+    "span",
+    {
+      ref: triggerRef,
+      className: "mr-tooltip",
+      tabIndex: 0,
+      onMouseEnter: show,
+      onMouseLeave: hide,
+      onFocus: show,
+      onBlur: hide,
+      children: [
+        children,
+        coords !== null && typeof document !== "undefined" && createPortal2(
+          /* @__PURE__ */ jsx7(
+            "span",
+            {
+              className: "mr-tooltip__bubble",
+              role: "tooltip",
+              style: { top: coords.top, left: coords.left },
+              children: content
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+
+// src/views/RecordsView/FilterPopover.tsx
+import { useMemo as useMemo5, useState as useState7 } from "react";
+import { useStore as useStore6 } from "zustand";
+
+// src/components/PresetSelect/PresetSelect.tsx
+import { useEffect as useEffect3, useRef as useRef2, useState as useState2 } from "react";
+import { createPortal as createPortal3 } from "react-dom";
+import { ChevronsUpDown, Check } from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var MENU_MAX_H = 240;
+function PresetSelect({
+  value,
+  options,
+  onChange,
+  active,
+  placeholder
+}) {
+  const [menu, setMenu] = useState2(null);
+  const fieldRef = useRef2(null);
+  const menuRef = useRef2(null);
+  const open = menu !== null;
+  const selected = options.find((o) => o.value === value);
+  const place = () => {
+    const el = fieldRef.current;
+    if (!el) return;
+    const r = el.getBoundingClientRect();
+    const margin = 8;
+    const spaceBelow = window.innerHeight - (r.bottom + 4) - margin;
+    setMenu({
+      left: r.left,
+      width: r.width,
+      top: r.bottom + 4,
+      maxH: Math.min(MENU_MAX_H, spaceBelow)
+    });
+  };
+  useEffect3(() => {
+    if (!open) return;
+    const onDown = (e) => {
+      const n = e.target;
+      if (fieldRef.current?.contains(n) || menuRef.current?.contains(n)) return;
+      setMenu(null);
+    };
+    const onScroll = (e) => {
+      if (menuRef.current && menuRef.current.contains(e.target)) return;
+      place();
+    };
+    const onResize = () => setMenu(null);
+    document.addEventListener("mousedown", onDown);
+    window.addEventListener("scroll", onScroll, true);
+    window.addEventListener("resize", onResize);
+    return () => {
+      document.removeEventListener("mousedown", onDown);
+      window.removeEventListener("scroll", onScroll, true);
+      window.removeEventListener("resize", onResize);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs6("div", { className: "mr-preset-select", children: [
+    /* @__PURE__ */ jsxs6(
+      "button",
+      {
+        ref: fieldRef,
+        type: "button",
+        className: `mr-preset-select__field${active ? " mr-preset-select__field--active" : ""}`,
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        onClick: () => open ? setMenu(null) : place(),
+        children: [
+          /* @__PURE__ */ jsx8(
+            "span",
+            {
+              className: `mr-preset-select__value${selected ? "" : " mr-preset-select__value--placeholder"}`,
+              children: selected?.label ?? placeholder ?? ""
+            }
+          ),
+          /* @__PURE__ */ jsx8(ChevronsUpDown, { size: 16, "aria-hidden": true, className: "mr-preset-select__chevron" })
+        ]
+      }
+    ),
+    open && typeof document !== "undefined" && createPortal3(
+      /* @__PURE__ */ jsx8(
+        "ul",
+        {
+          ref: menuRef,
+          className: "mr-preset-select__menu",
+          role: "listbox",
+          "data-mr-portal": true,
+          style: {
+            left: menu.left,
+            width: menu.width,
+            top: menu.top,
+            bottom: menu.bottom,
+            maxHeight: menu.maxH
+          },
+          children: options.map((o) => /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsxs6(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              "aria-selected": o.value === value,
+              className: `mr-preset-select__option${o.value === value ? " mr-preset-select__option--active" : ""}`,
+              onClick: () => {
+                onChange(o.value);
+                setMenu(null);
+              },
+              children: [
+                /* @__PURE__ */ jsx8("span", { children: o.label }),
+                o.value === value && /* @__PURE__ */ jsx8(Check, { size: 14, "aria-hidden": true })
+              ]
+            }
+          ) }, o.value))
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+
+// src/components/MultiSelect/MultiSelect.tsx
+import { useEffect as useEffect4, useMemo as useMemo2, useRef as useRef3, useState as useState3 } from "react";
+import { createPortal as createPortal4 } from "react-dom";
+import { ChevronsUpDown as ChevronsUpDown2, Check as Check2, Plus, X, Search } from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function MultiSelect({
+  value,
+  options,
+  onChange,
+  placeholder = "Select",
+  searchPlaceholder = "Search\u2026",
+  allowCreate = false,
+  validate,
+  max
+}) {
+  const [query, setQuery] = useState3("");
+  const [menu, setMenu] = useState3(null);
+  const fieldRef = useRef3(null);
+  const menuRef = useRef3(null);
+  const open = menu !== null;
+  const MENU_MAX_H2 = 260;
+  const place = () => {
+    const el = fieldRef.current;
+    if (!el) return;
+    const r = el.getBoundingClientRect();
+    const margin = 8;
+    const spaceBelow = window.innerHeight - (r.bottom + 4) - margin;
+    setMenu({
+      left: r.left,
+      width: r.width,
+      top: r.bottom + 4,
+      maxH: Math.min(MENU_MAX_H2, spaceBelow)
+    });
+  };
+  useEffect4(() => {
+    if (!open) return;
+    const onDown = (e) => {
+      const n = e.target;
+      if (fieldRef.current?.contains(n) || menuRef.current?.contains(n)) return;
+      setMenu(null);
+    };
+    const onScroll = (e) => {
+      if (menuRef.current && menuRef.current.contains(e.target)) return;
+      place();
+    };
+    const onResize = () => setMenu(null);
+    document.addEventListener("mousedown", onDown);
+    window.addEventListener("scroll", onScroll, true);
+    window.addEventListener("resize", onResize);
+    return () => {
+      document.removeEventListener("mousedown", onDown);
+      window.removeEventListener("scroll", onScroll, true);
+      window.removeEventListener("resize", onResize);
+    };
+  }, [open]);
+  useEffect4(() => {
+    if (!open) setQuery("");
+  }, [open]);
+  const atMax = max != null && value.length >= max;
+  const toggle = (v) => {
+    if (value.includes(v)) onChange(value.filter((x) => x !== v));
+    else if (!atMax) onChange([...value, v]);
+  };
+  const q = query.trim();
+  const filtered = useMemo2(() => {
+    const ql = q.toLowerCase();
+    return ql ? options.filter((o) => o.toLowerCase().includes(ql)) : options;
+  }, [options, q]);
+  const canCreate = allowCreate && q.length > 0 && !options.some((o) => o.toLowerCase() === q.toLowerCase()) && !value.some((v) => v.toLowerCase() === q.toLowerCase()) && (!validate || validate(q)) && !atMax;
+  const create = () => {
+    onChange([...value, q]);
+    setQuery("");
+  };
+  return /* @__PURE__ */ jsxs7("div", { className: "mr-multi-select", children: [
+    /* @__PURE__ */ jsxs7(
+      "button",
+      {
+        ref: fieldRef,
+        type: "button",
+        className: `mr-multi-select__field${value.length ? " mr-multi-select__field--active" : ""}`,
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        onClick: () => open ? setMenu(null) : place(),
+        children: [
+          /* @__PURE__ */ jsx9(Search, { size: 14, "aria-hidden": true, className: "mr-multi-select__field-search-icon" }),
+          /* @__PURE__ */ jsx9(
+            "span",
+            {
+              className: `mr-multi-select__value${value.length ? "" : " mr-multi-select__value--placeholder"}`,
+              children: value.length === 0 ? placeholder : `${value.length} ${value.length === 1 ? "tag" : "tags"} selected`
+            }
+          ),
+          /* @__PURE__ */ jsx9(ChevronsUpDown2, { size: 16, "aria-hidden": true, className: "mr-multi-select__chevron" })
+        ]
+      }
+    ),
+    value.length > 0 && /* @__PURE__ */ jsx9("div", { className: "mr-multi-select__selected", children: value.map((v) => /* @__PURE__ */ jsxs7("span", { className: "mr-multi-select__chip", children: [
+      /* @__PURE__ */ jsx9("span", { className: "mr-multi-select__chip-label", children: v }),
+      /* @__PURE__ */ jsx9(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Remove ${v}`,
+          className: "mr-multi-select__chip-x",
+          onClick: () => onChange(value.filter((x) => x !== v)),
+          children: /* @__PURE__ */ jsx9(X, { size: 11, "aria-hidden": true })
+        }
+      )
+    ] }, v)) }),
+    open && typeof document !== "undefined" && createPortal4(
+      /* @__PURE__ */ jsxs7(
+        "div",
+        {
+          ref: menuRef,
+          className: "mr-multi-select__menu",
+          role: "listbox",
+          "aria-multiselectable": true,
+          "data-mr-portal": true,
+          style: {
+            left: menu.left,
+            width: menu.width,
+            top: menu.top,
+            bottom: menu.bottom,
+            maxHeight: menu.maxH
+          },
+          children: [
+            /* @__PURE__ */ jsx9("div", { className: "mr-multi-select__search", children: /* @__PURE__ */ jsx9(
+              "input",
+              {
+                type: "text",
+                className: "mr-multi-select__search-input",
+                placeholder: searchPlaceholder,
+                value: query,
+                autoFocus: true,
+                onChange: (e) => setQuery(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" && canCreate) {
+                    e.preventDefault();
+                    create();
+                  }
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs7("ul", { className: "mr-multi-select__options", children: [
+              filtered.map((o) => {
+                const selected = value.includes(o);
+                return /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsxs7(
+                  "button",
+                  {
+                    type: "button",
+                    role: "option",
+                    "aria-selected": selected,
+                    className: `mr-multi-select__option${selected ? " mr-multi-select__option--active" : ""}`,
+                    disabled: !selected && atMax,
+                    onClick: () => toggle(o),
+                    children: [
+                      /* @__PURE__ */ jsx9("span", { className: "mr-multi-select__option-label", children: o }),
+                      selected && /* @__PURE__ */ jsx9(Check2, { size: 14, "aria-hidden": true })
+                    ]
+                  }
+                ) }, o);
+              }),
+              canCreate && /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsxs7(
+                "button",
+                {
+                  type: "button",
+                  className: "mr-multi-select__option mr-multi-select__create",
+                  onClick: create,
+                  children: [
+                    /* @__PURE__ */ jsx9(Plus, { size: 14, "aria-hidden": true }),
+                    "Add \u201C",
+                    q,
+                    "\u201D"
+                  ]
+                }
+              ) }),
+              filtered.length === 0 && !canCreate && /* @__PURE__ */ jsx9("li", { className: "mr-multi-select__empty text-center", children: "No data" })
+            ] })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+
+// src/connection/useRecordsConnection.ts
+import { useCallback, useEffect as useEffect5, useRef as useRef4, useState as useState4 } from "react";
+
+// src/helpers/mappings.ts
+var defaultLabelOf = createDocumentTypeLabelResolver();
+var toMs = (epochSeconds) => epochSeconds ? epochSeconds * 1e3 : 0;
+function documentItemToUi(doc, labelOf = defaultLabelOf) {
+  const meta = doc.metadata ?? {};
+  const typeCode = doc.document_type ?? doc.file_type ?? "";
+  const created = toMs(meta.document_date ?? doc.upload_date);
+  const typeLabel = labelOf(typeCode) || "Untitled";
+  return {
+    id: doc.document_id,
+    patientId: doc.patient_id,
+    title: typeLabel,
+    typeCode,
+    type: typeLabel,
+    thumbnailUrl: meta.thumbnail ?? null,
+    createdAtEpoch: created,
+    updatedAtEpoch: toMs(doc.upload_date) || created,
+    tags: meta.tags ?? [],
+    cases: doc.cases ?? [],
+    syncState: doc.sync_state ?? null,
+    fileType: doc.file_type ?? null,
+    isSmart: doc.is_smart ?? false,
+    isAnalysing: doc.is_analyzing ?? false
+  };
+}
+function caseItemToUi(raw) {
+  const item = raw.item ?? {};
+  const created = toMs(item.created_at);
+  return {
+    id: raw.id,
+    name: item.display_name ?? "Untitled case",
+    typeCode: item.type ?? "",
+    createdAtEpoch: created,
+    updatedAtEpoch: toMs(raw.updated_at) || created,
+    occurredAtEpoch: item.occurred_at ? toMs(item.occurred_at) : null
+  };
+}
+function fileToQueueItem(localId, file) {
+  return {
+    id: localId,
+    fileName: file.name,
+    mimeType: file.type,
+    sizeBytes: file.size,
+    progress: 0,
+    status: "pending"
+  };
+}
+
+// src/connection/useRecordsConnection.ts
+var LIMIT = 100;
+function useRecordsConnection() {
+  const { bid, patientId, store, labelOf } = useSdk();
+  const [sourceRefreshedAt, setSourceRefreshedAt] = useState4(
+    () => getCore().sourceRefreshedAt
+  );
+  const loadedKeyRef = useRef4(null);
+  const applyItems = useCallback(
+    (items) => {
+      store.getState().records.setAll(items.map((d) => documentItemToUi(d, labelOf)));
+    },
+    [store, labelOf]
+  );
+  const load = useCallback(async () => {
+    const records = store.getState().records;
+    records.setStatus("loading");
+    try {
+      const fresh = await getCore().listDocuments({
+        bid,
+        patientId,
+        limit: LIMIT,
+        preferenceType: "HTML",
+        onStale: (cached) => {
+          applyItems(cached);
+          store.getState().records.setStatus("stale");
+        }
+      });
+      applyItems(fresh);
+      records.setStatus("fresh");
+    } catch (e) {
+      records.setError(e instanceof Error ? e.message : "Failed to load records");
+    }
+  }, [bid, patientId, store, applyItems]);
+  useEffect5(() => {
+    const key = `${bid}::${patientId}`;
+    if (loadedKeyRef.current === key) return;
+    loadedKeyRef.current = key;
+    void load();
+  }, [bid, patientId, load]);
+  useEffect5(() => {
+    if (loadedKeyRef.current !== `${bid}::${patientId}`) return;
+    void getCore().listLocalDocuments({ bid, patientId, limit: LIMIT }).then(applyItems);
+  }, [bid, patientId, labelOf, applyItems]);
+  useEffect5(() => {
+    const unsubscribe = getCore().subscribe("records:changed", () => {
+      void getCore().listLocalDocuments({ bid, patientId, limit: LIMIT }).then(applyItems);
+    });
+    return unsubscribe;
+  }, [bid, patientId, applyItems]);
+  const editRecord = useCallback(
+    async (documentId, data) => {
+      await getCore().editRecord({ documentId, data, bid, patientId });
+    },
+    [bid, patientId]
+  );
+  const deleteRecord = useCallback(
+    async (documentId) => {
+      const records = store.getState().records;
+      records.markPending(documentId);
+      try {
+        await getCore().deleteRecord({ documentId, bid, patientId });
+        records.remove(documentId);
+      } catch (e) {
+        records.unmarkPending(documentId);
+        throw e;
+      }
+    },
+    [bid, patientId, store]
+  );
+  const refresh = useCallback(async () => {
+    store.getState().records.setStatus("loading");
+    try {
+      const fresh = await getCore().refreshDocumentSource({ bid, patientId, preferenceType: "HTML" });
+      if (fresh.length > 0) applyItems(fresh);
+      setSourceRefreshedAt(getCore().sourceRefreshedAt);
+      store.getState().records.setStatus("fresh");
+    } catch (e) {
+      store.getState().records.setError(e instanceof Error ? e.message : "Failed to refresh");
+    }
+  }, [bid, patientId, store, applyItems]);
+  return { refresh, sourceRefreshedAt, editRecord, deleteRecord };
+}
+
+// src/connection/useRecordDetail.ts
+import { useEffect as useEffect6 } from "react";
+import { useStore } from "zustand";
+
+// src/connection/useAllRecordTags.ts
+import { useEffect as useEffect7, useState as useState5 } from "react";
+import { useStore as useStore2 } from "zustand";
+
+// src/connection/useRecordPreview.ts
+import { useEffect as useEffect8, useRef as useRef5, useState as useState6 } from "react";
+
+// src/helpers/smartReport.ts
+var str = (o, keys) => {
+  for (const k of keys) {
+    const v = o[k];
+    if (typeof v === "string" && v.trim()) return v.trim();
+    if (typeof v === "number") return String(v);
+  }
+  return "";
+};
+var normalizeStatus = (raw) => {
+  const s = raw.toLowerCase();
+  if (s.includes("high") || s === "h" || s.includes("above") || s === "abnormal_high") return "high";
+  if (s.includes("low") || s === "l" || s.includes("below") || s === "abnormal_low") return "low";
+  if (s.includes("normal") || s.includes("in range") || s === "n" || s === "ok") return "normal";
+  return "unknown";
+};
+var deriveStatusFromRange = (value, refRange) => {
+  const num = parseFloat(value.replace(/,/g, ""));
+  if (Number.isNaN(num) || !refRange) return "unknown";
+  const r = refRange.toLowerCase().replace(/,/g, "");
+  const between = r.match(/(-?\d+\.?\d*)\s*(?:-|–|to)\s*(-?\d+\.?\d*)/);
+  if (between) {
+    const lo = parseFloat(between[1]);
+    const hi = parseFloat(between[2]);
+    if (num < lo) return "low";
+    if (num > hi) return "high";
+    return "normal";
+  }
+  const upper = r.match(/(?:<=?|up to|below)\s*(-?\d+\.?\d*)/);
+  if (upper) return num > parseFloat(upper[1]) ? "high" : "normal";
+  const lower = r.match(/(?:>=?|above)\s*(-?\d+\.?\d*)/);
+  if (lower) return num < parseFloat(lower[1]) ? "low" : "normal";
+  return "unknown";
+};
+function parseHistory(field) {
+  const raw = field.history ?? field.previous ?? field.trend ?? field.historical;
+  if (!Array.isArray(raw)) return [];
+  return raw.map((p) => {
+    if (p == null || typeof p !== "object") return null;
+    const o = p;
+    const value = str(o, ["value", "result", "val", "reading"]);
+    const label = str(o, ["date", "label", "when", "at"]);
+    if (!value) return null;
+    return { value, label: label || "" };
+  }).filter((p) => p !== null);
+}
+function parseVitals(report) {
+  const fields = [...report.verified ?? [], ...report.unverified ?? []];
+  return fields.map((field, i) => {
+    const name = str(field, ["name", "label", "parameter", "key", "title", "test"]);
+    const value = str(field, ["value", "result", "val", "reading"]);
+    if (!name && !value) return null;
+    const refRange = str(field, ["range", "ref_range", "reference", "refRange", "normal_range"]);
+    let status = normalizeStatus(str(field, ["status", "flag", "interpretation", "severity"]));
+    if (status === "unknown") status = deriveStatusFromRange(value, refRange);
+    return {
+      id: str(field, ["id", "code"]) || `${name || "vital"}-${i}`,
+      name: name || "Unknown",
+      value,
+      unit: str(field, ["unit", "units"]),
+      refRange,
+      status,
+      history: parseHistory(field)
+    };
+  }).filter((v) => v !== null);
+}
+var isOutOfRange = (v) => v.status === "high" || v.status === "low";
+function vitalsNoteHeading(opts) {
+  return `**Vitals / Lab parameters \u2014 ${opts?.reportName ?? "Report"}${opts?.date ? ` (${opts.date})` : ""}:**`;
+}
+function vitalsToNoteText(vitals, opts) {
+  const lines = vitals.map((v) => {
+    const val = [v.value, v.unit].filter(Boolean).join(" ");
+    return val ? `${v.name}: ${val}` : v.name;
+  });
+  return [vitalsNoteHeading(opts), ...lines].join("\n");
+}
+
+// src/connection/useRecordPreview.ts
+function classifyFile(rawType) {
+  const t = (rawType ?? "").toLowerCase();
+  if (t.includes("pdf")) return "pdf";
+  if (t.includes("image") || t === "img" || /(png|jpe?g|gif|webp|heic)/.test(t)) return "image";
+  return "text";
+}
+var EMPTY = {
+  status: "loading",
+  files: [],
+  vitals: [],
+  hasSmartReport: false
+};
+function useRecordPreview(documentId) {
+  const { bid, patientId } = useSdk();
+  const [data, setData] = useState6(EMPTY);
+  const inflightRef = useRef5(null);
+  useEffect8(() => {
+    if (!documentId) {
+      setData(EMPTY);
+      return;
+    }
+    if (inflightRef.current === documentId) return;
+    inflightRef.current = documentId;
+    let cancelled = false;
+    setData(EMPTY);
+    (async () => {
+      try {
+        const res = await getCore().describeDocument({ documentId, bid, patientId, preferenceType: "HTML" });
+        if (cancelled) return;
+        const files = (res.files ?? []).filter((f) => f.asset_url).map((f) => ({ url: f.asset_url, kind: classifyFile(f.file_type) }));
+        const vitals = res.smart_report ? parseVitals(res.smart_report) : [];
+        setData({
+          status: "loaded",
+          files,
+          vitals,
+          hasSmartReport: res.smart_report != null
+        });
+      } catch {
+        if (!cancelled) setData({ status: "error", files: [], vitals: [], hasSmartReport: false });
+      }
+    })();
+    return () => {
+      cancelled = true;
+      inflightRef.current = null;
+    };
+  }, [documentId, bid, patientId]);
+  return data;
+}
+
+// src/connection/useCasesConnection.ts
+import { useCallback as useCallback2, useEffect as useEffect9, useRef as useRef6 } from "react";
+function useCasesConnection(enabled = true) {
+  const { bid, patientId, store } = useSdk();
+  const loadedKeyRef = useRef6(null);
+  const applyItems = useCallback2(
+    (items) => {
+      store.getState().cases.setAll(items.map(caseItemToUi));
+    },
+    [store]
+  );
+  const load = useCallback2(async () => {
+    const cases = store.getState().cases;
+    cases.setStatus("loading");
+    try {
+      const fresh = await getCore().listCases({
+        bid,
+        patientId,
+        onStale: (cached) => {
+          applyItems(cached);
+          store.getState().cases.setStatus("stale");
+        }
+      });
+      applyItems(fresh);
+      cases.setStatus("fresh");
+    } catch (e) {
+      cases.setError(e instanceof Error ? e.message : "Failed to load cases");
+    }
+  }, [bid, patientId, store, applyItems]);
+  useEffect9(() => {
+    if (!enabled) return;
+    const key = `${bid}::${patientId}`;
+    if (loadedKeyRef.current === key) return;
+    loadedKeyRef.current = key;
+    void load();
+  }, [enabled, bid, patientId, load]);
+  useEffect9(() => {
+    if (!enabled) return;
+    const unsubscribe = getCore().subscribe("cases:changed", () => {
+      void getCore().listLocalCases({ bid, patientId }).then(applyItems);
+    });
+    return unsubscribe;
+  }, [enabled, bid, patientId, applyItems]);
+  const createCase = useCallback2(
+    async (data) => {
+      const id = data.id ?? crypto.randomUUID();
+      const res = await getCore().createCase({ data: { ...data, id }, bid, patientId });
+      return res.id;
+    },
+    [bid, patientId]
+  );
+  const updateCase = useCallback2(
+    async (caseId, data) => {
+      await getCore().updateCase({ caseId, data, bid, patientId });
+    },
+    [bid, patientId]
+  );
+  const deleteCase = useCallback2(
+    async (caseId) => {
+      await getCore().deleteCase({ caseId, bid, patientId });
+      store.getState().cases.remove(caseId);
+    },
+    [bid, patientId, store]
+  );
+  return { refresh: load, createCase, updateCase, deleteCase };
+}
+
+// src/connection/useUploadConnection.ts
+import { useCallback as useCallback3, useRef as useRef7 } from "react";
+function resolveContentType(file) {
+  const t = file.type.toLowerCase();
+  if (t === "image/jpeg" || t === "image/jpg" || t === "image/png" || t === "application/pdf") {
+    return t;
+  }
+  const ext = file.name.split(".").pop()?.toLowerCase();
+  if (ext === "pdf") return "application/pdf";
+  if (ext === "png") return "image/png";
+  if (ext === "jpg" || ext === "jpeg") return "image/jpeg";
+  return "application/pdf";
+}
+function useUploadConnection() {
+  const { bid, patientId, store } = useSdk();
+  const seq = useRef7(0);
+  const upload = useCallback3(
+    async (items) => {
+      if (items.length === 0) return;
+      const localIds = items.map(({ file }) => {
+        const id = `upload-${seq.current += 1}-${file.name}`;
+        store.getState().uploadQueue.add(fileToQueueItem(id, file));
+        return id;
+      });
+      const batchRequests = items.map((it) => ({
+        dt: it.documentType,
+        dd_e: Math.floor(it.documentDateMs / 1e3),
+        // epoch seconds
+        ...it.tags && it.tags.length ? { tg: it.tags } : {},
+        ...it.caseIds && it.caseIds.length ? { cases: it.caseIds } : {},
+        files: [
+          {
+            contentType: resolveContentType(it.file),
+            file_size: it.file.size
+          }
+        ]
+      }));
+      localIds.forEach((id) => store.getState().uploadQueue.updateProgress(id, 0));
+      try {
+        const res = await getCore().addRecord({
+          batchRequests,
+          files: items.map((it) => [it.file]),
+          filenames: items.map((it) => [it.file.name]),
+          bid,
+          patientId
+        });
+        const queue = store.getState().uploadQueue;
+        if (res.message === "queued_offline" || !res.batch_response?.length) {
+          throw new Error("No internet connection. Your upload will retry automatically when you're back online.");
+        }
+        localIds.forEach((id, i) => {
+          const documentId = res.batch_response?.[i]?.document_id ?? "";
+          const errorDetails = res.batch_response?.[i]?.error_details;
+          if (errorDetails) {
+            queue.markFailed(id);
+          } else {
+            console.log("[MR:upload] status \u2192 completed", { localId: id, documentId });
+            queue.markCompleted(id, documentId);
+          }
+        });
+      } catch (e) {
+        const queue = store.getState().uploadQueue;
+        localIds.forEach((id) => {
+          queue.markFailed(id);
+        });
+        throw e;
+      }
+    },
+    [bid, patientId, store]
+  );
+  return { upload };
+}
+
+// src/connection/useLogout.ts
+import { useCallback as useCallback4 } from "react";
+function useLogout() {
+  return useCallback4(() => {
+    teardownWorkerClient();
+  }, []);
+}
+
+// src/stores/selectors/recordsSelectors.ts
+import { useMemo as useMemo3 } from "react";
+import { useStore as useStore3 } from "zustand";
+import { useShallow } from "zustand/react/shallow";
+function useRecordById(store, id) {
+  return useStore3(store, (s) => s.records.byId[id]);
+}
+function useRecordIdRange(store, start, end) {
+  return useStore3(store, useShallow((s) => s.records.ids.slice(start, end)));
+}
+function useRecordsCount(store) {
+  return useStore3(store, (s) => s.records.ids.length);
+}
+function useRecordsStatus(store) {
+  return useStore3(store, (s) => s.records.status);
+}
+function useThumbnailUrl(store, id) {
+  return useStore3(store, (s) => s.records.byId[id]?.thumbnailUrl ?? null);
+}
+function useIsSelected(store, id) {
+  return useStore3(store, (s) => s.selection.recordIds.has(id));
+}
+function useAllTags(store) {
+  const byId = useStore3(store, (s) => s.records.byId);
+  return useMemo3(() => {
+    const set = /* @__PURE__ */ new Set();
+    for (const id in byId) {
+      for (const t of byId[id].tags) set.add(t);
+    }
+    return [...set].sort((a, b) => a.localeCompare(b));
+  }, [byId]);
+}
+
+// src/stores/selectors/casesSelectors.ts
+import { useStore as useStore4 } from "zustand";
+import { useShallow as useShallow2 } from "zustand/react/shallow";
+function useCaseById(store, id) {
+  return useStore4(store, (s) => s.cases.byId[id]);
+}
+function useCaseIds(store) {
+  return useStore4(store, useShallow2((s) => s.cases.ids));
+}
+function useCasesStatus(store) {
+  return useStore4(store, (s) => s.cases.status);
+}
+
+// src/stores/selectors/filteredSelectors.ts
+import { useMemo as useMemo4 } from "react";
+import { useStore as useStore5 } from "zustand";
+
+// src/helpers/recordFilter.ts
+function recordMatchesFilters(r, filters, { skipType = false } = {}) {
+  if (!skipType && filters.type && r.typeCode !== filters.type) return false;
+  const search = filters.search.trim().toLowerCase();
+  if (search && !r.title.toLowerCase().includes(search)) return false;
+  if (filters.documentDateFrom != null && r.createdAtEpoch < filters.documentDateFrom) return false;
+  if (filters.documentDateTo != null && r.createdAtEpoch > filters.documentDateTo) return false;
+  if (filters.uploadDateFrom != null && r.updatedAtEpoch < filters.uploadDateFrom) return false;
+  if (filters.uploadDateTo != null && r.updatedAtEpoch > filters.uploadDateTo) return false;
+  if (filters.tags.length) {
+    const tagSet = new Set(filters.tags);
+    if (!r.tags.some((t) => tagSet.has(t))) return false;
+  }
+  return true;
+}
+
+// src/stores/selectors/filteredSelectors.ts
+function useFilteredRecordIds(store) {
+  const ids = useStore5(store, (s) => s.records.ids);
+  const byId = useStore5(store, (s) => s.records.byId);
+  const filters = useStore5(store, (s) => s.filters);
+  return useMemo4(() => {
+    const filtered = ids.filter((id) => {
+      const r = byId[id];
+      return r ? recordMatchesFilters(r, filters) : false;
+    });
+    const dir = filters.sortDir === "asc" ? 1 : -1;
+    const sorted = [...filtered].sort((a, b) => {
+      const ra = byId[a];
+      const rb = byId[b];
+      if (filters.sortBy === "name") return dir * ra.title.localeCompare(rb.title);
+      return dir * (ra.createdAtEpoch - rb.createdAtEpoch);
+    });
+    return sorted;
+  }, [ids, byId, filters]);
+}
+
+// src/connection/useRecordSelectors.ts
+function useRecordById2(id) {
+  return useRecordById(useSdk().store, id);
+}
+function useRecordIdRange2(start, end) {
+  return useRecordIdRange(useSdk().store, start, end);
+}
+function useRecordsCount2() {
+  return useRecordsCount(useSdk().store);
+}
+function useRecordsStatus2() {
+  return useRecordsStatus(useSdk().store);
+}
+function useThumbnailUrl2(id) {
+  return useThumbnailUrl(useSdk().store, id);
+}
+function useIsSelected2(id) {
+  return useIsSelected(useSdk().store, id);
+}
+function useAllTags2() {
+  return useAllTags(useSdk().store);
+}
+function useCaseById2(id) {
+  return useCaseById(useSdk().store, id);
+}
+function useCaseIds2() {
+  return useCaseIds(useSdk().store);
+}
+function useCasesStatus2() {
+  return useCasesStatus(useSdk().store);
+}
+function useFilteredRecordIds2() {
+  return useFilteredRecordIds(useSdk().store);
+}
+
+// src/views/RecordsView/FilterPopover.tsx
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var PRESET_OPTIONS = [
+  { value: "anytime", label: "Any time" },
+  { value: "last7", label: "Last 7 days" },
+  { value: "last30", label: "Last 30 days" },
+  { value: "last3m", label: "Last 3 months" },
+  { value: "custom", label: "Custom range" }
+];
+var DAY = 24 * 60 * 60 * 1e3;
+var toInput = (ms) => ms == null ? "" : new Date(ms).toISOString().slice(0, 10);
+var fromInput = (v, endOfDay = false) => {
+  if (!v) return null;
+  const d = /* @__PURE__ */ new Date(v + (endOfDay ? "T23:59:59.999" : "T00:00:00"));
+  return Number.isNaN(d.getTime()) ? null : d.getTime();
+};
+function resolveRange(preset, customFrom, customTo) {
+  const now = Date.now();
+  switch (preset) {
+    case "last7":
+      return { from: now - 7 * DAY, to: now };
+    case "last30":
+      return { from: now - 30 * DAY, to: now };
+    case "last3m":
+      return { from: now - 90 * DAY, to: now };
+    case "custom":
+      return { from: fromInput(customFrom), to: fromInput(customTo, true) };
+    default:
+      return { from: null, to: null };
+  }
+}
+function FilterPopover({ onClose }) {
+  const { store, labelOf } = useSdk();
+  const allTags = useAllTags2();
+  const filters = useStore6(store, (s) => s.filters);
+  const byId = useStore6(store, (s) => s.records.byId);
+  const ids = useStore6(store, (s) => s.records.ids);
+  const typeOptions = useMemo5(() => {
+    const seen = /* @__PURE__ */ new Set();
+    return ids.map((id) => byId[id]?.typeCode).filter((code) => !!code && !seen.has(code) && !!seen.add(code)).map((code) => ({ value: code, label: labelOf(code) }));
+  }, [ids, byId, labelOf]);
+  const [docType, setDocType] = useState7(filters.type ?? "");
+  const [docPreset, setDocPreset] = useState7(filters.documentDatePreset);
+  const [docFrom, setDocFrom] = useState7(toInput(filters.documentDateFrom));
+  const [docTo, setDocTo] = useState7(toInput(filters.documentDateTo));
+  const [upPreset, setUpPreset] = useState7(filters.uploadDatePreset);
+  const [upFrom, setUpFrom] = useState7(toInput(filters.uploadDateFrom));
+  const [upTo, setUpTo] = useState7(toInput(filters.uploadDateTo));
+  const [tags, setTags] = useState7(filters.tags);
+  const handleClear = () => {
+    setDocType("");
+    setDocPreset("anytime");
+    setDocFrom("");
+    setDocTo("");
+    setUpPreset("anytime");
+    setUpFrom("");
+    setUpTo("");
+    setTags([]);
+    store.getState().filters.setType(null);
+    store.getState().filters.clearPopoverFilters();
+    onClose();
+  };
+  const handleApply = () => {
+    store.getState().filters.setType(docType || null);
+    const doc = resolveRange(docPreset, docFrom, docTo);
+    const up = resolveRange(upPreset, upFrom, upTo);
+    store.getState().filters.applyPopoverFilters({
+      documentDateFrom: doc.from,
+      documentDateTo: doc.to,
+      uploadDateFrom: up.from,
+      uploadDateTo: up.to,
+      documentDatePreset: docPreset,
+      uploadDatePreset: upPreset,
+      tags
+    });
+    onClose();
+  };
+  return /* @__PURE__ */ jsxs8("div", { className: "mr-filter-popover", role: "dialog", "aria-label": "Filters", children: [
+    /* @__PURE__ */ jsx10("p", { className: "mr-filter-popover__title", children: "Filters" }),
+    /* @__PURE__ */ jsxs8("div", { className: "mr-filter-popover__body", children: [
+      typeOptions.length > 0 && /* @__PURE__ */ jsxs8("div", { className: "mr-filter-popover__group", children: [
+        /* @__PURE__ */ jsx10("p", { className: "mr-filter-popover__label", children: "Document type" }),
+        /* @__PURE__ */ jsx10(
+          PresetSelect,
+          {
+            value: docType,
+            options: [{ value: "", label: "All types" }, ...typeOptions],
+            onChange: (v) => setDocType(v),
+            active: !!docType,
+            placeholder: "All types"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx10(
+        PresetDateRange,
+        {
+          label: "Document date",
+          preset: docPreset,
+          from: docFrom,
+          to: docTo,
+          onPreset: setDocPreset,
+          onFrom: setDocFrom,
+          onTo: setDocTo
+        }
+      ),
+      /* @__PURE__ */ jsx10(
+        PresetDateRange,
+        {
+          label: "Upload date",
+          preset: upPreset,
+          from: upFrom,
+          to: upTo,
+          onPreset: setUpPreset,
+          onFrom: setUpFrom,
+          onTo: setUpTo
+        }
+      ),
+      /* @__PURE__ */ jsxs8("div", { className: "mr-filter-popover__group", children: [
+        /* @__PURE__ */ jsx10("p", { className: "mr-filter-popover__label", children: "Tags" }),
+        /* @__PURE__ */ jsx10(
+          MultiSelect,
+          {
+            value: tags,
+            options: allTags ?? [],
+            onChange: setTags,
+            placeholder: "Search or select tags"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs8("div", { className: "mr-filter-popover__cta", children: [
+      /* @__PURE__ */ jsx10("button", { type: "button", className: "mr-filter-popover__clear", onClick: handleClear, children: "Clear filters" }),
+      /* @__PURE__ */ jsx10("button", { type: "button", className: "mr-filter-popover__apply", onClick: handleApply, children: "Apply filters" })
+    ] })
+  ] });
+}
+function PresetDateRange({
+  label,
+  preset,
+  from,
+  to,
+  onPreset,
+  onFrom,
+  onTo
+}) {
+  return /* @__PURE__ */ jsxs8("div", { className: "mr-filter-popover__group", children: [
+    /* @__PURE__ */ jsx10("p", { className: "mr-filter-popover__label", children: label }),
+    /* @__PURE__ */ jsx10(
+      PresetSelect,
+      {
+        value: preset,
+        options: PRESET_OPTIONS,
+        onChange: onPreset,
+        active: preset !== "anytime"
+      }
+    ),
+    preset === "custom" && /* @__PURE__ */ jsxs8("div", { className: "mr-filter-popover__range", children: [
+      /* @__PURE__ */ jsx10(
+        "input",
+        {
+          type: "date",
+          className: "mr-filter-popover__date",
+          value: from,
+          max: to || void 0,
+          onChange: (e) => onFrom(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsx10("span", { className: "mr-filter-popover__to", children: "to" }),
+      /* @__PURE__ */ jsx10(
+        "input",
+        {
+          type: "date",
+          className: "mr-filter-popover__date",
+          value: to,
+          min: from || void 0,
+          onChange: (e) => onTo(e.target.value)
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/views/RecordsView/RecordsToolbar.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var ALL = "__all__";
+function RecordsToolbar({
+  viewMode,
+  onViewModeChange,
+  onUpload,
+  onRefresh,
+  sourceRefreshedAt,
+  onFilter,
+  onToggleSelect,
+  selectionMode
+}) {
+  const { store, labelOf } = useSdk();
+  const byId = useStore7(store, (s) => s.records.byId);
+  const ids = useStore7(store, (s) => s.records.ids);
+  const filteredIds = useFilteredRecordIds2();
+  const filters = useStore7(store, (s) => s.filters);
+  const activeType = filters.type;
+  const activeFilterCount = useStore7(store, (s) => {
+    const f = s.filters;
+    const docDate = f.documentDateFrom != null || f.documentDateTo != null ? 1 : 0;
+    const upDate = f.uploadDateFrom != null || f.uploadDateTo != null ? 1 : 0;
+    return docDate + upDate + f.tags.length;
+  });
+  const scrollRef = useRef8(null);
+  const [filterOpen, setFilterOpen] = useState8(false);
+  const filterRef = useRef8(null);
+  useEffect10(() => {
+    if (!filterOpen) return;
+    const onDown = (e) => {
+      const t = e.target;
+      if (t.closest?.("[data-mr-portal]")) return;
+      if (filterRef.current && !filterRef.current.contains(t)) setFilterOpen(false);
+    };
+    document.addEventListener("mousedown", onDown);
+    return () => document.removeEventListener("mousedown", onDown);
+  }, [filterOpen]);
+  const [isRefreshing, setIsRefreshing] = useState8(false);
+  const [, setNow] = useState8(0);
+  useEffect10(() => {
+    const t = setInterval(() => setNow((n) => n + 1), 3e4);
+    return () => clearInterval(t);
+  }, []);
+  const handleRefresh = useCallback5(async () => {
+    if (isRefreshing) return;
+    setIsRefreshing(true);
+    try {
+      await onRefresh?.();
+    } finally {
+      setIsRefreshing(false);
+    }
+  }, [isRefreshing, onRefresh]);
+  const lastSyncedLabel = sourceRefreshedAt != null ? relativeTime(sourceRefreshedAt) : null;
+  const typeChips = useMemo6(() => {
+    const counts = /* @__PURE__ */ new Map();
+    for (const id of ids) {
+      const r = byId[id];
+      if (!r) continue;
+      if (!counts.has(r.typeCode)) counts.set(r.typeCode, 0);
+      if (recordMatchesFilters(r, filters, { skipType: true })) {
+        counts.set(r.typeCode, (counts.get(r.typeCode) ?? 0) + 1);
+      }
+    }
+    return [...counts.entries()].map(([code, count]) => ({
+      code,
+      label: labelOf(code),
+      count
+    }));
+  }, [ids, byId, labelOf, filters]);
+  const selectType = (id) => {
+    store.getState().filters.setType(id === ALL ? null : id);
+  };
+  const scrollBy = (delta) => {
+    scrollRef.current?.scrollBy({ left: delta, behavior: "smooth" });
+  };
+  return /* @__PURE__ */ jsxs9("div", { className: "mr-records-toolbar", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "mr-toolbar-filter", ref: filterRef, children: [
+      /* @__PURE__ */ jsx11(Tooltip, { content: "Filter", children: /* @__PURE__ */ jsxs9(
+        "button",
+        {
+          type: "button",
+          className: `mr-toolbar-icon-btn${filterOpen ? " mr-toolbar-icon-btn--active" : ""}`,
+          "aria-label": "Filter",
+          "aria-expanded": filterOpen,
+          onClick: () => {
+            setFilterOpen((o) => !o);
+            onFilter?.();
+          },
+          children: [
+            /* @__PURE__ */ jsx11(Filter, { size: 16, "aria-hidden": true, color: "var(--mr-primary)" }),
+            activeFilterCount > 0 && /* @__PURE__ */ jsx11("span", { className: "mr-toolbar-filter__badge", children: activeFilterCount })
+          ]
+        }
+      ) }),
+      filterOpen && /* @__PURE__ */ jsx11(FilterPopover, { onClose: () => setFilterOpen(false) })
+    ] }),
+    /* @__PURE__ */ jsxs9("div", { className: "mr-toolbar-chiprail", children: [
+      /* @__PURE__ */ jsx11(
+        "button",
+        {
+          type: "button",
+          className: "mr-toolbar-chiprail__chevron",
+          "aria-label": "Scroll filters left",
+          onClick: () => scrollBy(-200),
+          children: /* @__PURE__ */ jsx11(ChevronLeft, { size: 16, "aria-hidden": true })
+        }
+      ),
+      /* @__PURE__ */ jsxs9("div", { className: "mr-toolbar-chiprail__scroll", ref: scrollRef, children: [
+        /* @__PURE__ */ jsx11(
+          FilterChip,
+          {
+            id: ALL,
+            label: "All Records",
+            count: filteredIds?.length,
+            active: activeType == null,
+            onSelect: selectType
+          }
+        ),
+        typeChips.map(({ code, label, count }) => /* @__PURE__ */ jsx11(
+          FilterChip,
+          {
+            id: code,
+            label,
+            count,
+            active: activeType === code,
+            onSelect: selectType
+          },
+          code
+        ))
+      ] }),
+      /* @__PURE__ */ jsx11("span", { className: "mr-toolbar-chiprail__fade", "aria-hidden": true }),
+      /* @__PURE__ */ jsx11(
+        "button",
+        {
+          type: "button",
+          className: "mr-toolbar-chiprail__chevron",
+          "aria-label": "Scroll filters right",
+          onClick: () => scrollBy(200),
+          children: /* @__PURE__ */ jsx11(ChevronRight, { size: 16, "aria-hidden": true })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs9("div", { className: "mr-toolbar-toggle", role: "group", "aria-label": "View mode", children: [
+      /* @__PURE__ */ jsx11(Tooltip, { content: "Grid view", children: /* @__PURE__ */ jsx11(
+        "button",
+        {
+          type: "button",
+          className: `mr-toolbar-toggle__btn${viewMode === "grid" ? " mr-toolbar-toggle__btn--active" : ""}`,
+          "aria-label": "Grid view",
+          "aria-pressed": viewMode === "grid",
+          onClick: () => onViewModeChange("grid"),
+          children: /* @__PURE__ */ jsx11(LayoutGrid, { size: 16, "aria-hidden": true })
+        }
+      ) }),
+      /* @__PURE__ */ jsx11(Tooltip, { content: "List view", children: /* @__PURE__ */ jsx11(
+        "button",
+        {
+          type: "button",
+          className: `mr-toolbar-toggle__btn${viewMode === "list" ? " mr-toolbar-toggle__btn--active" : ""}`,
+          "aria-label": "List view",
+          "aria-pressed": viewMode === "list",
+          onClick: () => onViewModeChange("list"),
+          children: /* @__PURE__ */ jsx11(List, { size: 16, "aria-hidden": true })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx11("span", { className: "mr-toolbar-divider", "aria-hidden": true }),
+    /* @__PURE__ */ jsx11(Tooltip, { content: "Select multiple records to add to context", children: /* @__PURE__ */ jsx11(
+      "button",
+      {
+        type: "button",
+        className: `mr-toolbar-icon-btn${selectionMode ? " mr-toolbar-icon-btn--active" : ""}`,
+        "aria-label": "Select multiple records to add to context",
+        "aria-pressed": selectionMode,
+        onClick: onToggleSelect,
+        children: /* @__PURE__ */ jsx11(SquareCheck, { size: 16, "aria-hidden": true, color: "var(--mr-primary)" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx11(Tooltip, { content: "Refresh", children: /* @__PURE__ */ jsxs9(
+      "button",
+      {
+        type: "button",
+        className: "mr-toolbar-sync",
+        "aria-label": "Refresh",
+        disabled: isRefreshing,
+        onClick: handleRefresh,
+        children: [
+          /* @__PURE__ */ jsx11(
+            RefreshCcw,
+            {
+              size: 16,
+              "aria-hidden": true,
+              className: isRefreshing ? "mr-toolbar-sync__icon--spinning" : void 0
+            }
+          ),
+          lastSyncedLabel && /* @__PURE__ */ jsx11("span", { className: "mr-toolbar-sync__label", children: lastSyncedLabel })
+        ]
+      }
+    ) }),
+    onUpload && /* @__PURE__ */ jsxs9("button", { type: "button", className: "mr-toolbar-upload", onClick: onUpload, children: [
+      /* @__PURE__ */ jsx11(Upload, { size: 16, "aria-hidden": true }),
+      "Upload"
+    ] })
+  ] });
+}
+
+// src/components/SidebarItem/SidebarItem.tsx
+import { memo as memo2 } from "react";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+var SidebarItem = memo2(function SidebarItem2({
+  id,
+  dayNumber,
+  weekday,
+  countLabel,
+  summary,
+  selected,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs10(
+    "button",
+    {
+      type: "button",
+      className: `mr-sidebar-item${selected ? " mr-sidebar-item--selected" : ""}`,
+      "aria-pressed": selected,
+      onClick: () => onSelect(id),
+      children: [
+        /* @__PURE__ */ jsxs10("span", { className: "mr-sidebar-item__date", children: [
+          /* @__PURE__ */ jsx12("span", { className: "mr-sidebar-item__day-num", children: dayNumber }),
+          /* @__PURE__ */ jsx12("span", { className: "mr-sidebar-item__weekday", children: weekday })
+        ] }),
+        /* @__PURE__ */ jsxs10("span", { className: "mr-sidebar-item__text", children: [
+          /* @__PURE__ */ jsx12("span", { className: "mr-sidebar-item__count", children: countLabel }),
+          /* @__PURE__ */ jsx12("span", { className: "mr-sidebar-item__summary", children: summary })
+        ] }),
+        selected && /* @__PURE__ */ jsx12("span", { className: "mr-sidebar-item__indicator", "aria-hidden": true })
+      ]
+    }
+  );
+});
+
+// src/views/RecordsView/SidebarPagination.tsx
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function SidebarPagination({ page, pageCount, onChange }) {
+  if (pageCount <= 1) return null;
+  const goToPage = (val) => {
+    const n = parseInt(val, 10);
+    if (!isNaN(n) && n >= 1 && n <= pageCount) onChange(n - 1);
+  };
+  return /* @__PURE__ */ jsxs11("div", { className: "mr-sidebar-pagination", children: [
+    /* @__PURE__ */ jsx13(
+      "button",
+      {
+        type: "button",
+        className: "mr-sidebar-pagination__btn",
+        "aria-label": "Previous page",
+        disabled: page <= 0,
+        onClick: () => onChange(page - 1),
+        children: /* @__PURE__ */ jsx13(ChevronLeft2, { size: 16, "aria-hidden": true })
+      }
+    ),
+    /* @__PURE__ */ jsxs11("div", { className: "mr-sidebar-pagination__jumper", children: [
+      /* @__PURE__ */ jsx13("span", { className: "mr-sidebar-pagination__text", children: "Page" }),
+      /* @__PURE__ */ jsx13(
+        "input",
+        {
+          type: "number",
+          className: "mr-sidebar-pagination__page-box",
+          min: 1,
+          max: pageCount,
+          defaultValue: page + 1,
+          onBlur: (e) => goToPage(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") goToPage(e.target.value);
+          }
+        },
+        page
+      ),
+      /* @__PURE__ */ jsxs11("span", { className: "mr-sidebar-pagination__text", children: [
+        "of ",
+        pageCount
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx13(
+      "button",
+      {
+        type: "button",
+        className: "mr-sidebar-pagination__btn",
+        "aria-label": "Next page",
+        disabled: page >= pageCount - 1,
+        onClick: () => onChange(page + 1),
+        children: /* @__PURE__ */ jsx13(ChevronRight2, { size: 16, "aria-hidden": true })
+      }
+    )
+  ] });
+}
+
+// src/components/CasePicker/CasePicker.tsx
+import { useEffect as useEffect11, useMemo as useMemo7, useRef as useRef9, useState as useState9 } from "react";
+import { createPortal as createPortal5 } from "react-dom";
+import { Search as Search2, Check as Check3, Plus as Plus2, ChevronDown, X as X2 } from "lucide-react";
+import { useStore as useStore8 } from "zustand";
+import { Fragment, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+var CASE_TYPE_OPTIONS = [
+  { value: "OP", label: "Out-patient" },
+  { value: "IP", label: "In-patient" },
+  { value: "EM", label: "Emergency" },
+  { value: "HH", label: "Home Health" },
+  { value: "DC", label: "Day Care" }
+];
+var todayISO = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+function CasePicker({ selected, onChange, mode = "dropdown" }) {
+  const { store } = useSdk();
+  const { createCase } = useCasesConnection();
+  const caseIds = useStore8(store, (s) => s.cases.ids);
+  const casesById = useStore8(store, (s) => s.cases.byId);
+  const cases = useMemo7(
+    () => caseIds.map((id) => casesById[id]).filter(Boolean),
+    [caseIds, casesById]
+  );
+  const selectedCase = cases.find((c) => c.id === selected) ?? null;
+  const [creating, setCreating] = useState9(false);
+  const [newName, setNewName] = useState9("");
+  const [newType, setNewType] = useState9("OP");
+  const [newDate, setNewDate] = useState9(todayISO());
+  const [saving, setSaving] = useState9(false);
+  const [query, setQuery] = useState9("");
+  const [menuPos, setMenuPos] = useState9(null);
+  const fieldRef = useRef9(null);
+  const menuRef = useRef9(null);
+  const open = menuPos !== null;
+  const filtered = useMemo7(() => {
+    const q = query.trim().toLowerCase();
+    return q ? cases.filter((c) => c.name.toLowerCase().includes(q)) : cases;
+  }, [cases, query]);
+  const place = () => {
+    const el = fieldRef.current;
+    if (!el) return;
+    const r = el.getBoundingClientRect();
+    const spaceBelow = window.innerHeight - r.bottom - 8;
+    const spaceAbove = r.top - 8;
+    if (spaceBelow >= 200 || spaceBelow >= spaceAbove) {
+      setMenuPos({ top: r.bottom + 4, left: r.left, width: r.width, maxH: Math.min(320, spaceBelow) });
+    } else {
+      setMenuPos({ bottom: window.innerHeight - r.top + 4, left: r.left, width: r.width, maxH: Math.min(320, spaceAbove) });
+    }
+  };
+  useEffect11(() => {
+    if (!open) {
+      setQuery("");
+      setCreating(false);
+      setNewName("");
+      return;
+    }
+    const onDown = (e) => {
+      const t = e.target;
+      if (fieldRef.current?.contains(t) || menuRef.current?.contains(t)) return;
+      if (t.closest?.("[data-mr-portal]")) return;
+      setMenuPos(null);
+    };
+    const onResize = () => setMenuPos(null);
+    document.addEventListener("mousedown", onDown);
+    window.addEventListener("resize", onResize);
+    return () => {
+      document.removeEventListener("mousedown", onDown);
+      window.removeEventListener("resize", onResize);
+    };
+  }, [open]);
+  const handleCreate = async () => {
+    const name = newName.trim();
+    if (!name) return;
+    setSaving(true);
+    try {
+      const occurred_at = newDate ? Math.floor((/* @__PURE__ */ new Date(newDate + "T00:00:00")).getTime() / 1e3) : void 0;
+      const id = await createCase({ display_name: name, type: newType, occurred_at });
+      onChange(id);
+      setCreating(false);
+      setNewName("");
+      setNewType("OP");
+      setNewDate(todayISO());
+      if (mode === "dropdown") setMenuPos(null);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const resetCreate = () => {
+    setCreating(false);
+    setNewName("");
+    setNewType("OP");
+    setNewDate(todayISO());
+  };
+  const listContent = creating ? (
+    // Create mode — replace list entirely with the create form
+    /* @__PURE__ */ jsxs12("div", { className: "mr-case-picker__create-form", children: [
+      /* @__PURE__ */ jsx14(
+        "input",
+        {
+          type: "text",
+          className: "mr-case-picker__create-input",
+          placeholder: "Case name",
+          autoFocus: true,
+          value: newName,
+          onChange: (e) => setNewName(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Escape") resetCreate();
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx14(
+        PresetSelect,
+        {
+          value: newType,
+          options: CASE_TYPE_OPTIONS,
+          onChange: setNewType,
+          active: newType !== "OP"
+        }
+      ),
+      /* @__PURE__ */ jsx14(
+        "input",
+        {
+          type: "date",
+          className: "mr-case-picker__create-input",
+          value: newDate,
+          max: todayISO(),
+          onChange: (e) => setNewDate(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsxs12("div", { className: "mr-case-picker__create-actions", children: [
+        /* @__PURE__ */ jsx14("button", { type: "button", className: "mr-case-picker__create-cancel", onClick: resetCreate, children: "Cancel" }),
+        /* @__PURE__ */ jsx14(
+          "button",
+          {
+            type: "button",
+            className: "mr-case-picker__create-save",
+            disabled: !newName.trim() || saving,
+            onClick: () => void handleCreate(),
+            children: saving ? "\u2026" : "Create and Add"
+          }
+        )
+      ] })
+    ] })
+  ) : (
+    // List mode — show cases + footer button
+    /* @__PURE__ */ jsxs12(Fragment, { children: [
+      /* @__PURE__ */ jsx14("ul", { className: "mr-case-picker__list", children: filtered.length === 0 ? /* @__PURE__ */ jsx14("li", { className: "mr-case-picker__empty", children: "No cases found" }) : filtered.map((c) => /* @__PURE__ */ jsx14("li", { children: /* @__PURE__ */ jsxs12(
+        "button",
+        {
+          type: "button",
+          className: `mr-case-picker__option${selected === c.id ? " mr-case-picker__option--active" : ""}`,
+          onClick: () => {
+            onChange(c.id);
+            if (mode === "dropdown") setMenuPos(null);
+          },
+          children: [
+            /* @__PURE__ */ jsx14("span", { children: c.name }),
+            selected === c.id && /* @__PURE__ */ jsx14(Check3, { size: 14, "aria-hidden": true })
+          ]
+        }
+      ) }, c.id)) }),
+      /* @__PURE__ */ jsx14("div", { className: "mr-case-picker__footer", children: /* @__PURE__ */ jsxs12("button", { type: "button", className: "mr-case-picker__create-btn", onClick: () => setCreating(true), children: [
+        /* @__PURE__ */ jsx14(Plus2, { size: 14, "aria-hidden": true }),
+        "New care context"
+      ] }) })
+    ] })
+  );
+  if (mode === "inline") {
+    return /* @__PURE__ */ jsx14("div", { className: "mr-case-picker mr-case-picker--inline", children: creating ? /* @__PURE__ */ jsxs12("div", { className: "mr-case-picker__create-form", children: [
+      /* @__PURE__ */ jsx14(
+        "input",
+        {
+          type: "text",
+          className: "mr-case-picker__create-input",
+          placeholder: "Case name",
+          autoFocus: true,
+          value: newName,
+          onChange: (e) => setNewName(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Escape") resetCreate();
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx14(
+        PresetSelect,
+        {
+          value: newType,
+          options: CASE_TYPE_OPTIONS,
+          onChange: setNewType,
+          active: newType !== "OP"
+        }
+      ),
+      /* @__PURE__ */ jsx14(
+        "input",
+        {
+          type: "date",
+          className: "mr-case-picker__create-input",
+          value: newDate,
+          max: todayISO(),
+          onChange: (e) => setNewDate(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsxs12("div", { className: "mr-case-picker__create-actions", children: [
+        /* @__PURE__ */ jsx14("button", { type: "button", className: "mr-case-picker__create-cancel", onClick: resetCreate, children: "Cancel" }),
+        /* @__PURE__ */ jsx14(
+          "button",
+          {
+            type: "button",
+            className: "mr-case-picker__create-save",
+            disabled: !newName.trim() || saving,
+            onClick: () => void handleCreate(),
+            children: saving ? "\u2026" : "Create and Add"
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ jsxs12("button", { type: "button", className: "mr-case-picker__create-btn", onClick: () => setCreating(true), children: [
+      /* @__PURE__ */ jsx14(Plus2, { size: 14, "aria-hidden": true }),
+      "New care context"
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs12(Fragment, { children: [
+    /* @__PURE__ */ jsxs12(
+      "button",
+      {
+        ref: fieldRef,
+        type: "button",
+        className: `mr-case-picker__field${open ? " mr-case-picker__field--open" : ""}${selected ? " mr-case-picker__field--active" : ""}`,
+        onClick: () => open ? setMenuPos(null) : place(),
+        children: [
+          /* @__PURE__ */ jsx14(Search2, { size: 14, "aria-hidden": true, className: "mr-case-picker__field-icon" }),
+          /* @__PURE__ */ jsx14("span", { className: selectedCase ? "mr-case-picker__field-value" : "mr-case-picker__field-placeholder", children: selectedCase?.name ?? "Search or select case\u2026" }),
+          selected ? /* @__PURE__ */ jsx14(X2, { size: 14, "aria-hidden": true, className: "mr-case-picker__field-icon", onClick: (e) => {
+            e.stopPropagation();
+            onChange(null);
+          } }) : /* @__PURE__ */ jsx14(ChevronDown, { size: 14, "aria-hidden": true, className: "mr-case-picker__field-icon" })
+        ]
+      }
+    ),
+    open && typeof document !== "undefined" && createPortal5(
+      /* @__PURE__ */ jsxs12(
+        "div",
+        {
+          ref: menuRef,
+          className: "mr-case-picker__menu",
+          "data-mr-portal": true,
+          style: {
+            ...menuPos.top !== void 0 ? { top: menuPos.top } : { bottom: menuPos.bottom },
+            left: menuPos.left,
+            width: menuPos.width,
+            maxHeight: menuPos.maxH
+          },
+          children: [
+            !creating && /* @__PURE__ */ jsxs12("div", { className: "mr-case-picker__search-row", children: [
+              /* @__PURE__ */ jsx14(Search2, { size: 14, className: "mr-case-picker__search-icon", "aria-hidden": true }),
+              /* @__PURE__ */ jsx14(
+                "input",
+                {
+                  type: "text",
+                  className: "mr-case-picker__search-input",
+                  placeholder: "Search cases\u2026",
+                  autoFocus: !creating,
+                  value: query,
+                  onChange: (e) => setQuery(e.target.value)
+                }
+              )
+            ] }),
+            listContent
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+
+// src/views/RecordsView/RecordsSidebar.tsx
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function RecordsSidebar({
+  tab,
+  onTabChange,
+  sections,
+  activeKey,
+  onSelectSection,
+  page,
+  pageCount,
+  onPageChange
+}) {
+  const showCareContextEmpty = tab === "careContext" && sections.length === 0;
+  return /* @__PURE__ */ jsxs13("nav", { className: "mr-records-sidebar", children: [
+    /* @__PURE__ */ jsx15("div", { className: "mr-records-sidebar__tabs", children: /* @__PURE__ */ jsxs13("div", { className: "mr-records-sidebar__tabsrow", role: "tablist", children: [
+      /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": tab === "date",
+          className: `mr-records-sidebar__tab${tab === "date" ? " mr-records-sidebar__tab--active" : ""}`,
+          onClick: () => onTabChange("date"),
+          children: "Date"
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": tab === "careContext",
+          className: `mr-records-sidebar__tab${tab === "careContext" ? " mr-records-sidebar__tab--active" : ""}`,
+          onClick: () => onTabChange("careContext"),
+          children: "Care Context"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx15("div", { className: "mr-records-sidebar__body", children: showCareContextEmpty ? /* @__PURE__ */ jsxs13("div", { className: "mr-records-sidebar__empty-context", children: [
+      /* @__PURE__ */ jsx15("p", { className: "mr-records-sidebar__empty-text", children: "No cases yet. Create one." }),
+      /* @__PURE__ */ jsx15(CasePicker, { selected: null, onChange: () => {
+      }, mode: "inline" })
+    ] }) : sections.map((s, i) => {
+      const showMonth = tab === "date" && (i === 0 || sections[i - 1].monthKey !== s.monthKey);
+      return /* @__PURE__ */ jsxs13("div", { children: [
+        showMonth && /* @__PURE__ */ jsx15("div", { className: "mr-records-sidebar__month", children: s.monthLabel }),
+        /* @__PURE__ */ jsx15(
+          SidebarItem,
+          {
+            id: s.key,
+            dayNumber: s.dayNumber,
+            weekday: s.weekday,
+            countLabel: s.countLabel,
+            summary: s.summary,
+            selected: activeKey === s.key,
+            onSelect: onSelectSection
+          }
+        )
+      ] }, s.key);
+    }) }, tab),
+    /* @__PURE__ */ jsx15(SidebarPagination, { page, pageCount, onChange: onPageChange })
+  ] });
+}
+
+// src/views/RecordsView/RecordsGrid.tsx
+import { useEffect as useEffect16, useRef as useRef14 } from "react";
+
+// src/views/RecordsView/RecordCardContainer.tsx
+import { memo as memo8 } from "react";
+
+// src/components/RecordCard/RecordCard.tsx
+import { memo as memo7, useMemo as useMemo9 } from "react";
+import { Check as Check5, Copy, Eye, FolderPlus, Trash2 } from "lucide-react";
+
+// src/components/Badge/Badge.tsx
+import { memo as memo3 } from "react";
+import { Star } from "lucide-react";
+
+// src/components/icons/AnalysingIcon.tsx
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function AnalysingIcon({ size = 89 }) {
+  const scale = size / 89;
+  return /* @__PURE__ */ jsxs14(
+    "svg",
+    {
+      width: 89 * scale,
+      height: 24 * scale,
+      viewBox: "0 0 89 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsx16("path", { d: "M0 6C0 2.68629 2.68629 0 6 0H83C86.3137 0 89 2.68629 89 6V18C89 21.3137 86.3137 24 83 24H6C2.68629 24 0 21.3137 0 18V6Z", fill: "#FFFAEB" }),
+        /* @__PURE__ */ jsx16("g", { clipPath: "url(#mr-analysing-clip)", children: /* @__PURE__ */ jsx16("path", { d: "M14 7V9M16.1 9.89995L17.55 8.44995M17 12H19M16.1 14.1L17.55 15.55M14 15V17M10.45 15.55L11.9 14.1M9 12H11M10.45 8.44995L11.9 9.89995", stroke: "#B45309", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+        /* @__PURE__ */ jsx16("path", { d: "M25.696 16H24.2983L27.4389 7.27273H28.9602L32.1009 16H30.7031L28.2358 8.85795H28.1676L25.696 16ZM25.9304 12.5824H30.4645V13.6903H25.9304V12.5824ZM34.533 12.1136V16H33.2589V9.45455H34.4819V10.5199H34.5629C34.7134 10.1733 34.9492 9.89489 35.2702 9.68466C35.5941 9.47443 36.0018 9.36932 36.4933 9.36932C36.9393 9.36932 37.3299 9.46307 37.6651 9.65057C38.0004 9.83523 38.2603 10.1108 38.445 10.4773C38.6296 10.8437 38.7219 11.2969 38.7219 11.8366V16H37.4478V11.9901C37.4478 11.5156 37.3242 11.1449 37.0771 10.8778C36.8299 10.608 36.4904 10.473 36.0586 10.473C35.7631 10.473 35.5004 10.5369 35.2702 10.6648C35.043 10.7926 34.8626 10.9801 34.729 11.2273C34.5984 11.4716 34.533 11.767 34.533 12.1136ZM42.3356 16.1449C41.9208 16.1449 41.5458 16.0682 41.2106 15.9148C40.8754 15.7585 40.6097 15.5327 40.4137 15.2372C40.2205 14.9418 40.1239 14.5795 40.1239 14.1506C40.1239 13.7812 40.195 13.4773 40.337 13.2386C40.479 13 40.6708 12.8111 40.9123 12.6719C41.1538 12.5327 41.4237 12.4276 41.7219 12.3565C42.0202 12.2855 42.3242 12.2315 42.6339 12.1946C43.0259 12.1491 43.3441 12.1122 43.5884 12.0838C43.8327 12.0526 44.0103 12.0028 44.1211 11.9347C44.2319 11.8665 44.2873 11.7557 44.2873 11.6023V11.5724C44.2873 11.2003 44.1822 10.9119 43.9719 10.7074C43.7646 10.5028 43.4549 10.4006 43.043 10.4006C42.614 10.4006 42.2759 10.4957 42.0288 10.6861C41.7844 10.8736 41.6154 11.0824 41.5217 11.3125L40.3242 11.0398C40.4663 10.642 40.6737 10.321 40.9464 10.0767C41.2219 9.82955 41.5387 9.65057 41.8967 9.53977C42.2546 9.42614 42.631 9.36932 43.0259 9.36932C43.2873 9.36932 43.5643 9.40057 43.8569 9.46307C44.1523 9.52273 44.4279 9.63352 44.6836 9.79545C44.9421 9.95739 45.1538 10.1889 45.3185 10.4901C45.4833 10.7884 45.5657 11.1761 45.5657 11.6534V16H44.3214V15.1051H44.2702C44.1879 15.2699 44.0643 15.4318 43.8995 15.5909C43.7347 15.75 43.5231 15.8821 43.2646 15.9872C43.006 16.0923 42.6964 16.1449 42.3356 16.1449ZM42.6126 15.1222C42.9648 15.1222 43.266 15.0526 43.516 14.9134C43.7688 14.7741 43.9606 14.5923 44.0913 14.3679C44.2248 14.1406 44.2915 13.8977 44.2915 13.6392V12.7955C44.2461 12.8409 44.158 12.8835 44.0273 12.9233C43.8995 12.9602 43.7532 12.9929 43.5884 13.0213C43.4237 13.0469 43.2631 13.071 43.1069 13.0938C42.9506 13.1136 42.82 13.1307 42.7148 13.1449C42.4677 13.1761 42.2418 13.2287 42.0373 13.3026C41.8356 13.3764 41.6737 13.483 41.5515 13.6222C41.4322 13.7585 41.3725 13.9403 41.3725 14.1676C41.3725 14.483 41.489 14.7216 41.7219 14.8835C41.9549 15.0426 42.2518 15.1222 42.6126 15.1222ZM48.5369 7.27273V16H47.2628V7.27273H48.5369ZM51.0565 18.4545C50.8661 18.4545 50.6928 18.4389 50.5366 18.4077C50.3803 18.3793 50.2638 18.348 50.1871 18.3139L50.494 17.2699C50.7269 17.3324 50.9343 17.3594 51.1161 17.3509C51.2979 17.3423 51.4585 17.2741 51.5977 17.1463C51.7397 17.0185 51.8647 16.8097 51.9727 16.5199L52.1303 16.0852L49.7354 9.45455H51.0991L52.7567 14.5341H52.8249L54.4826 9.45455H55.8505L53.1531 16.8736C53.0281 17.2145 52.869 17.5028 52.6758 17.7386C52.4826 17.9773 52.2525 18.1563 51.9854 18.2756C51.7184 18.3949 51.4087 18.4545 51.0565 18.4545ZM61.9528 11.0526L60.7979 11.2571C60.7496 11.1094 60.6729 10.9687 60.5678 10.8352C60.4656 10.7017 60.3263 10.5923 60.1502 10.5071C59.9741 10.4219 59.7539 10.3793 59.4897 10.3793C59.1289 10.3793 58.8278 10.4602 58.5863 10.6222C58.3448 10.7812 58.2241 10.9872 58.2241 11.2401C58.2241 11.4588 58.305 11.6349 58.467 11.7685C58.6289 11.902 58.8903 12.0114 59.2511 12.0966L60.2908 12.3352C60.8931 12.4744 61.342 12.6889 61.6374 12.9787C61.9329 13.2685 62.0806 13.6449 62.0806 14.108C62.0806 14.5 61.967 14.8494 61.7397 15.1562C61.5153 15.4602 61.2013 15.6989 60.7979 15.8722C60.3974 16.0455 59.9329 16.1321 59.4045 16.1321C58.6715 16.1321 58.0735 15.9759 57.6104 15.6634C57.1474 15.348 56.8633 14.9006 56.7582 14.321L57.9897 14.1335C58.0664 14.4545 58.2241 14.6974 58.4627 14.8622C58.7013 15.0241 59.0124 15.1051 59.396 15.1051C59.8136 15.1051 60.1474 15.0185 60.3974 14.8452C60.6474 14.669 60.7724 14.4545 60.7724 14.2017C60.7724 13.9972 60.6957 13.8253 60.5423 13.6861C60.3917 13.5469 60.1602 13.4418 59.8477 13.3707L58.7397 13.1278C58.1289 12.9886 57.6772 12.767 57.3846 12.4631C57.0948 12.1591 56.9499 11.7741 56.9499 11.3082C56.9499 10.9219 57.0579 10.5838 57.2738 10.294C57.4897 10.0043 57.788 9.77841 58.1687 9.61648C58.5494 9.4517 58.9854 9.36932 59.4769 9.36932C60.1843 9.36932 60.7411 9.52273 61.1474 9.82955C61.5536 10.1335 61.8221 10.5412 61.9528 11.0526ZM63.4815 16V9.45455H64.7557V16H63.4815ZM64.125 8.4446C63.9034 8.4446 63.7131 8.37074 63.554 8.22301C63.3977 8.07244 63.3196 7.89347 63.3196 7.68608C63.3196 7.47585 63.3977 7.29687 63.554 7.14915C63.7131 6.99858 63.9034 6.9233 64.125 6.9233C64.3466 6.9233 64.5355 6.99858 64.6918 7.14915C64.8509 7.29687 64.9304 7.47585 64.9304 7.68608C64.9304 7.89347 64.8509 8.07244 64.6918 8.22301C64.5355 8.37074 64.3466 8.4446 64.125 8.4446ZM67.744 12.1136V16H66.4698V9.45455H67.6928V10.5199H67.7738C67.9244 10.1733 68.1602 9.89489 68.4812 9.68466C68.805 9.47443 69.2127 9.36932 69.7042 9.36932C70.1502 9.36932 70.5408 9.46307 70.8761 9.65057C71.2113 9.83523 71.4712 10.1108 71.6559 10.4773C71.8406 10.8437 71.9329 11.2969 71.9329 11.8366V16H70.6587V11.9901C70.6587 11.5156 70.5352 11.1449 70.288 10.8778C70.0408 10.608 69.7013 10.473 69.2695 10.473C68.9741 10.473 68.7113 10.5369 68.4812 10.6648C68.2539 10.7926 68.0735 10.9801 67.94 11.2273C67.8093 11.4716 67.744 11.767 67.744 12.1136ZM76.386 18.5909C75.8661 18.5909 75.4187 18.5227 75.0437 18.3864C74.6715 18.25 74.3675 18.0696 74.1317 17.8452C73.896 17.6207 73.7198 17.375 73.6033 17.108L74.6985 16.6562C74.7752 16.7812 74.8775 16.9134 75.0053 17.0526C75.136 17.1946 75.3121 17.3153 75.5337 17.4148C75.7582 17.5142 76.0465 17.5639 76.3988 17.5639C76.8817 17.5639 77.2809 17.446 77.5962 17.2102C77.9116 16.9773 78.0692 16.6051 78.0692 16.0938V14.8068H77.9883C77.9116 14.946 77.8008 15.1009 77.6559 15.2713C77.5138 15.4418 77.3178 15.5895 77.0678 15.7145C76.8178 15.8395 76.4925 15.902 76.092 15.902C75.5749 15.902 75.109 15.7812 74.6942 15.5398C74.2823 15.2955 73.9556 14.9361 73.7141 14.4616C73.4755 13.9844 73.3562 13.3977 73.3562 12.7017C73.3562 12.0057 73.4741 11.4091 73.7099 10.9119C73.9485 10.4148 74.2752 10.0341 74.69 9.76989C75.1048 9.50284 75.5749 9.36932 76.1005 9.36932C76.5067 9.36932 76.8349 9.4375 77.0849 9.57386C77.3349 9.70739 77.5295 9.86364 77.6687 10.0426C77.8107 10.2216 77.9201 10.3793 77.9968 10.5156H78.0906V9.45455H79.3391V16.1449C79.3391 16.7074 79.2085 17.169 78.9471 17.5298C78.6857 17.8906 78.332 18.1577 77.886 18.331C77.4428 18.5043 76.9428 18.5909 76.386 18.5909ZM76.3732 14.8452C76.7397 14.8452 77.0494 14.7599 77.3022 14.5895C77.5579 14.4162 77.7511 14.169 77.8817 13.848C78.0153 13.5241 78.082 13.1364 78.082 12.6847C78.082 12.2443 78.0167 11.8565 77.886 11.5213C77.7553 11.1861 77.5636 10.9247 77.3107 10.7372C77.0579 10.5469 76.7454 10.4517 76.3732 10.4517C75.9897 10.4517 75.6701 10.5511 75.4144 10.75C75.1587 10.946 74.9656 11.2131 74.8349 11.5511C74.707 11.8892 74.6431 12.267 74.6431 12.6847C74.6431 13.1136 74.7085 13.4901 74.8391 13.8139C74.9698 14.1378 75.163 14.3906 75.4187 14.5724C75.6772 14.7543 75.9954 14.8452 76.3732 14.8452Z", fill: "#B45309" }),
+        /* @__PURE__ */ jsx16("defs", { children: /* @__PURE__ */ jsx16("clipPath", { id: "mr-analysing-clip", children: /* @__PURE__ */ jsx16("rect", { width: "12", height: "12", fill: "white", transform: "translate(8 6)" }) }) })
+      ]
+    }
+  );
+}
+
+// src/components/icons/UploadingIcon.tsx
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+function UploadingIcon() {
+  return /* @__PURE__ */ jsxs15("svg", { width: "75", height: "24", viewBox: "0 0 75 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx17("g", { style: { transformOrigin: "6px 12px", animation: "mr-spin 1s linear infinite" }, children: /* @__PURE__ */ jsx17("path", { d: "M10.5 12.0002C10.5 12.9505 10.1991 13.8764 9.64047 14.6452C9.08187 15.414 8.29423 15.9862 7.39044 16.2798C6.48665 16.5734 5.5131 16.5734 4.60932 16.2797C3.70555 15.986 2.91794 15.4138 2.35938 14.645C1.80083 13.8762 1.49999 12.9503 1.5 12C1.50001 11.0497 1.80085 10.1238 2.35942 9.35497C2.91799 8.58617 3.7056 8.01392 4.60938 7.72026C5.51316 7.42659 6.48671 7.42658 7.3905 7.72022", stroke: "#215FFF", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+    /* @__PURE__ */ jsx17("path", { d: "M22.571 7.27273H23.892V13.0128C23.892 13.6236 23.7486 14.1648 23.4616 14.6364C23.1747 15.1051 22.7713 15.4744 22.2514 15.7443C21.7315 16.0114 21.1222 16.1449 20.4233 16.1449C19.7273 16.1449 19.1193 16.0114 18.5994 15.7443C18.0795 15.4744 17.6761 15.1051 17.3892 14.6364C17.1023 14.1648 16.9588 13.6236 16.9588 13.0128V7.27273H18.2756V12.9062C18.2756 13.3011 18.3622 13.652 18.5355 13.9588C18.7116 14.2656 18.9602 14.5071 19.2812 14.6832C19.6023 14.8565 19.983 14.9432 20.4233 14.9432C20.8665 14.9432 21.2486 14.8565 21.5696 14.6832C21.8935 14.5071 22.1406 14.2656 22.3111 13.9588C22.4844 13.652 22.571 13.3011 22.571 12.9062V7.27273ZM25.7042 18.4545V9.45455H26.9485V10.5156H27.055C27.1289 10.3793 27.2354 10.2216 27.3746 10.0426C27.5138 9.86364 27.707 9.70739 27.9542 9.57386C28.2013 9.4375 28.5281 9.36932 28.9343 9.36932C29.4627 9.36932 29.9343 9.50284 30.3491 9.76989C30.7638 10.0369 31.0891 10.4219 31.3249 10.9247C31.5636 11.4276 31.6829 12.0327 31.6829 12.7401C31.6829 13.4474 31.565 14.054 31.3292 14.5597C31.0934 15.0625 30.7695 15.4503 30.3576 15.723C29.9457 15.9929 29.4755 16.1278 28.9471 16.1278C28.5494 16.1278 28.2241 16.0611 27.9712 15.9276C27.7212 15.794 27.5252 15.6378 27.3832 15.4588C27.2411 15.2798 27.1317 15.1207 27.055 14.9815H26.9783V18.4545H25.7042ZM26.9528 12.7273C26.9528 13.1875 27.0195 13.5909 27.1531 13.9375C27.2866 14.2841 27.4798 14.5554 27.7326 14.7514C27.9854 14.9446 28.2951 15.0412 28.6616 15.0412C29.0423 15.0412 29.3604 14.9403 29.6161 14.7386C29.8718 14.5341 30.065 14.2571 30.1957 13.9077C30.3292 13.5582 30.396 13.1648 30.396 12.7273C30.396 12.2955 30.3306 11.9077 30.1999 11.5639C30.0721 11.2202 29.8789 10.9489 29.6204 10.75C29.3647 10.5511 29.0451 10.4517 28.6616 10.4517C28.2923 10.4517 27.9798 10.5469 27.7241 10.7372C27.4712 10.9276 27.2795 11.1932 27.1488 11.5341C27.0181 11.875 26.9528 12.2727 26.9528 12.7273ZM34.3846 7.27273V16H33.1104V7.27273H34.3846ZM38.8558 16.1321C38.2422 16.1321 37.7067 15.9915 37.2493 15.7102C36.7919 15.429 36.4368 15.0355 36.1839 14.5298C35.9311 14.0241 35.8047 13.4332 35.8047 12.7571C35.8047 12.0781 35.9311 11.4844 36.1839 10.9759C36.4368 10.4673 36.7919 10.0724 37.2493 9.79119C37.7067 9.50994 38.2422 9.36932 38.8558 9.36932C39.4695 9.36932 40.005 9.50994 40.4624 9.79119C40.9197 10.0724 41.2749 10.4673 41.5277 10.9759C41.7805 11.4844 41.907 12.0781 41.907 12.7571C41.907 13.4332 41.7805 14.0241 41.5277 14.5298C41.2749 15.0355 40.9197 15.429 40.4624 15.7102C40.005 15.9915 39.4695 16.1321 38.8558 16.1321ZM38.8601 15.0625C39.2578 15.0625 39.5874 14.9574 39.8487 14.7472C40.1101 14.5369 40.3033 14.2571 40.4283 13.9077C40.5561 13.5582 40.62 13.1733 40.62 12.7528C40.62 12.3352 40.5561 11.9517 40.4283 11.6023C40.3033 11.25 40.1101 10.9673 39.8487 10.7543C39.5874 10.5412 39.2578 10.4347 38.8601 10.4347C38.4595 10.4347 38.1271 10.5412 37.8629 10.7543C37.6016 10.9673 37.407 11.25 37.2791 11.6023C37.1541 11.9517 37.0916 12.3352 37.0916 12.7528C37.0916 13.1733 37.1541 13.5582 37.2791 13.9077C37.407 14.2571 37.6016 14.5369 37.8629 14.7472C38.1271 14.9574 38.4595 15.0625 38.8601 15.0625ZM45.234 16.1449C44.8192 16.1449 44.4442 16.0682 44.109 15.9148C43.7738 15.7585 43.5082 15.5327 43.3121 15.2372C43.119 14.9418 43.0224 14.5795 43.0224 14.1506C43.0224 13.7812 43.0934 13.4773 43.2354 13.2386C43.3775 13 43.5692 12.8111 43.8107 12.6719C44.0522 12.5327 44.3221 12.4276 44.6204 12.3565C44.9187 12.2855 45.2227 12.2315 45.5323 12.1946C45.9244 12.1491 46.2425 12.1122 46.4869 12.0838C46.7312 12.0526 46.9087 12.0028 47.0195 11.9347C47.1303 11.8665 47.1857 11.7557 47.1857 11.6023V11.5724C47.1857 11.2003 47.0806 10.9119 46.8704 10.7074C46.663 10.5028 46.3533 10.4006 45.9414 10.4006C45.5124 10.4006 45.1744 10.4957 44.9272 10.6861C44.6829 10.8736 44.5138 11.0824 44.4201 11.3125L43.2227 11.0398C43.3647 10.642 43.5721 10.321 43.8448 10.0767C44.1204 9.82955 44.4371 9.65057 44.7951 9.53977C45.1531 9.42614 45.5295 9.36932 45.9244 9.36932C46.1857 9.36932 46.4627 9.40057 46.7553 9.46307C47.0508 9.52273 47.3263 9.63352 47.582 9.79545C47.8406 9.95739 48.0522 10.1889 48.217 10.4901C48.3817 10.7884 48.4641 11.1761 48.4641 11.6534V16H47.2198V15.1051H47.1687C47.0863 15.2699 46.9627 15.4318 46.7979 15.5909C46.6332 15.75 46.4215 15.8821 46.163 15.9872C45.9045 16.0923 45.5948 16.1449 45.234 16.1449ZM45.511 15.1222C45.8633 15.1222 46.1644 15.0526 46.4144 14.9134C46.6673 14.7741 46.859 14.5923 46.9897 14.3679C47.1232 14.1406 47.19 13.8977 47.19 13.6392V12.7955C47.1445 12.8409 47.0565 12.8835 46.9258 12.9233C46.7979 12.9602 46.6516 12.9929 46.4869 13.0213C46.3221 13.0469 46.1616 13.071 46.0053 13.0938C45.8491 13.1136 45.7184 13.1307 45.6133 13.1449C45.3661 13.1761 45.1403 13.2287 44.9357 13.3026C44.734 13.3764 44.5721 13.483 44.4499 13.6222C44.3306 13.7585 44.271 13.9403 44.271 14.1676C44.271 14.483 44.3874 14.7216 44.6204 14.8835C44.8533 15.0426 45.1502 15.1222 45.511 15.1222ZM52.6115 16.1278C52.0831 16.1278 51.6115 15.9929 51.1967 15.723C50.7848 15.4503 50.4609 15.0625 50.2251 14.5597C49.9922 14.054 49.8757 13.4474 49.8757 12.7401C49.8757 12.0327 49.9936 11.4276 50.2294 10.9247C50.468 10.4219 50.7947 10.0369 51.2095 9.76989C51.6243 9.50284 52.0945 9.36932 52.62 9.36932C53.0263 9.36932 53.353 9.4375 53.6001 9.57386C53.8501 9.70739 54.0433 9.86364 54.1797 10.0426C54.3189 10.2216 54.4268 10.3793 54.5036 10.5156H54.5803V7.27273H55.8544V16H54.6101V14.9815H54.5036C54.4268 15.1207 54.3161 15.2798 54.1712 15.4588C54.0291 15.6378 53.8331 15.794 53.5831 15.9276C53.3331 16.0611 53.0092 16.1278 52.6115 16.1278ZM52.8928 15.0412C53.2592 15.0412 53.5689 14.9446 53.8217 14.7514C54.0774 14.5554 54.2706 14.2841 54.4013 13.9375C54.5348 13.5909 54.6016 13.1875 54.6016 12.7273C54.6016 12.2727 54.5362 11.875 54.4055 11.5341C54.2749 11.1932 54.0831 10.9276 53.8303 10.7372C53.5774 10.5469 53.2649 10.4517 52.8928 10.4517C52.5092 10.4517 52.1896 10.5511 51.9339 10.75C51.6783 10.9489 51.4851 11.2202 51.3544 11.5639C51.2266 11.9077 51.1626 12.2955 51.1626 12.7273C51.1626 13.1648 51.228 13.5582 51.3587 13.9077C51.4893 14.2571 51.6825 14.5341 51.9382 14.7386C52.1967 14.9403 52.5149 15.0412 52.8928 15.0412ZM57.6729 16V9.45455H58.9471V16H57.6729ZM58.3164 8.4446C58.0948 8.4446 57.9045 8.37074 57.7454 8.22301C57.5891 8.07244 57.511 7.89347 57.511 7.68608C57.511 7.47585 57.5891 7.29687 57.7454 7.14915C57.9045 6.99858 58.0948 6.9233 58.3164 6.9233C58.538 6.9233 58.7269 6.99858 58.8832 7.14915C59.0423 7.29687 59.1218 7.47585 59.1218 7.68608C59.1218 7.89347 59.0423 8.07244 58.8832 8.22301C58.7269 8.37074 58.538 8.4446 58.3164 8.4446ZM61.9354 12.1136V16H60.6612V9.45455H61.8842V10.5199H61.9652C62.1158 10.1733 62.3516 9.89489 62.6726 9.68466C62.9964 9.47443 63.4041 9.36932 63.8956 9.36932C64.3416 9.36932 64.7322 9.46307 65.0675 9.65057C65.4027 9.83523 65.6626 10.1108 65.8473 10.4773C66.032 10.8437 66.1243 11.2969 66.1243 11.8366V16H64.8501V11.9901C64.8501 11.5156 64.7266 11.1449 64.4794 10.8778C64.2322 10.608 63.8928 10.473 63.4609 10.473C63.1655 10.473 62.9027 10.5369 62.6726 10.6648C62.4453 10.7926 62.2649 10.9801 62.1314 11.2273C62.0007 11.4716 61.9354 11.767 61.9354 12.1136ZM70.5774 18.5909C70.0575 18.5909 69.6101 18.5227 69.2351 18.3864C68.8629 18.25 68.5589 18.0696 68.3232 17.8452C68.0874 17.6207 67.9112 17.375 67.7947 17.108L68.8899 16.6562C68.9666 16.7812 69.0689 16.9134 69.1967 17.0526C69.3274 17.1946 69.5036 17.3153 69.7251 17.4148C69.9496 17.5142 70.2379 17.5639 70.5902 17.5639C71.0732 17.5639 71.4723 17.446 71.7876 17.2102C72.103 16.9773 72.2607 16.6051 72.2607 16.0938V14.8068H72.1797C72.103 14.946 71.9922 15.1009 71.8473 15.2713C71.7053 15.4418 71.5092 15.5895 71.2592 15.7145C71.0092 15.8395 70.6839 15.902 70.2834 15.902C69.7663 15.902 69.3004 15.7812 68.8857 15.5398C68.4737 15.2955 68.147 14.9361 67.9055 14.4616C67.6669 13.9844 67.5476 13.3977 67.5476 12.7017C67.5476 12.0057 67.6655 11.4091 67.9013 10.9119C68.1399 10.4148 68.4666 10.0341 68.8814 9.76989C69.2962 9.50284 69.7663 9.36932 70.2919 9.36932C70.6982 9.36932 71.0263 9.4375 71.2763 9.57386C71.5263 9.70739 71.7209 9.86364 71.8601 10.0426C72.0021 10.2216 72.1115 10.3793 72.1882 10.5156H72.282V9.45455H73.5305V16.1449C73.5305 16.7074 73.3999 17.169 73.1385 17.5298C72.8771 17.8906 72.5234 18.1577 72.0774 18.331C71.6342 18.5043 71.1342 18.5909 70.5774 18.5909ZM70.5646 14.8452C70.9311 14.8452 71.2408 14.7599 71.4936 14.5895C71.7493 14.4162 71.9425 14.169 72.0732 13.848C72.2067 13.5241 72.2734 13.1364 72.2734 12.6847C72.2734 12.2443 72.2081 11.8565 72.0774 11.5213C71.9467 11.1861 71.755 10.9247 71.5021 10.7372C71.2493 10.5469 70.9368 10.4517 70.5646 10.4517C70.1811 10.4517 69.8615 10.5511 69.6058 10.75C69.3501 10.946 69.157 11.2131 69.0263 11.5511C68.8984 11.8892 68.8345 12.267 68.8345 12.6847C68.8345 13.1136 68.8999 13.4901 69.0305 13.8139C69.1612 14.1378 69.3544 14.3906 69.6101 14.5724C69.8686 14.7543 70.1868 14.8452 70.5646 14.8452Z", fill: "#215FFF" })
+  ] });
+}
+
+// src/components/icons/FailedUploadIcon.tsx
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+function FailedUploadIcon() {
+  return /* @__PURE__ */ jsxs16("svg", { width: "108", height: "24", viewBox: "0 0 108 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx18("path", { d: "M6 10.5001V12.5001M6 14.5001H6.005M10.865 15.0001L6.86496 8.00011C6.77775 7.84621 6.65127 7.71821 6.49843 7.62915C6.34559 7.54009 6.17186 7.49316 5.99496 7.49316C5.81807 7.49316 5.64434 7.54009 5.4915 7.62915C5.33866 7.71821 5.21218 7.84621 5.12496 8.00011L1.12496 15.0001C1.03681 15.1528 0.990579 15.3261 0.990969 15.5024C0.99136 15.6787 1.03835 15.8517 1.12719 16.004C1.21602 16.1563 1.34354 16.2824 1.49681 16.3695C1.65009 16.4566 1.82367 16.5017 1.99996 16.5001H9.99996C10.1754 16.4999 10.3477 16.4536 10.4996 16.3658C10.6515 16.2779 10.7776 16.1517 10.8652 15.9997C10.9529 15.8477 10.999 15.6753 10.9989 15.4999C10.9989 15.3244 10.9527 15.1521 10.865 15.0001Z", stroke: "#D92D20", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx18("path", { d: "M16.9588 16V7.27273H22.3707V8.40625H18.2756V11.0653H21.983V12.1946H18.2756V16H16.9588ZM25.7692 16.1449C25.3544 16.1449 24.9794 16.0682 24.6442 15.9148C24.3089 15.7585 24.0433 15.5327 23.8473 15.2372C23.6541 14.9418 23.5575 14.5795 23.5575 14.1506C23.5575 13.7812 23.6286 13.4773 23.7706 13.2386C23.9126 13 24.1044 12.8111 24.3459 12.6719C24.5874 12.5327 24.8572 12.4276 25.1555 12.3565C25.4538 12.2855 25.7578 12.2315 26.0675 12.1946C26.4595 12.1491 26.7777 12.1122 27.022 12.0838C27.2663 12.0526 27.4439 12.0028 27.5547 11.9347C27.6655 11.8665 27.7209 11.7557 27.7209 11.6023V11.5724C27.7209 11.2003 27.6158 10.9119 27.4055 10.7074C27.1982 10.5028 26.8885 10.4006 26.4766 10.4006C26.0476 10.4006 25.7095 10.4957 25.4624 10.6861C25.218 10.8736 25.049 11.0824 24.9553 11.3125L23.7578 11.0398C23.8999 10.642 24.1072 10.321 24.38 10.0767C24.6555 9.82955 24.9723 9.65057 25.3303 9.53977C25.6882 9.42614 26.0646 9.36932 26.4595 9.36932C26.7209 9.36932 26.9979 9.40057 27.2905 9.46307C27.5859 9.52273 27.8615 9.63352 28.1172 9.79545C28.3757 9.95739 28.5874 10.1889 28.7521 10.4901C28.9169 10.7884 28.9993 11.1761 28.9993 11.6534V16H27.755V15.1051H27.7038C27.6214 15.2699 27.4979 15.4318 27.3331 15.5909C27.1683 15.75 26.9567 15.8821 26.6982 15.9872C26.4396 16.0923 26.13 16.1449 25.7692 16.1449ZM26.0462 15.1222C26.3984 15.1222 26.6996 15.0526 26.9496 14.9134C27.2024 14.7741 27.3942 14.5923 27.5249 14.3679C27.6584 14.1406 27.7251 13.8977 27.7251 13.6392V12.7955C27.6797 12.8409 27.5916 12.8835 27.4609 12.9233C27.3331 12.9602 27.1868 12.9929 27.022 13.0213C26.8572 13.0469 26.6967 13.071 26.5405 13.0938C26.3842 13.1136 26.2536 13.1307 26.1484 13.1449C25.9013 13.1761 25.6754 13.2287 25.4709 13.3026C25.2692 13.3764 25.1072 13.483 24.9851 13.6222C24.8658 13.7585 24.8061 13.9403 24.8061 14.1676C24.8061 14.483 24.9226 14.7216 25.1555 14.8835C25.3885 15.0426 25.6854 15.1222 26.0462 15.1222ZM30.6964 16V9.45455H31.9705V16H30.6964ZM31.3398 8.4446C31.1183 8.4446 30.9279 8.37074 30.7688 8.22301C30.6126 8.07244 30.5344 7.89347 30.5344 7.68608C30.5344 7.47585 30.6126 7.29687 30.7688 7.14915C30.9279 6.99858 31.1183 6.9233 31.3398 6.9233C31.5614 6.9233 31.7504 6.99858 31.9066 7.14915C32.0657 7.29687 32.1452 7.47585 32.1452 7.68608C32.1452 7.89347 32.0657 8.07244 31.9066 8.22301C31.7504 8.37074 31.5614 8.4446 31.3398 8.4446ZM34.9588 7.27273V16H33.6847V7.27273H34.9588ZM39.494 16.1321C38.8491 16.1321 38.2937 15.9943 37.8278 15.7188C37.3647 15.4403 37.0067 15.0497 36.7539 14.5469C36.5039 14.0412 36.3789 13.4489 36.3789 12.7699C36.3789 12.0994 36.5039 11.5085 36.7539 10.9972C37.0067 10.4858 37.359 10.0866 37.8107 9.79972C38.2653 9.51278 38.7965 9.36932 39.4045 9.36932C39.7738 9.36932 40.1317 9.4304 40.4783 9.55256C40.8249 9.67472 41.136 9.86648 41.4116 10.1278C41.6871 10.3892 41.9045 10.7287 42.0636 11.1463C42.2227 11.5611 42.3022 12.0653 42.3022 12.6591V13.1108H37.0991V12.1562H41.0536C41.0536 11.821 40.9854 11.5241 40.8491 11.2656C40.7127 11.0043 40.521 10.7983 40.2738 10.6477C40.0295 10.4972 39.7425 10.4219 39.413 10.4219C39.055 10.4219 38.7425 10.5099 38.4755 10.6861C38.2113 10.8594 38.0067 11.0866 37.8619 11.3679C37.7198 11.6463 37.6488 11.9489 37.6488 12.2756V13.0213C37.6488 13.4588 37.7255 13.831 37.8789 14.1378C38.0352 14.4446 38.2525 14.679 38.5309 14.8409C38.8093 15 39.1346 15.0795 39.5067 15.0795C39.7482 15.0795 39.9684 15.0455 40.1673 14.9773C40.3661 14.9062 40.538 14.8011 40.6829 14.6619C40.8278 14.5227 40.9386 14.3509 41.0153 14.1463L42.2212 14.3636C42.1246 14.7187 41.9513 15.0298 41.7013 15.2969C41.4542 15.5611 41.1431 15.767 40.7681 15.9148C40.396 16.0597 39.9712 16.1321 39.494 16.1321ZM46.1662 16.1278C45.6378 16.1278 45.1662 15.9929 44.7514 15.723C44.3395 15.4503 44.0156 15.0625 43.7798 14.5597C43.5469 14.054 43.4304 13.4474 43.4304 12.7401C43.4304 12.0327 43.5483 11.4276 43.7841 10.9247C44.0227 10.4219 44.3494 10.0369 44.7642 9.76989C45.179 9.50284 45.6491 9.36932 46.1747 9.36932C46.581 9.36932 46.9077 9.4375 47.1548 9.57386C47.4048 9.70739 47.598 9.86364 47.7344 10.0426C47.8736 10.2216 47.9815 10.3793 48.0582 10.5156H48.1349V7.27273H49.4091V16H48.1648V14.9815H48.0582C47.9815 15.1207 47.8707 15.2798 47.7259 15.4588C47.5838 15.6378 47.3878 15.794 47.1378 15.9276C46.8878 16.0611 46.5639 16.1278 46.1662 16.1278ZM46.4474 15.0412C46.8139 15.0412 47.1236 14.9446 47.3764 14.7514C47.6321 14.5554 47.8253 14.2841 47.956 13.9375C48.0895 13.5909 48.1562 13.1875 48.1562 12.7273C48.1562 12.2727 48.0909 11.875 47.9602 11.5341C47.8295 11.1932 47.6378 10.9276 47.3849 10.7372C47.1321 10.5469 46.8196 10.4517 46.4474 10.4517C46.0639 10.4517 45.7443 10.5511 45.4886 10.75C45.233 10.9489 45.0398 11.2202 44.9091 11.5639C44.7813 11.9077 44.7173 12.2955 44.7173 12.7273C44.7173 13.1648 44.7827 13.5582 44.9134 13.9077C45.044 14.2571 45.2372 14.5341 45.4929 14.7386C45.7514 14.9403 46.0696 15.0412 46.4474 15.0412ZM57.4588 9.45455V10.4773H53.8835V9.45455H57.4588ZM54.8423 7.88636H56.1165V14.0781C56.1165 14.3253 56.1534 14.5114 56.2273 14.6364C56.3011 14.7585 56.3963 14.8423 56.5128 14.8878C56.6321 14.9304 56.7614 14.9517 56.9006 14.9517C57.0028 14.9517 57.0923 14.9446 57.169 14.9304C57.2457 14.9162 57.3054 14.9048 57.348 14.8963L57.5781 15.9489C57.5043 15.9773 57.3991 16.0057 57.2628 16.0341C57.1264 16.0653 56.956 16.0824 56.7514 16.0852C56.4162 16.0909 56.1037 16.0312 55.8139 15.9062C55.5241 15.7812 55.2898 15.5881 55.1108 15.3267C54.9318 15.0653 54.8423 14.7372 54.8423 14.3423V7.88636ZM61.555 16.1321C60.9414 16.1321 60.4059 15.9915 59.9485 15.7102C59.4911 15.429 59.136 15.0355 58.8832 14.5298C58.6303 14.0241 58.5039 13.4332 58.5039 12.7571C58.5039 12.0781 58.6303 11.4844 58.8832 10.9759C59.136 10.4673 59.4911 10.0724 59.9485 9.79119C60.4059 9.50994 60.9414 9.36932 61.555 9.36932C62.1687 9.36932 62.7042 9.50994 63.1616 9.79119C63.619 10.0724 63.9741 10.4673 64.2269 10.9759C64.4798 11.4844 64.6062 12.0781 64.6062 12.7571C64.6062 13.4332 64.4798 14.0241 64.2269 14.5298C63.9741 15.0355 63.619 15.429 63.1616 15.7102C62.7042 15.9915 62.1687 16.1321 61.555 16.1321ZM61.5593 15.0625C61.957 15.0625 62.2866 14.9574 62.5479 14.7472C62.8093 14.5369 63.0025 14.2571 63.1275 13.9077C63.2553 13.5582 63.3192 13.1733 63.3192 12.7528C63.3192 12.3352 63.2553 11.9517 63.1275 11.6023C63.0025 11.25 62.8093 10.9673 62.5479 10.7543C62.2866 10.5412 61.957 10.4347 61.5593 10.4347C61.1587 10.4347 60.8263 10.5412 60.5621 10.7543C60.3008 10.9673 60.1062 11.25 59.9783 11.6023C59.8533 11.9517 59.7908 12.3352 59.7908 12.7528C59.7908 13.1733 59.8533 13.5582 59.9783 13.9077C60.1062 14.2571 60.3008 14.5369 60.5621 14.7472C60.8263 14.9574 61.1587 15.0625 61.5593 15.0625ZM73.3505 13.2855V9.45455H74.6289V16H73.3761V14.8665H73.3079C73.1573 15.2159 72.9158 15.5071 72.5835 15.7401C72.2539 15.9702 71.8434 16.0852 71.3519 16.0852C70.9315 16.0852 70.5593 15.9929 70.2354 15.8082C69.9144 15.6207 69.6616 15.3438 69.4769 14.9773C69.2951 14.6108 69.2042 14.1577 69.2042 13.6179V9.45455H70.4783V13.4645C70.4783 13.9105 70.6019 14.2656 70.8491 14.5298C71.0962 14.794 71.4173 14.9261 71.8121 14.9261C72.0508 14.9261 72.288 14.8665 72.5238 14.7472C72.7624 14.6278 72.9599 14.4474 73.1161 14.206C73.2752 13.9645 73.3533 13.6577 73.3505 13.2855ZM76.3409 18.4545V9.45455H77.5852V10.5156H77.6918C77.7656 10.3793 77.8722 10.2216 78.0114 10.0426C78.1506 9.86364 78.3438 9.70739 78.5909 9.57386C78.8381 9.4375 79.1648 9.36932 79.571 9.36932C80.0994 9.36932 80.571 9.50284 80.9858 9.76989C81.4006 10.0369 81.7259 10.4219 81.9616 10.9247C82.2003 11.4276 82.3196 12.0327 82.3196 12.7401C82.3196 13.4474 82.2017 14.054 81.9659 14.5597C81.7301 15.0625 81.4063 15.4503 80.9943 15.723C80.5824 15.9929 80.1122 16.1278 79.5838 16.1278C79.1861 16.1278 78.8608 16.0611 78.608 15.9276C78.358 15.794 78.1619 15.6378 78.0199 15.4588C77.8778 15.2798 77.7685 15.1207 77.6918 14.9815H77.6151V18.4545H76.3409ZM77.5895 12.7273C77.5895 13.1875 77.6563 13.5909 77.7898 13.9375C77.9233 14.2841 78.1165 14.5554 78.3693 14.7514C78.6222 14.9446 78.9318 15.0412 79.2983 15.0412C79.679 15.0412 79.9972 14.9403 80.2528 14.7386C80.5085 14.5341 80.7017 14.2571 80.8324 13.9077C80.9659 13.5582 81.0327 13.1648 81.0327 12.7273C81.0327 12.2955 80.9673 11.9077 80.8366 11.5639C80.7088 11.2202 80.5156 10.9489 80.2571 10.75C80.0014 10.5511 79.6818 10.4517 79.2983 10.4517C78.929 10.4517 78.6165 10.5469 78.3608 10.7372C78.108 10.9276 77.9162 11.1932 77.7855 11.5341C77.6548 11.875 77.5895 12.2727 77.5895 12.7273ZM85.0213 7.27273V16H83.7472V7.27273H85.0213ZM89.4925 16.1321C88.8789 16.1321 88.3434 15.9915 87.886 15.7102C87.4286 15.429 87.0735 15.0355 86.8207 14.5298C86.5678 14.0241 86.4414 13.4332 86.4414 12.7571C86.4414 12.0781 86.5678 11.4844 86.8207 10.9759C87.0735 10.4673 87.4286 10.0724 87.886 9.79119C88.3434 9.50994 88.8789 9.36932 89.4925 9.36932C90.1062 9.36932 90.6417 9.50994 91.0991 9.79119C91.5565 10.0724 91.9116 10.4673 92.1644 10.9759C92.4173 11.4844 92.5437 12.0781 92.5437 12.7571C92.5437 13.4332 92.4173 14.0241 92.1644 14.5298C91.9116 15.0355 91.5565 15.429 91.0991 15.7102C90.6417 15.9915 90.1062 16.1321 89.4925 16.1321ZM89.4968 15.0625C89.8945 15.0625 90.2241 14.9574 90.4854 14.7472C90.7468 14.5369 90.94 14.2571 91.065 13.9077C91.1928 13.5582 91.2567 13.1733 91.2567 12.7528C91.2567 12.3352 91.1928 11.9517 91.065 11.6023C90.94 11.25 90.7468 10.9673 90.4854 10.7543C90.2241 10.5412 89.8945 10.4347 89.4968 10.4347C89.0962 10.4347 88.7638 10.5412 88.4996 10.7543C88.2383 10.9673 88.0437 11.25 87.9158 11.6023C87.7908 11.9517 87.7283 12.3352 87.7283 12.7528C87.7283 13.1733 87.7908 13.5582 87.9158 13.9077C88.0437 14.2571 88.2383 14.5369 88.4996 14.7472C88.7638 14.9574 89.0962 15.0625 89.4968 15.0625ZM95.8707 16.1449C95.456 16.1449 95.081 16.0682 94.7457 15.9148C94.4105 15.7585 94.1449 15.5327 93.9489 15.2372C93.7557 14.9418 93.6591 14.5795 93.6591 14.1506C93.6591 13.7812 93.7301 13.4773 93.8722 13.2386C94.0142 13 94.206 12.8111 94.4474 12.6719C94.6889 12.5327 94.9588 12.4276 95.2571 12.3565C95.5554 12.2855 95.8594 12.2315 96.169 12.1946C96.5611 12.1491 96.8793 12.1122 97.1236 12.0838C97.3679 12.0526 97.5455 12.0028 97.6562 11.9347C97.767 11.8665 97.8224 11.7557 97.8224 11.6023V11.5724C97.8224 11.2003 97.7173 10.9119 97.5071 10.7074C97.2997 10.5028 96.9901 10.4006 96.5781 10.4006C96.1491 10.4006 95.8111 10.4957 95.5639 10.6861C95.3196 10.8736 95.1506 11.0824 95.0568 11.3125L93.8594 11.0398C94.0014 10.642 94.2088 10.321 94.4815 10.0767C94.7571 9.82955 95.0739 9.65057 95.4318 9.53977C95.7898 9.42614 96.1662 9.36932 96.5611 9.36932C96.8224 9.36932 97.0994 9.40057 97.392 9.46307C97.6875 9.52273 97.9631 9.63352 98.2188 9.79545C98.4773 9.95739 98.6889 10.1889 98.8537 10.4901C99.0185 10.7884 99.1009 11.1761 99.1009 11.6534V16H97.8565V15.1051H97.8054C97.723 15.2699 97.5994 15.4318 97.4347 15.5909C97.2699 15.75 97.0582 15.8821 96.7997 15.9872C96.5412 16.0923 96.2315 16.1449 95.8707 16.1449ZM96.1477 15.1222C96.5 15.1222 96.8011 15.0526 97.0511 14.9134C97.304 14.7741 97.4957 14.5923 97.6264 14.3679C97.7599 14.1406 97.8267 13.8977 97.8267 13.6392V12.7955C97.7813 12.8409 97.6932 12.8835 97.5625 12.9233C97.4347 12.9602 97.2884 12.9929 97.1236 13.0213C96.9588 13.0469 96.7983 13.071 96.642 13.0938C96.4858 13.1136 96.3551 13.1307 96.25 13.1449C96.0028 13.1761 95.777 13.2287 95.5724 13.3026C95.3707 13.3764 95.2088 13.483 95.0866 13.6222C94.9673 13.7585 94.9077 13.9403 94.9077 14.1676C94.9077 14.483 95.0241 14.7216 95.2571 14.8835C95.4901 15.0426 95.7869 15.1222 96.1477 15.1222ZM103.248 16.1278C102.72 16.1278 102.248 15.9929 101.833 15.723C101.422 15.4503 101.098 15.0625 100.862 14.5597C100.629 14.054 100.512 13.4474 100.512 12.7401C100.512 12.0327 100.63 11.4276 100.866 10.9247C101.105 10.4219 101.431 10.0369 101.846 9.76989C102.261 9.50284 102.731 9.36932 103.257 9.36932C103.663 9.36932 103.99 9.4375 104.237 9.57386C104.487 9.70739 104.68 9.86364 104.816 10.0426C104.956 10.2216 105.064 10.3793 105.14 10.5156H105.217V7.27273H106.491V16H105.247V14.9815H105.14C105.064 15.1207 104.953 15.2798 104.808 15.4588C104.666 15.6378 104.47 15.794 104.22 15.9276C103.97 16.0611 103.646 16.1278 103.248 16.1278ZM103.529 15.0412C103.896 15.0412 104.206 14.9446 104.458 14.7514C104.714 14.5554 104.907 14.2841 105.038 13.9375C105.172 13.5909 105.238 13.1875 105.238 12.7273C105.238 12.2727 105.173 11.875 105.042 11.5341C104.912 11.1932 104.72 10.9276 104.467 10.7372C104.214 10.5469 103.902 10.4517 103.529 10.4517C103.146 10.4517 102.826 10.5511 102.571 10.75C102.315 10.9489 102.122 11.2202 101.991 11.5639C101.863 11.9077 101.799 12.2955 101.799 12.7273C101.799 13.1648 101.865 13.5582 101.995 13.9077C102.126 14.2571 102.319 14.5341 102.575 14.7386C102.833 14.9403 103.152 15.0412 103.529 15.0412Z", fill: "#D92D20" })
+  ] });
+}
+
+// src/components/Badge/Badge.tsx
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+var Badge = memo3(function Badge2({ variant, label }) {
+  if (variant === "uploading") return /* @__PURE__ */ jsx19(UploadingIcon, {});
+  if (variant === "analysing") return /* @__PURE__ */ jsx19(AnalysingIcon, {});
+  if (variant === "upload_failure") return /* @__PURE__ */ jsx19(FailedUploadIcon, {});
+  return /* @__PURE__ */ jsxs17("span", { className: "mr-badge mr-badge--smart", children: [
+    /* @__PURE__ */ jsx19(Star, { className: "mr-badge__icon", "aria-hidden": true }),
+    label
+  ] });
+});
+
+// src/components/IconButton/IconButton.tsx
+import { memo as memo4 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var IconButton = memo4(function IconButton2({
+  icon,
+  variant = "default",
+  disabled,
+  onClick,
+  title,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsx20(
+    "button",
+    {
+      type: "button",
+      className: `mr-icon-button mr-icon-button--${variant}`,
+      "aria-label": ariaLabel,
+      title,
+      disabled,
+      onClick,
+      children: icon
+    }
+  );
+});
+
+// src/components/TagChip/TagChip.tsx
+import { memo as memo5 } from "react";
+import { X as X3 } from "lucide-react";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+var TagChip = memo5(function TagChip2({ label, removable, onRemove, onClick }) {
+  return /* @__PURE__ */ jsxs18("span", { className: "mr-tag-chip", onClick, children: [
+    /* @__PURE__ */ jsx21("span", { className: "mr-tag-chip__label", children: label }),
+    removable && /* @__PURE__ */ jsx21(
+      "button",
+      {
+        type: "button",
+        className: "mr-tag-chip__remove",
+        "aria-label": `Remove ${label}`,
+        onClick: (e) => {
+          e.stopPropagation();
+          onRemove?.();
+        },
+        children: /* @__PURE__ */ jsx21(X3, { size: 12, "aria-hidden": true })
+      }
+    )
+  ] });
+});
+
+// src/components/Thumbnail/Thumbnail.tsx
+import { memo as memo6, useEffect as useEffect12, useRef as useRef10, useState as useState10 } from "react";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+var blobCache = /* @__PURE__ */ new Map();
+var Thumbnail = memo6(function Thumbnail2({ url, size, alt }) {
+  const wrapRef = useRef10(null);
+  const canvasRef = useRef10(null);
+  const bitmapRef = useRef10(null);
+  const [decoded, setDecoded] = useState10(false);
+  const [errored, setErrored] = useState10(false);
+  const decodedUrlRef = useRef10(null);
+  useEffect12(() => {
+    if (url && decoded && decodedUrlRef.current !== null) return;
+    setErrored(false);
+    if (!url) {
+      setDecoded(false);
+      return;
+    }
+    let cancelled = false;
+    const controller = new AbortController();
+    const paint = (bitmap) => {
+      const canvas = canvasRef.current;
+      if (!canvas) return;
+      canvas.width = bitmap.width;
+      canvas.height = bitmap.height;
+      const bmpCtx = canvas.getContext("bitmaprenderer");
+      if (bmpCtx) {
+        bmpCtx.transferFromImageBitmap(bitmap);
+        bitmapRef.current = null;
+      } else {
+        const ctx2d = canvas.getContext("2d");
+        ctx2d?.drawImage(bitmap, 0, 0);
+        bitmap.close();
+        bitmapRef.current = null;
+      }
+      setDecoded(true);
+    };
+    const nextFrame = () => new Promise((resolve) => requestAnimationFrame(() => resolve()));
+    (async () => {
+      try {
+        let blob = blobCache.get(url) ?? null;
+        if (!blob) {
+          const res = await fetch(url, { signal: controller.signal });
+          if (!res.ok) throw new Error(`thumbnail fetch ${res.status}`);
+          blob = await res.blob();
+          blobCache.set(url, blob);
+        }
+        if (cancelled) return;
+        const probe = await createImageBitmap(blob);
+        if (cancelled) {
+          probe.close();
+          return;
+        }
+        await nextFrame();
+        if (cancelled) {
+          probe.close();
+          return;
+        }
+        const dpr = typeof window === "undefined" ? 1 : window.devicePixelRatio || 1;
+        const box = wrapRef.current;
+        const boxW = size || box?.clientWidth || probe.width;
+        const boxH = size || box?.clientHeight || probe.height;
+        const boxRatio = boxW > 0 && boxH > 0 ? boxW / boxH : probe.width / probe.height;
+        const srcRatio = probe.width / probe.height;
+        let sw = probe.width;
+        let sh = probe.height;
+        if (srcRatio > boxRatio) {
+          sw = Math.max(1, Math.round(probe.height * boxRatio));
+        } else {
+          sh = Math.max(1, Math.round(probe.width / boxRatio));
+        }
+        const sx = Math.round((probe.width - sw) / 2);
+        const sy = 0;
+        const targetW = Math.max(1, Math.round(boxW * dpr));
+        const targetH = Math.max(1, Math.round(boxH * dpr));
+        const bitmap = await createImageBitmap(blob, sx, sy, sw, sh, {
+          resizeWidth: targetW,
+          resizeHeight: targetH,
+          resizeQuality: "high"
+        });
+        probe.close();
+        if (cancelled) {
+          bitmap.close();
+          return;
+        }
+        bitmapRef.current = bitmap;
+        decodedUrlRef.current = url;
+        paint(bitmap);
+      } catch (err) {
+        if (cancelled || err instanceof DOMException && err.name === "AbortError") return;
+        setErrored(true);
+      }
+    })();
+    return () => {
+      cancelled = true;
+      controller.abort();
+      bitmapRef.current?.close();
+      bitmapRef.current = null;
+    };
+  }, [url, size]);
+  const style = size ? { width: size, height: size } : void 0;
+  if (!url || errored) {
+    return /* @__PURE__ */ jsx22("div", { className: "mr-thumbnail mr-thumbnail--empty", style, role: "img", "aria-label": alt ?? "", children: /* @__PURE__ */ jsx22(ThumbnailFallbackIcon, {}) });
+  }
+  return /* @__PURE__ */ jsxs19("div", { ref: wrapRef, className: "mr-thumbnail", style, role: "img", "aria-label": alt ?? "", children: [
+    !decoded && /* @__PURE__ */ jsx22("div", { className: "mr-thumbnail__placeholder mr-skeleton" }),
+    /* @__PURE__ */ jsx22(
+      "canvas",
+      {
+        ref: canvasRef,
+        className: `mr-thumbnail__img${decoded ? " mr-thumbnail__img--ready" : ""}`,
+        "aria-hidden": true
+      }
+    )
+  ] });
+});
+function ThumbnailFallbackIcon() {
+  return /* @__PURE__ */ jsxs19(
+    "svg",
+    {
+      className: "mr-thumbnail__fallback-icon",
+      viewBox: "0 0 46 46",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsx22(
+          "path",
+          {
+            d: "M26.8333 3.83333H11.5C9.38433 3.83333 7.66667 5.55099 7.66667 7.66667V38.3333C7.66667 40.449 9.38433 42.1667 11.5 42.1667H34.5C36.6157 42.1667 38.3333 40.449 38.3333 38.3333V15.3333L26.8333 3.83333",
+            stroke: "currentColor",
+            strokeWidth: "3.06667",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx22(
+          "path",
+          {
+            d: "M26.8333 3.83333V15.3333H38.3333",
+            stroke: "currentColor",
+            strokeWidth: "3.06667",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx22("path", { d: "M17.25 24.9167H28.75", stroke: "currentColor", strokeWidth: "3.06667", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx22("path", { d: "M17.25 32.5833H24.9167", stroke: "currentColor", strokeWidth: "3.06667", strokeLinecap: "round" })
+      ]
+    }
+  );
+}
+
+// src/components/OverflowMenu/OverflowMenu.tsx
+import { useEffect as useEffect13, useRef as useRef11, useState as useState11 } from "react";
+import { createPortal as createPortal6 } from "react-dom";
+import { ChevronLeft as ChevronLeft3, EllipsisVertical } from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+var ITEM_HEIGHT = 36;
+var MENU_PADDING = 8;
+var GAP = 4;
+function OverflowMenu({ items, "aria-label": ariaLabel = "More options" }) {
+  const [coords, setCoords] = useState11(null);
+  const [activeSubPanel, setActiveSubPanel] = useState11(null);
+  const triggerRef = useRef11(null);
+  const menuRef = useRef11(null);
+  const open = coords !== null;
+  const close = () => {
+    setCoords(null);
+    setActiveSubPanel(null);
+  };
+  const place = () => {
+    const el = triggerRef.current;
+    if (!el) return;
+    const r = el.getBoundingClientRect();
+    const right = window.innerWidth - r.right;
+    const estHeight = items.length * ITEM_HEIGHT + MENU_PADDING;
+    const spaceBelow = window.innerHeight - r.bottom;
+    if (spaceBelow < estHeight + GAP && r.top > estHeight + GAP) {
+      setCoords({ right, bottom: window.innerHeight - r.top + GAP });
+    } else {
+      setCoords({ right, top: r.bottom + GAP });
+    }
+  };
+  useEffect13(() => {
+    if (!open) return;
+    const onDown = (e) => {
+      const node = e.target;
+      if (triggerRef.current?.contains(node) || menuRef.current?.contains(node)) return;
+      if (node.closest?.("[data-mr-portal]")) return;
+      close();
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") close();
+    };
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
+    window.addEventListener("scroll", close, true);
+    return () => {
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
+      window.removeEventListener("scroll", close, true);
+    };
+  }, [open]);
+  const activeItem = activeSubPanel ? items.find((i) => i.key === activeSubPanel) : null;
+  return /* @__PURE__ */ jsxs20(Fragment2, { children: [
+    /* @__PURE__ */ jsx23(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        className: `mr-overflow-btn${open ? " mr-overflow-btn--active" : ""}`,
+        "aria-label": ariaLabel,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        onClick: (e) => {
+          e.stopPropagation();
+          if (open) close();
+          else place();
+        },
+        children: /* @__PURE__ */ jsx23(EllipsisVertical, { size: 16, "aria-hidden": true })
+      }
+    ),
+    open && typeof document !== "undefined" && createPortal6(
+      /* @__PURE__ */ jsx23(
+        "div",
+        {
+          ref: menuRef,
+          className: "mr-overflow-menu-wrap",
+          "data-mr-portal": true,
+          style: { top: coords.top, bottom: coords.bottom, right: coords.right },
+          onClick: (e) => e.stopPropagation(),
+          children: activeItem?.subPanel ? /* @__PURE__ */ jsxs20("div", { className: "mr-overflow-subpanel", children: [
+            /* @__PURE__ */ jsx23("div", { className: "mr-overflow-subpanel__back", children: /* @__PURE__ */ jsxs20(
+              "button",
+              {
+                type: "button",
+                className: "mr-overflow-subpanel__back-btn",
+                onClick: () => setActiveSubPanel(null),
+                children: [
+                  /* @__PURE__ */ jsx23(ChevronLeft3, { size: 16, "aria-hidden": true }),
+                  "Back"
+                ]
+              }
+            ) }),
+            activeItem.subPanel(() => setActiveSubPanel(null), close)
+          ] }) : /* @__PURE__ */ jsx23("ul", { className: "mr-overflow-menu", role: "menu", children: items.map((item) => /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsxs20(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              className: `mr-overflow-menu__item${item.destructive ? " mr-overflow-menu__item--destructive" : ""}`,
+              onClick: (e) => {
+                e.stopPropagation();
+                if (item.subPanel) {
+                  setActiveSubPanel(item.key);
+                } else if (item.onSelect) {
+                  const triggerRect = triggerRef.current?.getBoundingClientRect() ?? new DOMRect();
+                  close();
+                  item.onSelect(triggerRect);
+                }
+              },
+              children: [
+                item.icon && /* @__PURE__ */ jsx23("span", { className: "mr-overflow-menu__icon", children: item.icon }),
+                item.label
+              ]
+            }
+          ) }, item.key)) })
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+
+// src/components/icons/AttachContextIcon.tsx
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+function AttachContextIcon({ size = 28 }) {
+  return /* @__PURE__ */ jsxs21("span", { className: "mr-attach-orbit", style: { width: size, height: size }, children: [
+    /* @__PURE__ */ jsx24("span", { className: "mr-attach-orbit__ring", "aria-hidden": true }),
+    /* @__PURE__ */ jsx24("span", { className: "mr-attach-orbit__face", children: /* @__PURE__ */ jsx24(
+      "svg",
+      {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-hidden": true,
+        children: /* @__PURE__ */ jsx24(
+          "path",
+          {
+            d: "M9.3333 1.3335V4.0002C9.3333 4.3538 9.4738 4.6929 9.7238 4.943C9.9739 5.193 10.313 5.3335 10.6667 5.3335H13.3333M6 10.0002H10M8 12.0002V8.0002M10 1.3335H3.99999C3.64637 1.3335 3.30723 1.47397 3.05718 1.72402C2.80713 1.97407 2.66666 2.31321 2.66666 2.66683V13.3335C2.66666 13.6871 2.80713 14.0263 3.05718 14.2763C3.30723 14.5264 3.64637 14.6668 3.99999 14.6668H12C12.3536 14.6668 12.6928 14.5264 12.9428 14.2763C13.1928 14.0263 13.3333 13.6871 13.3333 13.3335V4.6668L10 1.3335Z",
+            stroke: "#215FFF",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    ) })
+  ] });
+}
+
+// src/views/RecordsView/AddToContextSubPanel.tsx
+import { useEffect as useEffect14, useMemo as useMemo8, useRef as useRef12, useState as useState12 } from "react";
+import { createPortal as createPortal7 } from "react-dom";
+import { useStore as useStore9 } from "zustand";
+import { Check as Check4, Search as Search3, Plus as Plus3, ChevronsUpDown as ChevronsUpDown3 } from "lucide-react";
+
+// src/views/RecordsView/RecordsActionsContext.ts
+import { createContext as createContext2, useContext as useContext2 } from "react";
+var RecordsActionsContext = createContext2({});
+var RecordsActionsProvider = RecordsActionsContext.Provider;
+function useRecordsActions() {
+  return useContext2(RecordsActionsContext);
+}
+
+// src/views/RecordsView/AddToContextSubPanel.tsx
+import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+var CASE_TYPE_OPTIONS2 = [
+  { value: "OP", label: "Out-patient" },
+  { value: "IP", label: "In-patient" },
+  { value: "EM", label: "Emergency" },
+  { value: "HH", label: "Home Health" },
+  { value: "DC", label: "Day Care" }
+];
+var todayISO2 = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+function AddToContextSubPanel({
+  recordId,
+  linkedCaseIds,
+  onClose
+}) {
+  const { store } = useSdk();
+  const { createCase } = useCasesConnection();
+  const { editRecord } = useRecordsConnection();
+  const { onToast } = useRecordsActions();
+  const caseIds = useStore9(store, (s) => s.cases.ids);
+  const casesById = useStore9(store, (s) => s.cases.byId);
+  const cases = useMemo8(
+    () => caseIds.map((id) => casesById[id]).filter(Boolean),
+    [caseIds, casesById]
+  );
+  const [selected, setSelected] = useState12(
+    linkedCaseIds.length > 0 ? linkedCaseIds[0] : null
+  );
+  const [dropPos, setDropPos] = useState12(null);
+  const [query, setQuery] = useState12("");
+  const [creating, setCreating] = useState12(false);
+  const [newName, setNewName] = useState12("");
+  const [newType, setNewType] = useState12("OP");
+  const [newDate, setNewDate] = useState12(todayISO2());
+  const [saving, setSaving] = useState12(false);
+  const fieldRef = useRef12(null);
+  const dropRef = useRef12(null);
+  const dropOpen = dropPos !== null;
+  const selectedCase = selected ? casesById[selected] : null;
+  const filtered = useMemo8(() => {
+    const q = query.trim().toLowerCase();
+    return q ? cases.filter((c) => c.name.toLowerCase().includes(q)) : cases;
+  }, [cases, query]);
+  const openDrop = () => {
+    const el = fieldRef.current;
+    if (!el) return;
+    const r = el.getBoundingClientRect();
+    const MARGIN = 16;
+    const GAP2 = 4;
+    const spaceBelow = window.innerHeight - r.bottom - MARGIN;
+    const spaceAbove = r.top - MARGIN;
+    if (spaceAbove > spaceBelow && spaceAbove >= 120) {
+      const maxH = Math.min(280, spaceAbove);
+      setDropPos({ bottom: window.innerHeight - r.top + GAP2, left: r.left, width: r.width, maxH });
+    } else {
+      const maxH = Math.min(280, Math.max(120, spaceBelow));
+      setDropPos({ top: r.bottom + GAP2, left: r.left, width: r.width, maxH });
+    }
+  };
+  useEffect14(() => {
+    if (!dropOpen) {
+      setQuery("");
+      setCreating(false);
+      setNewName("");
+      return;
+    }
+    const onDown = (e) => {
+      const t = e.target;
+      if (fieldRef.current?.contains(t) || dropRef.current?.contains(t)) return;
+      if (t.closest?.("[data-mr-portal]")) return;
+      setDropPos(null);
+    };
+    document.addEventListener("mousedown", onDown);
+    return () => document.removeEventListener("mousedown", onDown);
+  }, [dropOpen]);
+  const handleAdd = async () => {
+    if (!selected) return;
+    try {
+      await editRecord(recordId, { cases: [selected] });
+      onToast?.(`Moved to ${selectedCase?.name ?? "care context"}`, "success");
+      onClose();
+    } catch {
+      onToast?.("Failed to add to care context", "error");
+    }
+  };
+  const handleCreate = async () => {
+    const name = newName.trim();
+    if (!name) return;
+    setSaving(true);
+    try {
+      const occurred_at = newDate ? Math.floor((/* @__PURE__ */ new Date(newDate + "T00:00:00")).getTime() / 1e3) : void 0;
+      const id = await createCase({ display_name: name, type: newType, occurred_at });
+      await editRecord(recordId, { cases: [id] });
+      onToast?.(`Created and added to "${name}"`, "success");
+      onClose();
+    } catch {
+      onToast?.("Failed to create care context", "error");
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs22("div", { className: "mr-ctx-subpanel", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "mr-ctx-subpanel__body", children: [
+      /* @__PURE__ */ jsx25("p", { className: "mr-ctx-subpanel__label", children: "Adding to care context" }),
+      /* @__PURE__ */ jsxs22(
+        "button",
+        {
+          ref: fieldRef,
+          type: "button",
+          className: `mr-ctx-subpanel__field${dropOpen ? " mr-ctx-subpanel__field--open" : ""}`,
+          onClick: () => dropOpen ? setDropPos(null) : openDrop(),
+          children: [
+            /* @__PURE__ */ jsx25("span", { className: selectedCase ? "mr-ctx-subpanel__field-value" : "mr-ctx-subpanel__field-placeholder", children: selectedCase?.name ?? "Search or select" }),
+            /* @__PURE__ */ jsx25(ChevronsUpDown3, { size: 16, "aria-hidden": true, className: "mr-ctx-subpanel__field-chevron" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx25("div", { className: "mr-ctx-subpanel__footer", children: /* @__PURE__ */ jsx25(
+      "button",
+      {
+        type: "button",
+        className: "mr-ctx-subpanel__add-btn",
+        disabled: !selected || linkedCaseIds.length === 1 && linkedCaseIds[0] === selected,
+        onClick: () => void handleAdd(),
+        children: "Add to care context"
+      }
+    ) }),
+    dropOpen && typeof document !== "undefined" && createPortal7(
+      /* @__PURE__ */ jsx25(
+        "div",
+        {
+          ref: dropRef,
+          className: "mr-ctx-subpanel__drop",
+          "data-mr-portal": true,
+          style: {
+            ...dropPos.top !== void 0 ? { top: dropPos.top } : { bottom: dropPos.bottom },
+            left: dropPos.left,
+            width: dropPos.width,
+            maxHeight: dropPos.maxH
+          },
+          children: !creating ? /* @__PURE__ */ jsxs22(Fragment3, { children: [
+            /* @__PURE__ */ jsxs22("div", { className: "mr-ctx-subpanel__search-row", children: [
+              /* @__PURE__ */ jsx25(Search3, { size: 14, className: "mr-ctx-subpanel__search-icon", "aria-hidden": true }),
+              /* @__PURE__ */ jsx25(
+                "input",
+                {
+                  type: "text",
+                  className: "mr-ctx-subpanel__search-input",
+                  placeholder: "Search care context...",
+                  autoFocus: true,
+                  value: query,
+                  onChange: (e) => setQuery(e.target.value)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx25("ul", { className: "mr-ctx-subpanel__list", children: filtered.length === 0 ? /* @__PURE__ */ jsx25("li", { className: "mr-ctx-subpanel__empty", children: "No cases found" }) : filtered.map((c) => {
+              const isCurrent = linkedCaseIds.includes(c.id);
+              return /* @__PURE__ */ jsx25("li", { children: /* @__PURE__ */ jsxs22(
+                "button",
+                {
+                  type: "button",
+                  className: `mr-ctx-subpanel__option${selected === c.id ? " mr-ctx-subpanel__option--active" : ""}`,
+                  onClick: () => {
+                    setSelected(c.id);
+                    setDropPos(null);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx25("span", { children: c.name }),
+                    isCurrent ? /* @__PURE__ */ jsx25("span", { className: "mr-ctx-subpanel__option-tag", children: "Current" }) : selected === c.id && /* @__PURE__ */ jsx25(Check4, { size: 14, "aria-hidden": true })
+                  ]
+                }
+              ) }, c.id);
+            }) }),
+            /* @__PURE__ */ jsx25("div", { className: "mr-ctx-subpanel__panel-footer", children: /* @__PURE__ */ jsxs22(
+              "button",
+              {
+                type: "button",
+                className: "mr-ctx-subpanel__create-btn",
+                onClick: () => setCreating(true),
+                children: [
+                  /* @__PURE__ */ jsx25(Plus3, { size: 14, "aria-hidden": true }),
+                  "Add new care context"
+                ]
+              }
+            ) })
+          ] }) : /* @__PURE__ */ jsxs22("div", { className: "mr-ctx-subpanel__create-form", children: [
+            /* @__PURE__ */ jsx25(
+              "input",
+              {
+                type: "text",
+                className: "mr-ctx-subpanel__create-input",
+                placeholder: "Case name",
+                autoFocus: true,
+                value: newName,
+                onChange: (e) => setNewName(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Escape") {
+                    setCreating(false);
+                    setNewName("");
+                  }
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              PresetSelect,
+              {
+                value: newType,
+                options: CASE_TYPE_OPTIONS2,
+                onChange: setNewType,
+                active: newType !== "OP"
+              }
+            ),
+            /* @__PURE__ */ jsx25(
+              "input",
+              {
+                type: "date",
+                className: "mr-ctx-subpanel__create-input",
+                value: newDate,
+                max: todayISO2(),
+                onChange: (e) => setNewDate(e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsxs22("div", { className: "mr-ctx-subpanel__create-actions", children: [
+              /* @__PURE__ */ jsx25(
+                "button",
+                {
+                  type: "button",
+                  className: "mr-ctx-subpanel__create-cancel",
+                  onClick: () => {
+                    setCreating(false);
+                    setNewName("");
+                  },
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsx25(
+                "button",
+                {
+                  type: "button",
+                  className: "mr-ctx-subpanel__create-save",
+                  disabled: !newName.trim() || saving,
+                  onClick: () => void handleCreate(),
+                  children: saving ? "\u2026" : "Create and Add"
+                }
+              )
+            ] })
+          ] })
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+
+// src/components/RecordCard/RecordCard.tsx
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+var RecordCard = memo7(
+  function RecordCard2({
+    record,
+    selected,
+    selectionMode,
+    thumbnailUrl,
+    inContext,
+    attachDisabled,
+    selectDisabled,
+    isUploading,
+    isUploadFailed,
+    isAnalysing,
+    isSmart,
+    dateDisplay,
+    onSelect,
+    onOpen,
+    onDelete,
+    onAddToContext,
+    onCopyNotes
+  }) {
+    const [firstTag, ...restTags] = record.tags;
+    const overflowItems = useMemo9(() => [
+      {
+        key: "case",
+        label: "Add to care context",
+        icon: /* @__PURE__ */ jsx26(FolderPlus, { size: 16, "aria-hidden": true }),
+        subPanel: (_onBack, onClose) => /* @__PURE__ */ jsx26(
+          AddToContextSubPanel,
+          {
+            recordId: record.id,
+            linkedCaseIds: record.cases,
+            onClose
+          }
+        )
+      },
+      {
+        key: "delete",
+        label: "Delete record",
+        icon: /* @__PURE__ */ jsx26(Trash2, { size: 16, "aria-hidden": true }),
+        destructive: true,
+        onSelect: () => onDelete(record.id)
+      }
+    ], [record.id, record.cases, onDelete]);
+    const selectBlocked = selectionMode && selectDisabled && !selected;
+    const handleCardClick = () => {
+      if (isUploading || isUploadFailed) return;
+      if (selectionMode) {
+        if (!selectBlocked) onSelect(record.id);
+      } else {
+        onOpen(record.id);
+      }
+    };
+    const badge = isUploading ? /* @__PURE__ */ jsx26(Badge, { variant: "uploading", label: "Uploading" }) : isUploadFailed ? /* @__PURE__ */ jsx26(Badge, { variant: "upload_failure", label: "Upload failure" }) : isAnalysing ? /* @__PURE__ */ jsx26(Badge, { variant: "analysing", label: "Analysing" }) : isSmart ? /* @__PURE__ */ jsx26(Badge, { variant: "smart", label: "Smart" }) : null;
+    return /* @__PURE__ */ jsxs23(
+      "article",
+      {
+        className: `mr-record-card${selected ? " mr-record-card--selected" : ""}${selectBlocked ? " mr-record-card--disabled" : ""}${isUploadFailed ? " mr-record-card--failed" : ""}`,
+        onClick: handleCardClick,
+        children: [
+          /* @__PURE__ */ jsxs23("header", { className: "mr-record-card__header", children: [
+            selectionMode && !isUploading && !isUploadFailed && /* @__PURE__ */ jsx26(
+              "span",
+              {
+                className: `mr-record-card__checkbox${selected ? " mr-record-card__checkbox--checked" : ""}${selectBlocked ? " mr-record-card__checkbox--disabled" : ""}`,
+                "aria-hidden": true,
+                children: selected && /* @__PURE__ */ jsx26(Check5, { size: 14, strokeWidth: 3 })
+              }
+            ),
+            /* @__PURE__ */ jsxs23("div", { className: "mr-record-card__heading", children: [
+              /* @__PURE__ */ jsx26("span", { className: "mr-record-card__title", children: record.title }),
+              /* @__PURE__ */ jsx26("span", { className: "mr-record-card__date", children: dateDisplay })
+            ] }),
+            badge
+          ] }),
+          /* @__PURE__ */ jsxs23("div", { className: "mr-record-card__preview", children: [
+            /* @__PURE__ */ jsx26(Thumbnail, { url: thumbnailUrl ?? null, alt: record.title }),
+            record.fileType && /* @__PURE__ */ jsx26("span", { className: "mr-record-card__filetype", children: record.fileType })
+          ] }),
+          /* @__PURE__ */ jsxs23("footer", { className: "mr-record-card__footer", children: [
+            record.tags.length > 0 ? /* @__PURE__ */ jsxs23("div", { className: "mr-record-card__tags", children: [
+              /* @__PURE__ */ jsx26(TagChip, { label: firstTag }),
+              restTags.length > 0 && /* @__PURE__ */ jsx26(Tooltip, { content: record.tags.join(", "), children: /* @__PURE__ */ jsx26(TagChip, { label: `+${restTags.length}`, onClick: (e) => e.stopPropagation() }) })
+            ] }) : /* @__PURE__ */ jsx26("span", { className: "mr-record-card__tags-spacer" }),
+            /* @__PURE__ */ jsxs23("div", { className: "mr-record-card__actions", children: [
+              isUploading && /* @__PURE__ */ jsx26(Tooltip, { content: "Cancel upload", children: /* @__PURE__ */ jsx26(
+                IconButton,
+                {
+                  variant: "destructive",
+                  "aria-label": "Cancel upload",
+                  icon: /* @__PURE__ */ jsx26(Trash2, { size: 16, "aria-hidden": true }),
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onDelete(record.id);
+                  }
+                }
+              ) }),
+              isUploadFailed && /* @__PURE__ */ jsx26(Fragment4, { children: /* @__PURE__ */ jsx26(Tooltip, { content: "Delete record", children: /* @__PURE__ */ jsx26(
+                IconButton,
+                {
+                  variant: "destructive",
+                  "aria-label": "Delete record",
+                  icon: /* @__PURE__ */ jsx26(Trash2, { size: 16, "aria-hidden": true }),
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onDelete(record.id);
+                  }
+                }
+              ) }) }),
+              !isUploading && !isUploadFailed && /* @__PURE__ */ jsxs23(Fragment4, { children: [
+                selectionMode ? /* @__PURE__ */ jsx26(Tooltip, { content: "View record", children: /* @__PURE__ */ jsx26(
+                  IconButton,
+                  {
+                    variant: "primary",
+                    "aria-label": "View record",
+                    icon: /* @__PURE__ */ jsx26(Eye, { size: 16, "aria-hidden": true }),
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      onOpen(record.id);
+                    }
+                  }
+                ) }) : inContext ? /* @__PURE__ */ jsx26(Tooltip, { content: "Remove from Context", children: /* @__PURE__ */ jsx26(
+                  IconButton,
+                  {
+                    variant: "solid",
+                    "aria-label": "Remove from Context",
+                    icon: /* @__PURE__ */ jsx26(Check5, { size: 16, strokeWidth: 3, "aria-hidden": true }),
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      onAddToContext(record.id);
+                    }
+                  }
+                ) }) : /* @__PURE__ */ jsx26(Tooltip, { content: "Add to session context", children: /* @__PURE__ */ jsx26(
+                  "button",
+                  {
+                    type: "button",
+                    className: "mr-attach-context-btn",
+                    "aria-label": "Add to care context",
+                    disabled: attachDisabled,
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      onAddToContext(record.id);
+                    },
+                    children: /* @__PURE__ */ jsx26(AttachContextIcon, { size: 28 })
+                  }
+                ) }),
+                !selectionMode && /* @__PURE__ */ jsxs23(Fragment4, { children: [
+                  isSmart && /* @__PURE__ */ jsx26(Tooltip, { content: "Copy to note", children: /* @__PURE__ */ jsx26(
+                    IconButton,
+                    {
+                      variant: "primary",
+                      "aria-label": "Copy to note",
+                      icon: /* @__PURE__ */ jsx26(Copy, { size: 16 }),
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onCopyNotes(record.id, { x: e.clientX, y: e.clientY });
+                      }
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx26(OverflowMenu, { items: overflowItems })
+                ] })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+  },
+  (prev, next) => prev.selected === next.selected && prev.selectionMode === next.selectionMode && prev.inContext === next.inContext && prev.attachDisabled === next.attachDisabled && prev.selectDisabled === next.selectDisabled && prev.isUploading === next.isUploading && prev.isUploadFailed === next.isUploadFailed && prev.isAnalysing === next.isAnalysing && prev.isSmart === next.isSmart && prev.thumbnailUrl === next.thumbnailUrl && prev.dateDisplay === next.dateDisplay && prev.record.id === next.record.id && prev.record.updatedAtEpoch === next.record.updatedAtEpoch
+);
+
+// src/views/RecordsView/useRecordItem.ts
+import { useCallback as useCallback6 } from "react";
+import { useStore as useStore10 } from "zustand";
+
+// src/views/RecordsView/copyRecordNotes.ts
+async function copyRecordNotes(record) {
+  const text = `${record.title} \xB7 ${record.type}`;
+  await navigator.clipboard.writeText(text);
+}
+
+// src/views/RecordsView/useInViewport.ts
+import { useEffect as useEffect15, useRef as useRef13, useState as useState13 } from "react";
+function useInViewport() {
+  const ref = useRef13(null);
+  const [seen, setSeen] = useState13(false);
+  useEffect15(() => {
+    if (seen) return;
+    const el = ref.current;
+    if (!el) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries.some((e) => e.isIntersecting)) {
+          setSeen(true);
+          observer.disconnect();
+        }
+      },
+      { rootMargin: "100px" }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [seen]);
+  return { ref, seen };
+}
+
+// src/views/RecordsView/useRecordItem.ts
+function useRecordItem({ id, selectionMode, maxSelectable }) {
+  const { store, bid, patientId } = useSdk();
+  const { onCopyToNote, attachedIds, onAttachToContext, onRemoveAttachment, onRequestDelete } = useRecordsActions();
+  const { ref, seen } = useInViewport();
+  const record = useRecordById2(id);
+  const thumbnailUrl = useThumbnailUrl2(id);
+  const pendingSelected = useIsSelected2(id);
+  const pendingCount = useStore10(store, (s) => s.selection.recordIds.size);
+  const attachedCount = attachedIds?.size ?? 0;
+  const attached = attachedIds?.has(id) ?? false;
+  const checked = pendingSelected || attached;
+  const attachDisabled = attachedCount >= maxSelectable && !attached;
+  const selectDisabled = attachedCount + pendingCount >= maxSelectable && !checked;
+  const pendingLimit = Math.max(0, maxSelectable - attachedCount);
+  const handleOpen = useCallback6(
+    () => store.getState().selection.openDetail(id),
+    [store, id]
+  );
+  const handleSelect = useCallback6(() => {
+    if (attached) {
+      void onRemoveAttachment?.(id);
+    } else {
+      store.getState().selection.toggleRecord(id, pendingLimit);
+    }
+  }, [store, id, pendingLimit, attached, onRemoveAttachment]);
+  const handleAddToContext = useCallback6(() => {
+    if (attached) {
+      void onRemoveAttachment?.(id);
+    } else {
+      const r = store.getState().records.byId[id];
+      if (r && onAttachToContext) void onAttachToContext([{ documentId: id, name: r.title }]);
+    }
+  }, [store, id, attached, onAttachToContext, onRemoveAttachment]);
+  const handleCopyNotes = useCallback6(
+    async (_id, anchor) => {
+      const r = store.getState().records.byId[id];
+      if (!r) return;
+      let text = `${r.title} \xB7 ${r.type}`;
+      try {
+        const report = await getCore().getSmartReport({ documentId: id, bid, patientId });
+        if (report) {
+          const vitals = parseVitals(report);
+          if (vitals.length > 0) {
+            text = vitalsToNoteText(vitals, {
+              reportName: r.title,
+              date: epochToDisplay(r.createdAtEpoch)
+            });
+          }
+        }
+      } catch {
+      }
+      if (onCopyToNote) void onCopyToNote(text, anchor);
+      else void copyRecordNotes(r);
+    },
+    [store, id, bid, patientId, onCopyToNote]
+  );
+  const handleDelete = useCallback6(() => {
+    onRequestDelete?.(id);
+  }, [onRequestDelete, id]);
+  if (!record) return null;
+  return {
+    ref,
+    props: {
+      record,
+      selectionMode,
+      selected: checked,
+      thumbnailUrl: seen ? thumbnailUrl : null,
+      inContext: attached,
+      attachDisabled,
+      selectDisabled,
+      isUploading: record.syncState === "uploading",
+      isUploadFailed: record.syncState === "upload_failure",
+      isAnalysing: record.isAnalysing,
+      isSmart: record.isSmart,
+      dateDisplay: epochToDisplay(record.createdAtEpoch),
+      onOpen: handleOpen,
+      onSelect: handleSelect,
+      onAddToContext: handleAddToContext,
+      onCopyNotes: handleCopyNotes,
+      onDelete: handleDelete
+    }
+  };
+}
+
+// src/views/RecordsView/RecordCardContainer.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
+var RecordCardContainer = memo8(function RecordCardContainer2(props) {
+  const item = useRecordItem(props);
+  if (!item) return null;
+  return /* @__PURE__ */ jsx27("div", { ref: item.ref, className: "mr-record-slot", children: /* @__PURE__ */ jsx27(RecordCard, { ...item.props }) });
+});
+
+// src/views/RecordsView/RecordRowContainer.tsx
+import { memo as memo10 } from "react";
+
+// src/components/RecordRow/RecordRow.tsx
+import { memo as memo9, useMemo as useMemo10 } from "react";
+import { Check as Check6, Copy as Copy2, Eye as Eye2, FolderPlus as FolderPlus2, Trash2 as Trash22 } from "lucide-react";
+import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+var MAX_VISIBLE_TAGS = 4;
+var RecordRow = memo9(
+  function RecordRow2({
+    record,
+    selected,
+    selectionMode,
+    thumbnailUrl,
+    inContext,
+    attachDisabled,
+    selectDisabled,
+    isUploading,
+    isUploadFailed,
+    isSmart,
+    isAnalysing,
+    dateDisplay,
+    onSelect,
+    onOpen,
+    onAddToContext,
+    onCopyNotes,
+    onDelete
+  }) {
+    const overflowItems = useMemo10(() => [
+      {
+        key: "case",
+        label: "Add to care context",
+        icon: /* @__PURE__ */ jsx28(FolderPlus2, { size: 16, "aria-hidden": true }),
+        subPanel: (_onBack, onClose) => /* @__PURE__ */ jsx28(
+          AddToContextSubPanel,
+          {
+            recordId: record.id,
+            linkedCaseIds: record.cases,
+            onClose
+          }
+        )
+      },
+      {
+        key: "delete",
+        label: "Delete record",
+        icon: /* @__PURE__ */ jsx28(Trash22, { size: 16, "aria-hidden": true }),
+        destructive: true,
+        onSelect: () => onDelete(record.id)
+      }
+    ], [record.id, record.cases, onDelete]);
+    const visibleTags = record.tags.slice(0, MAX_VISIBLE_TAGS);
+    const overflowCount = record.tags.length - visibleTags.length;
+    const selectBlocked = selectionMode && selectDisabled && !selected;
+    const handleRowClick = () => {
+      if (selectionMode) {
+        if (!selectBlocked) onSelect(record.id);
+      } else {
+        onOpen(record.id);
+      }
+    };
+    return /* @__PURE__ */ jsxs24(
+      "article",
+      {
+        className: `mr-record-row${selected ? " mr-record-row--selected" : ""}${selectBlocked ? " mr-record-row--disabled" : ""}`,
+        onClick: handleRowClick,
+        children: [
+          selectionMode && /* @__PURE__ */ jsx28(
+            "span",
+            {
+              className: `mr-record-row__checkbox${selected ? " mr-record-row__checkbox--checked" : ""}${selectBlocked ? " mr-record-row__checkbox--disabled" : ""}`,
+              "aria-hidden": true,
+              children: selected && /* @__PURE__ */ jsx28(Check6, { size: 14, strokeWidth: 3 })
+            }
+          ),
+          /* @__PURE__ */ jsx28("div", { className: "mr-record-row__thumb", children: /* @__PURE__ */ jsx28(Thumbnail, { url: thumbnailUrl ?? null, alt: record.title }) }),
+          /* @__PURE__ */ jsxs24("div", { className: "mr-record-row__main", children: [
+            /* @__PURE__ */ jsxs24("div", { className: "mr-record-row__heading", children: [
+              /* @__PURE__ */ jsx28("span", { className: "mr-record-row__title", children: record.title }),
+              isUploading ? /* @__PURE__ */ jsx28(Badge, { variant: "uploading", label: "Uploading" }) : isUploadFailed ? /* @__PURE__ */ jsx28(Badge, { variant: "upload_failure", label: "Upload failure" }) : isAnalysing ? /* @__PURE__ */ jsx28(Badge, { variant: "analysing", label: "Analysing" }) : isSmart && /* @__PURE__ */ jsx28(Badge, { variant: "smart", label: "Smart" })
+            ] }),
+            /* @__PURE__ */ jsx28("span", { className: "mr-record-row__date", children: dateDisplay })
+          ] }),
+          /* @__PURE__ */ jsxs24("div", { className: "mr-record-row__meta", children: [
+            record.tags.length > 0 && /* @__PURE__ */ jsxs24("div", { className: "mr-record-row__tags", children: [
+              visibleTags.map((t) => /* @__PURE__ */ jsx28(TagChip, { label: t }, t)),
+              overflowCount > 0 && /* @__PURE__ */ jsx28(Tooltip, { content: record.tags.join(", "), children: /* @__PURE__ */ jsx28(TagChip, { label: `+${overflowCount}`, onClick: (e) => e.stopPropagation() }) })
+            ] }),
+            /* @__PURE__ */ jsxs24("div", { className: "mr-record-row__actions", children: [
+              selectionMode ? /* @__PURE__ */ jsx28(Tooltip, { content: "View record", children: /* @__PURE__ */ jsx28(
+                IconButton,
+                {
+                  variant: "primary",
+                  "aria-label": "View record",
+                  icon: /* @__PURE__ */ jsx28(Eye2, { size: 16, "aria-hidden": true }),
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onOpen(record.id);
+                  }
+                }
+              ) }) : inContext ? /* @__PURE__ */ jsx28(Tooltip, { content: "Remove from Context", children: /* @__PURE__ */ jsx28(
+                IconButton,
+                {
+                  variant: "solid",
+                  "aria-label": "Remove from Context",
+                  icon: /* @__PURE__ */ jsx28(Check6, { size: 16, strokeWidth: 3, "aria-hidden": true }),
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onAddToContext(record.id);
+                  }
+                }
+              ) }) : /* @__PURE__ */ jsx28(Tooltip, { content: "Add to session context", children: /* @__PURE__ */ jsx28(
+                "button",
+                {
+                  type: "button",
+                  className: "mr-attach-context-btn",
+                  "aria-label": "Attach to Session Context",
+                  disabled: attachDisabled,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onAddToContext(record.id);
+                  },
+                  children: /* @__PURE__ */ jsx28(AttachContextIcon, { size: 28 })
+                }
+              ) }),
+              !selectionMode && /* @__PURE__ */ jsxs24(Fragment5, { children: [
+                isSmart && /* @__PURE__ */ jsx28(Tooltip, { content: "Copy to note", children: /* @__PURE__ */ jsx28(
+                  IconButton,
+                  {
+                    variant: "primary",
+                    "aria-label": "Copy to note",
+                    icon: /* @__PURE__ */ jsx28(Copy2, { size: 16 }),
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      onCopyNotes(record.id, { x: e.clientX, y: e.clientY });
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ jsx28(OverflowMenu, { items: overflowItems })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+  },
+  (prev, next) => prev.selected === next.selected && prev.selectionMode === next.selectionMode && prev.inContext === next.inContext && prev.attachDisabled === next.attachDisabled && prev.selectDisabled === next.selectDisabled && prev.isUploading === next.isUploading && prev.isUploadFailed === next.isUploadFailed && prev.isSmart === next.isSmart && prev.isAnalysing === next.isAnalysing && prev.thumbnailUrl === next.thumbnailUrl && prev.dateDisplay === next.dateDisplay && prev.record.id === next.record.id && prev.record.updatedAtEpoch === next.record.updatedAtEpoch
+);
+
+// src/views/RecordsView/RecordRowContainer.tsx
+import { jsx as jsx29 } from "react/jsx-runtime";
+var RecordRowContainer = memo10(function RecordRowContainer2(props) {
+  const item = useRecordItem(props);
+  if (!item) return null;
+  return /* @__PURE__ */ jsx29("div", { ref: item.ref, className: "mr-record-slot", children: /* @__PURE__ */ jsx29(RecordRow, { ...item.props }) });
+});
+
+// src/views/RecordsView/RecordsGrid.tsx
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+function RecordsGrid({
+  sections,
+  viewMode,
+  selectionMode,
+  maxSelectable,
+  showMonths,
+  scrollToKey
+}) {
+  const isList = viewMode === "list";
+  const headerRefs = useRef14(/* @__PURE__ */ new Map());
+  useEffect16(() => {
+    if (!scrollToKey) return;
+    headerRefs.current.get(scrollToKey)?.scrollIntoView({ behavior: "smooth", block: "start" });
+  }, [scrollToKey]);
+  return /* @__PURE__ */ jsx30("div", { className: "mr-records-grid", children: sections.map((section, i) => {
+    const showMonth = showMonths && (i === 0 || sections[i - 1].monthKey !== section.monthKey);
+    const active = section.key === scrollToKey;
+    return /* @__PURE__ */ jsxs25("section", { className: "mr-records-grid__section gap-20", children: [
+      showMonth && /* @__PURE__ */ jsx30("div", { className: "mr-records-sidebar__month", children: section.monthLabel }),
+      /* @__PURE__ */ jsx30(
+        "header",
+        {
+          className: `mr-records-grid__section-header${active ? " mr-records-grid__section-header--active" : ""}`,
+          "data-section-key": section.key,
+          ref: (el) => {
+            if (el) headerRefs.current.set(section.key, el);
+            else headerRefs.current.delete(section.key);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx30("div", { className: isList ? "mr-records-grid__rows" : "mr-records-grid__cards", children: section.recordIds.map(
+        (id) => isList ? /* @__PURE__ */ jsx30(
+          RecordRowContainer,
+          {
+            id,
+            selectionMode,
+            maxSelectable
+          },
+          id
+        ) : /* @__PURE__ */ jsx30(
+          RecordCardContainer,
+          {
+            id,
+            selectionMode,
+            maxSelectable
+          },
+          id
+        )
+      ) })
+    ] }, section.key);
+  }) });
+}
+
+// src/views/RecordsView/RecordsSelectionFooter.tsx
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+function RecordsSelectionFooter({
+  selectedCount,
+  maxCount,
+  actionsDisabled,
+  onClear,
+  onAttach
+}) {
+  const disabled = actionsDisabled ?? selectedCount === 0;
+  return /* @__PURE__ */ jsxs26("div", { className: "mr-selection-footer", children: [
+    /* @__PURE__ */ jsxs26("div", { className: "mr-selection-footer__text", children: [
+      /* @__PURE__ */ jsxs26("p", { className: "mr-selection-footer__count", children: [
+        selectedCount,
+        " of ",
+        maxCount,
+        " records selected"
+      ] }),
+      /* @__PURE__ */ jsxs26("p", { className: "mr-selection-footer__hint", children: [
+        "You can attach upto ",
+        maxCount,
+        " files to a session context"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs26("div", { className: "mr-selection-footer__actions", children: [
+      /* @__PURE__ */ jsx31(
+        "button",
+        {
+          type: "button",
+          className: "mr-selection-footer__clear",
+          disabled,
+          onClick: onClear,
+          children: "Clear selection"
+        }
+      ),
+      /* @__PURE__ */ jsx31(
+        "button",
+        {
+          type: "button",
+          className: "mr-selection-footer__attach",
+          disabled,
+          onClick: onAttach,
+          children: "Attach to session context"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/views/RecordPreview/RecordPreview.tsx
+import { lazy, Suspense, useState as useState15 } from "react";
+import { ChevronLeft as ChevronLeft4, FilePlus, Check as Check8, Copy as Copy4 } from "lucide-react";
+import TurndownService from "turndown";
+
+// src/views/RecordPreview/SmartReportPanel.tsx
+import { useMemo as useMemo11, useState as useState14 } from "react";
+import { Search as Search4, ChevronRight as ChevronRight3, ArrowRight, Check as Check7, Copy as Copy3 } from "lucide-react";
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+var STATUS_LABEL = {
+  high: "HIGH",
+  low: "LOW",
+  normal: "NORMAL",
+  unknown: ""
+};
+function SmartReportPanel({
+  vitals,
+  reportName,
+  reportDate,
+  onHide,
+  onCopyToNote
+}) {
+  const [tab, setTab] = useState14("all");
+  const [search, setSearch] = useState14("");
+  const [selected, setSelected] = useState14(/* @__PURE__ */ new Set());
+  const outOfRangeCount = useMemo11(() => vitals.filter(isOutOfRange).length, [vitals]);
+  const shown = useMemo11(() => {
+    const q = search.trim().toLowerCase();
+    return vitals.filter((v) => {
+      if (tab === "outOfRange" && !isOutOfRange(v)) return false;
+      if (q && !v.name.toLowerCase().includes(q)) return false;
+      return true;
+    });
+  }, [vitals, tab, search]);
+  const allShownSelected = shown.length > 0 && shown.every((v) => selected.has(v.id));
+  const toggle = (id) => setSelected((prev) => {
+    const next = new Set(prev);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    return next;
+  });
+  const toggleAll = () => setSelected((prev) => {
+    const next = new Set(prev);
+    if (allShownSelected) shown.forEach((v) => next.delete(v.id));
+    else shown.forEach((v) => next.add(v.id));
+    return next;
+  });
+  const handleCopy = (e) => {
+    const chosen = vitals.filter((v) => selected.has(v.id));
+    if (chosen.length && onCopyToNote) {
+      const text = vitalsToNoteText(chosen, { reportName, date: reportDate });
+      void onCopyToNote(text, { x: e.clientX, y: e.clientY });
+    }
+  };
+  return /* @__PURE__ */ jsxs27("aside", { className: "mr-smart-panel", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "mr-smart-panel__top", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "mr-smart-panel__header", children: [
+        /* @__PURE__ */ jsx32("span", { className: "mr-smart-panel__title", children: "Smart Report" }),
+        /* @__PURE__ */ jsxs27("button", { type: "button", className: "mr-smart-panel__hide", onClick: onHide, children: [
+          /* @__PURE__ */ jsx32(ChevronRight3, { size: 16, "aria-hidden": true }),
+          "Hide"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs27("div", { className: "mr-smart-panel__search", children: [
+        /* @__PURE__ */ jsx32(Search4, { size: 16, "aria-hidden": true }),
+        /* @__PURE__ */ jsx32(
+          "input",
+          {
+            type: "text",
+            placeholder: "Search vitals or parameters",
+            value: search,
+            onChange: (e) => setSearch(e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs27("div", { className: "mr-smart-panel__tabs", role: "tablist", children: [
+        /* @__PURE__ */ jsx32(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": tab === "all",
+            className: `mr-smart-panel__tab${tab === "all" ? " mr-smart-panel__tab--active" : ""}`,
+            onClick: () => setTab("all"),
+            children: "All vitals"
+          }
+        ),
+        /* @__PURE__ */ jsxs27(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": tab === "outOfRange",
+            className: `mr-smart-panel__tab${tab === "outOfRange" ? " mr-smart-panel__tab--active" : ""}`,
+            onClick: () => setTab("outOfRange"),
+            children: [
+              "Out of range (",
+              outOfRangeCount,
+              ")"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx32("div", { className: "mr-smart-panel__list", children: shown.length === 0 ? /* @__PURE__ */ jsx32("p", { className: "mr-smart-panel__empty", children: "No vitals to show." }) : shown.map((v) => /* @__PURE__ */ jsx32(VitalCard, { vital: v, selected: selected.has(v.id), onToggle: toggle }, v.id)) }),
+    /* @__PURE__ */ jsxs27("div", { className: "mr-smart-panel__cta", children: [
+      /* @__PURE__ */ jsxs27("label", { className: "mr-smart-panel__selectall", children: [
+        /* @__PURE__ */ jsx32(
+          "span",
+          {
+            className: `mr-smart-panel__checkbox${allShownSelected ? " mr-smart-panel__checkbox--checked" : ""}`,
+            "aria-hidden": true,
+            children: allShownSelected && /* @__PURE__ */ jsx32(Check7, { size: 12, strokeWidth: 3 })
+          }
+        ),
+        /* @__PURE__ */ jsx32(
+          "input",
+          {
+            type: "checkbox",
+            checked: allShownSelected,
+            onChange: toggleAll,
+            className: "mr-visually-hidden"
+          }
+        ),
+        "Select all"
+      ] }),
+      /* @__PURE__ */ jsxs27(
+        "button",
+        {
+          type: "button",
+          className: "mr-smart-panel__copy",
+          disabled: selected.size === 0,
+          onClick: handleCopy,
+          children: [
+            /* @__PURE__ */ jsx32(Copy3, { size: 16, "aria-hidden": true }),
+            "Copy to note"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function VitalCard({
+  vital,
+  selected,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsxs27(
+    "div",
+    {
+      className: `mr-vital-card mr-vital-card--${vital.status}${selected ? " mr-vital-card--selected" : ""}`,
+      role: "button",
+      "aria-pressed": selected,
+      onClick: () => onToggle(vital.id),
+      children: [
+        /* @__PURE__ */ jsxs27("div", { className: "mr-vital-card__header", children: [
+          /* @__PURE__ */ jsxs27("div", { className: "mr-vital-card__left", children: [
+            /* @__PURE__ */ jsx32("span", { className: "mr-vital-card__name", children: vital.name }),
+            /* @__PURE__ */ jsxs27("div", { className: "mr-vital-card__subtitle", children: [
+              /* @__PURE__ */ jsxs27("span", { className: "mr-vital-card__value", children: [
+                vital.value,
+                vital.unit && /* @__PURE__ */ jsxs27("span", { className: "mr-vital-card__unit", children: [
+                  " ",
+                  vital.unit
+                ] })
+              ] }),
+              vital.refRange && /* @__PURE__ */ jsxs27("span", { className: "mr-vital-card__ref", children: [
+                "(Ref: ",
+                vital.refRange,
+                ")"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs27("div", { className: "mr-vital-card__right", children: [
+            STATUS_LABEL[vital.status] && /* @__PURE__ */ jsx32("span", { className: `mr-vital-card__badge mr-vital-card__badge--${vital.status}`, children: STATUS_LABEL[vital.status] }),
+            /* @__PURE__ */ jsx32(
+              "span",
+              {
+                className: `mr-vital-card__checkbox${selected ? " mr-vital-card__checkbox--checked" : ""}`,
+                "aria-hidden": true,
+                children: selected && /* @__PURE__ */ jsx32(Check7, { size: 14, strokeWidth: 3, "aria-hidden": true })
+              }
+            )
+          ] })
+        ] }),
+        vital.history.length > 0 && /* @__PURE__ */ jsxs27("div", { className: "mr-vital-card__history", children: [
+          /* @__PURE__ */ jsx32("span", { className: "mr-vital-card__history-label", children: "From previous records" }),
+          /* @__PURE__ */ jsx32("div", { className: "mr-vital-card__history-row", children: vital.history.map((h, i) => /* @__PURE__ */ jsxs27("div", { className: "mr-vital-card__history-point", children: [
+            i > 0 && /* @__PURE__ */ jsx32(ArrowRight, { size: 16, "aria-hidden": true, className: "mr-vital-card__history-arrow" }),
+            /* @__PURE__ */ jsx32("span", { className: "mr-vital-card__history-value", children: h.value }),
+            h.label && /* @__PURE__ */ jsx32("span", { className: "mr-vital-card__history-date", children: h.label })
+          ] }, i)) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/views/RecordPreview/RecordPreview.tsx
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+var turndown = new TurndownService({ headingStyle: "atx", bulletListMarker: "-" });
+var DocumentViewer = lazy(
+  () => import("./DocumentViewer-WXL7OZXK.mjs").then((m) => ({ default: m.DocumentViewer }))
+);
+var MAX_PREVIEW_TAGS = 2;
+function RecordPreview({ recordId, onBack }) {
+  const record = useRecordById2(recordId);
+  const preview = useRecordPreview(recordId);
+  const { attachedIds, onAttachToContext, onRemoveAttachment, onCopyToNote } = useRecordsActions();
+  const [smartOpen, setSmartOpen] = useState15(true);
+  if (!record) return null;
+  const attached = attachedIds?.has(recordId) ?? false;
+  const attachFull = !attached && (attachedIds?.size ?? 0) >= MAX_CONTEXT_ATTACHMENTS;
+  const handleAttach = () => {
+    if (attachFull) return;
+    if (attached) void onRemoveAttachment?.(recordId);
+    else void onAttachToContext?.([{ documentId: recordId, name: record.title }]);
+  };
+  return /* @__PURE__ */ jsxs28("div", { className: "mr-record-preview", children: [
+    /* @__PURE__ */ jsxs28("header", { className: "mr-record-preview__header", children: [
+      /* @__PURE__ */ jsxs28("div", { className: "mr-record-preview__left", children: [
+        /* @__PURE__ */ jsxs28("button", { type: "button", className: "mr-record-preview__back", onClick: onBack, children: [
+          /* @__PURE__ */ jsx33(ChevronLeft4, { size: 16, "aria-hidden": true }),
+          "Back to records"
+        ] }),
+        /* @__PURE__ */ jsxs28("div", { className: "mr-record-preview__heading", children: [
+          /* @__PURE__ */ jsx33("span", { className: "mr-record-preview__title", children: record.title }),
+          /* @__PURE__ */ jsx33("span", { className: "mr-record-preview__date", children: epochToDisplay(record.createdAtEpoch) })
+        ] })
+      ] }),
+      record.tags.length > 0 && /* @__PURE__ */ jsxs28("div", { className: "mr-record-preview__tags", children: [
+        record.tags.slice(0, MAX_PREVIEW_TAGS).map((t) => /* @__PURE__ */ jsx33(TagChip, { label: t }, t)),
+        record.tags.length > MAX_PREVIEW_TAGS && /* @__PURE__ */ jsx33(Tooltip, { content: record.tags.join(", "), children: /* @__PURE__ */ jsx33(TagChip, { label: `+${record.tags.length - MAX_PREVIEW_TAGS}` }) })
+      ] }),
+      /* @__PURE__ */ jsxs28("div", { className: "mr-record-preview__actions", children: [
+        preview.hasSmartReport && !smartOpen && /* @__PURE__ */ jsx33(
+          "button",
+          {
+            type: "button",
+            className: "mr-record-preview__smart-cta",
+            onClick: () => setSmartOpen(true),
+            children: "Show smart report"
+          }
+        ),
+        record.fileType?.toUpperCase() === "HTML" && onCopyToNote && /* @__PURE__ */ jsxs28(
+          "button",
+          {
+            type: "button",
+            className: "mr-record-preview__copy-btn",
+            onClick: async (e) => {
+              const url = preview.files[0]?.url;
+              if (!url) return;
+              const res = await fetch(url);
+              const html = await res.text();
+              const plain = turndown.turndown(html).trim();
+              void onCopyToNote(plain, { x: e.clientX, y: e.clientY });
+            },
+            children: [
+              /* @__PURE__ */ jsx33(Copy4, { size: 16, "aria-hidden": true }),
+              "Copy to note"
+            ]
+          }
+        ),
+        attachFull ? /* @__PURE__ */ jsx33(Tooltip, { content: `You can attach up to ${MAX_CONTEXT_ATTACHMENTS} records. Remove one to add this.`, children: /* @__PURE__ */ jsxs28("button", { type: "button", className: "mr-record-preview__attach", disabled: true, children: [
+          /* @__PURE__ */ jsx33(FilePlus, { size: 16, "aria-hidden": true }),
+          "Add to session context"
+        ] }) }) : attached ? /* @__PURE__ */ jsxs28(
+          "button",
+          {
+            type: "button",
+            className: "mr-record-preview__attach mr-record-preview__attach--on",
+            onClick: handleAttach,
+            children: [
+              /* @__PURE__ */ jsx33(Check8, { size: 16, "aria-hidden": true }),
+              "Remove from context"
+            ]
+          }
+        ) : /* @__PURE__ */ jsx33(
+          "button",
+          {
+            type: "button",
+            className: "mr-record-preview__attach-orbit",
+            onClick: handleAttach,
+            children: /* @__PURE__ */ jsxs28("span", { className: "mr-record-preview__attach-face", children: [
+              /* @__PURE__ */ jsx33(FilePlus, { size: 16, "aria-hidden": true }),
+              "Add to session context"
+            ] })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs28("div", { className: "mr-record-preview__body", children: [
+      preview.status === "loading" ? /* @__PURE__ */ jsx33("div", { className: "mr-record-preview__loading", children: /* @__PURE__ */ jsx33(Skeleton, { variant: "card" }) }) : /* @__PURE__ */ jsx33(Suspense, { fallback: /* @__PURE__ */ jsx33("div", { className: "mr-doc-viewer__status", children: "Loading viewer\u2026" }), children: /* @__PURE__ */ jsx33(
+        DocumentViewer,
+        {
+          files: preview.files,
+          title: record.title,
+          isHtml: record.fileType?.toUpperCase() === "HTML"
+        }
+      ) }),
+      preview.hasSmartReport && smartOpen && /* @__PURE__ */ jsx33(
+        SmartReportPanel,
+        {
+          vitals: preview.vitals,
+          reportName: record.title,
+          reportDate: epochToDisplay(record.createdAtEpoch),
+          onHide: () => setSmartOpen(false),
+          onCopyToNote
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/views/RecordsView/UploadModal.tsx
+import { useEffect as useEffect17, useMemo as useMemo12, useRef as useRef15, useState as useState16 } from "react";
+import { Upload as Upload2, X as X4 } from "lucide-react";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+var ACCEPT = ".pdf,.jpg,.jpeg,.png,image/*,application/pdf";
+var fileSeq = 0;
+function UploadModal({ onUpload, onError, onSuccess, onClose }) {
+  const { documentTypes } = useSdk();
+  const [files, setFiles] = useState16([]);
+  const [dragging, setDragging] = useState16(false);
+  const inputRef = useRef15(null);
+  const docTypeOptions = useMemo12(
+    () => documentTypes.map((t) => ({ value: t.id, label: t.display_name })),
+    [documentTypes]
+  );
+  useEffect17(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  const fileKey = (f) => `${f.name}::${f.size}::${f.lastModified}`;
+  const addFiles = (incoming) => {
+    setFiles((prev) => {
+      const existing = new Set(prev.map((f) => fileKey(f.file)));
+      const deduped = Array.from(incoming).filter((f) => !existing.has(fileKey(f)));
+      if (!deduped.length) return prev;
+      const next = deduped.map((file) => ({
+        id: `f-${fileSeq += 1}`,
+        file,
+        documentType: "",
+        date: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
+        caseId: null
+      }));
+      return [...prev, ...next];
+    });
+  };
+  const patch = (id, p) => setFiles((prev) => prev.map((f) => f.id === id ? { ...f, ...p } : f));
+  const removeFile = (id) => setFiles((prev) => prev.filter((f) => f.id !== id));
+  const allValid = files.length > 0 && files.every((f) => f.documentType);
+  const handleUpload = () => {
+    if (files.length === 0) return;
+    if (!allValid) {
+      onError("Add a document type and investigation date for every file.");
+      return;
+    }
+    const items = files.map((f) => ({
+      file: f.file,
+      documentType: f.documentType,
+      documentDateMs: (/* @__PURE__ */ new Date(`${f.date}T00:00:00`)).getTime(),
+      caseIds: f.caseId ? [f.caseId] : void 0
+    }));
+    onClose();
+    void onUpload(items).then(() => {
+      onSuccess?.(items.length > 1 ? `${items.length} records uploaded` : "Record uploaded");
+    }).catch((e) => {
+      onError(e instanceof Error ? e.message : "Upload failed. Please try again.");
+    });
+  };
+  const onDrop = (e) => {
+    e.preventDefault();
+    setDragging(false);
+    if (e.dataTransfer.files?.length) addFiles(e.dataTransfer.files);
+  };
+  return /* @__PURE__ */ jsx34("div", { className: "mr-upload-modal", role: "presentation", onClick: onClose, children: /* @__PURE__ */ jsxs29(
+    "div",
+    {
+      className: `mr-upload-modal__dialog${dragging ? " mr-upload-modal__dialog--dragging" : ""}`,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Upload a new record",
+      onClick: (e) => e.stopPropagation(),
+      onDragOver: (e) => {
+        e.preventDefault();
+        setDragging(true);
+      },
+      onDragLeave: (e) => {
+        if (e.currentTarget === e.target) setDragging(false);
+      },
+      onDrop,
+      children: [
+        /* @__PURE__ */ jsxs29("div", { className: "mr-upload-modal__header", children: [
+          /* @__PURE__ */ jsxs29("div", { children: [
+            /* @__PURE__ */ jsx34("p", { className: "mr-upload-modal__title", children: "Upload a new record" }),
+            /* @__PURE__ */ jsx34("p", { className: "mr-upload-modal__subtitle", children: "Add a document or photo to this patient's medical records." })
+          ] }),
+          /* @__PURE__ */ jsx34("button", { type: "button", className: "mr-upload-modal__close", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx34(X4, { size: 18, "aria-hidden": true }) })
+        ] }),
+        /* @__PURE__ */ jsxs29("button", { type: "button", className: "mr-upload-dropzone", onClick: () => inputRef.current?.click(), children: [
+          /* @__PURE__ */ jsx34("span", { className: "mr-upload-dropzone__icon", children: /* @__PURE__ */ jsx34(Upload2, { size: 20, "aria-hidden": true }) }),
+          /* @__PURE__ */ jsx34("span", { className: "mr-upload-dropzone__title", children: "Drop files here or click to browse" }),
+          /* @__PURE__ */ jsx34("span", { className: "mr-upload-dropzone__hint", children: "PDF, JPG, PNG \xB7 up to 25 MB each \xB7 multiple files supported" })
+        ] }),
+        /* @__PURE__ */ jsx34(
+          "input",
+          {
+            ref: inputRef,
+            type: "file",
+            accept: ACCEPT,
+            multiple: true,
+            hidden: true,
+            onChange: (e) => {
+              if (e.target.files) addFiles(e.target.files);
+              e.target.value = "";
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx34("div", { className: "mr-upload-modal__files", children: files.map((f) => /* @__PURE__ */ jsxs29("div", { className: "mr-upload-file", children: [
+          /* @__PURE__ */ jsxs29("div", { className: "mr-upload-file__head", children: [
+            /* @__PURE__ */ jsxs29("div", { className: "mr-upload-file__titles", children: [
+              /* @__PURE__ */ jsx34("p", { className: "mr-upload-file__title", children: f.file.name }),
+              /* @__PURE__ */ jsxs29("p", { className: "mr-upload-file__meta", children: [
+                f.file.name,
+                " \xB7 ",
+                formatFileSize(f.file.size)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx34("button", { type: "button", className: "mr-upload-file__remove", "aria-label": "Remove file", onClick: () => removeFile(f.id), children: /* @__PURE__ */ jsx34(X4, { size: 16, "aria-hidden": true }) })
+          ] }),
+          /* @__PURE__ */ jsxs29("div", { className: "mr-upload-file__fields", children: [
+            /* @__PURE__ */ jsxs29("label", { className: "mr-upload-field", children: [
+              /* @__PURE__ */ jsxs29("span", { className: "mr-upload-field__label", children: [
+                "Document type",
+                /* @__PURE__ */ jsx34("span", { className: "mr-upload-field__req", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsx34(
+                PresetSelect,
+                {
+                  value: f.documentType,
+                  options: docTypeOptions,
+                  placeholder: "Select type",
+                  active: !!f.documentType,
+                  onChange: (v) => patch(f.id, { documentType: v })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs29("label", { className: "mr-upload-field", children: [
+              /* @__PURE__ */ jsxs29("span", { className: "mr-upload-field__label", children: [
+                "Investigation date",
+                /* @__PURE__ */ jsx34("span", { className: "mr-upload-field__req", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsx34(
+                "input",
+                {
+                  type: "date",
+                  className: "mr-upload-field__date",
+                  value: f.date,
+                  max: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
+                  onChange: (e) => patch(f.id, { date: e.target.value })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs29("div", { className: "mr-upload-field", children: [
+              /* @__PURE__ */ jsx34("span", { className: "mr-upload-field__label", children: "Care context" }),
+              /* @__PURE__ */ jsx34(
+                CasePicker,
+                {
+                  selected: f.caseId,
+                  onChange: (id) => patch(f.id, { caseId: id }),
+                  mode: "dropdown"
+                }
+              )
+            ] })
+          ] })
+        ] }, f.id)) }),
+        /* @__PURE__ */ jsx34("div", { className: "mr-upload-modal__footer", children: /* @__PURE__ */ jsxs29(
+          "button",
+          {
+            type: "button",
+            className: "mr-upload-modal__submit",
+            disabled: !allValid,
+            onClick: handleUpload,
+            children: [
+              /* @__PURE__ */ jsx34(Upload2, { size: 16, "aria-hidden": true }),
+              "Upload"
+            ]
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+
+// src/views/RecordsView/useRecordsView.ts
+import { useCallback as useCallback7, useEffect as useEffect18, useMemo as useMemo15, useRef as useRef16, useState as useState17 } from "react";
+import { useStore as useStore12 } from "zustand";
+
+// src/views/RecordsView/useRecordSections.ts
+import { useMemo as useMemo13 } from "react";
+import { useStore as useStore11 } from "zustand";
+var WEEKDAYS = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
+var MONTHS = [
+  "JANUARY",
+  "FEBRUARY",
+  "MARCH",
+  "APRIL",
+  "MAY",
+  "JUNE",
+  "JULY",
+  "AUGUST",
+  "SEPTEMBER",
+  "OCTOBER",
+  "NOVEMBER",
+  "DECEMBER"
+];
+var dayBox = (epoch) => {
+  const d = new Date(epoch);
+  return { dayNumber: String(d.getDate()), weekday: WEEKDAYS[d.getDay()] };
+};
+var dayKeyOf = (epoch) => {
+  const d = new Date(epoch);
+  return `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;
+};
+function useRecordSections(tab, ids) {
+  const { store } = useSdk();
+  const byId = useStore11(store, (s) => s.records.byId);
+  const caseIds = useStore11(store, (s) => s.cases.ids);
+  const casesById = useStore11(store, (s) => s.cases.byId);
+  const filters = useStore11(store, (s) => s.filters);
+  return useMemo13(() => {
+    const matchCount = (recordIds) => recordIds.reduce((n, id) => {
+      const r = byId[id];
+      return r && recordMatchesFilters(r, filters) ? n + 1 : n;
+    }, 0);
+    const recordsLabel = (n) => `${n} record${n === 1 ? "" : "s"}`;
+    if (tab === "careContext") {
+      return caseIds.map((caseId) => {
+        const c = casesById[caseId];
+        if (!c) return null;
+        const recordIds = ids.filter((id) => byId[id]?.cases.includes(caseId));
+        const type = (c.typeCode ?? "").toUpperCase();
+        return {
+          key: caseId,
+          recordIds,
+          dayNumber: type,
+          weekday: "",
+          monthLabel: "",
+          monthKey: "",
+          countLabel: c.name,
+          summary: recordsLabel(matchCount(recordIds))
+        };
+      }).filter((s) => s !== null);
+    }
+    const map = /* @__PURE__ */ new Map();
+    for (const id of ids) {
+      const r = byId[id];
+      if (!r) continue;
+      const key = dayKeyOf(r.createdAtEpoch);
+      let entry = map.get(key);
+      if (!entry) {
+        entry = { date: new Date(r.createdAtEpoch), types: /* @__PURE__ */ new Set(), recordIds: [] };
+        map.set(key, entry);
+      }
+      entry.recordIds.push(id);
+      entry.types.add(r.type);
+    }
+    return [...map.entries()].sort((a, b) => b[1].date.getTime() - a[1].date.getTime()).map(([key, { date, types, recordIds }]) => ({
+      key,
+      recordIds,
+      ...dayBox(date.getTime()),
+      monthLabel: `${MONTHS[date.getMonth()]} ${date.getFullYear()}`,
+      monthKey: `${date.getFullYear()}-${date.getMonth()}`,
+      countLabel: recordsLabel(matchCount(recordIds)),
+      summary: [...types].join(" \xB7 ")
+    }));
+  }, [tab, ids, byId, caseIds, casesById, filters]);
+}
+
+// src/views/RecordsView/useSectionPages.ts
+import { useMemo as useMemo14 } from "react";
+var MONTHS_PER_PAGE = 5;
+var CASES_PER_PAGE = 10;
+function useSectionPages(tab, sections, page) {
+  return useMemo14(() => {
+    if (sections.length === 0) {
+      return { pageSections: [], pageCount: 1, page: 0 };
+    }
+    if (tab === "date") {
+      const monthKeys = [];
+      for (const s of sections) {
+        if (monthKeys[monthKeys.length - 1] !== s.monthKey) monthKeys.push(s.monthKey);
+      }
+      const pageCount2 = Math.max(1, Math.ceil(monthKeys.length / MONTHS_PER_PAGE));
+      const clamped2 = Math.min(Math.max(page, 0), pageCount2 - 1);
+      const windowKeys = new Set(
+        monthKeys.slice(clamped2 * MONTHS_PER_PAGE, (clamped2 + 1) * MONTHS_PER_PAGE)
+      );
+      return {
+        pageSections: sections.filter((s) => windowKeys.has(s.monthKey)),
+        pageCount: pageCount2,
+        page: clamped2
+      };
+    }
+    const pageCount = Math.max(1, Math.ceil(sections.length / CASES_PER_PAGE));
+    const clamped = Math.min(Math.max(page, 0), pageCount - 1);
+    return {
+      pageSections: sections.slice(clamped * CASES_PER_PAGE, (clamped + 1) * CASES_PER_PAGE),
+      pageCount,
+      page: clamped
+    };
+  }, [tab, sections, page]);
+}
+
+// src/views/RecordsView/useRecordsView.ts
+function useRecordsView({
+  onUpload,
+  allowUpload = true,
+  onCopyToNote,
+  attachedIds,
+  onAttachManyToContext,
+  onRemoveAttachment,
+  onToast
+}) {
+  const { store, labelOf } = useSdk();
+  const { refresh, sourceRefreshedAt, deleteRecord } = useRecordsConnection();
+  const { upload } = useUploadConnection();
+  const status = useRecordsStatus2();
+  const filteredIds = useFilteredRecordIds2();
+  const allIds = useStore12(store, (s) => s.records.ids);
+  const selectedCount = useStore12(store, (s) => s.selection.recordIds.size);
+  const openDetailId = useStore12(store, (s) => s.selection.openDetailId);
+  const activeFilters = useStore12(store, (s) => s.filters);
+  const attachedIdSet = useMemo15(() => new Set(attachedIds ?? []), [attachedIds]);
+  const [viewMode, setViewMode] = useState17("grid");
+  const [sidebarTab, setSidebarTab] = useState17("date");
+  const [activeKey, setActiveKey] = useState17(null);
+  const [selectionMode, setSelectionMode] = useState17(false);
+  const [page, setPage] = useState17(0);
+  const [deleteTargetId, setDeleteTargetId] = useState17(null);
+  const [deleting, setDeleting] = useState17(false);
+  const [uploadOpen, setUploadOpen] = useState17(false);
+  useCasesConnection();
+  const sections = useRecordSections(sidebarTab, allIds);
+  const autoSelectedRef = useRef16(false);
+  useEffect18(() => {
+    if (sidebarTab !== "careContext") {
+      autoSelectedRef.current = false;
+      return;
+    }
+    if (autoSelectedRef.current || sections.length === 0) return;
+    autoSelectedRef.current = true;
+    setActiveKey(sections[0].key);
+  }, [sidebarTab, sections]);
+  const { pageSections, pageCount, page: safePage } = useSectionPages(sidebarTab, sections, page);
+  const resolvedActiveKey = activeKey && pageSections.some((s) => s.key === activeKey) ? activeKey : null;
+  const filteredSections = useMemo15(() => {
+    const allowed = new Set(filteredIds);
+    const source = resolvedActiveKey ? pageSections.filter((s) => s.key === resolvedActiveKey) : pageSections;
+    const trimmed = source.map((s) => ({ ...s, recordIds: s.recordIds.filter((id) => allowed.has(id)) })).filter((s) => s.recordIds.length > 0);
+    if (sidebarTab !== "date" || resolvedActiveKey) return trimmed;
+    const byMonth = /* @__PURE__ */ new Map();
+    for (const s of trimmed) {
+      const existing = byMonth.get(s.monthKey);
+      if (existing) existing.recordIds.push(...s.recordIds);
+      else byMonth.set(s.monthKey, { ...s, key: s.monthKey, recordIds: [...s.recordIds] });
+    }
+    return [...byMonth.values()];
+  }, [pageSections, resolvedActiveKey, filteredIds, sidebarTab]);
+  const handleTabChange = useCallback7((tab) => {
+    setSidebarTab(tab);
+    setActiveKey(null);
+    setPage(0);
+    store.getState().selection.clearSelection();
+  }, [store]);
+  const handleSelectSection = useCallback7((key) => {
+    setActiveKey((prev) => prev === key ? null : key);
+  }, []);
+  const handleToggleSelectionMode = useCallback7(() => {
+    setSelectionMode((on) => {
+      if (on) store.getState().selection.clearSelection();
+      return !on;
+    });
+  }, [store]);
+  const clearSelection = useCallback7(() => {
+    store.getState().selection.clearSelection();
+  }, [store]);
+  const handlePageChange = useCallback7((p) => {
+    setPage(p);
+    setActiveKey(null);
+    store.getState().selection.clearSelection();
+    store.getState().selection.openDetail(null);
+  }, [store]);
+  const handleAttachMany = useCallback7(() => {
+    const state = store.getState();
+    const byId = state.records.byId;
+    const records = [...state.selection.recordIds].map((rid) => byId[rid]).filter(Boolean).map((r) => ({ documentId: r.id, name: r.title }));
+    state.selection.clearSelection();
+    setSelectionMode(false);
+    if (records.length && onAttachManyToContext) void onAttachManyToContext(records);
+  }, [store, onAttachManyToContext]);
+  const openUpload = useCallback7(() => {
+    onUpload?.();
+    setUploadOpen(true);
+  }, [onUpload]);
+  const requestDelete = useCallback7((id) => setDeleteTargetId(id), []);
+  const cancelDelete = useCallback7(() => {
+    if (!deleting) setDeleteTargetId(null);
+  }, [deleting]);
+  const confirmDelete = useCallback7(async () => {
+    if (!deleteTargetId) return;
+    const target = store.getState().records.byId[deleteTargetId];
+    setDeleting(true);
+    try {
+      await deleteRecord(deleteTargetId);
+      onToast?.(`${target?.title ?? "Record"} deleted`, "success");
+      setDeleteTargetId(null);
+    } catch (e) {
+      const msg = e instanceof Error ? e.message : "Delete failed";
+      onToast?.(`Could not delete record. ${msg}`, "error");
+    } finally {
+      setDeleting(false);
+    }
+  }, [deleteTargetId, deleteRecord, store, onToast]);
+  const deleteTarget = useStore12(
+    store,
+    (s) => deleteTargetId ? s.records.byId[deleteTargetId] : void 0
+  );
+  const actions = useMemo15(
+    () => ({
+      onCopyToNote,
+      attachedIds: attachedIdSet,
+      onAttachToContext: onAttachManyToContext,
+      onRemoveAttachment,
+      onRequestDelete: requestDelete,
+      onToast
+    }),
+    [onCopyToNote, attachedIdSet, onAttachManyToContext, onRemoveAttachment, requestDelete, onToast]
+  );
+  const noRecords = allIds.length === 0;
+  const isInitialLoading = status === "loading" && noRecords;
+  const isLoadFailed = status === "error" && noRecords;
+  const isTabEmpty = !isInitialLoading && !isLoadFailed && noRecords;
+  return {
+    // state
+    store,
+    labelOf,
+    viewMode,
+    setViewMode,
+    sidebarTab,
+    activeKey: resolvedActiveKey,
+    selectionMode,
+    page: safePage,
+    pageCount,
+    uploadOpen,
+    setUploadOpen,
+    openDetailId,
+    activeFilters,
+    // derived
+    allIds,
+    selectedCount,
+    attachedIdSet,
+    filteredSections,
+    pageSections,
+    sections,
+    deleteTarget,
+    deleting,
+    isInitialLoading,
+    isLoadFailed,
+    isTabEmpty,
+    // data
+    upload,
+    refresh,
+    sourceRefreshedAt,
+    actions,
+    allowUpload,
+    // handlers
+    handleTabChange,
+    handleSelectSection,
+    handleToggleSelectionMode,
+    clearSelection,
+    handleAttachMany,
+    openUpload,
+    requestDelete,
+    cancelDelete,
+    confirmDelete,
+    setPage: handlePageChange
+  };
+}
+
+// src/views/RecordsView/RecordsView.tsx
+import { Fragment as Fragment6, jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+var MAX_CONTEXT_ATTACHMENTS = 1;
+function RecordsView({
+  className,
+  onUpload,
+  allowUpload = true,
+  onCopyToNote,
+  attachedIds,
+  onAttachManyToContext,
+  onRemoveAttachment,
+  onToast
+}) {
+  const {
+    store,
+    labelOf,
+    viewMode,
+    setViewMode,
+    sidebarTab,
+    activeKey,
+    selectionMode,
+    page,
+    pageCount,
+    uploadOpen,
+    setUploadOpen,
+    openDetailId,
+    activeFilters,
+    selectedCount,
+    attachedIdSet,
+    filteredSections,
+    pageSections,
+    deleteTarget,
+    deleting,
+    isInitialLoading,
+    isLoadFailed,
+    isTabEmpty,
+    upload,
+    refresh,
+    sourceRefreshedAt,
+    actions,
+    handleTabChange,
+    handleSelectSection,
+    handleToggleSelectionMode,
+    clearSelection,
+    handleAttachMany,
+    openUpload,
+    cancelDelete,
+    confirmDelete,
+    setPage
+  } = useRecordsView({
+    onUpload,
+    allowUpload,
+    onCopyToNote,
+    attachedIds,
+    onAttachManyToContext,
+    onRemoveAttachment,
+    onToast
+  });
+  if (isInitialLoading) {
+    return /* @__PURE__ */ jsx35("div", { className: `mr-records-view${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx35(RecordsLoadingState, {}) });
+  }
+  if (isLoadFailed || isTabEmpty) {
+    return /* @__PURE__ */ jsxs30(Fragment6, { children: [
+      /* @__PURE__ */ jsx35("div", { className: `mr-records-view mr-records-view--state${className ? ` ${className}` : ""}`, children: isLoadFailed ? /* @__PURE__ */ jsx35(RecordsErrorState, { onRetry: refresh }) : /* @__PURE__ */ jsx35(RecordsEmptyState, { onUpload: allowUpload ? openUpload : void 0 }) }),
+      uploadOpen && /* @__PURE__ */ jsx35(
+        UploadModal,
+        {
+          onUpload: upload,
+          onError: (msg) => onToast?.(msg, "error"),
+          onSuccess: (msg) => onToast?.(msg, "success"),
+          onClose: () => setUploadOpen(false)
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx35(RecordsActionsProvider, { value: actions, children: /* @__PURE__ */ jsxs30("div", { className: `mr-records-view${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs30("div", { className: "mr-records-view__grid", hidden: !!openDetailId, children: [
+      /* @__PURE__ */ jsx35(
+        RecordsToolbar,
+        {
+          viewMode,
+          onViewModeChange: setViewMode,
+          onUpload: allowUpload ? openUpload : void 0,
+          onRefresh: refresh,
+          sourceRefreshedAt,
+          selectionMode,
+          onToggleSelect: handleToggleSelectionMode
+        }
+      ),
+      /* @__PURE__ */ jsxs30("div", { className: "mr-records-view__body", children: [
+        /* @__PURE__ */ jsx35(
+          RecordsSidebar,
+          {
+            tab: sidebarTab,
+            onTabChange: handleTabChange,
+            sections: pageSections,
+            activeKey,
+            onSelectSection: handleSelectSection,
+            page,
+            pageCount,
+            onPageChange: setPage
+          }
+        ),
+        /* @__PURE__ */ jsxs30("div", { className: "mr-records-view__main", children: [
+          /* @__PURE__ */ jsx35(
+            ActiveFiltersBar,
+            {
+              filters: activeFilters,
+              labelOf,
+              onRemoveType: () => store.getState().filters.setType(null),
+              onRemoveTags: (tag) => store.getState().filters.applyPopoverFilters({ ...activeFilters, tags: activeFilters.tags.filter((t) => t !== tag) }),
+              onRemoveDocDate: () => store.getState().filters.applyPopoverFilters({ ...activeFilters, documentDateFrom: null, documentDateTo: null, documentDatePreset: "anytime" }),
+              onRemoveUploadDate: () => store.getState().filters.applyPopoverFilters({ ...activeFilters, uploadDateFrom: null, uploadDateTo: null, uploadDatePreset: "anytime" }),
+              onClearAll: () => {
+                store.getState().filters.setType(null);
+                store.getState().filters.clearPopoverFilters();
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx35("div", { className: "mr-records-view__content", children: filteredSections.length === 0 ? /* @__PURE__ */ jsx35(RecordsFilteredEmpty, {}) : /* @__PURE__ */ jsx35(
+            RecordsGrid,
+            {
+              sections: filteredSections,
+              viewMode,
+              selectionMode,
+              maxSelectable: MAX_CONTEXT_ATTACHMENTS,
+              showMonths: sidebarTab === "date",
+              scrollToKey: activeKey
+            }
+          ) }),
+          selectionMode && /* @__PURE__ */ jsx35(
+            RecordsSelectionFooter,
+            {
+              selectedCount: attachedIdSet.size + selectedCount,
+              maxCount: MAX_CONTEXT_ATTACHMENTS,
+              actionsDisabled: selectedCount === 0 || attachedIdSet.size >= MAX_CONTEXT_ATTACHMENTS,
+              onClear: clearSelection,
+              onAttach: handleAttachMany
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    openDetailId && /* @__PURE__ */ jsx35("div", { className: "mr-records-view__preview", children: /* @__PURE__ */ jsx35(
+      RecordPreview,
+      {
+        recordId: openDetailId,
+        onBack: () => store.getState().selection.openDetail(null)
+      }
+    ) }),
+    deleteTarget && /* @__PURE__ */ jsx35(
+      DeleteConfirmModal,
+      {
+        recordLabel: `${deleteTarget.type} (${epochToDisplay(deleteTarget.createdAtEpoch)})`,
+        deleting,
+        onConfirm: confirmDelete,
+        onCancel: cancelDelete
+      }
+    ),
+    uploadOpen && /* @__PURE__ */ jsx35(
+      UploadModal,
+      {
+        onUpload: upload,
+        onError: (msg) => onToast?.(msg, "error"),
+        onSuccess: (msg) => onToast?.(msg, "success"),
+        onClose: () => setUploadOpen(false)
+      }
+    )
+  ] }) });
+}
+function RecordsEmptyState({ onUpload }) {
+  return /* @__PURE__ */ jsxs30("div", { className: "mr-records-view__empty", children: [
+    /* @__PURE__ */ jsx35(EmptyRecordsIcon, { size: 96 }),
+    /* @__PURE__ */ jsx35("p", { className: "mr-records-view__empty-title", children: "No records yet" }),
+    /* @__PURE__ */ jsx35("p", { className: "mr-records-view__empty-desc", children: "Upload your first record to get started \u2014 lab reports, scans, prescriptions, anything works." }),
+    onUpload && /* @__PURE__ */ jsxs30("button", { type: "button", className: "mr-records-view__upload-cta", onClick: onUpload, children: [
+      /* @__PURE__ */ jsx35(Upload3, { size: 16, "aria-hidden": true }),
+      "Upload"
+    ] })
+  ] });
+}
+function RecordsFilteredEmpty() {
+  return /* @__PURE__ */ jsxs30("div", { className: "mr-records-view__filtered-empty", children: [
+    /* @__PURE__ */ jsx35(FilteredEmptyIcon, { size: 96 }),
+    /* @__PURE__ */ jsxs30("div", { className: "mr-records-view__filtered-empty-text", children: [
+      /* @__PURE__ */ jsx35("p", { className: "mr-records-view__filtered-empty-title", children: "No records found" }),
+      /* @__PURE__ */ jsx35("p", { className: "mr-records-view__filtered-empty-desc", children: "Nothing matched your filters. Try adjusting or clearing them." })
+    ] })
+  ] });
+}
+function RecordsLoadingState() {
+  return /* @__PURE__ */ jsxs30("div", { className: "mr-records-loading", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "mr-records-loading__toolbar", children: [
+      /* @__PURE__ */ jsx35(Skeleton, { variant: "circle", width: 36, height: 36 }),
+      /* @__PURE__ */ jsx35(Skeleton, { variant: "text", width: 220, height: 32 }),
+      /* @__PURE__ */ jsx35("div", { className: "mr-records-loading__toolbar-spacer" }),
+      /* @__PURE__ */ jsx35(Skeleton, { variant: "text", width: 72, height: 36 }),
+      /* @__PURE__ */ jsx35(Skeleton, { variant: "text", width: 92, height: 36 })
+    ] }),
+    /* @__PURE__ */ jsxs30("div", { className: "mr-records-loading__body", children: [
+      /* @__PURE__ */ jsxs30("div", { className: "mr-records-loading__sidebar", children: [
+        /* @__PURE__ */ jsx35(Skeleton, { variant: "text", width: 120, height: 20 }),
+        Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs30("div", { className: "mr-records-loading__sidebar-item", children: [
+          /* @__PURE__ */ jsx35(Skeleton, { variant: "card", width: 40, height: 40 }),
+          /* @__PURE__ */ jsxs30("div", { className: "mr-records-loading__sidebar-lines", children: [
+            /* @__PURE__ */ jsx35(Skeleton, { variant: "text", width: 90, height: 14 }),
+            /* @__PURE__ */ jsx35(Skeleton, { variant: "text", width: 130, height: 12 })
+          ] })
+        ] }, i))
+      ] }),
+      /* @__PURE__ */ jsxs30("div", { className: "mr-records-loading__grid", children: [
+        /* @__PURE__ */ jsx35(Skeleton, { variant: "text", width: 100, height: 16 }),
+        /* @__PURE__ */ jsx35("div", { className: "mr-records-loading__cards", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs30("div", { className: "mr-records-loading__card", children: [
+          /* @__PURE__ */ jsxs30("div", { className: "mr-records-loading__card-head", children: [
+            /* @__PURE__ */ jsx35(Skeleton, { variant: "text", width: 120, height: 16 }),
+            /* @__PURE__ */ jsx35(Skeleton, { variant: "text", width: 70, height: 12 })
+          ] }),
+          /* @__PURE__ */ jsx35(Skeleton, { variant: "card", height: 118 }),
+          /* @__PURE__ */ jsx35(Skeleton, { variant: "text", width: "60%", height: 16 })
+        ] }, i)) })
+      ] })
+    ] })
+  ] });
+}
+function ActiveFiltersBar({ filters, labelOf, onRemoveType, onRemoveTags, onRemoveDocDate, onRemoveUploadDate, onClearAll }) {
+  const fmt = (ms) => ms == null ? "" : new Date(ms).toLocaleDateString(void 0, { day: "2-digit", month: "2-digit", year: "numeric" });
+  const chips = [];
+  if (filters.type) chips.push({ key: "type", label: labelOf(filters.type), onRemove: onRemoveType });
+  if (filters.documentDateFrom != null || filters.documentDateTo != null) {
+    const from = fmt(filters.documentDateFrom);
+    const to = fmt(filters.documentDateTo);
+    const label = from && to ? `Date: ${from} to ${to}` : from ? `Date: from ${from}` : `Date: until ${to}`;
+    chips.push({ key: "docDate", label, onRemove: onRemoveDocDate });
+  }
+  if (filters.uploadDateFrom != null || filters.uploadDateTo != null) {
+    const from = fmt(filters.uploadDateFrom);
+    const to = fmt(filters.uploadDateTo);
+    const label = from && to ? `Upload: ${from} to ${to}` : from ? `Upload: from ${from}` : `Upload: until ${to}`;
+    chips.push({ key: "upDate", label, onRemove: onRemoveUploadDate });
+  }
+  filters.tags.forEach((tag) => chips.push({ key: `tag:${tag}`, label: `Tag: ${tag}`, onRemove: () => onRemoveTags(tag) }));
+  if (chips.length === 0) return null;
+  return /* @__PURE__ */ jsxs30("div", { className: "mr-active-filters", children: [
+    chips.map((chip) => /* @__PURE__ */ jsxs30("span", { className: "mr-active-filters__chip", children: [
+      /* @__PURE__ */ jsx35("span", { className: "mr-active-filters__chip-label", children: chip.label }),
+      /* @__PURE__ */ jsx35("button", { type: "button", className: "mr-active-filters__chip-x", "aria-label": `Remove ${chip.label}`, onClick: chip.onRemove, children: /* @__PURE__ */ jsx35("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx35("path", { d: "M9 3L3 9M3 3l6 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
+    ] }, chip.key)),
+    /* @__PURE__ */ jsx35("button", { type: "button", className: "mr-active-filters__clear", onClick: onClearAll, children: "Clear all filters" })
+  ] });
+}
+function RecordsErrorState({ onRetry }) {
+  return /* @__PURE__ */ jsxs30("div", { className: "mr-records-view__empty mr-records-view__empty--error", children: [
+    /* @__PURE__ */ jsx35("span", { className: "mr-records-view__empty-icon mr-records-view__empty-icon--error", children: /* @__PURE__ */ jsx35(TriangleAlert, { size: 24, "aria-hidden": true }) }),
+    /* @__PURE__ */ jsx35("p", { className: "mr-records-view__empty-title", children: "Couldn't load records" }),
+    /* @__PURE__ */ jsx35("p", { className: "mr-records-view__empty-desc", children: "Something went wrong while loading this patient's records." }),
+    /* @__PURE__ */ jsxs30(
+      "button",
+      {
+        type: "button",
+        className: "mr-records-view__retry",
+        onClick: () => void onRetry(),
+        children: [
+          /* @__PURE__ */ jsx35(RefreshCcw2, { size: 16, "aria-hidden": true }),
+          "Try again"
+        ]
+      }
+    )
+  ] });
+}
+export {
+  Badge,
+  CORE_SDK_AVAILABLE,
+  EmptyRecordsIcon,
+  FilterChip,
+  IconButton,
+  RecordCard,
+  RecordRow,
+  RecordsView,
+  SdkProvider,
+  SidebarItem,
+  Skeleton,
+  TagChip,
+  Thumbnail,
+  logoutMedicalRecords,
+  useCaseById2 as useCaseById,
+  useCaseIds2 as useCaseIds,
+  useCasesConnection,
+  useCasesStatus2 as useCasesStatus,
+  useFilteredRecordIds2 as useFilteredRecordIds,
+  useIsSelected2 as useIsSelected,
+  useLogout,
+  useRecordById2 as useRecordById,
+  useRecordIdRange2 as useRecordIdRange,
+  useRecordsConnection,
+  useRecordsCount2 as useRecordsCount,
+  useRecordsStatus2 as useRecordsStatus,
+  useSdk,
+  useThumbnailUrl2 as useThumbnailUrl,
+  useUploadConnection
+};
+//# sourceMappingURL=index.mjs.map