@qpqjs/web-admin 0.0.0-stage → 0.2.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionHistoryItem.js","sourceRoot":"","sources":["../../../src/LogViewer/ActionHistoryItem.tsx"],"names":[],"mappings":";;;;;;;AAEA,oEAA4C;AAQrC,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,6DACE,gCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,YAC7D,uBAAC,uBAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAC,OAAO,GAAG,GAChE,EACN,gCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,YAC7D,uBAAC,uBAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAC,QAAQ,GAAG,GAClE,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,iBAAiB,qBAc5B","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/commonjs/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/commonjs/LogViewer/ActionHistoryItemTimeStamp.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionHistoryItemTimeStamp = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+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 ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: formatDateWithMilliseconds(startDate) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: startDate.toLocaleDateString('en-AU') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: `${executionTime} ms` })] }));
+};
+exports.ActionHistoryItemTimeStamp = ActionHistoryItemTimeStamp;
+//# sourceMappingURL=ActionHistoryItemTimeStamp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionHistoryItemTimeStamp.js","sourceRoot":"","sources":["../../../src/LogViewer/ActionHistoryItemTimeStamp.tsx"],"names":[],"mappings":";;;;AAAA,4CAA2C;AAOpC,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,4CACE,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,YAAE,0BAA0B,CAAC,SAAS,CAAC,GAAc,EAChF,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,YAAE,SAAS,CAAC,kBAAkB,CAAC,OAAO,CAAC,GAAc,EAChF,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,YAAE,GAAG,aAAa,KAAK,GAAc,IAC5D,CACP,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,0BAA0B,8BAyBrC","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/commonjs/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/commonjs/LogViewer/ActionRender/ActionRender.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnyActionHistoryItem = exports.ActionRender = exports.AnyCustomAction = exports.CoreBatchCustomAction = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@qpqjs/core");
+const react_1 = require("react");
+const ExpandLess_1 = __importDefault(require("@mui/icons-material/ExpandLess"));
+const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
+const History_1 = __importDefault(require("@mui/icons-material/History"));
+const material_1 = require("@mui/material");
+const actionComponents_1 = require("../actionComponents");
+const customActionsMap_1 = __importDefault(require("../actionComponents/customActionsMap"));
+const ActionHistoryItem_1 = require("../ActionHistoryItem");
+const actionComponentMap_1 = __importDefault(require("../logic/actionComponentMap"));
+const CoreBatchCustomAction = ({ action, expanded, result }) => {
+    if (!action.payload) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { style: { borderLeft: 'thin dashed black', background: '#0400ff29', padding: '1px 10px 10px 10px' }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '100%', my: 1 }, children: action.payload.actions.map((action, index) => ((0, jsx_runtime_1.jsx)(exports.AnyActionHistoryItem, { action: action, result: (0, core_1.actionResult)((0, core_1.resolveActionResult)(result)[index]) }, index))) }) }));
+};
+exports.CoreBatchCustomAction = CoreBatchCustomAction;
+const AnyCustomAction = ({ action, result, expanded }) => {
+    if (!action.payload) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '100%', my: 1 }, children: (0, jsx_runtime_1.jsx)("pre", { style: actionComponents_1.genericFunctionRendererStyles.pre, children: (0, jsx_runtime_1.jsx)(actionComponents_1.AnyVariableView, { expanded: expanded, value: action.payload }) }) }));
+};
+exports.AnyCustomAction = AnyCustomAction;
+const ActionRender = ({ action, result, isLegacy, expanded }) => {
+    const actionComponentConfig = actionComponentMap_1.default[action.type];
+    if (!isLegacy && action.type === core_1.SystemActionType.Batch) {
+        return (0, jsx_runtime_1.jsx)(exports.CoreBatchCustomAction, { action: action, expanded: expanded, result: result });
+    }
+    const ActionComponent = isLegacy
+        ? ActionHistoryItem_1.ActionHistoryItem
+        : customActionsMap_1.default[action.type]
+            ? customActionsMap_1.default[action.type]
+            : actionComponentConfig
+                ? (0, actionComponents_1.getGenericActionRenderer)(actionComponentConfig[0], actionComponentConfig.slice(1))
+                : exports.AnyCustomAction;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ActionComponent, { action: action, expanded: expanded, result: result }) }));
+};
+exports.ActionRender = ActionRender;
+const AnyActionHistoryItem = ({ action, result }) => {
+    const [expanded, setExpanded] = (0, react_1.useState)(false);
+    const [legacy, setLegacy] = (0, react_1.useState)(false);
+    const toggleExpanded = () => {
+        setExpanded(!expanded);
+    };
+    const toggleLegacy = () => {
+        setLegacy(!legacy);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { alignItems: "center", display: "flex", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "span", variant: "h6", children: action.type.split('/').slice(-2).join('::') }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: expanded ? 'Collapse' : 'Expand', children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: toggleExpanded, size: "small", children: expanded ? (0, jsx_runtime_1.jsx)(ExpandLess_1.default, {}) : (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}) }) }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Legacy View", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: toggleLegacy, size: "small", children: (0, jsx_runtime_1.jsx)(History_1.default, { color: legacy ? 'primary' : 'inherit' }) }) })] }), (0, jsx_runtime_1.jsx)(exports.ActionRender, { action: action, expanded: expanded, isLegacy: legacy, result: result })] }));
+};
+exports.AnyActionHistoryItem = AnyActionHistoryItem;
+//# sourceMappingURL=ActionRender.js.map

