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/commonjs/LogViewer/EventTimeline.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EventTimeline.js","sourceRoot":"","sources":["../../../src/LogViewer/EventTimeline.tsx"],"names":[],"mappings":";;;;AAAA,qDAAwH;AAExH,iCAA2D;AAC3D,4CAAsD;AAWtD,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAW7E,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,mBAAmB,EAAE,wBAAwB,EAAsB,EAAE,EAAE;IAC9I,MAAM,UAAU,GAAG,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;IACjD,MAAM,WAAW,GAAG,wBAAwB,GAAG,KAAK,CAAC;IACrD,MAAM,eAAe,GAAG,CAAC,KAAK,CAAC,eAAe,GAAG,wBAAwB,CAAC,GAAG,KAAK,CAAC;IAEnF,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,GAAG,GAAG,EAAE,aAC1C,gCACE,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG,WAAW,IAAI;oBACzB,MAAM,EAAE,YAAY;oBAEpB,SAAS,EAAE,OAAO;oBAClB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM;iBACnD,GACI,EACP,iCACE,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,WAAW,CAAC,EAC3D,KAAK,EAAE;oBACL,UAAU,EAAE,QAAQ;oBACpB,KAAK,EAAE,GAAG,UAAU,IAAI;oBACxB,MAAM,EAAE,YAAY;oBACpB,eAAe,EAAE,YAAY,CAAC,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC;oBAC1D,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,CAAC;oBACV,YAAY,EAAE,CAAC;oBACf,OAAO,EAAE,cAAc;iBACxB,aAEA,KAAK,CAAC,UAAU,QAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,UAAM,mBAAmB,WAAO,KAAK,CAAC,eAAe,UACrG,EACL,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAsC,EAAE,EAAE;gBAC7D,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gBAC5C,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gBAC5C,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;gBAC3D,MAAM,WAAW,GAAG,wBAAwB,GAAG,QAAQ,CAAC;gBAExD,OAAO,CACL,uBAAC,aAAa,IAEZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GAAG,CAAC,EAChB,mBAAmB,EAAE,QAAQ,EAC7B,KAAK,EAAE,KAAK,EACZ,yBAAyB,EAAE,yBAAyB,EACpD,wBAAwB,EAAE,WAAW,IANhC,KAAK,CAAC,WAAW,CAOtB,CACH,CAAC;YACJ,CAAC,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,aAAa,GAAiC,CAAC,EAAE,cAAc,EAAE,yBAAyB,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/H,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,CAAC,CAAC;IACpD,MAAM,CAAC,aAAa,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAM,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAEtE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAwB,IAAI,CAAC,CAAC;IAE5E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;YACjC,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;gBAC1B,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,qCAAqC;gBAC7D,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;gBAC9C,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC;YAClE,CAAC;QACH,CAAC,CAAC;QAEF,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;YACnD,cAAc,CAAC,WAAW,CAAC,CAAC;QAC9B,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,WAAW,EAAE,CAAC;gBAChB,WAAW,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;YACxD,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;QACtB,OAAO,CACL,uBAAC,cAAG,IACF,EAAE,EAAE;gBACF,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;aACd,YAED,uBAAC,2BAAgB,IAAC,IAAI,EAAE,GAAG,GAAI,GAC3B,CACP,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,wBAAwB,EAAE,CAAC;QACtC,OAAO,oDAAgB,CAAC;IAC1B,CAAC;IAED,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,IAAA,+BAAa,EAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;IAChG,MAAM,kBAAkB,GAAG,IAAA,uCAAqB,EAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;IAEnF,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;IAEzD,MAAM,KAAK,GAAG,IAAI,GAAG,QAAQ,GAAG,WAAW,CAAC;IAE5C,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aACjE,iCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,aACxB,wCAAI,IAAA,gCAAc,EAAC,kBAAkB,CAAC,GAAK,EAC3C,8DAAwB,EACxB,wCAAI,IAAA,gCAAc,EAAC,QAAQ,CAAC,GAAK,IAC7B,EACN,gCAAK,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,YACpG,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC,IAAI,CACtC,uBAAC,aAAa,IACZ,KAAK,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAC1C,KAAK,EAAE,CAAC,EACR,mBAAmB,EAAE,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,yBAAyB,EAAE,yBAAyB,EACpD,wBAAwB,EAAE,CAAC,GAC3B,CACH,GACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AA7EW,QAAA,aAAa,iBA6ExB","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/commonjs/LogViewer/HelpChat/HelpChat.js CHANGED Viewed

