npm - quidproquo-web-admin - Versions diffs - 0.1.2 → 0.1.4 - Mend

quidproquo-web-admin 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2234) hide show

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

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

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

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

package/lib/esm/LogViewer/ConsoleLogViewer.js CHANGED Viewed

@@ -10,3 +10,4 @@ export const ConsoleLogViewer = ({ logs }) => {
     return (_jsx("div", { style: { fontFamily: 'monospace' }, children: formattedLogs.map((log, index) => (_jsxs("div", { style: { display: 'flex', marginBottom: '5px' }, children: [_jsxs("span", { style: { marginRight: '5px' }, children: [log.time, " -"] }), log.args.map((arg, argIndex) => (_jsx("span", { style: { marginRight: '5px', paddingTop: '3px' }, children: _jsx(ObjectInspector, { data: arg }) }, argIndex)))] }, index))) }));
 };
 export default memo(ConsoleLogViewer);
+//# sourceMappingURL=ConsoleLogViewer.js.map

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

@@ -0,0 +1 @@

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

package/lib/esm/LogViewer/Dashboard.js CHANGED Viewed

@@ -1,13 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { uniqueBy } from 'quidproquo-web';
-import { useEffectCallback, useRunEvery, useThrottledMemo } from 'quidproquo-web-react';
-import { useSubscribeToWebSocketEvent } from 'quidproquo-web-react';
+import { useEffectCallback, useRunEvery, useSubscribeToWebSocketEvent, useThrottledMemo } from 'quidproquo-web-react';
 import { WebSocketQueueQpqAdminServerMessageEventType } from 'quidproquo-webserver';
-import React, { useEffect, useMemo } from 'react';
+import { useEffect, useMemo } from 'react';
 import { Box, Grid, Paper, Typography } from '@mui/material';
+import { dashboardErrorsSearchKey, useAdminApp, useVolatileState } from '../adminApp';
 import { TabViewBox } from '../components/TabViewBox';
 import { useIsLoading } from '../view/Loading/hooks/useIsLoading';
