@qpqjs/web-admin 0.0.0-stage → 0.2.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogCorrelationTree.js","sourceRoot":"","sources":["../../../src/LogViewer/LogCorrelationTree.tsx"],"names":[],"mappings":"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","sourcesContent":["import { QpqRuntimeType } from '@qpqjs/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.d.ts

@@ -0,0 +1,9 @@
+import { TreeApi } from './hooks';
+interface LogCorrelationsProps {
+    logCorrelation: string;
+    setSelectedLogCorrelation: (logCorrelation: string) => void;
+    isVisible: boolean;
+    treeApi: TreeApi;
+}
+export declare const LogCorrelations: ({ logCorrelation, setSelectedLogCorrelation, isVisible, treeApi }: LogCorrelationsProps) => import("react").JSX.Element;
+export {};

package/lib/commonjs/LogViewer/LogCorrelations.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogCorrelations = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const LogCorrelationTree_1 = require("./LogCorrelationTree");
+const LogCorrelations = ({ logCorrelation, setSelectedLogCorrelation, isVisible, treeApi }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+            width: 1,
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '100%',
+        }, 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

@@ -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 '@qpqjs/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.d.ts

@@ -0,0 +1,8 @@
+import { StoryResult } from '@qpqjs/core';
+interface LogDetailsProps {
+    log: StoryResult<any>;
+    hideFastActions: boolean;
+    orderByDuration: boolean;
+}
+export declare const LogDetails: ({ log, hideFastActions, orderByDuration, }: LogDetailsProps) => import("react").JSX.Element;
+export {};

