quidproquo-web-admin 0.1.0 → 0.1.2

package/lib/esm/LogViewer/actionComponents/custom/CoreLogTemplateLiteralCustomAction.js

@@ -7,5 +7,5 @@ export const CoreLogTemplateLiteralCustomAction = ({ action, expanded }) => {
         return null;
     }
     const { messageParts: [strings, values], } = action.payload;
-    return (_jsx(Box, { sx: { width: '100%', my: 1 }, children: _jsx(Alert, { severity: 'info', children: _jsx(Typography, { variant: "body1", children: values.reduce((preComp, value, index) => (_jsxs(_Fragment, { children: [preComp, _jsx(AnyVariableView, { value: value, expanded: expanded, hideStringQuotes: true }), _jsx("span", { children: strings[index + 1] })] })), _jsx("span", { children: strings[0] })) }) }) }));
+    return (_jsx(Box, { sx: { width: '100%', my: 1 }, children: _jsx(Alert, { severity: 'info', children: _jsx(Typography, { variant: "body1", children: values.reduce((preComp, value, index) => (_jsxs(_Fragment, { children: [preComp, _jsx(AnyVariableView, { expanded: expanded, hideStringQuotes: true, value: value }), _jsx("span", { children: strings[index + 1] })] })), _jsx("span", { children: strings[0] })) }) }) }));
 };

package/lib/esm/LogViewer/actionComponents/custom/CoreNetworkRequestCustomAction.js

@@ -5,7 +5,7 @@ export const CoreNetworkRequestCustomAction = ({ action, result, expanded }) =>
     if (!action.payload) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [_jsx("pre", { style: genericFunctionRendererStyles.pre, children: _jsx(GenericFunctionRenderer, { functionName: 'askNetworkRequest', args: [
+    return (_jsxs(_Fragment, { children: [_jsx("pre", { style: genericFunctionRendererStyles.pre, children: _jsx(GenericFunctionRenderer, { args: [
                         action.payload.method,
                         action.payload.url,
                         {
@@ -15,5 +15,5 @@ export const CoreNetworkRequestCustomAction = ({ action, result, expanded }) =>
                             params: action.payload.params,
                             responseType: action.payload.responseType,
                         },
-                    ], tooltipMap: ['method', 'url', 'httpRequestOptions'], expanded: expanded }) }), _jsx(ActionResultDisplay, { action: action, result: result, expanded: expanded })] }));
+                    ], expanded: expanded, functionName: 'askNetworkRequest', tooltipMap: ['method', 'url', 'httpRequestOptions'] }) }), _jsx(ActionResultDisplay, { action: action, expanded: expanded, result: result })] }));
 };

package/lib/esm/LogViewer/actionComponents/genericActionRenderer/ActionResultDisplay.js

@@ -3,7 +3,7 @@ import { genericFunctionRendererStyles } from './AnyVariableView';
 import { AnyVariableView } from './AnyVariableView';
 const ActionResultDisplay = ({ result, expanded }) => {
     const [successResult, errorResult] = result || [];
-    return (_jsxs(_Fragment, { children: [successResult !== undefined && !errorResult && (_jsxs("pre", { style: genericFunctionRendererStyles.pre, children: [_jsx("span", { children: "Result: " }), _jsx(AnyVariableView, { value: successResult, expanded: expanded })] })), errorResult !== undefined && (_jsx("pre", { style: genericFunctionRendererStyles.pre, children: _jsx(AnyVariableView, { value: errorResult, expanded: expanded }) }))] }));
+    return (_jsxs(_Fragment, { children: [successResult !== undefined && !errorResult && (_jsxs("pre", { style: genericFunctionRendererStyles.pre, children: [_jsx("span", { children: "Result: " }), _jsx(AnyVariableView, { expanded: expanded, value: successResult })] })), errorResult !== undefined && (_jsx("pre", { style: genericFunctionRendererStyles.pre, children: _jsx(AnyVariableView, { expanded: expanded, value: errorResult }) }))] }));
 };
 // Make sure to export ActionResultDisplay if it's defined in a separate file
 export default ActionResultDisplay;

package/lib/esm/LogViewer/actionComponents/genericActionRenderer/AnyVariableView/AnyVariableView.js

