quidproquo-web-admin 0.0.232 → 0.0.233

package/README.md

@@ -1,8 +1,7 @@
 # Quidproquo Web Logs - WIP - Not for production
 
-Welcome to Quidproquo Web Logs, an interface for viewing logs that happen in your server! This
-project is part of the Quidproquo platform, which deploys web servers to AWS but is platform
-independent.
+Welcome to Quidproquo Web Logs, an interface for viewing logs that happen in your server! This project is part of the Quidproquo platform, which
+deploys web servers to AWS but is platform independent.
 
 ## Features
 
@@ -15,8 +14,8 @@ With Quidproquo Web Logs, you can:
 
 ## Technologies Used
 
-Quidproquo Web Logs is built using React, a popular JavaScript library for building user interfaces.
-It uses Axios for making HTTP requests to the server and Moment.js for parsing and formatting dates.
+Quidproquo Web Logs is built using React, a popular JavaScript library for building user interfaces. It uses Axios for making HTTP requests to the
+server and Moment.js for parsing and formatting dates.
 
 ## Installation
 

package/lib/commonjs/App.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { BaseUrlResolvers } from 'quidproquo-web-react';
+import React from 'react';
 export type AppProps = {
     urlResolvers: BaseUrlResolvers;
 };

package/lib/commonjs/App.js

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.App = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const quidproquo_web_react_1 = require("quidproquo-web-react");
+const react_router_dom_1 = require("react-router-dom");
 const CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
-const LogViewer_1 = require("./LogViewer");
+const styles_1 = require("@mui/material/styles");
 const Auth_1 = require("./Auth/Auth");
+const LogViewer_1 = require("./LogViewer");
 const view_1 = require("./view");
-const styles_1 = require("@mui/material/styles");
-const react_router_dom_1 = require("react-router-dom");
-const quidproquo_web_react_1 = require("quidproquo-web-react");
 const WebSocketAuthProvider_1 = require("./WebSocketAuthProvider");
 const darkTheme = (0, styles_1.createTheme)({
     palette: {

package/lib/commonjs/Auth/Auth.js

@@ -11,14 +11,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Auth = exports.useAuth = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const quidproquo_web_react_1 = require("quidproquo-web-react");
+const quidproquo_web_react_2 = require("quidproquo-web-react");
 const react_1 = require("react");
 const login_1 = require("../LogViewer/logic/login");
+const refreshTokens_1 = require("../LogViewer/logic/refreshTokens");
 const respondToAuthChallenge_1 = require("../LogViewer/logic/respondToAuthChallenge");
-const Login_1 = require("./Login");
 const AuthChallengeNewPasswordRequired_1 = require("./AuthChallengeNewPasswordRequired");
-const quidproquo_web_react_1 = require("quidproquo-web-react");
-const quidproquo_web_react_2 = require("quidproquo-web-react");
-const refreshTokens_1 = require("../LogViewer/logic/refreshTokens");
+const Login_1 = require("./Login");
 const useAuth = () => {
     const [authState, setAuthState] = (0, react_1.useState)({
         username: '',

package/lib/commonjs/Auth/AuthChallengeNewPasswordRequired.js

@@ -6,16 +6,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AuthChallengeNewPasswordRequired = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const Lock_1 = __importDefault(require("@mui/icons-material/Lock"));
 const Box_1 = __importDefault(require("@mui/material/Box"));
 const Grid_1 = __importDefault(require("@mui/material/Grid"));
 const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const Lock_1 = __importDefault(require("@mui/icons-material/Lock"));
 const components_1 = require("../components");
 function AuthChallengeNewPasswordRequired({ onRespondToAuthChallenge, authState }) {
-    const [newPassword, setNewPassword] = (0, react_1.useState)("");
-    const [confirmPassword, setConfirmPassword] = (0, react_1.useState)("");
+    const [newPassword, setNewPassword] = (0, react_1.useState)('');
+    const [confirmPassword, setConfirmPassword] = (0, react_1.useState)('');
     const arePasswordsMatching = newPassword === confirmPassword && newPassword !== '';
-    return ((0, jsx_runtime_1.jsx)(Box_1.default, Object.assign({ sx: { height: '100vh', width: '100%', p: 2, display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center' } }, { children: (0, jsx_runtime_1.jsx)(Box_1.default, Object.assign({ component: "form", sx: { width: '100%', maxWidth: 360 } }, { children: (0, jsx_runtime_1.jsxs)(Grid_1.default, Object.assign({ container: true, spacing: 2 }, { children: [(0, jsx_runtime_1.jsx)(Grid_1.default, Object.assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsxs)(Typography_1.default, Object.assign({ variant: "h5", gutterBottom: true, sx: { display: 'flex', alignItems: 'center' } }, { children: [(0, jsx_runtime_1.jsx)(Lock_1.default, { sx: { marginRight: 1 } }), "Password Change Required"] })) })), (0, jsx_runtime_1.jsx)(Grid_1.default, Object.assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, { required: true, fullWidth: true, id: "newPassword", label: "New Password", type: "password", autoFocus: true, value: newPassword, onChange: (event) => setNewPassword(event.target.value) }) })), (0, jsx_runtime_1.jsx)(Grid_1.default, Object.assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, { required: true, fullWidth: true, id: "confirmPassword", label: "Confirm Password", type: "password", value: confirmPassword, onChange: (event) => setConfirmPassword(event.target.value) }) })), (0, jsx_runtime_1.jsx)(Grid_1.default, Object.assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(components_1.AsyncButton, Object.assign({ onClick: () => onRespondToAuthChallenge(confirmPassword), disabled: !arePasswordsMatching }, { children: "Update Password" })) }))] })) })) })));
+    return ((0, jsx_runtime_1.jsx)(Box_1.default, Object.assign({ sx: {
+            height: '100vh',
+            width: '100%',
+            p: 2,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            alignItems: 'center',
+        } }, { children: (0, jsx_runtime_1.jsx)(Box_1.default, Object.assign({ component: "form", sx: { width: '100%', maxWidth: 360 } }, { children: (0, jsx_runtime_1.jsxs)(Grid_1.default, Object.assign({ container: true, spacing: 2 }, { children: [(0, jsx_runtime_1.jsx)(Grid_1.default, Object.assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsxs)(Typography_1.default, Object.assign({ variant: "h5", gutterBottom: true, sx: { display: 'flex', alignItems: 'center' } }, { children: [(0, jsx_runtime_1.jsx)(Lock_1.default, { sx: { marginRight: 1 } }), "Password Change Required"] })) })), (0, jsx_runtime_1.jsx)(Grid_1.default, Object.assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, { required: true, fullWidth: true, id: "newPassword", label: "New Password", type: "password", autoFocus: true, value: newPassword, onChange: (event) => setNewPassword(event.target.value) }) })), (0, jsx_runtime_1.jsx)(Grid_1.default, Object.assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, { required: true, fullWidth: true, id: "confirmPassword", label: "Confirm Password", type: "password", value: confirmPassword, onChange: (event) => setConfirmPassword(event.target.value) }) })), (0, jsx_runtime_1.jsx)(Grid_1.default, Object.assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(components_1.AsyncButton, Object.assign({ onClick: () => onRespondToAuthChallenge(confirmPassword), disabled: !arePasswordsMatching }, { children: "Update Password" })) }))] })) })) })));
 }
 exports.AuthChallengeNewPasswordRequired = AuthChallengeNewPasswordRequired;