-import { useLogSearch } from './hooks';
 import { LogMetadataGrid } from './LogMetadataGrid';
 const getLogCountForSinceXDaysAgo = (logs, daysAgo) => {
     const currentDate = new Date();
@@ -21,37 +20,21 @@ const getHoursSinceStartOfDay = () => {
     return now.getHours();
 };
 export const Dashboard = () => {
-    const [realtimeLogs, setRealtimeLogs] = React.useState([]);
-    const { onSearch, logs: weeklyLogs } = useLogSearch();
+    const [api] = useAdminApp();
+    const volatile = useVolatileState();
     const isLoading = useIsLoading();
+    const results = volatile.logResults[dashboardErrorsSearchKey];
+    const weeklyLogs = useMemo(() => results?.logs ?? [], [results?.logs]);
+    const realtimeLogs = volatile.realtimeErrorLogs;
     // Stable identity so the mount-only effect below can list it as a dependency.
     const runInitialSearch = useEffectCallback(() => {
-        const currentDate = new Date();
-        const sevenDaysAgo = new Date(currentDate.getTime() - 7 * 24 * 60 * 60 * 1000);
-        const isoDateSevenDaysAgo = sevenDaysAgo.toISOString();
-        const now = new Date(currentDate.getTime() + 24 * 60 * 60 * 1000);
-        const isoDateNow = now.toISOString();
-        const searchParams = {
-            runtimeType: 'ALL',
-            startIsoDateTime: isoDateSevenDaysAgo,
-            endIsoDateTime: isoDateNow,
-            errorFilter: '',
-            infoFilter: '',
-            serviceFilter: '',
-            userFilter: '',
-            deep: '',
-            onlyErrors: true,
-        };
-        onSearch(searchParams);
+        api.runDashboardErrorSearch();
     });
     useEffect(() => {
         runInitialSearch();
     }, [runInitialSearch]);
     useSubscribeToWebSocketEvent(WebSocketQueueQpqAdminServerMessageEventType.LogMetadata, (webSocketService, message) => {
-        // Add the log to the list if its an error
-        if (message.payload.log.error) {
-            setRealtimeLogs((prevLogs) => [message.payload.log, ...prevLogs.filter((pl) => pl.correlation !== message.payload.log.correlation)]);
-        }
+        api.receiveRealtimeErrorLog(message.payload.log);
     });
     const hoursPassedToday = useRunEvery(getHoursSinceStartOfDay, 60);
     const allLogs = useThrottledMemo(() => {
@@ -60,5 +43,6 @@ export const Dashboard = () => {
     }, [realtimeLogs, weeklyLogs]);
     const dailyErrorCount = useMemo(() => getLogCountForSinceXDaysAgo(allLogs, hoursPassedToday / 24), [allLogs, hoursPassedToday]);
     const weeklyErrorCount = useMemo(() => getLogCountForSinceXDaysAgo(allLogs, 7), [allLogs]);
-    return (_jsxs(TabViewBox, { children: [_jsxs(Grid, { container: true, spacing: 2, sx: { mb: 2 }, children: [_jsx(Grid, { item: true, xs: 6, children: _jsxs(Paper, { sx: { p: 2, textAlign: 'center' }, children: [_jsx(Typography, { children: "Daily Errors" }), _jsx(Typography, { variant: "h4", children: dailyErrorCount })] }) }), _jsx(Grid, { item: true, xs: 6, children: _jsxs(Paper, { sx: { p: 2, textAlign: 'center' }, children: [_jsx(Typography, { children: "Weekly Errors" }), _jsx(Typography, { variant: "h4", children: weeklyErrorCount })] }) })] }), _jsx(Box, { sx: { flex: 1, overflow: 'auto' }, children: _jsx(LogMetadataGrid, { isLoading: isLoading, logs: allLogs }) })] }));
+    return (_jsxs(TabViewBox, { children: [_jsxs(Grid, { container: true, spacing: 2, sx: { mb: 2 }, children: [_jsx(Grid, { item: true, xs: 6, children: _jsxs(Paper, { sx: { p: 2, textAlign: 'center' }, children: [_jsx(Typography, { children: "Daily Errors" }), _jsx(Typography, { variant: "h4", children: dailyErrorCount })] }) }), _jsx(Grid, { item: true, xs: 6, children: _jsxs(Paper, { sx: { p: 2, textAlign: 'center' }, children: [_jsx(Typography, { children: "Weekly Errors" }), _jsx(Typography, { variant: "h4", children: weeklyErrorCount })] }) })] }), _jsx(Box, { sx: { flex: 1, overflow: 'auto' }, children: _jsx(LogMetadataGrid, { isLoading: isLoading || !!results?.isSearching, logs: allLogs }) })] }));
 };
+//# sourceMappingURL=Dashboard.js.map

package/lib/esm/LogViewer/Dashboard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../../src/LogViewer/Dashboard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { uniqueBy } from 'quidproquo-web';\nimport { useEffectCallback, useRunEvery, useSubscribeToWebSocketEvent, useThrottledMemo } from 'quidproquo-web-react';\nimport { LogMetadata, WebSocketQueueQpqAdminServerEventMessageLogMetadata, WebSocketQueueQpqAdminServerMessageEventType } from 'quidproquo-webserver';\n\nimport React, { useEffect, useMemo } from 'react';\nimport { Box, Grid, Paper, Typography } from '@mui/material';\n\nimport { dashboardErrorsSearchKey, useAdminApp, useVolatileState } from '../adminApp';\nimport { TabViewBox } from '../components/TabViewBox';\nimport { useIsLoading } from '../view/Loading/hooks/useIsLoading';\nimport { LogMetadataGrid } from './LogMetadataGrid';\n\nconst getLogCountForSinceXDaysAgo = (logs: LogMetadata[], daysAgo: number) => {\n const currentDate = new Date();\n const daysAgoDate = new Date(currentDate.getTime() - daysAgo * 24 * 60 * 60 * 1000);\n const daysAgoString = daysAgoDate.toISOString();\n\n const logCount = logs.reduce((count, log) => (daysAgoString < log.startedAt && !log.checked ? count + 1 : count), 0);\n\n return logCount;\n};\n\nconst getHoursSinceStartOfDay = (): number => {\n const now = new Date();\n return now.getHours();\n};\n\ninterface DashboardProps {}\n\nexport const Dashboard: React.FC<DashboardProps> = () => {\n const [api] = useAdminApp();\n const volatile = useVolatileState();\n const isLoading = useIsLoading();\n\n const results = volatile.logResults[dashboardErrorsSearchKey];\n const weeklyLogs = useMemo(() => results?.logs ?? [], [results?.logs]);\n const realtimeLogs = volatile.realtimeErrorLogs;\n\n // Stable identity so the mount-only effect below can list it as a dependency.\n const runInitialSearch = useEffectCallback(() => {\n api.runDashboardErrorSearch();\n });\n\n useEffect(() => {\n runInitialSearch();\n }, [runInitialSearch]);\n\n useSubscribeToWebSocketEvent(\n WebSocketQueueQpqAdminServerMessageEventType.LogMetadata,\n (webSocketService, message: WebSocketQueueQpqAdminServerEventMessageLogMetadata) => {\n api.receiveRealtimeErrorLog(message.payload.log);\n },\n );\n\n const hoursPassedToday = useRunEvery(getHoursSinceStartOfDay, 60);\n\n const allLogs = useThrottledMemo(() => {\n const uniqueLogs = uniqueBy([...realtimeLogs, ...weeklyLogs], (log) => log.correlation);\n return uniqueLogs.sort((a, b) => new Date(b.startedAt).getTime() - new Date(a.startedAt).getTime());\n }, [realtimeLogs, weeklyLogs]);\n\n const dailyErrorCount = useMemo(() => getLogCountForSinceXDaysAgo(allLogs, hoursPassedToday / 24), [allLogs, hoursPassedToday]);\n const weeklyErrorCount = useMemo(() => getLogCountForSinceXDaysAgo(allLogs, 7), [allLogs]);\n\n return (\n <TabViewBox>\n <Grid container spacing={2} sx={{ mb: 2 }}>\n <Grid item xs={6}>\n <Paper sx={{ p: 2, textAlign: 'center' }}>\n <Typography>Daily Errors</Typography>\n <Typography variant=\"h4\">{dailyErrorCount}</Typography>\n </Paper>\n </Grid>\n <Grid item xs={6}>\n <Paper sx={{ p: 2, textAlign: 'center' }}>\n <Typography>Weekly Errors</Typography>\n <Typography variant=\"h4\">{weeklyErrorCount}</Typography>\n </Paper>\n </Grid>\n </Grid>\n <Box sx={{ flex: 1, overflow: 'auto' }}>\n <LogMetadataGrid isLoading={isLoading || !!results?.isSearching} logs={allLogs} />\n </Box>\n </TabViewBox>\n );\n};\n"]}

package/lib/esm/LogViewer/EventTimeline.js CHANGED Viewed

@@ -72,3 +72,4 @@ export const EventTimeline = ({ logCorrelation, setSelectedLogCorrelation, isVis
     const scale = 1100 / offsetMs + scaleOffset;
     return (_jsxs("div", { style: { position: 'relative', width: '100%', height: '100%' }, children: [_jsxs("div", { style: { height: 24 }, children: [_jsx("b", { children: formatDuration(totalExecutionTime) }), _jsx("i", { children: " of compute over " }), _jsx("b", { children: formatDuration(offsetMs) })] }), _jsx("div", { ref: setTimelineRef, onWheel: handleOnWheel, style: { width: '100%', height: 'calc(100% - 24px)' }, children: treeApi.treeDataWithNoQpqActions[0] && (_jsx(TimelineEvent, { event: treeApi.treeDataWithNoQpqActions[0], level: 0, parrentTimeOffsetMs: 0, scale: scale, setSelectedLogCorrelation: setSelectedLogCorrelation, totalParrentTimeOffsetMs: 0 })) })] }));
 };
+//# sourceMappingURL=EventTimeline.js.map

package/lib/esm/LogViewer/EventTimeline.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EventTimeline.js","sourceRoot":"","sources":["../../../src/LogViewer/EventTimeline.tsx"],"names":[],"mappings":"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","sourcesContent":["import { formatDuration, getTimeBounds, getTotalExecutionTime, StoryResultMetadataWithChildren } from 'quidproquo-core';\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Box, CircularProgress } from '@mui/material';\n\nimport { TreeApi } from './hooks';\n\ninterface EventTimelineProps {\n logCorrelation: string;\n setSelectedLogCorrelation: (logCorrelation: string) => void;\n isVisible: boolean;\n treeApi: TreeApi;\n}\n\nconst EVENT_HEIGHT = 30;\nconst EVENT_COLORS = ['#8884d8', '#82ca9d', '#ffc658', '#ff8c00', '#ff0080'];\n\ntype TimelineEventProps = {\n event: StoryResultMetadataWithChildren;\n level: number;\n setSelectedLogCorrelation: (logCorrelation: string) => void;\n scale: number;\n parrentTimeOffsetMs: number;\n totalParrentTimeOffsetMs: number;\n};\n\nconst TimelineEvent = ({ event, level, setSelectedLogCorrelation, scale, parrentTimeOffsetMs, totalParrentTimeOffsetMs }: TimelineEventProps) => {\n const eventWidth = event.executionTimeMs * scale;\n const eventOffset = totalParrentTimeOffsetMs * scale;\n const totalTimeOffset = (event.executionTimeMs + totalParrentTimeOffsetMs) * scale;\n\n return (\n <div style={{ width: totalTimeOffset + 100 }}>\n <div\n style={{\n width: `${eventOffset}px`,\n height: EVENT_HEIGHT,\n\n textAlign: 'right',\n display: totalTimeOffset ? 'inline-block' : 'none',\n }}\n ></div>\n <div\n onClick={() => setSelectedLogCorrelation(event.correlation)}\n style={{\n whiteSpace: 'nowrap',\n width: `${eventWidth}px`,\n height: EVENT_HEIGHT,\n backgroundColor: EVENT_COLORS[level % EVENT_COLORS.length],\n cursor: 'pointer',\n padding: 3,\n borderRadius: 4,\n display: 'inline-block',\n }}\n >\n {event.moduleName}::{event.generic.split('::').pop()} - @{parrentTimeOffsetMs}ms - {event.executionTimeMs}ms\n </div>\n {event.children.map((child: StoryResultMetadataWithChildren) => {\n const childDate = new Date(child.startedAt);\n const eventDate = new Date(event.startedAt);\n const offsetMs = childDate.getTime() - eventDate.getTime();\n const totalOffset = totalParrentTimeOffsetMs + offsetMs;\n\n return (\n <TimelineEvent\n key={child.correlation}\n event={child}\n level={level + 1}\n parrentTimeOffsetMs={offsetMs}\n scale={scale}\n setSelectedLogCorrelation={setSelectedLogCorrelation}\n totalParrentTimeOffsetMs={totalOffset}\n />\n );\n })}\n </div>\n );\n};\n\nexport const EventTimeline: React.FC<EventTimelineProps> = ({ logCorrelation, setSelectedLogCorrelation, isVisible, treeApi }) => {\n const [scaleOffset, setScaleOffset] = useState(0.0);\n const [handleOnWheel, setHandleWheel] = useState<any>(() => () => {});\n\n const [timelineRef, setTimelineRef] = useState<HTMLDivElement | null>(null);\n\n useEffect(() => {\n const handleWheel = (event: any) => {\n if (event && event.altKey) {\n event.preventDefault(); // Prevent default scrolling behavior\n const delta = event.deltaY > 0 ? -0.01 : 0.01;\n setScaleOffset((prevScale) => Math.max(0.0, prevScale + delta));\n }\n };\n\n if (timelineRef) {\n timelineRef.addEventListener('wheel', handleWheel);\n setHandleWheel(handleWheel);\n }\n\n return () => {\n if (timelineRef) {\n timelineRef.removeEventListener('wheel', handleWheel);\n }\n };\n }, [timelineRef]);\n\n if (treeApi.isLoading) {\n return (\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n height: '100%',\n width: '100%',\n }}\n >\n <CircularProgress size={100} />\n </Box>\n );\n }\n\n if (!treeApi.treeDataWithNoQpqActions) {\n return <div>Error</div>;\n }\n\n const { earliestStartedAt, latestFinishedAt } = getTimeBounds(treeApi.treeDataWithNoQpqActions);\n const totalExecutionTime = getTotalExecutionTime(treeApi.treeDataWithNoQpqActions);\n\n const startDate = new Date(earliestStartedAt);\n const endDate = new Date(latestFinishedAt);\n const offsetMs = endDate.getTime() - startDate.getTime();\n\n const scale = 1100 / offsetMs + scaleOffset;\n\n return (\n <div style={{ position: 'relative', width: '100%', height: '100%' }}>\n <div style={{ height: 24 }}>\n <b>{formatDuration(totalExecutionTime)}</b>\n <i> of compute over </i>\n <b>{formatDuration(offsetMs)}</b>\n </div>\n <div ref={setTimelineRef} onWheel={handleOnWheel} style={{ width: '100%', height: 'calc(100% - 24px)' }}>\n {treeApi.treeDataWithNoQpqActions[0] && (\n <TimelineEvent\n event={treeApi.treeDataWithNoQpqActions[0]}\n level={0}\n parrentTimeOffsetMs={0}\n scale={scale}\n setSelectedLogCorrelation={setSelectedLogCorrelation}\n totalParrentTimeOffsetMs={0}\n />\n )}\n </div>\n </div>\n );\n};\n"]}

package/lib/esm/LogViewer/HelpChat/HelpChat.js CHANGED Viewed

@@ -1,57 +1,29 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuthAccessToken, useBaseUrlResolvers, useEffectCallback } from 'quidproquo-web-react';
-import { useEffect, useRef, useState } from 'react';
+import { useEffectCallback } from 'quidproquo-web-react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import Markdown from 'react-markdown';
 import { Android as AndroidIcon, Person as PersonIcon } from '@mui/icons-material';
 import { Avatar, Box, Button, CircularProgress, Paper, TextField, Typography } from '@mui/material';
-import { apiRequestPost } from '../../logic';
+import { useAdminApp, useVolatileState } from '../../adminApp';
 export const HelpChat = ({ logCorrelation }) => {
-    const [chatMessages, setChatMessages] = useState([]);
     const [inputMessage, setInputMessage] = useState('');
-    const [pendingRequests, setPendingRequests] = useState(0);
-    const [nextPageKey, setNextPageKey] = useState(undefined);
     const chatContainerRef = useRef(null);
-    const accessToken = useAuthAccessToken();
-    const baseUrlResolvers = useBaseUrlResolvers();
+    const [api] = useAdminApp();
+    const volatile = useVolatileState();
+    const chat = volatile.chatByCorrelation[logCorrelation];
+    const chatMessages = useMemo(() => chat?.messages ?? [], [chat?.messages]);
+    const pendingRequests = chat?.pendingReplies ?? 0;
     // Stable identity so the mount-only effect below can list it as a dependency.
-    const fetchChatMessages = useEffectCallback(async () => {
-        const listLogChatMessages = {
-            correlationId: logCorrelation,
-            nextPageKey: nextPageKey,
-        };
-        try {
-            const response = await apiRequestPost('/log/chat', listLogChatMessages, baseUrlResolvers.getApiUrl(), accessToken);
-            setChatMessages((prevMessages) => [...prevMessages, ...response.items]);
-            setNextPageKey(response.nextPageKey);
-        }
-        finally {
-            // Do nothing
-        }
+    const fetchChatMessages = useEffectCallback(() => {
+        api.loadChatMessages(logCorrelation);
     });
     useEffect(() => {
         fetchChatMessages();
     }, [fetchChatMessages]);
-    const handleSendMessage = async () => {
+    const handleSendMessage = () => {
         if (inputMessage.trim() !== '') {
-            const newMessage = {
-                message: inputMessage,
-                timestamp: new Date().toISOString(),
-                isAi: false,
-            };
-            setChatMessages((prevMessages) => [...prevMessages, newMessage]);
+            api.sendChatMessage(logCorrelation, inputMessage);
             setInputMessage('');
-            const sendLogChatMessage = {
-                correlationId: logCorrelation,
-                message: inputMessage,
-            };
-            setPendingRequests((prevCount) => prevCount + 1);
-            try {
-                const response = await apiRequestPost('/log/chat/message', sendLogChatMessage, baseUrlResolvers.getApiUrl(), accessToken);
-                setChatMessages((prevMessages) => [...prevMessages, response]);
-            }
-            finally {
-                setPendingRequests((prevCount) => prevCount - 1);
-            }
         }
     };
     const handleKeyPress = (event) => {
@@ -92,3 +64,4 @@ export const HelpChat = ({ logCorrelation }) => {
                                 maxWidth: '70%',
                             }, children: [_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', mb: 1 }, children: [_jsx(Avatar, { sx: { mr: 1, bgcolor: 'grey.500' }, children: _jsx(AndroidIcon, {}) }), _jsx(Typography, { variant: "subtitle2", children: "AI Assistant" })] }), _jsxs(Box, { sx: { display: 'flex', alignItems: 'center' }, children: [_jsx(CircularProgress, { size: 20, sx: { mr: 1 } }), _jsx(Typography, { variant: "body1", children: "Thinking..." })] })] }) }))] }), _jsx(Box, { sx: { p: 2, borderTop: '1px solid #ccc' }, children: _jsxs(Box, { sx: { display: 'flex' }, children: [_jsx(TextField, { fullWidth: true, onChange: (e) => setInputMessage(e.target.value), onKeyDown: handleKeyPress, placeholder: "Type your message...", sx: { mr: 2 }, value: inputMessage, variant: "outlined" }), _jsx(Button, { onClick: handleSendMessage, variant: "contained", children: "Send" })] }) })] }));
 };
+//# sourceMappingURL=HelpChat.js.map

package/lib/esm/LogViewer/HelpChat/HelpChat.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HelpChat.js","sourceRoot":"","sources":["../../../../src/LogViewer/HelpChat/HelpChat.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffectCallback } from 'quidproquo-web-react';\n\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport Markdown from 'react-markdown';\nimport { Android as AndroidIcon, Person as PersonIcon } from '@mui/icons-material';\nimport { Avatar, Box, Button, CircularProgress, Paper, TextField, Typography } from '@mui/material';\n\nimport { useAdminApp, useVolatileState } from '../../adminApp';\n\ninterface HelpChatProps {\n logCorrelation: string;\n}\n\nexport const HelpChat: React.FC<HelpChatProps> = ({ logCorrelation }) => {\n const [inputMessage, setInputMessage] = useState('');\n const chatContainerRef = useRef<HTMLDivElement>(null);\n\n const [api] = useAdminApp();\n const volatile = useVolatileState();\n\n const chat = volatile.chatByCorrelation[logCorrelation];\n const chatMessages = useMemo(() => chat?.messages ?? [], [chat?.messages]);\n const pendingRequests = chat?.pendingReplies ?? 0;\n\n // Stable identity so the mount-only effect below can list it as a dependency.\n const fetchChatMessages = useEffectCallback(() => {\n api.loadChatMessages(logCorrelation);\n });\n\n useEffect(() => {\n fetchChatMessages();\n }, [fetchChatMessages]);\n\n const handleSendMessage = () => {\n if (inputMessage.trim() !== '') {\n api.sendChatMessage(logCorrelation, inputMessage);\n setInputMessage('');\n }\n };\n\n const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n handleSendMessage();\n }\n };\n\n useEffect(() => {\n if (chatContainerRef.current) {\n chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight;\n }\n }, [chatMessages]);\n\n return (\n <Box sx={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n <Box ref={chatContainerRef} sx={{ flexGrow: 1, overflowY: 'auto', p: 2 }}>\n {chatMessages.map((message, index) => (\n <Box\n key={index}\n sx={{\n display: 'flex',\n alignItems: 'flex-start',\n mb: 2,\n justifyContent: message.isAi ? 'flex-start' : 'flex-end',\n }}\n >\n <Paper\n sx={{\n p: 2,\n borderRadius: message.isAi ? '20px 20px 20px 0' : '20px 20px 0 20px',\n backgroundColor: message.isAi ? 'grey.300' : 'primary.main',\n color: message.isAi ? 'black' : 'white',\n maxWidth: '70%',\n }}\n >\n <Box sx={{ display: 'flex', alignItems: 'center', mb: 1 }}>\n <Avatar\n sx={{\n mr: 1,\n bgcolor: message.isAi ? 'grey.500' : 'primary.dark',\n }}\n >\n {message.isAi ? <AndroidIcon /> : <PersonIcon />}\n </Avatar>\n <Typography variant=\"subtitle2\">{message.isAi ? 'AI Assistant' : 'You'}</Typography>\n </Box>\n <Markdown>{message.message}</Markdown>\n </Paper>\n </Box>\n ))}\n {pendingRequests > 0 && (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'flex-start',\n mb: 2,\n justifyContent: 'flex-start',\n }}\n >\n <Paper\n sx={{\n p: 2,\n borderRadius: '20px 20px 20px 0',\n backgroundColor: 'grey.300',\n color: 'black',\n maxWidth: '70%',\n }}\n >\n <Box sx={{ display: 'flex', alignItems: 'center', mb: 1 }}>\n <Avatar sx={{ mr: 1, bgcolor: 'grey.500' }}>\n <AndroidIcon />\n </Avatar>\n <Typography variant=\"subtitle2\">AI Assistant</Typography>\n </Box>\n <Box sx={{ display: 'flex', alignItems: 'center' }}>\n <CircularProgress size={20} sx={{ mr: 1 }} />\n <Typography variant=\"body1\">Thinking...</Typography>\n </Box>\n </Paper>\n </Box>\n )}\n </Box>\n <Box sx={{ p: 2, borderTop: '1px solid #ccc' }}>\n <Box sx={{ display: 'flex' }}>\n <TextField\n fullWidth\n onChange={(e) => setInputMessage(e.target.value)}\n onKeyDown={handleKeyPress}\n placeholder=\"Type your message...\"\n sx={{ mr: 2 }}\n value={inputMessage}\n variant=\"outlined\"\n />\n <Button onClick={handleSendMessage} variant=\"contained\">\n Send\n </Button>\n </Box>\n </Box>\n </Box>\n );\n};\n"]}

package/lib/esm/LogViewer/HelpChat/index.js CHANGED Viewed

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

package/lib/esm/LogViewer/HelpChat/index.js.map ADDED Viewed

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

package/lib/esm/LogViewer/LogCorrelationTree.js CHANGED Viewed

@@ -62,3 +62,4 @@ const LogCorrelationTreeComponent = ({ correlationId, highlightCorrelationId, se
             data: treeApi.treeData, orientation: "vertical", renderCustomNodeElement: renderRectSvgNode(setSelectedLogCorrelation, highlightCorrelationId), translate: translate }) }));
 };
 export const LogCorrelationTree = memo(LogCorrelationTreeComponent);
+//# sourceMappingURL=LogCorrelationTree.js.map

package/lib/esm/LogViewer/LogCorrelationTree.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LogCorrelationTree.js","sourceRoot":"","sources":["../../../src/LogViewer/LogCorrelationTree.tsx"],"names":[],"mappings":"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","sourcesContent":["import { QpqRuntimeType } from 'quidproquo-core';\n\nimport { Fragment, memo, useEffect, useRef, useState } from 'react';\nimport { Tree, TreeNodeDatum } from 'react-d3-tree';\nimport { Box, CircularProgress } from '@mui/material';\n\nimport { TreeApi } from './hooks';\n\nconst BACKGROUND_COLOR = '#c1c1c1';\n\ninterface LogCorrelationTreeProps {\n correlationId: string;\n highlightCorrelationId: string;\n setSelectedLogCorrelation: (logCorrelation: string) => void;\n isVisible: boolean;\n treeApi: TreeApi;\n}\n\n// Here we're using `renderCustomNodeElement` to represent each node\n// as an SVG `rect` instead of the default `circle`.\nconst renderRectSvgNode = (setSelectedLogCorrelation: (logCorrelation: string) => void, highlightCorrelationId: string) => {\n const RectSvgNode = ({ nodeDatum }: { nodeDatum: any }) => {\n // TODO: Workout the nodeDateum type\n const color =\n nodeDatum.correlation === highlightCorrelationId\n ? nodeDatum.error\n ? '#8B0000'\n : '#00008B' // Very dark red for selected errors, dark blue for selected non-errors\n : nodeDatum.error\n ? 'red'\n : 'white'; // Bright red for non-selected errors, white for non-selected non-errors\n\n // For story runtime types, collapse the runtimeType line away so the generic\n // info takes its place — other runtime types keep their full label stack.\n const isStoryRuntimeType =\n nodeDatum.runtimeType === QpqRuntimeType.EXECUTE_STORY || nodeDatum.runtimeType === QpqRuntimeType.EXECUTE_IMPLEMENTATION_STORY;\n\n const displayText = (nodeDatum.generic || '').split('::').pop();\n const textLines = isStoryRuntimeType\n ? [nodeDatum.moduleName, displayText, nodeDatum.error || '']\n : [nodeDatum.moduleName, nodeDatum.runtimeType, displayText, nodeDatum.error || ''];\n\n return (\n <g>\n <circle fill={color} onClick={() => setSelectedLogCorrelation(nodeDatum.correlation)} r={10} x=\"10\" y=\"10\" />\n {textLines\n .filter((t) => !!t)\n .map((text, i) => {\n const x = 0;\n const y = i === 0 ? -20 : 10 + i * 20;\n const fontSize = i === 0 ? 30 : 15;\n return (\n <Fragment key={`${i}`}>\n <rect fill={BACKGROUND_COLOR} height={fontSize} strokeWidth=\"0\" width=\"100\" x={x - 50} y={y - fontSize / 2 - 8} />\n <text fill={nodeDatum.error ? 'red' : 'black'} fontSize={fontSize} strokeWidth={0} textAnchor=\"middle\" y={y}>\n {text}\n </text>\n </Fragment>\n );\n })}\n </g>\n );\n };\n\n return RectSvgNode;\n};\n\nconst LogCorrelationTreeComponent = ({\n correlationId,\n highlightCorrelationId,\n setSelectedLogCorrelation,\n isVisible,\n treeApi,\n}: LogCorrelationTreeProps) => {\n const treeContainer = useRef(null);\n const [translate, setTranslate] = useState({ x: 0, y: 0 });\n\n useEffect(() => {\n if (treeContainer.current && isVisible) {\n const { clientWidth } = treeContainer.current;\n setTranslate({ x: clientWidth / 2, y: 40 });\n }\n }, [treeApi.treeData, isVisible]);\n\n if (treeApi.isLoading) {\n return (\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n height: '100%',\n width: '100%',\n }}\n >\n <CircularProgress size={100} />\n </Box>\n );\n }\n\n if (!treeApi.treeData) {\n return <div>Error</div>;\n }\n\n return (\n <div ref={treeContainer} style={{ width: '100%', height: '100%', background: BACKGROUND_COLOR }}>\n <Tree\n // TODO: Pass the correct type here\n data={treeApi.treeData as unknown as TreeNodeDatum[]}\n orientation=\"vertical\"\n renderCustomNodeElement={renderRectSvgNode(setSelectedLogCorrelation, highlightCorrelationId)}\n translate={translate}\n />\n </div>\n );\n};\n\nexport const LogCorrelationTree = memo(LogCorrelationTreeComponent);\n"]}

package/lib/esm/LogViewer/LogCorrelations.js CHANGED Viewed

@@ -11,3 +11,4 @@ export const LogCorrelations = ({ logCorrelation, setSelectedLogCorrelation, isV
             height: '100%',
         }, children: _jsx(LogCorrelationTree, { correlationId: logCorrelation, highlightCorrelationId: logCorrelation, isVisible: isVisible, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }) }));
 };
+//# sourceMappingURL=LogCorrelations.js.map

package/lib/esm/LogViewer/LogCorrelations.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LogCorrelations.js","sourceRoot":"","sources":["../../../src/LogViewer/LogCorrelations.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAGpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAS1D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,cAAc,EAAE,yBAAyB,EAAE,SAAS,EAAE,OAAO,EAAwB,EAAE,EAAE;IACzH,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE;YACF,KAAK,EAAE,CAAC;YACR,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,MAAM;SACf,YAED,KAAC,kBAAkB,IACjB,aAAa,EAAE,cAAc,EAC7B,sBAAsB,EAAE,cAAc,EACtC,SAAS,EAAE,SAAS,EACpB,yBAAyB,EAAE,yBAAyB,EACpD,OAAO,EAAE,OAAO,GAChB,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { StoryResultMetadataWithChildren } from 'quidproquo-core';\n\nimport { Box } from '@mui/material';\n\nimport { TreeApi } from './hooks';\nimport { LogCorrelationTree } from './LogCorrelationTree';\n\ninterface LogCorrelationsProps {\n logCorrelation: string;\n setSelectedLogCorrelation: (logCorrelation: string) => void;\n isVisible: boolean;\n treeApi: TreeApi;\n}\n\nexport const LogCorrelations = ({ logCorrelation, setSelectedLogCorrelation, isVisible, treeApi }: LogCorrelationsProps) => {\n return (\n <Box\n sx={{\n width: 1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n }}\n >\n <LogCorrelationTree\n correlationId={logCorrelation}\n highlightCorrelationId={logCorrelation}\n isVisible={isVisible}\n setSelectedLogCorrelation={setSelectedLogCorrelation}\n treeApi={treeApi}\n />\n </Box>\n );\n};\n"]}

package/lib/esm/LogViewer/LogDetails.js CHANGED Viewed

@@ -36,3 +36,4 @@ export const LogDetails = ({ log, hideFastActions, orderByDuration, }) => {
     }
     return (_jsx(Box, { sx: { width: 1 }, children: _jsx(Table, { sx: { tableLayout: 'fixed' }, children: _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { sx: leftTableCell, children: _jsx(ActionHistoryItemTimeStamp, { finishedAt: log.startedAt, startedAt: log.startedAt }) }), _jsx(TableCell, { sx: rightTableCell, children: _jsx(LogSummaryDetails, { log: log }) })] }), history.map((historyItem, index) => (_jsxs(TableRow, { children: [_jsx(TableCell, { sx: leftTableCell, children: _jsx(ActionHistoryItemTimeStamp, { finishedAt: historyItem.finishedAt, startedAt: historyItem.startedAt }) }), _jsxs(TableCell, { sx: rightTableCell, children: [historyItem.act && _jsx(AnyActionHistoryItem, { action: historyItem.act, result: historyItem.res }), !historyItem.act && _jsx("div", { children: "No Action" })] })] }, `${index}`))), _jsxs(TableRow, { children: [_jsx(TableCell, { sx: leftTableCell, children: _jsx(ActionHistoryItemTimeStamp, { finishedAt: log.finishedAt, startedAt: log.finishedAt }) }), _jsx(TableCell, { sx: rightTableCell, children: _jsx(LogSummaryReturn, { log: log }) })] }), log?.logs && (_jsx(TableRow, { children: _jsxs(TableCell, { colSpan: 2, style: { width: '100%' }, children: [_jsx("div", { style: { paddingBottom: '10px' }, children: _jsx(Typography, { component: "span", variant: "h6", children: "Caught console.log events" }) }), _jsx(ConsoleLogViewer, { logs: log?.logs })] }) }))] }) }) }));
 };