@@ -60,13 +60,13 @@ const tryDecodeBase64 = (text) => {
 export const StringVariableView = ({ value, expanded, hideStringQuotes }) => {
     const asJson = tryParseJson(value);
     if (asJson.ok) {
-        return (_jsxs(_Fragment, { children: [_jsxs("span", { style: genericFunctionRendererStyles.jsonComment, children: ['<', "json", '>'] }), _jsx(AnyVariableView, { value: asJson.value, expanded: expanded })] }));
+        return (_jsxs(_Fragment, { children: [_jsxs("span", { style: genericFunctionRendererStyles.jsonComment, children: ['<', "json", '>'] }), _jsx(AnyVariableView, { expanded: expanded, value: asJson.value })] }));
     }
     const decoded = tryDecodeBase64(value);
     if (decoded !== undefined) {
         const asBase64Json = tryParseJson(decoded);
         if (asBase64Json.ok) {
-            return (_jsxs(_Fragment, { children: [_jsxs("span", { style: genericFunctionRendererStyles.jsonComment, children: ['<', "base64-json", '>'] }), _jsx(AnyVariableView, { value: asBase64Json.value, expanded: expanded })] }));
+            return (_jsxs(_Fragment, { children: [_jsxs("span", { style: genericFunctionRendererStyles.jsonComment, children: ['<', "base64-json", '>'] }), _jsx(AnyVariableView, { expanded: expanded, value: asBase64Json.value })] }));
         }
     }
     const trimmedValue = value.length > 25 && !expanded ? `${value.slice(0, 25)}...` : value;
@@ -80,42 +80,42 @@ export const ArrayVariableView = ({ value, expanded }) => {
         return !expanded ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "[" }), _jsx("span", { style: genericFunctionRendererStyles.emptyObject, children: "Empty Array" }), _jsx("span", { children: "]" })] })) : (_jsx(_Fragment, { children: "[]" }));
     }
     if (expanded) {
-        return (_jsxs(_Fragment, { children: [_jsx("span", { children: "[" }), _jsx("div", { style: { paddingLeft: 10 }, children: value.map((item, index) => (_jsxs("div", { children: [_jsx(AnyVariableView, { value: item, expanded: expanded }), ","] }, index))) }), _jsx("span", { children: "]" })] }));
+        return (_jsxs(_Fragment, { children: [_jsx("span", { children: "[" }), _jsx("div", { style: { paddingLeft: 10 }, children: value.map((item, index) => (_jsxs("div", { children: [_jsx(AnyVariableView, { expanded: expanded, value: item }), ","] }, index))) }), _jsx("span", { children: "]" })] }));
     }
     return (_jsxs(_Fragment, { children: [_jsx("span", { children: "[ " }), _jsxs("span", { style: genericFunctionRendererStyles.arrayItems, children: [value.length, " items"] }), _jsx("span", { children: " ]" })] }));
 };
 export const KvsQueryConditionVariableView = ({ value, expanded }) => {
-    return _jsx(GenericFunctionRenderer, { functionName: `kvs${value.operation}`, args: [value.key, value.valueA], expanded: expanded });
+    return _jsx(GenericFunctionRenderer, { args: [value.key, value.valueA], expanded: expanded, functionName: `kvs${value.operation}` });
 };
 export const KvsLogicalOperatorVariableView = ({ value, expanded }) => {
-    return _jsx(GenericFunctionRenderer, { functionName: `kvs${value.operation}`, args: [value.conditions], expanded: expanded });
+    return _jsx(GenericFunctionRenderer, { args: [value.conditions], expanded: expanded, functionName: `kvs${value.operation}` });
 };
 export const EmptyObjectVariableView = ({ value, expanded }) => {
     return !expanded ? (_jsxs(_Fragment, { children: [_jsx("span", { children: '{ ' }), _jsx("span", { style: genericFunctionRendererStyles.emptyObject, children: "Empty Object" }), _jsx("span", { children: ' }' })] })) : (_jsx(_Fragment, { children: `{ }` }));
 };
 export const QpqBinaryDataVariableView = ({ value, expanded }) => {
-    return (_jsx("img", { src: `data:${value.mimeType || 'image/jpeg'};base64,${value.base64Data}`, alt: "Binary Data", style: { width: '100px', height: 'auto' } }));
+    return (_jsx("img", { alt: "Binary Data", src: `data:${value.mimeType || 'image/jpeg'};base64,${value.base64Data}`, style: { width: '100px', height: 'auto' } }));
 };
 export const ObjectVariableView = ({ value, expanded }) => {
     if (Array.isArray(value)) {
-        return _jsx(ArrayVariableView, { value: value, expanded: expanded });
+        return _jsx(ArrayVariableView, { expanded: expanded, value: value });
     }
     const objectKeys = Object.keys(value);
     if (value.operation && value.key && objectKeys.length <= 4) {
-        return _jsx(KvsQueryConditionVariableView, { value: value, expanded: expanded });
+        return _jsx(KvsQueryConditionVariableView, { expanded: expanded, value: value });
     }
     else if (value.operation && value.conditions && objectKeys.length == 2) {
-        return _jsx(KvsLogicalOperatorVariableView, { value: value, expanded: expanded });
+        return _jsx(KvsLogicalOperatorVariableView, { expanded: expanded, value: value });
     }
     else if (objectKeys.length == 0) {
-        return _jsx(EmptyObjectVariableView, { value: value, expanded: expanded });
+        return _jsx(EmptyObjectVariableView, { expanded: expanded, value: value });
     }
     else if (value.base64Data && value.filename) {
-        return _jsx(QpqBinaryDataVariableView, { value: value, expanded: expanded });
+        return _jsx(QpqBinaryDataVariableView, { expanded: expanded, value: value });
     }
     const cleanObject = JSON.parse(JSON.stringify(value));
     const cleanObjectKeys = Object.keys(cleanObject);
-    return !expanded ? (_jsxs(_Fragment, { children: [_jsx("span", { children: '{ ' }), cleanObjectKeys.map((key, index) => (_jsxs("span", { children: [key, Array.isArray(cleanObject[key]) && !expanded && (_jsxs(_Fragment, { children: [_jsx("span", { children: ":" }), " ", _jsx(ArrayVariableView, { value: cleanObject[key], expanded: false })] })), index < cleanObjectKeys.length - 1 && ', '] }, key))), _jsx("span", { children: ' }' })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { children: '{ ' }), _jsx("div", { style: { paddingLeft: 10 }, children: cleanObjectKeys.map((key, index) => (_jsxs("div", { children: [key, ": ", _jsx(AnyVariableView, { value: cleanObject[key], expanded: expanded }), ","] }, key))) }), _jsx("span", { children: '}' })] }));
+    return !expanded ? (_jsxs(_Fragment, { children: [_jsx("span", { children: '{ ' }), cleanObjectKeys.map((key, index) => (_jsxs("span", { children: [key, Array.isArray(cleanObject[key]) && !expanded && (_jsxs(_Fragment, { children: [_jsx("span", { children: ":" }), " ", _jsx(ArrayVariableView, { expanded: false, value: cleanObject[key] })] })), index < cleanObjectKeys.length - 1 && ', '] }, key))), _jsx("span", { children: ' }' })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { children: '{ ' }), _jsx("div", { style: { paddingLeft: 10 }, children: cleanObjectKeys.map((key, index) => (_jsxs("div", { children: [key, ": ", _jsx(AnyVariableView, { expanded: expanded, value: cleanObject[key] }), ","] }, key))) }), _jsx("span", { children: '}' })] }));
 };
 // Helper function to style values based on their type
 export const AnyVariableView = ({ value, expanded, hideStringQuotes }) => {
@@ -132,17 +132,17 @@ export const AnyVariableView = ({ value, expanded, hideStringQuotes }) => {
         return _jsx("span", { style: genericFunctionRendererStyles.numberValue, children: value });
     }
     else if (typeof value === 'string') {
-        return _jsx(StringVariableView, { value: value, expanded: expanded, hideStringQuotes: hideStringQuotes });
+        return _jsx(StringVariableView, { expanded: expanded, hideStringQuotes: hideStringQuotes, value: value });
     }
     else if (typeof value === 'object') {
-        return _jsx(ObjectVariableView, { value: value, expanded: expanded });
+        return _jsx(ObjectVariableView, { expanded: expanded, value: value });
     }
     // Fallback for other types, using normal text color
     return _jsx("span", { children: value.toString() });
 };
 const renderBasicArg = (arg, value, index, expanded, tooltip) => {
     const tooltipText = `${tooltip || arg}\n\nvalue: ${JSON.stringify(value, null, 2)}`;
-    return (_jsx(React.Fragment, { children: _jsx("span", { title: tooltipText, children: _jsx(AnyVariableView, { value: value, expanded: expanded }) }) }, arg));
+    return (_jsx(React.Fragment, { children: _jsx("span", { title: tooltipText, children: _jsx(AnyVariableView, { expanded: expanded, value: value }) }) }, arg));
 };
 export const GenericFunctionRenderer = ({ functionName, args, expanded, tooltipMap = [], argRenderer = renderBasicArg, }) => {
     // Convert args object to an array of key-value pairs and map each to a span element with dynamic styling and optional tooltip

package/lib/esm/LogViewer/actionComponents/genericActionRenderer/getGenericActionRenderer.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import ActionResultDisplay from './ActionResultDisplay';
 import { GenericFunctionRenderer, genericFunctionRendererStyles } from './AnyVariableView'; // Assuming this is the correct path
-export const getGenericActionRenderer = (functionName, argMap, tooltipMap = argMap) => ({ action, expanded, result }) => {
-    const anyPayload = action.payload;
-    const args = argMap.reduce((acc, arg) => ({ ...acc, [arg]: anyPayload[arg] }), {});
-    return (_jsxs(_Fragment, { children: [_jsx("pre", { style: genericFunctionRendererStyles.pre, children: _jsx(GenericFunctionRenderer, { functionName: functionName, args: args, tooltipMap: tooltipMap, expanded: expanded }) }), _jsx(ActionResultDisplay, { action: action, result: result, expanded: expanded })] }));
+export const getGenericActionRenderer = (functionName, argMap, tooltipMap = argMap) => {
+    const GenericActionRenderer = ({ action, expanded, result }) => {
+        const anyPayload = action.payload;
+        const args = argMap.reduce((acc, arg) => ({ ...acc, [arg]: anyPayload[arg] }), {});
+        return (_jsxs(_Fragment, { children: [_jsx("pre", { style: genericFunctionRendererStyles.pre, children: _jsx(GenericFunctionRenderer, { args: args, expanded: expanded, functionName: functionName, tooltipMap: tooltipMap }) }), _jsx(ActionResultDisplay, { action: action, expanded: expanded, result: result })] }));
+    };
+    return GenericActionRenderer;
 };

package/lib/esm/LogViewer/charts/CostPerService.js

@@ -25,5 +25,5 @@ export const CostPerService = ({ logs }) => {
         }))
             .sort((a, b) => b.cost - a.cost);
     }, [logs]);
