@cccsaurora/howler-ui 2.19.0-cases.1065 → 2.19.0-cases.1095

package/api/v2/search/index.d.ts

@@ -1,5 +1,6 @@
 import type { HowlerSearchRequest, HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
 import * as facet from './facet';
+export type SearchIndex = 'hit' | 'event' | 'case';
 export declare const uri: (indexes: string[]) => string;
-export declare const post: <T = any>(indexes: string | string[], request?: HowlerSearchRequest) => Promise<HowlerSearchResponse<T>>;
+export declare const post: <T = any>(indexes: SearchIndex | SearchIndex[], request?: HowlerSearchRequest) => Promise<HowlerSearchResponse<T>>;
 export { facet };

package/api/v2/search/index.js

@@ -13,8 +13,8 @@ export const post = (indexes, request) => {
     if (typeof indexes === 'string') {
         indexes = indexes.split(',').filter(identity);
     }
-    if (indexes.some(index => !['hit', 'observable', 'case'].includes(index))) {
-        throw new Error('Only hit, case, and observable indexes should be used currently.');
+    if (indexes.some(index => !['hit', 'event', 'case'].includes(index))) {
+        throw new Error('Only hit, case, and event indexes should be used currently.');
     }
     if (indexes.length < 1) {
         throw new Error('indexes must have length of at least 1.');

package/components/app/providers/ParameterProvider.d.ts

@@ -1,5 +1,5 @@
+import type { SearchIndex } from '@cccsaurora/howler-ui/api/v2/search';
 import type { FC, PropsWithChildren } from 'react';
-export type SearchIndex = 'hit' | 'observable' | 'case';
 export interface ParameterContextType {
     selected?: string;
     query?: string;

package/components/app/providers/ParameterProvider.test.js

@@ -690,15 +690,15 @@ describe('ParameterContext', () => {
             expect(hook.result.current).toEqual(['hit']);
         });
         it('should initialize with single index from URL', async () => {
-            mockSearchParams.set('index', 'observable');
+            mockSearchParams.set('index', 'event');
             const hook = renderHook(() => useContextSelector(ParameterContext, ctx => ctx.indexes), { wrapper: Wrapper });
-            expect(hook.result.current).toEqual(['observable']);
+            expect(hook.result.current).toEqual(['event']);
         });
         it('should initialize with multiple indexes from URL', async () => {
             mockSearchParams.append('index', 'hit');
-            mockSearchParams.append('index', 'observable');
+            mockSearchParams.append('index', 'event');
             const hook = renderHook(() => useContextSelector(ParameterContext, ctx => ctx.indexes), { wrapper: Wrapper });
-            expect(hook.result.current).toEqual(['hit', 'observable']);
+            expect(hook.result.current).toEqual(['hit', 'event']);
         });
         it('should deduplicate repeated index values from URL', async () => {
             mockSearchParams.append('index', 'hit');
@@ -713,10 +713,10 @@ describe('ParameterContext', () => {
                     addIndex: ctx.addIndex
                 })), { wrapper: Wrapper });
                 await act(async () => {
-                    hook.result.current.addIndex('observable');
+                    hook.result.current.addIndex('event');
                 });
                 await waitFor(() => {
-                    expect(hook.result.current.indexes).toEqual(['hit', 'observable']);
+                    expect(hook.result.current.indexes).toEqual(['hit', 'event']);
                 });
             });
             it('should not add a duplicate index', async () => {
@@ -735,7 +735,7 @@ describe('ParameterContext', () => {
         describe('removeIndex', () => {
             it('should remove an index from the list', async () => {
                 mockSearchParams.append('index', 'hit');
-                mockSearchParams.append('index', 'observable');
+                mockSearchParams.append('index', 'event');
                 const hook = renderHook(() => useContextSelector(ParameterContext, ctx => ({
                     indexes: ctx.indexes,
                     removeIndex: ctx.removeIndex
@@ -744,7 +744,7 @@ describe('ParameterContext', () => {
                     hook.result.current.removeIndex('hit');
                 });
                 await waitFor(() => {
-                    expect(hook.result.current.indexes).toEqual(['observable']);
+                    expect(hook.result.current.indexes).toEqual(['event']);
                 });
             });
             it('should do nothing when removing a nonexistent index', async () => {
@@ -753,7 +753,7 @@ describe('ParameterContext', () => {
                     removeIndex: ctx.removeIndex
                 })), { wrapper: Wrapper });
                 await act(async () => {
-                    hook.result.current.removeIndex('observable');
+                    hook.result.current.removeIndex('event');
                 });
                 await waitFor(() => {
                     expect(hook.result.current.indexes).toEqual(['hit']);
@@ -776,16 +776,16 @@ describe('ParameterContext', () => {
         describe('setIndex', () => {
             it('should update the index at the specified position', async () => {
                 mockSearchParams.append('index', 'hit');
-                mockSearchParams.append('index', 'observable');
+                mockSearchParams.append('index', 'event');
                 const hook = renderHook(() => useContextSelector(ParameterContext, ctx => ({
                     indexes: ctx.indexes,
                     setIndex: ctx.setIndex
                 })), { wrapper: Wrapper });
                 await act(async () => {
-                    hook.result.current.setIndex(0, 'observable');
+                    hook.result.current.setIndex(0, 'event');
                 });
                 await waitFor(() => {
-                    expect(hook.result.current.indexes).toEqual(['observable', 'observable']);
+                    expect(hook.result.current.indexes).toEqual(['event', 'event']);
                 });
             });
             it('should do nothing when index is out of bounds', async () => {
@@ -794,7 +794,7 @@ describe('ParameterContext', () => {
                     setIndex: ctx.setIndex
                 })), { wrapper: Wrapper });
                 await act(async () => {
-                    hook.result.current.setIndex(5, 'observable');
+                    hook.result.current.setIndex(5, 'event');
                 });
                 await waitFor(() => {
                     expect(hook.result.current.indexes).toEqual(['hit']);
@@ -806,7 +806,7 @@ describe('ParameterContext', () => {
                     setIndex: ctx.setIndex
                 })), { wrapper: Wrapper });
                 await act(async () => {
-                    hook.result.current.setIndex(-1, 'observable');
+                    hook.result.current.setIndex(-1, 'event');
                 });
                 await waitFor(() => {
                     expect(hook.result.current.indexes).toEqual(['hit']);
@@ -820,10 +820,10 @@ describe('ParameterContext', () => {
                     setIndexes: ctx.setIndexes
                 })), { wrapper: Wrapper });
                 await act(async () => {
-                    hook.result.current.setIndexes(['observable']);
+                    hook.result.current.setIndexes(['event']);
                 });
                 await waitFor(() => {
-                    expect(hook.result.current.indexes).toEqual(['observable']);
+                    expect(hook.result.current.indexes).toEqual(['event']);
                 });
             });
             it('should deduplicate values when setting all indexes', async () => {
@@ -832,10 +832,10 @@ describe('ParameterContext', () => {
                     setIndexes: ctx.setIndexes
                 })), { wrapper: Wrapper });
                 await act(async () => {
-                    hook.result.current.setIndexes(['hit', 'hit', 'observable']);
+                    hook.result.current.setIndexes(['hit', 'hit', 'event']);
                 });
                 await waitFor(() => {
-                    expect(hook.result.current.indexes).toEqual(['hit', 'observable']);
+                    expect(hook.result.current.indexes).toEqual(['hit', 'event']);
                 });
             });
             it('should set to empty array', async () => {
@@ -854,7 +854,7 @@ describe('ParameterContext', () => {
         describe('resetIndexes', () => {
             it('should reset indexes to default ["hit"]', async () => {
                 mockSearchParams.append('index', 'hit');
-                mockSearchParams.append('index', 'observable');
+                mockSearchParams.append('index', 'event');
                 const hook = renderHook(() => useContextSelector(ParameterContext, ctx => ({
                     indexes: ctx.indexes,
                     resetIndexes: ctx.resetIndexes
@@ -913,13 +913,13 @@ describe('ParameterContext', () => {
                 })), { wrapper: Wrapper });
                 await act(async () => {
                     hook.result.current.resetIndexes();
-                    hook.result.current.addIndex('observable');
+                    hook.result.current.addIndex('event');
                 });
                 await waitFor(() => {
                     expect(mockSetParams).toHaveBeenCalled();
                     const call = mockSetParams.mock.calls[mockSetParams.mock.calls.length - 1];
                     const urlParams = typeof call[0] === 'function' ? call[0](mockSearchParams) : call[0];
-                    expect(urlParams.getAll('index')).toEqual(['hit', 'observable']);
+                    expect(urlParams.getAll('index')).toEqual(['hit', 'event']);
                 });
             });
             it('should sync multiple indexes to URL as multiple index params', async () => {
@@ -927,18 +927,18 @@ describe('ParameterContext', () => {
                     addIndex: ctx.addIndex
                 })), { wrapper: Wrapper });
                 await act(async () => {
-                    hook.result.current.addIndex('observable');
+                    hook.result.current.addIndex('event');
                 });
                 await waitFor(() => {
                     expect(mockSetParams).toHaveBeenCalled();
                     const call = mockSetParams.mock.calls[mockSetParams.mock.calls.length - 1];
                     const urlParams = typeof call[0] === 'function' ? call[0](mockSearchParams) : call[0];
-                    expect(urlParams.getAll('index')).toEqual(['hit', 'observable']);
+                    expect(urlParams.getAll('index')).toEqual(['hit', 'event']);
                 });
             });
             it('should remove all index params from URL when state resets to default', async () => {
                 mockSearchParams.append('index', 'hit');
-                mockSearchParams.append('index', 'observable');
+                mockSearchParams.append('index', 'event');
                 const hook = renderHook(() => useContextSelector(ParameterContext, ctx => ({
                     resetIndexes: ctx.resetIndexes
                 })), { wrapper: Wrapper });
@@ -953,7 +953,7 @@ describe('ParameterContext', () => {
                 });
             });
             it('should remove index param from URL when state returns to default', async () => {
-                mockSearchParams.set('index', 'observable');
+                mockSearchParams.set('index', 'event');
                 const hook = renderHook(() => useContextSelector(ParameterContext, ctx => ({
                     setIndexes: ctx.setIndexes
                 })), { wrapper: Wrapper });

package/components/app/providers/RecordProvider.d.ts

@@ -1,18 +1,18 @@
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
 import type { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
 import type { FC, PropsWithChildren } from 'react';
 export interface RecordContextType {
     records: {
-        [index: string]: Hit | Observable;
+        [index: string]: Hit | Event;
     };
-    selectedRecords: (Hit | Observable)[];
+    selectedRecords: (Hit | Event)[];
     addRecordToSelection: (id: string) => void;
     removeRecordFromSelection: (id: string) => void;
     clearSelectedRecords: (except?: string) => void;
-    loadRecords: (hits: (Hit | Observable)[]) => void;
-    updateRecord: (newHit: Hit | Observable) => void;
-    getRecord: (id: string, force?: boolean) => Promise<WithMetadata<Hit | Observable>>;
+    loadRecords: (hits: (Hit | Event)[]) => void;
+    updateRecord: (newHit: Hit | Event) => void;
+    getRecord: (id: string, force?: boolean) => Promise<WithMetadata<Hit | Event>>;
 }
 export declare const RecordContext: import("use-context-selector").Context<RecordContextType>;
 /**

package/components/app/providers/RecordProvider.js

@@ -51,7 +51,11 @@ const RecordProvider = ({ children }) => {
      */
     const getRecord = useCallback(async (id, force = false) => {
         if (!recordRequests.current[id] || force) {
-            recordRequests.current[id] = dispatchApi(api.hit.get(id, ['template', 'dossiers', 'analytic', 'overview']));
+            recordRequests.current[id] = dispatchApi(api.v2.search.post(['hit', 'event'], {
+                query: `howler.id:${id}`,
+                rows: 1,
+                metadata: ['template', 'dossiers', 'analytic', 'overview']
+            })).then(result => result.items[0]);
             const newRecord = await recordRequests.current[id];
             setRecords(_records => ({ ..._records, [id]: newRecord }));
         }

package/components/app/providers/RecordSearchProvider.d.ts

@@ -1,7 +1,7 @@
 import type { HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
 import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
 import type { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
 import { type Dispatch, type FC, type PropsWithChildren, type SetStateAction } from 'react';
 export interface QueryEntry {
@@ -11,7 +11,7 @@ export interface RecordSearchContextType {
     displayType: 'list' | 'grid';
     searching: boolean;
     error: string | null;
-    response: HowlerSearchResponse<WithMetadata<Hit | Observable>> | null;
+    response: HowlerSearchResponse<WithMetadata<Hit | Event>> | null;
     fzfSearch: boolean;
     setDisplayType: (type: 'list' | 'grid') => void;
     setFzfSearch: Dispatch<SetStateAction<boolean>>;

package/components/elements/ObjectDetails.d.ts

@@ -1,6 +1,6 @@
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
 declare const _default: import("react").NamedExoticComponent<{
-    obj: Hit | Observable;
+    obj: Hit | Event;
 }>;
 export default _default;

package/components/elements/PluginTypography.d.ts

@@ -1,11 +1,11 @@
 import { type TypographyProps } from '@mui/material';
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
 export type PluginTypographyProps = TypographyProps & {
     value: string;
     context: string;
     field?: string;
-    obj?: Hit | Observable;
+    obj?: Hit | Event;
 };
 declare const _default: import("react").NamedExoticComponent<PluginTypographyProps>;
 export default _default;

package/components/elements/event/EventCard.d.ts

@@ -0,0 +1,6 @@
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
+declare const _default: import("react").NamedExoticComponent<{
+    id?: string;
+    event?: Event;
+}>;
+export default _default;

package/components/elements/{observable/ObservableCard.js → event/EventCard.js}

@@ -4,19 +4,19 @@ import { RecordContext } from '@cccsaurora/howler-ui/components/app/providers/Re
 import HowlerCard from '@cccsaurora/howler-ui/components/elements/display/HowlerCard';
 import { memo, useEffect } from 'react';
 import { useContextSelector } from 'use-context-selector';
-import ObservablePreview from './ObservablePreview';
-const ObservableCard = ({ id, observable: _observable }) => {
+import EventPreview from './EventPreview';
+const EventCard = ({ id, event: _event }) => {
     const getRecord = useContextSelector(RecordContext, ctx => ctx.getRecord);
-    const observable = useContextSelector(RecordContext, ctx => _observable ?? ctx.records[id]);
+    const event = useContextSelector(RecordContext, ctx => _event ?? ctx.records[id]);
     useEffect(() => {
-        if (!observable) {
+        if (!event) {
             getRecord(id);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [id]);
-    if (!observable) {
+    if (!event) {
         return _jsx(Skeleton, { variant: "rounded", height: "200px" });
     }
-    return (_jsx(HowlerCard, { sx: { position: 'relative' }, children: _jsx(CardContent, { children: _jsx(ObservablePreview, { observable: observable }) }) }));
+    return (_jsx(HowlerCard, { sx: { position: 'relative' }, children: _jsx(CardContent, { children: _jsx(EventPreview, { event: event }) }) }));
 };
-export default memo(ObservableCard);
+export default memo(EventCard);

package/components/elements/{observable/ObservablePreview.d.ts → event/EventPreview.d.ts}

@@ -1,6 +1,6 @@
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
 type PreviewProps = {
-    observable: Observable;
+    event: Event;
 };
 declare const _default: import("react").NamedExoticComponent<PreviewProps>;
 export default _default;

package/components/elements/event/EventPreview.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { OpenInNew } from '@mui/icons-material';
+import { Chip, IconButton, Stack, Typography, useTheme } from '@mui/material';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
+const EventPreview = ({ event }) => {
+    const { t } = useTranslation();
+    const theme = useTheme();
+    return (_jsx(Stack, { flex: 1, spacing: 1, sx: { overflow: 'hidden', borderBottom: `thin solid ${theme.palette.divider}`, pb: 1, mb: 0 }, children: _jsxs(Stack, { children: [_jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(Typography, { variant: "body1", fontWeight: "bold", children: event.event.provider }), _jsx("div", { style: { flex: 1 } }), _jsx(Chip, { label: event.event.kind }), event.event.reference && (_jsx(IconButton, { size: "small", component: Link, to: event.event.reference, sx: { opacity: 1 }, target: "_blank", rel: "noopener noreferrer", children: _jsx(OpenInNew, { fontSize: "small" }) }))] }), event.event.type && (_jsxs(Typography, { variant: "caption", children: [t('event.type'), " - ", event.event.type.join(', ')] })), event.event.module && (_jsxs(Typography, { variant: "caption", children: [t('event.module'), " - ", event.event.module] }))] }) }));
+};
+export default memo(EventPreview);

package/components/elements/hit/HitCard.d.ts

@@ -1,6 +1,8 @@
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 import type { HitLayout } from './HitLayout';
 declare const _default: import("react").NamedExoticComponent<{
     id?: string;
+    hit?: Hit;
     lazy?: boolean;
     layout: HitLayout;
     readOnly?: boolean;

package/components/elements/hit/HitCard.js

@@ -7,9 +7,9 @@ import HowlerCard from '../display/HowlerCard';
 import HitBanner from './HitBanner';
 import HitLabels from './HitLabels';
 import HitOutline from './HitOutline';
-const HitCard = ({ id, layout, readOnly = true, lazy = false, elevation }) => {
+const HitCard = ({ id, layout, readOnly = true, lazy = false, elevation, hit: _hit }) => {
     const getRecord = useContextSelector(RecordContext, ctx => ctx.getRecord);
-    const hit = useContextSelector(RecordContext, ctx => ctx.records[id]);
+    const hit = useContextSelector(RecordContext, ctx => _hit ?? ctx.records[id]);
     useEffect(() => {
         if (!hit && !lazy) {
             getRecord(id);

package/components/elements/hit/HitSummary.d.ts

@@ -1,9 +1,9 @@
 import type { HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
 import type { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
 declare const _default: import("react").NamedExoticComponent<{
-    response?: HowlerSearchResponse<WithMetadata<Hit | Observable>>;
+    response?: HowlerSearchResponse<WithMetadata<Hit | Event>>;
     execute?: boolean;
     onStart?: () => void;
     onComplete?: () => void;

package/components/elements/hit/related/RelatedRecords.js

@@ -3,13 +3,13 @@ import { Link as LinkIcon } from '@mui/icons-material';
 import { alpha, Box, Chip, Divider, Stack, useTheme } from '@mui/material';
 import CasePreview from '@cccsaurora/howler-ui/components/elements/case/CasePreview';
 import ChipPopper from '@cccsaurora/howler-ui/components/elements/display/ChipPopper';
-import ObservablePreview from '@cccsaurora/howler-ui/components/elements/observable/ObservablePreview';
+import EventPreview from '@cccsaurora/howler-ui/components/elements/event/EventPreview';
 import useRelatedRecords from '@cccsaurora/howler-ui/components/hooks/useRelatedRecords';
 import { identity, uniq } from 'lodash-es';
 import { memo, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
-import { isCase, isHit, isObservable } from '@cccsaurora/howler-ui/utils/typeUtils';
+import { isCase, isEvent, isHit } from '@cccsaurora/howler-ui/utils/typeUtils';
 import HitPreview from '../HitPreview';
 const RecordLink = ({ to, ariaLabel, children }) => {
     const theme = useTheme();
@@ -54,9 +54,9 @@ const RelatedRecords = ({ hit }) => {
                             const key = entry.case_id;
                             return (_jsx(RecordLink, { to: `/cases/${key}`, ariaLabel: t('hit.header.view.case', { id: key }), children: _jsx(CasePreview, { case: entry }) }, key));
                         }
-                        else if (isObservable(entry)) {
+                        else if (isEvent(entry)) {
                             const key = entry.howler.id;
-                            return (_jsx(RecordLink, { to: `/observables/${key}`, ariaLabel: t('hit.header.view.observable', { id: key }), children: _jsx(ObservablePreview, { observable: entry }) }, key));
+                            return (_jsx(RecordLink, { to: `/events/${key}`, ariaLabel: t('hit.header.view.event', { id: key }), children: _jsx(EventPreview, { event: entry }) }, key));
                         }
                     })] })] }));
 };

package/components/elements/record/RecordComments.d.ts

@@ -1,9 +1,9 @@
 import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
 import { type FC } from 'react';
 interface RecordCommentsProps {
-    record: Hit | Observable;
+    record: Hit | Event;
     users: {
         [id: string]: HowlerUser;
     };

package/components/elements/record/RecordRelated.d.ts

@@ -1,7 +1,7 @@
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
 import { type FC } from 'react';
 declare const RecordRelated: FC<{
-    record: Hit | Observable;
+    record: Hit | Event;
 }>;
 export default RecordRelated;

package/components/elements/record/RecordRelated.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Stack, Tab, Tabs, useTheme } from '@mui/material';
-import ObservableCard from '@cccsaurora/howler-ui/components/elements/observable/ObservableCard';
+import EventCard from '@cccsaurora/howler-ui/components/elements/event/EventCard';
 import useRelatedRecords from '@cccsaurora/howler-ui/components/hooks/useRelatedRecords';
 import { groupBy } from 'lodash-es';
 import { useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
-import { isCase, isHit, isObservable } from '@cccsaurora/howler-ui/utils/typeUtils';
+import { isCase, isEvent, isHit } from '@cccsaurora/howler-ui/utils/typeUtils';
 import CaseCard from '../case/CaseCard';
 import HitCard from '../hit/HitCard';
 import { HitLayout } from '../hit/HitLayout';
@@ -22,13 +22,13 @@ const RecordRelated = ({ record }) => {
         hasLinks && 'links',
         groups.hit?.length > 0 && 'hit',
         groups.case?.length > 0 && 'case',
-        groups.observable?.length > 0 && 'observable'
+        groups.event?.length > 0 && 'event'
     ].filter(Boolean);
     const [activeTab, setActiveTab] = useState(false);
     const currentTab = activeTab !== false && tabs.includes(activeTab) ? activeTab : (tabs[0] ?? false);
     if (!record) {
         return null;
     }
-    return (_jsxs(Box, { sx: { borderTop: `thin solid ${theme.palette.divider}`, height: '100%', flex: 1, mr: 2, pb: 2 }, children: [_jsxs(Tabs, { value: currentTab, onChange: (_, v) => setActiveTab(v), variant: "scrollable", scrollButtons: "auto", children: [hasLinks && _jsx(Tab, { value: "links", label: t('hit.related.tab.links') }), groups.hit?.length > 0 && _jsx(Tab, { value: "hit", label: t('hit.related.tab.hit') }), groups.case?.length > 0 && _jsx(Tab, { value: "case", label: t('hit.related.tab.case') }), groups.observable?.length > 0 && _jsx(Tab, { value: "observable", label: t('hit.related.tab.observable') })] }), currentTab === 'links' && (_jsx(Box, { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))", gap: 1, pt: 1, children: record.howler.links.map(l => (_jsx(RelatedLink, { ...l }, l.title + l.href))) })), currentTab === 'hit' && (_jsx(Stack, { spacing: 1, pt: 1, children: records.filter(isHit).map(h => (_jsx(Link, { to: `/hits/${h.howler.id}`, target: "_blank", rel: "noopener noreferrer", style: { textDecoration: 'none' }, children: _jsx(HitCard, { id: h.howler.id, layout: HitLayout.NORMAL }) }, h.howler.id))) })), currentTab === 'case' && (_jsx(Stack, { spacing: 1, pt: 1, children: records.filter(isCase).map(c => (_jsx(Link, { to: `/cases/${c.case_id}`, target: "_blank", rel: "noopener noreferrer", style: { textDecoration: 'none' }, children: _jsx(CaseCard, { case: c }) }, c.case_id))) })), currentTab === 'observable' && (_jsx(Stack, { spacing: 1, pt: 1, children: records.filter(isObservable).map(o => (_jsx(Link, { to: `/observables/${o.howler.id}`, target: "_blank", rel: "noopener noreferrer", style: { textDecoration: 'none' }, children: _jsx(ObservableCard, { observable: o }) }, o.howler.id))) }))] }));
+    return (_jsxs(Box, { sx: { borderTop: `thin solid ${theme.palette.divider}`, height: '100%', flex: 1, mr: 2, pb: 2 }, children: [_jsxs(Tabs, { value: currentTab, onChange: (_, v) => setActiveTab(v), variant: "scrollable", scrollButtons: "auto", children: [hasLinks && _jsx(Tab, { value: "links", label: t('hit.related.tab.links') }), groups.hit?.length > 0 && _jsx(Tab, { value: "hit", label: t('hit.related.tab.hit') }), groups.case?.length > 0 && _jsx(Tab, { value: "case", label: t('hit.related.tab.case') }), groups.event?.length > 0 && _jsx(Tab, { value: "event", label: t('hit.related.tab.event') })] }), currentTab === 'links' && (_jsx(Box, { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))", gap: 1, pt: 1, children: record.howler.links.map(l => (_jsx(RelatedLink, { ...l }, l.title + l.href))) })), currentTab === 'hit' && (_jsx(Stack, { spacing: 1, pt: 1, children: records.filter(isHit).map(h => (_jsx(Link, { to: `/hits/${h.howler.id}`, target: "_blank", rel: "noopener noreferrer", style: { textDecoration: 'none' }, children: _jsx(HitCard, { id: h.howler.id, layout: HitLayout.NORMAL }) }, h.howler.id))) })), currentTab === 'case' && (_jsx(Stack, { spacing: 1, pt: 1, children: records.filter(isCase).map(c => (_jsx(Link, { to: `/cases/${c.case_id}`, target: "_blank", rel: "noopener noreferrer", style: { textDecoration: 'none' }, children: _jsx(CaseCard, { case: c }) }, c.case_id))) })), currentTab === 'event' && (_jsx(Stack, { spacing: 1, pt: 1, children: records.filter(isEvent).map(o => (_jsx(Link, { to: `/events/${o.howler.id}`, target: "_blank", rel: "noopener noreferrer", style: { textDecoration: 'none' }, children: _jsx(EventCard, { event: o }) }, o.howler.id))) }))] }));
 };
 export default RecordRelated;

package/components/elements/record/RecordWorklog.d.ts

@@ -1,9 +1,9 @@
 import type { HowlerUser } from '@cccsaurora/howler-ui/models/entities/HowlerUser';
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
 import type { FC } from 'react';
 declare const RecordWorklog: FC<{
-    record: Hit | Observable;
+    record: Hit | Event;
     users: {
         [id: string]: HowlerUser;
     };

package/components/hooks/useRelatedRecords.d.ts

@@ -1,10 +1,10 @@
 import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
 import type { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
-type MixedRecords = Hit | Observable | Case;
+type MixedRecords = Hit | Event | Case;
 /**
- * Fetches records matching the provided IDs from the hit, observable, and case indexes.
+ * Fetches records matching the provided IDs from the hit, event, and case indexes.
  *
  * @param ids - List of howler.id / case_id values to look up.
  * @param enabled - When false the fetch is skipped (e.g. while a panel is closed).

package/components/hooks/useRelatedRecords.js

@@ -2,7 +2,7 @@ import api from '@cccsaurora/howler-ui/api';
 import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
 import { useEffect, useState } from 'react';
 /**
- * Fetches records matching the provided IDs from the hit, observable, and case indexes.
+ * Fetches records matching the provided IDs from the hit, event, and case indexes.
  *
  * @param ids - List of howler.id / case_id values to look up.
  * @param enabled - When false the fetch is skipped (e.g. while a panel is closed).
@@ -19,7 +19,7 @@ const useRelatedRecords = (ids, enabled = true) => {
         }
         (async () => {
             const joined = ids.join(' OR ');
-            const result = await dispatchApi(api.v2.search.post('hit,observable,case', {
+            const result = await dispatchApi(api.v2.search.post(['hit', 'event', 'case'], {
                 query: `howler.id:(${joined}) OR case_id:(${joined})`
             }), { throwError: false, showError: true });
             if (result) {

package/components/routes/cases/detail/CaseAssets.d.ts

@@ -1,9 +1,9 @@
 import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
 import { type AssetEntry } from './assets/Asset';
 /** Deduplicate and merge seenIn lists into a map keyed by `type:value` */
-export declare const buildAssetEntries: (records: Partial<Hit | Observable>[]) => AssetEntry[];
+export declare const buildAssetEntries: (records: Partial<Hit | Event>[]) => AssetEntry[];
 declare const _default: import("react").NamedExoticComponent<{
     case?: Case;
     caseId?: string;

package/components/routes/cases/detail/CaseAssets.js

@@ -60,7 +60,7 @@ const CaseAssets = ({ case: providedCase, caseId }) => {
     const [records, setRecords] = useState(null);
     const [activeFilters, setActiveFilters] = useState(new Set());
     const ids = useMemo(() => (_case?.items ?? [])
-        .filter(item => ['hit', 'observable'].includes(item.type))
+        .filter(item => ['hit', 'event'].includes(item.type))
         .map(item => item.value)
         .filter(val => !!val), [_case?.items]);
     useEffect(() => {
@@ -68,7 +68,7 @@ const CaseAssets = ({ case: providedCase, caseId }) => {
             setRecords([]);
             return;
         }
-        dispatchApi(api.v2.search.post(['hit', 'observable'], {
+        dispatchApi(api.v2.search.post(['hit', 'event'], {
             query: `howler.id:(${ids.join(' OR ')})`,
             fl: `howler.id,${RELATED_FIELDS}`
         })).then(response => setRecords(response.items));

package/components/routes/cases/detail/CaseAssets.test.js

@@ -4,7 +4,7 @@ import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { createElement } from 'react';
 import { MemoryRouter } from 'react-router-dom';
-import { createMockHit, createMockObservable } from '@cccsaurora/howler-ui/tests/utils';
+import { createMockEvent, createMockHit } from '@cccsaurora/howler-ui/tests/utils';
 import { describe, expect, it, vi } from 'vitest';
 import { buildAssetEntries } from './CaseAssets';
 // ---------------------------------------------------------------------------
@@ -29,7 +29,7 @@ describe('buildAssetEntries', () => {
     it('deduplicates the same asset value across multiple records', () => {
         const result = buildAssetEntries([
             createMockHit({ howler: { id: 'h1' }, related: { ip: ['1.2.3.4'] } }),
-            createMockObservable({ howler: { id: 'obs1' }, related: { ip: ['1.2.3.4'] } })
+            createMockEvent({ howler: { id: 'obs1' }, related: { ip: ['1.2.3.4'] } })
         ]);
         expect(result).toHaveLength(1);
         expect(result[0].seenIn).toEqual(['h1', 'obs1']);
@@ -88,7 +88,7 @@ const mockCase = {
     case_id: 'case-001',
     items: [
         { type: 'hit', value: 'hit-1' },
-        { type: 'observable', value: 'obs-1' }
+        { type: 'event', value: 'obs-1' }
     ]
 };
 const Wrapper = ({ children }) => createElement(MemoryRouter, { initialEntries: ['/cases/case-001/assets'] }, children);
@@ -155,7 +155,7 @@ describe('CaseAssets component', () => {
         expect(screen.getByText('1.2.3.4')).toBeTruthy();
         expect(screen.getByText('alice')).toBeTruthy();
     });
-    it('renders nothing when the case has no hit/observable items', async () => {
+    it('renders nothing when the case has no hit/event items', async () => {
         const emptyCase = { case_id: 'case-002', items: [] };
         render(_jsx(CaseAssets, { case: emptyCase }), { wrapper: Wrapper });
         await screen.findByText('page.cases.assets.empty');

package/components/routes/cases/detail/CaseDashboard.js

@@ -36,7 +36,7 @@ const CaseDashboard = ({ case: providedCase, caseId }) => {
     const { case: _case, update: updateCase } = useCase({ case: providedCase ?? routeCase, caseId });
     const [invalidIds, setInvalidIds] = useState([]);
     const ids = useMemo(() => (_case?.items ?? [])
-        .filter(item => ['hit', 'observable'].includes(item.type))
+        .filter(item => ['hit', 'event'].includes(item.type))
         .map(item => item.value)
         .filter(val => !!val), [_case?.items]);
     const records = useContextSelector(RecordContext, ctx => ctx.records);
@@ -50,7 +50,7 @@ const CaseDashboard = ({ case: providedCase, caseId }) => {
         if (missingIds.length < 1) {
             return;
         }
-        dispatchApi(api.v2.search.post(['hit', 'observable'], {
+        dispatchApi(api.v2.search.post(['hit', 'event'], {
             query: `howler.id:(${missingIds.join(' OR ')})`,
             metadata: ['template', 'analytic']
         })).then(response => {