+//# sourceMappingURL=LogDetails.js.map

package/lib/esm/LogViewer/LogDetails.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LogDetails.js","sourceRoot":"","sources":["../../../src/LogViewer/LogDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StoryResult } from 'quidproquo-core';\n\nimport { Box, Table, TableBody, TableCell, TableRow, Typography } from '@mui/material';\n\nimport { ActionHistoryItemTimeStamp } from './ActionHistoryItemTimeStamp';\nimport { AnyActionHistoryItem } from './ActionRender';\nimport ConsoleLogViewer from './ConsoleLogViewer';\nimport { processLog } from './logic';\nimport { LogSummaryDetails } from './LogSummaryDetails';\nimport { LogSummaryReturn } from './LogSummaryReturn';\n\ninterface LogDetailsProps {\n log: StoryResult<any>;\n hideFastActions: boolean;\n orderByDuration: boolean;\n}\n\nconst leftTableCell = {\n width: '200px',\n paddingRight: '30px',\n textAlign: 'right',\n verticalAlign: 'top',\n whiteSpace: 'break-spaces',\n};\n\nconst rightTableCell = {\n paddingLeft: '60px',\n verticalAlign: 'top',\n whiteSpace: 'break-spaces',\n maxWidth: 'calc(100% - 200px - 30px - 60px)',\n};\n\nexport const LogDetails = ({\n log,\n\n hideFastActions,\n orderByDuration,\n}: LogDetailsProps) => {\n let history = processLog(log);\n\n if (hideFastActions) {\n history = history.filter((item) => {\n const duration = new Date(item.finishedAt).getTime() - new Date(item.startedAt).getTime();\n return duration >= 500;\n });\n }\n\n if (orderByDuration) {\n history.sort((a, b) => {\n const durationA = new Date(a.finishedAt).getTime() - new Date(a.startedAt).getTime();\n const durationB = new Date(b.finishedAt).getTime() - new Date(b.startedAt).getTime();\n return durationB - durationA;\n });\n }\n\n return (\n <Box sx={{ width: 1 }}>\n <Table sx={{ tableLayout: 'fixed' }}>\n <TableBody>\n <TableRow>\n <TableCell sx={leftTableCell}>\n <ActionHistoryItemTimeStamp finishedAt={log.startedAt} startedAt={log.startedAt} />\n </TableCell>\n <TableCell sx={rightTableCell}>\n <LogSummaryDetails log={log} />\n </TableCell>\n </TableRow>\n\n {history.map((historyItem, index) => (\n <TableRow key={`${index}`}>\n <TableCell sx={leftTableCell}>\n <ActionHistoryItemTimeStamp finishedAt={historyItem.finishedAt} startedAt={historyItem.startedAt} />\n </TableCell>\n <TableCell sx={rightTableCell}>\n {historyItem.act && <AnyActionHistoryItem action={historyItem.act} result={historyItem.res} />}\n {!historyItem.act && <div>No Action</div>}\n </TableCell>\n </TableRow>\n ))}\n\n <TableRow>\n <TableCell sx={leftTableCell}>\n <ActionHistoryItemTimeStamp finishedAt={log.finishedAt} startedAt={log.finishedAt} />\n </TableCell>\n <TableCell sx={rightTableCell}>\n <LogSummaryReturn log={log} />\n </TableCell>\n </TableRow>\n\n {log?.logs && (\n <TableRow>\n <TableCell colSpan={2} style={{ width: '100%' }}>\n <div style={{ paddingBottom: '10px' }}>\n <Typography component=\"span\" variant=\"h6\">\n Caught console.log events\n </Typography>\n </div>\n <ConsoleLogViewer logs={log?.logs} />\n </TableCell>\n </TableRow>\n )}\n </TableBody>\n </Table>\n </Box>\n );\n};\n"]}

package/lib/esm/LogViewer/LogDialog/LogDialog.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { AppBar, Button, Dialog, DialogActions, DialogContent, DialogTitle, Line
 import { apiRequestPost } from '../../logic';
 import { useLogTreeData } from '../hooks';
 import { useLoadedStoryResult, useLogDialogStateManagement } from './hooks';
-import { HelpTab, LogDetailsTab, NotesTab, RawTab, TimelineTab, TreeTab } from './tabs';
+import { HelpTab, LogDetailsTab, NotesTab, RawTab, TimelineTab, TraceTab, TreeTab } from './tabs';
 function downloadJson(json, filename) {
     const blob = new Blob([json], { type: 'application/json' });
     const url = URL.createObjectURL(blob);
@@ -39,13 +39,14 @@ export const LogDialog = ({ logCorrelation, open, handleClose, setSelectedLogCor
                 maxHeight: '90%',
                 maxWidth: '90%',
             },
-        }, scroll: 'paper', children: [_jsxs(DialogTitle, { id: "scroll-dialog-title", children: ["Log Details - ", logCorrelation] }), _jsx(AppBar, { color: "primary", position: "sticky", children: _jsxs(Tabs, { indicatorColor: "secondary", onChange: handleTabChange, textColor: "inherit", value: logDialogState.selectedTab, children: [_jsx(Tab, { label: "Log Details" }), _jsx(Tab, { label: "Tree" }), _jsx(Tab, { label: "Timeline" }), _jsx(Tab, { label: "Notes" }), _jsx(Tab, { label: "Raw JSON" }), _jsx(Tab, { label: "Help" })] }) }), _jsxs(DialogContent, { dividers: true, sx: {
+        }, scroll: 'paper', children: [_jsxs(DialogTitle, { id: "scroll-dialog-title", children: ["Log Details - ", logCorrelation] }), _jsx(AppBar, { color: "primary", position: "sticky", children: _jsxs(Tabs, { indicatorColor: "secondary", onChange: handleTabChange, textColor: "inherit", value: logDialogState.selectedTab, children: [_jsx(Tab, { label: "Log Details" }), _jsx(Tab, { label: "Tree" }), _jsx(Tab, { label: "Timeline" }), _jsx(Tab, { label: "Notes" }), _jsx(Tab, { label: "Raw JSON" }), _jsx(Tab, { label: "Trace" }), _jsx(Tab, { label: "Help" })] }) }), _jsxs(DialogContent, { dividers: true, sx: {
                     minHeight: '150px',
                     overflowY: 'scroll',
-                }, children: [asyncLog.isLoading && _jsx(LinearProgress, {}), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 0), children: _jsx(LogDetailsTab, { log: asyncLog, logDialogState: logDialogState, logDialogStateApi: logDialogStateApi }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 1), children: _jsx(TreeTab, { isVisible: logDialogState.selectedTab === 1, log: asyncLog, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 2), children: _jsx(TimelineTab, { isVisible: logDialogState.selectedTab === 2, log: asyncLog, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 3), children: _jsx(NotesTab, { log: asyncLog }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 4), children: _jsx(RawTab, { log: asyncLog }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 5), children: _jsx(HelpTab, { log: asyncLog }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { disabled: asyncLog.isLoading, onClick: (event) => treeApi.refreshTreeData(), style: getTabStyle(logDialogState.selectedTab, 1), children: "Refresh Tree" }), _jsx(Button, { disabled: asyncLog.isLoading, onClick: (event) => treeApi.refreshTreeData(), style: getTabStyle(logDialogState.selectedTab, 2), children: "Refresh Timeline" }), _jsx(Button, { disabled: asyncLog.isLoading, onClick: (event) => {
+                }, children: [asyncLog.isLoading && _jsx(LinearProgress, {}), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 0), children: _jsx(LogDetailsTab, { log: asyncLog, logDialogState: logDialogState, logDialogStateApi: logDialogStateApi }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 1), children: _jsx(TreeTab, { isVisible: logDialogState.selectedTab === 1, log: asyncLog, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 2), children: _jsx(TimelineTab, { isVisible: logDialogState.selectedTab === 2, log: asyncLog, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 3), children: _jsx(NotesTab, { log: asyncLog }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 4), children: _jsx(RawTab, { log: asyncLog }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 5), children: _jsx(TraceTab, { isVisible: logDialogState.selectedTab === 5, log: asyncLog }, logCorrelation) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 6), children: _jsx(HelpTab, { log: asyncLog }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { disabled: asyncLog.isLoading, onClick: (event) => treeApi.refreshTreeData(), style: getTabStyle(logDialogState.selectedTab, 1), children: "Refresh Tree" }), _jsx(Button, { disabled: asyncLog.isLoading, onClick: (event) => treeApi.refreshTreeData(), style: getTabStyle(logDialogState.selectedTab, 2), children: "Refresh Timeline" }), _jsx(Button, { disabled: asyncLog.isLoading, onClick: (event) => {
                             if (asyncLog.log) {
                                 downloadJson(JSON.stringify(asyncLog.log, null, 2), `${asyncLog.log.correlation}.json`);
                             }
                             event.stopPropagation();
                         }, children: "Download" }), asyncLog.log && (_jsx(Button, { disabled: asyncLog.isLoading, onClick: handleExecute, children: "Execute" })), _jsx(Button, { onClick: handleClose, children: "Close" })] })] }));
 };
+//# sourceMappingURL=LogDialog.js.map

package/lib/esm/LogViewer/LogDialog/LogDialog.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LogDialog.js","sourceRoot":"","sources":["../../../../src/LogViewer/LogDialog/LogDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useBaseUrlResolvers, useStateUpdater } from 'quidproquo-web-react';\n\nimport { AppBar, Button, Dialog, DialogActions, DialogContent, DialogTitle, LinearProgress, Tab, Tabs } from '@mui/material';\n\nimport { apiRequestPost } from '../../logic';\nimport { EventTimeline } from '../EventTimeline'; // Add this import\nimport { HelpChat } from '../HelpChat';\nimport { useLogTreeData } from '../hooks';\nimport { LogCorrelations } from '../LogCorrelations';\nimport { LogRawJson } from '../LogRawJson';\nimport { LogSummary } from '../LogSummary';\nimport { useLoadedStoryResult, useLogDialogStateManagement } from './hooks';\nimport { HelpTab, LogDetailsTab, NotesTab, RawTab, TimelineTab, TraceTab, TreeTab } from './tabs';\n\ninterface LogDialogProps {\n open: boolean;\n logCorrelation: string;\n handleClose: () => void;\n storyResultMetadatas: any[];\n setSelectedLogCorrelation: (logCorrelation: string) => void;\n}\n\nfunction downloadJson(json: string, filename: string): void {\n const blob = new Blob([json], { type: 'application/json' });\n const url = URL.createObjectURL(blob);\n const link = document.createElement('a');\n\n link.href = url;\n link.download = filename;\n link.click();\n\n // The URL.revokeObjectURL() method releases an existing object URL\n URL.revokeObjectURL(url);\n}\n\nconst getTabStyle = (tabIndex: number, selectedTab: number) => ({\n display: selectedTab === tabIndex ? 'block' : 'none',\n height: '100%',\n});\n\nexport const LogDialog = ({ logCorrelation, open, handleClose, setSelectedLogCorrelation }: LogDialogProps) => {\n const [logDialogState, logDialogStateApi] = useLogDialogStateManagement();\n const asyncLog = useLoadedStoryResult(logCorrelation);\n const urlResolvers = useBaseUrlResolvers();\n\n const handleExecute = async () => {\n if (asyncLog.log) {\n await apiRequestPost('http://localhost:8080/admin/service/log/execute', asyncLog.log, urlResolvers.getApiUrl());\n }\n };\n\n const handleTabChange = (event: React.SyntheticEvent, newValue: number) => {\n logDialogStateApi.setSelectedTab(newValue);\n };\n\n const treeApi = useLogTreeData(logCorrelation, false);\n\n return (\n <Dialog\n aria-describedby=\"scroll-dialog-description\"\n aria-labelledby=\"scroll-dialog-title\"\n fullWidth={true}\n maxWidth={false}\n onClose={handleClose}\n open={open}\n PaperProps={{\n style: {\n width: '90%',\n height: '90%',\n maxHeight: '90%',\n maxWidth: '90%',\n },\n }}\n scroll={'paper'}\n >\n <DialogTitle id=\"scroll-dialog-title\">Log Details - {logCorrelation}</DialogTitle>\n <AppBar color=\"primary\" position=\"sticky\">\n <Tabs indicatorColor=\"secondary\" onChange={handleTabChange} textColor=\"inherit\" value={logDialogState.selectedTab}>\n <Tab label=\"Log Details\" />\n <Tab label=\"Tree\" />\n <Tab label=\"Timeline\" />\n <Tab label=\"Notes\" />\n <Tab label=\"Raw JSON\" />\n <Tab label=\"Trace\" />\n <Tab label=\"Help\" />\n </Tabs>\n </AppBar>\n <DialogContent\n dividers={true}\n sx={{\n minHeight: '150px',\n overflowY: 'scroll',\n }}\n >\n {asyncLog.isLoading && <LinearProgress />}\n <div style={getTabStyle(logDialogState.selectedTab, 0)}>\n <LogDetailsTab log={asyncLog} logDialogState={logDialogState} logDialogStateApi={logDialogStateApi} />\n </div>\n <div style={getTabStyle(logDialogState.selectedTab, 1)}>\n <TreeTab\n isVisible={logDialogState.selectedTab === 1}\n log={asyncLog}\n setSelectedLogCorrelation={setSelectedLogCorrelation}\n treeApi={treeApi}\n />\n </div>\n <div style={getTabStyle(logDialogState.selectedTab, 2)}>\n <TimelineTab\n isVisible={logDialogState.selectedTab === 2}\n log={asyncLog}\n setSelectedLogCorrelation={setSelectedLogCorrelation}\n treeApi={treeApi}\n />\n </div>\n <div style={getTabStyle(logDialogState.selectedTab, 3)}>\n <NotesTab log={asyncLog} />\n </div>\n <div style={getTabStyle(logDialogState.selectedTab, 4)}>\n <RawTab log={asyncLog} />\n </div>\n <div style={getTabStyle(logDialogState.selectedTab, 5)}>\n {/* keyed on the correlation so walking the tree remounts the tab with fresh\n trace state instead of showing the previous log's trace */}\n <TraceTab key={logCorrelation} isVisible={logDialogState.selectedTab === 5} log={asyncLog} />\n </div>\n <div style={getTabStyle(logDialogState.selectedTab, 6)}>\n <HelpTab log={asyncLog} />\n </div>\n </DialogContent>\n\n <DialogActions>\n <Button disabled={asyncLog.isLoading} onClick={(event) => treeApi.refreshTreeData()} style={getTabStyle(logDialogState.selectedTab, 1)}>\n Refresh Tree\n </Button>\n <Button disabled={asyncLog.isLoading} onClick={(event) => treeApi.refreshTreeData()} style={getTabStyle(logDialogState.selectedTab, 2)}>\n Refresh Timeline\n </Button>\n <Button\n disabled={asyncLog.isLoading}\n onClick={(event) => {\n if (asyncLog.log) {\n downloadJson(JSON.stringify(asyncLog.log, null, 2), `${asyncLog.log.correlation}.json`);\n }\n event.stopPropagation();\n }}\n >\n Download\n </Button>\n {asyncLog.log && (\n <Button disabled={asyncLog.isLoading} onClick={handleExecute}>\n Execute\n </Button>\n )}\n <Button onClick={handleClose}>Close</Button>\n </DialogActions>\n </Dialog>\n );\n};\n"]}

package/lib/esm/LogViewer/LogDialog/MovedToColdStorage/MovedToColdStorage.js CHANGED Viewed

@@ -3,3 +3,4 @@ import { Box, Paper, Typography } from '@mui/material';
 export const MovedToColdStorage = ({ guid }) => {
     return (_jsxs(Paper, { elevation: 3, sx: { padding: 2, borderRadius: 2 }, children: [_jsxs(Typography, { color: "textSecondary", variant: "body1", children: ["The log you are requesting has been moved to ", _jsx("b", { children: "cold storage" }), ". Please provide the following Correlation to an administrator if you would like it to be moved back to standard storage."] }), _jsx(Box, { mt: 1, children: _jsx(Typography, { color: "primary", fontWeight: "bold", variant: "subtitle1", children: guid }) })] }));
 };
+//# sourceMappingURL=MovedToColdStorage.js.map

package/lib/esm/LogViewer/LogDialog/MovedToColdStorage/MovedToColdStorage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MovedToColdStorage.js","sourceRoot":"","sources":["../../../../../src/LogViewer/LogDialog/MovedToColdStorage/MovedToColdStorage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAMvD,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,MAAC,KAAK,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,aACtD,MAAC,UAAU,IAAC,KAAK,EAAC,eAAe,EAAC,OAAO,EAAC,OAAO,8DACF,uCAAmB,iIAErD,EACb,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,YAC9D,IAAI,GACM,GACT,IACA,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { Box, Paper, Typography } from '@mui/material';\n\ninterface MovedToColdStorageProps {\n guid: string;\n}\n\nexport const MovedToColdStorage: React.FC<MovedToColdStorageProps> = ({ guid }) => {\n return (\n <Paper elevation={3} sx={{ padding: 2, borderRadius: 2 }}>\n <Typography color=\"textSecondary\" variant=\"body1\">\n The log you are requesting has been moved to <b>cold storage</b>. Please provide the following Correlation to an administrator if you would\n like it to be moved back to standard storage.\n </Typography>\n <Box mt={1}>\n <Typography color=\"primary\" fontWeight=\"bold\" variant=\"subtitle1\">\n {guid}\n </Typography>\n </Box>\n </Paper>\n );\n};\n"]}

package/lib/esm/LogViewer/LogDialog/MovedToColdStorage/index.js CHANGED Viewed

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

package/lib/esm/LogViewer/LogDialog/MovedToColdStorage/index.js.map ADDED Viewed

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

package/lib/esm/LogViewer/LogDialog/hooks/index.js CHANGED Viewed

@@ -1,2 +1,3 @@
 export * from './useLoadedStoryResult';
 export * from './useLogDialogStateManagement';
+//# sourceMappingURL=index.js.map

package/lib/esm/LogViewer/LogDialog/hooks/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/LogViewer/LogDialog/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC","sourcesContent":["export * from './useLoadedStoryResult';\nexport * from './useLogDialogStateManagement';\n"]}

package/lib/esm/LogViewer/LogDialog/hooks/useLoadedStoryResult.js CHANGED Viewed

@@ -26,3 +26,4 @@ export const useLoadedStoryResult = (logCorrelation) => {
         };
     }
 };
+//# sourceMappingURL=useLoadedStoryResult.js.map

package/lib/esm/LogViewer/LogDialog/hooks/useLoadedStoryResult.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useLoadedStoryResult.js","sourceRoot":"","sources":["../../../../../src/LogViewer/LogDialog/hooks/useLoadedStoryResult.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAChG,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAoBxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,cAAsB,EAAmB,EAAE;IAC9E,MAAM,aAAa,GAAG,uBAAuB,CAA0C,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC;IAClH,MAAM,GAAG,GAAG,eAAe,CAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACvG,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,kBAAkB,GAAG,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC;IAE1D,4EAA4E;IAC5E,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC;IACjE,CAAC;SAAM,IAAI,kBAAkB,EAAE,CAAC;QAC9B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;IACxE,CAAC;SAAM,CAAC;QACN,uCAAuC;QACvC,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC;QACjE,CAAC;QAED,OAAO;YACL,SAAS,EAAE,KAAK;YAChB,kBAAkB,EAAE,KAAK;YACzB,GAAG,EAAE,GAAuB;YAC5B,cAAc;SACf,CAAC;IACJ,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { StoryResult } from 'quidproquo-core';\n\nimport { useExternalData, usePlatformDataFromPath } from '../../../components/LoadingBox/hooks';\nimport { useIsLoading } from '../../../view';\nimport { getLogUrl } from '../../logic';\n\nexport type AsyncStoryState = { logCorrelation: string } & (\n | {\n isLoading: true;\n isLogInColdStorage: boolean;\n log?: null;\n }\n | {\n isLoading: false;\n isLogInColdStorage: true;\n log?: null;\n }\n | {\n isLoading: false;\n isLogInColdStorage: false;\n log: StoryResult<any>;\n }\n);\n\nexport const useLoadedStoryResult = (logCorrelation: string): AsyncStoryState => {\n const signedRequest = usePlatformDataFromPath<{ url: string; isColdStorage: boolean }>(getLogUrl(logCorrelation));\n const log = useExternalData<StoryResult<any>>(!signedRequest?.isColdStorage ? signedRequest?.url : '');\n const isLoading = useIsLoading();\n const isLogInColdStorage = !!signedRequest?.isColdStorage;\n\n // Determine the correct return type based on the loading and storage status\n if (isLoading) {\n return { isLoading: true, isLogInColdStorage, logCorrelation };\n } else if (isLogInColdStorage) {\n return { isLoading: false, isLogInColdStorage: true, logCorrelation };\n } else {\n // Fix this, it should be a throw error\n if (!log) {\n return { isLoading: true, isLogInColdStorage, logCorrelation };\n }\n\n return {\n isLoading: false,\n isLogInColdStorage: false,\n log: log as StoryResult<any>,\n logCorrelation,\n };\n }\n};\n"]}

package/lib/esm/LogViewer/LogDialog/hooks/useLogDialogStateManagement.js CHANGED Viewed

@@ -16,3 +16,4 @@ export const useLogDialogStateManagement = () => {
         },
     ];
 };
+//# sourceMappingURL=useLogDialogStateManagement.js.map

package/lib/esm/LogViewer/LogDialog/hooks/useLogDialogStateManagement.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useLogDialogStateManagement.js","sourceRoot":"","sources":["../../../../../src/LogViewer/LogDialog/hooks/useLogDialogStateManagement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAcjC,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAwC,EAAE;IACnF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB;QACnE,WAAW,EAAE,CAAC;QACd,eAAe,EAAE,KAAK;QACtB,eAAe,EAAE,KAAK;KACvB,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;IAEhE,OAAO;QACL,cAAc;QACd;YACE,cAAc,EAAE,oBAAoB,CAAC,aAAa,CAAC;YACnD,kBAAkB,EAAE,oBAAoB,CAAC,iBAAiB,CAAC;YAC3D,kBAAkB,EAAE,oBAAoB,CAAC,iBAAiB,CAAC;SAC5D;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useStateUpdater } from 'quidproquo-web-react';\n\nimport { useState } from 'react';\n\nexport type LogDialogState = {\n selectedTab: number;\n hideFastActions: boolean;\n orderByDuration: boolean;\n};\n\nexport type LogDialogStateApi = {\n setSelectedTab: (tabIndex: number) => void;\n setHideFastActions: (hideFastActions: boolean) => void;\n setOrderByDuration: (orderByDuration: boolean) => void;\n};\n\nexport const useLogDialogStateManagement = (): [LogDialogState, LogDialogStateApi] => {\n const [logDialogState, setLogDialogState] = useState<LogDialogState>({\n selectedTab: 0,\n hideFastActions: false,\n orderByDuration: false,\n });\n\n const updateLogDialogState = useStateUpdater(setLogDialogState);\n\n return [\n logDialogState,\n {\n setSelectedTab: updateLogDialogState('selectedTab'),\n setHideFastActions: updateLogDialogState('hideFastActions'),\n setOrderByDuration: updateLogDialogState('orderByDuration'),\n },\n ];\n};\n"]}

package/lib/esm/LogViewer/LogDialog/index.js CHANGED Viewed

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

package/lib/esm/LogViewer/LogDialog/index.js.map ADDED Viewed

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

package/lib/esm/LogViewer/LogDialog/tabs/HelpTab/HelpTab.js CHANGED Viewed

@@ -3,3 +3,4 @@ import { HelpChat } from '../../../HelpChat';
 export const HelpTab = ({ log }) => {
     return _jsx(HelpChat, { logCorrelation: log.logCorrelation });
 };
+//# sourceMappingURL=HelpTab.js.map

package/lib/esm/LogViewer/LogDialog/tabs/HelpTab/HelpTab.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HelpTab.js","sourceRoot":"","sources":["../../../../../../src/LogViewer/LogDialog/tabs/HelpTab/HelpTab.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAO7C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACzD,OAAO,KAAC,QAAQ,IAAC,cAAc,EAAE,GAAG,CAAC,cAAc,GAAI,CAAC;AAC1D,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { HelpChat } from '../../../HelpChat';\nimport { AsyncStoryState } from '../../hooks';\n\ninterface HelpTabProps {\n log: AsyncStoryState;\n}\n\nexport const HelpTab: React.FC<HelpTabProps> = ({ log }) => {\n return <HelpChat logCorrelation={log.logCorrelation} />;\n};\n"]}

package/lib/esm/LogViewer/LogDialog/tabs/HelpTab/index.js CHANGED Viewed

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

package/lib/esm/LogViewer/LogDialog/tabs/HelpTab/index.js.map ADDED Viewed

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

package/lib/esm/LogViewer/LogDialog/tabs/LogDetailsTab/LogDetailsTab.js CHANGED Viewed

@@ -14,3 +14,4 @@ export const LogDetailsTab = ({ log, logDialogState: { hideFastActions, orderByD
             flexDirection: 'row-reverse',
         }, children: [_jsxs("div", { children: [_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: hideFastActions, onChange: (event) => setHideFastActions(event.target.checked) }), label: "Hide Fast Actions" }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: orderByDuration, onChange: (event) => setOrderByDuration(event.target.checked) }), label: "Order by Duration" })] }), _jsx(LogDetails, { hideFastActions: hideFastActions, log: log.log, orderByDuration: orderByDuration })] }));
 };
