@qpqjs/web-admin 0.0.0-stage → 0.2.1

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

@@ -0,0 +1,52 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useBaseUrlResolvers } from '@qpqjs/web-react';
+import { AppBar, Button, Dialog, DialogActions, DialogContent, DialogTitle, LinearProgress, Tab, Tabs } from '@mui/material';
+import { apiRequestPost } from '../../logic';
+import { useLogTreeData } from '../hooks';
+import { useLoadedStoryResult, useLogDialogStateManagement } from './hooks';
+import { HelpTab, LogDetailsTab, NotesTab, RawTab, TimelineTab, TraceTab, TreeTab } from './tabs';
+function downloadJson(json, filename) {
+    const blob = new Blob([json], { type: 'application/json' });
+    const url = URL.createObjectURL(blob);
+    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%',
+});
+export const LogDialog = ({ logCorrelation, open, handleClose, setSelectedLogCorrelation }) => {
+    const [logDialogState, logDialogStateApi] = useLogDialogStateManagement();
+    const asyncLog = useLoadedStoryResult(logCorrelation);
+    const urlResolvers = useBaseUrlResolvers();
+    const handleExecute = async () => {
+        if (asyncLog.log) {
+            await apiRequestPost('http://localhost:8080/admin/service/log/execute', asyncLog.log, urlResolvers.getApiUrl());
+        }
+    };
+    const handleTabChange = (event, newValue) => {
+        logDialogStateApi.setSelectedTab(newValue);
+    };
+    const treeApi = useLogTreeData(logCorrelation, false);
+    return (_jsxs(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: [_jsxs(DialogTitle, { id: "scroll-dialog-title", children: ["Log Details - ", logCorrelation] }), _jsx(AppBar, { color: "primary", position: "sticky", children: _jsxs(Tabs, { indicatorColor: "secondary", onChange: handleTabChange, textColor: "inherit", value: logDialogState.selectedTab, children: [_jsx(Tab, { label: "Log Details" }), _jsx(Tab, { label: "Tree" }), _jsx(Tab, { label: "Timeline" }), _jsx(Tab, { label: "Notes" }), _jsx(Tab, { label: "Raw JSON" }), _jsx(Tab, { label: "Trace" }), _jsx(Tab, { label: "Help" })] }) }), _jsxs(DialogContent, { dividers: true, sx: {
+                    minHeight: '150px',
+                    overflowY: 'scroll',
+                }, children: [asyncLog.isLoading && _jsx(LinearProgress, {}), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 0), children: _jsx(LogDetailsTab, { log: asyncLog, logDialogState: logDialogState, logDialogStateApi: logDialogStateApi }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 1), children: _jsx(TreeTab, { isVisible: logDialogState.selectedTab === 1, log: asyncLog, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 2), children: _jsx(TimelineTab, { isVisible: logDialogState.selectedTab === 2, log: asyncLog, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 3), children: _jsx(NotesTab, { log: asyncLog }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 4), children: _jsx(RawTab, { log: asyncLog }) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 5), children: _jsx(TraceTab, { isVisible: logDialogState.selectedTab === 5, log: asyncLog }, logCorrelation) }), _jsx("div", { style: getTabStyle(logDialogState.selectedTab, 6), children: _jsx(HelpTab, { log: asyncLog }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { disabled: asyncLog.isLoading, onClick: (event) => treeApi.refreshTreeData(), style: getTabStyle(logDialogState.selectedTab, 1), children: "Refresh Tree" }), _jsx(Button, { disabled: asyncLog.isLoading, onClick: (event) => treeApi.refreshTreeData(), style: getTabStyle(logDialogState.selectedTab, 2), children: "Refresh Timeline" }), _jsx(Button, { disabled: asyncLog.isLoading, onClick: (event) => {
+                            if (asyncLog.log) {
+                                downloadJson(JSON.stringify(asyncLog.log, null, 2), `${asyncLog.log.correlation}.json`);
+                            }
+                            event.stopPropagation();
+                        }, children: "Download" }), asyncLog.log && (_jsx(Button, { disabled: asyncLog.isLoading, onClick: handleExecute, children: "Execute" })), _jsx(Button, { onClick: handleClose, children: "Close" })] })] }));
+};
+//# sourceMappingURL=LogDialog.js.map

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

@@ -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/esm/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/esm/LogViewer/LogDialog/MovedToColdStorage/MovedToColdStorage.js

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

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

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

