@pablo2410/shared-ui 0.23.0 → 0.25.0

package/dist/reporting/index.js

@@ -1,5 +1,9 @@
 import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
   Badge,
+  Checkbox,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
@@ -15,9 +19,6 @@ import {
   Switch,
   Textarea
 } from "../chunk-JEHQIJS2.js";
-import {
-  cn
-} from "../chunk-JT3XLKKD.js";
 import {
   Button,
   Dialog,
@@ -28,6 +29,9 @@ import {
   DialogTitle,
   Label
 } from "../chunk-BKGUIIN2.js";
+import {
+  cn
+} from "../chunk-JT3XLKKD.js";
 
 // src/reporting/ReportingToolbar.tsx
 import { useRef, useState } from "react";
@@ -41,7 +45,8 @@ import {
   Send,
   ImagePlus,
   X,
-  UserCog
+  UserCog,
+  BookMarked
 } from "lucide-react";
 import { toast } from "sonner";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -84,6 +89,12 @@ var ALL_FEEDBACK_OPTIONS = [
     color: "#8C34E9"
   }
 ];
+var EMPTY_DRAFT = {
+  description: "",
+  location: "",
+  severity: "medium",
+  immediateAction: ""
+};
 function ReportingToolbar({
   moduleName = "Oplytics",
   showIncidentReporting = true,
@@ -97,7 +108,7 @@ function ReportingToolbar({
   services = OPLYTICS_SERVICES,
   defaultServiceSlug,
   enableScreenshot = true,
-  reportsComingSoon = true,
+  reportsComingSoon = false,
   className
 }) {
   const reportOptions = ALL_REPORT_OPTIONS.filter(
@@ -127,6 +138,119 @@ function ReportingToolbar({
     setScreenshotName(null);
     setFeedbackOpen(true);
   };
+  const [reportOpen, setReportOpen] = useState(false);
+  const [reportCategory, setReportCategory] = useState("safety");
+  const [reportDraft, setReportDraft] = useState(EMPTY_DRAFT);
+  const [reportSubmitting, setReportSubmitting] = useState(false);
+  const [injuryOccurred, setInjuryOccurred] = useState(false);
+  const [injuryClassification, setInjuryClassification] = useState(void 0);
+  const [daysAwayFromWork, setDaysAwayFromWork] = useState("");
+  const [daysRestrictedOrTransferred, setDaysRestrictedOrTransferred] = useState("");
+  const [firstAiderAttended, setFirstAiderAttended] = useState(false);
+  const [witnessName, setWitnessName] = useState("");
+  const [bodyPart, setBodyPart] = useState("");
+  const [treatmentType, setTreatmentType] = useState("");
+  const [environmentalAspect, setEnvironmentalAspect] = useState(void 0);
+  const [regulatoryReportable, setRegulatoryReportable] = useState(false);
+  const [substance, setSubstance] = useState("");
+  const [estimatedQuantity, setEstimatedQuantity] = useState("");
+  const [contained, setContained] = useState(false);
+  const [reachedWatercourse, setReachedWatercourse] = useState(false);
+  const [hazardCategory, setHazardCategory] = useState(void 0);
+  const [hazardDescription, setHazardDescription] = useState("");
+  const [areaMadeSafe, setAreaMadeSafe] = useState(false);
+  const [workResumed, setWorkResumed] = useState(false);
+  const openReport = (c) => {
+    setReportCategory(c);
+    setReportDraft({
+      ...EMPTY_DRAFT,
+      severity: c === "stop-work" ? "critical" : "medium"
+    });
+    setInjuryOccurred(false);
+    setInjuryClassification(void 0);
+    setDaysAwayFromWork("");
+    setDaysRestrictedOrTransferred("");
+    setFirstAiderAttended(false);
+    setWitnessName("");
+    setBodyPart("");
+    setTreatmentType("");
+    setEnvironmentalAspect(void 0);
+    setRegulatoryReportable(false);
+    setSubstance("");
+    setEstimatedQuantity("");
+    setContained(false);
+    setReachedWatercourse(false);
+    setHazardCategory(void 0);
+    setHazardDescription("");
+    setAreaMadeSafe(false);
+    setWorkResumed(false);
+    setReportOpen(true);
+  };
+  const submitReport = async () => {
+    if (!reportDraft.description.trim()) {
+      toast.error("Please describe what happened.");
+      return;
+    }
+    setReportSubmitting(true);
+    try {
+      const base = {
+        description: reportDraft.description.trim(),
+        location: reportDraft.location.trim() || void 0,
+        severity: reportDraft.severity,
+        immediateAction: reportDraft.immediateAction.trim() || void 0,
+        moduleName,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        submittedBy: currentUser,
+        hierarchyContext
+      };
+      let report;
+      if (reportCategory === "safety") {
+        const safety = {
+          ...base,
+          category: "safety",
+          injuryOccurred,
+          injuryClassification,
+          daysAwayFromWork: daysAwayFromWork ? Number(daysAwayFromWork) : void 0,
+          daysRestrictedOrTransferred: daysRestrictedOrTransferred ? Number(daysRestrictedOrTransferred) : void 0,
+          firstAiderAttended,
+          witnessName: witnessName.trim() || void 0,
+          bodyPart: bodyPart.trim() || void 0,
+          treatmentType: treatmentType.trim() || void 0
+        };
+        report = safety;
+      } else if (reportCategory === "environmental") {
+        const environmental = {
+          ...base,
+          category: "environmental",
+          environmentalAspect,
+          regulatoryReportable,
+          substance: substance.trim() || void 0,
+          estimatedQuantity: estimatedQuantity.trim() || void 0,
+          contained,
+          reachedWatercourse
+        };
+        report = environmental;
+      } else {
+        const stopWork = {
+          ...base,
+          category: "stop-work",
+          hazardCategory,
+          hazardDescription: hazardDescription.trim() || void 0,
+          areaMadeSafe,
+          workResumed
+        };
+        report = stopWork;
+      }
+      await onReportSubmit(report);
+      toast.success("Report logged. Thanks for raising it.");
+      setReportOpen(false);
+    } catch (err) {
+      console.error("[ReportingToolbar] report submit failed:", err);
+      toast.error("Couldn't submit that. Please try again.");
+    } finally {
+      setReportSubmitting(false);
+    }
+  };
   const handlePickFile = async (e) => {
     const file = e.target.files?.[0];
     e.target.value = "";
@@ -179,7 +303,6 @@ function ReportingToolbar({
   const showReportGroup = showIncidentReporting && reportOptions.length > 0;
   const showFeedbackGroup = showFeedback && feedbackOptions.length > 0;
   if (!showReportGroup && !showFeedbackGroup) return null;
-  void hierarchyContext;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-2", className), children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
       /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -213,9 +336,7 @@ function ReportingToolbar({
             {
               disabled: reportsComingSoon,
               onClick: () => {
-                if (!reportsComingSoon) {
-                  void onReportSubmit;
-                }
+                if (!reportsComingSoon) openReport(opt.category);
               },
               className: "gap-3 py-2.5",
               children: [
@@ -228,7 +349,7 @@ function ReportingToolbar({
                 ),
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: opt.label }),
-                  /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: opt.description })
+                  /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: REPORT_STANDARD_REFERENCES[opt.category].label })
                 ] })
               ]
             },
@@ -376,6 +497,375 @@ function ReportingToolbar({
           }
         )
       ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Dialog, { open: reportOpen, onOpenChange: setReportOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[560px] max-h-[90vh] overflow-y-auto", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
+          reportCategory === "safety" && /* @__PURE__ */ jsx(ShieldAlert, { className: "h-5 w-5 text-[#EF4444]" }),
+          reportCategory === "environmental" && /* @__PURE__ */ jsx(Leaf, { className: "h-5 w-5 text-[#22C55E]" }),
+          reportCategory === "stop-work" && /* @__PURE__ */ jsx(OctagonX, { className: "h-5 w-5 text-[#F59E0B]" }),
+          ALL_REPORT_OPTIONS.find((o) => o.category === reportCategory)?.label ?? "Report"
+        ] }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: ALL_REPORT_OPTIONS.find((o) => o.category === reportCategory)?.description })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4 py-2", children: [
+        /* @__PURE__ */ jsxs(Alert, { className: "border-[#8C34E9]/30 bg-[#8C34E9]/5", children: [
+          /* @__PURE__ */ jsx(BookMarked, { className: "h-4 w-4 text-[#8C34E9]" }),
+          /* @__PURE__ */ jsx(AlertTitle, { className: "text-xs font-semibold text-[#C084FC]", children: REPORT_STANDARD_REFERENCES[reportCategory].label }),
+          /* @__PURE__ */ jsx(AlertDescription, { className: "text-[11px]", children: REPORT_STANDARD_REFERENCES[reportCategory].description })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Severity" }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: reportDraft.severity,
+              onValueChange: (v) => setReportDraft((d) => ({ ...d, severity: v })),
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsx(SelectItem, { value: "low", children: "Low" }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "medium", children: "Medium" }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "high", children: "High" }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "critical", children: "Critical" })
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Location (optional)" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: reportDraft.location,
+              onChange: (e) => setReportDraft((d) => ({ ...d, location: e.target.value })),
+              placeholder: "Where did this happen?",
+              className: "h-9"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "What happened? *" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              value: reportDraft.description,
+              onChange: (e) => setReportDraft((d) => ({
+                ...d,
+                description: e.target.value
+              })),
+              placeholder: "Describe what happened\u2026",
+              rows: 4
+            }
+          )
+        ] }),
+        reportCategory === "safety" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-md border border-[#1E2738] px-3 py-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Was anyone injured?" }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: injuryOccurred,
+                onCheckedChange: setInjuryOccurred
+              }
+            )
+          ] }),
+          injuryOccurred && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Injury classification (OSHA 1904)" }),
+              /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: injuryClassification,
+                  onValueChange: (v) => setInjuryClassification(v),
+                  children: [
+                    /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a classification" }) }),
+                    /* @__PURE__ */ jsxs(SelectContent, { children: [
+                      /* @__PURE__ */ jsx(SelectItem, { value: "first_aid_only", children: "First aid only" }),
+                      /* @__PURE__ */ jsx(SelectItem, { value: "recordable", children: "Recordable" }),
+                      /* @__PURE__ */ jsx(SelectItem, { value: "days_away_restricted_transfer", children: "Days away, restricted, or transferred (DART)" }),
+                      /* @__PURE__ */ jsx(SelectItem, { value: "fatality", children: "Fatality" })
+                    ] })
+                  ]
+                }
+              )
+            ] }),
+            injuryClassification === "days_away_restricted_transfer" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Days away from work" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "number",
+                    min: 0,
+                    value: daysAwayFromWork,
+                    onChange: (e) => setDaysAwayFromWork(e.target.value),
+                    className: "h-9"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Days restricted/transferred" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "number",
+                    min: 0,
+                    value: daysRestrictedOrTransferred,
+                    onChange: (e) => setDaysRestrictedOrTransferred(e.target.value),
+                    className: "h-9"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "firstAiderAttended",
+                  checked: firstAiderAttended,
+                  onCheckedChange: (c) => setFirstAiderAttended(!!c)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Label,
+                {
+                  htmlFor: "firstAiderAttended",
+                  className: "text-xs font-normal",
+                  children: "A first aider attended"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Body part affected" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    value: bodyPart,
+                    onChange: (e) => setBodyPart(e.target.value),
+                    className: "h-9"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Treatment given" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    value: treatmentType,
+                    onChange: (e) => setTreatmentType(e.target.value),
+                    className: "h-9"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Witness name (optional)" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: witnessName,
+                  onChange: (e) => setWitnessName(e.target.value),
+                  className: "h-9"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        reportCategory === "environmental" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Environmental aspect (ISO 14001)" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: environmentalAspect,
+                onValueChange: (v) => setEnvironmentalAspect(v),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "What element of the environment is affected?" }) }),
+                  /* @__PURE__ */ jsxs(SelectContent, { children: [
+                    /* @__PURE__ */ jsx(SelectItem, { value: "air_emission", children: "Air emission" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "water_discharge", children: "Water discharge" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "soil_contamination", children: "Soil contamination" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "waste", children: "Waste" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "spill", children: "Spill" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "noise", children: "Noise" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "other", children: "Other" })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Substance (optional)" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: substance,
+                  onChange: (e) => setSubstance(e.target.value),
+                  className: "h-9"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Estimated quantity" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: estimatedQuantity,
+                  onChange: (e) => setEstimatedQuantity(e.target.value),
+                  className: "h-9"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                id: "contained",
+                checked: contained,
+                onCheckedChange: (c) => setContained(!!c)
+              }
+            ),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "contained", className: "text-xs font-normal", children: "Contained on site" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                id: "reachedWatercourse",
+                checked: reachedWatercourse,
+                onCheckedChange: (c) => setReachedWatercourse(!!c)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Label,
+              {
+                htmlFor: "reachedWatercourse",
+                className: "text-xs font-normal",
+                children: "Reached a watercourse"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                id: "regulatoryReportable",
+                checked: regulatoryReportable,
+                onCheckedChange: (c) => setRegulatoryReportable(!!c)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Label,
+              {
+                htmlFor: "regulatoryReportable",
+                className: "text-xs font-normal",
+                children: "This may need reporting to a regulator"
+              }
+            )
+          ] })
+        ] }),
+        reportCategory === "stop-work" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Hazard category (ISO 45001)" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: hazardCategory,
+                onValueChange: (v) => setHazardCategory(v),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "What kind of hazard?" }) }),
+                  /* @__PURE__ */ jsxs(SelectContent, { children: [
+                    /* @__PURE__ */ jsx(SelectItem, { value: "mechanical", children: "Mechanical" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "electrical", children: "Electrical" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "chemical", children: "Chemical" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "working_at_height", children: "Working at height" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "confined_space", children: "Confined space" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "vehicle_traffic", children: "Vehicle / traffic" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "other", children: "Other" })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Hazard description" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                value: hazardDescription,
+                onChange: (e) => setHazardDescription(e.target.value),
+                rows: 3
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                id: "areaMadeSafe",
+                checked: areaMadeSafe,
+                onCheckedChange: (c) => setAreaMadeSafe(!!c)
+              }
+            ),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "areaMadeSafe", className: "text-xs font-normal", children: "Area has been made safe" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                id: "workResumed",
+                checked: workResumed,
+                onCheckedChange: (c) => setWorkResumed(!!c)
+              }
+            ),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "workResumed", className: "text-xs font-normal", children: "Work has resumed" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Immediate action taken (optional)" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              value: reportDraft.immediateAction,
+              onChange: (e) => setReportDraft((d) => ({
+                ...d,
+                immediateAction: e.target.value
+              })),
+              rows: 2
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
+          moduleName,
+          " \xB7 this is logged centrally and escalated automatically."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setReportOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            onClick: submitReport,
+            disabled: reportSubmitting || !reportDraft.description.trim(),
+            className: "gap-2",
+            style: {
+              backgroundColor: ALL_REPORT_OPTIONS.find(
+                (o) => o.category === reportCategory
+              )?.color,
+              color: "white"
+            },
+            children: [
+              /* @__PURE__ */ jsx(Send, { className: "h-3.5 w-3.5" }),
+              reportSubmitting ? "Submitting\u2026" : "Submit"
+            ]
+          }
+        )
+      ] })
     ] }) })
   ] });
 }
