@cccsaurora/howler-ui 2.17.0-dev.600 → 2.17.1-dev.627

package/components/routes/home/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from '@dnd-kit/core';
 import { SortableContext, arrayMove, sortableKeyboardCoordinates } from '@dnd-kit/sortable';
-import { Cancel, Check, Close, Edit, MoreVert, OpenInNew, Refresh } from '@mui/icons-material';
-import { Alert, AlertTitle, Box, CircularProgress, FormControl, FormLabel, Grid, IconButton, ListItemIcon, Menu, MenuItem, Slider, Stack, Tooltip, Typography } from '@mui/material';
+import { Cancel, Check, Close, Edit, MoreVert, OpenInNew } from '@mui/icons-material';
+import { Alert, AlertTitle, CircularProgress, FormControl, FormLabel, Grid, IconButton, ListItemIcon, Menu, MenuItem, Slider, Stack, Typography } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
 import { AppBrand } from '@cccsaurora/howler-ui/branding/AppBrand';
 import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
@@ -21,6 +21,7 @@ import AddNewCard from './AddNewCard';
 import AnalyticCard, {} from './AnalyticCard';
 import EntryWrapper from './EntryWrapper';
 import ViewCard, {} from './ViewCard';
+import ViewRefresh, {} from './ViewRefresh';
 const LUCENE_DATE_FMT = 'YYYY-MM-DD[T]HH:mm:ss';
 const REFRESH_RATES = [15, 30, 60, 300];
 const Home = () => {
@@ -33,13 +34,10 @@ const Home = () => {
     const [isEditing, setIsEditing] = useState(false);
     const [updatedHitTotal, setUpdatedHitTotal] = useState(0);
     const [dashboard, setStateDashboard] = useState(user.dashboard ?? []);
-    const [progress, setProgress] = useState(0);
-    const [isRefreshing, setIsRefreshing] = useState(false);
     const [openSettings, setOpenSettings] = useState(null);
     const [refreshRate, setRefreshRate] = useState(user.refresh_rate ?? 15);
     const [refreshTick, setRefreshTick] = useState(null);
-    const pendingRefreshes = useRef(0);
-    const timerRef = useRef(null);
+    const viewRefreshRef = useRef(null);
     const debounceTimerRef = useRef(null);
     const updateQuery = useMemo(() => `(howler.log.user:${user.username} OR howler.assignment:${user.username}) AND howler.log.timestamp:{${lastViewed} TO now} AND -howler.status:resolved`, [lastViewed, user.username]);
     const getIdFromEntry = useCallback((entry) => {
@@ -58,11 +56,7 @@ const Home = () => {
         setStateDashboard(_dashboard);
     }, []);
     const handleRefreshComplete = useCallback(() => {
-        pendingRefreshes.current -= 1;
-        if (pendingRefreshes.current <= 0) {
-            setIsRefreshing(false);
-            setProgress(0);
-        }
+        viewRefreshRef.current?.handleRefreshComplete();
     }, []);
     const handleRefreshRateChange = useCallback((newRate) => {
         setRefreshRate(newRate);
@@ -78,17 +72,9 @@ const Home = () => {
             setRefreshRateBackend(newRate);
         }, 500);
     }, [setRefreshRateBackend, setUser]);
-    const refreshViews = useCallback(() => {
-        const viewCardCount = (dashboard ?? []).filter(e => e.type === 'view').length;
-        setIsRefreshing(true);
-        pendingRefreshes.current = viewCardCount;
-        if (viewCardCount === 0) {
-            setIsRefreshing(false);
-            setProgress(0);
-            return;
-        }
+    const handleRefresh = useCallback(() => {
         setRefreshTick(Symbol());
-    }, [dashboard]);
+    }, []);
     const handleOpenSettings = (event) => {
         setOpenSettings(event.currentTarget);
     };
@@ -126,37 +112,14 @@ const Home = () => {
         })
             .then(result => setUpdatedHitTotal(result.total));
     }, [updateQuery]);
-    useEffect(() => {
-        if (isRefreshing)
-            return;
-        if (progress >= 100) {
-            refreshViews();
-            return;
-        }
-        timerRef.current = setTimeout(() => {
-            setProgress(prev => prev + 1);
-        }, refreshRate * 10);
-        return () => {
-            if (timerRef.current)
-                clearTimeout(timerRef.current);
-        };
-    }, [progress, isRefreshing, refreshRate, refreshViews]);
     useEffect(() => {
         return () => {
             if (debounceTimerRef.current)
                 clearTimeout(debounceTimerRef.current);
         };
     }, []);