package/lib/esm/LogViewer/LogDialog/MovedToColdStorage/index.d.ts

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

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

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

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

package/lib/esm/LogViewer/LogDialog/hooks/index.d.ts

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

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

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

package/lib/esm/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,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC","sourcesContent":["export * from './useLoadedStoryResult';\nexport * from './useLogDialogStateManagement';\n"]}

package/lib/esm/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/esm/LogViewer/LogDialog/hooks/useLoadedStoryResult.js

@@ -0,0 +1,29 @@
+import { useExternalData, usePlatformDataFromPath } from '../../../components/LoadingBox/hooks';
+import { useIsLoading } from '../../../view';
+import { getLogUrl } from '../../logic';
+export const useLoadedStoryResult = (logCorrelation) => {
+    const signedRequest = usePlatformDataFromPath(getLogUrl(logCorrelation));
+    const log = useExternalData(!signedRequest?.isColdStorage ? signedRequest?.url : '');
+    const isLoading = useIsLoading();
+    const isLogInColdStorage = !!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,
+        };
+    }
+};
+//# sourceMappingURL=useLoadedStoryResult.js.map

package/lib/esm/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,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAChG,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAoBxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,cAAsB,EAAmB,EAAE;IAC9E,MAAM,aAAa,GAAG,uBAAuB,CAA0C,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC;IAClH,MAAM,GAAG,GAAG,eAAe,CAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACvG,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,kBAAkB,GAAG,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC;IAE1D,4EAA4E;IAC5E,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC;IACjE,CAAC;SAAM,IAAI,kBAAkB,EAAE,CAAC;QAC9B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;IACxE,CAAC;SAAM,CAAC;QACN,uCAAuC;QACvC,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC;QACjE,CAAC;QAED,OAAO;YACL,SAAS,EAAE,KAAK;YAChB,kBAAkB,EAAE,KAAK;YACzB,GAAG,EAAE,GAAuB;YAC5B,cAAc;SACf,CAAC;IACJ,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { StoryResult } from '@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/esm/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/esm/LogViewer/LogDialog/hooks/useLogDialogStateManagement.js

@@ -0,0 +1,19 @@
+import { useStateUpdater } from '@qpqjs/web-react';
+import { useState } from 'react';
+export const useLogDialogStateManagement = () => {
+    const [logDialogState, setLogDialogState] = useState({
+        selectedTab: 0,
+        hideFastActions: false,
+        orderByDuration: false,
+    });
+    const updateLogDialogState = useStateUpdater(setLogDialogState);
+    return [
+        logDialogState,
+        {
+            setSelectedTab: updateLogDialogState('selectedTab'),
+            setHideFastActions: updateLogDialogState('hideFastActions'),
+            setOrderByDuration: updateLogDialogState('orderByDuration'),
+        },
+    ];
+};
+//# sourceMappingURL=useLogDialogStateManagement.js.map

package/lib/esm/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,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAcjC,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAwC,EAAE;IACnF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB;QACnE,WAAW,EAAE,CAAC;QACd,eAAe,EAAE,KAAK;QACtB,eAAe,EAAE,KAAK;KACvB,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;IAEhE,OAAO;QACL,cAAc;QACd;YACE,cAAc,EAAE,oBAAoB,CAAC,aAAa,CAAC;YACnD,kBAAkB,EAAE,oBAAoB,CAAC,iBAAiB,CAAC;YAC3D,kBAAkB,EAAE,oBAAoB,CAAC,iBAAiB,CAAC;SAC5D;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useStateUpdater } from '@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/esm/LogViewer/LogDialog/index.d.ts

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

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

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

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

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

package/lib/esm/LogViewer/LogDialog/tabs/HelpTab/HelpTab.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/esm/LogViewer/LogDialog/tabs/HelpTab/HelpTab.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useVolatileState } from '../../../../adminApp';
+import { LogChat } from '../../../LogChat';
+export const HelpTab = ({ log }) => {
+    const volatile = useVolatileState();
+    return _jsx(LogChat, { logCorrelation: log.logCorrelation, logServiceName: volatile.logServiceName });
+};
+//# sourceMappingURL=HelpTab.js.map