@@ -1,13 +1,4 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -19,56 +10,29 @@ const react_1 = require("react");
 const react_markdown_1 = __importDefault(require("react-markdown"));
 const icons_material_1 = require("@mui/icons-material");
 const material_1 = require("@mui/material");
-const logic_1 = require("../../logic");
+const adminApp_1 = require("../../adminApp");
 const HelpChat = ({ logCorrelation }) => {
-    const [chatMessages, setChatMessages] = (0, react_1.useState)([]);
+    var _a;
     const [inputMessage, setInputMessage] = (0, react_1.useState)('');
-    const [pendingRequests, setPendingRequests] = (0, react_1.useState)(0);
-    const [nextPageKey, setNextPageKey] = (0, react_1.useState)(undefined);
     const chatContainerRef = (0, react_1.useRef)(null);
-    const accessToken = (0, quidproquo_web_react_1.useAuthAccessToken)();
-    const baseUrlResolvers = (0, quidproquo_web_react_1.useBaseUrlResolvers)();
+    const [api] = (0, adminApp_1.useAdminApp)();
+    const volatile = (0, adminApp_1.useVolatileState)();
+    const chat = volatile.chatByCorrelation[logCorrelation];
+    const chatMessages = (0, react_1.useMemo)(() => { var _a; return (_a = chat === null || chat === void 0 ? void 0 : chat.messages) !== null && _a !== void 0 ? _a : []; }, [chat === null || chat === void 0 ? void 0 : chat.messages]);
+    const pendingRequests = (_a = chat === null || chat === void 0 ? void 0 : chat.pendingReplies) !== null && _a !== void 0 ? _a : 0;
     // Stable identity so the mount-only effect below can list it as a dependency.
-    const fetchChatMessages = (0, quidproquo_web_react_1.useEffectCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
-        const listLogChatMessages = {
-            correlationId: logCorrelation,
-            nextPageKey: nextPageKey,
-        };
-        try {
-            const response = yield (0, logic_1.apiRequestPost)('/log/chat', listLogChatMessages, baseUrlResolvers.getApiUrl(), accessToken);
-            setChatMessages((prevMessages) => [...prevMessages, ...response.items]);
-            setNextPageKey(response.nextPageKey);
-        }
-        finally {
-            // Do nothing
-        }
-    }));
+    const fetchChatMessages = (0, quidproquo_web_react_1.useEffectCallback)(() => {
+        api.loadChatMessages(logCorrelation);
+    });
     (0, react_1.useEffect)(() => {
         fetchChatMessages();
     }, [fetchChatMessages]);
-    const handleSendMessage = () => __awaiter(void 0, void 0, void 0, function* () {
+    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 = yield (0, logic_1.apiRequestPost)('/log/chat/message', sendLogChatMessage, baseUrlResolvers.getApiUrl(), accessToken);
-                setChatMessages((prevMessages) => [...prevMessages, response]);
-            }
-            finally {
-                setPendingRequests((prevCount) => prevCount - 1);
-            }
         }