package/lib/commonjs/Auth/Login.js

@@ -14,11 +14,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Login = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const Lock_1 = __importDefault(require("@mui/icons-material/Lock"));
+const material_1 = require("@mui/material");
 const Box_1 = __importDefault(require("@mui/material/Box"));
 const Grid_1 = __importDefault(require("@mui/material/Grid"));
 const TextField_1 = __importDefault(require("@mui/material/TextField"));
-const Lock_1 = __importDefault(require("@mui/icons-material/Lock"));
-const material_1 = require("@mui/material");
 const components_1 = require("../components");
 function Login({ username, password, setUsername, setPassword, onLogin }) {
     if (!module) {

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

@@ -2,5 +2,5 @@ interface ActionHistoryItemTimeStampProps {
     startedAt: string;
     finishedAt: string;
 }
-export declare const ActionHistoryItemTimeStamp: ({ startedAt, finishedAt, }: ActionHistoryItemTimeStampProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionHistoryItemTimeStamp: ({ startedAt, finishedAt }: ActionHistoryItemTimeStampProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/commonjs/LogViewer/ActionHistoryItemTimeStamp.js

@@ -3,7 +3,7 @@ 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 ActionHistoryItemTimeStamp = ({ startedAt, finishedAt }) => {
     const startDate = new Date(startedAt);
     const endDate = new Date(finishedAt);
     const executionTime = endDate.getTime() - startDate.getTime();

package/lib/commonjs/LogViewer/AnyActionHistoryItem.js

@@ -5,15 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AnyActionHistoryItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
+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 react_1 = require("react");
-const ActionHistoryItem_1 = require("./ActionHistoryItem");
+const material_1 = require("@mui/material");
+const customActionsMap_1 = __importDefault(require("./actionComponents/customActionsMap"));
 const actionComponentMap_1 = __importDefault(require("./logic/actionComponentMap"));
 const actionComponents_1 = require("./actionComponents");
-const customActionsMap_1 = __importDefault(require("./actionComponents/customActionsMap"));
+const ActionHistoryItem_1 = require("./ActionHistoryItem");
 const AnyActionHistoryItem = ({ historyItem }) => {
     const [expanded, setExpanded] = (0, react_1.useState)(false);
     const [legacy, setLegacy] = (0, react_1.useState)(false);

package/lib/commonjs/LogViewer/ConsoleLogViewer.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConsoleLogViewer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_inspector_1 = require("react-inspector");
 const react_1 = require("react");
+const react_inspector_1 = require("react-inspector");
 const hooks_1 = require("./hooks");
 const ConsoleLogViewer = ({ logs }) => {
     const { formattedLogs } = (0, hooks_1.useConsoleLogViewer)(logs);

package/lib/commonjs/LogViewer/Dashboard.js

@@ -25,16 +25,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dashboard = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
+const quidproquo_web_1 = require("quidproquo-web");
 const quidproquo_web_react_1 = require("quidproquo-web-react");
+const quidproquo_web_react_2 = require("quidproquo-web-react");
 const quidproquo_webserver_1 = require("quidproquo-webserver");
+const react_1 = __importStar(require("react"));
 const material_1 = require("@mui/material");
-const LogMetadataGrid_1 = require("./LogMetadataGrid");
-const hooks_1 = require("./hooks");
-const view_1 = require("../view");
-const quidproquo_web_react_2 = require("quidproquo-web-react");
-const quidproquo_web_1 = require("quidproquo-web");
 const components_1 = require("../components");
+const view_1 = require("../view");
+const hooks_1 = require("./hooks");
+const LogMetadataGrid_1 = require("./LogMetadataGrid");
 const getLogCountForSinceXDaysAgo = (logs, daysAgo) => {
     const currentDate = new Date();
     const daysAgoDate = new Date(currentDate.getTime() - daysAgo * 24 * 60 * 60 * 1000);
@@ -46,7 +46,7 @@ const getHoursSinceStartOfDay = () => {
     const now = new Date();
     return now.getHours();
 };
-const Dashboard = ({}) => {
+const Dashboard = () => {
     const [realtimeLogs, setRealtimeLogs] = react_1.default.useState([]);
     const { onSearch, logs: weeklyLogs } = (0, hooks_1.useLogSearch)();
     const isLoading = (0, view_1.useIsLoading)();

package/lib/commonjs/LogViewer/EventTimeline.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EventTimeline = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const quidproquo_core_1 = require("quidproquo-core");
 const react_1 = require("react");
 const material_1 = require("@mui/material");
-const quidproquo_core_1 = require("quidproquo-core");
 const EVENT_HEIGHT = 30;
 const EVENT_COLORS = ['#8884d8', '#82ca9d', '#ffc658', '#ff8c00', '#ff0080'];
-const TimelineEvent = ({ event, level, setSelectedLogCorrelation, scale, parrentTimeOffsetMs, totalParrentTimeOffsetMs, }) => {
+const TimelineEvent = ({ event, level, setSelectedLogCorrelation, scale, parrentTimeOffsetMs, totalParrentTimeOffsetMs }) => {
     const eventWidth = event.executionTimeMs * scale;
     const eventOffset = totalParrentTimeOffsetMs * scale;
     const totalTimeOffset = (event.executionTimeMs + totalParrentTimeOffsetMs) * scale;
@@ -25,7 +25,7 @@ const TimelineEvent = ({ event, level, setSelectedLogCorrelation, scale, parrent
                     padding: 3,
                     borderRadius: 4,
                     display: 'inline-block',
-                }, onClick: () => setSelectedLogCorrelation(event.correlation) }, { children: [event.moduleName, "::", event.generic.split('::').pop(), " - @", parrentTimeOffsetMs, "ms -", ' ', event.executionTimeMs, "ms"] })), event.children.map((child) => {
+                }, onClick: () => setSelectedLogCorrelation(event.correlation) }, { children: [event.moduleName, "::", event.generic.split('::').pop(), " - @", parrentTimeOffsetMs, "ms - ", event.executionTimeMs, "ms"] })), event.children.map((child) => {
                 const childDate = new Date(child.startedAt);
                 const eventDate = new Date(event.startedAt);
                 const offsetMs = childDate.getTime() - eventDate.getTime();
@@ -33,7 +33,7 @@ const TimelineEvent = ({ event, level, setSelectedLogCorrelation, scale, parrent
                 return ((0, jsx_runtime_1.jsx)(TimelineEvent, { event: child, setSelectedLogCorrelation: setSelectedLogCorrelation, level: level + 1, scale: scale, parrentTimeOffsetMs: offsetMs, totalParrentTimeOffsetMs: totalOffset }, child.correlation));
             })] })));
 };
-const EventTimeline = ({ logCorrelation, setSelectedLogCorrelation, isVisible, treeApi, }) => {
+const EventTimeline = ({ logCorrelation, setSelectedLogCorrelation, isVisible, treeApi }) => {
     const [scaleOffset, setScaleOffset] = (0, react_1.useState)(0.0);
     const [handleOnWheel, setHandleWheel] = (0, react_1.useState)(() => () => { });
     const [timelineRef, setTimelineRef] = (0, react_1.useState)(null);

package/lib/commonjs/LogViewer/HelpChat/HelpChat.js

@@ -14,12 +14,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HelpChat = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const quidproquo_web_react_1 = require("quidproquo-web-react");
 const react_1 = require("react");
-const material_1 = require("@mui/material");
+const react_markdown_1 = __importDefault(require("react-markdown"));
 const icons_material_1 = require("@mui/icons-material");
-const quidproquo_web_react_1 = require("quidproquo-web-react");
+const material_1 = require("@mui/material");
 const logic_1 = require("../../logic");
-const react_markdown_1 = __importDefault(require("react-markdown"));
 const HelpChat = ({ logCorrelation }) => {
     const [chatMessages, setChatMessages] = (0, react_1.useState)([]);
     const [inputMessage, setInputMessage] = (0, react_1.useState)('');
@@ -90,7 +90,10 @@ const HelpChat = ({ logCorrelation }) => {
                                 backgroundColor: message.isAi ? 'grey.300' : 'primary.main',
                                 color: message.isAi ? 'black' : 'white',
                                 maxWidth: '70%',
-                            } }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', mb: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({ sx: { mr: 1, bgcolor: message.isAi ? 'grey.500' : 'primary.dark' } }, { children: message.isAi ? (0, jsx_runtime_1.jsx)(icons_material_1.Android, {}) : (0, jsx_runtime_1.jsx)(icons_material_1.Person, {}) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle2" }, { children: message.isAi ? 'AI Assistant' : 'You' }))] })), (0, jsx_runtime_1.jsx)(react_markdown_1.default, { children: message.message })] })) }), index))), pendingRequests > 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ sx: {
+                            } }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', mb: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({ sx: {
+                                                mr: 1,
+                                                bgcolor: message.isAi ? 'grey.500' : 'primary.dark',
+                                            } }, { children: message.isAi ? (0, jsx_runtime_1.jsx)(icons_material_1.Android, {}) : (0, jsx_runtime_1.jsx)(icons_material_1.Person, {}) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle2" }, { children: message.isAi ? 'AI Assistant' : 'You' }))] })), (0, jsx_runtime_1.jsx)(react_markdown_1.default, { children: message.message })] })) }), index))), pendingRequests > 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ sx: {
                             display: 'flex',
                             alignItems: 'flex-start',
                             mb: 2,

package/lib/commonjs/LogViewer/LogCorrelationTree.js

@@ -11,10 +11,10 @@ const BACKGROUND_COLOR = '#c1c1c1';
 const renderRectSvgNode = (setSelectedLogCorrelation, highlightCorrelationId) => ({ nodeDatum }) => {
     // TODO: Workout the nodeDateum type
     const color = nodeDatum.correlation === highlightCorrelationId
-        ? !!nodeDatum.error
+        ? nodeDatum.error
             ? '#8B0000'
             : '#00008B' // Very dark red for selected errors, dark blue for selected non-errors
-        : !!nodeDatum.error
+        : nodeDatum.error
             ? 'red'
             : 'white'; // Bright red for non-selected errors, white for non-selected non-errors
     return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("circle", { r: 10, fill: color, x: "10", y: "10", onClick: () => setSelectedLogCorrelation(nodeDatum.correlation) }), [nodeDatum.moduleName, nodeDatum.runtimeType, (nodeDatum.generic || '').split('::').pop(), nodeDatum.error || '']
@@ -23,7 +23,7 @@ const renderRectSvgNode = (setSelectedLogCorrelation, highlightCorrelationId) =>
                 const x = 0;
                 const y = i === 0 ? -20 : 10 + i * 20;
                 const fontSize = i === 0 ? 30 : 15;
-                return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("rect", { x: x - 50, y: y - fontSize / 2 - 8, width: "100", height: fontSize, fill: BACKGROUND_COLOR, strokeWidth: "0" }), (0, jsx_runtime_1.jsx)("text", Object.assign({ textAnchor: "middle", fontSize: fontSize, fill: !!nodeDatum.error ? 'red' : 'black', strokeWidth: 0, y: y }, { children: text }))] }, `${i}`));
+                return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("rect", { x: x - 50, y: y - fontSize / 2 - 8, width: "100", height: fontSize, fill: BACKGROUND_COLOR, strokeWidth: "0" }), (0, jsx_runtime_1.jsx)("text", Object.assign({ textAnchor: "middle", fontSize: fontSize, fill: nodeDatum.error ? 'red' : 'black', strokeWidth: 0, y: y }, { children: text }))] }, `${i}`));
             })] }));
 };
 const LogCorrelationTreeComponent = ({ correlationId, highlightCorrelationId, setSelectedLogCorrelation, isVisible, treeApi, }) => {

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

@@ -5,5 +5,5 @@ interface LogCorrelationsProps {
     isVisible: boolean;
     treeApi: TreeApi;
 }
-export declare const LogCorrelations: ({ logCorrelation, setSelectedLogCorrelation, isVisible, treeApi, }: LogCorrelationsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogCorrelations: ({ logCorrelation, setSelectedLogCorrelation, isVisible, treeApi }: LogCorrelationsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/commonjs/LogViewer/LogCorrelations.js

@@ -4,7 +4,7 @@ exports.LogCorrelations = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const LogCorrelationTree_1 = require("./LogCorrelationTree");
-const LogCorrelations = ({ logCorrelation, setSelectedLogCorrelation, isVisible, treeApi, }) => {
+const LogCorrelations = ({ logCorrelation, setSelectedLogCorrelation, isVisible, treeApi }) => {
     return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ sx: {
             width: 1,
             display: 'flex',

package/lib/commonjs/LogViewer/LogDetails.js

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LogDetails = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ConsoleLogViewer_1 = __importDefault(require("./ConsoleLogViewer"));
-const ActionHistoryItemTimeStamp_1 = require("./ActionHistoryItemTimeStamp");
-const LogSummaryDetails_1 = require("./LogSummaryDetails");
-const LogSummaryReturn_1 = require("./LogSummaryReturn");
 const material_1 = require("@mui/material");
+const ActionHistoryItemTimeStamp_1 = require("./ActionHistoryItemTimeStamp");
 const AnyActionHistoryItem_1 = require("./AnyActionHistoryItem");
+const ConsoleLogViewer_1 = __importDefault(require("./ConsoleLogViewer"));
 const logic_1 = require("./logic");
+const LogSummaryDetails_1 = require("./LogSummaryDetails");
+const LogSummaryReturn_1 = require("./LogSummaryReturn");
 const leftTableCell = {
     width: '200px',
     paddingRight: '30px',

package/lib/commonjs/LogViewer/LogDialog.js

@@ -10,20 +10,20 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const logic_1 = require("./logic");
+const quidproquo_web_react_1 = require("quidproquo-web-react");
+const react_1 = require("react");
 const material_1 = require("@mui/material");
-const LogCorrelations_1 = require("./LogCorrelations");
-const LogDetails_1 = require("./LogDetails");
-const LogSummary_1 = require("./LogSummary");
-const LogRawJson_1 = require("./LogRawJson");
-const HelpChat_1 = require("./HelpChat");
-const EventTimeline_1 = require("./EventTimeline"); // Add this import
 const hooks_1 = require("../components/LoadingBox/hooks");
+const logic_1 = require("../logic");
 const view_1 = require("../view");
-const logic_2 = require("../logic");
-const quidproquo_web_react_1 = require("quidproquo-web-react");
-const react_1 = require("react");
+const EventTimeline_1 = require("./EventTimeline"); // Add this import
+const HelpChat_1 = require("./HelpChat");
 const hooks_2 = require("./hooks");
+const LogCorrelations_1 = require("./LogCorrelations");
+const LogDetails_1 = require("./LogDetails");
+const logic_2 = require("./logic");
+const LogRawJson_1 = require("./LogRawJson");
+const LogSummary_1 = require("./LogSummary");
 function downloadJson(json, filename) {
     const blob = new Blob([json], { type: 'application/json' });
     const url = URL.createObjectURL(blob);
@@ -39,13 +39,13 @@ const getTabStyle = (tabIndex, selectedTab) => ({
     height: '100%',
 });
 const LogDialog = ({ logCorrelation, open, handleClose, storyResultMetadatas, setSelectedLogCorrelation }) => {
-    const signedRequest = (0, hooks_1.usePlatformDataFromPath)((0, logic_1.getLogUrl)(logCorrelation));
+    const signedRequest = (0, hooks_1.usePlatformDataFromPath)((0, logic_2.getLogUrl)(logCorrelation));
     const log = (0, hooks_1.useExternalData)(signedRequest === null || signedRequest === void 0 ? void 0 : signedRequest.url);
     const urlResolvers = (0, quidproquo_web_react_1.useBaseUrlResolvers)();
     const isLoading = (0, view_1.useIsLoading)() || !log;
     const handleExecute = () => __awaiter(void 0, void 0, void 0, function* () {
         if (log) {
-            yield (0, logic_2.apiRequestPost)('http://localhost:8080/admin/service/log/execute', log, urlResolvers.getApiUrl());
+            yield (0, logic_1.apiRequestPost)('http://localhost:8080/admin/service/log/execute', log, urlResolvers.getApiUrl());
         }
     });
     const [selectedTab, setSelectedTab] = (0, react_1.useState)(0);

package/lib/commonjs/LogViewer/LogMetadataGrid.js

@@ -7,9 +7,9 @@ exports.LogMetadataGrid = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const LinearProgress_1 = __importDefault(require("@mui/material/LinearProgress"));
 const x_data_grid_1 = require("@mui/x-data-grid");
-const LogDialog_1 = __importDefault(require("./LogDialog"));
-const hooks_1 = require("./hooks");
 const components_1 = require("../components");
+const hooks_1 = require("./hooks");
+const LogDialog_1 = __importDefault(require("./LogDialog"));
 const formatTime = (ms) => {
     if (ms < 1000)
         return `${ms}ms`;
@@ -46,7 +46,7 @@ const columns = [
     },
 ];
 const LogMetadataGrid = ({ logs, isLoading }) => {
-    const { selectedLogCorrelation, onRowClick, clearSelectedLogCorrelation, setSelectedLogCorrelation, searchProgress, } = (0, hooks_1.useLogManagement)();
+    const { selectedLogCorrelation, onRowClick, clearSelectedLogCorrelation, setSelectedLogCorrelation, searchProgress } = (0, hooks_1.useLogManagement)();
     const getRowClassName = (params) => {
         return params.row.checked ? 'greenRow' : '';
     };

package/lib/commonjs/LogViewer/LogSearch.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LogSearch = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const TopSection_1 = require("./TopSection");
+const components_1 = require("../components");
 const view_1 = require("../view");
 const hooks_1 = require("./hooks");
 const LogMetadataGrid_1 = require("./LogMetadataGrid");
-const components_1 = require("../components");
+const TopSection_1 = require("./TopSection");
 const LogSearch = () => {
     const { searchParams, setSearchParams, onSearch, logs } = (0, hooks_1.useLogSearch)();
     const isLoading = (0, view_1.useIsLoading)();

package/lib/commonjs/LogViewer/LogSummary.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LogSummary = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const quidproquo_webserver_1 = require("quidproquo-webserver");
 const quidproquo_web_react_1 = require("quidproquo-web-react");
+const quidproquo_webserver_1 = require("quidproquo-webserver");
+const react_1 = require("react");
+const material_1 = require("@mui/material");
 const LogSummary = ({ log }) => {
     const [checkedLoading, setCheckedLoading] = (0, react_1.useState)(true);
     const [logMetadata, setLogMetadata] = (0, react_1.useState)(null);
@@ -37,6 +37,6 @@ const LogSummary = ({ log }) => {
         };
         sendMessage(checkEvent);
     }, [log.correlation]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { width: 1, p: 2 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6", gutterBottom: true }, { children: "Log Summary" })), (0, jsx_runtime_1.jsxs)(material_1.Typography, { children: ["Correlation ID: ", log.correlation] }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: checkedLoading ? ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 24 })) : ((0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: !!(logMetadata === null || logMetadata === void 0 ? void 0 : logMetadata.checked), onChange: handleCheckboxChange })), label: "Mark as done" })] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { width: 1, p: 2 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6", gutterBottom: true }, { children: "Log Summary" })), (0, jsx_runtime_1.jsxs)(material_1.Typography, { children: ["Correlation ID: ", log.correlation] }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: checkedLoading ? (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 24 }) : (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: !!(logMetadata === null || logMetadata === void 0 ? void 0 : logMetadata.checked), onChange: handleCheckboxChange }), label: "Mark as done" })] })));
 };
 exports.LogSummary = LogSummary;