+//# sourceMappingURL=LogDetailsTab.js.map

package/lib/esm/LogViewer/LogDialog/tabs/LogDetailsTab/LogDetailsTab.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LogDetailsTab.js","sourceRoot":"","sources":["../../../../../../src/LogViewer/LogDialog/tabs/LogDetailsTab/LogDetailsTab.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAS9D,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,GAAG,EACH,cAAc,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,EACpD,iBAAiB,EAAE,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,GAC9D,EAAE,EAAE;IACH,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;QAClB,OAAO,uCAAqB,CAAC;IAC/B,CAAC;IAED,IAAI,GAAG,CAAC,kBAAkB,EAAE,CAAC;QAC3B,OAAO,KAAC,kBAAkB,IAAC,IAAI,EAAE,GAAG,CAAC,cAAc,GAAI,CAAC;IAC1D,CAAC;IAED,OAAO,CACL,eACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,aAAa;SAC7B,aAED,0BACE,KAAC,gBAAgB,IACf,OAAO,EAAE,KAAC,QAAQ,IAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAI,EAC9G,KAAK,EAAC,mBAAmB,GACzB,EACF,KAAC,gBAAgB,IACf,OAAO,EAAE,KAAC,QAAQ,IAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAI,EAC9G,KAAK,EAAC,mBAAmB,GACzB,IACE,EACN,KAAC,UAAU,IAAC,eAAe,EAAE,eAAe,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,eAAe,EAAE,eAAe,GAAI,IAC5F,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { Checkbox, FormControlLabel } from '@mui/material';\n\nimport { LogDetails } from '../../../LogDetails';\nimport { AsyncStoryState, LogDialogState, LogDialogStateApi } from '../../hooks';\nimport { MovedToColdStorage } from '../../MovedToColdStorage';\n\ninterface LogDetailsTabProps {\n log: AsyncStoryState;\n\n logDialogState: LogDialogState;\n logDialogStateApi: LogDialogStateApi;\n}\n\nexport const LogDetailsTab: React.FC<LogDetailsTabProps> = ({\n log,\n logDialogState: { hideFastActions, orderByDuration },\n logDialogStateApi: { setHideFastActions, setOrderByDuration },\n}) => {\n if (log.isLoading) {\n return <div>Loading...</div>;\n }\n\n if (log.isLogInColdStorage) {\n return <MovedToColdStorage guid={log.logCorrelation} />;\n }\n\n return (\n <div\n style={{\n display: 'flex',\n flexDirection: 'row-reverse',\n }}\n >\n <div>\n <FormControlLabel\n control={<Checkbox checked={hideFastActions} onChange={(event) => setHideFastActions(event.target.checked)} />}\n label=\"Hide Fast Actions\"\n />\n <FormControlLabel\n control={<Checkbox checked={orderByDuration} onChange={(event) => setOrderByDuration(event.target.checked)} />}\n label=\"Order by Duration\"\n />\n </div>\n <LogDetails hideFastActions={hideFastActions} log={log.log} orderByDuration={orderByDuration} />\n </div>\n );\n};\n"]}