-    });
+    };
     const handleKeyPress = (event) => {
         if (event.key === 'Enter') {
             event.preventDefault();
@@ -108,3 +72,4 @@ const HelpChat = ({ logCorrelation }) => {
                             }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', alignItems: 'center', mb: 1 }, children: [(0, jsx_runtime_1.jsx)(material_1.Avatar, { sx: { mr: 1, bgcolor: 'grey.500' }, children: (0, jsx_runtime_1.jsx)(icons_material_1.Android, {}) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle2", children: "AI Assistant" })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20, sx: { mr: 1 } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: "Thinking..." })] })] }) }))] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { p: 2, borderTop: '1px solid #ccc' }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex' }, children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, onChange: (e) => setInputMessage(e.target.value), onKeyDown: handleKeyPress, placeholder: "Type your message...", sx: { mr: 2 }, value: inputMessage, variant: "outlined" }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleSendMessage, variant: "contained", children: "Send" })] }) })] }));
 };
 exports.HelpChat = HelpChat;
+//# sourceMappingURL=HelpChat.js.map

package/lib/commonjs/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/commonjs/LogViewer/HelpChat/index.js CHANGED Viewed

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./HelpChat"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

package/lib/commonjs/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/commonjs/LogViewer/LogCorrelations.js CHANGED Viewed

@@ -15,3 +15,4 @@ const LogCorrelations = ({ logCorrelation, setSelectedLogCorrelation, isVisible,
         }, children: (0, jsx_runtime_1.jsx)(LogCorrelationTree_1.LogCorrelationTree, { correlationId: logCorrelation, highlightCorrelationId: logCorrelation, isVisible: isVisible, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }) }));
 };
 exports.LogCorrelations = LogCorrelations;
+//# sourceMappingURL=LogCorrelations.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"LogCorrelations.js","sourceRoot":"","sources":["../../../src/LogViewer/LogCorrelations.tsx"],"names":[],"mappings":";;;;AAEA,4CAAoC;AAGpC,6DAA0D;AASnD,MAAM,eAAe,GAAG,CAAC,EAAE,cAAc,EAAE,yBAAyB,EAAE,SAAS,EAAE,OAAO,EAAwB,EAAE,EAAE;IACzH,OAAO,CACL,uBAAC,cAAG,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,uBAAC,uCAAkB,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;AArBW,QAAA,eAAe,mBAqB1B","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/commonjs/LogViewer/LogDetails.js CHANGED Viewed

@@ -43,3 +43,4 @@ const LogDetails = ({ log, hideFastActions, orderByDuration, }) => {
     return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: 1 }, children: (0, jsx_runtime_1.jsx)(material_1.Table, { sx: { tableLayout: 'fixed' }, children: (0, jsx_runtime_1.jsxs)(material_1.TableBody, { children: [(0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { sx: leftTableCell, children: (0, jsx_runtime_1.jsx)(ActionHistoryItemTimeStamp_1.ActionHistoryItemTimeStamp, { finishedAt: log.startedAt, startedAt: log.startedAt }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { sx: rightTableCell, children: (0, jsx_runtime_1.jsx)(LogSummaryDetails_1.LogSummaryDetails, { log: log }) })] }), history.map((historyItem, index) => ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { sx: leftTableCell, children: (0, jsx_runtime_1.jsx)(ActionHistoryItemTimeStamp_1.ActionHistoryItemTimeStamp, { finishedAt: historyItem.finishedAt, startedAt: historyItem.startedAt }) }), (0, jsx_runtime_1.jsxs)(material_1.TableCell, { sx: rightTableCell, children: [historyItem.act && (0, jsx_runtime_1.jsx)(ActionRender_1.AnyActionHistoryItem, { action: historyItem.act, result: historyItem.res }), !historyItem.act && (0, jsx_runtime_1.jsx)("div", { children: "No Action" })] })] }, `${index}`))), (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { sx: leftTableCell, children: (0, jsx_runtime_1.jsx)(ActionHistoryItemTimeStamp_1.ActionHistoryItemTimeStamp, { finishedAt: log.finishedAt, startedAt: log.finishedAt }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { sx: rightTableCell, children: (0, jsx_runtime_1.jsx)(LogSummaryReturn_1.LogSummaryReturn, { log: log }) })] }), (log === null || log === void 0 ? void 0 : log.logs) && ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsxs)(material_1.TableCell, { colSpan: 2, style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { paddingBottom: '10px' }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { component: "span", variant: "h6", children: "Caught console.log events" }) }), (0, jsx_runtime_1.jsx)(ConsoleLogViewer_1.default, { logs: log === null || log === void 0 ? void 0 : log.logs })] }) }))] }) }) }));
 };
 exports.LogDetails = LogDetails;
+//# sourceMappingURL=LogDetails.js.map

package/lib/commonjs/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/commonjs/LogViewer/LogDialog/LogDialog.js CHANGED Viewed

