@cccsaurora/howler-ui 2.14.0-dev.259 → 2.14.0-dev.263

package/components/routes/analytics/RuleView.d.ts

@@ -0,0 +1,7 @@
+import { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+import { FC } from 'react';
+declare const RuleView: FC<{
+    analytic: Analytic;
+    setAnalytic: (a: Analytic) => void;
+}>;
+export default RuleView;

package/components/routes/analytics/RuleView.js

@@ -0,0 +1,74 @@
+import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Check, Edit } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+icons-material@5.18.0_@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18._b9cf98cd2d466d3b4f338d38bc895c0b/node_modules/@mui/icons-material/esm/index.js";
+import { useTheme, Stack, Typography, IconButton, CircularProgress, Box } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+import { a as api } from "../../../index-BPPnUdfP.js";
+import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/chartjs-adapter-dayjs-4@1.0.4_chart.js@4.5.0_dayjs@1.11.13/node_modules/chartjs-adapter-dayjs-4/dist/chartjs-adapter-dayjs-4.esm.js";
+import useMyApi from "../../hooks/useMyApi.js";
+import useMySnackbar from "../../hooks/useMySnackbar.js";
+import { useState, useCallback } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { useTranslation } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
+import QueryEditor from "../advanced/QueryEditor.js";
+const RuleView = ({ analytic, setAnalytic }) => {
+  var _a;
+  const theme = useTheme();
+  const { t } = useTranslation();
+  const { dispatchApi } = useMyApi();
+  const { showSuccessMessage } = useMySnackbar();
+  const [queryLoading, setQueryLoading] = useState(false);
+  const [editing, setEditing] = useState(false);
+  const [editValue, setEditValue] = useState(null);
+  const onEdit = useCallback(async () => {
+    try {
+      if (editing) {
+        setQueryLoading(true);
+        const result = await dispatchApi(api.analytic.put(analytic.analytic_id, { rule: editValue }), {
+          showError: true,
+          throwError: true
+        });
+        setAnalytic(result);
+        showSuccessMessage(t("route.analytics.updated"));
+      } else {
+        setEditValue(analytic.rule);
+      }
+    } finally {
+      setEditing(!editing);
+      setQueryLoading(false);
+    }
+  }, [analytic, dispatchApi, editValue, editing, setAnalytic, showSuccessMessage, t]);
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      spacing: 2,
+      sx: {
+        height: "100%",
+        pt: 1,
+        px: 1,
+        mt: 1,
+        border: `thin solid ${theme.palette.divider}`,
+        borderRight: `thin solid ${theme.palette.divider}`
+      },
+      children: [
+        /* @__PURE__ */ jsxs(Typography, { variant: "h5", sx: { mt: 2, mb: 1, display: "flex", flexDirection: "row" }, children: [
+          /* @__PURE__ */ jsx("span", { children: t("route.analytics.rule.title") }),
+          /* @__PURE__ */ jsxs("span", { style: { marginLeft: theme.spacing(1), textTransform: "capitalize" }, children: [
+            "(",
+            analytic == null ? void 0 : analytic.rule_type,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx(IconButton, { sx: { marginLeft: "auto" }, disabled: queryLoading, onClick: onEdit, children: queryLoading ? /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) : editing ? /* @__PURE__ */ jsx(Check, { fontSize: "small" }) : /* @__PURE__ */ jsx(Edit, { fontSize: "small" }) })
+        ] }),
+        /* @__PURE__ */ jsx(Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsx(
+          QueryEditor,
+          {
+            query: editValue ?? (analytic == null ? void 0 : analytic.rule),
+            setQuery: editing && setEditValue,
+            language: (_a = analytic == null ? void 0 : analytic.rule_type) == null ? void 0 : _a.replace("sigma", "yaml")
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  RuleView as default
+};

package/components/routes/analytics/TriageSettings.d.ts

@@ -0,0 +1,7 @@
+import { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+import { FC } from 'react';
+declare const TriageSettings: FC<{
+    analytic: Analytic;
+    setAnalytic: (a: Analytic) => void;
+}>;
+export default TriageSettings;

package/components/routes/analytics/TriageSettings.js

@@ -0,0 +1,104 @@
+import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Stack, Divider, TableContainer, Paper, Table, TableHead, TableRow, TableCell, Typography, TableBody, Grid, Tooltip, Checkbox } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+import { a as api } from "../../../index-BPPnUdfP.js";
+import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/chartjs-adapter-dayjs-4@1.0.4_chart.js@4.5.0_dayjs@1.11.13/node_modules/chartjs-adapter-dayjs-4/dist/chartjs-adapter-dayjs-4.esm.js";
+import { ApiConfigContext } from "../../app/providers/ApiConfigProvider.js";
+import EditRow from "../../elements/EditRow.js";
+import useMyApi from "../../hooks/useMyApi.js";
+import { capitalize, uniq } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/lodash.js";
+import { useContext, useState, useCallback, useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { useTranslation } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
+const TriageSettings = ({ analytic, setAnalytic }) => {
+  var _a, _b, _c, _d;
+  const { dispatchApi } = useMyApi();
+  const { t } = useTranslation();
+  const { config } = useContext(ApiConfigContext);
+  const [loading, setLoading] = useState(false);
+  const updateAnalytic = useCallback(
+    async (changes) => {
+      try {
+        setLoading(true);
+        const result = await dispatchApi(api.analytic.put(analytic.analytic_id, changes), {
+          throwError: true,
+          showError: true
+        });
+        setAnalytic(result);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [analytic == null ? void 0 : analytic.analytic_id, dispatchApi, setAnalytic]
+  );
+  const selectedAssessments = useMemo(
+    () => {
+      var _a2, _b2;
+      return ((_a2 = analytic == null ? void 0 : analytic.triage_settings) == null ? void 0 : _a2.valid_assessments) ?? ((_b2 = config.lookups) == null ? void 0 : _b2["howler.assessment"]) ?? [];
+    },
+    [(_a = analytic == null ? void 0 : analytic.triage_settings) == null ? void 0 : _a.valid_assessments, config.lookups]
+  );
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, pt: 1, children: [
+    /* @__PURE__ */ jsx(Divider, { flexItem: true }),
+    /* @__PURE__ */ jsx(
+      TableContainer,
+      {
+        sx: {
+          "& table tr:last-child td": {
+            borderBottom: 0
+          }
+        },
+        component: Paper,
+        children: /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 3, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t("route.analytics.triage.title") }) }) }) }),
+          /* @__PURE__ */ jsxs(TableBody, { children: [
+            /* @__PURE__ */ jsx(
+              EditRow,
+              {
+                titleKey: "route.analytics.triage.rationale",
+                descriptionKey: "route.analytics.triage.rationale.description",
+                value: ((_b = analytic == null ? void 0 : analytic.triage_settings) == null ? void 0 : _b.skip_rationale) ?? false,
+                type: "checkbox",
+                onEdit: async (value) => updateAnalytic({
+                  triage_settings: { skip_rationale: JSON.parse(value) }
+                })
+              }
+            ),
+            /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { sx: { width: "100%", borderBottom: 0, paddingBottom: "0 !important", whiteSpace: "nowrap" }, children: t("route.analytics.triage.assessments") }) }),
+            /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 3, sx: { borderBottom: 0, paddingTop: "0 !important" }, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: t("route.analytics.triage.assessments.description") }) }) }),
+            /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 3, children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, children: (_d = (_c = config.lookups) == null ? void 0 : _c["howler.assessment"]) == null ? void 0 : _d.map((assessment) => /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(
+              Stack,
+              {
+                direction: "row",
+                alignItems: "center",
+                spacing: 1,
+                sx: (theme) => ({
+                  border: "thin solid",
+                  borderColor: "divider",
+                  p: 1,
+                  borderRadius: theme.shape.borderRadius
+                }),
+                children: [
+                  /* @__PURE__ */ jsx(Tooltip, { title: t(`hit.details.asessments.${assessment}.description`), children: /* @__PURE__ */ jsx(Typography, { component: "span", children: assessment.split("-").map(capitalize).join(" ") }) }),
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked: selectedAssessments.includes(assessment) ?? true,
+                      onChange: (_event, checked) => updateAnalytic({
+                        triage_settings: {
+                          valid_assessments: !checked ? selectedAssessments.filter((_assessment) => assessment !== _assessment) : uniq([...selectedAssessments, assessment])
+                        }
+                      }),
+                      disabled: loading
+                    }
+                  )
+                ]
+              }
+            ) }, assessment)) }) }) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  TriageSettings as default
+};