package/lib/commonjs/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/commonjs/LogViewer/ActionRender/index.d.ts

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

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ActionRender"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/lib/commonjs/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/commonjs/LogViewer/AdminLogs/AdminLogGrid/AdminLogGrid.js

@@ -0,0 +1,116 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdminLogGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@qpqjs/core");
+const LinearProgress_1 = __importDefault(require("@mui/material/LinearProgress"));
+const x_data_grid_1 = require("@mui/x-data-grid");
+const DataGridPagination_1 = require("../../../components/DataGridPagination/DataGridPagination");
+const DateCell_1 = require("../../../components/DateCell/DateCell");
+const LogDialog_1 = require("../../LogDialog");
+const hooks_1 = require("../hooks");
+const columns = [
+    {
+        field: 'type',
+        headerName: 'Type',
+        flex: 1,
+        renderCell: (params) => (0, jsx_runtime_1.jsx)("div", { children: core_1.LogLevelEnum[params.value] }),
+    },
+    {
+        field: 'module',
+        headerName: 'Service',
+        flex: 1,
+        renderCell: (params) => (0, jsx_runtime_1.jsx)("div", { children: params.value || 'unknown' }),
+    },
+    {
+        field: 'timestamp',
+        headerName: 'When',
+        flex: 1,
+        renderCell: (params) => (0, jsx_runtime_1.jsx)(DateCell_1.DateCell, { isoDateTime: params.value }),
+    },
+    { field: 'reason', headerName: 'Message', flex: 8 },
+];
+const AdminLogGrid = ({ logs, isLoading, searchProgress }) => {
+    const { selectedLogCorrelation, setSelectedLogCorrelation, onRowClick, clearSelectedLogCorrelation } = (0, hooks_1.useLogLogMananagement)();
+    const getRowClassName = (params) => {
+        switch (params.row.type) {
+            case core_1.LogLevelEnum.Fatal:
+                return 'fatalRow';
+            case core_1.LogLevelEnum.Error:
+                return 'errorRow';
+            case core_1.LogLevelEnum.Warn:
+                return 'warnRow';
+            case core_1.LogLevelEnum.Info:
+                return 'infoRow';
+            case core_1.LogLevelEnum.Debug:
+                return 'debugRow';
+            case core_1.LogLevelEnum.Trace:
+                return 'traceRow';
+            default:
+                return '';
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.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;
+  }
+` }), (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { autoPageSize: true, columns: columns, components: {
+                    Pagination: DataGridPagination_1.DataGridPagination,
+                    LoadingOverlay: () => (0, jsx_runtime_1.jsx)(LinearProgress_1.default, { value: searchProgress, variant: "determinate" }),
+                }, getRowClassName: getRowClassName, loading: isLoading, onRowClick: onRowClick, rows: logs.map((log, i) => (Object.assign(Object.assign({}, log), { id: `${i}` }))) }), (0, jsx_runtime_1.jsx)(LogDialog_1.LogDialog, { handleClose: clearSelectedLogCorrelation, logCorrelation: selectedLogCorrelation, open: !!selectedLogCorrelation, setSelectedLogCorrelation: setSelectedLogCorrelation, storyResultMetadatas: logs })] }));
+};
+exports.AdminLogGrid = AdminLogGrid;
+//# sourceMappingURL=AdminLogGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLogGrid.js","sourceRoot":"","sources":["../../../../../src/LogViewer/AdminLogs/AdminLogGrid/AdminLogGrid.tsx"],"names":[],"mappings":";;;;;;;AAAA,sCAA2C;AAG3C,kFAA0D;AAC1D,kDAAsG;AAEtG,kGAA+F;AAC/F,oEAAiE;AACjE,+CAA4C;AAC5C,oCAAiD;AAEjD,MAAM,OAAO,GAAiB;IAC5B;QACE,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,MAAM;QAClB,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,CAAC,MAA4B,EAAE,EAAE,CAAC,0CAAM,mBAAY,CAAC,MAAM,CAAC,KAAK,CAAC,GAAO;KACtF;IACD;QACE,KAAK,EAAE,QAAQ;QACf,UAAU,EAAE,SAAS;QACrB,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,CAAC,MAA4B,EAAE,EAAE,CAAC,0CAAM,MAAM,CAAC,KAAK,IAAI,SAAS,GAAO;KACrF;IACD;QACE,KAAK,EAAE,WAAW;QAClB,UAAU,EAAE,MAAM;QAClB,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,CAAC,MAA4B,EAAE,EAAE,CAAC,uBAAC,mBAAQ,IAAC,WAAW,EAAE,MAAM,CAAC,KAAK,GAAI;KACtF;IACD,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE;CACpD,CAAC;AAQK,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAqB,EAAE,EAAE;IACrF,MAAM,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,UAAU,EAAE,2BAA2B,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAE/H,MAAM,eAAe,GAAG,CAAC,MAA8B,EAAE,EAAE;QACzD,QAAQ,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;YACxB,KAAK,mBAAY,CAAC,KAAK;gBACrB,OAAO,UAAU,CAAC;YACpB,KAAK,mBAAY,CAAC,KAAK;gBACrB,OAAO,UAAU,CAAC;YACpB,KAAK,mBAAY,CAAC,IAAI;gBACpB,OAAO,SAAS,CAAC;YACnB,KAAK,mBAAY,CAAC,IAAI;gBACpB,OAAO,SAAS,CAAC;YACnB,KAAK,mBAAY,CAAC,KAAK;gBACrB,OAAO,UAAU,CAAC;YACpB,KAAK,mBAAY,CAAC,KAAK;gBACrB,OAAO,UAAU,CAAC;YACpB;gBACE,OAAO,EAAE,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6DACE,4CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDR,GACa,EACR,uBAAC,sBAAQ,IACP,YAAY,QACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE;oBACV,UAAU,EAAE,uCAAkB;oBAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,uBAAC,wBAAc,IAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAC,aAAa,GAAG;iBACtF,EACD,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,iCAAM,GAAG,KAAE,EAAE,EAAE,GAAG,CAAC,EAAE,IAAG,CAAC,GACpD,EACF,uBAAC,qBAAS,IACR,WAAW,EAAE,2BAA2B,EACxC,cAAc,EAAE,sBAAsB,EACtC,IAAI,EAAE,CAAC,CAAC,sBAAsB,EAC9B,yBAAyB,EAAE,yBAAyB,EACpD,oBAAoB,EAAE,IAAI,GAC1B,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAtGW,QAAA,YAAY,gBAsGvB","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/commonjs/LogViewer/AdminLogs/AdminLogGrid/index.d.ts

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

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AdminLogGrid"), exports);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/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,iDAA+B","sourcesContent":["export * from './AdminLogGrid';\n"]}

package/lib/commonjs/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/commonjs/LogViewer/AdminLogs/AdminLogSearchBar/AdminLogSearchBar.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdminLogSearchBar = AdminLogSearchBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@qpqjs/core");
+const react_1 = require("react");
+const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
+const material_1 = require("@mui/material");
+const FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+const Grid_1 = __importDefault(require("@mui/material/Grid"));
+const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+const MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+const Select_1 = __importDefault(require("@mui/material/Select"));
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const system_1 = require("@mui/system");
+const x_date_pickers_1 = require("@mui/x-date-pickers");
+const AdapterDateFns_1 = require("@mui/x-date-pickers/AdapterDateFns");
+const adminApp_1 = require("../../../adminApp");
+const AsyncButton_1 = require("../../../components/AsyncButton");
+const hooks_1 = require("../../hooks");
+function AdminLogSearchBar({ onSearch }) {
+    const serviceOptions = (0, hooks_1.useServiceNames)();
+    const { service, handleServiceOnChange, startDate, handleStartDateChange, endDate, handleEndDateChange, msg, handleMsgOnChange, updateStartAndEndTimeSpan, logLevel, handleLogLevelOnChange, } = (0, adminApp_1.useSearchFields)();
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const handleQuickTimeClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleQuickTimeClose = () => {
+        setAnchorEl(null);
+    };
+    const handleQuickTimeSelect = (minutes) => {
+        updateStartAndEndTimeSpan(minutes);
+        handleQuickTimeClose();
+    };
+    return ((0, jsx_runtime_1.jsxs)(x_date_pickers_1.LocalizationProvider, { dateAdapter: AdapterDateFns_1.AdapterDateFns, children: [(0, jsx_runtime_1.jsxs)(Grid_1.default, { columns: 12, container: true, spacing: 2, children: [(0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 3, children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, { fullWidth: true, children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { id: "runtime-select-label", children: "Log Level" }), (0, jsx_runtime_1.jsx)(Select_1.default, { id: "demo-simple-select", label: "Log Level", labelId: "runtime-select-label", onChange: handleLogLevelOnChange, value: logLevel, children: core_1.logLevelEnumLookups.map((key) => ((0, jsx_runtime_1.jsx)(MenuItem_1.default, { value: key, children: key }, key))) })] }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 3, children: (0, jsx_runtime_1.jsx)(FormControl_1.default, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { getOptionLabel: (option) => option.label, onChange: handleServiceOnChange, options: serviceOptions, renderInput: (params) => ((0, jsx_runtime_1.jsx)(TextField_1.default, Object.assign({}, params, { InputLabelProps: {
+                                        shrink: true,
+                                    }, label: "Service Name" }))), value: serviceOptions.find((o) => o.value === service) || null }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 3, children: (0, jsx_runtime_1.jsxs)(system_1.Box, { position: "relative", children: [(0, jsx_runtime_1.jsx)(FormControl_1.default, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.DateTimePicker, { label: "Start DateTime", onChange: handleStartDateChange, value: startDate }) }), (0, jsx_runtime_1.jsx)(material_1.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: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}) })] }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 3, children: (0, jsx_runtime_1.jsx)(FormControl_1.default, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.DateTimePicker, { label: "End DateTime", onChange: handleEndDateChange, value: endDate }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 10, children: (0, jsx_runtime_1.jsx)(FormControl_1.default, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { InputLabelProps: {
+                                    shrink: true,
+                                }, label: "Message", onChange: handleMsgOnChange, value: msg }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 2, children: (0, jsx_runtime_1.jsx)(AsyncButton_1.AsyncButton, { onClick: () => onSearch(), children: "Search" }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Menu, { anchorEl: anchorEl, id: "quick-time-menu", keepMounted: true, onClose: handleQuickTimeClose, open: Boolean(anchorEl), children: [(0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(5), children: "Last 5 minutes" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(30), children: "Last 30 minutes" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(1 * 60), children: "Last hour" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(3 * 60), children: "Last 3 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(8 * 60), children: "Last 8 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(16 * 60), children: "Last 16 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(24 * 60), children: "Last 24 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(7 * 24 * 60), children: "Last 7 days" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(30 * 24 * 60), children: "Last month" })] })] }));
+}
+//# sourceMappingURL=AdminLogSearchBar.js.map

package/lib/commonjs/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/commonjs/LogViewer/AdminLogs/AdminLogSearchBar/index.d.ts

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

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AdminLogSearchBar"), exports);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/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,sDAAoC","sourcesContent":["export * from './AdminLogSearchBar';\n"]}

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

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

package/lib/commonjs/LogViewer/AdminLogs/AdminLogs.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdminLogs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const adminApp_1 = require("../../adminApp");
+const TabViewBox_1 = require("../../components/TabViewBox");
+const useIsLoading_1 = require("../../view/Loading/hooks/useIsLoading");
+const AdminLogGrid_1 = require("./AdminLogGrid/AdminLogGrid");
+const AdminLogSearchBar_1 = require("./AdminLogSearchBar/AdminLogSearchBar");
+const AdminLogs = () => {
+    const [api] = (0, adminApp_1.useAdminApp)();
+    const session = (0, adminApp_1.useSessionState)();
+    const volatile = (0, adminApp_1.useVolatileState)();
+    const isLoading = (0, useIsLoading_1.useIsLoading)();
+    const results = volatile.logLogResults[(0, adminApp_1.logLogSearchKey)(session.search)];
+    return ((0, jsx_runtime_1.jsx)(TabViewBox_1.TabViewBox, { body: () => {
+            var _a;
+            return ((0, jsx_runtime_1.jsx)(AdminLogGrid_1.AdminLogGrid, { isLoading: isLoading || !!(results === null || results === void 0 ? void 0 : results.isSearching), logs: (_a = results === null || results === void 0 ? void 0 : results.logLogs) !== null && _a !== void 0 ? _a : [], searchProgress: (0, adminApp_1.getSearchProgress)(results) }));
+        }, header: () => (0, jsx_runtime_1.jsx)(AdminLogSearchBar_1.AdminLogSearchBar, { onSearch: () => api.runLogLogSearch() }) }));
+};
+exports.AdminLogs = AdminLogs;
+//# sourceMappingURL=AdminLogs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLogs.js","sourceRoot":"","sources":["../../../../src/LogViewer/AdminLogs/AdminLogs.tsx"],"names":[],"mappings":";;;;AAAA,6CAAoH;AACpH,4DAAyD;AACzD,wEAAqE;AACrE,8DAA2D;AAC3D,6EAA0E;AAEnE,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,GAAG,CAAC,GAAG,IAAA,sBAAW,GAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,IAAA,0BAAe,GAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAA,2BAAgB,GAAE,CAAC;IACpC,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAA,0BAAe,EAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAExE,OAAO,CACL,uBAAC,uBAAU,IACT,IAAI,EAAE,GAAG,EAAE;;YAAC,OAAA,CACV,uBAAC,2BAAY,IAAC,SAAS,EAAE,SAAS,IAAI,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAA,EAAE,IAAI,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,mCAAI,EAAE,EAAE,cAAc,EAAE,IAAA,4BAAiB,EAAC,OAAO,CAAC,GAAI,CAC3I,CAAA;SAAA,EACD,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,qCAAiB,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,EAAE,GAAI,GAC1E,CACH,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,SAAS,aAgBpB","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/commonjs/LogViewer/AdminLogs/hooks/index.d.ts

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

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useLogLogMananagement"), exports);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/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,0DAAwC","sourcesContent":["export * from './useLogLogMananagement';\n"]}

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useLogLogMananagement"), exports);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/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,0DAAwC","sourcesContent":["export * from './useLogLogMananagement';\n"]}

package/lib/commonjs/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/commonjs/LogViewer/AdminLogs/hooks/useLogLogMananagement/useLogLogMananagement.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogLogMananagement = void 0;
+const adminApp_1 = require("../../../../adminApp");
+const useLogLogMananagement = () => {
+    var _a;
+    const [api] = (0, adminApp_1.useAdminApp)();
+    const session = (0, adminApp_1.useSessionState)();
+    const selectedLogCorrelation = (_a = session.openCorrelation) !== null && _a !== void 0 ? _a : '';
+    const setSelectedLogCorrelation = (correlation) => {
+        if (correlation) {
+            api.applyCorrelationOpened(correlation, adminApp_1.CorrelationOpenSource.grid);
+        }
+        else {
+            api.applyCorrelationClosed();
+        }
+    };
+    const onRowClick = ({ row }) => {
+        setSelectedLogCorrelation(row.fromCorrelation);
+    };
+    const clearSelectedLogCorrelation = () => {
+        api.applyCorrelationClosed();
+    };
+    return {
+        selectedLogCorrelation,
+        setSelectedLogCorrelation,
+        onRowClick,
+        clearSelectedLogCorrelation,
+    };
+};
+exports.useLogLogMananagement = useLogLogMananagement;
+//# sourceMappingURL=useLogLogMananagement.js.map

package/lib/commonjs/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,mDAA2F;AAEpF,MAAM,qBAAqB,GAAG,GAAG,EAAE;;IACxC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAA,sBAAW,GAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,IAAA,0BAAe,GAAE,CAAC;IAElC,MAAM,sBAAsB,GAAG,MAAA,OAAO,CAAC,eAAe,mCAAI,EAAE,CAAC;IAE7D,MAAM,yBAAyB,GAAG,CAAC,WAAoB,EAAE,EAAE;QACzD,IAAI,WAAW,EAAE,CAAC;YAChB,GAAG,CAAC,sBAAsB,CAAC,WAAW,EAAE,gCAAqB,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;AA7BW,QAAA,qBAAqB,yBA6BhC","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/commonjs/LogViewer/AdminLogs/index.d.ts

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