@@ -51,10 +51,10 @@ const LogDialog = ({ logCorrelation, open, handleClose, setSelectedLogCorrelatio
                 maxHeight: '90%',
                 maxWidth: '90%',
             },
-        }, scroll: 'paper', children: [(0, jsx_runtime_1.jsxs)(material_1.DialogTitle, { id: "scroll-dialog-title", children: ["Log Details - ", logCorrelation] }), (0, jsx_runtime_1.jsx)(material_1.AppBar, { color: "primary", position: "sticky", children: (0, jsx_runtime_1.jsxs)(material_1.Tabs, { indicatorColor: "secondary", onChange: handleTabChange, textColor: "inherit", value: logDialogState.selectedTab, children: [(0, jsx_runtime_1.jsx)(material_1.Tab, { label: "Log Details" }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: "Tree" }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: "Timeline" }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: "Notes" }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: "Raw JSON" }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: "Help" })] }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogContent, { dividers: true, sx: {
+        }, scroll: 'paper', children: [(0, jsx_runtime_1.jsxs)(material_1.DialogTitle, { id: "scroll-dialog-title", children: ["Log Details - ", logCorrelation] }), (0, jsx_runtime_1.jsx)(material_1.AppBar, { color: "primary", position: "sticky", children: (0, jsx_runtime_1.jsxs)(material_1.Tabs, { indicatorColor: "secondary", onChange: handleTabChange, textColor: "inherit", value: logDialogState.selectedTab, children: [(0, jsx_runtime_1.jsx)(material_1.Tab, { label: "Log Details" }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: "Tree" }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: "Timeline" }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: "Notes" }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: "Raw JSON" }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: "Trace" }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: "Help" })] }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogContent, { dividers: true, sx: {
                     minHeight: '150px',
                     overflowY: 'scroll',
-                }, children: [asyncLog.isLoading && (0, jsx_runtime_1.jsx)(material_1.LinearProgress, {}), (0, jsx_runtime_1.jsx)("div", { style: getTabStyle(logDialogState.selectedTab, 0), children: (0, jsx_runtime_1.jsx)(tabs_1.LogDetailsTab, { log: asyncLog, logDialogState: logDialogState, logDialogStateApi: logDialogStateApi }) }), (0, jsx_runtime_1.jsx)("div", { style: getTabStyle(logDialogState.selectedTab, 1), children: (0, jsx_runtime_1.jsx)(tabs_1.TreeTab, { isVisible: logDialogState.selectedTab === 1, log: asyncLog, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }) }), (0, jsx_runtime_1.jsx)("div", { style: getTabStyle(logDialogState.selectedTab, 2), children: (0, jsx_runtime_1.jsx)(tabs_1.TimelineTab, { isVisible: logDialogState.selectedTab === 2, log: asyncLog, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }) }), (0, jsx_runtime_1.jsx)("div", { style: getTabStyle(logDialogState.selectedTab, 3), children: (0, jsx_runtime_1.jsx)(tabs_1.NotesTab, { log: asyncLog }) }), (0, jsx_runtime_1.jsx)("div", { style: getTabStyle(logDialogState.selectedTab, 4), children: (0, jsx_runtime_1.jsx)(tabs_1.RawTab, { log: asyncLog }) }), (0, jsx_runtime_1.jsx)("div", { style: getTabStyle(logDialogState.selectedTab, 5), children: (0, jsx_runtime_1.jsx)(tabs_1.HelpTab, { log: asyncLog }) })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { disabled: asyncLog.isLoading, onClick: (event) => treeApi.refreshTreeData(), style: getTabStyle(logDialogState.selectedTab, 1), children: "Refresh Tree" }), (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: asyncLog.isLoading, onClick: (event) => treeApi.refreshTreeData(), style: getTabStyle(logDialogState.selectedTab, 2), children: "Refresh Timeline" }), (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: asyncLog.isLoading, onClick: (event) => {
+                }, children: [asyncLog.isLoading && (0, jsx_runtime_1.jsx)(material_1.LinearProgress, {}), (0, jsx_runtime_1.jsx)("div", { style: getTabStyle(logDialogState.selectedTab, 0), children: (0, jsx_runtime_1.jsx)(tabs_1.LogDetailsTab, { log: asyncLog, logDialogState: logDialogState, logDialogStateApi: logDialogStateApi }) }), (0, jsx_runtime_1.jsx)("div", { style: getTabStyle(logDialogState.selectedTab, 1), children: (0, jsx_runtime_1.jsx)(tabs_1.TreeTab, { isVisible: logDialogState.selectedTab === 1, log: asyncLog, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }) }), (0, jsx_runtime_1.jsx)("div", { style: getTabStyle(logDialogState.selectedTab, 2), children: (0, jsx_runtime_1.jsx)(tabs_1.TimelineTab, { isVisible: logDialogState.selectedTab === 2, log: asyncLog, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }) }), (0, jsx_runtime_1.jsx)("div", { style: getTabStyle(logDialogState.selectedTab, 3), children: (0, jsx_runtime_1.jsx)(tabs_1.NotesTab, { log: asyncLog }) }), (0, jsx_runtime_1.jsx)("div", { style: getTabStyle(logDialogState.selectedTab, 4), children: (0, jsx_runtime_1.jsx)(tabs_1.RawTab, { log: asyncLog }) }), (0, jsx_runtime_1.jsx)("div", { style: getTabStyle(logDialogState.selectedTab, 5), children: (0, jsx_runtime_1.jsx)(tabs_1.TraceTab, { isVisible: logDialogState.selectedTab === 5, log: asyncLog }, logCorrelation) }), (0, jsx_runtime_1.jsx)("div", { style: getTabStyle(logDialogState.selectedTab, 6), children: (0, jsx_runtime_1.jsx)(tabs_1.HelpTab, { log: asyncLog }) })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { disabled: asyncLog.isLoading, onClick: (event) => treeApi.refreshTreeData(), style: getTabStyle(logDialogState.selectedTab, 1), children: "Refresh Tree" }), (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: asyncLog.isLoading, onClick: (event) => treeApi.refreshTreeData(), style: getTabStyle(logDialogState.selectedTab, 2), children: "Refresh Timeline" }), (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: asyncLog.isLoading, onClick: (event) => {
                             if (asyncLog.log) {
                                 downloadJson(JSON.stringify(asyncLog.log, null, 2), `${asyncLog.log.correlation}.json`);
                             }
@@ -62,3 +62,4 @@ const LogDialog = ({ logCorrelation, open, handleClose, setSelectedLogCorrelatio
                         }, children: "Download" }), asyncLog.log && ((0, jsx_runtime_1.jsx)(material_1.Button, { disabled: asyncLog.isLoading, onClick: handleExecute, children: "Execute" })), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleClose, children: "Close" })] })] }));
 };
 exports.LogDialog = LogDialog;