-    return (_jsx(PageCenter, { maxWidth: "100%", textAlign: "left", height: "100%", children: _jsx(ErrorBoundary, { children: _jsxs(Stack, { direction: "column", spacing: 1, sx: { height: '100%' }, children: [_jsxs(Stack, { direction: "row", justifyContent: "end", spacing: 1, children: [isEditing && (_jsx(CustomButton, { variant: "outlined", size: "small", color: "error", startIcon: _jsx(Cancel, {}), onClick: discardChanges, children: t('cancel') })), isEditing && (_jsx(CustomButton, { variant: "outlined", size: "small", disabled: isEqual(dashboard, user.dashboard), color: 'success', startIcon: loading ? _jsx(CircularProgress, { size: 20 }) : _jsx(Check, {}), onClick: saveChanges, children: t('save') })), _jsxs(Box, { sx: { position: 'relative', display: 'inline-flex' }, children: [isRefreshing ? (_jsx(CircularProgress, { variant: "indeterminate" })) : (_jsx(CircularProgress, { variant: "determinate", value: progress })), _jsx(Box, { sx: {
-                                            top: 0,
-                                            left: 0,
-                                            bottom: 0,
-                                            right: 0,
-                                            position: 'absolute',
-                                            display: 'flex',
-                                            alignItems: 'center',
-                                            justifyContent: 'center'
-                                        }, children: _jsx(Tooltip, { title: t('refresh'), children: _jsx(IconButton, { onClick: refreshViews, disabled: isRefreshing, color: "primary", children: _jsx(Refresh, {}) }) }) })] }), _jsx(IconButton, { onClick: handleOpenSettings, children: _jsx(MoreVert, {}) }), _jsxs(Menu, { id: "settings-menu", anchorEl: openSettings, open: !!openSettings, onClose: () => setOpenSettings(null), children: [_jsxs(MenuItem, { disabled: isEditing, onClick: () => {
+    const viewCardCount = useMemo(() => (dashboard ?? []).filter(e => e.type === 'view').length, [dashboard]);
+    return (_jsx(PageCenter, { maxWidth: "100%", textAlign: "left", height: "100%", children: _jsx(ErrorBoundary, { children: _jsxs(Stack, { direction: "column", spacing: 1, sx: { height: '100%' }, children: [_jsxs(Stack, { direction: "row", justifyContent: "end", spacing: 1, children: [isEditing && (_jsx(CustomButton, { variant: "outlined", size: "small", color: "error", startIcon: _jsx(Cancel, {}), onClick: discardChanges, children: t('cancel') })), isEditing && (_jsx(CustomButton, { variant: "outlined", size: "small", disabled: isEqual(dashboard, user.dashboard), color: 'success', startIcon: loading ? _jsx(CircularProgress, { size: 20 }) : _jsx(Check, {}), onClick: saveChanges, children: t('save') })), _jsx(ViewRefresh, { ref: viewRefreshRef, refreshRate: refreshRate, viewCardCount: viewCardCount, onRefresh: handleRefresh }), _jsx(IconButton, { onClick: handleOpenSettings, children: _jsx(MoreVert, {}) }), _jsxs(Menu, { id: "settings-menu", anchorEl: openSettings, open: !!openSettings, onClose: () => setOpenSettings(null), children: [_jsxs(MenuItem, { disabled: isEditing, onClick: () => {
                                             setOpenSettings(null);
                                             setIsEditing(true);
                                         }, children: [_jsx(ListItemIcon, { children: _jsx(Edit, {}) }), t('page.dashboard.settings.edit')] }), _jsx(MenuItem, { disableRipple: true, disableTouchRipple: true, sx: { '&:hover': { bgcolor: 'transparent' }, cursor: 'default' }, children: _jsxs(FormControl, { sx: { px: 2, py: 1, minWidth: 250, pointerEvents: 'auto' }, children: [_jsx(FormLabel, { id: "refresh-rate-label", sx: { mb: 2 }, children: t('page.dashboard.settings.refreshRate') }), _jsx(Slider, { "aria-labelledby": "refresh-rate-label", value: REFRESH_RATES.indexOf(refreshRate), onChange: (_, value) => handleRefreshRateChange(REFRESH_RATES[value]), step: 1, marks: [

package/components/{elements/MarkdownEditor.js → routes/overviews/OverviewEditor.js}

@@ -4,8 +4,8 @@ import { useTheme } from '@mui/material';
 import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
 import ThemedEditor from '@cccsaurora/howler-ui/components/elements/ThemedEditor';
 import { memo, useCallback, useContext, useEffect, useMemo } from 'react';
-import { conf, language } from '../routes/overviews/markdownExtendedTokenProvider';
-const MarkdownEditor = ({ content, setContent, onMount, fontSize = 16, height = '100%', width = '100%', editorOptions = {} }) => {
+import { conf, language } from './markdownExtendedTokenProvider';
+const OverviewEditor = ({ content, setContent, onMount, fontSize = 16, height = '100%', width = '100%', editorOptions = {} }) => {
     const theme = useTheme();
     const monaco = useMonaco();
     const { config } = useContext(ApiConfigContext);
@@ -53,4 +53,4 @@ const MarkdownEditor = ({ content, setContent, onMount, fontSize = 16, height =
     }), [fontSize, editorOptions]);
     return (_jsx(ThemedEditor, { height: height, width: width, theme: theme.palette.mode === 'light' ? 'howler' : 'howler-dark', value: content, onChange: value => setContent(value), beforeMount: beforeEditorMount, onMount: onMount, options: options }));
 };
-export default memo(MarkdownEditor);
+export default memo(OverviewEditor);

package/components/routes/overviews/OverviewViewer.js

@@ -15,7 +15,7 @@ import useMyTheme from '@cccsaurora/howler-ui/components/hooks/useMyTheme';
 import { useSearchParams } from 'react-router-dom';
 import hitsData from '@cccsaurora/howler-ui/utils/hit.json';
 import { sanitizeLuceneQuery } from '@cccsaurora/howler-ui/utils/stringUtils';
-import MarkdownEditor from '../../elements/MarkdownEditor';
+import OverviewEditor from './OverviewEditor';
 import { useStartingTemplate } from './startingTemplate';
 const OverviewViewer = () => {
     const theme = useTheme();
@@ -188,7 +188,7 @@ const OverviewViewer = () => {
                                         right: `calc(50% + 7px - ${x}px)`,
                                         mr: -2.4,
                                         pr: 1.5
-                                    }, children: _jsx(MarkdownEditor, { height: "100%", content: content, setContent: setContent }) }) }), _jsx(Box, { sx: {
+                                    }, children: _jsx(OverviewEditor, { height: "100%", content: content, setContent: setContent }) }) }), _jsx(Box, { sx: {
                                     position: 'absolute',
                                     top: 0,
                                     bottom: 0,

package/components/routes/settings/LocalSection.js

@@ -21,6 +21,7 @@ const LocalSection = () => {
     const [displayType, setDisplayType] = useMyLocalStorageItem(StorageKey.DISPLAY_TYPE, 'list');
     const [pageCount, setPageCount] = useMyLocalStorageItem(StorageKey.PAGE_COUNT, 25);
     const [searchWidth, setSearchWidth] = useMyLocalStorageItem(StorageKey.SEARCH_PANE_WIDTH, null);
-    return (_jsxs(SettingsSection, { title: t('page.settings.local.title'), colSpan: 3, children: [_jsx(EditRow, { titleKey: "page.settings.local.compact.json", descriptionKey: "page.settings.local.compact.json.description", value: compactJson, type: "checkbox", onEdit: async (value) => setCompactJson(JSON.parse(value)) }), _jsx(EditRow, { titleKey: "page.settings.local.flatten.json", descriptionKey: "page.settings.local.flatten.json.description", value: flattenJson, type: "checkbox", onEdit: async (value) => setFlattenJson(JSON.parse(value)) }), _jsx(EditRow, { titleKey: "page.settings.local.details.drawer", descriptionKey: "page.settings.local.details.drawer.description", value: forceDrawer, type: "checkbox", onEdit: async (value) => setForceDrawer(JSON.parse(value)) }), _jsx(EditRow, { titleKey: "page.settings.local.search.width", descriptionKey: "page.settings.local.search.width.description", value: searchWidth, type: "range", min: 400, max: Math.floor(window.innerWidth / 100) * 100, optional: true, onEdit: async (value) => setSearchWidth(value ? parseInt(value) : null) }), _jsxs(TableRow, { children: [_jsx(TableCell, { sx: CELL_SX, style: { whiteSpace: 'nowrap' }, children: t('page.settings.local.hits.layout') }), _jsx(TableCell, { sx: CELL_SX, colSpan: 2, align: "right", children: _jsxs(ToggleButtonGroup, { size: "small", value: hitLayout, exclusive: true, onChange: (_, value) => setHitLayout(value), children: [_jsx(ToggleButton, { value: HitLayout.DENSE, children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(ViewCompact, {}), _jsx("span", { children: t('page.settings.local.hits.layout.dense') })] }) }), _jsx(ToggleButton, { value: HitLayout.NORMAL, children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(ViewModule, {}), _jsx("span", { children: t('page.settings.local.hits.layout.normal') })] }) }), _jsx(ToggleButton, { value: HitLayout.COMFY, children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(ViewComfy, {}), _jsx("span", { children: t('page.settings.local.hits.layout.comfy') })] }) })] }) })] }), _jsx(TableRow, { children: _jsx(TableCell, { colSpan: 3, sx: { paddingTop: '0 !important' }, children: _jsx(Typography, { variant: "caption", color: "text.secondary", children: t('page.settings.local.hits.layout.description') }) }) }), _jsxs(TableRow, { children: [_jsx(TableCell, { sx: CELL_SX, style: { whiteSpace: 'nowrap' }, children: t('page.settings.local.hits.display_type') }), _jsx(TableCell, { sx: CELL_SX, colSpan: 2, align: "right", children: _jsxs(ToggleButtonGroup, { size: "small", value: displayType, exclusive: true, onChange: (_, value) => setDisplayType(value), children: [_jsx(ToggleButton, { value: "list", children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(List, {}), _jsx("span", { children: t('page.settings.local.hits.display_type.list') })] }) }), _jsx(ToggleButton, { value: "grid", children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(TableChart, {}), _jsx("span", { children: t('page.settings.local.hits.display_type.grid') })] }) })] }) })] }), _jsx(TableRow, { children: _jsx(TableCell, { colSpan: 3, sx: { paddingTop: '0 !important' }, children: _jsx(Typography, { variant: "caption", color: "text.secondary", children: t('page.settings.local.hits.display_type.description') }) }) }), _jsxs(TableRow, { children: [_jsx(TableCell, { sx: CELL_SX, style: { whiteSpace: 'nowrap' }, children: t('page.settings.local.results.count') }), _jsx(TableCell, { sx: CELL_SX, colSpan: 2, align: "right", children: _jsxs(Select, { size: "small", sx: { minWidth: '75px', textAlign: 'left' }, value: pageCount, onChange: event => setPageCount(typeof event.target.value === 'string' ? parseInt(event.target.value) : event.target.value), children: [_jsx(MenuItem, { value: 5, children: "5" }), _jsx(MenuItem, { value: 10, children: "10" }), _jsx(MenuItem, { value: 25, children: "25" }), _jsx(MenuItem, { value: 50, children: "50" }), _jsx(MenuItem, { value: 75, children: "75" }), _jsx(MenuItem, { value: 100, children: "100" }), _jsx(MenuItem, { value: 150, children: "150" }), _jsx(MenuItem, { value: 250, children: "250" })] }) })] }), _jsx(TableRow, { children: _jsx(TableCell, { colSpan: 3, sx: { paddingTop: '0 !important' }, children: _jsx(Typography, { variant: "caption", color: "text.secondary", children: t('page.settings.local.results.count.description') }) }) }), howlerPluginStore.plugins.map(plugin => pluginStore.executeFunction(`${plugin}.settings`, 'local'))] }));
+    const [templateFieldCount, setTemplateFieldCount] = useMyLocalStorageItem(StorageKey.TEMPLATE_FIELD_COUNT, null);
+    return (_jsxs(SettingsSection, { title: t('page.settings.local.title'), colSpan: 3, children: [_jsx(EditRow, { titleKey: "page.settings.local.compact.json", descriptionKey: "page.settings.local.compact.json.description", value: compactJson, type: "checkbox", onEdit: async (value) => setCompactJson(JSON.parse(value)) }), _jsx(EditRow, { titleKey: "page.settings.local.flatten.json", descriptionKey: "page.settings.local.flatten.json.description", value: flattenJson, type: "checkbox", onEdit: async (value) => setFlattenJson(JSON.parse(value)) }), _jsx(EditRow, { titleKey: "page.settings.local.details.drawer", descriptionKey: "page.settings.local.details.drawer.description", value: forceDrawer, type: "checkbox", onEdit: async (value) => setForceDrawer(JSON.parse(value)) }), _jsx(EditRow, { titleKey: "page.settings.local.search.width", descriptionKey: "page.settings.local.search.width.description", value: searchWidth, type: "range", min: 400, max: Math.floor(window.innerWidth / 100) * 100, optional: true, onEdit: async (value) => setSearchWidth(value ? parseInt(value) : null) }), _jsxs(TableRow, { children: [_jsx(TableCell, { sx: CELL_SX, style: { whiteSpace: 'nowrap' }, children: t('page.settings.local.hits.layout') }), _jsx(TableCell, { sx: CELL_SX, colSpan: 2, align: "right", children: _jsxs(ToggleButtonGroup, { size: "small", value: hitLayout, exclusive: true, onChange: (_, value) => setHitLayout(value), children: [_jsx(ToggleButton, { value: HitLayout.DENSE, children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(ViewCompact, {}), _jsx("span", { children: t('page.settings.local.hits.layout.dense') })] }) }), _jsx(ToggleButton, { value: HitLayout.NORMAL, children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(ViewModule, {}), _jsx("span", { children: t('page.settings.local.hits.layout.normal') })] }) }), _jsx(ToggleButton, { value: HitLayout.COMFY, children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(ViewComfy, {}), _jsx("span", { children: t('page.settings.local.hits.layout.comfy') })] }) })] }) })] }), _jsx(TableRow, { children: _jsx(TableCell, { colSpan: 3, sx: { paddingTop: '0 !important' }, children: _jsx(Typography, { variant: "caption", color: "text.secondary", children: t('page.settings.local.hits.layout.description') }) }) }), _jsx(EditRow, { titleKey: "page.settings.local.hits.field_count", descriptionKey: "page.settings.local.hits.field_count.description", value: templateFieldCount, type: "range", min: 0, step: 1, max: 15, optional: true, onEdit: async (value) => setTemplateFieldCount(value ? parseInt(value) : null), valueLabelFormat: val => val.toString() }), _jsxs(TableRow, { children: [_jsx(TableCell, { sx: CELL_SX, style: { whiteSpace: 'nowrap' }, children: t('page.settings.local.hits.display_type') }), _jsx(TableCell, { sx: CELL_SX, colSpan: 2, align: "right", children: _jsxs(ToggleButtonGroup, { size: "small", value: displayType, exclusive: true, onChange: (_, value) => setDisplayType(value), children: [_jsx(ToggleButton, { value: "list", children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(List, {}), _jsx("span", { children: t('page.settings.local.hits.display_type.list') })] }) }), _jsx(ToggleButton, { value: "grid", children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(TableChart, {}), _jsx("span", { children: t('page.settings.local.hits.display_type.grid') })] }) })] }) })] }), _jsx(TableRow, { children: _jsx(TableCell, { colSpan: 3, sx: { paddingTop: '0 !important' }, children: _jsx(Typography, { variant: "caption", color: "text.secondary", children: t('page.settings.local.hits.display_type.description') }) }) }), _jsxs(TableRow, { children: [_jsx(TableCell, { sx: CELL_SX, style: { whiteSpace: 'nowrap' }, children: t('page.settings.local.results.count') }), _jsx(TableCell, { sx: CELL_SX, colSpan: 2, align: "right", children: _jsxs(Select, { size: "small", sx: { minWidth: '75px', textAlign: 'left' }, value: pageCount, onChange: event => setPageCount(typeof event.target.value === 'string' ? parseInt(event.target.value) : event.target.value), children: [_jsx(MenuItem, { value: 5, children: "5" }), _jsx(MenuItem, { value: 10, children: "10" }), _jsx(MenuItem, { value: 25, children: "25" }), _jsx(MenuItem, { value: 50, children: "50" }), _jsx(MenuItem, { value: 75, children: "75" }), _jsx(MenuItem, { value: 100, children: "100" }), _jsx(MenuItem, { value: 150, children: "150" }), _jsx(MenuItem, { value: 250, children: "250" })] }) })] }), _jsx(TableRow, { children: _jsx(TableCell, { colSpan: 3, sx: { paddingTop: '0 !important' }, children: _jsx(Typography, { variant: "caption", color: "text.secondary", children: t('page.settings.local.results.count.description') }) }) }), howlerPluginStore.plugins.map(plugin => pluginStore.executeFunction(`${plugin}.settings`, 'local'))] }));
 };
 export default LocalSection;

package/locales/en/translation.json

@@ -79,8 +79,6 @@
     "comments.edit.stop": "Stop Editing",
     "comments.edited": "Edited",
     "comments.quote": "Quote Reply",
-    "complete": "Complete",
-    "crisis": "Crisis",
     "custom": "Custom",
     "date.range.1.day": "The last day",
     "date.range.1.month": "The last month",
@@ -106,16 +104,14 @@
     "drawer.expand": "Expand Menu",
     "duplicates.omitted": "Some duplicate entries have been omitted.",
     "edit": "Edit",
-    "event.module": "Event Module",
-    "event.type": "Event Type",
     "features.warning.description": "This feature is undergoing active development, and is not yet in a finished state. You may encounter bugs or instability.",
     "features.warning.title": "Feature In Active Development",
-    "focus": "Main focus",
     "global": "Global",
     "help.actions.introduction": "Introduction to Actions",
     "help.hit.banner.description": "See the below hit banner example for the hit keys necessary to properly populate it. If you have any additional questions, ask in the HOWLER support channel.",
     "help.hit.banner.json": "Here is the hit data used to populate this banner:",
     "help.hit.banner.title": "Populating the Hit Banner",
+    "help.hit.bundle.title": "Hit Bundles",
     "help.hit.labels.title": "Hit Labels",
     "help.hit.links.title": "Hit Links",
     "help.hit.schema.description.missing": "No description provided.",
@@ -166,20 +162,16 @@
     "hit.header.assignment": "Assignment: {{user}}",
     "hit.header.assignment.add": "Assign to a user",
     "hit.header.assignment.change": "Change assignment",
+    "hit.header.bundlesize": "{{hits}} hits",
     "hit.header.escalation": "Escalation Level: ",
     "hit.header.indicators": "Indicators",
     "hit.header.rationale": "Rationale",
-    "hit.header.related": "{{count}} related records",
     "hit.header.scrutiny": "Scrutiny: ",
     "hit.header.status": "Status: ",
     "hit.header.summary": "Summary",
     "hit.header.target": "Target",
     "hit.header.threat": "Threat",
-    "hit.header.view.case": "View case {{id}}",
-    "hit.header.view.hit": "View hit {{id}}",
-    "hit.header.view.observable": "View observable {{id}}",
     "hit.header.votes": "Votes: ",
-    "hit.howler.related": "{{count}} related records",
     "hit.label": "Labels",
     "hit.label.category.assignments": "Category: Assignments - Specifies what analyst or team of analysts is assigned to triaging this hit.",
     "hit.label.category.campaign": "Catergory: Campaign - Identifies ongoing campaigns from specific malware families or phishing initiatives. They should only be considered correct attributions if the hit is promoted to evidence.",
@@ -219,10 +211,6 @@
     "hit.panel.open": "Open Hit Viewer",
     "hit.panel.view.layout": "Change View Panel",
     "hit.quicksearch": "Search by assignment, analytic, detection or status",
-    "hit.related.tab.case": "Cases",
-    "hit.related.tab.hit": "Hits",
-    "hit.related.tab.links": "Links",
-    "hit.related.tab.observable": "Observables",
     "hit.search.aggregate.button": "Create Summary",
     "hit.search.button": "Perform search",
     "hit.search.custom": "Custom Sort",
@@ -231,8 +219,6 @@
     "hit.search.filter.fields": "Fields",
     "hit.search.filter.label": "Lookup Filters",
     "hit.search.filter.values": "Values",
-    "hit.search.index.hit": "Hits",
-    "hit.search.index.observable": "Observables",
     "hit.search.invalid": "Invalid Query",
     "hit.search.keyboard": "Keyboard shortcuts",
     "hit.search.keyboard.no_shortcuts": "No shortcuts",
@@ -305,8 +291,6 @@
     "modal.action.empty": "Action Name cannot be empty.",
     "modal.action.label": "Action Name",
     "modal.action.title": "Save Action",
-    "modal.cases.resolve": "Resolve Case",
-    "modal.cases.resolve.description": "When resolving a case, you must either assess all open alerts, or add an assessment to the alerts.",
     "modal.confirm.delete.description": "Are you sure you want to delete this item?",
     "modal.confirm.delete.title": "Confirm Deletion",
     "modal.rationale.description": "Provide a rationale that succinctly explains to other analysts why you are confident in this assessment.",
@@ -328,7 +312,6 @@
     "modal.rule.title": "Create a New Rule",
     "no.data": "No Data",
     "none": "None",
-    "normal": "Normal Priority",
     "on": "on",
     "open": "Open",
     "operations.add_label": "Add Label",
@@ -348,21 +331,6 @@
     "owner": "Owner",
     "page.404.description": "The page you are looking for cannot be found...",
     "page.404.title": "404: Not found",
-    "page.cases.created": "Created",
-    "page.cases.dashboard": "Dashboard",
-    "page.cases.dashboard.alerts": "Alerts",
-    "page.cases.dashboard.cases": "Related Cases",
-    "page.cases.dashboard.duration": "Duration",
-    "page.cases.dashboard.indicators": "Indicators",
-    "page.cases.dashboard.target": "Targets",
-    "page.cases.dashboard.tasks": "Tasks",
-    "page.cases.dashboard.threat": "Threats",
-    "page.cases.detail.participants": "Participants",
-    "page.cases.detail.properties": "Properties",
-    "page.cases.detail.status": "Status",
-    "page.cases.escalation": "Escalation",
-    "page.cases.sources": "Sources",
-    "page.cases.updated": "Updated",
     "page.dashboard.settings.edit": "Edit Dashboard",
     "page.dashboard.settings.refreshRate": "Refresh Rate",
     "page.dashboard.title": "Dashboard",
@@ -402,6 +370,8 @@
     "page.settings.local.hits.display_type.description": "This setting allows you to decide whether to use the list or grid view by default when searching.",
     "page.settings.local.hits.display_type.grid": "Grid",
     "page.settings.local.hits.display_type.list": "List",
+    "page.settings.local.hits.field_count": "Template Field Count",
+    "page.settings.local.hits.field_count.description": "What is the maximum number of fields we should show from a given template?",
     "page.settings.local.hits.layout": "Change Layout",
     "page.settings.local.hits.layout.comfy": "Comfy",
     "page.settings.local.hits.layout.dense": "Dense",
@@ -431,8 +401,6 @@
     "page.user.search.column.groups": "Groups",
     "page.user.search.column.username": "Username",
     "page.user.search.prompt": "Search by username, fullname, email or group",
-    "pages.cases.detail.participants": "Participants",
-    "pages.cases.detail.status": "Status",
     "password": "New Password",
     "password.confirm": "Confirm Password",
     "password.match": "Password and Confirm Password must match",
@@ -450,6 +418,7 @@
     "quicksearch.placeholder": "Search ...",
     "rationale.default": "Hit assessed as {{assessment}}",
     "references": "references",
+    "refresh": "Refresh",
     "retention.error": "This hit is {{ duration }} from automatic deletion. You will soon lose access to this hit in Howler - consider retaining the hit if you want to avoid data loss.",
     "retention.imminent": "moments away",
     "retention.safe": "This hit is {{ duration }} from automatic deletion.",
@@ -560,11 +529,6 @@
     "route.analytics.triage.title": "Triage Settings",
     "route.analytics.updated": "Analytic Updated!",
     "route.analytics.view": "View Analytic",
-    "route.cases": "Cases",
-    "route.cases.create": "Create Case",
-    "route.cases.manager.search": "Search Cases",
-    "route.cases.search.prompt": "Search Cases via title, summary or indicators",
-    "route.cases.view": "View Case",
     "route.clear": "Clear query",
     "route.dossiers": "Dossiers",
     "route.dossiers.create": "New Dossier",
@@ -636,6 +600,7 @@
     "route.help.views": "Views",
     "route.history": "History mode: See all previous queries",
     "route.hits": "Alerts",
+    "route.hits.bundle": "View Bundle",
     "route.hits.view": "View Hit",
     "route.home": "User Dashboard",
     "route.home.add": "Add New Panel",
@@ -738,7 +703,6 @@
     "search.result.showing": "Showing {{offset}} to {{length}} of {{total}} results",
     "search.result.showing.single": "No results",
     "search.total": "There are a total of {{count}} hits matching this query.",
-    "started": "Started",
     "templates.edit.analytic": "Edit analytic template",
     "templates.edit.detection": "Edit detection template",
     "to": "to",

package/locales/fr/translation.json

@@ -81,8 +81,6 @@
     "comments.edit.stop": "Arrêter Modification",
     "comments.edited": "Modifié",
     "comments.quote": "Citation Réponse",
-    "complete": "Terminé",
-    "crisis": "Crise",
     "custom": "Personnalisé",
     "date.range.1.day": "Dernier jour",
     "date.range.1.month": "Le dernier mois",
@@ -108,11 +106,8 @@
     "drawer.expand": "Ouvrir le Menu",
     "duplicates.omitted": "Certains doublons ont été omis.",
     "edit": "Modifier",
-    "event.module": "Module d'événement",
-    "event.type": "Type d'événement",
     "features.warning.description": "Cette fonctionnalité fait l'objet d'un développement actif et n'est pas encore achevée. Il est possible que vous rencontriez des problèmes ou de l'instabilité.",
     "features.warning.title": "Fonctionnalité en développement actif",
-    "focus": "Focus principal",
     "global": "Global",
     "help.actions.introduction": "Introduction aux actions",
     "help.hit.banner.description": "Voir l'exemple d'en-tête de résultat ci-dessous pour connaître les clés de résultat nécessaires pour le remplir correctement. Si vous avez d'autres questions, posez-les dans le réseau d'assistance HOWLER.",
@@ -169,18 +164,15 @@
     "hit.header.assignment": "Affectation: {{user}}",
     "hit.header.assignment.add": "Attribuer à un utilisateur",
     "hit.header.assignment.change": "Changer l'affectation",
+    "hit.header.bundlesize": "{{hits}} hits",
     "hit.header.escalation": "Niveau d'escalade: ",
     "hit.header.indicators": "Indicateurs",
     "hit.header.rationale": "Justification",
-    "hit.header.related": "{{count}} documrents associés",
     "hit.header.scrutiny": "Examen minutieux: ",
     "hit.header.status": "Statut: ",
     "hit.header.summary": "Résumé",
     "hit.header.target": "Cible",
     "hit.header.threat": "Menace",
-    "hit.header.view.case": "Voir le cas {{id}}",
-    "hit.header.view.hit": "Voir l'alerte {{id}}",
-    "hit.header.view.observable": "Voir l'observable {{id}}",
     "hit.header.votes": "Votes: ",
     "hit.label": "Étiquettes",
     "hit.label.category.assignments": "Catégorie : Affectation - Indique quel analyste ou quelle équipe d'analystes est chargé(e) de trier cette réponse positive.",
@@ -222,10 +214,6 @@
     "hit.panel.open": "Ouvrir hit",
     "hit.panel.view.layout": "Modifier le panneau d'affichage",
     "hit.quicksearch": "Recherche par affectation, analytique, détection ou état",
-    "hit.related.tab.case": "Cas",
-    "hit.related.tab.hit": "Alertes",
-    "hit.related.tab.links": "Liens",
-    "hit.related.tab.observable": "Observables",
     "hit.search.aggregate.button": "Créer un sommaire",
     "hit.search.button": "Effectuer une recherche",
     "hit.search.custom": "Triage personnalisé",
@@ -328,7 +316,6 @@
     "modal.rule.title": "Créer une nouvelle règle",
     "no.data": "Aucune donnée",
     "none": "Rien",
-    "normal": "Priorité normale",
     "on": "sur",
     "open": "Ouvert",
     "operations.add_label": "Ajouter un label",
@@ -348,21 +335,6 @@
     "owner": "Propriétaire",
     "page.404.description": "La page que vous recherchez est introuvable ...",
     "page.404.title": "404: Introuvable",
-    "page.cases.created": "Créé",
-    "page.cases.dashboard": "Tableau de bord",
-    "page.cases.dashboard.alerts": "Alertes",
-    "page.cases.dashboard.cases": "Cas connexes",
-    "page.cases.dashboard.duration": "Durée",
-    "page.cases.dashboard.indicators": "Indicateurs",
-    "page.cases.dashboard.target": "Cibles",
-    "page.cases.dashboard.tasks": "Tâches",
-    "page.cases.dashboard.threat": "Menaces",
-    "page.cases.detail.participants": "Participants",
-    "page.cases.detail.properties": "Propriétés",
-    "page.cases.detail.status": "Statut",
-    "page.cases.escalation": "Escalade",
-    "page.cases.sources": "Sources",
-    "page.cases.updated": "Mis à jour",
     "page.dashboard.settings.edit": "Modifier le tableau de bord",
     "page.dashboard.settings.refreshRate": "Fréquence de rafraîchissement",
     "page.dashboard.title": "Tableau de bord",
@@ -403,6 +375,8 @@
     "page.settings.local.hits.display_type.description": "Ce paramètre vous permet de choisir entre l'affichage sous forme de liste ou de grille par défaut lors d'une recherche.",
     "page.settings.local.hits.display_type.grid": "Grille",
     "page.settings.local.hits.display_type.list": "Liste",
+    "page.settings.local.hits.field_count": "Nombre de champs du modèle",
+    "page.settings.local.hits.field_count.description": "Quel est le nombre maximal de champs que nous devons afficher à partir d'un modèle donné?",
     "page.settings.local.hits.layout": "Change Layout",
     "page.settings.local.hits.layout.comfy": "Confortable",
     "page.settings.local.hits.layout.dense": "Dense",
@@ -432,8 +406,6 @@
     "page.user.search.column.groups": "Groupes",
     "page.user.search.column.username": "Nom d'utilisateur",
     "page.user.search.prompt": "Rechercher par nom d'utilisateur, nom complet, e-mail ou groupe",
-    "pages.cases.detail.participants": "Participants",
-    "pages.cases.detail.status": "Statut",
     "password": "Nouveau mot de passe",
     "password.confirm": "Confirmer le mot de passe",
     "password.match": "Le mot de passe et le mot de passe de confirmation doivent correspondre",
@@ -452,6 +424,7 @@
     "quicksearch.placeholder": "Recherche ...",
     "rationale.default": "Hit évaluée comme {{assessment}}",
     "references": "références",
+    "refresh": "Rafraîchir",
     "retention.error": "Ce résultat est {{ duration }} de la suppression automatique. Vous n'aurez bientôt plus accès à ce résultat dans Howler. Pensez à conserver ce résultat si vous voulez éviter toute perte de données.",
     "retention.imminent": "à quelques instants",
     "retention.safe": "Ce résultat est {{ duration }} de la suppression automatique.",
@@ -561,9 +534,6 @@
     "route.analytics.triage.title": "Paramètres de triage",
     "route.analytics.updated": "Analytic mis a jour!",
     "route.analytics.view": "Voir l'analyse",
-    "route.cases.create": "Créer un cas",
-    "route.cases.manager.search": "Rechercher des cas",
-    "route.cases.search.prompt": "Rechercher des cas par titre, résumé ou indicateurs",
     "route.clear": "Effacer la requête",
     "route.dossiers": "Dossiers",
     "route.dossiers.create": "Nouveau dossier",
@@ -735,7 +705,6 @@
     "search.result.showing": "Affichage de {{offset}} à {{length}} sur {{total}} articles",
     "search.result.showing.single": "Aucun articles",
     "search.total": "Il y a un total de {{count}} résultats correspondant à cette requête.",
-    "started": "Démarré",
     "templates.edit.analytic": "Modifier modèle pour cette analyse",
     "templates.edit.detection": "Modifier modèle pour cette détection",
     "to": "à",

package/models/WithMetadata.d.ts

@@ -4,10 +4,9 @@ import type { Overview } from './entities/generated/Overview';
 import type { Template } from './entities/generated/Template';
 
 export type WithMetadata<T> = T & {
-  __index?: string;
-
   __analytic?: Analytic;
   __overview?: Overview;
   __template?: Template;
+
   __dossiers?: Dossier[];
 };

package/models/entities/generated/{ThreatEnrichment.d.ts → Enrichment.d.ts}

@@ -4,7 +4,7 @@ import type { Matched } from './Matched';
 /**
  * NOTE: This is an auto-generated file. Don't edit this manually.
  */
-export interface ThreatEnrichment {
+export interface Enrichment {
   indicator?: Indicator;
   matched?: Matched;
 }

package/models/entities/generated/Howler.d.ts

@@ -14,6 +14,8 @@ export interface Howler {
   analytic: string;
   assessment?: string;
   assignment: string;
+  bundle_size?: number;
+  bundles?: string[];
   comment?: HowlerComment[];
   confidence?: number;
   data?: string[];
@@ -22,8 +24,10 @@ export interface Howler {
   escalation?: string;
   expiry?: string;
   hash: string;
+  hits?: string[];
   id: string;
   incidents?: Incident[];
+  is_bundle?: boolean;
   labels?: Labels;
   links?: Link[];
   log?: Log[];

package/models/entities/generated/Rule.d.ts

@@ -2,6 +2,14 @@
  * NOTE: This is an auto-generated file. Don't edit this manually.
  */
 export interface Rule {
-  destination?: string;
-  query?: string;
+  author?: string;
+  category?: string;
+  description?: string;
+  id?: string;
+  license?: string;
+  name?: string;
+  reference?: string;
+  ruleset?: string;
+  uuid?: string;
+  version?: string;
 }

package/models/entities/generated/Threat.d.ts

@@ -1,6 +1,6 @@
+import type { Enrichment } from './Enrichment';
 import type { Feed } from './Feed';
 import type { Software } from './Software';
-import type { ThreatEnrichment } from './ThreatEnrichment';
 import type { ThreatGroup } from './ThreatGroup';
 import type { ThreatIndicator } from './ThreatIndicator';
 import type { ThreatTactic } from './ThreatTactic';
@@ -10,7 +10,7 @@ import type { ThreatTechnique } from './ThreatTechnique';
  * NOTE: This is an auto-generated file. Don't edit this manually.
  */
 export interface Threat {
-  enrichments?: ThreatEnrichment[];
+  enrichments?: Enrichment[];
   feed?: Feed;
   framework?: string;
   group?: ThreatGroup;

package/package.json

@@ -101,7 +101,7 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.17.0-dev.600",
+  "version": "2.17.1-dev.627",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",
@@ -129,10 +129,8 @@
     "./components/app/providers/*": "./components/app/providers/*.js",
     "./components/app/hooks/*": "./components/app/hooks/*.js",
     "./components/elements/display/*": "./components/elements/display/*.js",
-    "./components/elements/observable/*": "./components/elements/observable/*.js",
     "./components/elements/hit/*": "./components/elements/hit/*.js",
     "./components/elements/view/*": "./components/elements/view/*.js",
-    "./components/elements/case/*": "./components/elements/case/*.js",
     "./components/elements/addons/*": "./components/elements/addons/*.js",
     "./components/elements/display/handlebars/*": "./components/elements/display/handlebars/*.js",
     "./components/elements/display/modals/*": "./components/elements/display/modals/*.js",
@@ -174,8 +172,6 @@
     "./components/routes/help/*": "./components/routes/help/*.js",
     "./components/routes/admin/*": "./components/routes/admin/*.js",
     "./components/routes/settings/*": "./components/routes/settings/*.js",
-    "./components/routes/observables/*": "./components/routes/observables/*.js",
-    "./components/routes/cases/*": "./components/routes/cases/*.js",
     "./components/routes/action/edit/*": "./components/routes/action/edit/*.js",
     "./components/routes/action/view/*": "./components/routes/action/view/*.js",
     "./components/routes/action/shared/*": "./components/routes/action/shared/*.js",
@@ -191,11 +187,6 @@
     "./components/routes/help/markdown/fr/*.md": "./components/routes/help/markdown/fr/*.md.js",
     "./components/routes/help/markdown/en/*.md": "./components/routes/help/markdown/en/*.md.js",
     "./components/routes/admin/users/*": "./components/routes/admin/users/*.js",
-    "./components/routes/cases/modals/*": "./components/routes/cases/modals/*.js",
-    "./components/routes/cases/hooks/*": "./components/routes/cases/hooks/*.js",
-    "./components/routes/cases/detail/*": "./components/routes/cases/detail/*.js",
-    "./components/routes/cases/detail/sidebar/*": "./components/routes/cases/detail/sidebar/*.js",
-    "./components/routes/cases/detail/aggregates/*": "./components/routes/cases/detail/aggregates/*.js",
     "./commons/components/*": "./commons/components/*.js",
     "./commons/components/breadcrumbs/*": "./commons/components/breadcrumbs/*.js",
     "./commons/components/app/*": "./commons/components/app/*.js",
@@ -221,8 +212,6 @@
     "./locales/en/help/*.json": "./locales/en/help/*.json",
     "./api/overview/*": "./api/overview/*.js",
     "./api/overview": "./api/overview/index.js",
-    "./api/v2/*": "./api/v2/*.js",
-    "./api/v2": "./api/v2/index.js",
     "./api/action/*": "./api/action/*.js",
     "./api/action": "./api/action/index.js",
     "./api/auth/*": "./api/auth/*.js",
@@ -245,10 +234,6 @@
     "./api/hit": "./api/hit/index.js",
     "./api/view/*": "./api/view/*.js",
     "./api/view": "./api/view/index.js",
-    "./api/v2/search/*": "./api/v2/search/*.js",
-    "./api/v2/search": "./api/v2/search/index.js",
-    "./api/v2/case/*": "./api/v2/case/*.js",
-    "./api/v2/case": "./api/v2/case/index.js",
     "./api/analytic/comments/*": "./api/analytic/comments/*.js",
     "./api/analytic/comments": "./api/analytic/comments/index.js",
     "./api/analytic/notebooks/*": "./api/analytic/notebooks/*.js",

package/plugins/clue/components/ClueTypography.js

@@ -3,8 +3,8 @@ import EnrichedTypography from '@cccsaurora/clue-ui/components/EnrichedTypograph
 import { Typography } from '@mui/material';
 import { memo } from 'react';
 import { useType } from '../utils';
-const ClueTypography = ({ children, value, context, field, obj, ...props }) => {
-    const type = useType(obj, field, value);
+const ClueTypography = ({ children, value, context, field, hit, ...props }) => {
+    const type = useType(hit, field, value);
     if (!type) {
         return _jsx(Typography, { ...props, children: children ?? value });
     }

package/plugins/clue/utils.d.ts

@@ -1,3 +1,2 @@
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
-export declare const useType: (hit?: Hit | Observable, field?: string, value?: string) => any;
+export declare const useType: (hit?: Hit, field?: string, value?: string) => any;