package/components/routes/analytics/widgets/Assessment.d.ts

@@ -0,0 +1,5 @@
+import { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+declare const Assessment: import('react').ForwardRefExoticComponent<{
+    analytic: Analytic;
+} & import('react').RefAttributes<any>>;
+export default Assessment;

package/components/routes/analytics/widgets/Assessment.js

@@ -0,0 +1,58 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Box, Typography, Skeleton } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+import { a as api } from "../../../../index-BPPnUdfP.js";
+import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/chartjs-adapter-dayjs-4@1.0.4_chart.js@4.5.0_dayjs@1.11.13/node_modules/chartjs-adapter-dayjs-4/dist/chartjs-adapter-dayjs-4.esm.js";
+import useMyChart from "../../../hooks/useMyChart.js";
+import { forwardRef, useState, useEffect } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { Bar } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-chartjs-2@5.3.0_chart.js@4.5.0_react@18.3.1/node_modules/react-chartjs-2/dist/index.js";
+import { useTranslation } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
+import { stringToColor } from "../../../../utils/utils.js";
+const Assessment = forwardRef(({ analytic }, ref) => {
+  const { t } = useTranslation();
+  const { bar } = useMyChart();
+  const [loading, setLoading] = useState(false);
+  const [assessmentData, setAssessmentData] = useState({});
+  useEffect(() => {
+    if (!analytic) {
+      return;
+    }
+    setLoading(true);
+    api.search.facet.hit.post({
+      fields: ["howler.assessment"],
+      query: `howler.analytic:("${analytic.name}")`
+    }).then((data) => setAssessmentData(data["howler.assessment"])).finally(() => setLoading(false));
+  }, [analytic]);
+  if (!loading && assessmentData.length < 1) {
+    return /* @__PURE__ */ jsx(Box, { sx: { minHeight: "300px", height: "100%", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "h4",
+        sx: (theme) => ({
+          color: theme.palette.divider
+        }),
+        children: t("no.data")
+      }
+    ) });
+  }
+  return analytic && !loading ? /* @__PURE__ */ jsx(
+    Bar,
+    {
+      ref,
+      options: bar("route.analytics.assessment.title", ""),
+      data: {
+        labels: Object.keys(assessmentData),
+        datasets: [
+          {
+            label: "",
+            data: Object.values(assessmentData),
+            borderColor: Object.keys(assessmentData).map((_analytic) => stringToColor(_analytic)),
+            backgroundColor: Object.keys(assessmentData).map((_analytic) => stringToColor(_analytic))
+          }
+        ]
+      }
+    }
+  ) : /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", height: 200 });
+});
+export {
+  Assessment as default
+};