+//# sourceMappingURL=LogDialog.js.map

package/lib/commonjs/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/commonjs/LogViewer/LogDialog/MovedToColdStorage/MovedToColdStorage.js CHANGED Viewed

@@ -7,3 +7,4 @@ const MovedToColdStorage = ({ guid }) => {
     return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 3, sx: { padding: 2, borderRadius: 2 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { color: "textSecondary", variant: "body1", children: ["The log you are requesting has been moved to ", (0, jsx_runtime_1.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."] }), (0, jsx_runtime_1.jsx)(material_1.Box, { mt: 1, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "primary", fontWeight: "bold", variant: "subtitle1", children: guid }) })] }));
 };
 exports.MovedToColdStorage = MovedToColdStorage;
+//# sourceMappingURL=MovedToColdStorage.js.map

package/lib/commonjs/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,4CAAuD;AAMhD,MAAM,kBAAkB,GAAsC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,wBAAC,gBAAK,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,aACtD,wBAAC,qBAAU,IAAC,KAAK,EAAC,eAAe,EAAC,OAAO,EAAC,OAAO,8DACF,yDAAmB,iIAErD,EACb,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,YACR,uBAAC,qBAAU,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,YAC9D,IAAI,GACM,GACT,IACA,CACT,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,kBAAkB,sBAc7B","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/commonjs/LogViewer/LogDialog/MovedToColdStorage/index.js CHANGED Viewed

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./MovedToColdStorage"), exports);
+//# sourceMappingURL=index.js.map

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

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

@@ -16,3 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useLoadedStoryResult"), exports);
 __exportStar(require("./useLogDialogStateManagement"), exports);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/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,yDAAuC;AACvC,gEAA8C","sourcesContent":["export * from './useLoadedStoryResult';\nexport * from './useLogDialogStateManagement';\n"]}

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

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

package/lib/commonjs/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,gEAAgG;AAChG,wCAA6C;AAC7C,uCAAwC;AAoBjC,MAAM,oBAAoB,GAAG,CAAC,cAAsB,EAAmB,EAAE;IAC9E,MAAM,aAAa,GAAG,IAAA,+BAAuB,EAA0C,IAAA,iBAAS,EAAC,cAAc,CAAC,CAAC,CAAC;IAClH,MAAM,GAAG,GAAG,IAAA,uBAAe,EAAmB,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,CAAA,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACvG,MAAM,SAAS,GAAG,IAAA,mBAAY,GAAE,CAAC;IACjC,MAAM,kBAAkB,GAAG,CAAC,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,CAAA,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;AAxBW,QAAA,oBAAoB,wBAwB/B","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/commonjs/LogViewer/LogDialog/hooks/useLogDialogStateManagement.js CHANGED Viewed

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

package/lib/commonjs/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,+DAAuD;AAEvD,iCAAiC;AAc1B,MAAM,2BAA2B,GAAG,GAAwC,EAAE;IACnF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAiB;QACnE,WAAW,EAAE,CAAC;QACd,eAAe,EAAE,KAAK;QACtB,eAAe,EAAE,KAAK;KACvB,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,IAAA,sCAAe,EAAC,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;AAjBW,QAAA,2BAA2B,+BAiBtC","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/commonjs/LogViewer/LogDialog/index.js CHANGED Viewed

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./LogDialog"), exports);
+//# sourceMappingURL=index.js.map

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

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

@@ -7,3 +7,4 @@ const HelpTab = ({ log }) => {
     return (0, jsx_runtime_1.jsx)(HelpChat_1.HelpChat, { logCorrelation: log.logCorrelation });
 };
 exports.HelpTab = HelpTab;
+//# sourceMappingURL=HelpTab.js.map

package/lib/commonjs/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,gDAA6C;AAOtC,MAAM,OAAO,GAA2B,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACzD,OAAO,uBAAC,mBAAQ,IAAC,cAAc,EAAE,GAAG,CAAC,cAAc,GAAI,CAAC;AAC1D,CAAC,CAAC;AAFW,QAAA,OAAO,WAElB","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/commonjs/LogViewer/LogDialog/tabs/HelpTab/index.js CHANGED Viewed

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./HelpTab"), exports);
+//# sourceMappingURL=index.js.map

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

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

@@ -18,3 +18,4 @@ const LogDetailsTab = ({ log, logDialogState: { hideFastActions, orderByDuration
         }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: hideFastActions, onChange: (event) => setHideFastActions(event.target.checked) }), label: "Hide Fast Actions" }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: orderByDuration, onChange: (event) => setOrderByDuration(event.target.checked) }), label: "Order by Duration" })] }), (0, jsx_runtime_1.jsx)(LogDetails_1.LogDetails, { hideFastActions: hideFastActions, log: log.log, orderByDuration: orderByDuration })] }));
 };
 exports.LogDetailsTab = LogDetailsTab;