package/lib/commonjs/LogViewer/LogDetails.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogDetails = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const ActionHistoryItemTimeStamp_1 = require("./ActionHistoryItemTimeStamp");
+const ActionRender_1 = require("./ActionRender");
+const ConsoleLogViewer_1 = __importDefault(require("./ConsoleLogViewer"));
+const logic_1 = require("./logic");
+const LogSummaryDetails_1 = require("./LogSummaryDetails");
+const LogSummaryReturn_1 = require("./LogSummaryReturn");
+const leftTableCell = {
+    width: '200px',
+    paddingRight: '30px',
+    textAlign: 'right',
+    verticalAlign: 'top',
+    whiteSpace: 'break-spaces',
+};
+const rightTableCell = {
+    paddingLeft: '60px',
+    verticalAlign: 'top',
+    whiteSpace: 'break-spaces',
+    maxWidth: 'calc(100% - 200px - 30px - 60px)',
+};
+const LogDetails = ({ log, hideFastActions, orderByDuration, }) => {
+    let history = (0, logic_1.processLog)(log);
+    if (hideFastActions) {
+        history = history.filter((item) => {
+            const duration = new Date(item.finishedAt).getTime() - new Date(item.startedAt).getTime();
+            return duration >= 500;
+        });
+    }
+    if (orderByDuration) {
+        history.sort((a, b) => {
+            const durationA = new Date(a.finishedAt).getTime() - new Date(a.startedAt).getTime();
+            const durationB = new Date(b.finishedAt).getTime() - new Date(b.startedAt).getTime();
+            return durationB - durationA;
+        });
+    }
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"LogDetails.js","sourceRoot":"","sources":["../../../src/LogViewer/LogDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StoryResult } from '@qpqjs/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.d.ts

@@ -0,0 +1,9 @@
+interface LogDialogProps {
+    open: boolean;
+    logCorrelation: string;
+    handleClose: () => void;
+    storyResultMetadatas: any[];
+    setSelectedLogCorrelation: (logCorrelation: string) => void;
+}
+export declare const LogDialog: ({ logCorrelation, open, handleClose, setSelectedLogCorrelation }: LogDialogProps) => import("react").JSX.Element;
+export {};

package/lib/commonjs/LogViewer/LogDialog/LogDialog.js

@@ -0,0 +1,65 @@
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogDialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const web_react_1 = require("@qpqjs/web-react");
+const material_1 = require("@mui/material");
+const logic_1 = require("../../logic");
+const hooks_1 = require("../hooks");
+const hooks_2 = require("./hooks");
+const tabs_1 = require("./tabs");
+function downloadJson(json, filename) {
+    const blob = new Blob([json], { type: 'application/json' });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    link.click();
+    // The URL.revokeObjectURL() method releases an existing object URL
+    URL.revokeObjectURL(url);
+}
+const getTabStyle = (tabIndex, selectedTab) => ({
+    display: selectedTab === tabIndex ? 'block' : 'none',
+    height: '100%',
+});
+const LogDialog = ({ logCorrelation, open, handleClose, setSelectedLogCorrelation }) => {
+    const [logDialogState, logDialogStateApi] = (0, hooks_2.useLogDialogStateManagement)();
+    const asyncLog = (0, hooks_2.useLoadedStoryResult)(logCorrelation);
+    const urlResolvers = (0, web_react_1.useBaseUrlResolvers)();
+    const handleExecute = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (asyncLog.log) {
+            yield (0, logic_1.apiRequestPost)('http://localhost:8080/admin/service/log/execute', asyncLog.log, urlResolvers.getApiUrl());
+        }
+    });
+    const handleTabChange = (event, newValue) => {
+        logDialogStateApi.setSelectedTab(newValue);
+    };
+    const treeApi = (0, hooks_1.useLogTreeData)(logCorrelation, false);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, { "aria-describedby": "scroll-dialog-description", "aria-labelledby": "scroll-dialog-title", fullWidth: true, maxWidth: false, onClose: handleClose, open: open, PaperProps: {
+            style: {
+                width: '90%',
+                height: '90%',
+                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: "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.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`);
+                            }
+                            event.stopPropagation();
+                        }, 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

@@ -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 '@qpqjs/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 { 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.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface MovedToColdStorageProps {
+    guid: string;
+}
+export declare const MovedToColdStorage: React.FC<MovedToColdStorageProps>;
+export {};

package/lib/commonjs/LogViewer/LogDialog/MovedToColdStorage/MovedToColdStorage.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MovedToColdStorage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+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

@@ -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.d.ts

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

package/lib/commonjs/LogViewer/LogDialog/MovedToColdStorage/index.js

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

package/lib/commonjs/LogViewer/LogDialog/MovedToColdStorage/index.js.map

@@ -0,0 +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.d.ts

@@ -0,0 +1,2 @@
+export * from './useLoadedStoryResult';
+export * from './useLogDialogStateManagement';

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

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

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

@@ -0,0 +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.d.ts

@@ -0,0 +1,17 @@
+import { StoryResult } from '@qpqjs/core';
+export type AsyncStoryState = {
+    logCorrelation: string;
+} & ({
+    isLoading: true;
+    isLogInColdStorage: boolean;
+    log?: null;
+} | {
+    isLoading: false;
+    isLogInColdStorage: true;
+    log?: null;
+} | {
+    isLoading: false;
+    isLogInColdStorage: false;
+    log: StoryResult<any>;
+});
+export declare const useLoadedStoryResult: (logCorrelation: string) => AsyncStoryState;

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLoadedStoryResult = void 0;
+const hooks_1 = require("../../../components/LoadingBox/hooks");
+const view_1 = require("../../../view");
+const logic_1 = require("../../logic");
+const useLoadedStoryResult = (logCorrelation) => {
+    const signedRequest = (0, hooks_1.usePlatformDataFromPath)((0, logic_1.getLogUrl)(logCorrelation));
+    const log = (0, hooks_1.useExternalData)(!(signedRequest === null || signedRequest === void 0 ? void 0 : signedRequest.isColdStorage) ? signedRequest === null || signedRequest === void 0 ? void 0 : signedRequest.url : '');
+    const isLoading = (0, view_1.useIsLoading)();
+    const isLogInColdStorage = !!(signedRequest === null || signedRequest === void 0 ? void 0 : signedRequest.isColdStorage);
+    // Determine the correct return type based on the loading and storage status
+    if (isLoading) {
+        return { isLoading: true, isLogInColdStorage, logCorrelation };
+    }
+    else if (isLogInColdStorage) {
+        return { isLoading: false, isLogInColdStorage: true, logCorrelation };
+    }
+    else {
+        // Fix this, it should be a throw error
+        if (!log) {
+            return { isLoading: true, isLogInColdStorage, logCorrelation };
+        }
+        return {
+            isLoading: false,
+            isLogInColdStorage: false,
+            log: log,
+            logCorrelation,
+        };
+    }
+};
+exports.useLoadedStoryResult = useLoadedStoryResult;
+//# sourceMappingURL=useLoadedStoryResult.js.map

package/lib/commonjs/LogViewer/LogDialog/hooks/useLoadedStoryResult.js.map

@@ -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 '@qpqjs/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.d.ts

@@ -0,0 +1,11 @@
+export type LogDialogState = {
+    selectedTab: number;
+    hideFastActions: boolean;
+    orderByDuration: boolean;
+};
+export type LogDialogStateApi = {
+    setSelectedTab: (tabIndex: number) => void;
+    setHideFastActions: (hideFastActions: boolean) => void;
+    setOrderByDuration: (orderByDuration: boolean) => void;
+};
+export declare const useLogDialogStateManagement: () => [LogDialogState, LogDialogStateApi];

package/lib/commonjs/LogViewer/LogDialog/hooks/useLogDialogStateManagement.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogDialogStateManagement = void 0;
+const web_react_1 = require("@qpqjs/web-react");
+const react_1 = require("react");
+const useLogDialogStateManagement = () => {
+    const [logDialogState, setLogDialogState] = (0, react_1.useState)({
+        selectedTab: 0,
+        hideFastActions: false,
+        orderByDuration: false,
+    });
+    const updateLogDialogState = (0, web_react_1.useStateUpdater)(setLogDialogState);
+    return [
+        logDialogState,
+        {
+            setSelectedTab: updateLogDialogState('selectedTab'),
+            setHideFastActions: updateLogDialogState('hideFastActions'),
+            setOrderByDuration: updateLogDialogState('orderByDuration'),
+        },
+    ];
+};
+exports.useLogDialogStateManagement = useLogDialogStateManagement;
+//# sourceMappingURL=useLogDialogStateManagement.js.map

package/lib/commonjs/LogViewer/LogDialog/hooks/useLogDialogStateManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogDialogStateManagement.js","sourceRoot":"","sources":["../../../../../src/LogViewer/LogDialog/hooks/useLogDialogStateManagement.ts"],"names":[],"mappings":";;;AAAA,gDAAmD;AAEnD,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,2BAAe,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 '@qpqjs/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.d.ts

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

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

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

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

@@ -0,0 +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.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AsyncStoryState } from '../../hooks';
+interface HelpTabProps {
+    log: AsyncStoryState;
+}
+export declare const HelpTab: React.FC<HelpTabProps>;
+export {};

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HelpTab = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const adminApp_1 = require("../../../../adminApp");
+const LogChat_1 = require("../../../LogChat");
+const HelpTab = ({ log }) => {
+    const volatile = (0, adminApp_1.useVolatileState)();
+    return (0, jsx_runtime_1.jsx)(LogChat_1.LogChat, { logCorrelation: log.logCorrelation, logServiceName: volatile.logServiceName });
+};
+exports.HelpTab = HelpTab;
+//# sourceMappingURL=HelpTab.js.map

