@open-mercato/core 0.8.1-develop.7296.1.2111d779db → 0.8.1-develop.7441.1.b42958b98c

package/dist/modules/forms/backend/forms/[id]/submissions/components/SubmissionDrawer.js

@@ -0,0 +1,473 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ArrowRight, Lock, Trash2 } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { FormField } from "@open-mercato/ui/primitives/form-field";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { InjectionSpot } from "@open-mercato/ui/backend/injection/InjectionSpot";
+import { extensionPoints } from "@open-mercato/core/modules/forms/extension-points";
+import { colorForSavedByRole } from "./RowBadges.js";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import {
+  Drawer,
+  DrawerBody,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle
+} from "@open-mercato/ui/primitives/drawer";
+const FORMS_DRAWER_REFRESH_EVENT = "forms:submission-drawer:refresh";
+const SUBMISSION_DRAWER_HEADER_ACTIONS_SPOT = extensionPoints.hosts.submissionDrawerHeaderActions.spotId;
+const SUBMISSION_DRAWER_ACCESS_AUDIT_SPOT = extensionPoints.hosts.submissionDrawerAccessAudit.spotId;
+const SUBMISSION_DRAWER_FOOTER_SPOT = extensionPoints.hosts.submissionDrawerFooter.spotId;
+const SUBMISSION_DRAWER_ANONYMIZE_ACTION_SPOT = extensionPoints.hosts.submissionDrawerAnonymizeAction.spotId;
+function SubmissionDrawer({
+  formId,
+  submissionId,
+  formVersionRoles,
+  onClose,
+  onMutated
+}) {
+  const t = useT();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const { runMutation, retryLastMutation } = useGuardedMutation({ contextId: "forms.submission.drawer" });
+  const [detail, setDetail] = React.useState(null);
+  const [revisions, setRevisions] = React.useState([]);
+  const [activeRevisionId, setActiveRevisionId] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [actorOpen, setActorOpen] = React.useState(false);
+  const triggerRef = React.useRef(null);
+  const reload = React.useCallback(async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const [detailResp, revisionsResp] = await Promise.all([
+        apiCall(`/api/forms/submissions/${encodeURIComponent(submissionId)}`),
+        apiCall(
+          `/api/forms/submissions/${encodeURIComponent(submissionId)}/revisions`
+        )
+      ]);
+      if (!detailResp.ok || !detailResp.result) {
+        throw new Error(t("forms.errors.submission_not_found"));
+      }
+      if (!revisionsResp.ok || !revisionsResp.result) {
+        throw new Error(t("forms.errors.internal"));
+      }
+      setDetail(detailResp.result);
+      setRevisions(revisionsResp.result.items);
+      setActiveRevisionId(detailResp.result.revision.id);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : t("forms.errors.internal"));
+    } finally {
+      setIsLoading(false);
+    }
+  }, [submissionId, t]);
+  React.useEffect(() => {
+    void reload();
+  }, [reload]);
+  React.useEffect(() => {
+    function handleRefresh() {
+      onMutated?.();
+      void reload();
+    }
+    window.addEventListener(FORMS_DRAWER_REFRESH_EVENT, handleRefresh);
+    return () => window.removeEventListener(FORMS_DRAWER_REFRESH_EVENT, handleRefresh);
+  }, [onMutated, reload]);
+  const handleReopen = React.useCallback(async () => {
+    if (!detail) return;
+    const ok = await confirm({
+      title: t("forms.drawer.reopen.confirm", { fallback: "Reopen this submission?" }),
+      description: t("forms.drawer.reopen.body", {
+        fallback: "Reopening allows further edits and creates a new revision when changes are saved."
+      })
+    });
+    if (!ok) return;
+    const resp = await runMutation({
+      operation: () => apiCall(
+        `/api/forms/submissions/${encodeURIComponent(detail.submission.id)}/reopen`,
+        { method: "POST" }
+      ),
+      context: { submissionId: detail.submission.id },
+      mutationPayload: { submissionId: detail.submission.id }
+    });
+    if (!resp.ok) {
+      flash(t("forms.drawer.reopen.failed"), "error");
+      return;
+    }
+    flash(t("forms.drawer.reopen.success"), "success");
+    onMutated?.();
+    void reload();
+  }, [confirm, detail, onMutated, reload, runMutation, t]);
+  const handleRevokeActor = React.useCallback(
+    async (actor) => {
+      if (!detail) return;
+      const ok = await confirm({
+        title: t("forms.actor.revoke.confirm", { fallback: "Revoke this actor?" }),
+        variant: "destructive"
+      });
+      if (!ok) return;
+      const resp = await runMutation({
+        operation: () => apiCall(
+          `/api/forms/submissions/${encodeURIComponent(detail.submission.id)}/actors/${encodeURIComponent(actor.id)}`,
+          { method: "DELETE" }
+        ),
+        context: { submissionId: detail.submission.id, actorId: actor.id },
+        mutationPayload: { submissionId: detail.submission.id, actorId: actor.id }
+      });
+      if (!resp.ok) {
+        flash(t("forms.actor.revoke.failed"), "error");
+        return;
+      }
+      flash(t("forms.actor.revoke.success"), "success");
+      onMutated?.();
+      void reload();
+    },
+    [confirm, detail, onMutated, reload, runMutation, t]
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs(DrawerShell, { onClose, title: t("forms.drawer.loading", { fallback: "Loading\u2026" }), children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(Spinner, { className: "h-5 w-5" }) }),
+      ConfirmDialogElement
+    ] });
+  }
+  if (error || !detail) {
+    return /* @__PURE__ */ jsxs(DrawerShell, { onClose, title: t("forms.drawer.error", { fallback: "Error" }), children: [
+      /* @__PURE__ */ jsx(Alert, { status: "error", style: "light", children: /* @__PURE__ */ jsx(AlertDescription, { children: error ?? t("forms.drawer.not_available") }) }),
+      ConfirmDialogElement
+    ] });
+  }
+  const isAnonymized = !!detail.submission.anonymizedAt;
+  const canReopen = detail.submission.status === "submitted" && !isAnonymized;
+  const activeRevision = revisions.find((rev) => rev.id === activeRevisionId) ?? detail.revision;
+  const isViewingLatest = activeRevisionId === detail.revision.id;
+  const injectionContext = {
+    submissionId: detail.submission.id,
+    formId,
+    status: detail.submission.status,
+    isAnonymized,
+    retryLastMutation
+  };
+  return /* @__PURE__ */ jsxs(
+    DrawerShell,
+    {
+      ref: triggerRef,
+      onClose,
+      title: `${t("forms.drawer.title", { fallback: "Submission" })} \u2014 v${detail.submission.formVersionNumber}`,
+      headerExtras: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Tag, { variant: isAnonymized ? "error" : "success", dot: true, children: detail.submission.status }),
+        canReopen ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: handleReopen, children: t("forms.drawer.actions.reopen", { fallback: "Reopen" }) }) : null,
+        /* @__PURE__ */ jsx(
+          InjectionSpot,
+          {
+            spotId: SUBMISSION_DRAWER_HEADER_ACTIONS_SPOT,
+            context: injectionContext
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          InjectionSpot,
+          {
+            spotId: SUBMISSION_DRAWER_ANONYMIZE_ACTION_SPOT,
+            context: injectionContext
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-[200px_1fr_240px]", children: [
+          /* @__PURE__ */ jsx(
+            RevisionTimeline,
+            {
+              revisions,
+              activeRevisionId: activeRevisionId ?? null,
+              onSelect: setActiveRevisionId
+            }
+          ),
+          /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-3", children: [
+            !isViewingLatest ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-md border border-border bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { children: t("forms.drawer.replay_footer", {
+                fallback: "Viewing as of rev {n}",
+                n: String(activeRevision.revisionNumber)
+              }) }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "link",
+                  size: "sm",
+                  onClick: () => setActiveRevisionId(detail.revision.id),
+                  children: t("forms.drawer.jump_to_latest", { fallback: "Jump to latest" })
+                }
+              )
+            ] }) : null,
+            activeRevision.anonymizedAt ? /* @__PURE__ */ jsx(Alert, { status: "information", style: "light", children: /* @__PURE__ */ jsx(AlertDescription, { children: t("forms.drawer.anonymized_revision", {
+              fallback: "This revision has been anonymized \u2014 content unavailable."
+            }) }) }) : /* @__PURE__ */ jsx(DataReadOnly, { data: detail.decoded_data }),
+            /* @__PURE__ */ jsx(
+              InjectionSpot,
+              {
+                spotId: SUBMISSION_DRAWER_ACCESS_AUDIT_SPOT,
+                context: injectionContext
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            ActorPanel,
+            {
+              actors: detail.actors.filter((actor) => !actor.revokedAt),
+              formVersionRoles,
+              submissionId: detail.submission.id,
+              onAssigned: () => {
+                setActorOpen(false);
+                onMutated?.();
+                void reload();
+              },
+              onRevoke: handleRevokeActor,
+              isOpen: actorOpen,
+              onOpen: () => setActorOpen(true),
+              onClose: () => setActorOpen(false)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("footer", { className: "mt-4 border-t border-border pt-3 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("p", { children: t("forms.drawer.audit_note", {
+            fallback: "This view is being written to the access audit log \u2014 purpose: view."
+          }) }),
+          /* @__PURE__ */ jsx(
+            InjectionSpot,
+            {
+              spotId: SUBMISSION_DRAWER_FOOTER_SPOT,
+              context: injectionContext
+            }
+          )
+        ] }),
+        ConfirmDialogElement
+      ]
+    }
+  );
+}
+const DrawerShell = React.forwardRef(function DrawerShell2({ onClose, title, headerExtras, children }, ref) {
+  const t = useT();
+  return /* @__PURE__ */ jsx(Drawer, { open: true, onOpenChange: (open) => {
+    if (!open) onClose();
+  }, children: /* @__PURE__ */ jsxs(
+    DrawerContent,
+    {
+      ref,
+      className: "max-w-3xl",
+      closeAriaLabel: t("forms.drawer.actions.close"),
+      children: [
+        /* @__PURE__ */ jsxs(DrawerHeader, { className: "items-center", children: [
+          /* @__PURE__ */ jsx(DrawerTitle, { children: title }),
+          headerExtras ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: headerExtras }) : null
+        ] }),
+        /* @__PURE__ */ jsx(DrawerBody, { children })
+      ]
+    }
+  ) });
+});
+function RevisionTimeline({
+  revisions,
+  activeRevisionId,
+  onSelect
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      "aria-label": t("forms.drawer.timeline.title", { fallback: "Revisions" }),
+      className: "flex flex-col gap-2",
+      children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t("forms.drawer.timeline.title", { fallback: "Revisions" }) }),
+        /* @__PURE__ */ jsx("ol", { className: "flex flex-col gap-1", children: revisions.map((rev) => {
+          const tone = colorForSavedByRole(rev.savedByRole);
+          const active = rev.id === activeRevisionId;
+          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => onSelect(rev.id),
+              className: `h-auto w-full justify-start gap-2 px-2 py-1.5 text-left text-xs ${active ? "border-primary bg-primary/10" : "border-border hover:bg-muted"}`,
+              "aria-current": active ? "true" : void 0,
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: `h-2 w-2 rounded-full ${tone === "primary" ? "bg-primary" : tone === "success" ? "bg-status-success-solid" : tone === "info" ? "bg-status-info-solid" : tone === "warning" ? "bg-status-warning-solid" : "bg-muted-foreground"}`
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { className: "font-mono", children: [
+                  "#",
+                  rev.revisionNumber
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: rev.savedByRole ?? "system" }),
+                rev.anonymizedAt ? /* @__PURE__ */ jsx(Lock, { className: "ml-auto h-3 w-3 text-muted-foreground", "aria-hidden": "true" }) : null
+              ]
+            }
+          ) }, rev.id);
+        }) })
+      ]
+    }
+  );
+}
+function DataReadOnly({ data }) {
+  const entries = Object.entries(data);
+  const t = useT();
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "rounded-md border border-dashed border-border p-3 text-sm text-muted-foreground", children: t("forms.drawer.body.empty", { fallback: "No answers recorded yet." }) });
+  }
+  return /* @__PURE__ */ jsx("dl", { className: "grid grid-cols-1 gap-2 rounded-md border border-border bg-card p-3 text-sm", children: entries.map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-1 sm:grid-cols-3 sm:items-baseline", children: [
+    /* @__PURE__ */ jsx("dt", { className: "font-mono text-xs text-muted-foreground", children: key }),
+    /* @__PURE__ */ jsx("dd", { className: "col-span-1 text-foreground sm:col-span-2", children: typeof value === "string" || typeof value === "number" || typeof value === "boolean" ? String(value) : JSON.stringify(value) })
+  ] }, key)) });
+}
+function ActorPanel({
+  actors,
+  formVersionRoles,
+  submissionId,
+  isOpen,
+  onOpen,
+  onClose,
+  onAssigned,
+  onRevoke
+}) {
+  const t = useT();
+  const { runMutation } = useGuardedMutation({ contextId: "forms.submission.actor.assign" });
+  const [userId, setUserId] = React.useState("");
+  const [role, setRole] = React.useState(formVersionRoles[0] ?? "");
+  const [submitting, setSubmitting] = React.useState(false);
+  const handleAssign = React.useCallback(async () => {
+    if (!userId || !role) return;
+    setSubmitting(true);
+    try {
+      const resp = await runMutation({
+        operation: () => apiCall(
+          `/api/forms/submissions/${encodeURIComponent(submissionId)}/actors`,
+          {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ user_id: userId, role })
+          }
+        ),
+        context: { submissionId, userId, role },
+        mutationPayload: { submissionId, userId, role }
+      });
+      if (!resp.ok) {
+        flash(t("forms.actor.assign.failed"), "error");
+        return;
+      }
+      flash(t("forms.actor.assign.success"), "success");
+      setUserId("");
+      onAssigned();
+    } finally {
+      setSubmitting(false);
+    }
+  }, [onAssigned, role, runMutation, submissionId, t, userId]);
+  const onKeyDown = React.useCallback(
+    (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+        event.preventDefault();
+        void handleAssign();
+      } else if (event.key === "Escape") {
+        event.preventDefault();
+        onClose();
+      }
+    },
+    [handleAssign, onClose]
+  );
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      "aria-label": t("forms.actor.panel.title", { fallback: "Actors" }),
+      className: "flex flex-col gap-2",
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t("forms.actor.panel.title", { fallback: "Actors" }) }),
+          /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: onOpen, children: t("forms.actor.assign", { fallback: "Assign" }) })
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", children: actors.map((actor) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "flex items-center justify-between rounded-md border border-border bg-card px-2 py-1.5 text-xs",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsxs("span", { className: "font-mono text-muted-foreground", children: [
+                  actor.userId.slice(0, 8),
+                  "\u2026"
+                ] }),
+                /* @__PURE__ */ jsx(Tag, { variant: "info", dot: true, children: actor.role })
+              ] }),
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "default",
+                  "aria-label": t("forms.actor.revoke", { fallback: "Revoke actor" }),
+                  onClick: () => onRevoke(actor),
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-status-error-text", "aria-hidden": "true" })
+                }
+              )
+            ]
+          },
+          actor.id
+        )) }),
+        isOpen ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "rounded-md border border-border bg-muted/30 p-3",
+            onKeyDown,
+            children: [
+              /* @__PURE__ */ jsx(FormField, { label: t("forms.actor.user_id", { fallback: "User ID" }), required: true, children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: userId,
+                  onChange: (event) => setUserId(event.target.value),
+                  placeholder: "UUID"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(FormField, { label: t("forms.actor.role", { fallback: "Role" }), required: true, children: /* @__PURE__ */ jsxs(Select, { value: role, onValueChange: setRole, children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: formVersionRoles.map((entry) => /* @__PURE__ */ jsx(SelectItem, { value: entry, children: entry }, entry)) })
+              ] }) }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-2 flex justify-end gap-2", children: [
+                /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: onClose, children: t("forms.actor.cancel", { fallback: "Cancel" }) }),
+                /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", disabled: submitting || !userId || !role, onClick: handleAssign, children: [
+                  t("forms.actor.assign", { fallback: "Assign" }),
+                  " ",
+                  /* @__PURE__ */ jsx(ArrowRight, { className: "ml-1 h-3 w-3", "aria-hidden": "true" })
+                ] })
+              ] })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  FORMS_DRAWER_REFRESH_EVENT,
+  SUBMISSION_DRAWER_ACCESS_AUDIT_SPOT,
+  SUBMISSION_DRAWER_ANONYMIZE_ACTION_SPOT,
+  SUBMISSION_DRAWER_FOOTER_SPOT,
+  SUBMISSION_DRAWER_HEADER_ACTIONS_SPOT,
+  SubmissionDrawer
+};
+//# sourceMappingURL=SubmissionDrawer.js.map