package/lib/commonjs/LogViewer/LogSummaryDetails.js

@@ -6,6 +6,6 @@ const material_1 = require("@mui/material");
 const AnyVariableView_1 = require("./actionComponents/genericActionRenderer/AnyVariableView");
 const LogSummaryDetails = ({ log }) => {
     const totalRuntime = new Date(log.finishedAt).getTime() - new Date(log.startedAt).getTime();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "h5", gutterBottom: true }, { children: [log.runtimeType, " - ", log.moduleName] })) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("pre", Object.assign({ style: AnyVariableView_1.genericFunctionRendererStyles.pre }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: AnyVariableView_1.genericFunctionRendererStyles.commentBlock }, { children: [(0, jsx_runtime_1.jsx)("div", { children: "// //////////////////////////////////////////////////////" }), (0, jsx_runtime_1.jsxs)("div", { children: ["// src: ", log.tags.join(', ')] }), log.fromCorrelation && (0, jsx_runtime_1.jsxs)("div", { children: ["// Caller: ", log.fromCorrelation] }), (0, jsx_runtime_1.jsxs)("div", { children: ["// Total Runtime:", ' ', (0, jsx_runtime_1.jsxs)("span", Object.assign({ style: AnyVariableView_1.genericFunctionRendererStyles.highlightComment }, { children: [totalRuntime, " ms"] }))] }), (0, jsx_runtime_1.jsx)("div", { children: "// //////////////////////////////////////////////////////" })] })), (0, jsx_runtime_1.jsx)(AnyVariableView_1.GenericFunctionRenderer, { functionName: log.tags.join('::').split('::').pop() || 'unknown', args: log.input, expanded: true })] })) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "h5", gutterBottom: true }, { children: [log.runtimeType, " - ", log.moduleName] })) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("pre", Object.assign({ style: AnyVariableView_1.genericFunctionRendererStyles.pre }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: AnyVariableView_1.genericFunctionRendererStyles.commentBlock }, { children: [(0, jsx_runtime_1.jsx)("div", { children: "// //////////////////////////////////////////////////////" }), (0, jsx_runtime_1.jsxs)("div", { children: ["// src: ", log.tags.join(', ')] }), log.fromCorrelation && (0, jsx_runtime_1.jsxs)("div", { children: ["// Caller: ", log.fromCorrelation] }), (0, jsx_runtime_1.jsxs)("div", { children: ["// Total Runtime: ", (0, jsx_runtime_1.jsxs)("span", Object.assign({ style: AnyVariableView_1.genericFunctionRendererStyles.highlightComment }, { children: [totalRuntime, " ms"] }))] }), (0, jsx_runtime_1.jsx)("div", { children: "// //////////////////////////////////////////////////////" })] })), (0, jsx_runtime_1.jsx)(AnyVariableView_1.GenericFunctionRenderer, { functionName: log.tags.join('::').split('::').pop() || 'unknown', args: log.input, expanded: true })] })) })] }));
 };
 exports.LogSummaryDetails = LogSummaryDetails;