@@ -428,6 +918,23 @@ var FEEDBACK_BUTTONS = [
     description: "Suggest an improvement or new feature"
   }
 ];
+var REPORT_STANDARD_REFERENCES = {
+  safety: {
+    category: "safety",
+    label: "OSHA 29 CFR 1904 \xB7 ISO 45001",
+    description: "Injury classification follows OSHA's recordkeeping taxonomy (first aid only / recordable / days away, restricted, or transferred / fatality), within an ISO 45001 occupational health & safety management system."
+  },
+  environmental: {
+    category: "environmental",
+    label: "ISO 14001",
+    description: "Environmental aspect and regulatory-reportable classification follow ISO 14001's environmental management system requirements."
+  },
+  "stop-work": {
+    category: "stop-work",
+    label: "ISO 45001",
+    description: "Stop Work authority is a hazard-control mechanism exercised under an ISO 45001 occupational health & safety management system."
+  }
+};
 function createReportingConfig(moduleName, handlers) {
   return {
     moduleName,
@@ -469,6 +976,7 @@ export {
   FEEDBACK_SCREENSHOT_MAX_BYTES,
   OPLYTICS_SERVICES,
   REPORT_BUTTONS,
+  REPORT_STANDARD_REFERENCES,
   ReportingToolbar,
   createReportingConfig,
   isAcceptableScreenshot,