-    return (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "h5", gutterBottom: true, children: "Cost per Service" }), _jsx(TableContainer, { component: Paper, children: _jsxs(Table, { children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Service" }), _jsx(TableCell, { align: "right", children: "Executions" }), _jsx(TableCell, { align: "right", children: "Runtime (ms)" }), _jsx(TableCell, { align: "right", children: "Cost ($)" })] }) }), _jsx(TableBody, { children: data.map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { component: "th", scope: "row", children: row.service }), _jsx(TableCell, { align: "right", children: row.executions }), _jsx(TableCell, { align: "right", children: row.runtime }), _jsx(TableCell, { align: "right", children: row.cost.toFixed(8) })] }, row.service))) })] }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Typography, { gutterBottom: true, variant: "h5", children: "Cost per Service" }), _jsx(TableContainer, { component: Paper, children: _jsxs(Table, { children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Service" }), _jsx(TableCell, { align: "right", children: "Executions" }), _jsx(TableCell, { align: "right", children: "Runtime (ms)" }), _jsx(TableCell, { align: "right", children: "Cost ($)" })] }) }), _jsx(TableBody, { children: data.map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { component: "th", scope: "row", children: row.service }), _jsx(TableCell, { align: "right", children: row.executions }), _jsx(TableCell, { align: "right", children: row.runtime }), _jsx(TableCell, { align: "right", children: row.cost.toFixed(8) })] }, row.service))) })] }) })] }));
 };

