@cccsaurora/howler-ui 3.1.0-dev.1708 → 3.1.0-dev.1712

package/api/index.d.ts

@@ -92,7 +92,7 @@ export declare const setHeaders: (ifMatch?: string) => HeadersInit;
  * @param body - the body of the request.
  * @returns the `api_response` object of the returned {@link HowlerResponse}.
  */
-export declare const hfetch: <R>(_uri: string, method?: 'get' | 'post' | 'put' | 'delete' | 'patch', body?: unknown, searchParams?: URLSearchParams, requestHeaders?: HeadersInit) => Promise<R | undefined>;
+export declare const hfetch: <R>(_uri: string, method?: 'get' | 'post' | 'put' | 'delete' | 'patch', body?: unknown, searchParams?: URLSearchParams, requestHeaders?: HeadersInit, signal?: AbortSignal) => Promise<R | undefined>;
 /**
  * Perform an HTTP GET for the specified uri.
  *
@@ -101,7 +101,7 @@ export declare const hfetch: <R>(_uri: string, method?: 'get' | 'post' | 'put' |
  * @param _uri - the uri to fetch.
  * @returns the `api_response` object of the returned {@link HowlerResponse}.
  */
-export declare const hget: <R = any>(_uri: string, searchParams?: URLSearchParams, headers?: HeadersInit) => Promise<R | undefined>;
+export declare const hget: <R = any>(_uri: string, searchParams?: URLSearchParams, headers?: HeadersInit, signal?: AbortSignal) => Promise<R | undefined>;
 /**
  * Perform an HTTP POST for the specified uri and body data.
  *
@@ -111,7 +111,7 @@ export declare const hget: <R = any>(_uri: string, searchParams?: URLSearchParam
  * @param body - the body of the request.
  * @returns the `api_response` object of the returned {@link HowlerResponse}.
  */
-export declare const hpost: <R = any>(_uri: string, body: unknown, headers?: HeadersInit, searchParams?: URLSearchParams) => Promise<R | undefined>;
+export declare const hpost: <R = any>(_uri: string, body: unknown, headers?: HeadersInit, searchParams?: URLSearchParams, signal?: AbortSignal) => Promise<R | undefined>;
 /**
  * Peform an HTTP PUT for the specified uri and body data.
  *

package/api/index.js

@@ -129,7 +129,7 @@ const getEtagUrl = (_uri) => {
  * @param body - the body of the request.
  * @returns the `api_response` object of the returned {@link HowlerResponse}.
  */
