@qpqjs/web-admin 0.0.0-stage → 0.2.1

package/lib/esm/FederatedAddonProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FederatedAddonProvider.js","sourceRoot":"","sources":["../../src/FederatedAddonProvider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIzD,4DAA4D;AAC5D,MAAM,cAAc,GAAwB,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC;AAE3D,MAAM,qBAAqB,GAAG,aAAa,CAAsB,cAAc,CAAC,CAAC;AAOjF,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACzG,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,IAAI,cAAc,YAAG,QAAQ,GAAkC,CACjH,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAwB,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC","sourcesContent":["import React, { createContext, useContext } from 'react';\n\nimport { LoadFederatedAddons } from './FederatedAddon';\n\n// Default: no host loader provided, so there are no addons.\nconst noopLoadAddons: LoadFederatedAddons = async () => [];\n\nconst FederatedAddonContext = createContext<LoadFederatedAddons>(noopLoadAddons);\n\nexport type FederatedAddonProviderProps = {\n  loadAddons?: LoadFederatedAddons;\n  children: React.ReactNode;\n};\n\nexport const FederatedAddonProvider: React.FC<FederatedAddonProviderProps> = ({ loadAddons, children }) => (\n  <FederatedAddonContext.Provider value={loadAddons ?? noopLoadAddons}>{children}</FederatedAddonContext.Provider>\n);\n\nexport const useLoadFederatedAddons = (): LoadFederatedAddons => useContext(FederatedAddonContext);\n"]}

package/lib/esm/LogViewer/ActionHistoryItem.d.ts

@@ -0,0 +1,8 @@
+import { Action } from '@qpqjs/core';
+interface ActionHistoryItemProps {
+    action: Action<any>;
+    result: any;
+    expanded: boolean;
+}
+export declare const ActionHistoryItem: ({ action, result, expanded }: ActionHistoryItemProps) => import("react").JSX.Element;
+export {};

package/lib/esm/LogViewer/ActionHistoryItem.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import TruncatedText from './TruncatedText';
+export const ActionHistoryItem = ({ action, result, expanded }) => {
+    const inputText = JSON.stringify(action.payload, null, 2);
+    const outputText = JSON.stringify(result, null, 2);
+    return (_jsxs(_Fragment, { children: [_jsx("pre", { style: { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }, children: _jsx(TruncatedText, { expanded: expanded, text: inputText, title: "Input" }) }), _jsx("pre", { style: { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }, children: _jsx(TruncatedText, { expanded: expanded, text: outputText, title: "Output" }) })] }));
+};
+//# sourceMappingURL=ActionHistoryItem.js.map