package/components/routes/analytics/widgets/Created.d.ts

@@ -0,0 +1,5 @@
+import { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+declare const Created: import('react').ForwardRefExoticComponent<{
+    analytic: Analytic;
+} & import('react').RefAttributes<any>>;
+export default Created;

package/components/routes/analytics/widgets/Created.js

@@ -0,0 +1,52 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Skeleton } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+import { a as api } from "../../../../index-BPPnUdfP.js";
+import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/chartjs-adapter-dayjs-4@1.0.4_chart.js@4.5.0_dayjs@1.11.13/node_modules/chartjs-adapter-dayjs-4/dist/chartjs-adapter-dayjs-4.esm.js";
+import useMyChart from "../../../hooks/useMyChart.js";
+import { forwardRef, useState, useEffect } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { Line } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-chartjs-2@5.3.0_chart.js@4.5.0_react@18.3.1/node_modules/react-chartjs-2/dist/index.js";
+import { stringToColor } from "../../../../utils/utils.js";
+const Created = forwardRef(({ analytic }, ref) => {
+  const { line } = useMyChart();
+  const [loading, setLoading] = useState(false);
+  const [ingestionData, setIngestionData] = useState({});
+  useEffect(() => {
+    if (!analytic) {
+      return;
+    }
+    setLoading(true);
+    api.search.histogram.hit.post("timestamp", {
+      query: `howler.analytic:("${analytic.name}")`,
+      start: "now-3M",
+      gap: "1d",
+      mincount: 0
+    }).then(setIngestionData).finally(() => setLoading(false));
+  }, [analytic]);
+  return analytic && !loading ? /* @__PURE__ */ jsx(
+    Line,
+    {
+      ref,
+      options: line("route.analytics.ingestion.title"),
+      data: {
+        datasets: [
+          {
+            label: analytic == null ? void 0 : analytic.name,
+            data: Object.keys(ingestionData).map((time) => ({
+              x: new Date(time).getTime(),
+              y: ingestionData[time]
+            })),
+            borderColor: stringToColor(analytic == null ? void 0 : analytic.name),
+            backgroundColor: "transparent",
+            pointBackgroundColor: Object.keys(ingestionData).map(
+              (time) => ingestionData[time] ? stringToColor(analytic == null ? void 0 : analytic.name) : "transparent"
+            ),
+            pointBorderWidth: Object.keys(ingestionData).map((time) => ingestionData[time] ? 2 : 0)
+          }
+        ]
+      }
+    }
+  ) : /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", height: 200 });
+});
+export {
+  Created as default
+};