package/lib/esm/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,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAO3C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACzD,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IAEpC,OAAO,KAAC,OAAO,IAAC,cAAc,EAAE,GAAG,CAAC,cAAc,EAAE,cAAc,EAAE,QAAQ,CAAC,cAAc,GAAI,CAAC;AAClG,CAAC,CAAC","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/esm/LogViewer/LogDialog/tabs/HelpTab/index.d.ts

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

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

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

package/lib/esm/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,cAAc,WAAW,CAAC","sourcesContent":["export * from './HelpTab';\n"]}

package/lib/esm/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/esm/LogViewer/LogDialog/tabs/LogDetailsTab/LogDetailsTab.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox, FormControlLabel } from '@mui/material';
+import { LogDetails } from '../../../LogDetails';
+import { MovedToColdStorage } from '../../MovedToColdStorage';
+export const LogDetailsTab = ({ log, logDialogState: { hideFastActions, orderByDuration }, logDialogStateApi: { setHideFastActions, setOrderByDuration }, }) => {
+    if (log.isLoading) {
+        return _jsx("div", { children: "Loading..." });
+    }
+    if (log.isLogInColdStorage) {
+        return _jsx(MovedToColdStorage, { guid: log.logCorrelation });
+    }
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            flexDirection: 'row-reverse',
+        }, children: [_jsxs("div", { children: [_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: hideFastActions, onChange: (event) => setHideFastActions(event.target.checked) }), label: "Hide Fast Actions" }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: orderByDuration, onChange: (event) => setOrderByDuration(event.target.checked) }), label: "Order by Duration" })] }), _jsx(LogDetails, { hideFastActions: hideFastActions, log: log.log, orderByDuration: orderByDuration })] }));
+};
+//# sourceMappingURL=LogDetailsTab.js.map

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

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

package/lib/esm/LogViewer/LogDialog/tabs/LogDetailsTab/index.d.ts

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

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

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

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

package/lib/esm/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/esm/LogViewer/LogDialog/tabs/NotesTab/NotesTab.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LogSummary } from '../../../LogSummary';
+import { MovedToColdStorage } from '../../MovedToColdStorage';
+export const NotesTab = ({ log }) => {
+    if (log.isLoading) {
+        return _jsx("div", { children: "Loading..." });
+    }
+    if (log.isLogInColdStorage) {
+        return _jsx(MovedToColdStorage, { guid: log.logCorrelation });
+    }
+    return _jsx(LogSummary, { log: log.log });
+};
+//# sourceMappingURL=NotesTab.js.map

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

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

package/lib/esm/LogViewer/LogDialog/tabs/NotesTab/index.d.ts

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

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

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

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

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

package/lib/esm/LogViewer/LogDialog/tabs/RawTab/RawTab.d.ts

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

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LogRawJson } from '../../../LogRawJson';
+import { MovedToColdStorage } from '../../MovedToColdStorage';
+export const RawTab = ({ log }) => {
+    if (log.isLoading) {
+        return _jsx("div", { children: "Loading..." });
+    }
+    if (log.isLogInColdStorage) {
+        return _jsx(MovedToColdStorage, { guid: log.logCorrelation });
+    }
+    return _jsx(LogRawJson, { log: log.log });
+};
+//# sourceMappingURL=RawTab.js.map

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

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

package/lib/esm/LogViewer/LogDialog/tabs/RawTab/index.d.ts

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

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

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

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

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

package/lib/esm/LogViewer/LogDialog/tabs/TimelineTab/TimelineTab.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TreeApi } from '../../../hooks';
+import { AsyncStoryState } from '../../hooks';
+interface TimelineTabProps {
+    log: AsyncStoryState;
+    isVisible: boolean;
+    setSelectedLogCorrelation: (correlation: string) => void;
+    treeApi: TreeApi;
+}
+export declare const TimelineTab: React.FC<TimelineTabProps>;
+export {};

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EventTimeline } from '../../../EventTimeline';
+export const TimelineTab = ({ log, isVisible, setSelectedLogCorrelation, treeApi, }) => {
+    if (log.isLoading) {
+        return _jsx("div", { children: "Loading..." });
+    }
+    return (_jsx(EventTimeline, { isVisible: isVisible, logCorrelation: log.logCorrelation, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }));
+};
+//# sourceMappingURL=TimelineTab.js.map

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

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

package/lib/esm/LogViewer/LogDialog/tabs/TimelineTab/index.d.ts

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

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

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

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

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

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

@@ -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 {};