package/lib/esm/LogViewer/LogDialog/tabs/LogDetailsTab/index.js CHANGED Viewed

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

package/lib/esm/LogViewer/LogDialog/tabs/LogDetailsTab/index.js.map ADDED Viewed

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

package/lib/esm/LogViewer/LogDialog/tabs/NotesTab/NotesTab.js CHANGED Viewed

@@ -10,3 +10,4 @@ export const NotesTab = ({ log }) => {
     }
     return _jsx(LogSummary, { log: log.log });
 };
+//# sourceMappingURL=NotesTab.js.map

package/lib/esm/LogViewer/LogDialog/tabs/NotesTab/NotesTab.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NotesTab.js","sourceRoot":"","sources":["../../../../../../src/LogViewer/LogDialog/tabs/NotesTab/NotesTab.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAM9D,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IAC3D,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;QAClB,OAAO,uCAAqB,CAAC;IAC/B,CAAC;IAED,IAAI,GAAG,CAAC,kBAAkB,EAAE,CAAC;QAC3B,OAAO,KAAC,kBAAkB,IAAC,IAAI,EAAE,GAAG,CAAC,cAAc,GAAI,CAAC;IAC1D,CAAC;IAED,OAAO,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,CAAC,GAAG,GAAI,CAAC;AACtC,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { LogSummary } from '../../../LogSummary';\nimport { AsyncStoryState } from '../../hooks';\nimport { MovedToColdStorage } from '../../MovedToColdStorage';\n\ninterface NotesTabProps {\n log: AsyncStoryState;\n}\n\nexport const NotesTab: React.FC<NotesTabProps> = ({ log }) => {\n if (log.isLoading) {\n return <div>Loading...</div>;\n }\n\n if (log.isLogInColdStorage) {\n return <MovedToColdStorage guid={log.logCorrelation} />;\n }\n\n return <LogSummary log={log.log} />;\n};\n"]}