package/lib/esm/LogViewer/ActionHistoryItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionHistoryItem.js","sourceRoot":"","sources":["../../../src/LogViewer/ActionHistoryItem.tsx"],"names":[],"mappings":";AAEA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAQ5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAA0B,EAAE,EAAE;IACxF,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAEnD,OAAO,CACL,8BACE,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,YAC7D,KAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAC,OAAO,GAAG,GAChE,EACN,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,YAC7D,KAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAC,QAAQ,GAAG,GAClE,IACL,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Action } from '@qpqjs/core';\n\nimport TruncatedText from './TruncatedText';\n\ninterface ActionHistoryItemProps {\n  action: Action<any>;\n  result: any;\n  expanded: boolean;\n}\n\nexport const ActionHistoryItem = ({ action, result, expanded }: ActionHistoryItemProps) => {\n  const inputText = JSON.stringify(action.payload, null, 2);\n  const outputText = JSON.stringify(result, null, 2);\n\n  return (\n    <>\n      <pre style={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>\n        <TruncatedText expanded={expanded} text={inputText} title=\"Input\" />\n      </pre>\n      <pre style={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>\n        <TruncatedText expanded={expanded} text={outputText} title=\"Output\" />\n      </pre>\n    </>\n  );\n};\n"]}

package/lib/esm/LogViewer/ActionHistoryItemTimeStamp.d.ts

@@ -0,0 +1,6 @@
+interface ActionHistoryItemTimeStampProps {
+    startedAt: string;
+    finishedAt: string;
+}
+export declare const ActionHistoryItemTimeStamp: ({ startedAt, finishedAt }: ActionHistoryItemTimeStampProps) => import("react").JSX.Element;
+export {};

package/lib/esm/LogViewer/ActionHistoryItemTimeStamp.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+export const ActionHistoryItemTimeStamp = ({ startedAt, finishedAt }) => {
+    const startDate = new Date(startedAt);
+    const endDate = new Date(finishedAt);
+    const executionTime = endDate.getTime() - startDate.getTime();
+    // Function to format date to include milliseconds
+    const formatDateWithMilliseconds = (date) => {
+        const timeOptions = {
+            hour: '2-digit',
+            minute: '2-digit',
+            second: '2-digit',
+            hour12: false,
+        };
+        const timeString = date.toLocaleTimeString('en-AU', timeOptions);
+        const milliseconds = date.getMilliseconds().toString().padStart(3, '0');
+        return `${timeString}.${milliseconds}`;
+    };
+    return (_jsxs("div", { children: [_jsx(Typography, { variant: "body2", children: formatDateWithMilliseconds(startDate) }), _jsx(Typography, { variant: "body2", children: startDate.toLocaleDateString('en-AU') }), _jsx(Typography, { variant: "body2", children: `${executionTime} ms` })] }));
+};
+//# sourceMappingURL=ActionHistoryItemTimeStamp.js.map

package/lib/esm/LogViewer/ActionHistoryItemTimeStamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionHistoryItemTimeStamp.js","sourceRoot":"","sources":["../../../src/LogViewer/ActionHistoryItemTimeStamp.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAO3C,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAmC,EAAE,EAAE;IACvG,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;IACrC,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;IAE9D,kDAAkD;IAClD,MAAM,0BAA0B,GAAG,CAAC,IAAU,EAAE,EAAE;QAChD,MAAM,WAAW,GAA+B;YAC9C,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,KAAK;SACd,CAAC;QACF,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACjE,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QACxE,OAAO,GAAG,UAAU,IAAI,YAAY,EAAE,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACL,0BACE,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,YAAE,0BAA0B,CAAC,SAAS,CAAC,GAAc,EAChF,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,YAAE,SAAS,CAAC,kBAAkB,CAAC,OAAO,CAAC,GAAc,EAChF,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,YAAE,GAAG,aAAa,KAAK,GAAc,IAC5D,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Typography } from '@mui/material';\n\ninterface ActionHistoryItemTimeStampProps {\n  startedAt: string;\n  finishedAt: string;\n}\n\nexport const ActionHistoryItemTimeStamp = ({ startedAt, finishedAt }: ActionHistoryItemTimeStampProps) => {\n  const startDate = new Date(startedAt);\n  const endDate = new Date(finishedAt);\n  const executionTime = endDate.getTime() - startDate.getTime();\n\n  // Function to format date to include milliseconds\n  const formatDateWithMilliseconds = (date: Date) => {\n    const timeOptions: Intl.DateTimeFormatOptions = {\n      hour: '2-digit',\n      minute: '2-digit',\n      second: '2-digit',\n      hour12: false,\n    };\n    const timeString = date.toLocaleTimeString('en-AU', timeOptions);\n    const milliseconds = date.getMilliseconds().toString().padStart(3, '0');\n    return `${timeString}.${milliseconds}`;\n  };\n\n  return (\n    <div>\n      <Typography variant=\"body2\">{formatDateWithMilliseconds(startDate)}</Typography>\n      <Typography variant=\"body2\">{startDate.toLocaleDateString('en-AU')}</Typography>\n      <Typography variant=\"body2\">{`${executionTime} ms`}</Typography>\n    </div>\n  );\n};\n"]}

package/lib/esm/LogViewer/ActionRender/ActionRender.d.ts

@@ -0,0 +1,17 @@
+import { Action, ActionProcessorResult, SystemBatchActionPayload } from '@qpqjs/core';
+import { ActionComponent } from '../actionComponents';
+interface AnyActionHistoryItemProps {
+    action: Action<any>;
+    result: ActionProcessorResult<any>;
+}
+interface ActionRenderProps {
+    action: Action<any>;
+    result: any;
+    isLegacy: boolean;
+    expanded: boolean;
+}
+export declare const CoreBatchCustomAction: ActionComponent<SystemBatchActionPayload, any[]>;
+export declare const AnyCustomAction: ActionComponent;
+export declare const ActionRender: ({ action, result, isLegacy, expanded }: ActionRenderProps) => import("react").JSX.Element;
+export declare const AnyActionHistoryItem: ({ action, result }: AnyActionHistoryItemProps) => import("react").JSX.Element;
+export {};

package/lib/esm/LogViewer/ActionRender/ActionRender.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { actionResult, resolveActionResult, SystemActionType } from '@qpqjs/core';
+import { useState } from 'react';
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import HistoryIcon from '@mui/icons-material/History';
+import { Box, IconButton, Tooltip, Typography } from '@mui/material';
+import { AnyVariableView, genericFunctionRendererStyles, getGenericActionRenderer } from '../actionComponents';
+import customActionsMap from '../actionComponents/customActionsMap';
+import { ActionHistoryItem } from '../ActionHistoryItem';
+import actionComponentMap from '../logic/actionComponentMap';
+export const CoreBatchCustomAction = ({ action, expanded, result }) => {
+    if (!action.payload) {
+        return null;
+    }
+    return (_jsx("div", { style: { borderLeft: 'thin dashed black', background: '#0400ff29', padding: '1px 10px 10px 10px' }, children: _jsx(Box, { sx: { width: '100%', my: 1 }, children: action.payload.actions.map((action, index) => (_jsx(AnyActionHistoryItem, { action: action, result: actionResult(resolveActionResult(result)[index]) }, index))) }) }));
+};
+export const AnyCustomAction = ({ action, result, expanded }) => {
+    if (!action.payload) {
+        return null;
+    }
+    return (_jsx(Box, { sx: { width: '100%', my: 1 }, children: _jsx("pre", { style: genericFunctionRendererStyles.pre, children: _jsx(AnyVariableView, { expanded: expanded, value: action.payload }) }) }));
+};
+export const ActionRender = ({ action, result, isLegacy, expanded }) => {
+    const actionComponentConfig = actionComponentMap[action.type];
+    if (!isLegacy && action.type === SystemActionType.Batch) {
+        return _jsx(CoreBatchCustomAction, { action: action, expanded: expanded, result: result });
+    }
+    const ActionComponent = isLegacy
+        ? ActionHistoryItem
+        : customActionsMap[action.type]
+            ? customActionsMap[action.type]
+            : actionComponentConfig
+                ? getGenericActionRenderer(actionComponentConfig[0], actionComponentConfig.slice(1))
+                : AnyCustomAction;
+    return (_jsx(_Fragment, { children: _jsx(ActionComponent, { action: action, expanded: expanded, result: result }) }));
+};
+export const AnyActionHistoryItem = ({ action, result }) => {
+    const [expanded, setExpanded] = useState(false);
+    const [legacy, setLegacy] = useState(false);
+    const toggleExpanded = () => {
+        setExpanded(!expanded);
+    };
+    const toggleLegacy = () => {
+        setLegacy(!legacy);
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { alignItems: "center", display: "flex", children: [_jsx(Typography, { component: "span", variant: "h6", children: action.type.split('/').slice(-2).join('::') }), _jsx(Tooltip, { title: expanded ? 'Collapse' : 'Expand', children: _jsx(IconButton, { onClick: toggleExpanded, size: "small", children: expanded ? _jsx(ExpandLessIcon, {}) : _jsx(ExpandMoreIcon, {}) }) }), _jsx(Tooltip, { title: "Legacy View", children: _jsx(IconButton, { onClick: toggleLegacy, size: "small", children: _jsx(HistoryIcon, { color: legacy ? 'primary' : 'inherit' }) }) })] }), _jsx(ActionRender, { action: action, expanded: expanded, isLegacy: legacy, result: result })] }));
+};
+//# sourceMappingURL=ActionRender.js.map