package/lib/esm/LogViewer/charts/ErrorsByType.js

@@ -4,5 +4,5 @@ import { Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow
 import { useErrorsByType } from '../hooks/useErrorsByType';
 export const ErrorsByType = ({ logs }) => {
     const data = useErrorsByType(logs);
-    return (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "h5", gutterBottom: true, children: "Errors by Type" }), _jsxs(BarChart, { width: 1200, height: 300, data: data, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "errorText" }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Legend, {}), _jsx(Bar, { dataKey: "count", fill: "#8884d8" })] }), _jsx(TableContainer, { component: Paper, children: _jsxs(Table, { children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Error Type" }), _jsx(TableCell, { align: "right", children: "Count" })] }) }), _jsx(TableBody, { children: data.map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { component: "th", scope: "row", children: row.errorText }), _jsx(TableCell, { align: "right", children: row.count })] }, row.errorText))) })] }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Typography, { gutterBottom: true, variant: "h5", children: "Errors by Type" }), _jsxs(BarChart, { data: data, height: 300, width: 1200, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "errorText" }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Legend, {}), _jsx(Bar, { dataKey: "count", fill: "#8884d8" })] }), _jsx(TableContainer, { component: Paper, children: _jsxs(Table, { children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Error Type" }), _jsx(TableCell, { align: "right", children: "Count" })] }) }), _jsx(TableBody, { children: data.map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { component: "th", scope: "row", children: row.errorText }), _jsx(TableCell, { align: "right", children: row.count })] }, row.errorText))) })] }) })] }));
 };

package/lib/esm/LogViewer/charts/ErrorsOverTime.js

@@ -4,5 +4,5 @@ import { Typography } from '@mui/material';
 import { useErrorsOverTime } from '../hooks/useErrorsOverTime';
 export const ErrorsOverTime = ({ logs, searchParams }) => {
     const data = useErrorsOverTime(logs, searchParams);
-    return (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "h5", gutterBottom: true, children: "Errors Over Time" }), _jsxs(LineChart, { width: 1200, height: 300, data: data, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "time" }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Legend, {}), _jsx(Line, { type: "monotone", dataKey: "errors", stroke: "#8884d8", activeDot: { r: 8 } })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Typography, { gutterBottom: true, variant: "h5", children: "Errors Over Time" }), _jsxs(LineChart, { data: data, height: 300, width: 1200, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "time" }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Legend, {}), _jsx(Line, { activeDot: { r: 8 }, dataKey: "errors", stroke: "#8884d8", type: "monotone" })] })] }));
 };

package/lib/esm/LogViewer/charts/RequestsByService.js

@@ -4,7 +4,7 @@ import { Typography } from '@mui/material';
 import { useRequestsByService } from '../hooks/useRequestsByService';
 export const RequestsByService = ({ logs, searchParams }) => {
     const data = useRequestsByService(logs, searchParams);
-    return (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "h5", gutterBottom: true, children: "Requests by Service" }), _jsxs(LineChart, { width: 1200, height: 300, data: data, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "time" }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Legend, {}), Object.keys(data[0] || {})
+    return (_jsxs(_Fragment, { children: [_jsx(Typography, { gutterBottom: true, variant: "h5", children: "Requests by Service" }), _jsxs(LineChart, { data: data, height: 300, width: 1200, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "time" }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Legend, {}), Object.keys(data[0] || {})
                         .filter((key) => key !== 'time')
-                        .map((service) => (_jsx(Line, { type: "monotone", dataKey: service, stroke: `#${Math.floor(Math.random() * 16777215).toString(16)}` }, service)))] })] }));
+                        .map((service) => (_jsx(Line, { dataKey: service, stroke: `#${Math.floor(Math.random() * 16777215).toString(16)}`, type: "monotone" }, service)))] })] }));
 };

package/lib/esm/LogViewer/hooks/useLogManagement.js

@@ -10,7 +10,7 @@ export const useLogManagement = () => {
         window.viewLog = (log) => {
             setCorrelation(log.correlation);
         };
-    }, [logs]);
+    }, [logs, setCorrelation]);
     useEffect(() => {
         console.log('logs attached to window, try: viewLog(logs[0])');
     }, []);

package/lib/esm/LogViewer/hooks/useLogTreeData.js

@@ -1,4 +1,4 @@
-import { useAuthAccessToken, useBaseUrlResolvers } from 'quidproquo-web-react';
+import { useAuthAccessToken, useBaseUrlResolvers, useEffectCallback } from 'quidproquo-web-react';
 import { useEffect, useState } from 'react';
 import { getLogHierarchy } from '../logic';
 const filterQpqActions = (logs) => {
@@ -33,20 +33,23 @@ export const useLogTreeData = (correlationId, hideQpqActions = false) => {
         }
         setIsLoading(false);
     };