package/lib/esm/LogViewer/LogDialog/tabs/NotesTab/index.js CHANGED Viewed

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

package/lib/esm/LogViewer/LogDialog/tabs/NotesTab/index.js.map ADDED Viewed

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

package/lib/esm/LogViewer/LogDialog/tabs/RawTab/RawTab.js CHANGED Viewed

@@ -10,3 +10,4 @@ export const RawTab = ({ log }) => {
     }
     return _jsx(LogRawJson, { log: log.log });
 };
+//# sourceMappingURL=RawTab.js.map

package/lib/esm/LogViewer/LogDialog/tabs/RawTab/RawTab.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RawTab.js","sourceRoot":"","sources":["../../../../../../src/LogViewer/LogDialog/tabs/RawTab/RawTab.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAM9D,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACvD,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;QAClB,OAAO,uCAAqB,CAAC;IAC/B,CAAC;IAED,IAAI,GAAG,CAAC,kBAAkB,EAAE,CAAC;QAC3B,OAAO,KAAC,kBAAkB,IAAC,IAAI,EAAE,GAAG,CAAC,cAAc,GAAI,CAAC;IAC1D,CAAC;IAED,OAAO,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,CAAC,GAAG,GAAI,CAAC;AACtC,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { LogRawJson } from '../../../LogRawJson';\nimport { AsyncStoryState } from '../../hooks';\nimport { MovedToColdStorage } from '../../MovedToColdStorage';\n\ninterface RawTabProps {\n log: AsyncStoryState;\n}\n\nexport const RawTab: React.FC<RawTabProps> = ({ log }) => {\n if (log.isLoading) {\n return <div>Loading...</div>;\n }\n\n if (log.isLogInColdStorage) {\n return <MovedToColdStorage guid={log.logCorrelation} />;\n }\n\n return <LogRawJson log={log.log} />;\n};\n"]}