-export const hfetch = async (_uri, method = 'get', body, searchParams, requestHeaders) => {
+export const hfetch = async (_uri, method = 'get', body, searchParams, requestHeaders, signal) => {
     const authToken = getLocalStored(StorageKey.APP_TOKEN);
     const xsrfToken = getXSRFCookie();
     const etags = getSessionStored(StorageKey.ETAG) || {};
@@ -144,7 +144,7 @@ export const hfetch = async (_uri, method = 'get', body, searchParams, requestHe
         requestHeaders = { ...requestHeaders, Authorization: `Bearer ${authToken}` };
     }
     // Wait for it ....
-    const [json, statusCode, responseHeader] = await client.fetch(format(_uri), method, body, searchParams, requestHeaders);
+    const [json, statusCode, responseHeader] = await client.fetch(format(_uri), method, body, searchParams, requestHeaders, signal);
     if (responseHeader.etag) {
         setSessionStored(StorageKey.ETAG, { ...etags, [getEtagUrl(_uri)]: responseHeader.etag });
     }
@@ -168,7 +168,7 @@ export const hfetch = async (_uri, method = 'get', body, searchParams, requestHe
             const refreshResponse = await api.auth.login.post({ refresh_token: refreshToken, provider: provider });
             if (refreshResponse) {
                 saveLoginCredential(refreshResponse);
-                const result = await hfetch(_uri, method, body, searchParams);
+                const result = await hfetch(_uri, method, body, searchParams, undefined, signal);
                 removeLocalStored(StorageKey.NEXT_LOCATION);
                 removeLocalStored(StorageKey.NEXT_SEARCH);
                 return result;
@@ -193,8 +193,8 @@ export const hfetch = async (_uri, method = 'get', body, searchParams, requestHe
  * @param _uri - the uri to fetch.
  * @returns the `api_response` object of the returned {@link HowlerResponse}.
  */
-export const hget = (_uri, searchParams, headers = {}) => {
-    return hfetch(_uri, 'get', null, searchParams, headers);
+export const hget = (_uri, searchParams, headers = {}, signal) => {
+    return hfetch(_uri, 'get', null, searchParams, headers, signal);
 };
 /**
  * Perform an HTTP POST for the specified uri and body data.
@@ -205,8 +205,8 @@ export const hget = (_uri, searchParams, headers = {}) => {
  * @param body - the body of the request.
  * @returns the `api_response` object of the returned {@link HowlerResponse}.
  */
-export const hpost = (_uri, body, headers = {}, searchParams) => {
-    return hfetch(_uri, 'post', body, searchParams, headers);
+export const hpost = (_uri, body, headers = {}, searchParams, signal) => {
+    return hfetch(_uri, 'post', body, searchParams, headers, signal);
 };
 /**
  * Peform an HTTP PUT for the specified uri and body data.

package/api/index.test.js

@@ -81,7 +81,7 @@ describe('api root module', () => {
             'If-Match': '"old-etag"',
             'X-XSRF-TOKEN': 'csrf',
             Authorization: expect.any(String)
-        }));
+        }), undefined);
         expect(mockSetSessionStored).toHaveBeenCalledWith('etag', { 'hit/hit123': '"new-etag"' });
     });
     it('returns undefined for empty payloads and accepts 304 responses', async () => {
@@ -128,10 +128,10 @@ describe('api root module', () => {
         await hput('/x', { ok: true }, { A: '1' }, new URLSearchParams({ b: '2' }));
         await hpatch('/x', { ok: true }, { A: '1' }, new URLSearchParams({ b: '2' }));
         await hdelete('/x', { ok: true }, { A: '1' }, new URLSearchParams({ b: '2' }));
-        expect(mockClientFetch).toHaveBeenNthCalledWith(1, '/api/v1//x', 'get', null, new URLSearchParams({ a: '1' }), expect.objectContaining({ Accept: 'json', 'Content-Type': 'application/json' }));
-        expect(mockClientFetch).toHaveBeenNthCalledWith(2, '/api/v1//x', 'post', { ok: true }, new URLSearchParams({ b: '2' }), expect.objectContaining({ A: '1', 'Content-Type': 'application/json' }));
-        expect(mockClientFetch).toHaveBeenNthCalledWith(3, '/api/v1//x', 'put', { ok: true }, new URLSearchParams({ b: '2' }), expect.objectContaining({ A: '1', 'Content-Type': 'application/json' }));
-        expect(mockClientFetch).toHaveBeenNthCalledWith(4, '/api/v1//x', 'patch', { ok: true }, new URLSearchParams({ b: '2' }), expect.objectContaining({ A: '1', 'Content-Type': 'application/json' }));
-        expect(mockClientFetch).toHaveBeenNthCalledWith(5, '/api/v1//x', 'delete', { ok: true }, new URLSearchParams({ b: '2' }), expect.objectContaining({ A: '1', 'Content-Type': 'application/json' }));
+        expect(mockClientFetch).toHaveBeenNthCalledWith(1, '/api/v1//x', 'get', null, new URLSearchParams({ a: '1' }), expect.objectContaining({ Accept: 'json', 'Content-Type': 'application/json' }), undefined);
+        expect(mockClientFetch).toHaveBeenNthCalledWith(2, '/api/v1//x', 'post', { ok: true }, new URLSearchParams({ b: '2' }), expect.objectContaining({ A: '1', 'Content-Type': 'application/json' }), undefined);
+        expect(mockClientFetch).toHaveBeenNthCalledWith(3, '/api/v1//x', 'put', { ok: true }, new URLSearchParams({ b: '2' }), expect.objectContaining({ A: '1', 'Content-Type': 'application/json' }), undefined);
+        expect(mockClientFetch).toHaveBeenNthCalledWith(4, '/api/v1//x', 'patch', { ok: true }, new URLSearchParams({ b: '2' }), expect.objectContaining({ A: '1', 'Content-Type': 'application/json' }), undefined);
+        expect(mockClientFetch).toHaveBeenNthCalledWith(5, '/api/v1//x', 'delete', { ok: true }, new URLSearchParams({ b: '2' }), expect.objectContaining({ A: '1', 'Content-Type': 'application/json' }), undefined);
     });
 });

package/api/search/user.d.ts

@@ -22,7 +22,7 @@ export declare const post: (request?: HowlerSearchRequest) => Promise<{
         favourite_analytics?: string[];
         dashboard?: {
             entry_id: string;
-            type: 'view' | 'analytic';
+            type: 'view' | 'analytic' | 'case' | 'tasks';
             config: string;
         }[];
         refresh_rate?: number;

package/api/v2/index.d.ts

@@ -2,5 +2,6 @@ import * as case_ from '@cccsaurora/howler-ui/api/v2/case';
 import * as fuzzy from '@cccsaurora/howler-ui/api/v2/fuzzy';
 import * as ingest from '@cccsaurora/howler-ui/api/v2/ingest';
 import * as search from '@cccsaurora/howler-ui/api/v2/search';
+import * as task from '@cccsaurora/howler-ui/api/v2/task';
 export declare const uri: () => string;
-export { case_ as case, fuzzy, ingest, search };
+export { case_ as case, fuzzy, ingest, search, task };

package/api/v2/index.js

@@ -2,7 +2,8 @@ import * as case_ from '@cccsaurora/howler-ui/api/v2/case';
 import * as fuzzy from '@cccsaurora/howler-ui/api/v2/fuzzy';
 import * as ingest from '@cccsaurora/howler-ui/api/v2/ingest';
 import * as search from '@cccsaurora/howler-ui/api/v2/search';
+import * as task from '@cccsaurora/howler-ui/api/v2/task';
 export const uri = () => {
     return '/api/v2';
 };
-export { case_ as case, fuzzy, ingest, search };
+export { case_ as case, fuzzy, ingest, search, task };

package/api/v2/index.test.js

@@ -2,12 +2,14 @@ import { describe, expect, it, vi } from 'vitest';
 vi.mock('api/v2/case', () => ({ sentinel: 'case' }));
 vi.mock('api/v2/fuzzy', () => ({ sentinel: 'fuzzy' }));
 vi.mock('api/v2/search', () => ({ sentinel: 'search' }));
-import { case as caseApi, fuzzy, search, uri } from './index';
+vi.mock('api/v2/task', () => ({ sentinel: 'task' }));
+import { case as caseApi, fuzzy, search, task, uri } from './index';
 describe('v2 API', () => {
     it('builds the v2 root URI and re-exports v2 modules', () => {
         expect(uri()).toBe('/api/v2');
         expect(caseApi).toEqual({ sentinel: 'case' });
         expect(fuzzy).toEqual({ sentinel: 'fuzzy' });
         expect(search).toEqual({ sentinel: 'search' });
+        expect(task).toEqual({ sentinel: 'task' });
     });
 });

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

@@ -2,5 +2,5 @@ import type { HowlerSearchRequest, HowlerSearchResponse } from '@cccsaurora/howl
 import * as facet from './facet';
 export type SearchIndex = 'hit' | 'event' | 'case';
 export declare const uri: (indexes: string[]) => string;
-export declare const post: <T>(indexes: SearchIndex | SearchIndex[], request?: HowlerSearchRequest) => Promise<HowlerSearchResponse<T> | undefined>;
+export declare const post: <T>(indexes: SearchIndex | SearchIndex[], request?: HowlerSearchRequest, signal?: AbortSignal) => Promise<HowlerSearchResponse<T> | undefined>;
 export { facet };

package/api/v2/search/index.js

@@ -6,7 +6,7 @@ import * as facet from './facet';
 export const uri = (indexes) => {
     return joinAllUri(parentUri(), 'search', indexes.join(','));
 };
-export const post = (indexes, request) => {
+export const post = (indexes, request, signal) => {
     if (isNil(indexes)) {
         throw new Error('Indexes cannot be null or undefined.');
     }
@@ -19,6 +19,6 @@ export const post = (indexes, request) => {
     if (indexes.length < 1) {
         throw new Error('indexes must have length of at least 1.');
     }
-    return hpost(uri(indexes), { ...request, query: request?.query || 'howler.id:*' });
+    return hpost(uri(indexes), { ...request, query: request?.query || 'howler.id:*' }, undefined, undefined, signal);
 };
 export { facet };

package/api/v2/search/index.test.js

@@ -24,12 +24,12 @@ describe('v2 search API', () => {
     it('posts a search request for a single index string', async () => {
         mockHpost.mockResolvedValue({ items: [], total: 0 });
         await post('hit', { rows: 25 });
-        expect(mockHpost).toHaveBeenCalledWith('/api/v2/search/hit', { rows: 25, query: 'howler.id:*' });
+        expect(mockHpost).toHaveBeenCalledWith('/api/v2/search/hit', { rows: 25, query: 'howler.id:*' }, undefined, undefined, undefined);
     });
     it('preserves a provided query for multiple indexes', async () => {
         mockHpost.mockResolvedValue({ items: [], total: 0 });
         await post(['hit', 'case'], { query: 'status:open' });
-        expect(mockHpost).toHaveBeenCalledWith('/api/v2/search/hit,case', { query: 'status:open' });
+        expect(mockHpost).toHaveBeenCalledWith('/api/v2/search/hit,case', { query: 'status:open' }, undefined, undefined, undefined);
     });
     it('rejects nullish, invalid, or empty indexes', async () => {
         expect(() => post(undefined, {})).toThrow('Indexes cannot be null or undefined.');

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

@@ -0,0 +1,20 @@
+import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
+import type { Task } from '@cccsaurora/howler-ui/models/entities/generated/Task';
+export type TaskSearchFilter = 'all' | 'complete' | 'incomplete';
+export interface TaskSearchRequest {
+    offset: number;
+    rows: number;
+    filter: TaskSearchFilter;
+}
+export interface TaskSearchItem {
+    task: Task;
+    case: Case;
+}
+export interface TaskSearchResponse {
+    items: TaskSearchItem[];
+    offset: number;
+    rows: number;
+    has_more: boolean;
+}
+export declare const uri: () => string;
+export declare const search: (request: TaskSearchRequest, signal?: AbortSignal) => Promise<TaskSearchResponse | undefined>;

package/api/v2/task/index.js

@@ -0,0 +1,12 @@
+// eslint-disable-next-line import/no-cycle
+import { hget, joinUri } from '@cccsaurora/howler-ui/api';
+import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
+export const uri = () => joinUri(joinUri(parentUri(), 'task'), 'search');
+export const search = (request, signal) => {
+    const params = new URLSearchParams({
+        offset: String(request.offset),
+        rows: String(request.rows),
+        filter: request.filter
+    });
+    return hget(uri(), params, undefined, signal);
+};

package/api/v2/task/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/api/v2/task/index.test.js

@@ -0,0 +1,26 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+const mockHget = vi.hoisted(() => vi.fn());
+const mockJoinUri = vi.hoisted(() => vi.fn((...parts) => parts.join('/').replace(/\/+/g, '/')));
+vi.mock('api', () => ({
+    hget: mockHget,
+    joinUri: mockJoinUri
+}));
+vi.mock('api/v2', () => ({
+    uri: () => '/api/v2'
+}));
+import { search, uri } from './index';
+describe('v2 task API', () => {
+    beforeEach(() => {
+        mockHget.mockReset();
+        mockJoinUri.mockClear();
+    });
+    it('builds the task search URI', () => {
+        expect(uri()).toBe('/api/v2/task/search');
+    });
+    it('sends offset, page size, filter, and abort signal as query parameters', async () => {
+        const signal = new AbortController().signal;
+        const request = { offset: 25, rows: 25, filter: 'complete' };
+        await search(request, signal);
+        expect(mockHget).toHaveBeenCalledWith('/api/v2/task/search', new URLSearchParams({ offset: '25', rows: '25', filter: 'complete' }), undefined, signal);
+    });
+});

package/components/app/providers/FieldProvider.js

@@ -1,19 +1,33 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import api from '@cccsaurora/howler-ui/api';
 import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import { createContext, useCallback, useState } from 'react';
+import { createContext, useCallback, useRef, useState } from 'react';
 export const FieldContext = createContext(null);
 const FieldProvider = ({ children }) => {
     const { dispatchApi } = useMyApi();
     const [hitFields, setHitFields] = useState([]);
-    const getHitFields = useCallback(async () => {
-        if (hitFields.length) {
-            return hitFields;
+    const hitFieldsCache = useRef(null);
+    const hitFieldsRequest = useRef(null);
+    const getHitFields = useCallback(() => {
+        if (hitFieldsCache.current) {
+            return Promise.resolve(hitFieldsCache.current);
         }
-        const fields = (await dispatchApi(api.search.fields.hit.get())) ?? [];
-        setHitFields(fields);
-        return fields;
-    }, [dispatchApi, hitFields]);
+        if (hitFieldsRequest.current) {
+            return hitFieldsRequest.current;
+        }
+        const request = dispatchApi(api.search.fields.hit.get())
+            .then(fields => {
+            const resolvedFields = fields ?? [];
+            hitFieldsCache.current = resolvedFields;
+            setHitFields(resolvedFields);
+            return resolvedFields;
+        })
+            .finally(() => {
+            hitFieldsRequest.current = null;
+        });
+        hitFieldsRequest.current = request;
+        return request;
+    }, [dispatchApi]);
     return _jsx(FieldContext.Provider, { value: { hitFields, getHitFields }, children: children });
 };
 export default FieldProvider;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /// <reference types="vitest" />
-import { act, render, screen } from '@testing-library/react';
+import { act, fireEvent, render, screen } from '@testing-library/react';
 import { useContext } from 'react';
-import { describe, expect, it, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 const mockDispatchApi = vi.hoisted(() => vi.fn());
 vi.mock('api', () => ({
     default: { search: { fields: { hit: { get: () => ({}) } } } }
@@ -16,6 +16,9 @@ const Consumer = () => {
     return (_jsxs("div", { children: [_jsx("button", { onClick: () => void ctx.getHitFields(), children: "load" }), _jsx("span", { children: ctx.hitFields.length })] }));
 };
 describe('FieldProvider', () => {
+    beforeEach(() => {
+        mockDispatchApi.mockReset();
+    });
     it('loads hit fields once and reuses the cached value', async () => {
         mockDispatchApi.mockResolvedValue([{ name: 'field-a' }]);
         render(_jsx(FieldProvider, { children: _jsx(Consumer, {}) }));
@@ -25,4 +28,19 @@ describe('FieldProvider', () => {
         await act(async () => screen.getByText('load').click());
         expect(mockDispatchApi).toHaveBeenCalledTimes(1);
     });
+    it('coalesces concurrent hit-field requests', async () => {
+        let resolveFields;
+        mockDispatchApi.mockReturnValue(new Promise(resolve => {
+            resolveFields = resolve;
+        }));
+        render(_jsx(FieldProvider, { children: _jsx(Consumer, {}) }));
+        fireEvent.click(screen.getByText('load'));
+        fireEvent.click(screen.getByText('load'));
+        expect(mockDispatchApi).toHaveBeenCalledTimes(1);
+        await act(async () => {
+            resolveFields?.([{ name: 'field-a' }]);
+            await Promise.resolve();
+        });
+        expect(screen.getByText('1')).toBeInTheDocument();
+    });
 });

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

@@ -59,6 +59,13 @@ beforeEach(() => {
     let mockSearchParams = new URLSearchParams();
     vi.mocked(useSearchParams).mockReturnValue([mockSearchParams, mockSetParams]);
 });
+const expectSearchRequest = request => {
+    const requests = vi
+        .mocked(hpost)
+        .mock.calls.filter(([url]) => url === '/api/v2/search/hit')
+        .map(([, body]) => body);
+    expect(requests).toEqual(expect.arrayContaining([expect.objectContaining(request)]));
+};
 describe('RecordSearchContext', () => {
     it('should initialize with default values', async () => {
         const hook = renderHook(() => useContextSelector(RecordSearchContext, ctx => ({
@@ -142,9 +149,7 @@ describe('RecordSearchContext', () => {
                 hook.result.current.search('test query');
             });
             await waitFor(() => {
-                expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
-                    query: expect.stringContaining('test query')
-                }));
+                expectSearchRequest({ query: expect.stringContaining('test query') });
             });
         });
         it('should set searching state during search', async () => {
@@ -254,9 +259,9 @@ describe('RecordSearchContext', () => {
                 hook.result.current('test query');
             });
             await waitFor(() => {
-                expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
+                expectSearchRequest({
                     filters: expect.arrayContaining([expect.stringContaining('event.created:')])
-                }));
+                });
             });
         });
         it('should apply custom date range when span is custom', async () => {
@@ -268,9 +273,9 @@ describe('RecordSearchContext', () => {
                 hook.result.current('test query');
             });
             await waitFor(() => {
-                expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
+                expectSearchRequest({
                     filters: expect.arrayContaining([expect.stringContaining('event.created:')])
-                }));
+                });
             });
         });
         it('should exclude filters ending with * from search', async () => {
@@ -280,9 +285,9 @@ describe('RecordSearchContext', () => {
                 hook.result.current('test query');
             });
             await waitFor(() => {
-                expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
+                expectSearchRequest({
                     filters: expect.not.arrayContaining([expect.stringContaining('howler.escalation:*')])
-                }));
+                });
             });
         });
         it('should forward positive and negative grouped filters without changing their clauses', async () => {
@@ -420,10 +425,10 @@ describe('RecordSearchContext', () => {
                     hook.result.current('test query');
                 });
                 await waitFor(() => {
-                    expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
+                    expectSearchRequest({
                         query: 'test query',
                         filters: expect.arrayContaining(['howler.status:open', 'howler.priority:high'])
-                    }));
+                    });
                 });
             });
             it('should combine three view queries with AND logic', async () => {
@@ -438,7 +443,7 @@ describe('RecordSearchContext', () => {
                     hook.result.current('test query');
                 });
                 await waitFor(() => {
-                    expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
+                    expectSearchRequest({
                         query: 'test query',
                         filters: [
                             'event.created:[now-1w TO now]',
@@ -446,7 +451,7 @@ describe('RecordSearchContext', () => {
                             'howler.priority:high',
                             'howler.analytic:sigma'
                         ]
-                    }));
+                    });
                 });
             });
         });
@@ -495,10 +500,10 @@ describe('RecordSearchContext', () => {
                     hook.result.current('test query');
                 });
                 await waitFor(() => {
-                    expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
+                    expectSearchRequest({
                         query: expect.stringContaining('test query'),
                         filters: ['event.created:[now-1w TO now]']
-                    }));
+                    });
                 }, { timeout: 2000 });
             });
             it('should skip null views and combine valid ones', async () => {
@@ -512,10 +517,10 @@ describe('RecordSearchContext', () => {
                     hook.result.current('test query');
                 });
                 await waitFor(() => {
-                    expect(hpost).toHaveBeenCalledWith('/api/v2/search/hit', expect.objectContaining({
+                    expectSearchRequest({
                         query: 'test query',
                         filters: ['event.created:[now-1w TO now]', 'howler.status:open', 'howler.priority:high']
-                    }));
+                    });
                 });
             });
         });

package/components/hooks/useMyApi.js

@@ -17,6 +17,9 @@ const useMyApi = () => {
             return response;
         }
         catch (error) {
+            if (error instanceof Error && ['AbortError', 'CanceledError'].includes(error.name)) {
+                return;
+            }
             if (error instanceof Error) {
                 if (onConflict && [409, 412].includes(error.cause?.api_status_code)) {
                     void onConflict();

package/components/hooks/useMyUserFunctions.d.ts

@@ -17,7 +17,7 @@ declare const useMyUserFunctions: () => {
         favourite_analytics?: string[];
         dashboard?: {
             entry_id: string;
-            type: 'view' | 'analytic';
+            type: 'view' | 'analytic' | 'case' | 'tasks';
             config: string;
         }[];
         refresh_rate?: number;
@@ -40,7 +40,7 @@ declare const useMyUserFunctions: () => {
         favourite_analytics?: string[];
         dashboard?: {
             entry_id: string;
-            type: 'view' | 'analytic';
+            type: 'view' | 'analytic' | 'case' | 'tasks';
             config: string;
         }[];
         refresh_rate?: number;
@@ -64,7 +64,7 @@ declare const useMyUserFunctions: () => {
         favourite_analytics?: string[];
         dashboard?: {
             entry_id: string;
-            type: 'view' | 'analytic';
+            type: 'view' | 'analytic' | 'case' | 'tasks';
             config: string;
         }[];
         refresh_rate?: number;
@@ -88,7 +88,7 @@ declare const useMyUserFunctions: () => {
         favourite_analytics?: string[];
         dashboard?: {
             entry_id: string;
-            type: 'view' | 'analytic';
+            type: 'view' | 'analytic' | 'case' | 'tasks';
             config: string;
         }[];
         refresh_rate?: number;
@@ -111,7 +111,7 @@ declare const useMyUserFunctions: () => {
         favourite_analytics?: string[];
         dashboard?: {
             entry_id: string;
-            type: 'view' | 'analytic';
+            type: 'view' | 'analytic' | 'case' | 'tasks';
             config: string;
         }[];
         refresh_rate?: number;

package/components/routes/hits/search/shared/HitFilter.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AddCircleOutline, FilterList, RemoveCircleOutline } from '@mui/icons-material';
-import { Autocomplete, Checkbox, FormControlLabel, Stack, TextField, Tooltip, Typography } from '@mui/material';
+import { Autocomplete, Checkbox, createFilterOptions, FormControlLabel, Stack, TextField, Tooltip, Typography } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
 import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
+import { FieldContext } from '@cccsaurora/howler-ui/components/app/providers/FieldProvider';
 import { ParameterContext } from '@cccsaurora/howler-ui/components/app/providers/ParameterProvider';
 import ChipPopper from '@cccsaurora/howler-ui/components/elements/display/ChipPopper';
 import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
@@ -19,6 +20,13 @@ const ACCEPTED_LOOKUPS = [
     'event.provider',
     'organization.name'
 ];
+const DEFAULT_FILTER_FIELDS = [
+    'howler.assessment',
+    'howler.escalation',
+    'howler.analytic',
+    'howler.detection',
+    'event.provider'
+];
 const parseFilter = (value) => {
     const negated = value.startsWith('-');
     const positiveValue = negated ? value.slice(1) : value;
@@ -72,9 +80,11 @@ const serializeFilter = (category, values, negated) => {
     }
     return filter.join('');
 };
+const filterFields = createFilterOptions();
 const HitFilter = ({ size, id, value }) => {
     const { t } = useTranslation();
     const { config } = useContext(ApiConfigContext);
+    const { hitFields, getHitFields } = useContext(FieldContext);
     const { dispatchApi } = useMyApi();
     const setSavedFilter = useContextSelector(ParameterContext, ctx => ctx.setFilter);
     const removeSavedFilter = useContextSelector(ParameterContext, ctx => ctx.removeFilter);
@@ -89,10 +99,15 @@ const HitFilter = ({ size, id, value }) => {
         category: null,
         options: []
     });
+    const [categorySearchInput, setCategorySearchInput] = useState('');
     const { category, values: filterValues, editable, negated } = parsedFilter;
     const configuredLookup = category ? config.lookups?.[category] : undefined;
     const needsLookups = !!category && editable && !Array.isArray(configuredLookup);
     const loading = needsLookups && customLookups.category !== category;
+    const categoryOptions = hitFields.map(field => field.key).filter((field) => !!field);
+    useEffect(() => {
+        void getHitFields();
+    }, [getHitFields]);
     useEffect(() => {
         if (value) {
             setSavedFilter(id, value);
@@ -142,6 +157,8 @@ const HitFilter = ({ size, id, value }) => {
     }, [commitFilter, parsedFilter.raw]);
     const lookupOptions = configuredLookup ?? (customLookups.category === category ? customLookups.options : []);
     const chipLabel = `${parsedFilter.category ? `${parsedFilter.category}:` : ''}${parsedFilter.rawClause}`;
-    return (_jsx(Stack, { direction: "row", alignItems: "center", spacing: 0.5, children: _jsx(ChipPopper, { icon: _jsxs(Stack, { direction: "row", spacing: 0.25, alignItems: "center", children: [_jsx(FilterList, { fontSize: "small" }), parsedFilter.negated ? (_jsx(Tooltip, { title: t('hit.search.filter.excluded'), children: _jsx(RemoveCircleOutline, { fontSize: "small", color: "error" }) })) : (_jsx(Tooltip, { title: t('hit.search.filter.included'), children: _jsx(AddCircleOutline, { fontSize: "small", color: "success" }) }))] }), label: _jsx(Typography, { variant: "body2", children: chipLabel }), minWidth: "250px", onDelete: () => removeSavedFilter(value), slotProps: { chip: { size: 'small', color: parsedFilter.wildcard ? 'warning' : 'default' } }, children: _jsxs(Stack, { spacing: 1, sx: { minWidth: '225px' }, children: [_jsx(FormControlLabel, { label: t('hit.search.filter.exclude'), control: _jsx(Checkbox, { size: "small", checked: negated, onChange: toggleNegation }) }), _jsx(Autocomplete, { fullWidth: true, disableClearable: true, disabled: !editable, size: size ?? 'small', value: category ?? ACCEPTED_LOOKUPS[0], options: ACCEPTED_LOOKUPS, renderInput: _params => _jsx(TextField, { ..._params, label: t('hit.search.filter.fields') }), onChange: onCategoryChange }), _jsx(Autocomplete, { fullWidth: true, freeSolo: true, multiple: true, disabled: !category || !editable, loading: loading, size: size ?? 'small', value: filterValues, options: lookupOptions, renderInput: _params => _jsx(TextField, { ..._params, label: t('hit.search.filter.values') }), getOptionLabel: option => t(option), onChange: onValuesChange })] }) }) }));
+    return (_jsx(Stack, { direction: "row", alignItems: "center", spacing: 0.5, children: _jsx(ChipPopper, { icon: _jsxs(Stack, { direction: "row", spacing: 0.25, alignItems: "center", children: [_jsx(FilterList, { fontSize: "small" }), parsedFilter.negated ? (_jsx(Tooltip, { title: t('hit.search.filter.excluded'), children: _jsx(RemoveCircleOutline, { fontSize: "small", color: "error" }) })) : (_jsx(Tooltip, { title: t('hit.search.filter.included'), children: _jsx(AddCircleOutline, { fontSize: "small", color: "success" }) }))] }), label: _jsx(Typography, { variant: "body2", children: chipLabel }), minWidth: "250px", onDelete: () => removeSavedFilter(value), slotProps: { chip: { size: 'small', color: parsedFilter.wildcard ? 'warning' : 'default' } }, children: _jsxs(Stack, { spacing: 1, sx: { minWidth: '225px' }, children: [_jsx(FormControlLabel, { label: t('hit.search.filter.exclude'), control: _jsx(Checkbox, { size: "small", checked: negated, onChange: toggleNegation }) }), _jsx(Autocomplete, { fullWidth: true, disableClearable: true, disabled: !editable, size: size ?? 'small', value: category ?? ACCEPTED_LOOKUPS[0], options: categoryOptions, filterOptions: (options, state) => categorySearchInput
+                            ? filterFields(options, { ...state, inputValue: categorySearchInput })
+                            : options.filter(option => DEFAULT_FILTER_FIELDS.includes(option)), renderInput: _params => _jsx(TextField, { ..._params, label: t('hit.search.filter.fields') }), onChange: onCategoryChange, onInputChange: (_event, inputValue, reason) => setCategorySearchInput(reason === 'input' ? inputValue : '') }), _jsx(Autocomplete, { fullWidth: true, freeSolo: true, multiple: true, disabled: !category || !editable, loading: loading, size: size ?? 'small', value: filterValues, options: lookupOptions, renderInput: _params => _jsx(TextField, { ..._params, label: t('hit.search.filter.values') }), getOptionLabel: option => t(option), onChange: onValuesChange })] }) }) }));
 };
 export default memo(HitFilter);