package/dist/modules/forms/backend/forms/[id]/submissions/components/SubmissionDrawer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/submissions/components/SubmissionDrawer.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ArrowRight, History, Lock, Trash2 } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { FormField } from '@open-mercato/ui/primitives/form-field'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { InjectionSpot } from '@open-mercato/ui/backend/injection/InjectionSpot'\nimport { extensionPoints } from '@open-mercato/core/modules/forms/extension-points'\nimport { colorForSavedByRole } from './RowBadges'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n} from '@open-mercato/ui/primitives/drawer'\n\nexport const FORMS_DRAWER_REFRESH_EVENT = 'forms:submission-drawer:refresh'\n\nexport const SUBMISSION_DRAWER_HEADER_ACTIONS_SPOT = extensionPoints.hosts.submissionDrawerHeaderActions.spotId\nexport const SUBMISSION_DRAWER_ACCESS_AUDIT_SPOT = extensionPoints.hosts.submissionDrawerAccessAudit.spotId\nexport const SUBMISSION_DRAWER_FOOTER_SPOT = extensionPoints.hosts.submissionDrawerFooter.spotId\nexport const SUBMISSION_DRAWER_ANONYMIZE_ACTION_SPOT = extensionPoints.hosts.submissionDrawerAnonymizeAction.spotId\n\nexport type DrawerSubmission = {\n  id: string\n  status: 'draft' | 'submitted' | 'reopened' | 'archived' | 'anonymized'\n  formVersionNumber: number\n  subjectType: string\n  subjectId: string\n  anonymizedAt: string | null\n  pdfSnapshotAttachmentId: string | null\n}\n\nexport type DrawerRevision = {\n  id: string\n  revisionNumber: number\n  savedAt: string | null\n  savedBy: string\n  savedByRole: string | null\n  changedFieldKeys: string[]\n  anonymizedAt: string | null\n}\n\nexport type DrawerActor = {\n  id: string\n  userId: string\n  role: string\n  assignedAt: string | null\n  revokedAt: string | null\n}\n\nexport type DrawerSubmissionDetail = {\n  submission: DrawerSubmission\n  revision: DrawerRevision\n  decoded_data: Record<string, unknown>\n  actors: DrawerActor[]\n}\n\nexport type DrawerInjectionContext = {\n  submissionId: string\n  formId: string\n  status: DrawerSubmission['status']\n  isAnonymized: boolean\n  retryLastMutation: () => Promise<boolean>\n}\n\nexport type SubmissionDrawerProps = {\n  formId: string\n  submissionId: string\n  formVersionRoles: string[]\n  onClose: () => void\n  onMutated?: () => void\n}\n\nexport function SubmissionDrawer({\n  formId,\n  submissionId,\n  formVersionRoles,\n  onClose,\n  onMutated,\n}: SubmissionDrawerProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const { runMutation, retryLastMutation } = useGuardedMutation({ contextId: 'forms.submission.drawer' })\n  const [detail, setDetail] = React.useState<DrawerSubmissionDetail | null>(null)\n  const [revisions, setRevisions] = React.useState<DrawerRevision[]>([])\n  const [activeRevisionId, setActiveRevisionId] = React.useState<string | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [actorOpen, setActorOpen] = React.useState(false)\n  const triggerRef = React.useRef<HTMLDivElement | null>(null)\n\n  const reload = React.useCallback(async () => {\n    setIsLoading(true)\n    setError(null)\n    try {\n      const [detailResp, revisionsResp] = await Promise.all([\n        apiCall<DrawerSubmissionDetail>(`/api/forms/submissions/${encodeURIComponent(submissionId)}`),\n        apiCall<{ items: DrawerRevision[] }>(\n          `/api/forms/submissions/${encodeURIComponent(submissionId)}/revisions`,\n        ),\n      ])\n      if (!detailResp.ok || !detailResp.result) {\n        throw new Error(t('forms.errors.submission_not_found'))\n      }\n      if (!revisionsResp.ok || !revisionsResp.result) {\n        throw new Error(t('forms.errors.internal'))\n      }\n      setDetail(detailResp.result)\n      setRevisions(revisionsResp.result.items)\n      setActiveRevisionId(detailResp.result.revision.id)\n    } catch (err) {\n      setError(err instanceof Error ? err.message : t('forms.errors.internal'))\n    } finally {\n      setIsLoading(false)\n    }\n  }, [submissionId, t])\n\n  React.useEffect(() => {\n    void reload()\n  }, [reload])\n\n  React.useEffect(() => {\n    function handleRefresh() {\n      onMutated?.()\n      void reload()\n    }\n    window.addEventListener(FORMS_DRAWER_REFRESH_EVENT, handleRefresh)\n    return () => window.removeEventListener(FORMS_DRAWER_REFRESH_EVENT, handleRefresh)\n  }, [onMutated, reload])\n\n  const handleReopen = React.useCallback(async () => {\n    if (!detail) return\n    const ok = await confirm({\n      title: t('forms.drawer.reopen.confirm', { fallback: 'Reopen this submission?' }),\n      description: t('forms.drawer.reopen.body', {\n        fallback: 'Reopening allows further edits and creates a new revision when changes are saved.',\n      }),\n    })\n    if (!ok) return\n    const resp = await runMutation({\n      operation: () => apiCall(\n        `/api/forms/submissions/${encodeURIComponent(detail.submission.id)}/reopen`,\n        { method: 'POST' },\n      ),\n      context: { submissionId: detail.submission.id },\n      mutationPayload: { submissionId: detail.submission.id },\n    })\n    if (!resp.ok) {\n      flash(t('forms.drawer.reopen.failed'), 'error')\n      return\n    }\n    flash(t('forms.drawer.reopen.success'), 'success')\n    onMutated?.()\n    void reload()\n  }, [confirm, detail, onMutated, reload, runMutation, t])\n\n  const handleRevokeActor = React.useCallback(\n    async (actor: DrawerActor) => {\n      if (!detail) return\n      const ok = await confirm({\n        title: t('forms.actor.revoke.confirm', { fallback: 'Revoke this actor?' }),\n        variant: 'destructive',\n      })\n      if (!ok) return\n      // optimistic-lock-exempt: assignment row. `forms_form_submission_actor` is\n      // a junction between a submission and a user; revoking stamps `revoked_at`\n      // and is idempotent, so there is no user-editable field two actors can\n      // clobber. Junction/assignment tables are exempt from the `updated_at`\n      // requirement per packages/core/AGENTS.md \u00A7 Database Entities.\n      const resp = await runMutation({\n        operation: () => apiCall(\n          `/api/forms/submissions/${encodeURIComponent(detail.submission.id)}/actors/${encodeURIComponent(actor.id)}`,\n          { method: 'DELETE' },\n        ),\n        context: { submissionId: detail.submission.id, actorId: actor.id },\n        mutationPayload: { submissionId: detail.submission.id, actorId: actor.id },\n      })\n      if (!resp.ok) {\n        flash(t('forms.actor.revoke.failed'), 'error')\n        return\n      }\n      flash(t('forms.actor.revoke.success'), 'success')\n      onMutated?.()\n      void reload()\n    },\n    [confirm, detail, onMutated, reload, runMutation, t],\n  )\n\n  if (isLoading) {\n    return (\n      <DrawerShell onClose={onClose} title={t('forms.drawer.loading', { fallback: 'Loading\u2026' })}>\n        <div className=\"flex items-center justify-center py-12\">\n          <Spinner className=\"h-5 w-5\" />\n        </div>\n        {ConfirmDialogElement}\n      </DrawerShell>\n    )\n  }\n\n  if (error || !detail) {\n    return (\n      <DrawerShell onClose={onClose} title={t('forms.drawer.error', { fallback: 'Error' })}>\n        <Alert status=\"error\" style=\"light\">\n          <AlertDescription>{error ?? t('forms.drawer.not_available')}</AlertDescription>\n        </Alert>\n        {ConfirmDialogElement}\n      </DrawerShell>\n    )\n  }\n\n  const isAnonymized = !!detail.submission.anonymizedAt\n  const canReopen = detail.submission.status === 'submitted' && !isAnonymized\n  const activeRevision = revisions.find((rev) => rev.id === activeRevisionId) ?? detail.revision\n  const isViewingLatest = activeRevisionId === detail.revision.id\n  const injectionContext: DrawerInjectionContext = {\n    submissionId: detail.submission.id,\n    formId,\n    status: detail.submission.status,\n    isAnonymized,\n    retryLastMutation,\n  }\n\n  return (\n    <DrawerShell\n      ref={triggerRef}\n      onClose={onClose}\n      title={`${t('forms.drawer.title', { fallback: 'Submission' })} \u2014 v${detail.submission.formVersionNumber}`}\n      headerExtras={\n        <div className=\"flex items-center gap-2\">\n          <Tag variant={isAnonymized ? 'error' : 'success'} dot>\n            {detail.submission.status}\n          </Tag>\n          {canReopen ? (\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={handleReopen}>\n              {t('forms.drawer.actions.reopen', { fallback: 'Reopen' })}\n            </Button>\n          ) : null}\n          <InjectionSpot\n            spotId={SUBMISSION_DRAWER_HEADER_ACTIONS_SPOT}\n            context={injectionContext}\n          />\n          <InjectionSpot\n            spotId={SUBMISSION_DRAWER_ANONYMIZE_ACTION_SPOT}\n            context={injectionContext}\n          />\n        </div>\n      }\n    >\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-[200px_1fr_240px]\">\n        <RevisionTimeline\n          revisions={revisions}\n          activeRevisionId={activeRevisionId ?? null}\n          onSelect={setActiveRevisionId}\n        />\n\n        <section className=\"flex flex-col gap-3\">\n          {!isViewingLatest ? (\n            <div className=\"flex items-center justify-between rounded-md border border-border bg-muted/30 px-3 py-2 text-xs text-muted-foreground\">\n              <span>\n                {t('forms.drawer.replay_footer', {\n                  fallback: 'Viewing as of rev {n}',\n                  n: String(activeRevision.revisionNumber),\n                })}\n              </span>\n              <Button\n                type=\"button\"\n                variant=\"link\"\n                size=\"sm\"\n                onClick={() => setActiveRevisionId(detail.revision.id)}\n              >\n                {t('forms.drawer.jump_to_latest', { fallback: 'Jump to latest' })}\n              </Button>\n            </div>\n          ) : null}\n\n          {activeRevision.anonymizedAt ? (\n            <Alert status=\"information\" style=\"light\">\n              <AlertDescription>\n                {t('forms.drawer.anonymized_revision', {\n                  fallback: 'This revision has been anonymized \u2014 content unavailable.',\n                })}\n              </AlertDescription>\n            </Alert>\n          ) : (\n            <DataReadOnly data={detail.decoded_data} />\n          )}\n\n          <InjectionSpot\n            spotId={SUBMISSION_DRAWER_ACCESS_AUDIT_SPOT}\n            context={injectionContext}\n          />\n        </section>\n\n        <ActorPanel\n          actors={detail.actors.filter((actor) => !actor.revokedAt)}\n          formVersionRoles={formVersionRoles}\n          submissionId={detail.submission.id}\n          onAssigned={() => {\n            setActorOpen(false)\n            onMutated?.()\n            void reload()\n          }}\n          onRevoke={handleRevokeActor}\n          isOpen={actorOpen}\n          onOpen={() => setActorOpen(true)}\n          onClose={() => setActorOpen(false)}\n        />\n      </div>\n\n      <footer className=\"mt-4 border-t border-border pt-3 text-xs text-muted-foreground\">\n        <p>\n          {t('forms.drawer.audit_note', {\n            fallback: 'This view is being written to the access audit log \u2014 purpose: view.',\n          })}\n        </p>\n        <InjectionSpot\n          spotId={SUBMISSION_DRAWER_FOOTER_SPOT}\n          context={injectionContext}\n        />\n      </footer>\n\n      {ConfirmDialogElement}\n    </DrawerShell>\n  )\n}\n\nconst DrawerShell = React.forwardRef<HTMLDivElement, {\n  onClose: () => void\n  title: string\n  headerExtras?: React.ReactNode\n  children: React.ReactNode\n}>(function DrawerShell({ onClose, title, headerExtras, children }, ref) {\n  const t = useT()\n  return (\n    <Drawer open onOpenChange={(open) => { if (!open) onClose() }}>\n      <DrawerContent\n        ref={ref}\n        className=\"max-w-3xl\"\n        closeAriaLabel={t('forms.drawer.actions.close')}\n      >\n        <DrawerHeader className=\"items-center\">\n          <DrawerTitle>{title}</DrawerTitle>\n          {headerExtras ? <div className=\"flex items-center gap-2\">{headerExtras}</div> : null}\n        </DrawerHeader>\n        <DrawerBody>{children}</DrawerBody>\n      </DrawerContent>\n    </Drawer>\n  )\n})\n\nfunction RevisionTimeline({\n  revisions,\n  activeRevisionId,\n  onSelect,\n}: {\n  revisions: DrawerRevision[]\n  activeRevisionId: string | null\n  onSelect: (id: string) => void\n}) {\n  const t = useT()\n  return (\n    <nav\n      aria-label={t('forms.drawer.timeline.title', { fallback: 'Revisions' })}\n      className=\"flex flex-col gap-2\"\n    >\n      <h3 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        {t('forms.drawer.timeline.title', { fallback: 'Revisions' })}\n      </h3>\n      <ol className=\"flex flex-col gap-1\">\n        {revisions.map((rev) => {\n          const tone = colorForSavedByRole(rev.savedByRole)\n          const active = rev.id === activeRevisionId\n          return (\n            <li key={rev.id}>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => onSelect(rev.id)}\n                className={`h-auto w-full justify-start gap-2 px-2 py-1.5 text-left text-xs ${\n                  active\n                    ? 'border-primary bg-primary/10'\n                    : 'border-border hover:bg-muted'\n                }`}\n                aria-current={active ? 'true' : undefined}\n              >\n                <span\n                  aria-hidden=\"true\"\n                  className={`h-2 w-2 rounded-full ${\n                    tone === 'primary'\n                      ? 'bg-primary'\n                      : tone === 'success'\n                        ? 'bg-status-success-solid'\n                        : tone === 'info'\n                          ? 'bg-status-info-solid'\n                          : tone === 'warning'\n                            ? 'bg-status-warning-solid'\n                            : 'bg-muted-foreground'\n                  }`}\n                />\n                <span className=\"font-mono\">#{rev.revisionNumber}</span>\n                <span className=\"truncate text-muted-foreground\">\n                  {rev.savedByRole ?? 'system'}\n                </span>\n                {rev.anonymizedAt ? (\n                  <Lock className=\"ml-auto h-3 w-3 text-muted-foreground\" aria-hidden=\"true\" />\n                ) : null}\n              </Button>\n            </li>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n}\n\nfunction DataReadOnly({ data }: { data: Record<string, unknown> }) {\n  const entries = Object.entries(data)\n  const t = useT()\n  if (entries.length === 0) {\n    return (\n      <p className=\"rounded-md border border-dashed border-border p-3 text-sm text-muted-foreground\">\n        {t('forms.drawer.body.empty', { fallback: 'No answers recorded yet.' })}\n      </p>\n    )\n  }\n  return (\n    <dl className=\"grid grid-cols-1 gap-2 rounded-md border border-border bg-card p-3 text-sm\">\n      {entries.map(([key, value]) => (\n        <div key={key} className=\"grid grid-cols-1 gap-1 sm:grid-cols-3 sm:items-baseline\">\n          <dt className=\"font-mono text-xs text-muted-foreground\">{key}</dt>\n          <dd className=\"col-span-1 text-foreground sm:col-span-2\">\n            {typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean'\n              ? String(value)\n              : JSON.stringify(value)}\n          </dd>\n        </div>\n      ))}\n    </dl>\n  )\n}\n\nfunction ActorPanel({\n  actors,\n  formVersionRoles,\n  submissionId,\n  isOpen,\n  onOpen,\n  onClose,\n  onAssigned,\n  onRevoke,\n}: {\n  actors: DrawerActor[]\n  formVersionRoles: string[]\n  submissionId: string\n  isOpen: boolean\n  onOpen: () => void\n  onClose: () => void\n  onAssigned: () => void\n  onRevoke: (actor: DrawerActor) => void\n}) {\n  const t = useT()\n  const { runMutation } = useGuardedMutation({ contextId: 'forms.submission.actor.assign' })\n  const [userId, setUserId] = React.useState('')\n  const [role, setRole] = React.useState(formVersionRoles[0] ?? '')\n  const [submitting, setSubmitting] = React.useState(false)\n\n  const handleAssign = React.useCallback(async () => {\n    if (!userId || !role) return\n    setSubmitting(true)\n    try {\n      const resp = await runMutation({\n        operation: () => apiCall(\n          `/api/forms/submissions/${encodeURIComponent(submissionId)}/actors`,\n          {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({ user_id: userId, role }),\n          },\n        ),\n        context: { submissionId, userId, role },\n        mutationPayload: { submissionId, userId, role },\n      })\n      if (!resp.ok) {\n        flash(t('forms.actor.assign.failed'), 'error')\n        return\n      }\n      flash(t('forms.actor.assign.success'), 'success')\n      setUserId('')\n      onAssigned()\n    } finally {\n      setSubmitting(false)\n    }\n  }, [onAssigned, role, runMutation, submissionId, t, userId])\n\n  const onKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n        event.preventDefault()\n        void handleAssign()\n      } else if (event.key === 'Escape') {\n        event.preventDefault()\n        onClose()\n      }\n    },\n    [handleAssign, onClose],\n  )\n\n  return (\n    <aside\n      aria-label={t('forms.actor.panel.title', { fallback: 'Actors' })}\n      className=\"flex flex-col gap-2\"\n    >\n      <header className=\"flex items-center justify-between\">\n        <h3 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          {t('forms.actor.panel.title', { fallback: 'Actors' })}\n        </h3>\n        <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onOpen}>\n          {t('forms.actor.assign', { fallback: 'Assign' })}\n        </Button>\n      </header>\n      <ul className=\"flex flex-col gap-1\">\n        {actors.map((actor) => (\n          <li\n            key={actor.id}\n            className=\"flex items-center justify-between rounded-md border border-border bg-card px-2 py-1.5 text-xs\"\n          >\n            <div className=\"flex flex-col\">\n              <span className=\"font-mono text-muted-foreground\">{actor.userId.slice(0, 8)}\u2026</span>\n              <Tag variant=\"info\" dot>\n                {actor.role}\n              </Tag>\n            </div>\n            <IconButton\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"default\"\n              aria-label={t('forms.actor.revoke', { fallback: 'Revoke actor' })}\n              onClick={() => onRevoke(actor)}\n            >\n              <Trash2 className=\"h-4 w-4 text-status-error-text\" aria-hidden=\"true\" />\n            </IconButton>\n          </li>\n        ))}\n      </ul>\n      {isOpen ? (\n        <div\n          className=\"rounded-md border border-border bg-muted/30 p-3\"\n          onKeyDown={onKeyDown}\n        >\n          <FormField label={t('forms.actor.user_id', { fallback: 'User ID' })} required>\n            <Input\n              value={userId}\n              onChange={(event) => setUserId(event.target.value)}\n              placeholder=\"UUID\"\n            />\n          </FormField>\n          <FormField label={t('forms.actor.role', { fallback: 'Role' })} required>\n            <Select value={role} onValueChange={setRole}>\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {formVersionRoles.map((entry) => (\n                  <SelectItem key={entry} value={entry}>\n                    {entry}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </FormField>\n          <div className=\"mt-2 flex justify-end gap-2\">\n            <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={onClose}>\n              {t('forms.actor.cancel', { fallback: 'Cancel' })}\n            </Button>\n            <Button type=\"button\" size=\"sm\" disabled={submitting || !userId || !role} onClick={handleAssign}>\n              {t('forms.actor.assign', { fallback: 'Assign' })}{' '}\n              <ArrowRight className=\"ml-1 h-3 w-3\" aria-hidden=\"true\" />\n            </Button>\n          </div>\n        </div>\n      ) : null}\n    </aside>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["DrawerShell"]
+}