package/lib/commonjs/LogViewer/LogSummaryReturn.js

@@ -5,6 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const actionComponents_1 = require("./actionComponents");
 const LogSummaryReturn = ({ log }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6", gutterBottom: true }, { children: log.error ? 'Thrown Error' : 'Returned' })), (0, jsx_runtime_1.jsx)("pre", Object.assign({ style: { whiteSpace: 'pre-wrap', wordBreak: 'break-word' } }, { children: (0, jsx_runtime_1.jsx)("pre", Object.assign({ style: actionComponents_1.genericFunctionRendererStyles.pre }, { children: log.error ? ((0, jsx_runtime_1.jsx)(actionComponents_1.AnyVariableView, { value: log.error, expanded: true })) : ((0, jsx_runtime_1.jsx)(actionComponents_1.AnyVariableView, { value: log.result, expanded: true })) })) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6", gutterBottom: true }, { children: log.error ? 'Thrown Error' : 'Returned' })), (0, jsx_runtime_1.jsx)("pre", Object.assign({ style: { whiteSpace: 'pre-wrap', wordBreak: 'break-word' } }, { children: (0, jsx_runtime_1.jsx)("pre", Object.assign({ style: actionComponents_1.genericFunctionRendererStyles.pre }, { children: log.error ? (0, jsx_runtime_1.jsx)(actionComponents_1.AnyVariableView, { value: log.error, expanded: true }) : (0, jsx_runtime_1.jsx)(actionComponents_1.AnyVariableView, { value: log.result, expanded: true }) })) }))] }));
 };
 exports.LogSummaryReturn = LogSummaryReturn;