+//# sourceMappingURL=LogDetailsTab.js.map

package/lib/commonjs/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,4CAA2D;AAE3D,oDAAiD;AAEjD,iEAA8D;AASvD,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,yDAAqB,CAAC;IAC/B,CAAC;IAED,IAAI,GAAG,CAAC,kBAAkB,EAAE,CAAC;QAC3B,OAAO,uBAAC,uCAAkB,IAAC,IAAI,EAAE,GAAG,CAAC,cAAc,GAAI,CAAC;IAC1D,CAAC;IAED,OAAO,CACL,iCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,aAAa;SAC7B,aAED,4CACE,uBAAC,2BAAgB,IACf,OAAO,EAAE,uBAAC,mBAAQ,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,uBAAC,2BAAgB,IACf,OAAO,EAAE,uBAAC,mBAAQ,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,uBAAC,uBAAU,IAAC,eAAe,EAAE,eAAe,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,eAAe,EAAE,eAAe,GAAI,IAC5F,CACP,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,aAAa,iBAiCxB","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/commonjs/LogViewer/LogDialog/tabs/LogDetailsTab/index.js CHANGED Viewed

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./LogDetailsTab"), exports);
+//# sourceMappingURL=index.js.map

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

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

@@ -14,3 +14,4 @@ const NotesTab = ({ log }) => {
     return (0, jsx_runtime_1.jsx)(LogSummary_1.LogSummary, { log: log.log });
 };
 exports.NotesTab = NotesTab;