package/lib/esm/LogViewer/ActionRender/ActionRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionRender.js","sourceRoot":"","sources":["../../../../src/LogViewer/ActionRender/ActionRender.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Action, ActionProcessorResult, actionResult, resolveActionResult, SystemActionType, SystemBatchActionPayload } from '@qpqjs/core';\n\nimport { useState } from 'react';\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport HistoryIcon from '@mui/icons-material/History';\nimport { Box, IconButton, Tooltip, Typography } from '@mui/material';\n\nimport { ActionComponent, ActionComponentProps, AnyVariableView, genericFunctionRendererStyles, getGenericActionRenderer } from '../actionComponents';\nimport customActionsMap from '../actionComponents/customActionsMap';\nimport { ActionHistoryItem } from '../ActionHistoryItem';\nimport actionComponentMap from '../logic/actionComponentMap';\n\ninterface AnyActionHistoryItemProps {\n  action: Action<any>;\n  result: ActionProcessorResult<any>;\n}\n\ninterface ActionRenderProps {\n  action: Action<any>;\n  result: any;\n  isLegacy: boolean;\n  expanded: boolean;\n}\n\nexport const CoreBatchCustomAction: ActionComponent<SystemBatchActionPayload, any[]> = ({ action, expanded, result }) => {\n  if (!action.payload) {\n    return null;\n  }\n\n  return (\n    <div style={{ borderLeft: 'thin dashed black', background: '#0400ff29', padding: '1px 10px 10px 10px' }}>\n      <Box sx={{ width: '100%', my: 1 }}>\n        {action.payload.actions.map((action, index) => (\n          <AnyActionHistoryItem key={index} action={action} result={actionResult(resolveActionResult(result)[index])} />\n        ))}\n      </Box>\n    </div>\n  );\n};\n\nexport const AnyCustomAction: ActionComponent = ({ action, result, expanded }: ActionComponentProps) => {\n  if (!action.payload) {\n    return null;\n  }\n\n  return (\n    <Box sx={{ width: '100%', my: 1 }}>\n      <pre style={genericFunctionRendererStyles.pre}>\n        <AnyVariableView expanded={expanded} value={action.payload} />\n      </pre>\n    </Box>\n  );\n};\n\nexport const ActionRender = ({ action, result, isLegacy, expanded }: ActionRenderProps) => {\n  const actionComponentConfig = actionComponentMap[action.type];\n\n  if (!isLegacy && action.type === SystemActionType.Batch) {\n    return <CoreBatchCustomAction action={action} expanded={expanded} result={result} />;\n  }\n\n  const ActionComponent = isLegacy\n    ? ActionHistoryItem\n    : customActionsMap[action.type]\n      ? customActionsMap[action.type]\n      : actionComponentConfig\n        ? getGenericActionRenderer(actionComponentConfig[0], actionComponentConfig.slice(1))\n        : AnyCustomAction;\n\n  return (\n    <>\n      <ActionComponent action={action} expanded={expanded} result={result} />\n    </>\n  );\n};\n\nexport const AnyActionHistoryItem = ({ action, result }: AnyActionHistoryItemProps) => {\n  const [expanded, setExpanded] = useState(false);\n  const [legacy, setLegacy] = useState(false);\n\n  const toggleExpanded = () => {\n    setExpanded(!expanded);\n  };\n\n  const toggleLegacy = () => {\n    setLegacy(!legacy);\n  };\n\n  return (\n    <>\n      <Box alignItems=\"center\" display=\"flex\">\n        <Typography component=\"span\" variant=\"h6\">\n          {action.type.split('/').slice(-2).join('::')}\n        </Typography>\n        <Tooltip title={expanded ? 'Collapse' : 'Expand'}>\n          <IconButton onClick={toggleExpanded} size=\"small\">\n            {expanded ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Legacy View\">\n          <IconButton onClick={toggleLegacy} size=\"small\">\n            <HistoryIcon color={legacy ? 'primary' : 'inherit'} />\n          </IconButton>\n        </Tooltip>\n      </Box>\n      <ActionRender action={action} expanded={expanded} isLegacy={legacy} result={result} />\n    </>\n  );\n};\n"]}

package/lib/esm/LogViewer/ActionRender/index.d.ts

@@ -0,0 +1 @@
+export * from './ActionRender';

package/lib/esm/LogViewer/ActionRender/index.js

@@ -0,0 +1,2 @@
+export * from './ActionRender';
+//# sourceMappingURL=index.js.map

package/lib/esm/LogViewer/ActionRender/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/LogViewer/ActionRender/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './ActionRender';\n"]}

package/lib/esm/LogViewer/AdminLogs/AdminLogGrid/AdminLogGrid.d.ts

@@ -0,0 +1,8 @@
+import { LogLog } from '@qpqjs/features';
+type AdminLogGridProps = {
+    logs: LogLog[];
+    isLoading: boolean;
+    searchProgress: number;
+};
+export declare const AdminLogGrid: ({ logs, isLoading, searchProgress }: AdminLogGridProps) => import("react").JSX.Element;
+export {};