package/lib/commonjs/LogViewer/LogDialog/tabs/HelpTab/HelpTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpTab.js","sourceRoot":"","sources":["../../../../../../src/LogViewer/LogDialog/tabs/HelpTab/HelpTab.tsx"],"names":[],"mappings":";;;;AAEA,mDAAwD;AACxD,8CAA2C;AAOpC,MAAM,OAAO,GAA2B,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACzD,MAAM,QAAQ,GAAG,IAAA,2BAAgB,GAAE,CAAC;IAEpC,OAAO,uBAAC,iBAAO,IAAC,cAAc,EAAE,GAAG,CAAC,cAAc,EAAE,cAAc,EAAE,QAAQ,CAAC,cAAc,GAAI,CAAC;AAClG,CAAC,CAAC;AAJW,QAAA,OAAO,WAIlB","sourcesContent":["import React from 'react';\n\nimport { useVolatileState } from '../../../../adminApp';\nimport { LogChat } from '../../../LogChat';\nimport { AsyncStoryState } from '../../hooks';\n\ninterface HelpTabProps {\n  log: AsyncStoryState;\n}\n\nexport const HelpTab: React.FC<HelpTabProps> = ({ log }) => {\n  const volatile = useVolatileState();\n\n  return <LogChat logCorrelation={log.logCorrelation} logServiceName={volatile.logServiceName} />;\n};\n"]}

package/lib/commonjs/LogViewer/LogDialog/tabs/HelpTab/index.d.ts

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

package/lib/commonjs/LogViewer/LogDialog/tabs/HelpTab/index.js

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

package/lib/commonjs/LogViewer/LogDialog/tabs/HelpTab/index.js.map

@@ -0,0 +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.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AsyncStoryState, LogDialogState, LogDialogStateApi } from '../../hooks';
+interface LogDetailsTabProps {
+    log: AsyncStoryState;
+    logDialogState: LogDialogState;
+    logDialogStateApi: LogDialogStateApi;
+}
+export declare const LogDetailsTab: React.FC<LogDetailsTabProps>;
+export {};

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogDetailsTab = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const LogDetails_1 = require("../../../LogDetails");
+const MovedToColdStorage_1 = require("../../MovedToColdStorage");
+const LogDetailsTab = ({ log, logDialogState: { hideFastActions, orderByDuration }, logDialogStateApi: { setHideFastActions, setOrderByDuration }, }) => {
+    if (log.isLoading) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "Loading..." });
+    }
+    if (log.isLogInColdStorage) {
+        return (0, jsx_runtime_1.jsx)(MovedToColdStorage_1.MovedToColdStorage, { guid: log.logCorrelation });
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            display: 'flex',
+            flexDirection: 'row-reverse',
+        }, 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

@@ -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.d.ts

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

package/lib/commonjs/LogViewer/LogDialog/tabs/LogDetailsTab/index.js

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

package/lib/commonjs/LogViewer/LogDialog/tabs/LogDetailsTab/index.js.map

@@ -0,0 +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.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AsyncStoryState } from '../../hooks';
+interface NotesTabProps {
+    log: AsyncStoryState;
+}
+export declare const NotesTab: React.FC<NotesTabProps>;
+export {};

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotesTab = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LogSummary_1 = require("../../../LogSummary");
+const MovedToColdStorage_1 = require("../../MovedToColdStorage");
+const NotesTab = ({ log }) => {
+    if (log.isLoading) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "Loading..." });
+    }
+    if (log.isLogInColdStorage) {
+        return (0, jsx_runtime_1.jsx)(MovedToColdStorage_1.MovedToColdStorage, { guid: log.logCorrelation });
+    }
+    return (0, jsx_runtime_1.jsx)(LogSummary_1.LogSummary, { log: log.log });
+};
+exports.NotesTab = NotesTab;
+//# sourceMappingURL=NotesTab.js.map