+//# sourceMappingURL=NotesTab.js.map

package/lib/commonjs/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,oDAAiD;AAEjD,iEAA8D;AAMvD,MAAM,QAAQ,GAA4B,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IAC3D,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;QAClB,OAAO,yDAAqB,CAAC;IAC/B,CAAC;IAED,IAAI,GAAG,CAAC,kBAAkB,EAAE,CAAC;QAC3B,OAAO,uBAAC,uCAAkB,IAAC,IAAI,EAAE,GAAG,CAAC,cAAc,GAAI,CAAC;IAC1D,CAAC;IAED,OAAO,uBAAC,uBAAU,IAAC,GAAG,EAAE,GAAG,CAAC,GAAG,GAAI,CAAC;AACtC,CAAC,CAAC;AAVW,QAAA,QAAQ,YAUnB","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/commonjs/LogViewer/LogDialog/tabs/NotesTab/index.js CHANGED Viewed

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./NotesTab"), exports);
+//# sourceMappingURL=index.js.map

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

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

@@ -14,3 +14,4 @@ const RawTab = ({ log }) => {
     return (0, jsx_runtime_1.jsx)(LogRawJson_1.LogRawJson, { log: log.log });
 };
 exports.RawTab = RawTab;
+//# sourceMappingURL=RawTab.js.map

package/lib/commonjs/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,oDAAiD;AAEjD,iEAA8D;AAMvD,MAAM,MAAM,GAA0B,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACvD,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;QAClB,OAAO,yDAAqB,CAAC;IAC/B,CAAC;IAED,IAAI,GAAG,CAAC,kBAAkB,EAAE,CAAC;QAC3B,OAAO,uBAAC,uCAAkB,IAAC,IAAI,EAAE,GAAG,CAAC,cAAc,GAAI,CAAC;IAC1D,CAAC;IAED,OAAO,uBAAC,uBAAU,IAAC,GAAG,EAAE,GAAG,CAAC,GAAG,GAAI,CAAC;AACtC,CAAC,CAAC;AAVW,QAAA,MAAM,UAUjB","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/commonjs/LogViewer/LogDialog/tabs/RawTab/index.js CHANGED Viewed

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./RawTab"), exports);
+//# sourceMappingURL=index.js.map

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

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

@@ -10,3 +10,4 @@ const TimelineTab = ({ log, isVisible, setSelectedLogCorrelation, treeApi, }) =>
     return ((0, jsx_runtime_1.jsx)(EventTimeline_1.EventTimeline, { isVisible: isVisible, logCorrelation: log.logCorrelation, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }));
 };
 exports.TimelineTab = TimelineTab;
+//# sourceMappingURL=TimelineTab.js.map

package/lib/commonjs/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,0DAAuD;AAahD,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,yDAAqB,CAAC;IAC/B,CAAC;IAED,OAAO,CACL,uBAAC,6BAAa,IACZ,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,GAAG,CAAC,cAAc,EAClC,yBAAyB,EAAE,yBAAyB,EACpD,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,WAAW,eAoBtB","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/commonjs/LogViewer/LogDialog/tabs/TimelineTab/index.js CHANGED Viewed

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./TimelineTab"), exports);
+//# sourceMappingURL=index.js.map

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

package/lib/commonjs/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 {};