package/lib/esm/LogViewer/AdminLogs/AdminLogGrid/AdminLogGrid.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { LogLevelEnum } from '@qpqjs/core';
+import LinearProgress from '@mui/material/LinearProgress';
+import { DataGrid } from '@mui/x-data-grid';
+import { DataGridPagination } from '../../../components/DataGridPagination/DataGridPagination';
+import { DateCell } from '../../../components/DateCell/DateCell';
+import { LogDialog } from '../../LogDialog';
+import { useLogLogMananagement } from '../hooks';
+const columns = [
+    {
+        field: 'type',
+        headerName: 'Type',
+        flex: 1,
+        renderCell: (params) => _jsx("div", { children: LogLevelEnum[params.value] }),
+    },
+    {
+        field: 'module',
+        headerName: 'Service',
+        flex: 1,
+        renderCell: (params) => _jsx("div", { children: params.value || 'unknown' }),
+    },
+    {
+        field: 'timestamp',
+        headerName: 'When',
+        flex: 1,
+        renderCell: (params) => _jsx(DateCell, { isoDateTime: params.value }),
+    },
+    { field: 'reason', headerName: 'Message', flex: 8 },
+];
+export const AdminLogGrid = ({ logs, isLoading, searchProgress }) => {
+    const { selectedLogCorrelation, setSelectedLogCorrelation, onRowClick, clearSelectedLogCorrelation } = useLogLogMananagement();
+    const getRowClassName = (params) => {
+        switch (params.row.type) {
+            case LogLevelEnum.Fatal:
+                return 'fatalRow';
+            case LogLevelEnum.Error:
+                return 'errorRow';
+            case LogLevelEnum.Warn:
+                return 'warnRow';
+            case LogLevelEnum.Info:
+                return 'infoRow';
+            case LogLevelEnum.Debug:
+                return 'debugRow';
+            case LogLevelEnum.Trace:
+                return 'traceRow';
+            default:
+                return '';
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+  .fatalRow {
+    background-color: #8B0000 !important; /* Dark Red */
+    color: #fff;
+  }
+  .fatalRow:hover {
+    background-color: #B22222 !important; /* FireBrick */
+    color: #fff;
+  }
+
+  .errorRow {
+    background-color: #FF4C4C !important; /* Red-ish */
+    color: #fff;
+  }
+  .errorRow:hover {
+    background-color: #FF6666 !important; /* Lighter red for hover */
+    color: #fff;
+  }
+
+  .warnRow {
+    background-color: #FFD700 !important; /* Gold */
+    color: #000;
+  }
+  .warnRow:hover {
+    background-color: #FFED85 !important; /* Lighter/gentler yellow */
+    color: #000;
+  }
+
+  .infoRow {
+    background-color: #ADD8E6 !important; /* Light Blue (SkyBlue) */
+    color: #000;
+  }
+  .infoRow:hover {
+    background-color: #C4E4F2 !important; /* Slightly lighter blue */
+    color: #000;
+  }
+
+  .debugRow {
+    background-color: #E0E0E0 !important; /* Light Gray */
+    color: #000;
+  }
+  .debugRow:hover {
+    background-color: #D0D0D0 !important; /* Slightly darker gray */
+    color: #000;
+  }
+
+  .traceRow {
+    background-color: #F3F3F3 !important; /* Very Light Gray */
+    color: #000;
+  }
+  .traceRow:hover {
+    background-color: #E3E3E3 !important; 
+    color: #000;
+  }
+` }), _jsx(DataGrid, { autoPageSize: true, columns: columns, components: {
+                    Pagination: DataGridPagination,
+                    LoadingOverlay: () => _jsx(LinearProgress, { value: searchProgress, variant: "determinate" }),
+                }, getRowClassName: getRowClassName, loading: isLoading, onRowClick: onRowClick, rows: logs.map((log, i) => ({ ...log, id: `${i}` })) }), _jsx(LogDialog, { handleClose: clearSelectedLogCorrelation, logCorrelation: selectedLogCorrelation, open: !!selectedLogCorrelation, setSelectedLogCorrelation: setSelectedLogCorrelation, storyResultMetadatas: logs })] }));
+};
+//# sourceMappingURL=AdminLogGrid.js.map

package/lib/esm/LogViewer/AdminLogs/AdminLogGrid/AdminLogGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLogGrid.js","sourceRoot":"","sources":["../../../../../src/LogViewer/AdminLogs/AdminLogGrid/AdminLogGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["import { LogLevelEnum } from '@qpqjs/core';\nimport { LogLog } from '@qpqjs/features';\n\nimport LinearProgress from '@mui/material/LinearProgress';\nimport { DataGrid, GridColDef, GridRenderCellParams, GridRowClassNameParams } from '@mui/x-data-grid';\n\nimport { DataGridPagination } from '../../../components/DataGridPagination/DataGridPagination';\nimport { DateCell } from '../../../components/DateCell/DateCell';\nimport { LogDialog } from '../../LogDialog';\nimport { useLogLogMananagement } from '../hooks';\n\nconst columns: GridColDef[] = [\n  {\n    field: 'type',\n    headerName: 'Type',\n    flex: 1,\n    renderCell: (params: GridRenderCellParams) => <div>{LogLevelEnum[params.value]}</div>,\n  },\n  {\n    field: 'module',\n    headerName: 'Service',\n    flex: 1,\n    renderCell: (params: GridRenderCellParams) => <div>{params.value || 'unknown'}</div>,\n  },\n  {\n    field: 'timestamp',\n    headerName: 'When',\n    flex: 1,\n    renderCell: (params: GridRenderCellParams) => <DateCell isoDateTime={params.value} />,\n  },\n  { field: 'reason', headerName: 'Message', flex: 8 },\n];\n\ntype AdminLogGridProps = {\n  logs: LogLog[];\n  isLoading: boolean;\n  searchProgress: number;\n};\n\nexport const AdminLogGrid = ({ logs, isLoading, searchProgress }: AdminLogGridProps) => {\n  const { selectedLogCorrelation, setSelectedLogCorrelation, onRowClick, clearSelectedLogCorrelation } = useLogLogMananagement();\n\n  const getRowClassName = (params: GridRowClassNameParams) => {\n    switch (params.row.type) {\n      case LogLevelEnum.Fatal:\n        return 'fatalRow';\n      case LogLevelEnum.Error:\n        return 'errorRow';\n      case LogLevelEnum.Warn:\n        return 'warnRow';\n      case LogLevelEnum.Info:\n        return 'infoRow';\n      case LogLevelEnum.Debug:\n        return 'debugRow';\n      case LogLevelEnum.Trace:\n        return 'traceRow';\n      default:\n        return '';\n    }\n  };\n\n  return (\n    <>\n      <style>\n        {`\n  .fatalRow {\n    background-color: #8B0000 !important; /* Dark Red */\n    color: #fff;\n  }\n  .fatalRow:hover {\n    background-color: #B22222 !important; /* FireBrick */\n    color: #fff;\n  }\n\n  .errorRow {\n    background-color: #FF4C4C !important; /* Red-ish */\n    color: #fff;\n  }\n  .errorRow:hover {\n    background-color: #FF6666 !important; /* Lighter red for hover */\n    color: #fff;\n  }\n\n  .warnRow {\n    background-color: #FFD700 !important; /* Gold */\n    color: #000;\n  }\n  .warnRow:hover {\n    background-color: #FFED85 !important; /* Lighter/gentler yellow */\n    color: #000;\n  }\n\n  .infoRow {\n    background-color: #ADD8E6 !important; /* Light Blue (SkyBlue) */\n    color: #000;\n  }\n  .infoRow:hover {\n    background-color: #C4E4F2 !important; /* Slightly lighter blue */\n    color: #000;\n  }\n\n  .debugRow {\n    background-color: #E0E0E0 !important; /* Light Gray */\n    color: #000;\n  }\n  .debugRow:hover {\n    background-color: #D0D0D0 !important; /* Slightly darker gray */\n    color: #000;\n  }\n\n  .traceRow {\n    background-color: #F3F3F3 !important; /* Very Light Gray */\n    color: #000;\n  }\n  .traceRow:hover {\n    background-color: #E3E3E3 !important; \n    color: #000;\n  }\n`}\n      </style>\n      <DataGrid\n        autoPageSize\n        columns={columns}\n        components={{\n          Pagination: DataGridPagination,\n          LoadingOverlay: () => <LinearProgress value={searchProgress} variant=\"determinate\" />,\n        }}\n        getRowClassName={getRowClassName}\n        loading={isLoading}\n        onRowClick={onRowClick}\n        rows={logs.map((log, i) => ({ ...log, id: `${i}` }))}\n      />\n      <LogDialog\n        handleClose={clearSelectedLogCorrelation}\n        logCorrelation={selectedLogCorrelation}\n        open={!!selectedLogCorrelation}\n        setSelectedLogCorrelation={setSelectedLogCorrelation}\n        storyResultMetadatas={logs}\n      />\n    </>\n  );\n};\n"]}

package/lib/esm/LogViewer/AdminLogs/AdminLogGrid/index.d.ts

@@ -0,0 +1 @@
+export * from './AdminLogGrid';

package/lib/esm/LogViewer/AdminLogs/AdminLogGrid/index.js

@@ -0,0 +1,2 @@
+export * from './AdminLogGrid';
+//# sourceMappingURL=index.js.map

package/lib/esm/LogViewer/AdminLogs/AdminLogGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/LogViewer/AdminLogs/AdminLogGrid/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './AdminLogGrid';\n"]}

package/lib/esm/LogViewer/AdminLogs/AdminLogSearchBar/AdminLogSearchBar.d.ts

@@ -0,0 +1,4 @@
+export interface AdminLogSearchBarProps {
+    onSearch: () => Promise<any>;
+}
+export declare function AdminLogSearchBar({ onSearch }: AdminLogSearchBarProps): import("react").JSX.Element;

package/lib/esm/LogViewer/AdminLogs/AdminLogSearchBar/AdminLogSearchBar.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { logLevelEnumLookups } from '@qpqjs/core';
+import { useState } from 'react';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { Autocomplete, IconButton, Menu } from '@mui/material';
+import FormControl from '@mui/material/FormControl';
+import Grid from '@mui/material/Grid';
+import InputLabel from '@mui/material/InputLabel';
+import MenuItem from '@mui/material/MenuItem';
+import Select from '@mui/material/Select';
+import TextField from '@mui/material/TextField';
+import { Box } from '@mui/system';
+import { DateTimePicker, LocalizationProvider } from '@mui/x-date-pickers';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+import { useSearchFields } from '../../../adminApp';
+import { AsyncButton } from '../../../components/AsyncButton';
+import { useServiceNames } from '../../hooks';
+export function AdminLogSearchBar({ onSearch }) {
+    const serviceOptions = useServiceNames();
+    const { service, handleServiceOnChange, startDate, handleStartDateChange, endDate, handleEndDateChange, msg, handleMsgOnChange, updateStartAndEndTimeSpan, logLevel, handleLogLevelOnChange, } = useSearchFields();
+    const [anchorEl, setAnchorEl] = useState(null);
+    const handleQuickTimeClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleQuickTimeClose = () => {
+        setAnchorEl(null);
+    };
+    const handleQuickTimeSelect = (minutes) => {
+        updateStartAndEndTimeSpan(minutes);
+        handleQuickTimeClose();
+    };
+    return (_jsxs(LocalizationProvider, { dateAdapter: AdapterDateFns, children: [_jsxs(Grid, { columns: 12, container: true, spacing: 2, children: [_jsx(Grid, { item: true, xs: 3, children: _jsxs(FormControl, { fullWidth: true, children: [_jsx(InputLabel, { id: "runtime-select-label", children: "Log Level" }), _jsx(Select, { id: "demo-simple-select", label: "Log Level", labelId: "runtime-select-label", onChange: handleLogLevelOnChange, value: logLevel, children: logLevelEnumLookups.map((key) => (_jsx(MenuItem, { value: key, children: key }, key))) })] }) }), _jsx(Grid, { item: true, xs: 3, children: _jsx(FormControl, { fullWidth: true, children: _jsx(Autocomplete, { getOptionLabel: (option) => option.label, onChange: handleServiceOnChange, options: serviceOptions, renderInput: (params) => (_jsx(TextField, { ...params, InputLabelProps: {
+                                        shrink: true,
+                                    }, label: "Service Name" })), value: serviceOptions.find((o) => o.value === service) || null }) }) }), _jsx(Grid, { item: true, xs: 3, children: _jsxs(Box, { position: "relative", children: [_jsx(FormControl, { fullWidth: true, children: _jsx(DateTimePicker, { label: "Start DateTime", onChange: handleStartDateChange, value: startDate }) }), _jsx(IconButton, { "aria-controls": "quick-time-menu", "aria-haspopup": "true", "aria-label": "quick time select", onClick: handleQuickTimeClick, sx: {
+                                        position: 'absolute',
+                                        right: '-28px',
+                                        top: '50%',
+                                        transform: 'translateY(-50%)',
+                                    }, children: _jsx(ExpandMoreIcon, {}) })] }) }), _jsx(Grid, { item: true, xs: 3, children: _jsx(FormControl, { fullWidth: true, children: _jsx(DateTimePicker, { label: "End DateTime", onChange: handleEndDateChange, value: endDate }) }) }), _jsx(Grid, { item: true, xs: 10, children: _jsx(FormControl, { fullWidth: true, children: _jsx(TextField, { InputLabelProps: {
+                                    shrink: true,
+                                }, label: "Message", onChange: handleMsgOnChange, value: msg }) }) }), _jsx(Grid, { item: true, xs: 2, children: _jsx(AsyncButton, { onClick: () => onSearch(), children: "Search" }) })] }), _jsxs(Menu, { anchorEl: anchorEl, id: "quick-time-menu", keepMounted: true, onClose: handleQuickTimeClose, open: Boolean(anchorEl), children: [_jsx(MenuItem, { onClick: () => handleQuickTimeSelect(5), children: "Last 5 minutes" }), _jsx(MenuItem, { onClick: () => handleQuickTimeSelect(30), children: "Last 30 minutes" }), _jsx(MenuItem, { onClick: () => handleQuickTimeSelect(1 * 60), children: "Last hour" }), _jsx(MenuItem, { onClick: () => handleQuickTimeSelect(3 * 60), children: "Last 3 hours" }), _jsx(MenuItem, { onClick: () => handleQuickTimeSelect(8 * 60), children: "Last 8 hours" }), _jsx(MenuItem, { onClick: () => handleQuickTimeSelect(16 * 60), children: "Last 16 hours" }), _jsx(MenuItem, { onClick: () => handleQuickTimeSelect(24 * 60), children: "Last 24 hours" }), _jsx(MenuItem, { onClick: () => handleQuickTimeSelect(7 * 24 * 60), children: "Last 7 days" }), _jsx(MenuItem, { onClick: () => handleQuickTimeSelect(30 * 24 * 60), children: "Last month" })] })] }));
+}
+//# sourceMappingURL=AdminLogSearchBar.js.map

package/lib/esm/LogViewer/AdminLogs/AdminLogSearchBar/AdminLogSearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLogSearchBar.js","sourceRoot":"","sources":["../../../../../src/LogViewer/AdminLogs/AdminLogSearchBar/AdminLogSearchBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { logLevelEnumLookups } from '@qpqjs/core';\n\nimport { useState } from 'react';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport { Autocomplete, IconButton, Menu } from '@mui/material';\nimport FormControl from '@mui/material/FormControl';\nimport Grid from '@mui/material/Grid';\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport Select from '@mui/material/Select';\nimport TextField from '@mui/material/TextField';\nimport { Box } from '@mui/system';\nimport { DateTimePicker, LocalizationProvider } from '@mui/x-date-pickers';\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';\n\nimport { useSearchFields } from '../../../adminApp';\nimport { AsyncButton } from '../../../components/AsyncButton';\nimport { useServiceNames } from '../../hooks';\n\nexport interface AdminLogSearchBarProps {\n  onSearch: () => Promise<any>;\n}\n\nexport function AdminLogSearchBar({ onSearch }: AdminLogSearchBarProps) {\n  const serviceOptions = useServiceNames();\n\n  const {\n    service,\n    handleServiceOnChange,\n    startDate,\n    handleStartDateChange,\n    endDate,\n    handleEndDateChange,\n    msg,\n    handleMsgOnChange,\n    updateStartAndEndTimeSpan,\n    logLevel,\n    handleLogLevelOnChange,\n  } = useSearchFields();\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const handleQuickTimeClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleQuickTimeClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleQuickTimeSelect = (minutes: number) => {\n    updateStartAndEndTimeSpan(minutes);\n    handleQuickTimeClose();\n  };\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDateFns}>\n      <Grid columns={12} container spacing={2}>\n        <Grid item xs={3}>\n          <FormControl fullWidth>\n            <InputLabel id=\"runtime-select-label\">Log Level</InputLabel>\n            <Select id=\"demo-simple-select\" label=\"Log Level\" labelId=\"runtime-select-label\" onChange={handleLogLevelOnChange} value={logLevel}>\n              {logLevelEnumLookups.map((key) => (\n                <MenuItem key={key} value={key}>\n                  {key}\n                </MenuItem>\n              ))}\n            </Select>\n          </FormControl>\n        </Grid>\n        <Grid item xs={3}>\n          <FormControl fullWidth>\n            <Autocomplete\n              getOptionLabel={(option) => option.label}\n              onChange={handleServiceOnChange}\n              options={serviceOptions}\n              renderInput={(params) => (\n                <TextField\n                  {...params}\n                  InputLabelProps={{\n                    shrink: true,\n                  }}\n                  label=\"Service Name\"\n                />\n              )}\n              value={serviceOptions.find((o) => o.value === service) || null}\n            />\n          </FormControl>\n        </Grid>\n        <Grid item xs={3}>\n          <Box position=\"relative\">\n            <FormControl fullWidth>\n              <DateTimePicker label=\"Start DateTime\" onChange={handleStartDateChange} value={startDate} />\n            </FormControl>\n            <IconButton\n              aria-controls=\"quick-time-menu\"\n              aria-haspopup=\"true\"\n              aria-label=\"quick time select\"\n              onClick={handleQuickTimeClick}\n              sx={{\n                position: 'absolute',\n                right: '-28px',\n                top: '50%',\n                transform: 'translateY(-50%)',\n              }}\n            >\n              <ExpandMoreIcon />\n            </IconButton>\n          </Box>\n        </Grid>\n        <Grid item xs={3}>\n          <FormControl fullWidth>\n            <DateTimePicker label=\"End DateTime\" onChange={handleEndDateChange} value={endDate} />\n          </FormControl>\n        </Grid>\n        <Grid item xs={10}>\n          <FormControl fullWidth>\n            <TextField\n              InputLabelProps={{\n                shrink: true,\n              }}\n              label=\"Message\"\n              onChange={handleMsgOnChange}\n              value={msg}\n            />\n          </FormControl>\n        </Grid>\n        <Grid item xs={2}>\n          <AsyncButton onClick={() => onSearch()}>Search</AsyncButton>\n        </Grid>\n      </Grid>\n      <Menu anchorEl={anchorEl} id=\"quick-time-menu\" keepMounted onClose={handleQuickTimeClose} open={Boolean(anchorEl)}>\n        <MenuItem onClick={() => handleQuickTimeSelect(5)}>Last 5 minutes</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(30)}>Last 30 minutes</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(1 * 60)}>Last hour</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(3 * 60)}>Last 3 hours</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(8 * 60)}>Last 8 hours</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(16 * 60)}>Last 16 hours</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(24 * 60)}>Last 24 hours</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(7 * 24 * 60)}>Last 7 days</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(30 * 24 * 60)}>Last month</MenuItem>\n      </Menu>\n    </LocalizationProvider>\n  );\n}\n"]}

package/lib/esm/LogViewer/AdminLogs/AdminLogSearchBar/index.d.ts

@@ -0,0 +1 @@
+export * from './AdminLogSearchBar';

package/lib/esm/LogViewer/AdminLogs/AdminLogSearchBar/index.js

@@ -0,0 +1,2 @@
+export * from './AdminLogSearchBar';
+//# sourceMappingURL=index.js.map

package/lib/esm/LogViewer/AdminLogs/AdminLogSearchBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/LogViewer/AdminLogs/AdminLogSearchBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './AdminLogSearchBar';\n"]}

package/lib/esm/LogViewer/AdminLogs/AdminLogs.d.ts

@@ -0,0 +1 @@
+export declare const AdminLogs: () => import("react").JSX.Element;

package/lib/esm/LogViewer/AdminLogs/AdminLogs.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getSearchProgress, logLogSearchKey, useAdminApp, useSessionState, useVolatileState } from '../../adminApp';
+import { TabViewBox } from '../../components/TabViewBox';
+import { useIsLoading } from '../../view/Loading/hooks/useIsLoading';
+import { AdminLogGrid } from './AdminLogGrid/AdminLogGrid';
+import { AdminLogSearchBar } from './AdminLogSearchBar/AdminLogSearchBar';
+export const AdminLogs = () => {
+    const [api] = useAdminApp();
+    const session = useSessionState();
+    const volatile = useVolatileState();
+    const isLoading = useIsLoading();
+    const results = volatile.logLogResults[logLogSearchKey(session.search)];
+    return (_jsx(TabViewBox, { body: () => (_jsx(AdminLogGrid, { isLoading: isLoading || !!results?.isSearching, logs: results?.logLogs ?? [], searchProgress: getSearchProgress(results) })), header: () => _jsx(AdminLogSearchBar, { onSearch: () => api.runLogLogSearch() }) }));
+};
+//# sourceMappingURL=AdminLogs.js.map

package/lib/esm/LogViewer/AdminLogs/AdminLogs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLogs.js","sourceRoot":"","sources":["../../../../src/LogViewer/AdminLogs/AdminLogs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpH,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE1E,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,GAAG,CAAC,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAExE,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,GAAG,EAAE,CAAC,CACV,KAAC,YAAY,IAAC,SAAS,EAAE,SAAS,IAAI,CAAC,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,cAAc,EAAE,iBAAiB,CAAC,OAAO,CAAC,GAAI,CAC3I,EACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,iBAAiB,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,EAAE,GAAI,GAC1E,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { getSearchProgress, logLogSearchKey, useAdminApp, useSessionState, useVolatileState } from '../../adminApp';\nimport { TabViewBox } from '../../components/TabViewBox';\nimport { useIsLoading } from '../../view/Loading/hooks/useIsLoading';\nimport { AdminLogGrid } from './AdminLogGrid/AdminLogGrid';\nimport { AdminLogSearchBar } from './AdminLogSearchBar/AdminLogSearchBar';\n\nexport const AdminLogs = () => {\n  const [api] = useAdminApp();\n  const session = useSessionState();\n  const volatile = useVolatileState();\n  const isLoading = useIsLoading();\n\n  const results = volatile.logLogResults[logLogSearchKey(session.search)];\n\n  return (\n    <TabViewBox\n      body={() => (\n        <AdminLogGrid isLoading={isLoading || !!results?.isSearching} logs={results?.logLogs ?? []} searchProgress={getSearchProgress(results)} />\n      )}\n      header={() => <AdminLogSearchBar onSearch={() => api.runLogLogSearch()} />}\n    />\n  );\n};\n"]}

package/lib/esm/LogViewer/AdminLogs/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useLogLogMananagement';

package/lib/esm/LogViewer/AdminLogs/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useLogLogMananagement';
+//# sourceMappingURL=index.js.map

package/lib/esm/LogViewer/AdminLogs/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/LogViewer/AdminLogs/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './useLogLogMananagement';\n"]}

package/lib/esm/LogViewer/AdminLogs/hooks/useLogLogMananagement/index.d.ts

@@ -0,0 +1 @@
+export * from './useLogLogMananagement';

package/lib/esm/LogViewer/AdminLogs/hooks/useLogLogMananagement/index.js

@@ -0,0 +1,2 @@
+export * from './useLogLogMananagement';
+//# sourceMappingURL=index.js.map

package/lib/esm/LogViewer/AdminLogs/hooks/useLogLogMananagement/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/LogViewer/AdminLogs/hooks/useLogLogMananagement/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './useLogLogMananagement';\n"]}

package/lib/esm/LogViewer/AdminLogs/hooks/useLogLogMananagement/useLogLogMananagement.d.ts

@@ -0,0 +1,9 @@
+import { LogLog } from '@qpqjs/features';
+export declare const useLogLogMananagement: () => {
+    selectedLogCorrelation: string;
+    setSelectedLogCorrelation: (correlation?: string) => void;
+    onRowClick: ({ row }: {
+        row: LogLog;
+    }) => void;
+    clearSelectedLogCorrelation: () => void;
+};

package/lib/esm/LogViewer/AdminLogs/hooks/useLogLogMananagement/useLogLogMananagement.js

@@ -0,0 +1,27 @@
+import { CorrelationOpenSource, useAdminApp, useSessionState } from '../../../../adminApp';
+export const useLogLogMananagement = () => {
+    const [api] = useAdminApp();
+    const session = useSessionState();
+    const selectedLogCorrelation = session.openCorrelation ?? '';
+    const setSelectedLogCorrelation = (correlation) => {
+        if (correlation) {
+            api.applyCorrelationOpened(correlation, CorrelationOpenSource.grid);
+        }
+        else {
+            api.applyCorrelationClosed();
+        }
+    };
+    const onRowClick = ({ row }) => {
+        setSelectedLogCorrelation(row.fromCorrelation);
+    };
+    const clearSelectedLogCorrelation = () => {
+        api.applyCorrelationClosed();
+    };
+    return {
+        selectedLogCorrelation,
+        setSelectedLogCorrelation,
+        onRowClick,
+        clearSelectedLogCorrelation,
+    };
+};
+//# sourceMappingURL=useLogLogMananagement.js.map

package/lib/esm/LogViewer/AdminLogs/hooks/useLogLogMananagement/useLogLogMananagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogLogMananagement.js","sourceRoot":"","sources":["../../../../../../src/LogViewer/AdminLogs/hooks/useLogLogMananagement/useLogLogMananagement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE3F,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,CAAC,GAAG,CAAC,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAElC,MAAM,sBAAsB,GAAG,OAAO,CAAC,eAAe,IAAI,EAAE,CAAC;IAE7D,MAAM,yBAAyB,GAAG,CAAC,WAAoB,EAAE,EAAE;QACzD,IAAI,WAAW,EAAE,CAAC;YAChB,GAAG,CAAC,sBAAsB,CAAC,WAAW,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACtE,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,sBAAsB,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;QAC9C,yBAAyB,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,GAAG,CAAC,sBAAsB,EAAE,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO;QACL,sBAAsB;QACtB,yBAAyB;QAEzB,UAAU;QACV,2BAA2B;KAC5B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { LogLog } from '@qpqjs/features';\n\nimport { CorrelationOpenSource, useAdminApp, useSessionState } from '../../../../adminApp';\n\nexport const useLogLogMananagement = () => {\n  const [api] = useAdminApp();\n  const session = useSessionState();\n\n  const selectedLogCorrelation = session.openCorrelation ?? '';\n\n  const setSelectedLogCorrelation = (correlation?: string) => {\n    if (correlation) {\n      api.applyCorrelationOpened(correlation, CorrelationOpenSource.grid);\n    } else {\n      api.applyCorrelationClosed();\n    }\n  };\n\n  const onRowClick = ({ row }: { row: LogLog }) => {\n    setSelectedLogCorrelation(row.fromCorrelation);\n  };\n\n  const clearSelectedLogCorrelation = () => {\n    api.applyCorrelationClosed();\n  };\n\n  return {\n    selectedLogCorrelation,\n    setSelectedLogCorrelation,\n\n    onRowClick,\n    clearSelectedLogCorrelation,\n  };\n};\n"]}

package/lib/esm/LogViewer/AdminLogs/index.d.ts

@@ -0,0 +1 @@
+export * from './AdminLogs';

package/lib/esm/LogViewer/AdminLogs/index.js

@@ -0,0 +1,2 @@
+export * from './AdminLogs';
+//# sourceMappingURL=index.js.map

package/lib/esm/LogViewer/AdminLogs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/LogViewer/AdminLogs/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './AdminLogs';\n"]}

package/lib/esm/LogViewer/ConsoleLogViewer.d.ts

@@ -0,0 +1,7 @@
+import { StoryResult } from '@qpqjs/core';
+interface ConsoleLogViewerProps {
+    logs: StoryResult<any>['logs'];
+}
+export declare const ConsoleLogViewer: ({ logs }: ConsoleLogViewerProps) => import("react").JSX.Element | null;
+declare const _default: import("react").MemoExoticComponent<({ logs }: ConsoleLogViewerProps) => import("react").JSX.Element | null>;
+export default _default;

package/lib/esm/LogViewer/ConsoleLogViewer.js

@@ -0,0 +1,13 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { ObjectInspector } from 'react-inspector';
+import { useConsoleLogViewer } from './hooks';
+export const ConsoleLogViewer = ({ logs }) => {
+    const { formattedLogs } = useConsoleLogViewer(logs);
+    if (!formattedLogs) {
+        return null;
+    }
+    return (_jsx("div", { style: { fontFamily: 'monospace' }, children: formattedLogs.map((log, index) => (_jsxs("div", { style: { display: 'flex', marginBottom: '5px' }, children: [_jsxs("span", { style: { marginRight: '5px' }, children: [log.time, " -"] }), log.args.map((arg, argIndex) => (_jsx("span", { style: { marginRight: '5px', paddingTop: '3px' }, children: _jsx(ObjectInspector, { data: arg }) }, argIndex)))] }, index))) }));
+};
+export default memo(ConsoleLogViewer);
+//# sourceMappingURL=ConsoleLogViewer.js.map

package/lib/esm/LogViewer/ConsoleLogViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleLogViewer.js","sourceRoot":"","sources":["../../../src/LogViewer/ConsoleLogViewer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAM9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAyB,EAAE,EAAE;IAClE,MAAM,EAAE,aAAa,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEpD,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,YACpC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,eAAiB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,aAC9D,gBAAM,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,aAAG,GAAG,CAAC,IAAI,UAAU,EACvD,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,QAAgB,EAAE,EAAE,CAAC,CAC5C,eAAqB,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YACnE,KAAC,eAAe,IAAC,IAAI,EAAE,GAAG,GAAI,IADrB,QAAQ,CAEZ,CACR,CAAC,KANM,KAAK,CAOT,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["import { StoryResult } from '@qpqjs/core';\n\nimport { memo } from 'react';\nimport { ObjectInspector } from 'react-inspector';\n\nimport { useConsoleLogViewer } from './hooks';\n\ninterface ConsoleLogViewerProps {\n  logs: StoryResult<any>['logs'];\n}\n\nexport const ConsoleLogViewer = ({ logs }: ConsoleLogViewerProps) => {\n  const { formattedLogs } = useConsoleLogViewer(logs);\n\n  if (!formattedLogs) {\n    return null;\n  }\n\n  return (\n    <div style={{ fontFamily: 'monospace' }}>\n      {formattedLogs.map((log, index) => (\n        <div key={index} style={{ display: 'flex', marginBottom: '5px' }}>\n          <span style={{ marginRight: '5px' }}>{log.time} -</span>\n          {log.args.map((arg: any, argIndex: number) => (\n            <span key={argIndex} style={{ marginRight: '5px', paddingTop: '3px' }}>\n              <ObjectInspector data={arg} />\n            </span>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default memo(ConsoleLogViewer);\n"]}

package/lib/esm/LogViewer/Dashboard.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface DashboardProps {
+}
+export declare const Dashboard: React.FC<DashboardProps>;
+export {};

package/lib/esm/LogViewer/Dashboard.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WebSocketQueueQpqAdminServerMessageEventType } from '@qpqjs/features';
+import { uniqueBy } from '@qpqjs/web';
+import { useEffectCallback, useRunEvery, useSubscribeToWebSocketEvent, useThrottledMemo } from '@qpqjs/web-react';
+import { useEffect, useMemo } from 'react';
+import { Box, Grid, Paper, Typography } from '@mui/material';
+import { dashboardErrorsSearchKey, useAdminApp, useVolatileState } from '../adminApp';
+import { TabViewBox } from '../components/TabViewBox';
+import { useIsLoading } from '../view/Loading/hooks/useIsLoading';
+import { LogMetadataGrid } from './LogMetadataGrid';
+const getLogCountForSinceXDaysAgo = (logs, daysAgo) => {
+    const currentDate = new Date();
+    const daysAgoDate = new Date(currentDate.getTime() - daysAgo * 24 * 60 * 60 * 1000);
+    const daysAgoString = daysAgoDate.toISOString();
+    const logCount = logs.reduce((count, log) => (daysAgoString < log.startedAt && !log.checked ? count + 1 : count), 0);
+    return logCount;
+};
+const getHoursSinceStartOfDay = () => {
+    const now = new Date();
+    return now.getHours();
+};
+export const Dashboard = () => {
+    const [api] = useAdminApp();
+    const volatile = useVolatileState();
+    const isLoading = useIsLoading();
+    const results = volatile.logResults[dashboardErrorsSearchKey];
+    const weeklyLogs = useMemo(() => results?.logs ?? [], [results?.logs]);
+    const realtimeLogs = volatile.realtimeErrorLogs;
+    // Stable identity so the mount-only effect below can list it as a dependency.
+    const runInitialSearch = useEffectCallback(() => {
+        api.runDashboardErrorSearch();
+    });
+    useEffect(() => {
+        runInitialSearch();
+    }, [runInitialSearch]);
+    useSubscribeToWebSocketEvent(WebSocketQueueQpqAdminServerMessageEventType.LogMetadata, (webSocketService, message) => {
+        api.receiveRealtimeErrorLog(message.payload.log);
+    });
+    const hoursPassedToday = useRunEvery(getHoursSinceStartOfDay, 60);
+    const allLogs = useThrottledMemo(() => {
+        const uniqueLogs = uniqueBy([...realtimeLogs, ...weeklyLogs], (log) => log.correlation);
+        return uniqueLogs.sort((a, b) => new Date(b.startedAt).getTime() - new Date(a.startedAt).getTime());
+    }, [realtimeLogs, weeklyLogs]);
+    const dailyErrorCount = useMemo(() => getLogCountForSinceXDaysAgo(allLogs, hoursPassedToday / 24), [allLogs, hoursPassedToday]);
+    const weeklyErrorCount = useMemo(() => getLogCountForSinceXDaysAgo(allLogs, 7), [allLogs]);
+    return (_jsxs(TabViewBox, { children: [_jsxs(Grid, { container: true, spacing: 2, sx: { mb: 2 }, children: [_jsx(Grid, { item: true, xs: 6, children: _jsxs(Paper, { sx: { p: 2, textAlign: 'center' }, children: [_jsx(Typography, { children: "Daily Errors" }), _jsx(Typography, { variant: "h4", children: dailyErrorCount })] }) }), _jsx(Grid, { item: true, xs: 6, children: _jsxs(Paper, { sx: { p: 2, textAlign: 'center' }, children: [_jsx(Typography, { children: "Weekly Errors" }), _jsx(Typography, { variant: "h4", children: weeklyErrorCount })] }) })] }), _jsx(Box, { sx: { flex: 1, overflow: 'auto' }, children: _jsx(LogMetadataGrid, { isLoading: isLoading || !!results?.isSearching, logs: allLogs }) })] }));
+};
+//# sourceMappingURL=Dashboard.js.map