package/lib/commonjs/LogViewer/LogViewer.js

@@ -8,9 +8,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
 const Box_1 = __importDefault(require("@mui/material/Box"));
-const LogSearch_1 = require("./LogSearch");
-const Dashboard_1 = require("./Dashboard");
 const useFederatedAddon_1 = require("../useFederatedAddon");
+const Dashboard_1 = require("./Dashboard");
+const LogSearch_1 = require("./LogSearch");
 function useTabs() {
     const { addons, loading } = (0, useFederatedAddon_1.useFederatedAddon)();
     const allTabs = [
@@ -41,7 +41,12 @@ function LogViewer() {
     const handleTabChange = (event, newValue) => {
         setSelectedTab(newValue);
     };
-    return ((0, jsx_runtime_1.jsxs)(Box_1.default, Object.assign({ sx: { display: 'flex', flexDirection: 'column', height: '100vh', width: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(Box_1.default, Object.assign({ sx: { flexGrow: 1, overflow: 'auto' } }, { children: tabs
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, Object.assign({ sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            height: '100vh',
+            width: '100%',
+        } }, { children: [(0, jsx_runtime_1.jsx)(Box_1.default, Object.assign({ sx: { flexGrow: 1, overflow: 'auto' } }, { children: tabs
                     .filter((tab, index) => index === selectedTab)
                     .map((tab) => ((0, jsx_runtime_1.jsx)(tab.View, {}, tab.name))) })), (0, jsx_runtime_1.jsx)(Box_1.default, Object.assign({ sx: {
                     borderTop: 1,

package/lib/commonjs/LogViewer/TopSection.js

@@ -5,20 +5,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TopSection = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+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 Select_1 = __importDefault(require("@mui/material/Select"));
-const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const Grid_1 = __importDefault(require("@mui/material/Grid"));
 const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
-const AdapterDateFns_1 = require("@mui/x-date-pickers/AdapterDateFns");
+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 constants_1 = require("./constants");
+const AdapterDateFns_1 = require("@mui/x-date-pickers/AdapterDateFns");
 const components_1 = require("../components");
-const material_1 = require("@mui/material");
-const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
-const react_1 = require("react");
-const system_1 = require("@mui/system");
+const constants_1 = require("./constants");
 const hooks_1 = require("./hooks");
 function TopSection({ searchParams, setSearchParams, onSearch }) {
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);

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

@@ -1,4 +1,4 @@
-declare const TruncatedText: ({ title, text, expanded, }: {
+declare const TruncatedText: ({ title, text, expanded }: {
     title: string;
     text: string;
     expanded: boolean;

package/lib/commonjs/LogViewer/TruncatedText.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
 const ContentCopy_1 = __importDefault(require("@mui/icons-material/ContentCopy"));
+const material_1 = require("@mui/material");
 const hooks_1 = require("./hooks");
-const TruncatedText = ({ title, text, expanded, }) => {
+const TruncatedText = ({ title, text, expanded }) => {
     const { canTruncate, truncatedText, handleCopy } = (0, hooks_1.useTruncatedText)(text);
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
                     display: 'flex',

package/lib/commonjs/LogViewer/actionComponents/genericActionRenderer/index.d.ts

@@ -1,3 +1,3 @@
-export * from './AnyVariableView';
 export * from './ActionResultDisplay';
+export * from './AnyVariableView';
 export * from './getGenericActionRenderer';

package/lib/commonjs/LogViewer/actionComponents/genericActionRenderer/index.js

@@ -14,6 +14,6 @@ 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("./AnyVariableView"), exports);
 __exportStar(require("./ActionResultDisplay"), exports);
+__exportStar(require("./AnyVariableView"), exports);
 __exportStar(require("./getGenericActionRenderer"), exports);

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

@@ -1,10 +1,10 @@
+export * from './useConsoleLogViewer';
+export * from './useLogDetails';
 export * from './useLogEvents';
 export * from './useLogManagement';
+export * from './useLogSearch';
+export * from './useLogTreeData';
 export * from './useLogViewGridColumns';
 export * from './useOnSearch';
-export * from './useConsoleLogViewer';
-export * from './useLogDetails';
-export * from './useTruncatedText';
-export * from './useLogTreeData';
 export * from './useServiceNames';
-export * from './useLogSearch';
+export * from './useTruncatedText';

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

@@ -14,13 +14,13 @@ 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("./useConsoleLogViewer"), exports);
+__exportStar(require("./useLogDetails"), exports);
 __exportStar(require("./useLogEvents"), exports);
 __exportStar(require("./useLogManagement"), exports);
+__exportStar(require("./useLogSearch"), exports);
+__exportStar(require("./useLogTreeData"), exports);
 __exportStar(require("./useLogViewGridColumns"), exports);
 __exportStar(require("./useOnSearch"), exports);
-__exportStar(require("./useConsoleLogViewer"), exports);
-__exportStar(require("./useLogDetails"), exports);
-__exportStar(require("./useTruncatedText"), exports);
-__exportStar(require("./useLogTreeData"), exports);
 __exportStar(require("./useServiceNames"), exports);
-__exportStar(require("./useLogSearch"), exports);
+__exportStar(require("./useTruncatedText"), exports);