@argusoft/medplat-core 1.0.22 → 1.0.24

package/dist/FhirRawResourceList-ZZFd7gTX.js

@@ -0,0 +1,550 @@
+import { jsxs as r, jsx as e, Fragment as Ye } from "react/jsx-runtime";
+import { useState as l, useEffect as U, useCallback as j, useRef as Ue } from "react";
+import { useParams as Je, useNavigate as Ve } from "react-router";
+import { Drawer as qe, Box as g, Stack as h, Typography as c, IconButton as _, Divider as Oe, CircularProgress as J, Accordion as Ie, AccordionSummary as Pe, Chip as ke, AccordionDetails as Te, Tooltip as Y, Paper as Ze, Button as W, Menu as Ke, MenuItem as I, ListItemIcon as re, ListItemText as ne, TextField as Qe, InputAdornment as Xe, FormControl as te, InputLabel as se, Select as ie, LinearProgress as eo, TableHead as oo, TableRow as ae, TableCell as x, TableBody as ro, Skeleton as no, TablePagination as to } from "@mui/material";
+import so from "@mui/icons-material/ArrowBackRounded";
+import io from "@mui/icons-material/RefreshRounded";
+import ao from "@mui/icons-material/CloudDownloadRounded";
+import Fe from "@mui/icons-material/SettingsSuggestRounded";
+import $ from "@mui/icons-material/ReplayRounded";
+import lo from "@mui/icons-material/PlayArrowRounded";
+import co from "@mui/icons-material/BoltRounded";
+import ce from "@mui/icons-material/ExpandMoreRounded";
+import po from "@mui/icons-material/SearchRounded";
+import ho from "@mui/icons-material/FilterAltOffRounded";
+import Le from "moment";
+import { showToast as R } from "@/common/toaster/toaster";
+import { l as uo, S as F, M as de, m as mo, u as go, h as yo, n as fo, o as So, F as xo, a as wo, c as bo, G as vo, E as Co, C as Ro, k as Ee, j as Io, p as Po, q as Ae } from "./permissions-DEWACxJN.js";
+import m from "prop-types";
+import { useTheme as To, alpha as pe } from "@mui/material/styles";
+import Eo from "@mui/icons-material/CloseRounded";
+import Ao from "@mui/icons-material/CheckRounded";
+import Do from "@mui/icons-material/ErrorOutlineRounded";
+import Oo from "@mui/icons-material/ContentCopyRounded";
+import De from "@mui/icons-material/CloudSyncRounded";
+const V = (n) => n ? Le(n).format("DD MMM YYYY, HH:mm:ss") : "—";
+function B({ label: n, children: d }) {
+  return /* @__PURE__ */ r(g, { children: [
+    /* @__PURE__ */ e(c, { variant: "overline", color: "text.secondary", sx: { fontWeight: 700, lineHeight: 1 }, children: n }),
+    /* @__PURE__ */ e(g, { sx: { mt: 0.25 }, children: d })
+  ] });
+}
+function he({ ok: n, failed: d, icon: w, title: y, at: t, detail: b, isLast: C }) {
+  const v = To(), f = d ? v.palette.error.main : n ? v.palette.success.main : v.palette.grey[400], a = w ?? (d ? Do : Ao);
+  return /* @__PURE__ */ r(h, { direction: "row", spacing: 1.25, sx: { minHeight: C ? "auto" : 48 }, children: [
+    /* @__PURE__ */ r(h, { alignItems: "center", children: [
+      /* @__PURE__ */ e(g, { sx: {
+        width: 28,
+        height: 28,
+        borderRadius: "50%",
+        flexShrink: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        bgcolor: pe(f, 0.15),
+        border: `2px solid ${f}`,
+        color: f
+      }, children: /* @__PURE__ */ e(a, { sx: { fontSize: 15 } }) }),
+      !C && /* @__PURE__ */ e(g, { sx: { width: 2, flexGrow: 1, my: 0.5, bgcolor: pe(f, 0.35) } })
+    ] }),
+    /* @__PURE__ */ r(g, { sx: { pb: C ? 0 : 1.5, minWidth: 0 }, children: [
+      /* @__PURE__ */ e(c, { variant: "body2", sx: { fontWeight: 700 }, children: y }),
+      t && /* @__PURE__ */ e(c, { variant: "caption", sx: { color: f, fontWeight: 600 }, children: V(t) }),
+      b && /* @__PURE__ */ e(c, { variant: "caption", color: "text.secondary", display: "block", sx: { mt: 0.25, wordBreak: "break-word" }, children: b })
+    ] })
+  ] });
+}
+he.propTypes = {
+  ok: m.bool,
+  failed: m.bool,
+  icon: m.elementType,
+  title: m.node,
+  at: m.any,
+  detail: m.node,
+  isLast: m.bool
+};
+function ue({ message: n }) {
+  return /* @__PURE__ */ e(Ze, { variant: "outlined", sx: { mt: 1, p: 1, bgcolor: (d) => pe(d.palette.error.main, 0.05), borderColor: "error.light" }, children: /* @__PURE__ */ e(g, { sx: { maxHeight: 160, overflow: "auto", fontFamily: "monospace", fontSize: 10.5, whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: n }) });
+}
+ue.propTypes = { message: m.string };
+function Ne({ event: n, defaultExpanded: d }) {
+  var N;
+  const [w, y] = l(!!d), [t, b] = l(null), [C, v] = l(!1), f = j(async () => {
+    if (!t) {
+      v(!0);
+      try {
+        const s = await mo(n.id);
+        b((s == null ? void 0 : s.data) ?? null);
+      } catch {
+        R({ type: "error", message: "Failed to load sync detail." });
+      } finally {
+        v(!1);
+      }
+    }
+  }, [t, n.id]);
+  U(() => {
+    w && f();
+  }, [w, f]);
+  const a = n.downloadStatus === "FAILED";
+  let P = t == null ? void 0 : t.payloadJson;
+  try {
+    P = JSON.stringify(JSON.parse(t == null ? void 0 : t.payloadJson), null, 2);
+  } catch {
+  }
+  const L = () => {
+    var s;
+    (s = navigator.clipboard) == null || s.writeText(P ?? "").then(
+      () => R({ type: "success", message: "Payload copied." }),
+      () => R({ type: "error", message: "Copy failed." })
+    );
+  };
+  return /* @__PURE__ */ r(
+    Ie,
+    {
+      expanded: w,
+      onChange: (s, A) => y(A),
+      disableGutters: !0,
+      sx: { border: "1px solid", borderColor: "divider", borderRadius: 1.5, "&:before": { display: "none" }, mb: 1, overflow: "hidden" },
+      children: [
+        /* @__PURE__ */ e(Pe, { expandIcon: /* @__PURE__ */ e(ce, {}), children: /* @__PURE__ */ r(h, { direction: "row", spacing: 1, alignItems: "center", sx: { flexWrap: "wrap", rowGap: 0.5, pr: 1 }, children: [
+          /* @__PURE__ */ e(De, { fontSize: "small", color: a ? "error" : "action" }),
+          /* @__PURE__ */ e(c, { variant: "body2", sx: { fontWeight: 700 }, children: V(n.syncedAt) }),
+          /* @__PURE__ */ e(F, { value: n.downloadStatus, short: !0 }),
+          n.processingAttempts > 0 ? /* @__PURE__ */ e(F, { value: n.latestProcessingStatus, short: !0 }) : /* @__PURE__ */ e(ke, { size: "small", variant: "outlined", label: "Not processed", sx: { height: 20 } }),
+          n.versionId && /* @__PURE__ */ r(c, { variant: "caption", color: "text.secondary", children: [
+            "v",
+            n.versionId
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e(Te, { sx: { pt: 0 }, children: C ? /* @__PURE__ */ e(h, { alignItems: "center", sx: { py: 2 }, children: /* @__PURE__ */ e(J, { size: 20 }) }) : /* @__PURE__ */ r(Ye, { children: [
+          /* @__PURE__ */ r(g, { sx: { mb: 1.5 }, children: [
+            /* @__PURE__ */ e(
+              he,
+              {
+                ok: !a,
+                failed: a,
+                icon: De,
+                title: a ? "Sync failed" : "Synced",
+                at: n.syncedAt,
+                detail: a ? n.errorMessage : "Content received",
+                isLast: !((N = t == null ? void 0 : t.processingEvents) != null && N.length)
+              }
+            ),
+            ((t == null ? void 0 : t.processingEvents) ?? []).map((s, A, T) => /* @__PURE__ */ e(
+              he,
+              {
+                ok: s.processingStatus === "PROCESSED",
+                failed: s.processingStatus === "FAILED",
+                icon: Fe,
+                title: s.processingStatus === "PROCESSED" ? `Processed${s.recordsProcessed != null ? ` — ${s.recordsProcessed} record(s)` : ""}` : "Processing failed",
+                at: s.processedAt,
+                detail: s.processingStatus === "FAILED" ? /* @__PURE__ */ e(ue, { message: s.errorMessage }) : null,
+                isLast: A === T.length - 1
+              },
+              s.id
+            ))
+          ] }),
+          a && n.errorMessage && /* @__PURE__ */ e(ue, { message: n.errorMessage }),
+          (t == null ? void 0 : t.payloadJson) && /* @__PURE__ */ r(Ie, { disableGutters: !0, sx: { boxShadow: "none", border: "1px solid", borderColor: "divider", borderRadius: 1.5, "&:before": { display: "none" }, mt: 1 }, children: [
+            /* @__PURE__ */ r(Pe, { expandIcon: /* @__PURE__ */ e(ce, {}), children: [
+              /* @__PURE__ */ e(h, { direction: "row", spacing: 1, alignItems: "center", sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(c, { variant: "caption", sx: { fontWeight: 700 }, children: "Payload (JSON)" }) }),
+              /* @__PURE__ */ e(Y, { title: "Copy", children: /* @__PURE__ */ e(_, { size: "small", component: "span", onClick: (s) => {
+                s.stopPropagation(), L();
+              }, children: /* @__PURE__ */ e(Oo, { fontSize: "inherit" }) }) })
+            ] }),
+            /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(g, { sx: { maxHeight: 320, overflow: "auto", bgcolor: "#f8fafc", p: 1.5, borderRadius: 1, fontFamily: "monospace", fontSize: 11, whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: P ?? "—" }) })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+Ne.propTypes = { event: m.object.isRequired, defaultExpanded: m.bool };
+function ze({ open: n, summary: d, onClose: w, actionSlot: y }) {
+  const t = d ?? {}, [b, C] = l([]), [v, f] = l(!1);
+  return U(() => {
+    !n || !(d != null && d.id) || (C([]), f(!0), uo(d.id).then((a) => C((a == null ? void 0 : a.data) ?? [])).catch(() => R({ type: "error", message: "Failed to load sync history." })).finally(() => f(!1)));
+  }, [n, d]), /* @__PURE__ */ r(
+    qe,
+    {
+      anchor: "right",
+      open: n,
+      onClose: w,
+      PaperProps: { sx: { width: { xs: "100%", sm: 560 }, maxWidth: "100%" } },
+      children: [
+        /* @__PURE__ */ r(g, { sx: { px: 2.5, py: 2, borderBottom: "1px solid", borderColor: "divider" }, children: [
+          /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", alignItems: "flex-start", spacing: 1, children: [
+            /* @__PURE__ */ r(g, { sx: { minWidth: 0 }, children: [
+              /* @__PURE__ */ r(c, { variant: "overline", color: "text.secondary", sx: { fontWeight: 700 }, children: [
+                t.resourceType,
+                " · #",
+                t.id
+              ] }),
+              /* @__PURE__ */ e(c, { variant: "h6", sx: { fontWeight: 800, lineHeight: 1.2, wordBreak: "break-word" }, children: t.title ?? /* @__PURE__ */ e("em", { style: { color: "#94a3b8" }, children: "(untitled)" }) })
+            ] }),
+            /* @__PURE__ */ e(_, { onClick: w, size: "small", children: /* @__PURE__ */ e(Eo, {}) })
+          ] }),
+          /* @__PURE__ */ r(h, { direction: "row", spacing: 1, sx: { mt: 1 }, flexWrap: "wrap", useFlexGap: !0, children: [
+            /* @__PURE__ */ e(F, { value: t.downloadStatus }),
+            /* @__PURE__ */ e(F, { value: t.processingStatus })
+          ] })
+        ] }),
+        /* @__PURE__ */ r(g, { sx: { p: 2.5, overflowY: "auto", flexGrow: 1 }, children: [
+          /* @__PURE__ */ r(h, { spacing: 2, sx: { mb: 2.5 }, children: [
+            /* @__PURE__ */ e(B, { label: "Resource Id", children: /* @__PURE__ */ e(de, { muted: !0, children: t.resourceId ?? "—" }) }),
+            /* @__PURE__ */ e(B, { label: "Canonical URL", children: /* @__PURE__ */ e(de, { muted: !0, children: t.canonicalUrl ?? "—" }) }),
+            /* @__PURE__ */ r(h, { direction: "row", spacing: 4, children: [
+              /* @__PURE__ */ e(B, { label: "First Synced", children: /* @__PURE__ */ e(c, { variant: "body2", children: V(t.firstSyncedAt) }) }),
+              /* @__PURE__ */ e(B, { label: "Last Synced", children: /* @__PURE__ */ e(c, { variant: "body2", children: V(t.syncedAt) }) })
+            ] }),
+            /* @__PURE__ */ e(B, { label: "Server", children: /* @__PURE__ */ e(c, { variant: "body2", children: t.serverName ?? "—" }) })
+          ] }),
+          /* @__PURE__ */ e(Oe, { sx: { mb: 2 } }),
+          /* @__PURE__ */ r(c, { variant: "subtitle2", sx: { fontWeight: 800, mb: 1.5 }, children: [
+            "Sync History ",
+            b.length ? `(${b.length})` : ""
+          ] }),
+          v ? /* @__PURE__ */ e(h, { alignItems: "center", sx: { py: 3 }, children: /* @__PURE__ */ e(J, { size: 22 }) }) : b.length === 0 ? /* @__PURE__ */ e(c, { variant: "body2", color: "text.secondary", children: "No sync history yet." }) : b.map((a, P) => /* @__PURE__ */ e(Ne, { event: a, defaultExpanded: P === 0 }, a.id))
+        ] }),
+        y && /* @__PURE__ */ e(g, { sx: { p: 2, borderTop: "1px solid", borderColor: "divider" }, children: /* @__PURE__ */ e(h, { direction: "row", spacing: 1, justifyContent: "flex-end", children: y(t) }) })
+      ]
+    }
+  );
+}
+ze.propTypes = {
+  open: m.bool,
+  summary: m.object,
+  onClose: m.func.isRequired,
+  actionSlot: m.func
+};
+const ko = ["DISCOVERED", "CONTENT_DOWNLOADED", "FAILED"], Fo = ["NOT_STARTED", "PROCESSING", "PROCESSED", "FAILED"], le = 10, Lo = {
+  DISCOVERED: "Discovered",
+  CONTENT_DOWNLOADED: "Content synced",
+  FAILED: "Sync failed"
+}, No = {
+  NOT_STARTED: "Not processed",
+  PROCESSING: "Processing",
+  PROCESSED: "Processed",
+  FAILED: "Failed"
+};
+function ir() {
+  const { serverId: n } = Je(), d = Ve(), { canManage: w } = go(), [y, t] = l(null), [b, C] = l([]), [v, f] = l(0), [a, P] = l(0), [L, N] = l(!1), [s, A] = l(""), [T, me] = l(""), [D, ge] = l(""), [O, ye] = l(""), [We, Be] = l([]), [M, fe] = l(null), [q, Se] = l(null), [xe, Z] = l(null), [_e, z] = l(null), [we, be] = l(null), G = Ue(null), K = j(async () => {
+    try {
+      const [o, i] = await Promise.all([
+        yo(n),
+        fo(n)
+      ]);
+      t(o == null ? void 0 : o.data), Be((i == null ? void 0 : i.data) ?? []);
+    } catch {
+      R({ type: "error", message: "Failed to load server." });
+    }
+  }, [n]), k = j(async (o = 0, i = {}) => {
+    N(!0);
+    try {
+      const p = await So(n, { page: o, size: le, ...i }), u = (p == null ? void 0 : p.data) ?? {};
+      C(u.content ?? []), f(u.totalElements ?? 0);
+    } catch {
+      R({ type: "error", message: "Failed to load staged resources." });
+    } finally {
+      N(!1);
+    }
+  }, [n]), H = j(() => ({
+    search: s,
+    resourceType: T,
+    downloadStatus: D,
+    processingStatus: O
+  }), [s, T, D, O]);
+  U(() => {
+    K();
+  }, [K]), U(() => (G.current && clearTimeout(G.current), G.current = setTimeout(() => {
+    P(0), k(0, { search: s, resourceType: T, downloadStatus: D, processingStatus: O });
+  }, 300), () => clearTimeout(G.current)), [s, T, D, O, k]);
+  const Me = (o, i) => {
+    P(i), k(i, H());
+  }, Ge = () => {
+    A(""), me(""), ge(""), ye("");
+  }, Q = s || T || D || O, X = async (o, i, p) => {
+    var u, S;
+    fe(o);
+    try {
+      await i(), R({ type: "success", message: p }), await Promise.all([K(), k(a, H())]);
+    } catch (E) {
+      R({ type: "error", message: ((S = (u = E == null ? void 0 : E.response) == null ? void 0 : u.data) == null ? void 0 : S.message) ?? "Operation failed." });
+    } finally {
+      fe(null);
+    }
+  }, ee = async (o, i, p) => {
+    var u, S;
+    Se({ id: o });
+    try {
+      await i(), R({ type: "success", message: p }), await k(a, H());
+    } catch (E) {
+      R({ type: "error", message: ((S = (u = E == null ? void 0 : E.response) == null ? void 0 : u.data) == null ? void 0 : S.message) ?? "Operation failed." });
+    } finally {
+      Se(null);
+    }
+  }, He = () => z({
+    title: "Process Pending",
+    description: "Process all synced-but-not-processed rows into the system, using stored payloads (no re-sync). Continue?",
+    onConfirm: () => X("Processing…", () => Po(n), "Processing complete.")
+  }), $e = () => z({
+    title: "Reprocess Failed",
+    description: "Re-run processing for all rows whose processing previously failed, using stored payloads. Continue?",
+    onConfirm: () => X("Reprocessing…", () => Ae(n, "FAILED"), "Failed rows reprocessed.")
+  }), je = () => z({
+    title: "Reprocess All",
+    description: "Re-run processing for every synced row on this server, using stored payloads. Continue?",
+    onConfirm: () => X("Reprocessing…", () => Ae(n, "ALL"), "All rows reprocessed.")
+  }), ve = (o) => z({
+    title: "Sync Complete Resource",
+    description: `Sync the full content for "${o.title ?? o.resourceType}". For a ValueSet this uses $expand when supported, otherwise a direct read. Continue?`,
+    onConfirm: () => ee(o.id, () => Io(n, o.resourceType, o.resourceId), "Content synced.")
+  }), oe = (o) => () => {
+    Z(null), o();
+  }, Ce = (o) => o ? Le(o).format("DD MMM YYYY HH:mm") : "—", Re = (o, { small: i = !0 } = {}) => {
+    if (!w) return null;
+    const p = (q == null ? void 0 : q.id) === o.id, u = /* @__PURE__ */ e(J, { size: 16, color: "inherit" });
+    return o.downloadStatus === "DISCOVERED" ? /* @__PURE__ */ e(
+      W,
+      {
+        size: i ? "small" : "medium",
+        variant: "contained",
+        color: "info",
+        startIcon: p ? u : /* @__PURE__ */ e(ao, {}),
+        disabled: p,
+        onClick: (S) => {
+          S.stopPropagation(), ve(o);
+        },
+        children: "Sync Content"
+      }
+    ) : o.downloadStatus === "FAILED" ? /* @__PURE__ */ e(
+      W,
+      {
+        size: i ? "small" : "medium",
+        variant: "contained",
+        color: "warning",
+        startIcon: p ? u : /* @__PURE__ */ e($, {}),
+        disabled: p,
+        onClick: (S) => {
+          S.stopPropagation(), ve(o);
+        },
+        children: "Retry Sync"
+      }
+    ) : o.downloadStatus === "CONTENT_DOWNLOADED" && o.processingStatus === "NOT_STARTED" ? /* @__PURE__ */ e(
+      W,
+      {
+        size: i ? "small" : "medium",
+        variant: "contained",
+        startIcon: p ? u : /* @__PURE__ */ e(lo, {}),
+        disabled: p,
+        onClick: (S) => {
+          S.stopPropagation(), ee(o.id, () => Ee(o.id), `Row #${o.id} processed.`);
+        },
+        children: "Process Now"
+      }
+    ) : o.downloadStatus === "CONTENT_DOWNLOADED" && (o.processingStatus === "PROCESSED" || o.processingStatus === "FAILED") ? /* @__PURE__ */ e(
+      W,
+      {
+        size: i ? "small" : "medium",
+        variant: "outlined",
+        color: "secondary",
+        startIcon: p ? u : /* @__PURE__ */ e($, {}),
+        disabled: p,
+        onClick: (S) => {
+          S.stopPropagation(), ee(o.id, () => Ee(o.id), `Row #${o.id} reprocessed.`);
+        },
+        children: "Reprocess"
+      }
+    ) : null;
+  };
+  return /* @__PURE__ */ e(xo, { children: /* @__PURE__ */ r(g, { sx: { p: { xs: 2, md: 3 } }, children: [
+    /* @__PURE__ */ e(
+      wo,
+      {
+        title: /* @__PURE__ */ r(h, { direction: "row", alignItems: "center", spacing: 1, children: [
+          /* @__PURE__ */ e(Y, { title: "Back to server", children: /* @__PURE__ */ e(_, { size: "small", onClick: () => d(`/ui/medplat/admin/fhirResource/${n}`), children: /* @__PURE__ */ e(so, { fontSize: "small" }) }) }),
+          /* @__PURE__ */ r("span", { children: [
+            "Staging Inbox",
+            y ? ` — ${y.name}` : ""
+          ] })
+        ] }),
+        subtitle: "Every synced resource lands here. Sync and processing are tracked independently — click any row to see its full lifecycle.",
+        chips: y ? [y.fhirVersion ? `FHIR ${y.fhirVersion}` : "FHIR", y.baseUrl] : [],
+        actions: /* @__PURE__ */ r(h, { direction: "row", spacing: 1, alignItems: "center", children: [
+          w && /* @__PURE__ */ e(
+            W,
+            {
+              variant: "contained",
+              sx: { minWidth: 132 },
+              endIcon: /* @__PURE__ */ e(ce, {}),
+              startIcon: M ? /* @__PURE__ */ e(J, { size: 16, color: "inherit" }) : /* @__PURE__ */ e(co, {}),
+              disabled: !!M,
+              onClick: (o) => Z(o.currentTarget),
+              children: M ? "Working…" : "Actions"
+            }
+          ),
+          /* @__PURE__ */ e(Y, { title: "Reload", children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(_, { onClick: () => k(a, H()), disabled: L, children: /* @__PURE__ */ e(io, {}) }) }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ r(
+      Ke,
+      {
+        anchorEl: xe,
+        open: !!xe,
+        onClose: () => Z(null),
+        transformOrigin: { horizontal: "right", vertical: "top" },
+        anchorOrigin: { horizontal: "right", vertical: "bottom" },
+        MenuListProps: { sx: { py: 0.5 } },
+        PaperProps: { sx: { width: 360, maxWidth: "calc(100vw - 32px)", mt: 0.5 } },
+        children: [
+          /* @__PURE__ */ r(I, { onClick: oe(He), sx: { alignItems: "flex-start", py: 1 }, children: [
+            /* @__PURE__ */ e(re, { sx: { mt: 0.5 }, children: /* @__PURE__ */ e(Fe, { fontSize: "small", color: "primary" }) }),
+            /* @__PURE__ */ e(
+              ne,
+              {
+                primary: "Process Pending",
+                secondary: "Project synced-but-unprocessed rows into the system",
+                secondaryTypographyProps: { sx: { whiteSpace: "normal" } }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(Oe, {}),
+          /* @__PURE__ */ r(I, { onClick: oe($e), sx: { alignItems: "flex-start", py: 1 }, children: [
+            /* @__PURE__ */ e(re, { sx: { mt: 0.5 }, children: /* @__PURE__ */ e($, { fontSize: "small", color: "warning" }) }),
+            /* @__PURE__ */ e(
+              ne,
+              {
+                primary: "Reprocess Failed",
+                secondary: "Retry rows that failed processing",
+                secondaryTypographyProps: { sx: { whiteSpace: "normal" } }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(I, { onClick: oe(je), sx: { alignItems: "flex-start", py: 1 }, children: [
+            /* @__PURE__ */ e(re, { sx: { mt: 0.5 }, children: /* @__PURE__ */ e($, { fontSize: "small" }) }),
+            /* @__PURE__ */ e(
+              ne,
+              {
+                primary: "Reprocess All",
+                secondary: "Re-run processing for every synced row",
+                secondaryTypographyProps: { sx: { whiteSpace: "normal" } }
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      bo,
+      {
+        title: "Staged Resources",
+        subtitle: L ? "Loading…" : `${v} ${v === 1 ? "resource" : "resources"}`,
+        children: [
+          /* @__PURE__ */ r(h, { direction: "row", spacing: 1.25, alignItems: "center", flexWrap: "wrap", useFlexGap: !0, sx: { mb: 1.5 }, children: [
+            /* @__PURE__ */ e(
+              Qe,
+              {
+                size: "small",
+                placeholder: "Search name or id…",
+                value: s,
+                onChange: (o) => A(o.target.value),
+                InputProps: { startAdornment: /* @__PURE__ */ e(Xe, { position: "start", children: /* @__PURE__ */ e(po, { fontSize: "small" }) }) },
+                sx: { minWidth: 220, flexGrow: 1, maxWidth: 320 }
+              }
+            ),
+            /* @__PURE__ */ r(te, { size: "small", sx: { minWidth: 150 }, children: [
+              /* @__PURE__ */ e(se, { children: "Resource Type" }),
+              /* @__PURE__ */ r(ie, { label: "Resource Type", value: T, onChange: (o) => me(o.target.value), children: [
+                /* @__PURE__ */ e(I, { value: "", children: "All types" }),
+                We.map((o) => /* @__PURE__ */ e(I, { value: o, children: o }, o))
+              ] })
+            ] }),
+            /* @__PURE__ */ r(te, { size: "small", sx: { minWidth: 160 }, children: [
+              /* @__PURE__ */ e(se, { children: "Sync Status" }),
+              /* @__PURE__ */ r(ie, { label: "Sync Status", value: D, onChange: (o) => ge(o.target.value), children: [
+                /* @__PURE__ */ e(I, { value: "", children: "All" }),
+                ko.map((o) => /* @__PURE__ */ e(I, { value: o, children: Lo[o] }, o))
+              ] })
+            ] }),
+            /* @__PURE__ */ r(te, { size: "small", sx: { minWidth: 160 }, children: [
+              /* @__PURE__ */ e(se, { children: "Processing" }),
+              /* @__PURE__ */ r(ie, { label: "Processing", value: O, onChange: (o) => ye(o.target.value), children: [
+                /* @__PURE__ */ e(I, { value: "", children: "All" }),
+                Fo.map((o) => /* @__PURE__ */ e(I, { value: o, children: No[o] }, o))
+              ] })
+            ] }),
+            Q && /* @__PURE__ */ e(Y, { title: "Clear filters", children: /* @__PURE__ */ e(_, { size: "small", onClick: Ge, children: /* @__PURE__ */ e(ho, {}) }) })
+          ] }),
+          /* @__PURE__ */ e(g, { sx: { height: 3, mb: 0.5 }, children: M && /* @__PURE__ */ e(eo, {}) }),
+          /* @__PURE__ */ r(vo, { children: [
+            /* @__PURE__ */ e(oo, { children: /* @__PURE__ */ r(ae, { children: [
+              /* @__PURE__ */ e(x, { children: "Ref" }),
+              /* @__PURE__ */ e(x, { children: "Type" }),
+              /* @__PURE__ */ e(x, { children: "Name" }),
+              /* @__PURE__ */ e(x, { children: "Sync Status" }),
+              /* @__PURE__ */ e(x, { children: "Processing Status" }),
+              /* @__PURE__ */ e(x, { align: "right", children: "Action" })
+            ] }) }),
+            /* @__PURE__ */ e(ro, { children: L ? Array.from({ length: 6 }).map((o, i) => /* @__PURE__ */ e(ae, { children: Array.from({ length: 6 }).map((p, u) => /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(no, { height: 22 }) }, u)) }, i)) : b.length === 0 ? /* @__PURE__ */ e(
+              Co,
+              {
+                colSpan: 6,
+                title: Q ? "No matching resources" : "Nothing staged yet",
+                hint: Q ? "Try adjusting or clearing the filters." : "Use Sync on this server to bring resources into the staging inbox."
+              }
+            ) : b.map((o) => /* @__PURE__ */ r(ae, { hover: !0, sx: { cursor: "pointer" }, onClick: () => be(o), children: [
+              /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(
+                ke,
+                {
+                  label: `#${o.id}`,
+                  size: "small",
+                  sx: { fontFamily: "monospace", fontWeight: 700, height: 22, borderRadius: 1 }
+                }
+              ) }),
+              /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(c, { variant: "body2", sx: { fontWeight: 600 }, children: o.resourceType }) }),
+              /* @__PURE__ */ r(x, { sx: { maxWidth: 260 }, children: [
+                /* @__PURE__ */ e(c, { variant: "body2", sx: { fontWeight: 700, wordBreak: "break-word" }, children: o.title ?? /* @__PURE__ */ e("em", { style: { color: "#94a3b8" }, children: "(untitled)" }) }),
+                /* @__PURE__ */ e(de, { muted: !0, children: o.resourceId ?? "—" })
+              ] }),
+              /* @__PURE__ */ e(x, { children: /* @__PURE__ */ r(h, { spacing: 0.5, alignItems: "flex-start", children: [
+                /* @__PURE__ */ e(F, { value: o.downloadStatus }),
+                /* @__PURE__ */ e(c, { variant: "caption", color: "text.secondary", children: Ce(o.syncedAt) })
+              ] }) }),
+              /* @__PURE__ */ e(x, { children: /* @__PURE__ */ r(h, { spacing: 0.5, alignItems: "flex-start", children: [
+                /* @__PURE__ */ e(F, { value: o.processingStatus }),
+                /* @__PURE__ */ e(c, { variant: "caption", color: "text.secondary", children: o.processedAt ? Ce(o.processedAt) : "—" })
+              ] }) }),
+              /* @__PURE__ */ e(x, { align: "right", onClick: (i) => i.stopPropagation(), children: Re(o) })
+            ] }, o.id)) })
+          ] }),
+          /* @__PURE__ */ e(
+            to,
+            {
+              component: "div",
+              count: v,
+              page: a,
+              onPageChange: Me,
+              rowsPerPage: le,
+              rowsPerPageOptions: [le]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      ze,
+      {
+        open: !!we,
+        summary: we,
+        onClose: () => be(null),
+        actionSlot: w ? ((o) => Re(o, { small: !1 })) : void 0
+      }
+    ),
+    /* @__PURE__ */ e(Ro, { confirm: _e, onClose: () => z(null) })
+  ] }) });
+}
+export {
+  ir as default
+};
+//# sourceMappingURL=FhirRawResourceList-ZZFd7gTX.js.map