package/components/routes/analytics/widgets/Detection.d.ts

@@ -0,0 +1,6 @@
+import { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+declare const Detection: import('react').ForwardRefExoticComponent<{
+    analytic: Analytic;
+    maxWidth?: string;
+} & import('react').RefAttributes<any>>;
+export default Detection;

package/components/routes/analytics/widgets/Detection.js

@@ -0,0 +1,11 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/chartjs-adapter-dayjs-4@1.0.4_chart.js@4.5.0_dayjs@1.11.13/node_modules/chartjs-adapter-dayjs-4/dist/chartjs-adapter-dayjs-4.esm.js";
+import { forwardRef } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { stringToColor } from "../../../../utils/utils.js";
+import Stacked from "./Stacked.js";
+const Detection = forwardRef(({ analytic }, ref) => {
+  return /* @__PURE__ */ jsx(Stacked, { ref, analytic, field: "howler.detection", color: stringToColor });
+});
+export {
+  Detection as default
+};

package/components/routes/analytics/widgets/Escalation.d.ts

@@ -0,0 +1,6 @@
+import { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+declare const Escalation: import('react').ForwardRefExoticComponent<{
+    analytic: Analytic;
+    maxWidth?: string;
+} & import('react').RefAttributes<any>>;
+export default Escalation;

package/components/routes/analytics/widgets/Escalation.js

@@ -0,0 +1,51 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { useTheme, Skeleton } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+import { a as api } from "../../../../index-BPPnUdfP.js";
+import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/chartjs-adapter-dayjs-4@1.0.4_chart.js@4.5.0_dayjs@1.11.13/node_modules/chartjs-adapter-dayjs-4/dist/chartjs-adapter-dayjs-4.esm.js";
+import useMyChart from "../../../hooks/useMyChart.js";
+import { forwardRef, useState, useMemo, useEffect } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { Doughnut } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-chartjs-2@5.3.0_chart.js@4.5.0_react@18.3.1/node_modules/react-chartjs-2/dist/index.js";
+import { ESCALATION_COLORS } from "../../../../utils/constants.js";
+const Escalation = forwardRef(({ analytic, maxWidth = "45%" }, ref) => {
+  const theme = useTheme();
+  const { doughnut } = useMyChart();
+  const [loading, setLoading] = useState(false);
+  const [escalationData, setEscalationData] = useState({});
+  const escalationColors = useMemo(
+    () => Object.keys(escalationData).map(
+      (e) => ESCALATION_COLORS[e] ? theme.palette[ESCALATION_COLORS[e]].main : "rgba(255, 255, 255, 0.16)"
+    ),
+    [escalationData, theme.palette]
+  );
+  useEffect(() => {
+    if (!analytic) {
+      return;
+    }
+    setLoading(true);
+    api.search.facet.hit.post({
+      query: `howler.analytic:("${analytic.name}")`,
+      fields: ["howler.escalation"]
+    }).then((data) => setEscalationData(data["howler.escalation"])).finally(() => setLoading(false));
+  }, [analytic]);
+  return analytic && !loading ? /* @__PURE__ */ jsx("div", { style: { maxWidth }, children: /* @__PURE__ */ jsx(
+    Doughnut,
+    {
+      ref,
+      options: doughnut("route.analytics.escalation.title", ""),
+      data: {
+        labels: Object.keys(escalationData),
+        datasets: [
+          {
+            label: analytic == null ? void 0 : analytic.name,
+            data: Object.values(escalationData),
+            borderColor: escalationColors,
+            backgroundColor: escalationColors
+          }
+        ]
+      }
+    }
+  ) }) : /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", height: 200, width: "45%" });
+});
+export {
+  Escalation as default
+};

package/components/routes/analytics/widgets/Stacked.d.ts

@@ -0,0 +1,7 @@
+import { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+declare const Stacked: import('react').ForwardRefExoticComponent<{
+    analytic: Analytic;
+    field: string;
+    color?: (value: string) => string;
+} & import('react').RefAttributes<any>>;
+export default Stacked;

package/components/routes/analytics/widgets/Stacked.js

@@ -0,0 +1,87 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Skeleton } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+import { a as api } from "../../../../index-BPPnUdfP.js";
+import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/chartjs-adapter-dayjs-4@1.0.4_chart.js@4.5.0_dayjs@1.11.13/node_modules/chartjs-adapter-dayjs-4/dist/chartjs-adapter-dayjs-4.esm.js";
+import useMyChart from "../../../hooks/useMyChart.js";
+import sum from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/sum.js";
+import { forwardRef, useState, useCallback, useEffect, useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { Line } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-chartjs-2@5.3.0_chart.js@4.5.0_react@18.3.1/node_modules/react-chartjs-2/dist/index.js";
+const Stacked = forwardRef(({ analytic, field, color }, ref) => {
+  const { line } = useMyChart();
+  const [loading, setLoading] = useState(false);
+  const [datasets, setDatasets] = useState([]);
+  const fetchData = useCallback(async () => {
+    try {
+      setLoading(true);
+      const result = await api.search.facet.hit.post({
+        query: `howler.analytic:("${analytic.name}")`,
+        fields: [field]
+      });
+      const values = Object.entries(result[field]).sort(([__, valA], [___, valB]) => valB - valA).map(([key]) => key);
+      setDatasets(
+        await Promise.all(
+          values.map(async (_value) => {
+            const ingestionData = await api.search.histogram.hit.post("timestamp", {
+              query: `howler.analytic:("${analytic.name}") AND ${field}:("${_value}")`,
+              start: "now-3M",
+              gap: "1d",
+              mincount: 0
+            });
+            return {
+              label: _value,
+              fill: true,
+              data: Object.keys(ingestionData).map((time, index, arr) => ({
+                x: new Date(time).getTime(),
+                y: sum(arr.map((key) => ingestionData[key]).slice(0, index))
+              })),
+              borderColor: color(_value),
+              backgroundColor: color(_value),
+              pointBackgroundColor: "transparent",
+              pointBorderWidth: 0
+            };
+          })
+        )
+      );
+    } finally {
+      setLoading(false);
+    }
+  }, [analytic == null ? void 0 : analytic.name, color, field]);
+  useEffect(() => {
+    if (!analytic) {
+      return;
+    }
+    fetchData();
+  }, [analytic, fetchData]);
+  const options = useMemo(() => {
+    const baseOptions = line(`route.analytics.${field.replace("howler.", "")}.title`);
+    return {
+      ...baseOptions,
+      plugins: {
+        ...baseOptions.plugins,
+        tooltip: {
+          mode: "index"
+        }
+      },
+      scales: {
+        ...baseOptions.scales,
+        y: {
+          ...baseOptions.scales.y,
+          stacked: true
+        }
+      }
+    };
+  }, [field, line]);
+  return analytic && !loading ? /* @__PURE__ */ jsx(
+    Line,
+    {
+      ref,
+      options,
+      data: {
+        datasets
+      }
+    }
+  ) : /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", height: 200 });
+});
+export {
+  Stacked as default
+};

package/components/routes/analytics/widgets/Status.d.ts

@@ -0,0 +1,5 @@
+import { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+declare const Status: import('react').ForwardRefExoticComponent<{
+    analytic: Analytic;
+} & import('react').RefAttributes<any>>;
+export default Status;

package/components/routes/analytics/widgets/Status.js

@@ -0,0 +1,21 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { useTheme } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/chartjs-adapter-dayjs-4@1.0.4_chart.js@4.5.0_dayjs@1.11.13/node_modules/chartjs-adapter-dayjs-4/dist/chartjs-adapter-dayjs-4.esm.js";
+import { forwardRef } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { STATUS_COLORS } from "../../../../utils/constants.js";
+import Stacked from "./Stacked.js";
+const Status = forwardRef(({ analytic }, ref) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    Stacked,
+    {
+      ref,
+      analytic,
+      field: "howler.status",
+      color: (status) => status === "on-hold" ? theme.palette.grey : theme.palette[STATUS_COLORS[status]].main
+    }
+  );
+});
+export {
+  Status as default
+};

package/components/routes/dossiers/DossierCard.d.ts

@@ -0,0 +1,8 @@
+import { Dossier } from '@cccsaurora/howler-ui/models/entities/generated/Dossier';
+import { FC } from 'react';
+declare const DossierCard: FC<{
+    dossier: Dossier;
+    className?: string;
+    onDelete?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, id: string) => void;
+}>;
+export default DossierCard;

package/components/routes/dossiers/DossierCard.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Person, Language, Delete } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+icons-material@5.18.0_@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18._b9cf98cd2d466d3b4f338d38bc895c0b/node_modules/@mui/icons-material/esm/index.js";
+import { Card, Stack, Typography, Tooltip, Box, IconButton } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+import FlexOne from "../../elements/addons/layout/FlexOne.js";
+import HowlerAvatar from "../../elements/display/HowlerAvatar.js";
+import { useTranslation } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
+const DossierCard = ({ dossier, className, onDelete }) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(Card, { variant: "outlined", sx: { p: 1, mb: 1 }, className, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [
+    /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(Typography, { variant: "body1", display: "flex", alignItems: "start", children: [
+        /* @__PURE__ */ jsx(Tooltip, { title: t(`route.dossiers.manager.${dossier.type}`), children: dossier.type === "personal" ? /* @__PURE__ */ jsx(Person, { fontSize: "small" }) : /* @__PURE__ */ jsx(Language, { fontSize: "small" }) }),
+        /* @__PURE__ */ jsx(Box, { component: "span", ml: 1, children: dossier.title })
+      ] }),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: /* @__PURE__ */ jsx("code", { children: dossier.query }) })
+    ] }),
+    /* @__PURE__ */ jsx(FlexOne, {}),
+    /* @__PURE__ */ jsx(HowlerAvatar, { sx: { height: "24px", width: "24px" }, userId: dossier.owner }),
+    onDelete && /* @__PURE__ */ jsx(Tooltip, { title: t("route.dossiers.manager.delete"), children: /* @__PURE__ */ jsx(IconButton, { onClick: (e) => onDelete(e, dossier.dossier_id), children: /* @__PURE__ */ jsx(Delete, {}) }) })
+  ] }) }, dossier.dossier_id);
+};
+export {
+  DossierCard as default
+};

package/components/routes/dossiers/DossierEditor.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('react').NamedExoticComponent<{}>;
+export default _default;