package/lib/esm/LogViewer/LogDialog/tabs/RawTab/index.js CHANGED Viewed

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

package/lib/esm/LogViewer/LogDialog/tabs/RawTab/index.js.map ADDED Viewed

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

package/lib/esm/LogViewer/LogDialog/tabs/TimelineTab/TimelineTab.js CHANGED Viewed

@@ -6,3 +6,4 @@ export const TimelineTab = ({ log, isVisible, setSelectedLogCorrelation, treeApi
     }
     return (_jsx(EventTimeline, { isVisible: isVisible, logCorrelation: log.logCorrelation, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }));
 };
+//# sourceMappingURL=TimelineTab.js.map

package/lib/esm/LogViewer/LogDialog/tabs/TimelineTab/TimelineTab.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TimelineTab.js","sourceRoot":"","sources":["../../../../../../src/LogViewer/LogDialog/tabs/TimelineTab/TimelineTab.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAavD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,GAAG,EAEH,SAAS,EACT,yBAAyB,EAEzB,OAAO,GACR,EAAE,EAAE;IACH,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;QAClB,OAAO,uCAAqB,CAAC;IAC/B,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IACZ,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,GAAG,CAAC,cAAc,EAClC,yBAAyB,EAAE,yBAAyB,EACpD,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { EventTimeline } from '../../../EventTimeline';\nimport { TreeApi } from '../../../hooks';\nimport { AsyncStoryState } from '../../hooks';\n\ninterface TimelineTabProps {\n log: AsyncStoryState;\n\n isVisible: boolean;\n setSelectedLogCorrelation: (correlation: string) => void;\n\n treeApi: TreeApi;\n}\n\nexport const TimelineTab: React.FC<TimelineTabProps> = ({\n log,\n\n isVisible,\n setSelectedLogCorrelation,\n\n treeApi,\n}) => {\n if (log.isLoading) {\n return <div>Loading...</div>;\n }\n\n return (\n <EventTimeline\n isVisible={isVisible}\n logCorrelation={log.logCorrelation}\n setSelectedLogCorrelation={setSelectedLogCorrelation}\n treeApi={treeApi}\n />\n );\n};\n"]}

package/lib/esm/LogViewer/LogDialog/tabs/TimelineTab/index.js CHANGED Viewed

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

package/lib/esm/LogViewer/LogDialog/tabs/TimelineTab/index.js.map ADDED Viewed

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

package/lib/esm/LogViewer/LogDialog/tabs/TraceTab/TraceTab.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AsyncStoryState } from '../../hooks';
+interface TraceTabProps {
+    log: AsyncStoryState;
+    isVisible: boolean;
+}
+export declare const TraceTab: React.FC<TraceTabProps>;
+export {};