quidproquo-web-admin 0.0.262 → 0.1.0

package/lib/esm/FederatedAddonProvider.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+// Default: no host loader provided, so there are no addons.
+const noopLoadAddons = async () => [];
+const FederatedAddonContext = createContext(noopLoadAddons);
+export const FederatedAddonProvider = ({ loadAddons, children }) => (_jsx(FederatedAddonContext.Provider, { value: loadAddons ?? noopLoadAddons, children: children }));
+export const useLoadFederatedAddons = () => useContext(FederatedAddonContext);

package/lib/esm/LogViewer/ActionHistoryItem.d.ts

@@ -4,5 +4,5 @@ interface ActionHistoryItemProps {
     result: any;
     expanded: boolean;
 }
-export declare const ActionHistoryItem: ({ action, result, expanded }: ActionHistoryItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionHistoryItem: ({ action, result, expanded }: ActionHistoryItemProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/ActionHistoryItemTimeStamp.d.ts

@@ -2,5 +2,5 @@ interface ActionHistoryItemTimeStampProps {
     startedAt: string;
     finishedAt: string;
 }
-export declare const ActionHistoryItemTimeStamp: ({ startedAt, finishedAt }: ActionHistoryItemTimeStampProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionHistoryItemTimeStamp: ({ startedAt, finishedAt }: ActionHistoryItemTimeStampProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/ActionRender/ActionRender.d.ts

@@ -12,6 +12,6 @@ interface ActionRenderProps {
 }
 export declare const CoreBatchCustomAction: ActionComponent<SystemBatchActionPayload, any[]>;
 export declare const AnyCustomAction: ActionComponent;
-export declare const ActionRender: ({ action, result, isLegacy, expanded }: ActionRenderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AnyActionHistoryItem: ({ action, result }: AnyActionHistoryItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionRender: ({ action, result, isLegacy, expanded }: ActionRenderProps) => import("react").JSX.Element;
+export declare const AnyActionHistoryItem: ({ action, result }: AnyActionHistoryItemProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/AdminLogs/AdminLogGrid/AdminLogGrid.d.ts

@@ -4,5 +4,5 @@ type AdminLogGridProps = {
     isLoading: boolean;
     searchProgress: number;
 };
-export declare const AdminLogGrid: ({ logs, isLoading, searchProgress }: AdminLogGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AdminLogGrid: ({ logs, isLoading, searchProgress }: AdminLogGridProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/AdminLogs/AdminLogSearchBar/AdminLogSearchBar.d.ts

@@ -1,4 +1,4 @@
 export interface AdminLogSearchBarProps {
     onSearch: () => Promise<any>;
 }
-export declare function AdminLogSearchBar({ onSearch }: AdminLogSearchBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function AdminLogSearchBar({ onSearch }: AdminLogSearchBarProps): import("react").JSX.Element;

package/lib/esm/LogViewer/AdminLogs/AdminLogs.d.ts

@@ -1 +1 @@
-export declare const AdminLogs: () => import("react/jsx-runtime").JSX.Element;
+export declare const AdminLogs: () => import("react").JSX.Element;

package/lib/esm/LogViewer/ConsoleLogViewer.d.ts

@@ -2,6 +2,6 @@ import { StoryResult } from 'quidproquo-core';
 interface ConsoleLogViewerProps {
     logs: StoryResult<any>['logs'];
 }
-export declare const ConsoleLogViewer: ({ logs }: ConsoleLogViewerProps) => import("react/jsx-runtime").JSX.Element | null;
-declare const _default: import("react").MemoExoticComponent<({ logs }: ConsoleLogViewerProps) => import("react/jsx-runtime").JSX.Element | null>;
+export declare const ConsoleLogViewer: ({ logs }: ConsoleLogViewerProps) => import("react").JSX.Element | null;
+declare const _default: import("react").MemoExoticComponent<({ logs }: ConsoleLogViewerProps) => import("react").JSX.Element | null>;
 export default _default;

package/lib/esm/LogViewer/LogCorrelationTree.d.ts

@@ -6,5 +6,5 @@ interface LogCorrelationTreeProps {
     isVisible: boolean;
     treeApi: TreeApi;
 }
-export declare const LogCorrelationTree: import("react").MemoExoticComponent<({ correlationId, highlightCorrelationId, setSelectedLogCorrelation, isVisible, treeApi, }: LogCorrelationTreeProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const LogCorrelationTree: import("react").MemoExoticComponent<({ correlationId, highlightCorrelationId, setSelectedLogCorrelation, isVisible, treeApi, }: LogCorrelationTreeProps) => import("react").JSX.Element>;
 export {};

package/lib/esm/LogViewer/LogCorrelationTree.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QpqRuntimeType } from 'quidproquo-core';
 import { Fragment, memo, useEffect, useRef, useState } from 'react';
 import { Tree } from 'react-d3-tree';
 import { Box, CircularProgress } from '@mui/material';
@@ -14,7 +15,14 @@ const renderRectSvgNode = (setSelectedLogCorrelation, highlightCorrelationId) =>
         : nodeDatum.error
             ? 'red'
             : 'white'; // Bright red for non-selected errors, white for non-selected non-errors
-    return (_jsxs("g", { children: [_jsx("circle", { r: 10, fill: color, x: "10", y: "10", onClick: () => setSelectedLogCorrelation(nodeDatum.correlation) }), [nodeDatum.moduleName, nodeDatum.runtimeType, (nodeDatum.generic || '').split('::').pop(), nodeDatum.error || '']
+    // For story runtime types, collapse the runtimeType line away so the generic
+    // info takes its place — other runtime types keep their full label stack.
+    const isStoryRuntimeType = nodeDatum.runtimeType === QpqRuntimeType.EXECUTE_STORY || nodeDatum.runtimeType === QpqRuntimeType.EXECUTE_IMPLEMENTATION_STORY;
+    const displayText = (nodeDatum.generic || '').split('::').pop();
+    const textLines = isStoryRuntimeType
+        ? [nodeDatum.moduleName, displayText, nodeDatum.error || '']
+        : [nodeDatum.moduleName, nodeDatum.runtimeType, displayText, nodeDatum.error || ''];
+    return (_jsxs("g", { children: [_jsx("circle", { r: 10, fill: color, x: "10", y: "10", onClick: () => setSelectedLogCorrelation(nodeDatum.correlation) }), textLines
                 .filter((t) => !!t)
                 .map((text, i) => {
                 const x = 0;

package/lib/esm/LogViewer/LogCorrelations.d.ts

@@ -5,5 +5,5 @@ interface LogCorrelationsProps {
     isVisible: boolean;
     treeApi: TreeApi;
 }
-export declare const LogCorrelations: ({ logCorrelation, setSelectedLogCorrelation, isVisible, treeApi }: LogCorrelationsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogCorrelations: ({ logCorrelation, setSelectedLogCorrelation, isVisible, treeApi }: LogCorrelationsProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/LogDetails.d.ts

@@ -4,5 +4,5 @@ interface LogDetailsProps {
     hideFastActions: boolean;
     orderByDuration: boolean;
 }
-export declare const LogDetails: ({ log, hideFastActions, orderByDuration, }: LogDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogDetails: ({ log, hideFastActions, orderByDuration, }: LogDetailsProps) => import("react").JSX.Element;
 export {};

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

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

package/lib/esm/LogViewer/LogMetadataGrid.d.ts

@@ -3,5 +3,5 @@ type LogMetadataGridProps = {
     logs: LogMetadata[];
     isLoading: boolean;
 };
-export declare const LogMetadataGrid: ({ logs, isLoading }: LogMetadataGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogMetadataGrid: ({ logs, isLoading }: LogMetadataGridProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/LogRawJson.d.ts

@@ -2,5 +2,5 @@ import { StoryResult } from 'quidproquo-core';
 interface LogRawJsonProps {
     log: StoryResult<any>;
 }
-export declare const LogRawJson: ({ log }: LogRawJsonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogRawJson: ({ log }: LogRawJsonProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/LogSearch.d.ts

@@ -1 +1 @@
-export declare const LogSearch: () => import("react/jsx-runtime").JSX.Element;
+export declare const LogSearch: () => import("react").JSX.Element;

package/lib/esm/LogViewer/LogSummary.d.ts

@@ -2,5 +2,5 @@ import { StoryResult } from 'quidproquo-core';
 interface LogSummaryProps {
     log: StoryResult<any>;
 }
-export declare const LogSummary: ({ log }: LogSummaryProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogSummary: ({ log }: LogSummaryProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/LogSummaryDetails.d.ts

@@ -2,5 +2,5 @@ import { StoryResult } from 'quidproquo-core';
 interface LogSummaryDetailsProps {
     log: StoryResult<any>;
 }
-export declare const LogSummaryDetails: ({ log }: LogSummaryDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogSummaryDetails: ({ log }: LogSummaryDetailsProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/LogSummaryDetails.js

@@ -1,9 +1,13 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { getUniqueKeyFromQpqFunctionRuntime } from 'quidproquo-core';
-import { Typography } from '@mui/material';
+import { useState } from 'react';
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { Box, IconButton, Tooltip, Typography } from '@mui/material';
 import { GenericFunctionRenderer, genericFunctionRendererStyles } from './actionComponents/genericActionRenderer/AnyVariableView';
 export const LogSummaryDetails = ({ log }) => {
+    const [expanded, setExpanded] = useState(false);
     const totalRuntime = new Date(log.finishedAt).getTime() - new Date(log.startedAt).getTime();
     const functionKey = log.qpqFunctionRuntimeInfo ? getUniqueKeyFromQpqFunctionRuntime(log.qpqFunctionRuntimeInfo) : 'unknownMahLord';
-    return (_jsxs(_Fragment, { children: [_jsx("div", { children: _jsxs(Typography, { variant: "h5", gutterBottom: true, children: [log.runtimeType, " - ", log.moduleName] }) }), _jsx("div", { children: _jsxs("pre", { style: genericFunctionRendererStyles.pre, children: [_jsxs("div", { style: genericFunctionRendererStyles.commentBlock, children: [_jsx("div", { children: "// //////////////////////////////////////////////////////" }), _jsxs("div", { children: ["// src: ", functionKey] }), log.fromCorrelation && _jsxs("div", { children: ["// Caller: ", log.fromCorrelation] }), _jsxs("div", { children: ["// Total Runtime: ", _jsxs("span", { style: genericFunctionRendererStyles.highlightComment, children: [totalRuntime, " ms"] })] }), _jsx("div", { children: "// //////////////////////////////////////////////////////" })] }), _jsx(GenericFunctionRenderer, { functionName: functionKey.split('::').pop() || 'unknown', args: log.input, expanded: true })] }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { display: "flex", alignItems: "center", children: [_jsxs(Typography, { variant: "h5", gutterBottom: true, children: [log.runtimeType, " - ", log.moduleName] }), _jsx(Tooltip, { title: expanded ? 'Collapse' : 'Expand', children: _jsx(IconButton, { size: "small", onClick: () => setExpanded(!expanded), children: expanded ? _jsx(ExpandLessIcon, {}) : _jsx(ExpandMoreIcon, {}) }) })] }), _jsx("div", { children: _jsxs("pre", { style: genericFunctionRendererStyles.pre, children: [_jsxs("div", { style: genericFunctionRendererStyles.commentBlock, children: [_jsx("div", { children: "// //////////////////////////////////////////////////////" }), _jsxs("div", { children: ["// src: ", functionKey] }), log.fromCorrelation && _jsxs("div", { children: ["// Caller: ", log.fromCorrelation] }), _jsxs("div", { children: ["// Total Runtime: ", _jsxs("span", { style: genericFunctionRendererStyles.highlightComment, children: [totalRuntime, " ms"] })] }), _jsx("div", { children: "// //////////////////////////////////////////////////////" })] }), _jsx(GenericFunctionRenderer, { functionName: functionKey.split('::').pop() || 'unknown', args: log.input, expanded: expanded })] }) })] }));
 };

package/lib/esm/LogViewer/LogSummaryReturn.d.ts

@@ -2,5 +2,5 @@ import { StoryResult } from 'quidproquo-core';
 interface LogSummaryReturnProps {
     log: StoryResult<any>;
 }
-export declare const LogSummaryReturn: ({ log }: LogSummaryReturnProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogSummaryReturn: ({ log }: LogSummaryReturnProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/LogSummaryReturn.js

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography } from '@mui/material';
+import { useState } from 'react';
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { Box, IconButton, Tooltip, Typography } from '@mui/material';
 import { AnyVariableView, genericFunctionRendererStyles } from './actionComponents';
 export const LogSummaryReturn = ({ log }) => {
-    return (_jsxs("div", { children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: log.error ? 'Thrown Error' : 'Returned' }), _jsx("pre", { style: { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }, children: _jsx("pre", { style: genericFunctionRendererStyles.pre, children: log.error ? _jsx(AnyVariableView, { value: log.error, expanded: true }) : _jsx(AnyVariableView, { value: log.result, expanded: true }) }) })] }));
+    const [expanded, setExpanded] = useState(false);
+    return (_jsxs("div", { children: [_jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: log.error ? 'Thrown Error' : 'Returned' }), _jsx(Tooltip, { title: expanded ? 'Collapse' : 'Expand', children: _jsx(IconButton, { size: "small", onClick: () => setExpanded(!expanded), children: expanded ? _jsx(ExpandLessIcon, {}) : _jsx(ExpandMoreIcon, {}) }) })] }), _jsx("pre", { style: { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }, children: _jsx("pre", { style: genericFunctionRendererStyles.pre, children: log.error ? _jsx(AnyVariableView, { value: log.error, expanded: expanded }) : _jsx(AnyVariableView, { value: log.result, expanded: expanded }) }) })] }));
 };

package/lib/esm/LogViewer/TopSection.d.ts

@@ -1,4 +1,4 @@
 export interface TopSectionProps {
     onSearch: () => Promise<any>;
 }
-export declare function TopSection({ onSearch }: TopSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopSection({ onSearch }: TopSectionProps): import("react").JSX.Element;

package/lib/esm/LogViewer/TruncatedText.d.ts

@@ -2,5 +2,5 @@ declare const TruncatedText: ({ title, text, expanded }: {
     title: string;
     text: string;
     expanded: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default TruncatedText;

package/lib/esm/LogViewer/actionComponents/genericActionRenderer/AnyVariableView/AnyVariableView.d.ts

@@ -45,14 +45,14 @@ type VariableViewProps = {
     expanded: boolean;
     hideStringQuotes?: boolean;
 };
-export declare const StringVariableView: ({ value, expanded, hideStringQuotes }: VariableViewProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArrayVariableView: ({ value, expanded }: VariableViewProps) => import("react/jsx-runtime").JSX.Element;
-export declare const KvsQueryConditionVariableView: ({ value, expanded }: VariableViewProps) => import("react/jsx-runtime").JSX.Element;
-export declare const KvsLogicalOperatorVariableView: ({ value, expanded }: VariableViewProps) => import("react/jsx-runtime").JSX.Element;
-export declare const EmptyObjectVariableView: ({ value, expanded }: VariableViewProps) => import("react/jsx-runtime").JSX.Element;
-export declare const QpqBinaryDataVariableView: ({ value, expanded }: VariableViewProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ObjectVariableView: ({ value, expanded }: VariableViewProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AnyVariableView: ({ value, expanded, hideStringQuotes }: VariableViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StringVariableView: ({ value, expanded, hideStringQuotes }: VariableViewProps) => React.JSX.Element;
+export declare const ArrayVariableView: ({ value, expanded }: VariableViewProps) => React.JSX.Element;
+export declare const KvsQueryConditionVariableView: ({ value, expanded }: VariableViewProps) => React.JSX.Element;
+export declare const KvsLogicalOperatorVariableView: ({ value, expanded }: VariableViewProps) => React.JSX.Element;
+export declare const EmptyObjectVariableView: ({ value, expanded }: VariableViewProps) => React.JSX.Element;
+export declare const QpqBinaryDataVariableView: ({ value, expanded }: VariableViewProps) => React.JSX.Element;
+export declare const ObjectVariableView: ({ value, expanded }: VariableViewProps) => React.JSX.Element;
+export declare const AnyVariableView: ({ value, expanded, hideStringQuotes }: VariableViewProps) => React.JSX.Element;
 interface GenericFunctionRendererProps {
     functionName: string;
     args: {

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

@@ -21,21 +21,59 @@ export const genericFunctionRendererStyles = {
     highlightComment: { color: 'white' }, // Number value color
     jsonComment: { color: '#5E993E' }, // Number value color
 };
-export const StringVariableView = ({ value, expanded, hideStringQuotes }) => {
+// Try to parse a string as JSON. We reject bare numbers so that plain numeric
+// strings (which JSON.parse happily accepts) keep rendering as strings.
+const tryParseJson = (text) => {
     try {
-        const jsonValue = JSON.parse(value);
-        if (typeof jsonValue === 'number') {
-            throw new Error('Not a JSON string');
+        const value = JSON.parse(text);
+        if (typeof value === 'number') {
+            return { ok: false };
         }
-        return (_jsxs(_Fragment, { children: [_jsxs("span", { style: genericFunctionRendererStyles.jsonComment, children: ['<', "json", '>'] }), _jsx(AnyVariableView, { value: jsonValue, expanded: expanded })] }));
+        return { ok: true, value };
     }
     catch {
-        const trimmedValue = value.length > 25 && !expanded ? `${value.slice(0, 25)}...` : value;
-        if (hideStringQuotes) {
-            return _jsx("span", { style: genericFunctionRendererStyles.stringValue, children: trimmedValue });
+        return { ok: false };
+    }
+};
+// base64 decoding succeeds on plenty of random strings, so the JSON parse below
+// is what actually makes this specific - it only matches if the string is BOTH
+// valid base64 AND decodes to valid JSON.
+const base64Pattern = /^[A-Za-z0-9+/]+={0,2}$/;
+const tryDecodeBase64 = (text) => {
+    // Cheap structural gate: canonical base64 uses only this charset and its length
+    // is a multiple of 4. This also skips obvious non-base64 (anything with {, ", spaces).
+    if (text.length === 0 || text.length % 4 !== 0 || !base64Pattern.test(text)) {
+        return undefined;
+    }
+    try {
+        const decoded = atob(text);
+        // Round-trip to reject non-canonical base64 that atob would otherwise accept.
+        if (btoa(decoded) !== text) {
+            return undefined;
         }
-        return _jsxs("span", { style: genericFunctionRendererStyles.stringValue, children: ["\"", trimmedValue, "\""] });
+        return decoded;
+    }
+    catch {
+        return undefined;
+    }
+};
+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 })] }));
+    }
+    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 })] }));
+        }
+    }
+    const trimmedValue = value.length > 25 && !expanded ? `${value.slice(0, 25)}...` : value;
+    if (hideStringQuotes) {
+        return _jsx("span", { style: genericFunctionRendererStyles.stringValue, children: trimmedValue });
     }
+    return _jsxs("span", { style: genericFunctionRendererStyles.stringValue, children: ["\"", trimmedValue, "\""] });
 };
 export const ArrayVariableView = ({ value, expanded }) => {
     if (value.length == 0) {

package/lib/esm/LogViewer/charts/CostPerService.d.ts

@@ -1,5 +1,5 @@
 interface CostPerServiceProps {
     logs: any[];
 }
-export declare const CostPerService: ({ logs }: CostPerServiceProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CostPerService: ({ logs }: CostPerServiceProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/charts/ErrorsByType.d.ts

@@ -1,5 +1,5 @@
 interface ErrorsByTypeProps {
     logs: any[];
 }
-export declare const ErrorsByType: ({ logs }: ErrorsByTypeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ErrorsByType: ({ logs }: ErrorsByTypeProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/charts/ErrorsOverTime.d.ts

@@ -3,5 +3,5 @@ interface ErrorsOverTimeProps {
     logs: any[];
     searchParams: SearchParams;
 }
-export declare const ErrorsOverTime: ({ logs, searchParams }: ErrorsOverTimeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ErrorsOverTime: ({ logs, searchParams }: ErrorsOverTimeProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/charts/RequestsByService.d.ts

@@ -3,5 +3,5 @@ interface RequestsByServiceProps {
     logs: any[];
     searchParams: SearchParams;
 }
-export declare const RequestsByService: ({ logs, searchParams }: RequestsByServiceProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RequestsByService: ({ logs, searchParams }: RequestsByServiceProps) => import("react").JSX.Element;
 export {};

package/lib/esm/LogViewer/logic/index.d.ts

@@ -2,7 +2,6 @@ export * from './createHierarchy';
 export * from './filterLogs';
 export * from './findLogDirectChildren';
 export * from './findRootLog';
-export * from './getFederationManifestUrl';
 export * from './getLogHierarchy';
 export * from './getLogs';
 export * from './getLogUrl';

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

@@ -2,7 +2,6 @@ export * from './createHierarchy';
 export * from './filterLogs';
 export * from './findLogDirectChildren';
 export * from './findRootLog';
-export * from './getFederationManifestUrl';
 export * from './getLogHierarchy';
 export * from './getLogs';
 export * from './getLogUrl';

package/lib/esm/components/AdminDialog.d.ts

@@ -20,5 +20,5 @@ interface AdminDialogProps {
     }[];
     children: React.ReactNode;
 }
-export declare const AdminDialog: ({ open, handleClose, title, selectedTab, onSelectTab, tabs, buttons, children }: AdminDialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AdminDialog: ({ open, handleClose, title, selectedTab, onSelectTab, tabs, buttons, children }: AdminDialogProps) => import("react").JSX.Element;
 export {};

package/lib/esm/components/AsyncButton.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 interface AsyncButtonProps {
     onClick: (event: any) => Promise<void>;
     children?: ReactNode;
     disabled?: boolean;
     type?: 'button' | 'submit' | 'reset';
 }
-export declare function AsyncButton({ onClick, children, disabled, type }: AsyncButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function AsyncButton({ onClick, children, disabled, type }: AsyncButtonProps): React.JSX.Element;
 export {};

package/lib/esm/components/DataGrid.d.ts

@@ -13,4 +13,4 @@ export interface DataGridProps<T extends object> {
     columns: DataGridColumDefinitions<T>[];
     onRowClick?: (row: T) => void;
 }
-export declare const DataGrid: <T extends object>({ items, columns, onRowClick }: DataGridProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataGrid: <T extends object>({ items, columns, onRowClick }: DataGridProps<T>) => import("react").JSX.Element;

package/lib/esm/components/DataGridPagination/DataGridPagination.d.ts

@@ -1 +1 @@
-export declare function DataGridPagination(): import("react/jsx-runtime").JSX.Element;
+export declare function DataGridPagination(): import("react").JSX.Element;

package/lib/esm/components/LastSeen/LastSeen.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("react").MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<(props: any) => import("react").JSX.Element>;
 export default _default;

package/lib/esm/components/LoadingBox/LoadingBox.d.ts

@@ -4,5 +4,5 @@ interface LoadingBoxProps<T> {
     renderItem: (item: T) => React.ReactNode;
     renderLoading?: () => React.ReactNode;
 }
-export declare const LoadingBox: <T>({ path, renderItem, renderLoading }: LoadingBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingBox: <T>({ path, renderItem, renderLoading }: LoadingBoxProps<T>) => React.JSX.Element;
 export {};

package/lib/esm/components/MainLayout/MainLayout.d.ts

@@ -1 +1 @@
-export declare function MainLayout(): import("react/jsx-runtime").JSX.Element;
+export declare function MainLayout(): import("react").JSX.Element;

package/lib/esm/index.d.ts

@@ -1,3 +1,5 @@
 export * from './addonSupport';
 export * from './App';
 export * from './components';
+export * from './FederatedAddon';
+export * from './FederatedAddonProvider';

package/lib/esm/index.js

@@ -1,3 +1,5 @@
 export * from './addonSupport';
 export * from './App';
 export * from './components';
+export * from './FederatedAddon';
+export * from './FederatedAddonProvider';

package/lib/esm/logic/platform/apiRequest.js

@@ -1,28 +1,41 @@
-import axios from 'axios';
+import { preformNetworkRequest } from 'quidproquo-webserver';
 const getHeaders = (accessToken) => ({
     'Content-Type': 'application/json',
     ...(accessToken ? { Authorization: `Bearer ${accessToken}` } : {}),
 });
-const getAxiosInstance = (apiBaseUrl, accessToken) => {
-    const instance = axios.create({
-        baseURL: apiBaseUrl,
-        headers: getHeaders(accessToken),
-    });
-    return instance;
+const unwrap = (response) => {
+    if (response.status < 200 || response.status >= 300) {
+        throw new Error(`Request failed with status ${response.status}`);
+    }
+    return response.data;
 };
 export const apiRequestPost = async (path, body, apiBaseUrl, accessToken) => {
-    const res = await getAxiosInstance(apiBaseUrl, accessToken).post(path, body);
-    return res.data;
+    const response = await preformNetworkRequest({
+        method: 'POST',
+        url: path,
+        basePath: apiBaseUrl,
+        headers: getHeaders(accessToken),
+        body,
+        responseType: 'json',
+    });
+    return unwrap(response);
 };
 export const apiRequestGet = async (path, apiBaseUrl, accessToken) => {
-    const res = await getAxiosInstance(apiBaseUrl, accessToken).get(path);
-    return res.data;
+    const response = await preformNetworkRequest({
+        method: 'GET',
+        url: path,
+        basePath: apiBaseUrl,
+        headers: getHeaders(accessToken),
+        responseType: 'json',
+    });
+    return unwrap(response);
 };
 export const externalRequestGet = async (path) => {
-    const res = await axios
-        .create({
+    const response = await preformNetworkRequest({
+        method: 'GET',
+        url: path,
         headers: getHeaders(),
-    })
-        .get(path);
-    return res.data;
+        responseType: 'json',
+    });
+    return unwrap(response);
 };

package/lib/esm/useFederatedAddon.js

@@ -1,46 +1,17 @@
 import { useAuthAccessToken, useBaseUrlResolvers } from 'quidproquo-web-react';
 import { useEffect, useState } from 'react';
-import { loadRemote, registerRemotes } from '@module-federation/enhanced/runtime';
-import { getFederationManifest } from './LogViewer/logic';
+import { useLoadFederatedAddons } from './FederatedAddonProvider';
 export function useFederatedAddon() {
     const [federatedAddons, setFederatedAddons] = useState([]);
     const [loading, setLoading] = useState(false);
     const accessToken = useAuthAccessToken();
     const baseUrlResolvers = useBaseUrlResolvers();
+    const loadAddons = useLoadFederatedAddons();
     useEffect(() => {
         const doAsyncWork = async () => {
             setLoading(true);
-            const manifestUrl = `${baseUrlResolvers.getMFManifestUrl()}/mf-manifest.json`;
-            console.log(`manifestUrl: [${manifestUrl}]`);
-            if (!manifestUrl) {
-                console.log(`Missing manifest Url`);
-                return;
-            }
-            console.log(`Reading manifest: [${manifestUrl}]`);
-            const manifest = await getFederationManifest(baseUrlResolvers.getApiUrl(), manifestUrl);
-            if (!manifest.id) {
-                console.log(`Manifest missing id`);
-                return;
-            }
-            // Update the remote
-            console.log(`Updating remote: [${manifest.id}]`);
-            registerRemotes([
-                {
-                    name: manifest.id,
-                    entry: manifestUrl,
-                },
-            ], { force: true });
-            // Load the remote
-            console.log(`Loading remote: [${manifest.id}]`);
-            const remote = await loadRemote(`${manifest.id}/shared`, {
-                from: 'runtime',
-            });
-            if (remote && typeof remote === 'object') {
-                const allAddons = Object.values(remote)
-                    .filter((possibleAddon) => typeof possibleAddon === 'object')
-                    .filter((possibleAddon) => possibleAddon.isQpqAdminFederatedAddon);
-                setFederatedAddons(allAddons);
-            }
+            const addons = await loadAddons({ baseUrlResolvers, accessToken });
+            setFederatedAddons(addons);
         };
         doAsyncWork()
             .catch((e) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quidproquo-web-admin",
-  "version": "0.0.262",
+  "version": "0.1.0",
   "description": "",
   "main": "./lib/commonjs/index.js",
   "module": "./lib/esm/index.js",
@@ -34,7 +34,6 @@
   "dependencies": {
     "@emotion/react": "^11.10.8",
     "@emotion/styled": "^11.10.8",
-    "@module-federation/enhanced": "^0.22.0",
     "@mui/icons-material": "^5.11.16",
     "@mui/lab": "^5.0.0-alpha.128",
     "@mui/material": "^5.12.2",
@@ -45,13 +44,13 @@
     "date-fns": "^2.30.0",
     "dayjs": "^1.11.7",
     "javascript-time-ago": "^2.5.9",
-    "quidproquo-core": "0.0.262",
-    "quidproquo-tsconfig": "0.0.262",
-    "quidproquo-web": "0.0.262",
-    "quidproquo-web-react": "0.0.262",
-    "quidproquo-webserver": "0.0.262",
+    "quidproquo-core": "0.1.0",
+    "quidproquo-tsconfig": "0.1.0",
+    "quidproquo-web": "0.1.0",
+    "quidproquo-web-react": "0.1.0",
+    "quidproquo-webserver": "0.1.0",
     "react": ">=18.3.1",
-    "react-d3-tree": "^3.6.0",
+    "react-d3-tree": "^3.6.6",
     "react-dom": "18.3.1",
     "react-icons": "^4.8.0",
     "react-inspector": "^6.0.2",
@@ -61,25 +60,14 @@
     "recharts": "^2.12.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.21.5",
-    "@babel/plugin-transform-react-jsx": "^7.21.5",
-    "@babel/preset-env": "^7.21.5",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.21.5",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.2",
     "@types/node": "^22.13.13",
     "@types/react-dom": "^18.3.0",
-    "@types/webpack": "^5.28.5",
-    "@types/webpack-dev-server": "^4.7.2",
-    "babel-loader": "^9.1.2",
-    "html-webpack-plugin": "^5.5.1",
-    "path-browserify": "^1.0.1",
     "tsconfig-paths": "^4.2.0",
-    "typescript": "^5.8.2",
-    "webpack": "^5.98.0",
-    "webpack-cli": "^5.0.2",
-    "webpack-dev-server": "^5.2.2"
+    "typescript": "^5.8.2"
   },
   "peerDependencies": {
     "react": ">=18.3.1"
   }
-}
+}