+    // Stable identity so the effect below can list it as a dependency while
+    // still only re-running when a correlation id appears or disappears.
+    const fetchTreeData = useEffectCallback(async () => {
+        setIsLoading(true);
+        console.log('correlationId: ', correlationId);
+        const logHierarchy = await getLogHierarchy(baseUrlResolvers.getApiUrl(), correlationId, false, accessToken);
+        if (logHierarchy) {
+            setTreeData([logHierarchy]);
+        }
+        setIsLoading(false);
+    });
+    const hasCorrelationId = !!correlationId;
     useEffect(() => {
-        const fetchTreeData = async () => {
-            setIsLoading(true);
-            console.log('correlationId: ', correlationId);
-            const logHierarchy = await getLogHierarchy(baseUrlResolvers.getApiUrl(), correlationId, false, accessToken);
-            if (logHierarchy) {
-                setTreeData([logHierarchy]);
-            }
-            setIsLoading(false);
-        };
-        if (correlationId) {
+        if (hasCorrelationId) {
             fetchTreeData();
         }
-    }, [!!correlationId]);
+    }, [hasCorrelationId, fetchTreeData]);
     const result = {
         isLoading,
         refreshTreeData: refreshTreeData,

package/lib/esm/LogViewer/hooks/useServiceNames.js

@@ -1,17 +1,18 @@
-import { useAuthAccessToken, useBaseUrlResolvers } from 'quidproquo-web-react';
+import { useAuthAccessToken, useBaseUrlResolvers, useEffectCallback } from 'quidproquo-web-react';
 import { useEffect, useMemo, useState } from 'react';
 import { getServiceNames } from '../logic';
 export const useServiceNames = () => {
     const [serviceNames, setServiceNames] = useState(['All']);
     const accessToken = useAuthAccessToken();
     const baseUrlResolvers = useBaseUrlResolvers();
+    // Stable identity so the mount-only effect below can list it as a dependency.
+    const fetchData = useEffectCallback(async () => {
+        const updatedServiceNames = await getServiceNames(baseUrlResolvers.getApiUrl(), accessToken);
+        setServiceNames(updatedServiceNames);
+    });
     useEffect(() => {
-        const fetchData = async () => {
-            const updatedServiceNames = await getServiceNames(baseUrlResolvers.getApiUrl(), accessToken);
-            setServiceNames(updatedServiceNames);
-        };
         fetchData();
-    }, []);
+    }, [fetchData]);
     const serviceOptions = useMemo(() => serviceNames.map((s) => ({
         label: s
             .split('-')

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreAiActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const coreAiActionComponentMap: Record<string, string[]>;
+export default coreAiActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreAiActionComponentMap.js

@@ -0,0 +1,6 @@
+import { AiActionType } from 'quidproquo-core';
+const coreAiActionComponentMap = {
+    [AiActionType.Prompt]: ['askAiPrompt', 'model', 'prompt', 'messages', 'system', 'aiName'],
+    [AiActionType.PromptStream]: ['askAiPromptStream', 'model', 'prompt', 'messages', 'system', 'aiName'],
+};
+export default coreAiActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreClaudeAiActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const coreClaudeAiActionComponentMap: Record<string, string[]>;
+export default coreClaudeAiActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreClaudeAiActionComponentMap.js

@@ -0,0 +1,5 @@
+import { ClaudeAiActionType } from 'quidproquo-core';
+const coreClaudeAiActionComponentMap = {
+    [ClaudeAiActionType.MessagesApi]: ['askClaudeAiMessagesApi', 'body', 'apiKey'],
+};
+export default coreClaudeAiActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreConfigActionComponentMap.js

@@ -6,5 +6,6 @@ const coreConfigActionComponentMap = {
     [ConfigActionType.GetParameters]: ['askConfigGetParameters', 'parameterNames'],
     [ConfigActionType.GetSecret]: ['askConfigGetSecret', 'secretName'],
     [ConfigActionType.SetParameter]: ['askConfigSetParameter', 'parameterName', 'parameterValue'],
+    [ConfigActionType.ListParameters]: ['askConfigListParameters'],
 };
 export default coreConfigActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreEventActionComponentMap.js

@@ -5,5 +5,9 @@ const coreEventActionComponentMap = {
     [EventActionType.AutoRespond]: ['askEventAutoRespond', 'qpqEventRecord', 'matchResult'],
     [EventActionType.MatchStory]: ['askEventMatchStory', 'qpqEventRecord', 'eventParams'],
     [EventActionType.GetRecords]: ['askEventGetRecords', 'eventParams'],
+    [EventActionType.TransformEventRecord]: ['askEventTransformEventRecord', 'eventRecord'],
+    [EventActionType.TransformEventRecordResponse]: ['askEventTransformEventRecordResponse', 'eventRecord'],
+    [EventActionType.GetStorySession]: ['askEventGetStorySession', 'eventParams', 'qpqEventRecord', 'matchStoryResult'],
+    [EventActionType.ResolveCaughtError]: ['askEventResolveCaughtError', 'error'],
 };
 export default coreEventActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreEventBusActionComponentMap.js

@@ -1,5 +1,5 @@
 import { EventBusActionType } from 'quidproquo-core';
 const coreEventBusActionComponentMap = {
-    [EventBusActionType.SendMessages]: ['askEventBusSendMessages', 'eventBusSendMessageOptions'],
+    [EventBusActionType.SendMessages]: ['askEventBusSendMessages', 'eventBusName', 'eventBusMessages'],
 };
 export default coreEventBusActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreFileActionComponentMap.js

@@ -8,5 +8,10 @@ const coreFileActionComponentMap = {
     [FileActionType.ReadBinaryContents]: ['askFileReadBinaryContents', 'drive', 'filepath'],
     [FileActionType.WriteBinaryContents]: ['askFileWriteBinaryContents', 'drive', 'filepath', 'data', 'storageDriveAdvancedWriteOptions'],
     [FileActionType.GenerateTemporarySecureUrl]: ['askFileGenerateTemporarySecureUrl', 'drive', 'filepath', 'expirationMs'],
+    [FileActionType.GenerateTemporaryUploadSecureUrl]: ['askFileGenerateTemporaryUploadSecureUrl', 'drive', 'filepath', 'expirationMs', 'contentType'],
+    [FileActionType.ReadObjectJson]: ['askFileReadObjectJson', 'drive', 'filepath'],
+    [FileActionType.WriteObjectJson]: ['askFileWriteObjectJson', 'drive', 'filepath', 'data', 'storageDriveAdvancedWriteOptions'],
+    [FileActionType.IsColdStorage]: ['askFileIsColdStorage', 'drive', 'filepath'],
+    [FileActionType.StreamOpen]: ['askFileStreamOpen', 'drive', 'filepath', 'encoding', 'chunkSize'],
 };
 export default coreFileActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreGraphDatabaseActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const coreGraphDatabaseActionComponentMap: Record<string, string[]>;
+export default coreGraphDatabaseActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreGraphDatabaseActionComponentMap.js

@@ -0,0 +1,12 @@
+import { GraphDatabaseActionType } from 'quidproquo-core';
+const coreGraphDatabaseActionComponentMap = {
+    [GraphDatabaseActionType.ExecuteOpenCypherQuery]: [
+        'askGraphDatabaseExecuteOpenCypherQuery',
+        'graphDatabaseName',
+        'instance',
+        'openCypherQuery',
+        'params',
+    ],
+    [GraphDatabaseActionType.InternalFieldNames]: ['askGraphDatabaseInternalFieldNames'],
+};
+export default coreGraphDatabaseActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreInlineFunctionActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const coreInlineFunctionActionComponentMap: Record<string, string[]>;
+export default coreInlineFunctionActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreInlineFunctionActionComponentMap.js

@@ -0,0 +1,5 @@
+import { InlineFunctionActionType } from 'quidproquo-core';
+const coreInlineFunctionActionComponentMap = {
+    [InlineFunctionActionType.Execute]: ['askInlineFunctionExecute', 'functionName', 'payload'],
+};
+export default coreInlineFunctionActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreKeyValueStoreActionComponentMap.js

@@ -2,5 +2,10 @@ import { KeyValueStoreActionType } from 'quidproquo-core';
 export const coreKeyValueStoreActionComponentMap = {
     [KeyValueStoreActionType.Query]: ['askKeyValueStoreQuery', 'keyValueStoreName', 'keyCondition', 'options'],
     [KeyValueStoreActionType.Upsert]: ['askKeyValueStoreUpsert', 'keyValueStoreName', 'item', 'options'],
+    [KeyValueStoreActionType.Get]: ['askKeyValueStoreGet', 'keyValueStoreName', 'key', 'options'],
+    [KeyValueStoreActionType.GetAll]: ['askKeyValueStoreGetAll', 'keyValueStoreName', 'options'],
+    [KeyValueStoreActionType.Delete]: ['askKeyValueStoreDelete', 'keyValueStoreName', 'key', 'sortKey', 'options'],
+    [KeyValueStoreActionType.Update]: ['askKeyValueStoreUpdate', 'keyValueStoreName', 'updates', 'key', 'sortKey', 'options'],
+    [KeyValueStoreActionType.Scan]: ['askKeyValueStoreScan', 'keyValueStoreName', 'filterCondition', 'nextPageKey'],
 };
 export default coreKeyValueStoreActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreStateActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const coreStateActionComponentMap: Record<string, string[]>;
+export default coreStateActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreStateActionComponentMap.js

@@ -0,0 +1,6 @@
+import { StateActionType } from 'quidproquo-core';
+const coreStateActionComponentMap = {
+    [StateActionType.Dispatch]: ['askStateDispatch', 'action'],
+    [StateActionType.Read]: ['askStateRead', 'path'],
+};
+export default coreStateActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreStreamActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const coreStreamActionComponentMap: Record<string, string[]>;
+export default coreStreamActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreStreamActionComponentMap.js

@@ -0,0 +1,6 @@
+import { StreamActionType } from 'quidproquo-core';
+const coreStreamActionComponentMap = {
+    [StreamActionType.Read]: ['askStreamRead', 'streamId', 'noWait'],
+    [StreamActionType.Close]: ['askStreamClose', 'streamId'],
+};
+export default coreStreamActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreSystemActionComponentMap.js

@@ -2,5 +2,6 @@ import { SystemActionType } from 'quidproquo-core';
 const coreSystemActionComponentMap = {
     [SystemActionType.Batch]: ['askBatch', 'actions'],
     [SystemActionType.ExecuteStory]: ['askExecuteStory', 'runtime', 'params', 'storySession'],
+    [SystemActionType.GetRuntimeCorrelation]: ['askGetRuntimeCorrelation'],
 };
 export default coreSystemActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/coreUserDirectoryActionComponentMap.js

@@ -7,15 +7,25 @@ const coreUserDirectoryActionComponentMap = {
     [UserDirectoryActionType.RequestEmailVerification]: ['askUserDirectoryRequestEmailVerification', 'userDirectoryName', 'accessToken'],
     [UserDirectoryActionType.ConfirmEmailVerification]: ['askUserDirectoryConfirmEmailVerification', 'code', 'accessToken'],
     [UserDirectoryActionType.ReadAccessToken]: ['askUserDirectoryReadAccessToken', 'userDirectoryName', 'ignoreExpiration'],
-    [UserDirectoryActionType.SetAccessToken]: ['askUserDirectorySetAccessToken', 'accessToken'],
+    [UserDirectoryActionType.SetAccessToken]: ['askUserDirectorySetAccessToken', 'userDirectoryName', 'accessToken'],
     [UserDirectoryActionType.DecodeAccessToken]: ['askUserDirectoryDecodeAccessToken', 'userDirectoryName', 'ignoreExpiration', 'accessToken'],
     [UserDirectoryActionType.RespondToAuthChallenge]: ['askUserDirectoryRespondToAuthChallenge', 'userDirectoryName', 'authChallenge'],
     [UserDirectoryActionType.GetUserAttributes]: ['askUserDirectoryGetUserAttributes', 'userDirectoryName', 'username'],
     [UserDirectoryActionType.GetUserAttributesByUserId]: ['askUserDirectoryGetUserAttributesByUserId', 'userDirectoryName', 'userId'],
     [UserDirectoryActionType.SetUserAttributes]: ['askUserDirectorySetUserAttributes', 'userDirectoryName', 'username', 'userAttributes'],
-    [UserDirectoryActionType.ChangePassword]: ['askUserDirectoryChangePassword', 'oldPassword', 'newPassword'],
+    [UserDirectoryActionType.ChangePassword]: ['askUserDirectoryChangePassword', 'oldPassword', 'newPassword', 'accessToken'],
     [UserDirectoryActionType.SetPassword]: ['askUserDirectorySetPassword', 'userDirectoryName', 'username', 'newPassword'],
     [UserDirectoryActionType.GetUsers]: ['askUserDirectoryGetUsers', 'userDirectoryName', 'nextPageKey'],
     [UserDirectoryActionType.RefreshToken]: ['askUserDirectoryRefreshToken', 'userDirectoryName', 'refreshToken'],
+    [UserDirectoryActionType.AssociateSoftwareToken]: ['askUserDirectoryAssociateSoftwareToken', 'userDirectoryName', 'session'],
+    // 'attribueName' / 'attribueValue' match the (misspelled) payload keys in core
+    [UserDirectoryActionType.GetUsersByAttribute]: [
+        'askUserDirectoryGetUsersByAttribute',
+        'userDirectoryName',
+        'attribueName',
+        'attribueValue',
+        'limit',
+        'nextPageKey',
+    ],
 };
 export default coreUserDirectoryActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/core/index.js

@@ -1,3 +1,5 @@
+import coreAiActionComponentMap from './coreAiActionComponentMap';
+import coreClaudeAiActionComponentMap from './coreClaudeAiActionComponentMap';
 import coreConfigActionComponentMap from './coreConfigActionComponentMap';
 import coreContextActionComponentMap from './coreContextActionComponentMap';
 import coreDateActionComponentMap from './coreDateActionComponentMap';
@@ -6,15 +8,21 @@ import coreErrorActionComponentMap from './coreErrorActionComponentMap';
 import coreEventActionComponentMap from './coreEventActionComponentMap';
 import coreEventBusActionComponentMap from './coreEventBusActionComponentMap';
 import coreFileActionComponentMap from './coreFileActionComponentMap';
+import coreGraphDatabaseActionComponentMap from './coreGraphDatabaseActionComponentMap';
 import coreGuidActionComponentMap from './coreGuidActionComponentMap';
+import coreInlineFunctionActionComponentMap from './coreInlineFunctionActionComponentMap';
 import coreKeyValueStoreActionComponentMap from './coreKeyValueStoreActionComponentMap';
 import coreMathActionComponentMap from './coreMathActionComponentMap';
 import corePlatformActionComponentMap from './corePlatformActionComponentMap';
 import coreQueueActionComponentMap from './coreQueueActionComponentMap';
+import coreStateActionComponentMap from './coreStateActionComponentMap';
+import coreStreamActionComponentMap from './coreStreamActionComponentMap';
 import coreSystemActionComponentMap from './coreSystemActionComponentMap';
 import coreUserDirectoryActionComponentMap from './coreUserDirectoryActionComponentMap';
 export default {
     ...coreDeployEventActionComponentMap,
+    ...coreAiActionComponentMap,
+    ...coreClaudeAiActionComponentMap,
     ...coreConfigActionComponentMap,
     ...coreContextActionComponentMap,
     ...coreDateActionComponentMap,
@@ -22,11 +30,15 @@ export default {
     ...coreEventActionComponentMap,
     ...coreEventBusActionComponentMap,
     ...coreFileActionComponentMap,
+    ...coreGraphDatabaseActionComponentMap,
     ...coreGuidActionComponentMap,
+    ...coreInlineFunctionActionComponentMap,
     ...coreKeyValueStoreActionComponentMap,
     ...coreMathActionComponentMap,
     ...corePlatformActionComponentMap,
     ...coreQueueActionComponentMap,
+    ...coreStateActionComponentMap,
+    ...coreStreamActionComponentMap,
     ...coreSystemActionComponentMap,
     ...coreUserDirectoryActionComponentMap,
 };

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/index.js

@@ -1,7 +1,21 @@
+import webserverAdminActionComponentMap from './webserverAdminActionComponentMap';
+import webserverApiKeyValidationActionComponentMap from './webserverApiKeyValidationActionComponentMap';
+import webserverDnsActionComponentMap from './webserverDnsActionComponentMap';
+import webserverGenericDataResourceActionComponentMap from './webserverGenericDataResourceActionComponentMap';
+import webserverOpenApiSpecActionComponentMap from './webserverOpenApiSpecActionComponentMap';
+import webserverRouteAuthValidationActionComponentMap from './webserverRouteAuthValidationActionComponentMap';
+import webserverServiceActionComponentMap from './webserverServiceActionComponentMap';
 import webserverServiceFunctionActionComponentMap from './webserverServiceFunctionActionComponentMap';
 import webserverWebEntryActionComponentMap from './webserverWebEntryActionComponentMap';
 import webserverWebsocketActionComponentMap from './webserverWebsocketActionComponentMap';
 export default {
+    ...webserverAdminActionComponentMap,
+    ...webserverApiKeyValidationActionComponentMap,
+    ...webserverDnsActionComponentMap,
+    ...webserverGenericDataResourceActionComponentMap,
+    ...webserverOpenApiSpecActionComponentMap,
+    ...webserverRouteAuthValidationActionComponentMap,
+    ...webserverServiceActionComponentMap,
     ...webserverServiceFunctionActionComponentMap,
     ...webserverWebEntryActionComponentMap,
     ...webserverWebsocketActionComponentMap,

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverAdminActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverAdminActionComponentMap: Record<string, string[]>;
+export default webserverAdminActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverAdminActionComponentMap.js

@@ -0,0 +1,8 @@
+import { AdminActionType } from 'quidproquo-webserver';
+const webserverAdminActionComponentMap = {
+    [AdminActionType.GetLog]: ['askAdminGetLog', 'correlationId'],
+    [AdminActionType.GetLogMetadata]: ['askAdminGetLogMetadata', 'correlationId'],
+    [AdminActionType.GetLogMetadataChildren]: ['askAdminGetLogMetadataChildren', 'correlationId', 'nextPageKey'],
+    [AdminActionType.GetLogs]: ['askAdminGetLogs', 'runtimeType', 'startIsoDateTime', 'endIsoDateTime', 'nextPageKey'],
+};
+export default webserverAdminActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverApiKeyValidationActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverApiKeyValidationActionComponentMap: Record<string, string[]>;
+export default webserverApiKeyValidationActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverApiKeyValidationActionComponentMap.js

@@ -0,0 +1,5 @@
+import { ApiKeyValidationActionType } from 'quidproquo-webserver';
+const webserverApiKeyValidationActionComponentMap = {
+    [ApiKeyValidationActionType.Validate]: ['askApiKeyValidationValidate', 'apiKeyValue', 'apiKeyReferences'],
+};
+export default webserverApiKeyValidationActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverDnsActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverDnsActionComponentMap: Record<string, string[]>;
+export default webserverDnsActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverDnsActionComponentMap.js

@@ -0,0 +1,5 @@
+import { DnsActionType } from 'quidproquo-webserver';
+const webserverDnsActionComponentMap = {
+    [DnsActionType.List]: ['askDnsList'],
+};
+export default webserverDnsActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverGenericDataResourceActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverGenericDataResourceActionComponentMap: Record<string, string[]>;
+export default webserverGenericDataResourceActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverGenericDataResourceActionComponentMap.js

@@ -0,0 +1,6 @@
+import { GenericDataResourceActionTypeEnum } from 'quidproquo-webserver';
+const webserverGenericDataResourceActionComponentMap = {
+    [GenericDataResourceActionTypeEnum.Put]: ['askPutGenericDataResource', 'tableName', 'item'],
+    [GenericDataResourceActionTypeEnum.Scan]: ['askScanGenericDataResource', 'tableName', 'maxItems'],
+};
+export default webserverGenericDataResourceActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverOpenApiSpecActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverOpenApiSpecActionComponentMap: Record<string, string[]>;
+export default webserverOpenApiSpecActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverOpenApiSpecActionComponentMap.js

@@ -0,0 +1,5 @@
+import { OpenApiSpecActionType } from 'quidproquo-webserver';
+const webserverOpenApiSpecActionComponentMap = {
+    [OpenApiSpecActionType.GetOpenApiSpec]: ['askGetOpenApiSpec'],
+};
+export default webserverOpenApiSpecActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverRouteAuthValidationActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverRouteAuthValidationActionComponentMap: Record<string, string[]>;
+export default webserverRouteAuthValidationActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverRouteAuthValidationActionComponentMap.js

@@ -0,0 +1,5 @@
+import { RouteAuthValidationActionType } from 'quidproquo-webserver';
+const webserverRouteAuthValidationActionComponentMap = {
+    [RouteAuthValidationActionType.Decode]: ['askRouteAuthValidationDecode', 'event', 'routeAuthSettings', 'ignoreExpiration'],
+};
+export default webserverRouteAuthValidationActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverServiceActionComponentMap.d.ts

@@ -0,0 +1,2 @@
+declare const webserverServiceActionComponentMap: Record<string, string[]>;
+export default webserverServiceActionComponentMap;

package/lib/esm/LogViewer/logic/actionComponentMap/webserver/webserverServiceActionComponentMap.js

@@ -0,0 +1,5 @@
+import { ServiceActionType } from 'quidproquo-webserver';
+const webserverServiceActionComponentMap = {
+    [ServiceActionType.Request]: ['askServiceRequest', 'serviceName', 'method', 'payload'],
+};
+export default webserverServiceActionComponentMap;