package/lib/esm/LogViewer/LogDialog/tabs/TraceTab/TraceTab.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QpqRuntimeType } from '@qpqjs/core';
+import { WebSocketQueueQpqAdminServerMessageEventType } from '@qpqjs/features';
+import { useAuthAccessToken, useBaseUrlResolvers, useSubscribeToWebSocketEvent } from '@qpqjs/web-react';
+import { useEffect, useRef, useState } from 'react';
+import TroubleshootIcon from '@mui/icons-material/Troubleshoot';
+import { Alert, Box, Button, Checkbox, FormControlLabel, LinearProgress, Tooltip, Typography } from '@mui/material';
+import { getLogTrace } from '../../../logic';
+import { TraceViewer } from '../../../TraceViewer';
+import { MovedToColdStorage } from '../../MovedToColdStorage';
+// Backstop for a missed TraceDone websocket message (reconnect gaps, dev servers
+// without the admin socket). checkOnly polls never trigger trace runs.
+const PENDING_POLL_MS = 15_000;
+// Async trace flow: the first open only checks for a stored trace — found ones load
+// immediately, otherwise an explainer with a Begin Trace button is shown. Beginning a
+// trace kicks off a fire-and-forget run in the owning service and this tab waits for
+// its TraceDone websocket push (with a slow checkOnly poll as a fallback). See
+// trace-replay-plan.md.
+export const TraceTab = ({ log, isVisible }) => {
+    const urlResolvers = useBaseUrlResolvers();
+    const accessToken = useAuthAccessToken();
+    const [trace, setTrace] = useState(undefined);
+    const [isWaiting, setIsWaiting] = useState(false);
+    const [traceError, setTraceError] = useState(undefined);
+    const [hasRequested, setHasRequested] = useState(false);
+    const [hasCheckedForStoredTrace, setHasCheckedForStoredTrace] = useState(false);
+    // "My code only" — held here so Begin Trace / Re-run Trace can send it: a trace with
+    // it on sets no breakpoints outside the user's own code. Every step pause freezes the
+    // replay for several inspector round trips, so full traces of real bundles burn the
+    // whole wall-clock budget on framework glue — own-code-only is the sane default.
+    const [hideExternalSteps, setHideExternalSteps] = useState(true);
+    // The request a stale async response must not clobber (rapid re-runs, dialog reuse)
+    const requestVersionRef = useRef(0);
+    const requestTrace = async (options) => {
+        const requestVersion = ++requestVersionRef.current;
+        if (!options.checkOnly) {
+            setIsWaiting(true);
+            setTraceError(undefined);
+        }
+        try {
+            const result = await getLogTrace(urlResolvers.getApiUrl(), log.logCorrelation, options, accessToken);
+            if (requestVersion !== requestVersionRef.current) {
+                return;
+            }
+            if (result.trace) {
+                setTrace(result.trace);
+                setIsWaiting(false);
+            }
+            else if (result.pending && !options.checkOnly) {
+                // check=true reports pending whenever no trace is stored — the server can't
+                // tell idle from in-flight — so only a real trace request may start waiting
+                setIsWaiting(true);
+            }
+            else if (!options.checkOnly) {
+                setTraceError('No trace was produced for this log');
+                setIsWaiting(false);
+            }
+        }
+        catch (error) {
+            if (requestVersion !== requestVersionRef.current) {
+                return;
+            }
+            setTraceError(error instanceof Error ? error.message : String(error));
+            setIsWaiting(false);
+        }
+    };
+    useEffect(() => {
+        if (isVisible && !hasRequested && !log.isLoading && !log.isLogInColdStorage) {
+            setHasRequested(true);
+            // First open never starts a trace — it only loads a stored one; starting one is
+            // the explicit Begin Trace action below
+            requestTrace({ checkOnly: true }).finally(() => setHasCheckedForStoredTrace(true));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isVisible, hasRequested, log.isLoading, log.isLogInColdStorage]);
+    // The owning service finished tracing — the log service pushed the result
+    useSubscribeToWebSocketEvent(WebSocketQueueQpqAdminServerMessageEventType.TraceDone, (webSocketService, message) => {
+        if (message.payload.correlation !== log.logCorrelation || !isWaiting) {
+            return;
+        }
+        if (message.payload.succeeded) {
+            requestTrace({ checkOnly: true });
+        }
+        else {
+            setTraceError(message.payload.errorText || 'Trace failed');
+            setIsWaiting(false);
+        }
+    });
+    // Poll fallback while waiting — checkOnly, so it can never stack trace runs
+    useEffect(() => {
+        if (!isWaiting) {
+            return;
+        }
+        const pollTimer = setInterval(() => requestTrace({ checkOnly: true }), PENDING_POLL_MS);
+        return () => clearInterval(pollTimer);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isWaiting]);
+    if (log.isLoading) {
+        return _jsx("div", { children: "Loading..." });
+    }
+    if (log.isLogInColdStorage) {
+        return _jsx(MovedToColdStorage, { guid: log.logCorrelation });
+    }
+    if (isWaiting) {
+        return (_jsxs(Box, { sx: { p: 2 }, children: [_jsxs(Typography, { sx: { mb: 1 }, variant: "body2", children: ["Tracing in ", log.log?.moduleName ? `the ${log.log.moduleName} service` : 'the owning service', " \u2014 replaying the log and recording every statement. This can take a minute; the result appears here when it lands."] }), _jsx(LinearProgress, {})] }));
+    }
+    if (traceError) {
+        return (_jsx(Box, { sx: { p: 2 }, children: _jsx(Alert, { action: _jsx(Button, { color: "inherit", onClick: () => requestTrace({ refresh: true, onlyOwnCode: hideExternalSteps }), size: "small", children: "Retry" }), severity: "error", children: traceError }) }));
+    }
+    if (!trace) {
+        if (!hasCheckedForStoredTrace) {
+            return null;
+        }
+        // No stored trace — explain what tracing is and let the user start one explicitly.
+        // Begin Trace deliberately leaves refresh false so a trace that landed since the
+        // check is served straight from storage instead of re-running.
+        const isTraceable = log.log?.runtimeType === QpqRuntimeType.EXECUTE_STORY;
+        return (_jsx(Box, { sx: { alignItems: 'center', display: 'flex', height: '100%', justifyContent: 'center', p: 3 }, children: _jsxs(Box, { sx: { maxWidth: 560, textAlign: 'center' }, children: [_jsx(TroubleshootIcon, { color: "primary", sx: { fontSize: 56, mb: 1 } }), _jsx(Typography, { gutterBottom: true, variant: "h6", children: "Step-through execution trace" }), _jsx(Typography, { color: "text.secondary", sx: { mb: 3 }, variant: "body2", children: "A trace replays this log inside the service that ran it, recording every statement it executes and the local variables at each step \u2014 then you can scrub through the run line by line, like a time-travel debugger for exactly what happened." }), !isTraceable && (_jsxs(Alert, { severity: "warning", sx: { mb: 3, textAlign: 'left' }, children: ["Only ", QpqRuntimeType.EXECUTE_STORY, " logs can be traced \u2014 this is a ", log.log?.runtimeType || 'different', " log. Use the Tree tab to walk down to the ", QpqRuntimeType.EXECUTE_STORY, " runs it triggered and trace those instead."] })), isTraceable && (_jsx(Box, { sx: { mb: 1 }, children: _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: hideExternalSteps, onChange: (event) => setHideExternalSteps(event.target.checked), size: "small" }), label: _jsx(Typography, { variant: "body2", children: "My code only \u2014 trace just this service's own source (much faster; framework internals get no steps)" }) }) })), _jsx(Button, { disabled: !isTraceable, onClick: () => requestTrace({ onlyOwnCode: hideExternalSteps }), variant: "contained", children: "Begin Trace" }), isTraceable && (_jsxs(Typography, { color: "text.secondary", display: "block", sx: { mt: 1.5 }, variant: "caption", children: ["Runs in ", log.log?.moduleName ? `the ${log.log.moduleName} service` : 'the owning service', " and can take a minute."] }))] }) }));
+    }
+    return (_jsx(Box, { sx: { height: '100%' }, children: _jsx(TraceViewer, { actions: _jsx(Tooltip, { title: hideExternalSteps ? 'Re-traces with breakpoints only in your own code — the whole step budget goes to your statements' : '', children: _jsxs(Button, { onClick: () => requestTrace({ refresh: true, onlyOwnCode: hideExternalSteps }), size: "small", sx: { flexShrink: 0 }, children: ["Re-run Trace", hideExternalSteps ? ' (my code only)' : ''] }) }), hideExternalSteps: hideExternalSteps, onHideExternalStepsChange: setHideExternalSteps, trace: trace }) }));
+};
+//# sourceMappingURL=TraceTab.js.map